@charset "utf-8";







/*分页*/



.fenye {overflow: hidden; text-align:center;  width: 100%; margin:40px 0px;}



.fenye a { font-size:16px; color: #777777;display: inline-block; padding:7px 16px; border-radius:6px; border:1px solid #c2c2c2; margin-right:10px;}



.fenye .current { color: #fff; background:#0086ca;font-size:16px; display: inline-block; font-weight: normal;padding:7px 16px; margin-right:10px;border-radius:6px;}





.ndtit{ width: 100%;  text-align: center;z-index: -1; padding: 69px 0 30px 0px}



.ndtit .ntit{ position: relative; width: auto;font-size:26px; color: #525252;overflow: hidden;}



.ndtit .ntit .catname{position: relative;display: inline-block;white-space: pre;}



.ndtit .ntit .catname::before {



    display: block;



    z-index: 1;



    position: absolute;



    top: 0;



    left: 0;



    width: 50%;



    content: attr(data-content);



    overflow: hidden;



    color: #0086ca;



}



.ndtit .ntit span{ display:block; font-size:16px; text-transform:uppercase; color: #989898}



.ndtit .ntit:before, .ndtit .ntit:after{ content: ""; display: block; position: absolute; top: 25px;width: 44%;



height:9px;background: url(../img/ndtit_bg.png) repeat-x center; }



.ndtit .ntit:before{ left: 0; }



.ndtit .ntit:after{ right: 0; }





.fuwutop{ height:51px;}

.nxtit{  text-align: center; z-index: 2}



.nxtit ul{ display:inline-block;}



.nxtit li{ float: left; position: relative; font-size:14px; color: #757575;



height: 36px; margin-bottom:10px;}



.nxtit li>a{display: block; padding: 6px 40px; color: #757575;}



.nxtit li>a.on{background: url(../img/nxtitli_bg.png) no-repeat; height: 36px; }



.nxtit li dl{ display:none;z-index: 1; background: #fff; width: 100%; position: absolute; top: 36px; left: 0; }



.nxtit li dl dd{ height: 40px; line-height: 40px; font-size: 14px; color: #757575; }



.nxtit li dl dd a{color: #757575; display:block;}



.nxtit li dl dd:hover{ background: #0086ca }



.nxtit li dl dd:hover a{ color: #fff; }











/*关于我们 页面*/



.nabout h4{font-size:24px; color: #777777; text-align: center; margin-bottom:2%; }



.nabout h4 span{font-size:32px; color: #0086ca;}











.quanguogedi{ background: #f9f9f9; width: 100%; padding:4% 0px; margin:4% 0px; }



.quanguogedi_z{ width:42%; }



.quanguogedi_z img{ width:100%; }



.quanguogedi_y{ width: 52%; }



.quanguogedi_y h1{margin-top:8%;font-size:26px; color: #525252; }



.quanguogedi_y h1 span{font-size:26px; color: #0086ca}



.quanguogedi_y h5{font-size:16px; color: #989898; text-transform:uppercase;}



.quanguogedi_y p{margin-top:6%; padding:0;font-size:14px; color: #777777; line-height: 1.8}



.quanguogedi_y p span{color: #3d3d3d}







.nabout_dizi{ padding:0px 20px;font-size:22px; color: #777777; margin-bottom: 40px;}



.nabout_dizi span{color: #0086ca}















/*荣誉资质*/



.nzizhi{ width: 100%; display: inline-block; }



.nzizhi li{ float:left; width: 32%; overflow: hidden; margin-right:2%; position: relative;



margin-bottom:15px; text-align: center;}



.nzizhi li img{ height:278px;}



.nzizhi li p{width: 100%;font-size:16px; color: #777777; height: 40px; 



	line-height: 40px; text-align: center; margin-bottom: 20px;}



.nzizhi li:hover{ background: url(../img/nzizhili_bg.png) no-repeat bottom;}







.nzhuanli li img{ width: 100%; height:530px;}







#mbOverlay { position:fixed; z-index:9998; top:0; left:0; width:100%; height:100%; background-color:#000; cursor:pointer; }



#mbCenter { height:auto; position:absolute; z-index:9999; left:50%; }



#mbCloseLink { height:26px; width:26px;



 background:transparent url(../img/nzizhi_x.png) no-repeat center; 



 position:absolute; top:-35px; right:0px; }











/*生产设备*/



.nshebei li{ background: #f7f7f7; width: 100%; height: 330px; float: left; padding: 0px 30px; 



	margin-top: 60px; margin-bottom: 50px; }



.nshebei li figure{width:45%; height: 363px; margin-top:-5%; overflow: hidden;  }



.nshebei li figure img{ width:100%; height: 100% }



.nshebei li .nshebei_y{width: 51%;color: #6c6c6c; }



.nshebei li .nshebei_y h1{ font-size: 24px; margin:5% 0px;color:#6c6c6c;}



.nshebei li .nshebei_y p{ font-size: 14px; line-height: 26px; color:#6c6c6c;}



.nshebei li:hover{  background: #0086ca; transition: all 0.5s}



.nshebei li:hover .nshebei_y{  color: #fff; transition: all 0.5s;}



.nshebei li:hover .nshebei_y h1, .nshebei li:hover .nshebei_y p{animation: bounceinY 0.5s;color:#ffffff;



-moz-animation: bounceinY 0.5s; -ms-animation: bounceinY 0.5s; -o-animation: bounceinY 0.5s; -webkit-animation: bounceinY 0.5s;}











/*公司新闻*/



.nnew{ width: 100%; min-height:500px;}



.nnew li{ width: 49%; margin-right: 2%; float:left; margin-bottom:4%;}



.nnew li figure{ width: 100%; height: 408px; overflow: hidden; }



.nnew li figure img{ width: 100%;  height: 100%;}







.nnew li .nnew_zi{  width: 100%; padding: 20px 8px; border-bottom: 1px solid #0086ca;}



.nnew li .nnew_zi .span1{display: block; font-size:20px; color: #626262;}



.nnew li .nnew_zi .span2{display: block; font-size: 16px; margin:5px 0px 10px 0px;  color: #858585;}



.nnew li .nnew_zi p{ font-size: 14px; color: #858585; line-height: 22px; height: 44px;}



.nnew li:hover .nnew_zi h5{color: #0086ca;}







.nnew_more{ width:22%; height:50px; line-height:50px; background:#0086ca;



font-size:18px; color:#fff; text-align:center; margin:0 auto; margin-top: 30px; margin-bottom:50px;}



.nnew_more a{color:#fff; display:block;}





.nanli{ min-height:500px;}



.nanli li figure{height: 409px;}



.nanli li .nnew_zi{ padding-bottom: 0; border: none }



.nanli li .nnew_zi .span1{color:#1c1c1c}





/*合作伙伴*/



.nhuoban li{ position:relative; float:left;width:100%; margin-top:20px; padding-bottom:20px; border-bottom:1px dashed #ebebeb; 



transition: all 0.3s ;



  -webkit-transition: all 0.3s;



  -moz-transition: all 0.3s ;



  -ms-transition:all 0.5s;



  -o-transition: all 0.3s;}



.nhuoban .liimg{ width:15%; height:120px;overflow:hidden; text-align:center;}



.nhuoban .liimg:after {



    content: "";



    display: inline-block;



    width: 0;



    height: 100%;



    vertical-align: middle;



}



.nhuoban .liimg img{max-width:100%; max-height:100%; }



.nhuoban .litxt{ width:83%; padding:10px 0px;}



.nhuoban .litxt span{ width:100%; font-size:22px; color:#626262; float:left; margin-bottom: 10px;



	background:url(../img/huobanli_bgjt.png) no-repeat right;}



.nhuoban  li:hover span{ color:#0086ca;background:url(../img/huobanli_bgjth.png) no-repeat right;}



.nhuoban .litxt p{ float:left; width:100%; font-size:16px; color:#858585; line-height:26px;}











/*新闻内页*/



.art_new{}



.art_dtit{ color:#616161; text-align:center; width:100%; margin:0 auto; padding-bottom:2%; margin-bottom: 3%;



border-bottom: 1px solid #ececec}



.art_dtit .art_tit{ font-size:26px;color:#616161;}



.art_dtit .art_date{ color:#808080; font-size:16px; margin-top:10px;}







.art_txt{ padding:0 0px;color:#777777; font-size:14px; line-height:1.8;}



.art_txt p{ margin-bottom:2em; overflow: hidden;}



.art_txt img{ max-width:100%; margin:2em auto; display:block;}







.art_page{border-top: 1px solid #ececec; width:100%; float:left;padding-top:2%; margin-top:2%; margin-bottom: 3%;}



.art_pagez a{ font-size:16px; color:#777777; width:100%; display: block; margin:10px 0;}



.art_pagez a:hover{ color:#0086ca; text-decoration:underline;}



.art_pagez{ float: left; }



.share{ margin:10px 0; float: right; display: inline-block; text-align:right; font-size:14px; color:#797979;}



.share img{ width:36px; height:35px; margin-right:5px;}







/*案例 内页*/



.nanlicon_s{width: 100%; overflow: hidden;}



.nanlicon_s h1{font-size:24px; color:#777777; margin-bottom:3%; text-align: center;}



.aldatu{ width:100%; overflow:hidden;}



.aldatu img{ width:100%; display:block;}







.nanlicon_x{ margin-top:20px;width: 100%; overflow: hidden; }



.nanlicon_x>h1{font-size:20px; color:#777777; text-align: center;}





.lsimg{ text-align:center; margin:15px 0 20px 0;}



.lsimg img{ width:32%; height:260px;}
@media screen and (max-width: 1024px) {	  
.lsimg img{ width:32%; height:220px;}
}

@media screen and (max-width: 860px) {	  
.lsimg img{ width:32%; height:150px;}
}
@media screen and (max-width: 640px) {	  
.lsimg img{ width:32%; height:auto;}

}


.nanlicon_chakan{ background: #f7f7f7; text-align: center; padding:4% 0px; font-size: 34px; color: #525252}



.nanlicon_chakan a{font-size: 18px; color: #0086ca; display:block; margin-top:2%;}







/*相关推荐*/



.tuijian_t{ width: 100%; padding-bottom: 10px; border-bottom: 1px solid #e7e7e7; margin:40px 0px;}



.tuijian_t span{ font-size:24px; color:#525252;padding-bottom: 9px; border-bottom: 4px solid #0086ca}



.tuijian ul{ overflow:hidden;}



.tuijian ul li{ float:left; height:245px;  width: 32%; overflow: hidden; margin-right:2%; position: relative; }



.tuijian ul li img{ width: 100%; height: 100%; }



.tuijian ul li .mask{ transition:  all 0.5s; opacity: 0; position: absolute; top: 0; left: 0; text-align: center;
width:100%; height:100%; margin:0 auto; background:rgba(0,0,0,0.7); font-size: 14px; color: #fff;  display: table; text-align:center;}
.tuijian ul li .mask p{ display: table-cell;vertical-align: middle;}


.tuijian ul li:hover .mask{ transition: all 0.5s; opacity: 1; width: 100%; height: 100%; }











/*联系我们*/



.contact_s{ position:relative;overflow: hidden;}



.contact_s img{ margin:0 auto;}



.ditu{height:520px; }



.contact_s .lanbg{ height: 300px; padding:4%; width:40%;background:rgba(0,134,202,0.9); 



position:absolute; left:30px;  top:70px; color:#fff;}



.contact_s .lanbg h1{ font-size:24px; margin-bottom:3%;}



.contact_s .lanbg ul{ }



.contact_s .lanbg ul p{font-size:14px; line-height:28px;}







.contact_x{ background: url(../img/contact_xbg.jpg) no-repeat;



 background-size:100% 100%; height: 650px; margin-top: 60px;}



/*在线留言*/



.online{ width:37%; position: absolute; left: 0; right: 0; margin:0 auto;}



.online li{ width:100%; margin-bottom:6px; font-size:14px;color: #9d9d9d;}



.online i{ background: #0086ca; float:left; display: block; width:7%; height:40px;}



.online i.i1{background: url(../img/onlinespan_bg.png) no-repeat 6px 5px #0086ca}



.online i.i2{background: url(../img/onlinespan_bg.png) no-repeat 7px -45px #0086ca}



.online i.i3{background: url(../img/onlinespan_bg.png) no-repeat 5px -92px #0086ca}



.online i.i4{background: url(../img/onlinespan_bg.png) no-repeat 7px -143px #0086ca}



.online .kuang{ padding-left:15px; height:40px; line-height:40px;width:92%;}



.online .dkuang{padding-left:15px; height:200px; line-height:1.8;width:92%;}



.online .tijiao{ border:none; float:right; background: #0086ca; font-size: 16px; color: #fff;



height:50px; line-height: 50px; width: 33%;}







/*人才招聘*/



.zhaopin{}



.zhaopin li{ float: left; width:100%; padding-bottom:2%; border-bottom: 1px solid #f4f4f4;



margin-bottom:2%; }



.zhaopin li .zhaopin_z{ float: left; width: 90% }



.zhaopin_z span{ display: block; font-size: 24px; color:#777; margin-bottom:3px; }



.zhaopin_dianx{ float: right; background: url(../img/zhaopin_dian1.png) no-repeat; width: 29px; height: 16px; }



.zhaopin_dians{float: right; background: url(../img/zhaopin_dian2.png) no-repeat; width: 29px; height: 16px; }



.zhaopin li .content{display:none; width: 100%; float: left; margin-top: 30px; font-size: 14px; color: #777777;}







/*产品*/



.ndproduct{ width: 100%; } 



.npro{display: inline-block;  width: 100%; }



.npro li{display: inline-block; background: #f9f9f9; width: 100%; position: relative; }







.npro_z{ width: 50%; padding: 4.5%;}



.npro_z h1{ font-size: 26px; color: #1c1c1c;  padding-bottom: 3%; margin-bottom:3%;}



.npro_z h1 span{  padding-bottom:3%;border-bottom: 2px solid #000; }



.npro_z p{ font-size: 18px; color: #444444; line-height: 28px;}







.npro_z dl{ margin-top:7%; display: inline-block; width:100%; font-size: 16px; color: #444444;}



.npro_z dl dd{ transition:all 0.5s;display: inline-block; position: relative; text-align: center; margin-right:5%;}



.npro_z dl dd a{ display: block;  padding-bottom: 10%; }



.npro_z dl dd a:hover{ color: #0086ca }



.npro_z dl dd i{ width:0; height:2px; background:#0086ca; display:block; margin:0 auto; }



.npro_z dl dd:hover i{ width:100%; transition:all 0.5s;



-webkit-transition:all 0.5s; -ms-transition:all 0.5s;-moz-transition:all 0.5s;-o-transition:all 0.5s;}







.npro_anniu{ width:45%;position: absolute; bottom:10%; left:4.5%;}



.npro_anniuy{left:54.5%;}



.npro_anniu a{font-size: 16px; color: #fff; text-align: center; display:inline-block;



	width:31%; height:55px; line-height:55px; background: #ccc; }







.npro_z .npro_anniu a:hover{ background: #0086ca; }











.npro li figure{ width: 50%; height: auto; overflow: hidden; }
.npro li figure img{ width: 100%; height:650px; }

@media screen and (max-width: 1920px) {
.npro li figure img{ width: 100%; height:550px; }
}


@media screen and (max-width: 1420px) {
.npro li figure img{ width: 100%; height:480px; }
}


@media screen and (max-width: 1200px) {
.npro li figure img{ width: 100%; height:420px; }
}




/*产品列表*/



.npro_list{ width: 100%; display: inline-block; }



.npro_list li{ position: relative; width: 100%; display: inline-block; margin-bottom: 40px; overflow: hidden;}



.npro_list li img{ width: 100%; height:516px; }



.npro_list li .mak{ opacity: 0; width: 100%; height: 100%; position: absolute;; top: 0; left: 0;



background: rgba(0,0,0,0.7); }



.npro_list li .mak h1{ font-size: 28px; color: #fff; text-align: center; margin-top: 10%; margin-bottom: 3%; }



.npro_list li .mak h1:after{ content: ""; display: block; width: 100px; height: 3px; margin:0 auto;



background: #a9a49f; margin-top:15px; }



.npro_list li .mak p{font-size:14px;  color: #fff; text-align: center; width: 30%; line-height: 28px;



 text-align: center; margin:0 auto; }



 .npro_list li .mak h1, .npro_list li .mak p{ transform:scale(0);



 	-webkit-transform:scale(0); -o-transform:scale(0); -ms-transform:scale(0); -moz-transform:scale(0)}



.npro_list li:hover .mak{ opacity: 1; }



 .npro_list li:hover .mak h1, .npro_list li:hover .mak p{transform:scale(1);



 	-webkit-transform:scale(1); -o-transform:scale(1); -ms-transform:scale(1); -moz-transform:scale(1);



 	transition: all 0.5s;  	-webkit-transition: all 0.5s; 



 	-o-transition: all 0.5s; -ms-transition: all 0.5s; -moz-transition: all 0.5s;}







.npro_list_more{ margin: 0 auto; width: 42%;margin-top: 30px; margin-bottom: 50px; text-align:center;}



.npro_list_more a{width:45%; margin-right: 5%; display: inline-block;  height:55px;



    line-height: 55px; background: #cccccc; font-size: 18px; color: #fff; text-align: center;}



.npro_list_more a:hover{ background: #0086ca;}







/*产品内页*/



.npro_con{width: 100%; overflow: hidden; }



.npro_con img{width: auto; max-width: 100%;}



.cpdatu{ margin-top:30px;}



.cpdatu img{ width:100%;}


.canshu{ margin-top:30px;}

.canshu img{ width:760px;}



.prodmain{ overflow:hidden; margin-top:30px;width:760px;}

.prodmain img{ width:450px;}

.prodimg{  width:450px;  text-align:right;}
.prodtxt{  width:280px;   text-align:left; font-size:14px; line-height:1.8; color:#666666;}



.npro_cons{ position: relative; width: 100%; overflow: hidden; min-height:520px;}

.npro_cons .tu01{ position:absolute; left:0; top:0; width:33%}
.npro_cons .tu01 img{ width:100%; height:520px; display:block;}

.npro_cons img{ width:100%; height:100%; display:block;}

.npro_cons .tu02{ position:absolute; left:33.5%; top:0;width:33%; height:50%;}

.npro_cons .tu03{ position:absolute; right:0; top:0;width:33%;height:50%;}

.npro_cons .tu04{ position:absolute; right:0; bottom:0;width:33%;height:50%;}

.npro_cons .npro_consyin{ width: 33%; height:50%; position: absolute; bottom: 0; left: 0; right: 0; margin:0 auto; background: #0086ca; padding:20px; }

.npro_cons .npro_consyin h1{ font-size: 20px; color: #fff; text-align: left; margin-bottom: 10px; }

.npro_cons .npro_consyin h1:after{ content: ""; display: block; width: 60px; height: 3px; background: #fff; margin-top:15px; }

.npro_cons .npro_consyin p{ text-align: left; font-size:14px;  color: #fff; width:100%; line-height: 22px;}

@media screen and (max-width: 1200px) {
.npro_list li img{ width: 100%; height:auto; }
}


@media screen and (max-width: 1024px) {
.tuijian ul li{ height:220px;}
.npro_cons{ min-height:400px;}
.npro_cons .tu01 img{ width:100%; height:400px; display:block; }

.npro_cons .npro_consyin{ padding:10px;}
.npro_cons .npro_consyin h1{ font-size:18px; margin-bottom:10px;}
.npro_cons .npro_consyin h1::after { margin-top:10px;height:2px;}
.npro_cons .npro_consyin p{ line-height:1.6; font-size:14px;}
.npro li figure img{ width: 100%; height:380px; }

}
@media screen and (max-width: 860px) {
.npro li figure img{ width: 100%; height:300px; }

.tuijian ul li{ height:180px;}

.npro_cons{ min-height:360px;}
.npro_cons .tu01 img{ width:100%; height:360px; display:block; }
.npro_cons .npro_consyin{ padding:10px;}
.npro_cons .npro_consyin h1{ font-size:16px; margin-bottom:5px;}
.npro_cons .npro_consyin h1::after { margin-top:5px;height:1px;}
.npro_cons .npro_consyin p{ line-height:1.5; font-size:13px;}

.prodimg{ width:100%; display:block;  text-align:right; text-align:center;}
.prodtxt{ width:100%; padding-left:0; display:block; text-align:center; }

.canshu img{ max-width:100%;}
.prodmain{ overflow:hidden; margin-top:30px;width:100%;}

}

@media screen and (max-width: 680px) {
.tuijian ul li{ height:auto; width:100%;}
.npro li figure img{ width: 100%; height:240px; }

.npro_cons{ min-height:300px;}
.npro_cons .tu01 img{ width:100%; height:300px; display:block; }
.npro_cons .npro_consyin{ padding:3px;}
.npro_cons .npro_consyin h1{ font-size:14px; margin-bottom:5px;}
.npro_cons .npro_consyin p{ line-height:1.5; font-size:12px;}
}

@media screen and (max-width: 540px) {

.npro_cons .tu01,.npro_cons .tu02,.npro_cons .tu03,.npro_cons .tu04{ position:static; }

.npro_cons .tu01{ width:50%;height:100%;  float:left;}
.npro_cons .tu01 img{ width:100%; height:300px; display:block; }

.npro_cons .tu02{ width:50%; height:150px; float:left;}
.npro_cons .tu02 img{ height:100%; display:block;  }

.npro_cons .tu03{ width:50%; height:150px; float:left;}
.npro_cons .tu03 img{height:100%; display:block; }

.npro_cons .tu04{ width:100%; float:left;}
.npro_cons .tu04 img{height:100%; display:block; }

.npro_cons .npro_consyin h1{ font-size:16px; margin-bottom:5px;}
.npro_cons .npro_consyin{padding:10px; position:static; float:left;width:100%;}

}



/*产品动画*/



.npro_donghua{ width: 100%; }



.npro_donghuat{  width: 100%; border-bottom: 1px solid #0086ca; margin-bottom: 60px; }



.npro_donghuat a{ float: right;  font-size: 14px; color: #848484; line-height: 60px;}



.npro_donghuat span{ background: url(../img/donghua_bg.png) no-repeat left; display: inline-block;



	width: 200px; height: 60px; line-height: 60px; text-align: center;



 font-size:18px; color: #fff; }







.donghua { width: 100%; margin-bottom: 80px; }



.donghua_z{ width:73%;height: 491px;}



.donghua_z iframe{ width: 100%; height: 100% }



.donghua_y{ width: 27%; height: 491px;background: #000; padding-left:20px; }



.donghua_y h1{ font-size: 20px; color: #a6a6a6; padding: 20px 0px; }



.donghua_y li{ float: left; width: 100%; margin-bottom: 15px; }



.donghua_y figure{ float: left; width:40%; height: 74px; overflow: hidden; }



.donghua_y figure img{ width: 100% }



.donghua_y p{ width: 48%; float: left; margin-left:5%; padding: 10px  0px; font-size:14px; color: #a6a6a6; line-height: 24px;}







.style-1{height: 421px; overflow-y: scroll;}



.style-1::-webkit-scrollbar-track



{



	-webkit-box-shadow: inset 0 0 3px rgba(0,0,0,0.3);



	background-color: #000;



}



.style-1::-webkit-scrollbar



{



	width: 6px;



	background-color: #000;



}



.style-1::-webkit-scrollbar-thumb



{



	-webkit-box-shadow: inset 0 0 3px rgba(0,0,0,.3);



	background-color: #555555;



}



















.sect{margin-bottom: 20px; /*padding-top: 172px*/ }



.fwfixed{ position: fixed; top:59px; left: 0; right: 0; padding-top: 30px;



 margin:0 auto; background: #fff;}







/*服务内容*/



.fw_nr{ width: 100%; }



.fw_tit{margin-bottom: 3%; }



.fw_tit h1{ font-size: 24px; color: #595959; text-align: center; }



.fw_tit h1 span{ display: block; font-size: 16px; color: #757575;}



.fw_tit h1 span:after{ content: ""; margin: 0 auto; display: block; width: 5%; height: 3px;



 background: #0086ca; margin-top:1%; }







.fwico{width: 100%; display: inline-block;margin-bottom: 50px; }



.fwico li{ float:left; font-size:16px; color:#545454; width:18%; margin-right:9%; text-align:center;}



.fwico li:last-child{ margin-right:0;}



.fwico li:hover{ color:#0086ca}



.fwico li i{display:block; width:100%; height:141px; margin-bottom:20px;



-webkit-transition:all 0.3s; -moz-transition:all 0.3s; -ms-transition:all 0.3s; -o-transition:all 0.3s;}



.fwico li .i1{background:url(../img/fwico_i1.png) no-repeat center 0px; }



.fwico li .i1:hover{background:url(../img/fwico_i1.png) center -144px no-repeat;}



.fwico li .i2{background:url(../img/fwico_i2.png) no-repeat center 0px; }



.fwico li .i2:hover{background:url(../img/fwico_i2.png) center -144px no-repeat;}



.fwico li .i3{background:url(../img/fwico_i3.png) no-repeat center 0px; }



.fwico li .i3:hover{background:url(../img/fwico_i3.png) center -144px no-repeat;}



.fwico li .i4{background:url(../img/fwico_i4.png) no-repeat center 0px; }



.fwico li .i4:hover{background:url(../img/fwico_i4.png) center -144px no-repeat;}







.fw_nrdi{ width: 100%;}



.fw_nrdi ul{width: 100%;  display: inline-block; margin-bottom: 35px;  }



.fw_nrdi ul figure{ float: left; width:17%;  position: relative;}



.fw_nrdi ul span{font-size: 24px; color: #f00003;  display: inline-block;



    width: 25px; position: absolute;left: 0;right: 0;top: 34%;margin: 0 auto;}



.fw_nrdi ul .fw_nrdi01{height: 178px;background: url(../img/fw_nr1.jpg) no-repeat}



.fw_nrdi ul .fw_nrdi01 span{ color: #f00003; top:30%; }



.fw_nrdi ul .fw_nrdi02{height: 237px;background: url(../img/fw_nr2.jpg) no-repeat}



.fw_nrdi ul .fw_nrdi02 span{ color: #fd9105; }



.fw_nrdi ul .fw_nrdi03{height: 237px;background: url(../img/fw_nr3.jpg) no-repeat}



.fw_nrdi ul .fw_nrdi03 span{ color: #bb1b65; }







.fw_nrdi ul li{ width: 83%; float:right;border-top: 1px solid #efefef; }



.fw_nrdi ul li p{ padding-left: 5%; font-size: 16px; color: #3c3c3c;



 height: 59px; line-height: 59px;border-bottom: 1px solid #efefef; }



 











/*服务 营销*/



.fw_yx{}



.fw_yx ul{ width: 100%; display: inline-block; }



.fw_yxz{ width:31%; border-bottom: 1px solid #efefef;}



.fw_yxz li{ border-top: 1px solid #efefef; width: 100%;



padding:10px 25px; }



.fw_yxz li span{display: block; font-size: 22px; color: #0086ca; }



.fw_yxz li p{ font-size: 16px; color: #6c6c6c; line-height: 26px;}







.fw_yx figure{  width:56%; text-align: center; float: right; margin-top: 1%;}



.fw_yx figure img{  max-width:100%; width: auto;}







/*服务 流程*/



.fw_liuc{background: url(../img/fw_liucbg.png) no-repeat center;



 width:100%; height:1450px;  }



.fw_liuc li{font-size: 22px; color: #4e4e4e; height: 130px; width: 28%;}



.fw_liuc li p{ font-size: 16px; color: #6c6c6c; margin-top:10px;}



.fw_liuc li span{ display: none; }







.fw_liuc li.li1{ margin-left: 67%;}



.fw_liuc li.li2{ margin-left: 5%; text-align: right;}



.fw_liuc li.li4{ height: 115px; }



.fw_liuc li.li9{ height: 85px; }







/*流程2  表格*/



.fw_liuc2{ width:100%;/*overflow-x:auto;*/}



.fw_liuc2 table{border:none; overflow: hidden; width: 100%; max-width:920px; margin: 0 auto;}



.fw_liuc2 .biaoti{font-size:24px; color: #fff; text-align: center; vertical-align: middle;



	height:100px;border: none}







.fw_liuc2 .huith{ background: #dedede; font-size: 18px; color: #4b4b4b; border: none;



font-weight: normal;text-align: center; border-bottom: 1px solid #fff}



.fw_liuc2 td{ height:50px; line-height:50px; border: none;font-size: 16px; color: #3c3c3c;



	border-bottom: 1px solid #ebebeb;border-right: 1px solid #ebebeb; padding-left: 1%;}



.fw_liuc2 td.centertd{ text-align: center; vertical-align: middle;}











/*售后*/



.fw_shouhou{width:100%; text-align: center; overflow: hidden;



	margin-bottom: 50px; /*background: url(../img/fw_shouhoubg.png) no-repeat center; */



}



.fw_shouhou img{width:auto; max-width:100%;}











/*服务点*/



.fw_dian{ position: relative; background: url(../img/fw_dianditu.jpg) no-repeat center; 



	width:782px; height: 618px; margin: 0 auto;background-size:100%;}



.dian{ position: absolute; font-size: 14px; color: #282828;}



.dian i{ display: block; background: url(../img/fw_dianbiao.png) no-repeat;width: 22px; height: 30px;}



.dian1{ right: 50px; top: 65px; }



.dian2{ right: 175px; top: 195px; }



.dian3{ right: 225px; top: 365px; }



.dian4{ right: 150px; top: 350px; }



.dian5{ right: 80px; top: 350px; }



.dian6{ right: 195px; top: 485px; }







/*.dian:hover .fw_diantan{opacity: 1; }*/



.fw_diantan{ display: none; position: absolute;  top: -110px;



 background:rgba(253,10,6,0.8); width: 310px; border-radius: 10px; padding: 20px; }



.fw_diantan h1{ font-size: 18px; color: #fff; margin-bottom:10px; }



.fw_diantan p{ font-size: 14px; color: #fff; line-height: 26px; }



.fw_diantan:after{ content:""; display: block; width: 0;height: 0;



 border: 8px solid transparent; border-top-color:#f82a26; position: absolute;



    left: 22px; bottom: -16px; }







.fw_diqu{ width:100%;display: inline-block; }



.fw_diqu li{width: 100%;  height:45px;line-height: 45px;}



.fw_diqu li span{ width: 30%; display: block; float: left; background: #fd0a06; text-align: center; font-size: 16px; color: #fff; border-bottom: 1px solid #fff;}



.fw_diqu li p{width: 70%; float: left; padding-left:3%;  background: #fff; font-size: 16px; color: #3c3c3c; border: 1px solid #ebebeb;}































@media screen and (max-width: 1200px) {



.npro_z{ padding: 2% }



.npro_anniu{ bottom:2%; }







.online i{ width: 10% }



.online .kuang, .online .dkuang{ width: 90%; }







.fw_diantan{right: 0;}



.fw_diantan:after{left:auto;right: 22px;}



}











@media screen and (max-width: 1100px) {



.fw_yxz{ width:100%; }



.fw_yx figure{width:100%; }







.fw_nrdi ul{ margin-bottom: 10px }



.fw_nrdi ul figure{ height: auto!important; background: none!important }



.fw_nrdi ul figure span{ position: static; width: auto; padding-left:10px; }



.fw_nrdi ul li{ width: 100%; }



.fw_nrdi ul li p{ padding-left:10px; height: auto; line-height:24px; padding: 10px 0px}







.fw_liuc{ background: none; padding: 0px 10px; height: auto }



.fw_liuc li{ width: 100%;margin-left:0!important; text-align: left!important;



height: auto!important; margin-bottom: 10px;}











}



@media screen and (max-width: 1024px){

.nxtit li{ margin-bottom: 2% }



.nshebei li{ margin-bottom: 20px; margin-top:30px; }



.nshebei li figure{ margin-top: -3% }







.nnew li .nnew_zi{ padding: 10px;  }



.nanlicon_chakan{font-size:24px;padding: 10px 0px}



.nanlicon_chakan a{ margin-top:10px; }



.tuijian_t span{ font-size: 20px; }







.npro_z h1{font-size: 22px;}



.npro_z p{font-size:16px;}



.npro_anniu a{height: 40px; line-height: 40px;}







.zhaopin_z span{font-size: 20px; }







.contact_s .lanbg h1{font-size: 20px; }











}



@media screen and (max-width: 920px){



.nnew li .nnew_zi h5{ font-size: 24px; }



.npro_anniu a{ height: 40px; line-height: 40px; }







.nabout h4{ font-size:20px; }



.nabout h4 span{font-size:24px; }



}











@media screen and (max-width: 860px) {



.main{ padding:0px 10px; }



.art_txt img{ width:100%;}







/*.banner .swiper-pagination-fraction{ bottom: 10px!important }*/


.fuwutop{ display:none;}
.ndtit{ padding:30px 0 20px 0;}



.ndtit .ntit{ font-size: 20px; }



.ndtit .ntit span{ font-size: 14px; }



.ndtit .ntit:before, .ndtit .ntit:after{ top: 12px; }



.nxtit li{ padding: 6px 10px }



.nxtit li.on{ background: none; }



.nxtit li.on a{ color: #0086ca }



.nabout p{ padding: 0 }



.quanguogedi{ padding:10px 0px; }



.quanguogedi_z { width: 100%; text-align: center; }



.quanguogedi_z img{ max-width: 100%; width:auto; }



.quanguogedi_y { width: 100%; }



.quanguogedi_y h1{margin-top: 10px;}



.quanguogedi_y p{margin-top: 15px; margin-bottom: 0px}



.nabout h4{ font-size: 16px;}



.nabout h4 span{ font-size: 18px;}



.quanguogedi_y h1{font-size: 18px;}



.quanguogedi_y h1 span{font-size: 18px;}



.nabout_dizi{font-size: 18px;}







.nzizhi li{ width: 49%;margin-right:1%; }



.nzizhi li img{ width: 100%;  height:auto;}



.nzhuanli li img{ /*height: 20em*/height:auto; }



.nzizhi li p{ margin-bottom: 0px }



.nshebei li{ height:auto; padding:0px 10px  }



.nshebei li figure{ float:none!important; width: 100%; height: auto; }



.nshebei li .nshebei_y{float:none!important; width: 100% }



.nshebei li .nshebei_y h1{ font-size: 18px; margin:2% 0px; }







.nnew li .nnew_zi .span1{ font-size: 16px; }



.nhuoban li{width:100%;padding-bottom: 10px; margin-bottom: 10px; margin-top: 0 }



.nhuoban .liimg{ width: 37%; height: auto }



.nhuoban .litxt { width:61%; padding: 0 }



.nhuoban .litxt p{ display: none }



.nhuoban .litxt span{ font-size:18px;margin-bottom: 0; margin-top:15px}



.nhuoban  li:hover span{}







.npro_z{ width: 100% }



.npro_z h1{ font-size: 18px; margin-bottom: 0;padding-bottom:2%; }



.npro_z h1 span{ padding-bottom:1%;}



.npro_z p{ font-size: 14px; }



.npro_z dl{ margin-top:2% }



.npro li figure{width: 100% }



.npro_anniu{ position: static;margin:0 auto; margin-top:2%; width:80%}



.npro_anniu a{ width:45%; }







.npro_list li .mak{ opacity: 1; position: static; padding: 15px 0px;background: rgba(0,0,0,0.5); }



.npro_list li .mak h1, .npro_list li .mak p{



 	transform:scale(1);



 	 -webkit-transform:scale(1);



 	-o-transform:scale(1);



 	-ms-transform:scale(1);



 	-moz-transform:scale(1);



 	}







.npro_list li .mak h1:after{width: 70px; margin-top: 5px }



 .npro_list li .mak h1{ font-size: 16px; margin-top:0; margin-bottom: 10px; }



 .npro_list li .mak p{ width:95%; }



.npro_list_more{ width: 60% }



.npro_list_more a{ height: 45px; line-height: 45px; }











.nanlicon_s h1{ font-size: 20px; }



.nanlicon_x p{ margin-bottom: 0 }



.tuijian ul li .mask{position: static; opacity: 1; line-height: 36px; width: 100%; height: auto;}



.tuijian ul li{ margin-bottom: 20px; }











.nnew_more{ width: 40%; height:45px; line-height:45px;margin-top: 0px ; margin-bottom: 20px;}



.nnew li figure{ /*height: 9em*/ height: auto }



.nnew li .nnew_zi span{ font-size: 16px; }











.art_dtit .art_tit{ font-size: 16px; }








.npro_donghuat{ margin-bottom:30px;}


.npro_donghuat span{ background: none; color: #000; width: auto; }



.donghua_z{ width:100%; height: 300px;}



.donghua_z img{ width: 100%;}



.donghua_y{ width: 100%; height: auto; }



.style-1{ height: auto; overflow:hidden; }



.donghua_y figure{ width:129px; }







.zhaopin_z span{  font-size: 18px;  }







.ditu{display: none}



.contact_x{background: url(../img/foot_bg.png) repeat; height: auto;}



.contact_s .lanbg{ width: 100%; height: auto; position: static; }



.contact_s .lanbg h1{  font-size: 16px;  }







.online i{ display: none } 



.online{ width:80%; position:static; padding-bottom: 30px; }



.online .kuang, .online .dkuang{ width: 100%; }



.online .tijiao{ float: none; }











.nxtit { display: none;}



.fw_tit h1{ font-size: 18px; }



.fw_tit h1 span:after{ width: 10% }



.sect{ padding-top: 0 } 



.fwico li{ width: 49%; margin-right: 1% }



.fw_nrdi ul figure span{ font-size: 20px; }



.fw_liuc li{ font-size: 20px;  }



.fw_yxz li{ padding: 10px 0px; }



.fw_yxz li span{ font-size: 20px; }







.fw_liuc2 .biaoti{ font-size: 20px;height: 50px; line-height: 50px; }



.fw_liuc2 td{ height: 40px; line-height:40px; }







.fw_dian{width:100%;background:url(../img/fw_dianditushouji.png) no-repeat center;



background-size:contain;height:360px; }



.dian{ display: none }



.fw_diqu li span{ width: auto; padding: 0px 10px }



.fw_diqu li p{ width: 100% }



/*.fw_shouhou{ height: 440px; }*/



.online .tijiao{height: 40px; line-height: 40px;}



















.fwico li i{ height:110px;}



.fwico li .i1{background:url(../img/fwico_i1.png) no-repeat center 0px; background-size:100px;}



.fwico li .i1:hover{background:url(../img/fwico_i1.png) center -110px no-repeat;background-size:100px;}



.fwico li .i2{background:url(../img/fwico_i2.png) no-repeat center 0px; background-size:100px;}



.fwico li .i2:hover{background:url(../img/fwico_i2.png) center -110px no-repeat;background-size:100px;}



.fwico li .i3{background:url(../img/fwico_i3.png) no-repeat center 0px;background-size:100px; }



.fwico li .i3:hover{background:url(../img/fwico_i3.png) center -110px no-repeat;background-size:100px;}



.fwico li .i4{background:url(../img/fwico_i4.png) no-repeat center 0px; background-size:100px;}



.fwico li .i4:hover{background:url(../img/fwico_i4.png) center -110px no-repeat;background-size:100px;}







.fw_liuc li span{ display:inline-block; color:#0086ca;margin-right: 5px;



font-size: 22px;}















}







@media screen and (max-width: 640px) {	 



.nnew li{ width: 100%; margin-bottom:20px; }



/*.nanli li{ width:100%; margin-bottom:20px; }*/



.nnew li .nnew_zi{border: none; padding-left:0}



.nnew li .nnew_zi .span2, .nnew li .nnew_zi p{ display: none ;}











.nanlicon_s h1{ font-size:16px; }



.nanlicon_x h1{ font-size:16px; }



.nanlicon_chakan{ font-size:18px; }



.tuijian_t span{ font-size:18px; }



.nnew_more{ height: 35px; line-height: 35px; }







.fw_yxz li span{font-size:18px;}



.fw_liuc li{font-size:18px;}







.fw_liuc2 .biaoti{ font-size:16px; }



.fw_liuc2 .huith{ font-size:16px; }



.fw_liuc2 td{ font-size:14px; }



}

@media screen and (max-width: 640px) {	  
.nzizhi li{ width:100%; padding:0 10%;}
.nzizhi li .zstu{ height:auto;}

}




