/**/ .banner { height:482px;} .fullslide { width:100%; position:relative; height:482px; } .fullslide .bd { margin:0 auto; position:relative; z-index:0; overflow:hidden; } .fullslide .bd ul { width:100% !important; } .fullslide .bd li { width:100% !important; height:482px; overflow:hidden; text-align:center; background-position:center top; background-repeat:no-repeat; } .fullslide .bd li a { display:block; height:692px; } .fullslide .hd { width:100%; position:absolute; z-index:1; bottom:1px; left:0; height:30px; line-height:30px; } .fullslide .hd ul { text-align:center; } .fullslide .hd ul li { cursor:pointer; display:inline-block; *display:inline; zoom:1; width: 6px; height: 6px; margin:0 10px; display: inline-block; border-radius: 50%; overflow:hidden; background:#044688; line-height:999px; } .fullslide .hd ul .on { background:#0477c3; width:31px; border-radius:3px; } .fullslide .prev,.fullslide .next { display:block; position:absolute; z-index:1; top:50%; margin-top:-30px; left:5%; z-index:1; width:40px; height:60px; cursor:pointer; filter:alpha(opacity=50); opacity:0.5; display:none; width:73px; height:73px; } .fullslide .prev { background:url(/uploads/image/tdscimg/left1s.png) no-repeat; } .fullslide .next { left:auto; right:5%; background:url(/uploads/image/tdscimg/right1s.png) no-repeat; } /*index.css*/ @charset "utf-8"; /* css document */ /*common*/ .mb10 { margin-bottom:10px;} .ml10 { margin-left:10px;} .bg { background:#fff;} /**/ @charset "utf-8"; /* css document */ /* title公共样式 */ .title{width: 100%;overflow: hidden;text-align: center;} .title h2{font-size: 30px;font-weight: bold;} .title h2 a{color: #3c3c3c;} .title .p1{font-size: 32px;color: #000;margin:0;font-weight:800;background:url(/uploads/image/tdsimg/cdcd.png) center no-repeat;} .title .p1 .r{color:#e81e1a;} .title .p2{font-size: 16px;color:#3c3c3c;font-family: 'myriad pro';} /* banner */ .banner{ overflow: hidden; width: 100%; position: relative;height: 482px;} .banner a{display: block;height:482px;width: 100%;} .banner .btnlist{overflow: hidden; width: 100%; position: absolute; left: 0; bottom: 26px; text-align: center;} .banner .btnlist span{width: 6px;height: 6px;background-color: #044688; margin:0 10px; display: inline-block;border-radius: 50%;} .banner .btnlist span{ *display: inline; } .banner .btnlist span.cur{background-color: #0477c3;width: 31px;border-radius: 3px;} #search{width:100%;height:40px;background:#f7f7f7;} .search{width:1200px;height:40px;margin:0 auto;text-align:left;font-size:12px;color:#000;line-height:40px;} .search a{margin-right:10px;color:#787878;margin-left:10px;} .bbq{width:200px;height:25px;background: url(/uploads/image/tdsimg/search.png) top right no-repeat #fff;float:right;margin-top:8px;} /* feature */ .feature{width: 100%;overflow: hidden;background: #f0f0f0;padding-top: 20px;} .feature ul{width:100%;} .feature ul li{width: 300px;float: left;height: 340px;background: url(/uploads/image/tdscimg/featurebg.png) repeat-y;} .feature ul li a{display: block;width: 300px;height: 340px;text-decoration: none;} .feature ul li img{display: block;} .feature ul li span{display: block;font-size: 24px;color: #00adef;padding-left: 38px;font-weight: lighter;margin: 28px 0 10px 0;} .feature ul li em{display: block;width: 200px;padding-left: 38px;font-size: 13px;color: #666666;line-height: 22px;} .feature ul li:hover{background: #00adef;background-image: none;} .feature ul li:hover span{color: #fff;} .feature ul li:hover em{color: #fff;} /* products */ .products{width: 100%;overflow: hidden;background: #fff;padding-bottom: 59px;} .products .title{padding-top: 50px;} .products .menu{width:1200px;height:40px;margin-top:15px;} .products .menu ul{width:948px;height:40px;margin:0 auto;background:#fff;} .products .menu ul li{width:140px;height:38px;line-height:38px;float:left;margin:0 8px;border:1px solid #e5e5e5;background:#fff;text-align:center;font-size:16px;} .products .menu ul li a{color:#787878;} .products .menu ul li:hover{width:140px;height:38px;background:#e81e1a;border:1px solid #e81e1a;color:#fff;} .products .menu ul li:hover a{color:#fff;} .products .con{overflow: hidden;height: 675px;position: relative;margin-top:10px;} .products .con ul{overflow: hidden;height: 675px;position: absolute;top: 0;left: 0;} .products .con li{width: 283px;height: 314px;float: left;margin:15px 9px 0 8px;} .products .con li img{display: block;width:281px;height:256px;border:1px solid #e0e0e0;} .products .con li:hover img{display: block;width:281px;height:256px;border:1px solid #e81e1a;} .products .con .intro{width: 283px;overflow: hidden;text-align: center;height: 45px;background:#e0e0e0;line-height:45px;margin-top:11px;} .products .con .intro h3{font-size: 14px;font-weight: normal;} .products .con .intro h3 a{color: #666666;text-decoration: none;} .products .con .intro p{color: #fff;font-size: 13px;color: #999;margin: 6px 0 28px 0;} .products .con .intro .more{background: url(/uploads/image/tdscimg/products-jt1.png) no-repeat left center;padding-left: 27px;font-size: 14px;font-weight: bold;font-family: arial;text-transform: uppercase;text-decoration: none;} .products .con li:hover .intro{background: #e81e1a;background-image: none;} .products .con li:hover .intro p,.products .con li:hover .intro h3 a,.products .con li:hover .intro .more{color: #fff;} .products .con li:hover .intro .more{background: url(/uploads/image/tdscimg/products-jt2.png) no-repeat left center;} .products .con li:hover{box-shadow: 0px 0px 20px 8px #dbdada;} .productsbtn{overflow: hidden; width: 100%; text-align: center;} .productsbtn li{width: 6px;height: 6px;background-color: #cccccc; margin:0 10px; display: inline-block;border-radius: 50%; font-size:0;} .productsbtn li{ *display: inline; } .productsbtn li.on{background-color: #0477c3;width: 31px;border-radius: 3px;} #anli{width:100%;height:704px;background:url(/uploads/image/tdsimg/bg.png) top center no-repeat;padding-top:32px;} .anli{width:1200px;height:620px;background:#fff;margin:0px auto;padding-top:30px;} .anlibox{width:1152px;height:442px;margin:30px auto 0 auto;} .anlibox .l{width:625px;height:442px;float:left; position:relative;} .anlibox .l a img{ position:absolute;top:0;left:0;width:625px;height:442px;border:none;z-index:1;} .anlibox .l .bbt{position:absolute;width:625px;height:65px;left:0;bottom:0;background:#909091;opacity:0.7;z-index:2;transition: background 1s;} .anlibox .l .bbt:hover{background:#000;} .anlibox .l p{position:absolute;width:625px;height:65px;left:0;bottom:0;line-height:65px;font-size:16px;color:#fff;text-align:center;z-index:3;} .anlibox .l p a{color:#fff;} .anlibox .r{width:520px;height:442px;float:right;} .anlibox .r ul li{width:244px;height:214px;float:left;margin-left:16px;margin-bottom:14px;background:#fff; position:relative;} .anlibox .r ul li a img{ position:absolute;width:244px;height:214px;border:none;z-index:1;} .anlibox .r ul li .bbt{position:absolute;width:244px;height:45px;left:0;bottom:0;background:#909091;opacity:0.7;z-index:2;} .anlibox .r ul li p{position:absolute;width:244px;height:45px;left:0;bottom:0;line-height:45px;font-size:14px;color:#fff;text-align:center;z-index:3;} .anlibox .r ul li p a{color:#fff;} #lly{width:1200px;height:1230px;background:#fff;margin:0 auto;} #lly .t1{width:1200px;height:171px;float:left;background:url(/uploads/image/tdsimg/c1.png) top center no-repeat #fff;} #lly .t2{width:1200px;height:519px;float:left;background:url(/uploads/image/tdsimg/c2.png) top right no-repeat #fff;} #lly .t2 .l{width:520px;height:500px;float:left;margin-left:19px;margin-top:19px;} .ds1{width:100%;height:40px;line-height:40px;font-size:24px;text-align:left;color:#000; font-family:黑体;float:left;} .ds2{width:100%;height:20px;line-height:20px;font-size:18px;text-align:left;color:#a8a8a8;font-family:黑体;float:left;margin-bottom:20px;} .ds3 p{width:100%;line-height:24px;background:url(/uploads/image/tdsimg/oo.png) left top no-repeat;text-indent:20px;float:left;} .ds4{width:100%;height:40px;line-height:40px;font-size:24px;text-align:left;color:#000; font-family:黑体;float:left;margin-top:20px;} #lly .t3{width:1200px;height:464px;float:left;background:url(/uploads/image/tdsimg/c3.png) top left no-repeat #fff;margin-top:30px;} #lly .t3 .l{width:520px;height:500px;float:right;margin-left:19px;margin-top:19px;} #news{width:1200px;height:520px;margin:40px auto; } #news .l{width:372px;height:520px;float:left;} #news .m{width:372px;height:520px;float:left;margin-left:40px;} #news .r{width:376px;height:520px;float:right;} .nn1{width:100%;line-height:25px;float:left;color:#000;text-align:left;font-size:16px; font-family:amerigo md bt;} .nn2{width:100%;line-height:20px;float:left;color:#e81e1a;text-align:left;font-size:20px;font-family:黑体;} .nn3 a img{width:372px;height:231px;float:left;margin-top:35px;border:none;} .nn4{width:100%;height:27px;line-height:27px;background:url(/uploads/image/tdsimg/tt.png) left top no-repeat;text-indent:30px;color:#7f7f7f;font-size:14px;text-align:left;float:left;margin-top:20px;} .nn5{width:100%;height:45px;line-height:45px;float:left;color:#000;font-size:16px;text-align:left;} .nn5 a{color:#000;} .nn6{width:100%;height:50px;line-height:25px;float:left;text-align:left;font-size:12px;color:#787878;} .nn6 a{color:#787878;} .nn7{width:120px;height:28px;border:1px solid #b2b2b2;text-align:center;font-size:12px;color:#787878;float:left;margin-top:15px;line-height:28px;} .nn7 a{colro:#787878;} .nn8{width:376px;height:373px;float:left;margin-top:35px;} .nn8 ul li{width:376px;height:117px;float:left;border-bottom:1px solid #ececec;margin-bottom:6px;} .nn8 ul li span a{width:376px;height:40px;line-height:40px;float:left;font-size:16px;color:#000;} .nn8 ul li p a{width:376px;height:50px;line-height:25px;float:left;text-align:left;font-size:12px;color:#787878;} #bbk{width:1202px;height:387px;background:url(/uploads/image/tdsimg/book.png) top center no-repeat;margin:0 auto;} #bbk .l{width:300px;height:45px;float:left;line-height:45px;font-size:24px;color:#ff0000;text-align:left;margin-left:100px;margin-top:280px;} #bbk .r{width:360px;height:260px;float:right;margin-right:70px;margin-top:70px;} #bbk .r input{width:358px;height:38px;background:#fff;border:1px solid #000;text-indent:2em;line-height:38px;font-size:14px;color:#787878;margin-bottom:15px;} #bbk .r textarea{width:358px;height:38px;background:#fff;border:1px solid #000;text-indent:2em;line-height:38px;font-size:14px;color:#787878;margin-bottom:15px;} #bbk .r .clearfix1{width:358px;height:38px;background:#fff;border:1px solid #000;line-height:38px;font-size:14px;color:#787878;margin-bottom:15px;} #bbk .r .clearfix1 input{width:258px;height:38px;border:none;float:left;} #bbk .r .clearfix1 img{float:right;width:100px;height:38px;} #bbk .r .btn1{width:358px;height:38px;background:#212a39;border:1px solid #000;line-height:38px;font-size:14px;color:#fff;margin-bottom:15px;text-align:center;} /* adv */ .adv{width: 100%;} .adv .container{position: relative;padding-bottom: 40px;} .adv .wang1{position: absolute;top: -52px;right: -95px;} .adv .wang2{position: absolute;bottom: -42px;left: -295px;z-index: 55;} .adv .title{padding-top: 40px;} .adv ul{width: 100%;overflow: hidden;} .adv li{width: 300px;float: left;text-align: center} .adv ul li:first-child{background-image: none;} .adv .con1 span{display: block;width: 113px;height: 101px;margin: 29px auto 0;} .adv .con1 ul{height: 337px;} .adv .con1 li{height: 337px;background: url(/uploads/image/tdscimg/adv-xian1.png) no-repeat left center;} .adv .con1 h3{font-size: 30px;color: #666666;font-weight: normal;margin: 40px 0 20px 0;} .adv .con1 h3 em{font-size: 30px;color: #666666;font-weight: normal;} .adv li p{font-size: 14px;color: #666666;line-height: 20px;} .adv .con2{margin-top: 30px;} .adv .con1{margin-top: 68px;} .adv .con2 ul{height: 214px;} .adv .con2 li{height: 214px;background: url(/uploads/image/tdscimg/adv-xian2.png) no-repeat left center;} .adv .con2 li h3{font-size: 72px;color: #00adef;font-family: 'myriad pro';margin: 10px 0;} /* about .about{width: 100%;position: relative;height: 660px;background: no-repeat center;} .about .container{position: relative;height: 660px;} .about .left_a{width: 600px;overflow: hidden;float: left;} .about .leftcon h3{font-size: 30px;font-weight: bold;margin-top: 111px;} .about .leftcon h3 a{color: #0477c3;text-decoration: none;} .about .leftcon span{display: block;} .about .leftcon .span1{color: #666666;font-size: 20px;margin: 6px 0 18px 0;} .about .leftcon .span2{font-size: 12px;color: #bdbdbd;font-family: 'myriad pro';} .about .leftcon p{font-size: 14px;line-height: 24px;color: #666666;width: 518px;} .about .leftcon .p1{margin: 34px 0 28px 0;} .about .leftcon ul{width: 100%;overflow: hidden;margin-top: 108px;} .about .leftcon li{float: left;width: 150px;height: 40px;line-height: 40px;margin-left: 1px;text-align: center;font-size: 14px;background: #fff;} .about .leftcon li a{display: block;color: #666666;text-decoration: none;} .about .leftcon li.cur{background: #0477c3;} .about .leftcon li.cur a{color: #fff;} .about .right_a{width: 600px;float: left;position: relative;height: 660px;} .about .rightcon {width: 960px;overflow: hidden;position: absolute;top: 0;left: 0;height: 660px;} .about .right_a ul{width: 960px;overflow: hidden;position: absolute;top: 0;left: 0;} .about .right_a li{float: left;width:960px;} .about .right_a .list{overflow: hidden; width: 100%; position: absolute; left: 0; bottom: 26px; text-align: center;} .about .right_a .list span{width: 14px;height: 14px;background-color: #fff; margin:0 10px; display: inline-block;border-radius: 50%;} .about .right_a .list span{ *display: inline; } .about .right_a .list span.cur{background-color: #00adef;} .about .wang{position: absolute;right: 79px;bottom:-82px;} */ /* about */ .about{width: 100%;position: relative;height: 544px;background:#212a39;margin-top:20px;} .about .container{position: relative;height: 544px;} .about .left_about{width: 600px;overflow: hidden;float: left;} .about .leftcon .intro{height: 433px;overflow: hidden;} .about .leftcon{height: 433px;overflow: hidden;} .about .leftcon h3{font-size: 30px;font-weight: bold;margin-top: 111px;} .about .leftcon h3 a{color: #fff;text-decoration: none;} .about .leftcon span{display: block;} .about .leftcon .span1{color: #666666;font-size: 20px;margin: 6px 0 18px 0;} .about .leftcon .span2{font-size: 12px;color: #bdbdbd;font-family: 'myriad pro';} .about .leftcon p{font-size: 14px;line-height: 24px;color: #fff;width: 518px;} .about .leftcon .p1{margin: 34px 0 28px 0; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical;} .about .leftcon .p2{ overflow: hidden;text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 4; -webkit-box-orient: vertical;} .about .left_about ul{width: 100%;overflow: hidden;margin-top: 0px;} .about .left_about li{float: left;width: 150px;height: 40px;line-height: 40px;margin-left: 1px;text-align: center;font-size: 14px;background: #dc0303;} .about .left_about li a{display: block;color: #fff;text-decoration: none;} .about .left_about li.cur{background: #dc0303;} .about .left_about li.cur a{color: #fff;} .about .right_about{width: 960px;float: left;height: 544px;position: absolute;left: 600px;top: 0;overflow: hidden;} .about .rightbox{width: 960px;float: left;position: relative;height: 660px;} .about .rightcon {width: 960px;overflow: hidden;position: absolute;top: 0;left: 0;height: 544px;} .about .right_about ul{width: 960px;overflow: hidden;position: absolute;top: 0;left: 0;} .about .right_about li{float: left;width:960px;} .about .right_about .list{overflow: hidden; width: 600px; position: absolute; left: 0; bottom: 26px; text-align: center;z-index: 100;} .about .right_about .list span{width: 14px;height: 14px;background-color: #fff; margin:0 10px; display: inline-block;border-radius: 50%;} .about .right_about .list span{ *display: inline; } .about .right_about .list span.cur{background-color: #00adef;} .about .wang{position: absolute;right: 79px;bottom:-82px;} /* media */ .media{width: 100%;} .media .container{padding-bottom: 67px;position: relative;} .media .wang{position: absolute;left: -228px;bottom: -55px;} .media .title{padding-top: 85px;} .media .title p{text-transform: uppercase;margin-top: 5px;} .media .con{margin-top: 56px;overflow: hidden;height: 379px;} .media .conbox{width: 100%;overflow: hidden;height: 379px;} .media .left{float: left;width: 600px;height: 361px !important;} .media .right{float: right;width: 560px;overflow: hidden;position: relative;} .media .right dl{/* overflow: hidden; */} .media .right .newsrbox{width: 560px;height: 375px;overflow: hidden;} .media .right dl{height: 109px;width: 558px;border: 1px solid #eeeeee;background: #f7f7f7;margin-bottom: 14px;overflow: hidden;} .media .right dl:hover{height: 109px;width: 558px;border: 1px solid #00adef;background: #00adef;margin-bottom: 14px;overflow: hidden;} .media .right dt{width: 135px;height: 85px;float: left;margin: 14px 0 0 13px;overflow:hidden; } .media .right dt img{display: block;} .media .right dd{width: 385px;float: left;margin-left: 12px; padding-top:12px; } .media .right dd span{display: block;font-size: 18px;color: #555;width: 385px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;} .media .right dd p{font-size: 14px;color: #555555;line-height: 22px;height: 48px;} .media .right dd em{ font-size:12px; color:#555;} .media .right dl:hover dd span{color: #fff;} .media .right dl:hover dd p{color: #fff;} .media .right dl:hover dd em{ color:#fff;} .media .menu{overflow: hidden;margin:44px 0 0 376px;} .media .menu a{display: inline-block;width: 148px;height: 38px;text-align: center;line-height: 38px;font-size: 14px;color: #666666;text-decoration: none;border: 1px solid #dcdcdc;border-left: none;float: left;} .media .menu a:first-child{border-left: 1px solid #dcdcdc;} .media .menu a{*display: inline;} .media .menu a.cur{width: 149px;height: 40px;line-height: 40px;border: none;background: #0477c3;color: #fff;} .media .menu a:first-child.cur{width: 150px;} /* case */ .case{width: 100%;background: #fff;/* padding-bottom: 72px; */margin-bottom:30px;} .case .container{position: relative;} .case .wang{position: absolute;right: -157px;bottom: -157px;} .case .title{padding-top: 84px;} .case .title .p2{font-weight: bold;} .case .con{height: 420px;margin-top: 54px;position: relative;} .case .con i{width: 44px;height: 44px;overflow: hidden;position: absolute;top: 166px;display: block;} .case .con i:hover{cursor: pointer;} .case .con i.btn01{background: no-repeat top;left: -64px;} .case .con i.btn02{background: no-repeat bottom;right: -64px;} .case .conbox{width: 100%;overflow: hidden;height: 430px;position: relative;} .case .con ul{overflow: hidden;height: 430px;position: absolute;top: 0;left: 0;} .case .con li{width: 278px;height: 430px;float: left;margin-right: 26px;border:1px solid #ddd;} .case .con img{display: block;} .case .con .intro{overflow: hidden;height: 210px;padding:0 17px;background: #fff;} .case .con .intro h3{font-size:18px;font-weight: normal;margin-top: 26px;} .case .con .intro h3 a{color: #666666;text-decoration: none;} .case .con .intro p{color: #fff;font-size: 13px;color: #666666;margin: 10px 0 88px 0;} .case .con .intro .more{background: url(/uploads/image/tdscimg/products-jt1.png) no-repeat left center;padding-left: 27px;font-size: 14px;font-weight: bold;font-family: arial;text-transform: uppercase;text-decoration: none;} /* kh */ .kh{width: 100%;background: #f0f0f0;padding-bottom: 61px;} .kh .container{position: relative;position: relative;} .kh .title{padding-top: 72px;} .kh .con{height: 260px;margin: 36px 0 28px 0;position: relative;overflow: hidden;} .kh .con ul{width: 105%;overflow: hidden;position: absolute;top: 0;left: 0;height: 260px;} .kh .con li{float: left;width: 280px;height: 120px;margin: 6px 11px;} .kh .con li a{margin-top: 20px;display: block;border: 1px solid #d9d9d9; overflow:hidden;} .kh .con li img{display: block; padding:0px !important; transition:0.8s;-moz-transition:0.8s, -moz-transform 0.8s;-webkit-transition:0.8s, -webkit-transform 0.8s;} .kh .con li:hover img{ -webkit-transform: scale(1.1);-moz-transform: scale(1.1);-o-transform: scale(1.1);-m-transform: scale(1.1);transform: scale(1.1); box-shadow:0 0 6px #00adef;} .kh .con li a:first-child{margin-top: 0;} .khbtn{overflow: hidden; width: 100%; text-align: center;} .khbtn ol li{width: 6px;height: 6px;background-color: #cccccc; margin:0 10px; display: inline-block;border-radius: 50%;} .khbtn ol li{ *display: inline; } .khbtn ol li.cur{background-color: #0477c3;width: 31px;border-radius: 3px;}