body{font-size:14px; font-family:"微软雅黑"; background:#FFF;} .fr{ float:right;} .fl{ float:left;} .fn{ float:none;} .f2{ font-size:12px;} *{margin:0;padding:0;list-style-type:none;} a,img{border:0;text-decoration: none;} ul,li{padding:0px; margin:0px; list-style:none;} ul li{ float:left;} ul li a:hover{ color:#006ec7;} div a:hover{ color:#006ec7;} table { border-collapse: collapse; border-spacing: 0; } input,form,select,textarea{ margin:0px;padding:0px; outline:medium; border:0; border-radius:0; background:none; font-family:"微软雅黑"; font-size:14px;} i,em{ font-style:normal;} .mo{ margin: 0 auto;} .most{ width:100%; height:auto; overflow:hidden; display:block;} .roundBorder{border-radius: 15px;} .clear{ clear:both; height:0; overflow:hidden;} .dsk{ width:100%; height:100%; display:block; overflow:hidden;} /*定位*/ .pr{ position: relative;} .pa{ position: absolute;} .pf{ position: fixed;} /*块级转换*/ .db { display: block;} .dn { display: none;} .di { display: inline;} .dib { display: inline-block;} /*清除浮动*/ .clearfix:after { visibility: hidden; display: block; font-size: 0; content: " "; clear: both; height: 0; } .clearfix{*zoom:1;} .lazy{ background: url(../images/loading.gif) no-repeat center center;} .usf img{ -webkit-transition:all 0.5s ease 0s; -moz-transition:all 0.5s ease 0s; transition:all 0.5s ease 0s; } .usf a:hover img{ -webkit-transform:scale(1.05); -moz-transform:scale(1.05); transform:scale(1.05); } .ucss3{ -webkit-transition:all 0.3s ease 0s; -o-transition:all 0.3s ease 0s; transition:all 0.3s ease 0s; } /*1-首页*/ .header{ height: 98px; width: 100%; min-width: 1200px; position: relative; z-index: 50;} .hdc{ width: 1200px; height: 98px; } .logo{ width: 279px; height: 76px; padding: 11px 0 0;} .hdc-nav{ width: 864px; height:100%; } .hdcs{ width: 108px; height: 100%; } .hdcs-show{ width: 100%; height: 100%; position: relative; } .hdcs-show a{background:url(../images/hd-hx.png) no-repeat center -12px #fff; width: 100%; display: block; height: 79px; text-align: center; line-height: 79px; padding-top: 19px; font-size: 16px; color: #333333;} .hdcs-show a.act,.hdcs-show a:hover{background:url(../images/hd-hx.png) no-repeat center 12px #006ec7; color: #fff; box-shadow: 0 0 5px 2px rgba(0,0,0,0.1);} .hdcs-hide{ display: none; background:url(../images/hd-yys.png) repeat-x; width: 100%; height: 214px; position: absolute; left: 0; top: 98px; overflow: hidden;} .hdcs-hct{ width:1200px; height: 100%; } .hdcs-img{ width: 296px; height: 154px; overflow: hidden; margin:33px 33px 0 0;} .hdcs-nr{ width: 545px; overflow: hidden; } .hdcsn-title{ width: 100%; height: 36px; line-height: 36px; overflow: hidden; padding-top:50px; } .hdcsn-title a{ color: #000; } .hdcsn-tx{ width: 100%; height:88px; line-height:22px; font-size: 12px; overflow: hidden; color: #666666;} .hdcs-link{ width: 250px; padding:32px 20px 0 0; overflow: hidden; } .hdcs-link p{background:url(../images/hdin-hx.png) repeat-x left bottom; width: 100%; height: 30px; text-indent: 9px; line-height: 30px; overflow: hidden; position: relative; display: block; } .hdcs-link p a{ font-size: 13px; color: #525252; } .hdcs-link p i{ width:0; height: 1px; overflow: hidden; display: block; position: absolute; left: 0; bottom: 0; background: #85b8e2; } .content{ width: 100%; min-width: 1200px; position: relative; z-index: 49; } .banner-wk{ position: relative; } .banner{ width:100%; height:662px; overflow:hidden; position:relative; z-index: 5;} .banner .banner-box{width:100%;height:100%;position:relative;overflow:hidden;} .banner .banner-box .bd{ width:100%; height:100%;} .banner .banner-box .bd li .m-width {width:1200px; margin:0 auto;overflow:hidden;} .banner .banner-box .bd li{width:100%;height:662px;} .banner .banner-box .bd li a{display:block; width:100%; height:100%;} .banner .banner-btn{width:100%;position:absolute;bottom:0;left:0;} .banner .banner-btn a{display:block; width:49px; height:101px; overflow:hidden; position:absolute; top:-405px;} .banner .banner-btn a.prev{left:0;background:url(../images/banner-libg.png) no-repeat;} .banner .banner-btn a.prev:hover{background:url(../images/banner-libg.png) no-repeat 0 -101px;} .banner .banner-btn a.next{right:0;background:url(../images/banner-libg.png) no-repeat -49px 0;} .banner .banner-btn a.next:hover{background:url(../images/banner-libg.png) no-repeat -49px -101px;} .banner .banner-box .hd{ width:192px; height:22px; overflow:hidden; position:absolute;top:57px; left:50%; margin-left:-96px;} .banner .banner-box .hd ul li{width:21px; height:22px; overflow:hidden; text-indent:-9999px; margin-right:43px;background:url(../images/banner-libg.png) no-repeat;float:left;cursor:pointer;} .banner .banner-box .hd ul li.on{background:url(../images/banner-libg.png) no-repeat -21px 0;} .brp{background:url(../images/banner-opo.png); width: 1200px; height: 43px; position:absolute; overflow: hidden; z-index: 15; bottom: 0; left: 50%; margin-left:-600px;} .brp-title{background:url(../images/banner-icon0.png) no-repeat 12px center; width: 133px; text-indent: 43px; height: 100%; overflow: hidden; line-height: 43px; font-size: 16px; color: #fff; } .brp-gd{ width: 1045px; height: 100%; overflow: hidden; position: relative; line-height: 43px;} .brp-gd ul{ width: 50000px; height: 100%; overflow: hidden; position: absolute; left: 0; top: 0; } .brp-gd li{ color: #fff; width: 330px; margin-right: 25px; height: 100%; overflow: hidden; text-overflow:ellipsis; white-space:nowrap;} .brp-gd a{ color: #fff; } .brp-gd a:hover{ color: #fff; } .inpz{ width: 322px; height: 163px; overflow: hidden; position: fixed; left: 0; top: 0; z-index: 300; } .inpz-off{background:url(../images/inpo-off.png) no-repeat; width: 21px; height: 21px; display: block; position: absolute; right: 0; top: 0; z-index: 15; } .inpz-title{ width:262px; height: 40px; line-height: 20px; overflow: hidden; text-align: center; margin:13px auto 6px; } .inpz-title a{ font-size: 16px; font-weight: bold; color: #fff;} .inpz-title a:hover{ color: #fff; } .inpz-tx{background:url(../images/inpo-opo.png); width: 313px; height: 101px; overflow: hidden; margin:0 auto; } .inpz-tx p{ width: 300px; height: 80px; line-height: 20px; overflow: hidden; display: block; font-size: 12px; color: #fff; margin:10px auto 0; } .io{ padding: 51px 0 0;} .io-title{ text-align: center; } .io-title p{ width: 100%; overflow: hidden; display: block; height: 45px; line-height: 45px; font-size:30px; color: #000000; } .io-title span{text-transform: uppercase; width: 100%; overflow: hidden; display: block; height:25px; line-height: 25px; font-size:14px; color: #a9a9a9; } .io-nr{background:url(../images/io-hx.jpg) repeat-x left bottom; width: 1200px; overflow: hidden; margin:41px auto 0; } .ion-img{ width: 551px; height: 373px; padding: 0 0 38px 38px; } .ion-link{ width: 570px; height: 66px; padding-top:13px; line-height: 66px; overflow: hidden; text-align: right; color: #666666; } .ion-link a{ color: #666; } .ion-link i{ padding:0 18px;} .ion-title{ width: 570px; height: 60px; line-height: 60px; overflow: hidden; padding-top:42px; } .ion-title p{ width: 530px; display: block; height: 100%; overflow: hidden; text-overflow:ellipsis; white-space:nowrap; } .ion-title a{ font-size: 22px; color: #000000; } .ion-tx{ width: 570px; overflow: hidden; line-height: 28px; height:112px; margin-bottom: 20px; text-indent: 32px; color: #666666; } .ion-tx p{ width: 530px; height: 100%; display: block; overflow: hidden; } .ion-more{ width: 570px; overflow: hidden; } .ion-more a{ width: 180px; height: 38px; display: block; overflow: hidden; font-size: 16px; color: #fff; text-align: center; line-height: 38px; background: #006ec7; } .ion-more a:hover{ color: #fff; background: #0b77cf; } .io-bts{ width: 1200px; overflow: hidden; } .io-bts li{ width: 220px; padding:32px 0 21px 80px; overflow: hidden; } .io-bts p{ width: 100%; display: block; overflow: hidden; height: 44px; line-height: 44px; color: #7c7c7c;} .io-bts p b{ padding-right: 15px; font-size: 36px; color: #006ec7; } .io-bts span{ text-indent: 5px; width: 100%; display: block; overflow: hidden; height: 28px; line-height:28px; color: #7c7c7c;} .it{ width: 100%; height:667px; padding-top: 53px; overflow: hidden;} .it-list{ width: 1230px; overflow: hidden; padding-left: 32px; margin:43px auto 0; } .it-list li{ width: 173px; height:121px; padding-top: 10px; margin:0 32px 38px 0; position: relative;} .it-list a{ text-align: center; color: #666666; width: 100%; padding-top: 75px; height: 46px; line-height: 46px; overflow: hidden; display: block; position: absolute; left: 0; top: 10px; } .it-list li a:hover{ color: #fff;} /*.it-list li.itl-cin0 a{background:url(../images/it-img0.png) no-repeat;} .it-list li.itl-cin0 a:hover{background:url(../images/it-img0h.png) no-repeat;} .it-list li.itl-cin1 a{background:url(../images/it-img1.png) no-repeat;} .it-list li.itl-cin1 a:hover{background:url(../images/it-img1h.png) no-repeat;} .it-list li.itl-cin2 a{background:url(../images/it-img2.png) no-repeat;} .it-list li.itl-cin2 a:hover{background:url(../images/it-img2h.png) no-repeat;} .it-list li.itl-cin3 a{background:url(../images/it-img3.png) no-repeat;} .it-list li.itl-cin3 a:hover{background:url(../images/it-img3h.png) no-repeat;} .it-list li.itl-cin4 a{background:url(../images/it-img4.png) no-repeat;} .it-list li.itl-cin4 a:hover{background:url(../images/it-img4h.png) no-repeat;} .it-list li.itl-cin5 a{background:url(../images/it-img5.png) no-repeat;} .it-list li.itl-cin5 a:hover{background:url(../images/it-img5h.png) no-repeat;} .it-list li.itl-cin6 a{background:url(../images/it-img6.png) no-repeat;} .it-list li.itl-cin6 a:hover{background:url(../images/it-img6h.png) no-repeat;} .it-list li.itl-cin7 a{background:url(../images/it-img7.png) no-repeat;} .it-list li.itl-cin7 a:hover{background:url(../images/it-img7h.png) no-repeat;} .it-list li.itl-cin8 a{background:url(../images/it-img8.png) no-repeat;} .it-list li.itl-cin8 a:hover{background:url(../images/it-img8h.png) no-repeat;} .it-list li.itl-cin9 a{background:url(../images/it-img9.png) no-repeat;} .it-list li.itl-cin9 a:hover{background:url(../images/it-img9h.png) no-repeat;} .it-list li.itl-cin10 a{background:url(../images/it-img10.png) no-repeat;} .it-list li.itl-cin10 a:hover{background:url(../images/it-img10h.png) no-repeat;} .it-list li.itl-cin11 a{background:url(../images/it-img11.png) no-repeat;} .it-list li.itl-cin11 a:hover{background:url(../images/it-img11h.png) no-repeat;} .it-list li.itl-cin12 a{background:url(../images/it-img12.png) no-repeat;} .it-list li.itl-cin12 a:hover{background:url(../images/it-img12h.png) no-repeat;} .it-list li.itl-cin13 a{background:url(../images/it-img13.png) no-repeat;} .it-list li.itl-cin13 a:hover{background:url(../images/it-img13h.png) no-repeat;} .it-list li.itl-cin14 a{background:url(../images/it-img14.png) no-repeat;} .it-list li.itl-cin14 a:hover{background:url(../images/it-img14h.png) no-repeat;} .it-list li.itl-cin15 a{background:url(../images/it-img15.png) no-repeat;} .it-list li.itl-cin15 a:hover{background:url(../images/it-img15h.png) no-repeat;}*/ .it-list li.itl-cin0 a{background:url(../images/it-img6.png) no-repeat;} .it-list li.itl-cin0 a:hover{background:url(../images/it-img6h.png) no-repeat;} .it-list li.itl-cin1 a{background:url(../images/it-img7.png) no-repeat;} .it-list li.itl-cin1 a:hover{background:url(../images/it-img7h.png) no-repeat;} .it-list li.itl-cin2 a{background:url(../images/it-img9.png) no-repeat;} .it-list li.itl-cin2 a:hover{background:url(../images/it-img9h.png) no-repeat;} .it-list li.itl-cin3 a{background:url(../images/it-img14.png) no-repeat;} .it-list li.itl-cin3 a:hover{background:url(../images/it-img14h.png) no-repeat;} .it-list li.itl-cin4 a{background:url(../images/it-img1.png) no-repeat;} .it-list li.itl-cin4 a:hover{background:url(../images/it-img1h.png) no-repeat;} .it-list li.itl-cin5 a{background:url(../images/it-img12.png) no-repeat;} .it-list li.itl-cin5 a:hover{background:url(../images/it-img12h.png) no-repeat;} .it-list li.itl-cin6 a{background:url(../images/it-img10.png) no-repeat;} .it-list li.itl-cin6 a:hover{background:url(../images/it-img10h.png) no-repeat;} .it-list li.itl-cin7 a{background:url(../images/it-img11.png) no-repeat;} .it-list li.itl-cin7 a:hover{background:url(../images/it-img11h.png) no-repeat;} .it-list li.itl-cin8 a{background:url(../images/it-img8.png) no-repeat;} .it-list li.itl-cin8 a:hover{background:url(../images/it-img8h.png) no-repeat;} .it-list li.itl-cin9 a{background:url(../images/it-img4.png) no-repeat;} .it-list li.itl-cin9 a:hover{background:url(../images/it-img4h.png) no-repeat;} .it-list li.itl-cin10 a{background:url(../images/it-img3.png) no-repeat;} .it-list li.itl-cin10 a:hover{background:url(../images/it-img3h.png) no-repeat;} .it-list li.itl-cin11 a{background:url(../images/it-img0.png) no-repeat;} .it-list li.itl-cin11 a:hover{background:url(../images/it-img0h.png) no-repeat;} .it-list li.itl-cin12 a{background:url(../images/it-img13.png) no-repeat;} .it-list li.itl-cin12 a:hover{background:url(../images/it-img13h.png) no-repeat;} .it-list li.itl-cin13 a{background:url(../images/it-img5.png) no-repeat;} .it-list li.itl-cin13 a:hover{background:url(../images/it-img5h.png) no-repeat;} .it-list li.itl-cin14 a{background:url(../images/it-img2.png) no-repeat;} .it-list li.itl-cin14 a:hover{background:url(../images/it-img2h.png) no-repeat;} .it-list li.itl-cin15 a{background:url(../images/it-img15.png) no-repeat;} .it-list li.itl-cin15 a:hover{background:url(../images/it-img15h.png) no-repeat;} .ih{ width: 100%; height: 602px; overflow: hidden; padding-top: 53px; } .ih .io-title p,.ih .io-title span{ color: #fff; } .ih-gd{ width:1330px; height:440px; overflow:hidden; position:relative; z-index: 5; margin:50px auto 0;} .ih-gd .banner-box{width:100%;height:100%;position:relative;overflow:hidden;} .ih-gd .banner-box .bd{ width:1220px; margin:0 auto; height:100%;} .ih-gd .banner-box .bd li .m-width {width:1200px; margin:0 auto;overflow:hidden;} .ih-gd .banner-box .bd li{width:100%;height:386px;} .ih-gd .banner-box .bd li a{display:block; width:100%; height:100%;} .ih-gd .banner-btn{width:100%;position:absolute;bottom:0;left:0;} .ih-gd .banner-btn a{display:block; width:25px; height:42px; overflow:hidden; position:absolute; top:-274px;} .ih-gd .banner-btn a.prev{left:0;background:url(../images/ith-icon0.png) no-repeat;} .ih-gd .banner-btn a.prev:hover{background:url(../images/ith-icon0.png) no-repeat 0 -42px;} .ih-gd .banner-btn a.next{right:0;background:url(../images/ith-icon0.png) no-repeat -25px 0;} .ih-gd .banner-btn a.next:hover{background:url(../images/ith-icon0.png) no-repeat -25px -42px;} .ih-gd .banner-box .hd{ width:124px; height:11px; overflow:hidden; position:absolute;top:-11px; left:50%; margin-left:-62px;} .ih-gd .banner-box .hd ul{width: 100%; height:100%; display: block;} .ih-gd .banner-box .hd ul li{width:11px; height:11px; overflow:hidden; text-indent:-9999px; margin-right:13px; background:url(../images/ith-libg.png) no-repeat; float:left; cursor:pointer;} .ih-gd .banner-box .hd ul li.on{ width: 38px; background:url(../images/ith-libgh.png) no-repeat;} .ihg{ width: 285px; padding:0 10px; height: 100%; } .ihg a{ width: 281px; height:384px; padding: 2px; display: block; overflow: hidden; background: #fff;} .ihg-img{ width: 100%; height: 260px; overflow: hidden; } .ihg-title{ width: 257px; overflow: hidden; margin:9px auto 0; height:auto; line-height:22px; font-size: 16px; color: #222222;} .ihg-tx{ width: 257px; overflow: hidden; margin:0 auto 15px; height:42px; line-height:21px; font-size: 12px; color: #959595;} .ihg-hx{ width: 257px; overflow: hidden; position: relative; height: 2px;} .ihg-hx em{ width: 50px; height: 2px; display: block; overflow: hidden; position: absolute; z-index: 15; left: 0; top: 0; background: #989898; } .ihg-hx i{ width:0; height: 2px; display: block; overflow: hidden; position: absolute; z-index: 25; left: 0; top: 0; background: #006ec7; } .ihg a:hover .ihg-title{ color: #006ec7; } .ihg-img img{ -webkit-transition:all 0.5s ease 0s; -moz-transition:all 0.5s ease 0s; transition:all 0.5s ease 0s; } .ihg a:hover .ihg-img img{ -webkit-transform:scale(1.05); -moz-transform:scale(1.05); transform:scale(1.05); } .ifs{ width: 100%; overflow: hidden; padding-bottom: 35px;} .ifs-twks{ width: 1200px; overflow: hidden; padding:43px 15px 40px; margin:0 auto; } .ifs-lt{ width: 785px; overflow: hidden; } .ifs-lt .ifsl-title p{ width: 375px; } .ifsl-title{ margin-bottom: 10px; } .ifsl-title p{ width:100%; display: block; overflow: hidden; } .ifsl-title p em{ line-height: 31px; font-size: 24px; color: #363c48; } .ifsl-title p i{ line-height:22px; font-size:14px; color: #ccccca; text-transform: uppercase;} .ifsl-title span{ height: 35px; display: block; overflow: hidden; margin:11px 0 0 33px; } .ifsl-title span a{ -webkit-transition:all 0.3s ease 0s; -o-transition:all 0.3s ease 0s; transition:all 0.3s ease 0s; height:34px; line-height: 34px; display: block; overflow: hidden; font-size: 16px; color: #626262; border-bottom:1px solid #fff;} .ifsl-title span a:hover{ border-bottom: 1px solid #006ec7; color: #006ec7; } .ifsl-wt{ margin-bottom: 8px; } .ifslw-img{ width: 235px; height: 148px; overflow: hidden; } .ifslw-rwks{ width: 520px; padding-left:29px; height: 146px; border: 1px solid #dcdcdc; border-left: 0;} .ifslw-title{ width: 490px; height: 47px; line-height: 47px; padding-top: 20px; overflow: hidden; } .ifslw-title a{width: 100%;display: block;overflow: hidden; font-size: 18px; color: #333333;text-overflow:ellipsis; white-space:nowrap; } .ifslw-tx{ width: 490px; height:69px; line-height: 23px; overflow: hidden; color: #999999; font-size:13px;} .ifsl-list li{ width: 100%; height: 49px; line-height: 49px; overflow: hidden; border-bottom: 1px solid #ccc; color: #999999; } .ifsl-list span{ color: #999999; } .ifsl-list p{ -webkit-transition:all 0.3s ease 0s; -o-transition:all 0.3s ease 0s; transition:all 0.3s ease 0s; background:url(../images/ifs-icon0.png) no-repeat 0px center; color: #666666; width: 600px; padding-left:28px; height: 100%; display:block; overflow: hidden; text-overflow:ellipsis; white-space:nowrap; } .ifsl-list a:hover p{ color: #006ec7; background:url(../images/ifs-icon0.png) no-repeat 5px center;} .ifs-rt{ width: 375px;} .ifsr-bt{ box-shadow: 0 0 5px 2px rgba(0,0,0,0.3); height:488px; padding-top:18px;} .ifsrs{ width: 340px; overflow: hidden; margin:0 auto 2px; } .ifsrs p{ width: 100%; height: 40px; line-height: 40px; overflow: hidden; display: block; } .ifsrs p a{ -webkit-transition:all 0.3s ease 0s; -o-transition:all 0.3s ease 0s; transition:all 0.3s ease 0s; background:url(../images/ifs-icon0.png) no-repeat 5px center; color: #666666; text-indent: 33px; text-overflow:ellipsis; white-space:nowrap;} .ifsrs p a:hover{ color: #006ec7; background:url(../images/ifs-icon0.png) no-repeat 10px center;} .ifsrs span{ display: none; width: 340px; overflow: hidden; height: 229px; } .ifsrs span a{ height: 214px; } .ifs-more a{ width: 180px; height:43px; display: block; overflow: hidden; font-size: 16px; color: #fff; text-align: center; line-height: 43px; background: #006ec7; } .ifs-more a:hover{ color: #fff; background: #0b77cf; } .ik{ width: 100%; height: 638px; overflow: hidden; } .ik-ct{ width: 1200px; overflow: hidden; } .ikc-lt{ width: 735px; overflow: hidden; } .ikcl-tx{ text-indent: 10px; background:url(../images/ik-hx.png) no-repeat 295px center; width: 100%; height: 82px; line-height: 82px; overflow: hidden; margin-top: 18px; color: #000000;} .ikcl-tx i{ color: #006ec7; } .ikcl-map{ width: 733px; overflow: hidden; background: #fff; padding: 10px 0; border: 1px solid #e7e8e8; } .ikclx-wt{ width:712px; height: 355px; overflow: hidden; border: 1px solid #e7e8e8; } .ikc-rt{ width: 415px; overflow: hidden; } .ikcr-title p{ line-height: 33px; padding-top: 40px; font-size: 24px; color: #363c48; } .ikcr-title span{ line-height:15px; padding-bottom:13px; font-size:12px; color: #666666; text-transform: uppercase;} .ikcr-subt{ height: 63px; line-height: 63px; font-size: 16px; color: #333333; } .ikcr-phone span{ margin-bottom: 10px; height: 31px; line-height: 31px; font-size: 26px; color: #444444; } .ikcr-phone span i{ padding: 0 12px; } .ikcr-phone p{ line-height: 28px; color: #333333; } .ikcr-tx{ line-height: 30px; color: #333333; height: 180px; margin-bottom:20px;} .ikcr-link span{ width: 170px; height: 38px; display: block; margin-right: 5px; overflow: hidden; line-height: 38px; } .ikcr-link span a{background:url(../images/ik-cu.png) no-repeat 40px center #006ec7; width: 100%; height: 100%; display: block; color: #fff; text-indent: 67px; } .ikcr-link span a:hover{background:url(../images/ik-cu.png) no-repeat 40px center #0b78d1; color: #fff;} .ikcr-link i{ width: 110px; height: 38px; display: block; overflow: hidden; text-align: center; line-height: 38px; } .ikcr-link i a{ color: #777777; background: #e0e0e0;} .ikcr-link i a:hover{ background: #006ec7; color: #fff;} .ik-py{ width: 1174px; padding:12px; overflow: hidden; background: #fff; margin:30px auto; border: 1px solid #e9eaec; line-height: 28px;} .ik-py em{ font-size: 14px; color: #333; padding-right: 8px;} .ik-py span{padding-right: 18px;} .ik-py a{ font-size: 12px; color: #777777;} .footer{ width: 100%; min-width: 1200px; height: 322px; position: relative; z-index: 10; } .foootercenter{ width: 1200px; overflow: hidden; height: 281px; } .fto-link{background:url(../images/ft-sx.png) no-repeat right 35px; width: 140px; overflow: hidden; margin-right: 40px; } .fto-link p{ height: 45px;line-height: 45px; color: #fff; font-size: 16px; padding-top: 25px; width: 100%; overflow: hidden; display: block; } .fto-link i{ height: 28px;line-height: 28px; width: 100%; overflow: hidden; display: block; } .fto-link a{ font-size: 13px; color: #7d7d7d; } .fto-link a:hover{ color: #fff; } .fto-wh{ width: 283px; overflow: hidden; padding-top: 73px; } .fto-wh img{ width: 132px; height: 132px; display: block; } .fto-wh p{ padding-top: 27px; width: 151px; display: block; overflow: hidden; text-align: center; color: #fff; font-size: 16px; } .fto-wh p i{ width: 100%; height: 38px; line-height: 38px; overflow: hidden; display: block; } .ft-bt{ width:1200px; height: 40px; line-height: 40px; overflow: hidden; font-size: 12px; color: #616161;} .ft-bt a{ color: #616161;} /*2关于我们*/ .au-banner{ width: 100%; height: 399px; overflow: hidden; position: relative; } .aubp{ position: absolute; left: 50%; margin-left: -540px; top:75px; width:402px; height: 233px; overflow: hidden; color: #fff; font-size: 20px; background:url(../images/au-icon0.png) no-repeat;} .aubp b{ height: 47px; line-height: 47px; padding-top: 75px; font-size: 34px; width: 100%; overflow: hidden; display: block; text-indent: 24px; } .aubp i{text-transform: uppercase; background:url(../images/au-icon1.png) no-repeat 24px bottom; height:33px; line-height:33px; padding-bottom:12px; width: 100%; overflow: hidden; display: block; text-indent: 24px; } .au-col{background:url(../images/au-icon2.png) no-repeat left center; text-indent: 25px; width: 1200px; height: 65px; overflow: hidden; line-height: 65px; color: #b2b2b2; } .au-col i{ padding: 0 5px; } .au-col a{ color: #b2b2b2; } .au-link{ border-left: 1px solid #cacaca; border-top: 1px solid #cacaca; width: 1200px; overflow: hidden; } .au-link a{ width: 239px; height: 55px; line-height: 55px; overflow: hidden; display: block; text-align: center; font-size: 16px; color: #666666; border: 1px solid #cacaca; border-left: 0; border-top: 0;} .au-link a:hover,.au-link a.act{background:url(../images/au-icon4.png) repeat-y; color: #fff; } .au-nr{ width: 1200px; overflow: hidden; margin:0 auto 30px; } .aun-lt{ width: 690px; overflow: hidden; } .aunl-title p{text-transform: uppercase; margin-top: 32px; height: 42px; line-height: 42px; font-size: 30px; color: #666666; font-family:"苹方"; } .aunl-title i{background:url(../images/au-icon3.png) no-repeat left bottom; padding-bottom: 11px; height:38px; line-height: 38px; font-size:22px; color: #006ec7; font-family:"苹方";font-weight: bold; } .aunl-tx{ line-height: 30px; text-indent: 25px; color: #666666; padding-top: 30px;} .aun-rt{ margin-top: 80px; width: 455px; height: 565px; position: relative; overflow: hidden; } .aunr-img0{ width: 348px; height: 348px; display: block; } .aunr-img1{ width: 396px; height: 416px; display: block; position: absolute; right: 0; bottom: 0; z-index: 10;} /*2关于我们-员工风采*/ .auym-title .aunl-title p{ text-align: center; } .auym-title .aunl-title i{ text-align: center; background-position:center bottom;} .auym-imgs{ width: 1191px; overflow: hidden; margin:30px auto;} .auym-imgs li{background:url(../images/auo-yy.png) no-repeat center bottom; width: 367px; overflow: hidden; padding:0 15px 5px; margin-bottom: 28px;} .auym-imgs i{ width: 100%; height: 252px; overflow: hidden; display: block; } .auym-imgs p{ width:365px; display:block; height: 47px; overflow: hidden; text-align: center; line-height: 47px; background: #f8f9fa; font-size: 16px; color: #666666; border: 1px solid #eaeaeb; border-top: 0; -webkit-transition:all 0.5s ease 0s; -moz-transition:all 0.5s ease 0s; transition:all 0.5s ease 0s; text-overflow: ellipsis; white-space: nowrap; } .auym-imgs a:hover p{ color: #fff; border: 1px solid #006fc7; border-top: 0; background: #006fc7;} /*2关于我们-资质认证*/ .aurz-imgs{ width: 1212px; overflow: hidden; padding:32px 0;} .aurz-imgs li{ width:404px; overflow: hidden;} .aurz-imgs a{ width:390px; height: 328px; display: block; margin:7px auto; overflow: hidden; -webkit-transition:all 0.3s ease 0s; -o-transition:all 0.3s ease 0s; transition:all 0.3s ease 0s; } .aurz-imgs a:hover{ box-shadow: 0 0 7px 2px rgba(0,0,0,0.15); } .aurz-imgs a:hover span{ color: #006ec7; } .aurz-imgs span{ width: 100%; height: 49px; line-height: 49px; overflow: hidden; text-align: center; display: block; font-size: 16px; color: #444444; } .aurz-imgs p{ width: 363px; height: 253px; display: block; overflow: hidden; position: relative; margin:13px auto 0; } .aurz-imgs p em{ width: 359px; height: 249px; display: block; position: relative; overflow: hidden; z-index: 1; border: 2px solid #e6e6e6;text-align: center; } .aurz-imgs p em img{max-width: 100%;max-height: 100%;} .aurz-imgs p i{ width:0; height: 3px; overflow: hidden; display: block; position: absolute; z-index: 20; left:50%; bottom: 0; background: #006ec7; } /*3-检测业务*/ .wj-wk{ width: 1200px; overflow: hidden; margin-bottom: 30px; } .wjw-lt{ width: 295px; overflow: hidden; } .wjw-lt li{ width: 100%; height: 55px; overflow: hidden; line-height: 55px; margin-bottom: 10px; } .wjw-lt a{background:url(../images/wj-libg.png) no-repeat center top; width: 100%; height: 100%; display: block; } .wjw-lt a:hover{ background:url(../images/wj-libg.png) no-repeat center -55px; } .wjw-lt a.act{ background:url(../images/wj-libg.png) no-repeat center -55px; } .wjw-lt p{background:url(../images/wj-icons.png) no-repeat 280px center; width: 100%; height: 100%; display: block;} .wjw-lt i{ width: 100%; height: 100%; display: block; color: #fff; font-size: 16px; color: #fff; text-indent: 48px;} .wjw-lt li.wjwl-adcr1 i{background:url(../images/wj-icon7.png) no-repeat 15px center;} .wjw-lt li.wjwl-adcr2 i{background:url(../images/wj-icon8.png) no-repeat 13px center;} .wjw-lt li.wjwl-adcr3 i{background:url(../images/wj-icon11.png) no-repeat 14px center;} .wjw-lt li.wjwl-adcr4 i{background:url(../images/wj-icon16.png) no-repeat 11px center;} .wjw-lt li.wjwl-adcr5 i{background:url(../images/wj-icon2.png) no-repeat 15px center;} .wjw-lt li.wjwl-adcr6 i{background:url(../images/wj-icon14.png) no-repeat 12px center;} .wjw-lt li.wjwl-adcr7 i{background:url(../images/wj-icon12.png) no-repeat 15px center;} .wjw-lt li.wjwl-adcr8 i{background:url(../images/wj-icon13.png) no-repeat 15px center;} .wjw-lt li.wjwl-adcr9 i{background:url(../images/wj-icon9.png) no-repeat 12px center;} .wjw-lt li.wjwl-adcr10 i{background:url(../images/wj-icon10.png) no-repeat 15px center;} .wjw-lt li.wjwl-adcr11 i{background:url(../images/wj-icon4.png) no-repeat 13px center;} .wjw-lt li.wjwl-adcr12 i{background:url(../images/wj-icon1.png) no-repeat 12px center;} .wjw-lt li.wjwl-adcr13 i{background:url(../images/wj-icon15.png) no-repeat 16px center;} .wjw-lt li.wjwl-adcr14 i{background:url(../images/wj-icon6.png) no-repeat 15px center;} .wjw-lt li.wjwl-adcr15 i{background:url(../images/wj-icon3.png) no-repeat 15px center;} .wjw-lt li.wjwl-adcr16 i{background:url(../images/wj-icon17.png) no-repeat 12px center;} .wjw-lt li.wjwl-adcr17 i{background:url(../images/wj-icon17.png) no-repeat 12px center;} .wjw-rt{ width: 870px; overflow: hidden; } .wjwr-title{ border-bottom:1px solid #d3d3d3; text-indent: 17px; padding-bottom: 15px; border-bottom: 1px solid #d3d3d3;} .wjwr-title i{ height: 36px; line-height: 36px; display: block; overflow: hidden; background:url(../images/wj-icon0.png) no-repeat left center; font-size: 24px; color: #0f6ab6; font-weight: 400;} .wjwr-tx{ padding: 25px 0; line-height: 24px; color: #666;} /*4-新闻动态*/ div.ni-adcs0{ width: 1200px; } div.ni-adcs0 a{ width: 399px;} div.ni-adcs0 a:hover,div.ni-adcs0 a.act{ background:url(../images/ni-hx.png) repeat-y;} .ne-wk{ width: 1200px; overflow: hidden; padding:25px 0 30px; } .nek{ padding:15px 0 25px; position: relative; border-bottom: 1px dashed #e5e5e5;} .ne-wk .nek:before { content: ""; width: 100%; height: 100%; position: absolute; left: 0; top: 0; background: #f9f9f9; -webkit-transition: -webkit-transform .62s cubic-bezier(.4,0,.2,1); transition: -webkit-transform .62s cubic-bezier(.4,0,.2,1); transition: transform .62s cubic-bezier(.4,0,.2,1); transition: transform .62s cubic-bezier(.4,0,.2,1),-webkit-transform .62s cubic-bezier(.4,0,.2,1); transform-origin: left 100%; -webkit-transform-origin: left 100%; transform: scaleY(0); -moz-transform: scaleY(0); -webkit-transform: scaleY(0); visibility: hidden\9; } .ne-wk .nek:hover:before{ transform: scaleY(1); -webkit-transform: scaleY(1); transform-origin: left 0; -webkit-transform-origin: left 0; visibility: visible\9; } .nek-rs{ position: relative; width:745px; padding-right:25px; overflow: hidden; } .nekr-title{text-overflow:ellipsis; white-space:nowrap; width: 100%; height: 46px; line-height: 46px; overflow: hidden; margin-bottom: 4px; } .nekr-title a{ font-size: 20px; color: #3c3c3c; } .nekr-tx{ width: 100%; height:52px; text-indent: 25px; line-height:26px; overflow: hidden; margin-bottom:35px; font-size: 13px; color: #aeaeae;} .nekr-xx{ width: 100%; height: 23px; line-height: 23px; overflow: hidden; font-size: 13px; color: #b2b2b2; } .nekr-xx span{ height: 100%; display: block; overflow:hidden; padding:0 14px 0 22px; background:url(../images/ni-icon0.png) no-repeat left center;} .nekr-xx em{ height: 100%; display: block; overflow:hidden; padding:0 0 0 22px; background:url(../images/ni-icon1.png) no-repeat left center;} .nekr-xx a{ height: 100%; display: block; color: #333333; overflow:hidden; padding:0 0 0 24px; background:url(../images/ni-icon2.png) no-repeat left center;} .nek-time{ position: relative; width: 138px; overflow: hidden; text-align: center; } .nek-time span{ height: 44px; line-height: 44px; padding-top: 7px; font-size: 36px; color: #4f4f4f; width: 100%; overflow: hidden; display: block; } .nek-time em{ height:27px; line-height:27px; font-size:14px; color: #9c9999; width: 100%; overflow: hidden; display: block; } .nek-img{ width: 266px; height: 166px; overflow: hidden; position: relative; } .nekr-time{ display: none; } /*4-新闻动态-详情*/ .nix{ width:1200px; overflow:hidden; margin:0 auto; position:relative; font-size: 14px;} .nix-lt{ width:867px; overflow:hidden;} .nixl-title{ font-weight: bold; width:100%; line-height:32px; overflow:hidden; padding:44px 0 12px; font-size:24px; color:#333333;} .nixls-tx0{ display:block; line-height:30px; color:#747471;} .nixls-tx0 i{ padding:0 17px 0 30px;} .nixls-tx1{ display:block; line-height:30px; color:#367ecf;} .nixls-fx{ width:300px; height:30px;} .nixl-tx{ padding:50px 0 30px; line-height:24px; text-indent:2em; color:#333333;} .nixl-tx p{ padding-bottom:24px;} .nixl-tx img{ max-width:100%;} .nix-rt{ background: #fff; width:250px; padding:6px 20px 0; overflow:hidden; border:12px solid #f3f3f3; margin-bottom:30px; position:absolute; left:50%; margin-left:286px; top:47px;} .nixr p{ width:100%; display:block; overflow:hidden; line-height:49px; font-size:15px; color:#247afc;} .nixr b{ width:100%; display:block; overflow:hidden; line-height:25px; font-size:17px;} .nixr a{ color:#333333;} .nixr i{ width:100%; display:block; overflow:hidden; line-height:37px; font-size:15px; padding-bottom:15px; font-size:15px; color:#333333; border-bottom:1px solid #d6d6d6;} /*6-下载中心*/ .dpy-bt{ width: 1200px; overflow: hidden; margin:30px auto; } .dpyb{ padding: 25px 15px; width: 1170px; overflow: hidden; position: relative; border-bottom:1px dashed #e5e5e5;} .dpy-bt .dpyb:before { content: ""; width: 100%; height: 100%; position: absolute; left: 0; top: 0; background: #f9f9f9; -webkit-transition: -webkit-transform .62s cubic-bezier(.4,0,.2,1); transition: -webkit-transform .62s cubic-bezier(.4,0,.2,1); transition: transform .62s cubic-bezier(.4,0,.2,1); transition: transform .62s cubic-bezier(.4,0,.2,1),-webkit-transform .62s cubic-bezier(.4,0,.2,1); transform-origin: left 100%; -webkit-transform-origin: left 100%; transform: scaleY(0); -moz-transform: scaleY(0); -webkit-transform: scaleY(0); visibility: hidden\9; } .dpy-bt .dpyb:hover:before{ transform: scaleY(1); -webkit-transform: scaleY(1); transform-origin: left 0; -webkit-transform-origin: left 0; visibility: visible\9; } .dpyb-title{ width: 970px; height: 40px; line-height: 40px; overflow: hidden; position: relative; z-index: 15; } .dpyb-title p{background:url(../images/dpy-icon0.png) no-repeat left center; text-indent: 57px; height: 100%; overflow: hidden; display: block; width: 600px; text-overflow:ellipsis; white-space:nowrap; } .dpyb-title p a{ color: #368af3; font-size: 18px; } .dpyb-title span{ font-size: 13px; color: #b2b2b2; } .dpyb-title span i{ padding-left:20px; } .dpyb-tx{ width: 970px; height: 52px; line-height: 26px; margin-top: 19px; overflow: hidden; font-size: 13px; color: #aeaeae; position: relative; z-index: 15; } .dpyb-dw{ position: relative; z-index: 15; width: 119px; height:114px; overflow: hidden; line-height: 114px; text-indent: 60px; font-size: 18px; } .dpyb-dw a{background:url(../images/dpy-icon1.png) no-repeat 23px center #006ec7; color: #fff;} .dpyb-dw a:hover{background:url(../images/dpy-icon1.png) no-repeat 23px center #0c79d1; color: #fff;} /*8-联系我们*/ .cu-map{ width: 100%; height: 694px; overflow: hidden; position: absolute; left: 0; top: 0; z-index: 5; background: #000; } .cu-form{box-shadow: 0 0 7px 2px rgba(0,0,0,0.4); width: 1200px; height:482px; background: #006ec7; position: relative; z-index: 15; margin:600px auto 120px;} .cuf-lt{ width:520px; height:432px; overflow: hidden; background: #fff; padding:50px 0 0 80px;} .cufl-name{ width:380px; overflow: hidden; position: relative;} .cufl-name input{ width: 100%; height: 54px; line-height: 54px; overflow: hidden; display: block; border-bottom: 1px solid #d3d3d3;} .cufl-name i{ width:0; height: 1px; overflow: hidden; display: block; position: absolute; left: 0; bottom: 0; background: #006ec7; } .cufl-text{ width:380px; overflow: hidden; position: relative;} .cufl-text textarea{ padding:20px 0 11px; color: #333; width: 100%; height:88px; line-height:22px; overflow: hidden; display: block; border-bottom: 1px solid #d3d3d3;} .cufl-text i{ width:0; height: 1px; overflow: hidden; display: block; position: absolute; left: 0; bottom: 0; background: #006ec7; } .cufl-st input{ width: 130px; height: 36px; background: #006ec7; margin-top: 38px; display: block; cursor: pointer; font-size: 16px; color: #fff; } .cufl-st input.act{ background: #0f7cd4;} .cuf-rt{ width: 600px; overflow: hidden; } .cufr-title{ border-bottom: 1px solid #99c5e9; line-height: 100px; text-indent: 82px; font-size: 24px; color: #fff; } .cufr-map{background:url(../images/cu-icon0.png) no-repeat 46px center; padding:0 0 0 84px; margin:34px 0 18px; font-size: 16px; color:#fff; overflow: hidden; width: 500px; line-height: 24px; } .cufr-phone p{background:url(../images/cu-icon1.png) no-repeat 49px center; padding:0 0 0 84px; font-size: 14px; color:#fff; overflow: hidden; width: 500px; line-height:43px; height: 43px; } .cufr-phone span{ height: 40px; line-height: 40px; overflow: hidden; display: block; padding-left: 84px; width: 500px; color: #fff;} .cufr-wkz{background:url(../images/cu-icon2.png) no-repeat 49px center; margin:22px 0 35px; padding-left: 84px; width: 500px; color: #fff;} .cufr-wh{ padding-left: 84px; width: 500px; color: #fff;} .cufr-wh img{ width: 79px; height: 79px; display: block; margin-right: 14px; } .cufr-wh p{ line-height: 26px; overflow:hidden; display: block; padding-top:53px;} /*7-招聘*/ .pum{ width: 1100px; margin:0 auto; padding:40px 0 50px;} .pums{ padding-bottom: 25px; } .pums-show{ width: 100%; height: 60px; overflow: hidden; } .pums-show a{background:url(../images/pm-icon0.png) no-repeat 1045px center #f2f2f2; line-height: 60px; font-size: 14px; color: #666666; } .pums-show b{ width: 420px; padding-left: 25px; margin-right: 15px; height: 100%; display: block; overflow: hidden; font-size: 18px; } .pums-show p{ width:200px; margin-right: 10px; height: 100%; display: block; overflow: hidden;} .pums-show span{ width:195px; margin-right: 10px; height: 100%; display: block; overflow: hidden;} .pums-show em{ width:190px; height: 100%; display: block; overflow: hidden;} .pums-show a:hover{ color: #666;} .pums-show a.act{background:url(../images/pm-icon0h.png) no-repeat 1045px center #006ec7; color: #fff;} .pums-hide{ width: 100%; overflow: hidden; display: none; } .pumsh-title{ width: 1080px; overflow: hidden; margin:21px auto 0; height: 44px; line-height:44px; font-size: 16px; color: #39b449;} .pumsh-tx{ width: 1080px; overflow: hidden; margin:0 auto 30px; line-height:28px; font-size: 16px; color: #666666;} .pumsh-link{ width: 1080px; overflow: hidden; margin:0 auto 20px; } .pumsh-link a{ width: 196px; height: 44px; display: block; overflow:hidden; text-align: center; line-height:44px; font-size: 18px; color: #fff; background: #b7b7b7;} .pumsh-link a:hover{ color: #fff; background:#006ec7; } .inrk{ width: 50px; height:220px; position: fixed; z-index:101; right:12px; top: 50%; margin-top:-110px;} .inrk-phone{ width: 100%; height: 50px; margin-bottom: 5px; position: relative;} .inrk-phone i{background:url(../images/inrk-icon1.png) no-repeat; width: 100%; height: 100%; display: block; overflow: hidden; position: relative; z-index: 5;} .inrk-phone a:hover i{background:url(../images/inrk-icon1h.png) no-repeat;} .inrk-phone p{ width:0; line-height: 50px; font-size:18px; color: #fff; text-indent:15px; height: 100%; display: block; overflow: hidden; position: absolute; right: 0; top: 0; background: #006ec7; border-radius: 30px;} .inrk-kf{ width: 100%; height: 50px; margin-bottom: 5px; position: relative;} .inrk-kf a{background:url(../images/inrk-icon3.png) no-repeat;} .inrk-kf a:hover{background:url(../images/inrk-icon3h.png) no-repeat;} .inrk-top{ width: 100%; height: 50px; margin-bottom: 5px; position: relative;} .inrk-top a{background:url(../images/inrk-icon4.png) no-repeat;} .inrk-top a:hover{background:url(../images/inrk-icon4h.png) no-repeat;} .inrk-wh{ width: 100%; height: 50px; margin-bottom: 5px; position: relative;} .inrk-wh i{background:url(../images/inrk-icon2.png) no-repeat; width: 100%; height: 100%; display: block; overflow: hidden; position: relative; z-index: 5;} .inrk-wh a:hover i{background:url(../images/inrk-icon2h.png) no-repeat;} .inrk-wh p{ background: #fff; width:122px; height:122px; display:none; overflow: hidden; position: absolute; right:65px; top: 0; border: 1px solid #dddddd; border-radius:4px;} .inrk-wh p img{ width: 122px; height: 122px; display: block; } .add-cotnent{width: 1150px; margin:40px auto;overflow: hidden;min-height:350px;padding: 15px;} .add-cotnent img{max-width: 100;} /*资质证书 详情页*/ .moapjm{width: 1200px;margin:40px auto;overflow:hidden;} .mohwe{font-size: 24px;text-align: center;width: 100%;line-height: 45px;color: #000} .mocotne{width: 100%;margin:20px auto 40px; overflow: hidden;font-size: 14px;line-height: 24px;color: #999;} .mocotne img{max-width: 100%;} .mopup{width: 100%;margin: 0 auto;overflow: hidden;text-align: center;font-size: 14px;line-height: 27px;} /*员工风采*/ .mocup{width: 100%;margin: 0 auto;overflow: hidden;text-align: center;font-size: 14px;line-height: 27px;padding-bottom:10px; border-bottom: 1px solid #ddd; margin-bottom: 31px;} .mocfc{width: 100%;margin: 0 auto;overflow: hidden;text-align: center;font-size: 14px;line-height: 27px;} .mocfc img{max-width: 100%;height: auto;margin-bottom: 15px;}