@charset "utf-8";
/*初始样式*/
body{ color:#333; font-size:14px;font-family: "Microsoft Yahei";} /*网站字体颜色*/
body,ul,ol,li,div,p,h1,h2,h3,h4,h5,h6,dl,dt,dd,img,span,input{margin:0;padding:0;list-style:none;}
a { color:#333; text-decoration:none;font-family: "Microsoft Yahei";}  /*for ie f6n.net*/
a:focus{outline:0;} /*for ff f6n.net*/
/*a:hover { text-decoration:underline;}*/
img{border:none;}
.vam { vertical-align:middle;}
.clear{clear:both; height:0; line-height:0; font-size:0;}
p{ word-spacing:-1.5px;font-family: "Microsoft Yahei"; }
h1,h2,h3,h4,h5,h6{ font-family:"Microsoft Yahei";}

.tr { text-align:right;}
.tl { text-align:left;}
.center { text-align:center;}
.fl { float:left;}
.fr { float:right;}
.pa{ position:absolute;}
.pr{ position:relative}
i,em{ font-style:normal;}
.clearfix:after{content:"";height:0;clear:both;display:block;visibility:hidden;}
.clearfix{zoom:1;}
/* -- 页面整体布局 -- */
.content{ width:1200px; margin:0 auto;font-family: "Microsoft Yahei"; }

.banner{height: 626px;}
.ibanner{width:100%;height:626px;position:relative;overflow:hidden;z-index:0;}
.ibanner .bd{position:relative;width:100%;height:600px;overflow:hidden;z-index:0;}
.ibanner .bd li{width:100%;height:626px;}
.ibanner .bd a{display:block;height:626px;background-position:center;background-repeat:no-repeat;z-index:0;}
.ibanner .btn{position:absolute;width:79px;height:79px;top:50%;margin-top:-40px;background:url(../img/banner_btn.png);z-index:3;cursor:pointer;z-index:1;}
.ibanner .btn.prev{left:-130px;background-position:0 0;-webkit-transition: left .3s;transition: left .3s;}
.ibanner .btn.next{right:-130px;background-position:-80px 0;-webkit-transition: right .3s;transition: right .3s;}
.ibanner:hover .prev{left:30px;}
.ibanner:hover .next{right:30px;}
.ibanner .btn.prev:hover{background-position:0 -80px;}
.ibanner .btn.next:hover{background-position:-80px -80px;}
.ibanner .pageState { bottom: 67px; color: #fff;font-size: 25px; left: 50%;margin-left: 559px;position: absolute;}
/*intro*/
.intro.content{height: 245px;background-color: #efefef;margin-top: -58px;box-shadow: 0 2px 20px #ccc; position:relative;z-index:2;}
.intro .ve{float: left;margin: 26px 0 0 28px;}
.intro .des{float: left;margin: 60px 0 0 42px;width: 472px;}
.intro .des span{display: block;font-size: 14px;color: #727171;line-height: 28px;margin-bottom: 32px;}
.intro .des a{color: #f12912;font-weight: bold;}
.search{float: right;width: 283px;padding-left: 42px;height: 245px;background-color: #0080d0;}
.search p{margin-top: 45px;color: #fff;}
.search p b{font-size: 16px;}
.search p span{display: block;line-height:25px;padding-top: 8px;}
.search p span a{color: #fff;margin-right: 12px;}
.s_box{height: 40px;width: 250px;background-color: #fff;margin-top: 25px;border-radius: 5px;}
.s_box .inp1{float: left;width:200px;padding-left:10px;height: 40px;line-height: 40px;font-size: 14px;color: #727171;border: 0;background: none;outline: 0;}
.s_box .inp2{float: left;width: 24px;height: 40px;background: url(../img/sea.png) no-repeat center;border: 0;outline: 0;cursor: pointer;}
/*coop*/
.coop{padding:50px 0 ;}
.coop h3{margin-bottom: 28px;}
.coop h3 img{display: block;margin: 0 auto;}
.coop h3 i{display: block;width: 113px;height: 26px;line-height: 26px;font-size: 18px;color:#fff;text-align: center;font-weight: normal;background: url(../img/coop_tit.png) no-repeat;margin: 10px auto 0;}
.coop ul li{float: left;border: 1px solid #b8b8b8;position: relative;margin-right: 10px;margin-bottom: 10px;}
.coop ul li img{display: block;width: 230px;height: 114px;}
.coop ul li em{position: absolute;bottom: 0;width: 100%;font-size: 14px;color:#424242;height: 27px;line-height: 27px;text-align: center;background: url(../img/tm.png) repeat-x;}
.coop ul li.nomar{margin-right: 0;}
/*标准*/
.bz{padding-bottom: 80px;}
.bz_top{height: 266px;background: url(../img/nian_bg.png) no-repeat center 0;margin-bottom: 42px;}
.bz_top p{text-align: center;padding-top: 42px;color: #fff;}
.bz_top p i{display: block;font-size: 24px;padding-bottom: 8px;line-height: 35px;}
.bz_top p span{display: block;font-size: 30px;line-height:46px;}
.bz_top p span em{display: block;font-size: 48px; line-height:62px;}
.bz_l{float: left;width: 258px;background-color: #f12912;height: 422px;padding-left: 42px;}
.bz_l .tit{display: block;font-size: 24px;color: #fce0de;padding-top: 48px;}
.bz_l .tit i{display: block;font-size: 22px;color: #f5817a;font-family: "Elephant";}
.bz_l h4{margin: 38px 0 60px;}
.bz_l p{height: 72px;}
.bz_l p span{float: left;width: 74px;height: 72px;border-right: 1px solid #f56a5a;}
.bz_l p span img{display: block;margin: 0 auto;transition: all 0.3s ease-in-out 0s;}
.bz_l p span:hover img{ transform: rotateY(180deg);}
.bz_l p span em{display: block;padding-top: 18px;color: #fff;text-align: center;line-height: 14px;}
.bz_l p span.nobor{border-right: 0;}
.bz_r{float: right;width: 900px;background-color: #f2f2f2;height: 422px;}
.bz_r .tu{float: left;margin: 30px 0 0 28px;}
.bz_r ul{float: left;padding-top: 62px;margin-left: -40px; position:relative; z-index:2;}
.bz_r ul li{height: 81px;margin-bottom: 30px;color: #424242;}
.bz_r ul li i{float: left;width: 81px;height: 81px;}
.bz_r ul li b{float: left;padding-left: 14px;font-size: 22px;line-height: 81px;width: 120px;}
.bz_r ul li span{float: left;font-size: 16px;line-height: 40px;width: 270px;}
.bz_r ul li .i1{background: url(../img/bz_1.png);}
.bz_r ul li .i2{background: url(../img/bz_2.png);}
.bz_r ul li .i3{background: url(../img/bz_3.png);}
.bz_r ul li:hover,.bz_r ul li.cur{color: #0080d0;}
.bz_r ul li:hover .i1,.bz_r ul li.cur .i1{background: url(../img/bz_1h.png);}
.bz_r ul li:hover .i2,.bz_r ul li.cur .i2{background: url(../img/bz_2h.png);}
.bz_r ul li:hover .i3,.bz_r ul li.cur .i3{background: url(../img/bz_3h.png);}
/*product*/
.pro{}
.pro_t{height: 98px;background-color: #0080d0;}
.pro_t h3{float:left;width: 275px;padding-top: 38px;font-size: 30px;text-align: center;}
.pro_t h3 a{color: #fff;}
.pro_t h3 i{display: block;font-size: 18px;line-height:18px;color: #a2d9ff;font-weight: normal;background: url(../img/line1.png) no-repeat center;font-family: "Elephant";}
.pro_t p{float: left;height: 98px;}
.pro_t p a{display: inline-block;width: 234px;height: 98px;line-height: 98px;text-align: center;font-size: 18px;font-weight: bold;color: #fff;}
.pro_t p a:hover,.pro_t p a.cur{background: url(../img/hot_bg.png) no-repeat;height: 104px;}
.pro_t .more{float: right;line-height: 98px;font-size: 18px;font-weight: bold;color: #fff;}
.pro_l{float: left;width: 275px;height: 848px;padding-top: 42px;background-color: #0080d0;}
.pbd_com {height: 754px;}
.pro_l em{display: block;height: 40px;width: 237px;line-height: 40px;font-size: 16px;color: #212121;margin: 0 auto;background-color: #fff;position: relative;}
.pro_l em a{display:block;padding-left:20px;}
.pro_l .bg2{background-color: #f4f4f4;}
.pro_l ul{padding-bottom: 12px;position:absolute;z-index:9;top:0;left:237px;background:#fff;}
.pro_l ul li{height: 47px;width: 300px;padding-left:10px;line-height: 47px;margin: 0 auto;font-size: 14px;background:url(../img/jt.png) no-repeat 18px center;border-bottom: 1px dashed #3a97d8;overflow: hidden; text-overflow:ellipsis;white-space:nowrap;}
.pro_l ul li a{color: #212121;}
.pro_l ul li:hover{background:#0080D0;/*background: url(../img/bg1.jpg) no-repeat;*/border-bottom: 0;}
.pro_l ul li a:hover{color:#fff;}
.pro_l ul li.nobor{border: 0;}
.pro_l p{font-size: 14px;color: #fff;padding-left:70px;margin-top: 25px;background: url(../img/phone2.png) no-repeat 25px center;}
.pro_l p b{display: block;font-size: 24px;}
.pro_r{float: right;width: 888px;padding-top: 40px;}
.pro_r ul li{float: left;width: 288px;margin-right: 12px;position: relative;}
.pro_r ul li.nomar{margin-right: 0;}
.pro_r ul li img{display: block;width: 288px;height: 216px;}
.pro_r ul li em{display: block;height: 50px;line-height: 38px;text-align: center;}
.pro_r ul li em a{color: #3d3d3d;}
.pro_r ul li p{display: none;position: absolute;left: 0;top: 0;width: 100%;height: 216px;background: url(../img/tm_bg.png) no-repeat;}
.pro_r ul li p i{display: block;font-size: 14px;color: #fff;margin-top: 122px;text-align: center;}
.pro_r ul li p span{display: block;height: 36px;text-align: center;margin-top: 30px;}
.pro_r ul li p a{display: inline-block;width: 128px;height: 36px;line-height: 36px;color: #fff;text-align: center;margin: 0 4px;}
.pro_r ul li p .zx{background-color: #0080d0;}
.pro_r ul li p .tail{background-color: #f12912;}
.pro_r ul li:hover p{display: block;}
/*use*/
.use{padding:50px 0 0;}
.use h3{margin-bottom: 42px;}
.use h3 img{display: block;margin: 0 auto;}
.use h3 i{display: block;font-weight: normal;width: 473px;height: 32px;line-height: 32px;font-size: 18px;color:#fff;text-align: center;background: url(../img/use_tit.png) no-repeat;margin: 10px auto 0;}
.use dl dt{float: left;border: 1px solid #0080d0;}
.use dl dt img{display: block;width: 598px;height: 365px;}
.use dl dd{float: left;width: 498px;padding-left:100px;background-color: #f6f6f6;height: 365px;border: 1px solid #e5e5e5;border-left: 0;}
.use dl dd b{display: block;font-size: 24px;margin-top: 58px; line-height:30px;}
.use dl dd p{font-size: 16px;color: #999;margin: 20px 0 50px;line-height: 26px;width: 375px;}
.use dl dd .more{display: block;width: 120px;height: 44px;line-height: 44px;text-align: center;background-color: #f12912;color: #fff;}
.use ul li{float: left;padding: 0 33.5px;height: 98px;line-height: 98px;background-color: #f6f6f6;margin-right:2px;font-size: 18px;}
.use ul li:hover,.use ul li.cur{background-color: #0080d0;}
.use ul li:hover a,.use ul li.cur a{color: #fff;}
/*case*/
.case{padding-top: 40px;}
.case h3{font-size: 24px;height: 50px;}
.case h3 a{color: #0080d0;}
.case h3 i{font-family: "Elephant";font-weight: normal;color: #cecece;font-size: 22px;padding-left: 12px;}
.case ul li{float: left;width: 391px;margin-right: 13px;}
.case ul li img{display: block;width: 391px;height: 238px;}
.case ul li em{display: block;height: 78px;line-height: 78px;text-align: center;font-size: 16px;background-color: #f6f6f6;overflow: hidden; text-overflow:ellipsis;white-space:nowrap;}
.case ul li.nomar{margin-right: 0;}
.case ul li em:hover{color: #fff;background-color: #0080d0;}
/*adav*/
.adva{padding-top: 80px;}
.ad_top{height: 266px;background: url(../img/ad_top.jpg) no-repeat center 0;margin-bottom: 90px;}
.ad_top p{text-align: center;padding-top: 65px;color: #fff;}
.ad_top p span{display: block;font-size: 30px;}
.ad_top p span em{display: block;font-size: 48px; line-height:63px;}
.adva1{height: 400px;}
.adva1 dt{height: 395px;position: relative;width: 591px;}
.ad_con dt .honor{position: absolute;right: 0;bottom: 0;width:180px;}
.ad_con dt p{font-size: 14px;color: #7d7d7d;padding-left: 42px;margin-top: 10px;margin-left: 23px;background: url(../img/phone1.png) no-repeat left center;}
.ad_con dt p b{color: #f12912;font-size: 30px;}
.ad_con dd{width: 505px;padding-top: 20px;}
.ad_con dd h4{padding-bottom: 35px;border-bottom: 1px solid #eaeaea;}
.ad_con dd h4 img{vertical-align: middle;}
.ad_con dd h4 b{display: inline-block;font-size: 32px;color: #0080d0;padding-left: 12px;vertical-align: middle; line-height:35px;}
.ad_con dd h4 i{display: block;font-size: 18px;color: #0080d0;font-weight: normal;padding-top: 5px;}
.ad_con dd h4 em{color: #f12912;}
.ad_con dd p{font-size: 14px;color: #3f3f3f;line-height: 24px;padding-top: 20px;}
.adva2 dd{padding-top: 65px;}
.adva3 dd{width: 450px;margin-top: 80px;}
/*biao*/
.biao{height: 586px;background: url(../img/biao_bg.jpg) no-repeat center 0;}
.biao .yan{float: left;padding-left: 76px;margin-top: 140px;}
.biao .yan b{display: block;font-size: 50px; line-height:60px;}
.biao .yan em{color: #f12912;}
.biao .yan i{display: block;font-size: 24px;color: #4f4f4f; line-height:32px;}
.biao form{float: right;width: 450px;margin-right: 180px;margin-top: 132px;}
.biao form li{height: 41px;border: 1px solid #e8e8e8;margin-bottom: 10px;}
.biao form li label{ float:left;width:100px;line-height: 40px;}
.biao form li span{line-height: 40px;padding-left:10px;}
.biao form li img{float: left;border-right: 1px solid #e8e8e8;}
.biao form li input{float:left;height: 40px;line-height: 40px;width: 321px;border: 0;outline: 0;}
.biao form .cnt{display: block;width: 450px;height: 92px;border: 1px solid #e8e8e8;outline: 0;line-height: 30px;}
.biao form .cnt textarea{ border:0px; padding-left: 10px;width: 438px; }
.biao .submit input{width: 108px;height: 38px;line-height: 38px;text-align:center;margin:15px 5px 0;font-size: 14px;color: #fff;font-weight: bold;border: 0;background-color: #7c7c7c;cursor: pointer;}
.biao .submit .form-btn-submit{background: #f12912;}
/*customer*/
.cus{padding: 70px 0;background-color: #f2f2f2;}
.cus h3{margin-bottom: 45px;}
.cus h3 i{display: block;font-size: 18px;color: #5d5d5d;text-align: center;font-weight: normal;}
.cus dl{float: left;height: 301px;}
.cus dl dt img{width:300px; hheight:301px;}
.cus dl dd{float: left;width: 410px;margin-left: 40px;}
.cus dl dd b{display: block;font-size: 16px;color: #252525;padding-top: 20px;line-height: 26px;}
.cus dl dd  p{padding-top: 15px;line-height: 26px;}
.cus dl dd .more{display: block;width: 120px;height: 44px;line-height: 44px;text-align: center;color: #fff;background-color: #f12912;margin-top: 75px;}
.cus ul{float: right;width: 300px;margin-right: 100px;}
.cus ul li{float: left;margin-right: 1px;margin-bottom: 1px;}
.cus ul li img{display:block;width: 149px;height: 150px;-webkit-filter: grayscale(100%); 
-moz-filter: grayscale(100%); 
-ms-filter: grayscale(100%); 
-o-filter: grayscale(100%); 
filter: grayscale(100%); 
filter: gray; }
.cus ul li.cur img{-webkit-filter: grayscale(0%); 
-moz-filter: grayscale(0%); 
-ms-filter: grayscale(0%); 
-o-filter: grayscale(0%); 
filter: grayscale(0%); 
filter: gray; }
/*about*/
.about{height: 486px;padding-top:85px;background: url(../img/about_bg.jpg) no-repeat center 0;}
.about .content{position: relative;}
.ab_con{height: 306px;}
.ab_l{float: left;}
.ab_l h3 i{display: block;font-size: 16px;color: #fff;font-weight: normal;}
.ab_l p{margin-top: 28px;border-bottom: 2px solid #fff;width: 162px;}
.ab_l p a{display: block;width:158px;height: 32px;line-height: 32px;text-align: center;color: #fff;border: 2px solid #fff;border-bottom: 0;}
.ab_l p a:hover,.ab_l p a.cur{background-color: #f12912;}
.ab_r{float: right;width: 900px;}
.ab_r b{display: block;font-size: 18px;color: #fff;margin-bottom: 28px;}
.ab_r p{color: #fff;line-height: 24px;}
.about .photos{ position:relative;}

.about ul li{float: left;margin-right: 70px;}
.about ul li img{display: block;width: 590px;height: 242px;}
.about ul li span{ display:none!important;}
.about .prev{position: absolute;left: 0;top: 52px;cursor: pointer;}
.about .next{position: absolute;right: 0;top: 52px;cursor: pointer;}


#carousel {width:1200px;height:176px;position:relative;margin:0 auto;}
#carousel img {visibility:hidden;cursor:pointer;box-shadow: rgba(0, 0, 0, 0.298039) 0px 5px 10px;}
.container{padding-bottom: 20px;}
.atitlesc{position: absolute;left: 400px;bottom: 4px;}
/*news*/
.news{padding: 80px 0;}
.news h3{margin-bottom: 25px;}
.news h3 i{display: block;font-size: 18px;color: #5d5d5d;text-align: center;font-weight: normal;}
.new_l{float: left;width: 574px;}
.news h4{width: 120px;height: 44px;line-height: 44px;text-align: center;background-color: #0080d0;font-size: 18px;}
.news h4 a{color: #fff;}
.new_l dl{height: 448px;border: 1px solid #eee;background-color: #f6f6f6;}
.new_l dl dt img{display: block;margin: 30px auto 0;height:280px;}
.new_l dl dd{padding-left: 68px;width: 440px;}
.new_l dl dd b{display: block;margin: 22px 0 10px;}
.new_l dl dd b a{color: #5d5d5d;}
.new_l dl dd p{font-size:14px ;color: #5d5d5d;line-height: 22px;margin-bottom: 15px;}
.new_l dl dd a{color: #f12912;}
.new_r{float: right;width: 570px;}
.tai{height: 235px;border: 1px solid #eee;background-color: #f6f6f6;margin-bottom: 45px;}
.tai dl{height: 100px;margin-top: 20px;}
.tai dl dt{float: left;margin-left: 20px;}
.tai dl dt img{height:100px;}
.tai dl dd{float: left;padding-left: 28px;}
.tai dl dd p{line-height: 26px;color: #5d5d5d;padding-top: 8px;margin-bottom: 15px;}
.tai dl dd a{color: #f12912;}
.tai ul{width: 530px;margin-left: 20px;padding-top: 15px;}
.tai ul li{height:28px;line-height: 28px;}
.tai ul li a{color: #5d5d5d;}
.que{height: 120px;border: 1px solid #eee;background-color: #f6f6f6; overflow:hidden;padding-left: 22px;padding-top:15px;}
.que span{display: block;margin:15px 0 ;}
.que p{width: 520px;line-height: 24px;}