@charset "utf-8";

.m-header{ display:none; padding:10px 0 0 0; background:#fff; position:relative}

.m-btn{ line-height:15px; height:15px;display:none; position: absolute; right:3%; top:50%; margin-top:-8px;}

.m-btn .line{ float:right;width:25px; margin-left:10px; position:relative}

.m-btn .cd{ float:left;}



.m-btn span{display: block;width: 100%;height: 2px;background-color: #000;position: absolute;left: 50%;margin-left: -12px;-webkit-transition:.3s;-moz-transition:.3s;-ms-transition:.3s;-o-transition:.3s;transition:.3s;}

.m-btn span.span1{ top:0;-webkit-transform-origin:4px center;-moz-transform-origin:4px center;-ms-transform-origin:4px center;-o-transform-origin:4px center;transform-origin:4px center}

.m-btn span.span2 {top: 7px;}

.m-btn span.span3 {top: 14px;-webkit-transform-origin:1px center;-moz-transform-origin:1px center;-ms-transform-origin:1px center;-o-transform-origin:1px center;transform-origin:1px center}

.m-btn.open-menu .span1{-webkit-transform:rotate(45deg);-moz-transform:rotate(45deg);-ms-transform:rotate(45deg);-o-transform:rotate(45deg);transform:rotate(45deg);}

.m-btn.open-menu .span3{-webkit-transform:rotate(-45deg);-moz-transform:rotate(-45deg);-ms-transform:rotate(-45deg);-o-transform:rotate(-45deg);transform:rotate(-45deg);}

.m-btn.open-menu .span2{ opacity:0; filter:alpha(opacity=0)}

.m-btn.open-menu span{background: #000;}



.m-menu{ display:none; padding-bottom:30px; z-index:999}

.m-menu{ background:#f5f5f5; position:fixed; left:0; width:100%; display:none; overflow-y:auto; overflow-x:hidden;}

.m-menu ul{ width:100%; height:calc(100vh - 85px); overflow-y:auto;overflow-x:hidden;}

.m-menu a{ display:block}

.m-menu li{ border-bottom:1px solid #d8d8d8;}

.m-menu .menu_a{ padding:0 3%; line-height:50px; font-size:16px; color:#222; position:relative}

.m-menu .menu_a i{ width:17px; height:17px; background:url(../images/ico_03.png) no-repeat; background-size:contain; position:absolute; right:3%; top:15px}

.m-menu li .sub{ padding:0 3%; line-height:30px; margin:5px 0 15px 0; font-size:14px; display:none}

.m-menu .menu_a.cur{ background:#0961ba; color:#fff;}

.m-menu .menu_a.cur i{background:url(../images/ico_03_h.png) no-repeat center; background-size:100% auto}

.m-menu .m_lang{ font-weight:bold}

.m-menu form{ width:96%; margin:20px auto 30px; position:relative}

.m-menu form .input01{ width:100%; line-height:40px; border:1px solid #ddd; padding:0 110px 0 10px; font-size:16px; -webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;}

.m-menu form .sytijiao{ width:100px; position:absolute; right:0;top:0;}





.m-foot{ position:fixed; width:100%; height:45px; left:0; bottom:0;background:#075aae; color:#fff; display:none; z-index:1500}

.m-foot li{ float:left; width:33.3%; text-align:center;}

.m-foot li a{ color:#fff; font-size:12px; display:block;}

.m-foot li.li1 a{ background:url(../images/flmes.png) no-repeat center 5px; padding-top:25px}

.m-foot li.li2 a{ background:url(../images/kf-emails.png) no-repeat center 5px; padding-top:25px}

.m-foot li.li3 a{ background:url(../images/fltel.png) no-repeat center 5px; padding-top:25px}

.m-foot li.li4 a{ background:url(../images/right_pic6.png) no-repeat center 3px; padding-top:25px}

.m-foot li.li2 a span{display: block;}





.pcshow{ display:block}

.phshow{ display:none}



@media screen and (max-width:1600px){

.nbanner{ width:110%; margin-left:-5%}



}

@media screen and (max-width:1440px){

.nbanner{ width:120%; margin-left:-10%}



}

@media screen and (max-width: 1199px){

.wrap{ width:98%}

.nbanner{ width:130%; margin-left:-15%}

.banner{ width:110%; margin-left:-5%}





.section{ padding:30px 0 50px 0;}

.section02{ padding:0px 0 50px 0;}

.conn{ margin-top: 25px;}



.title .biao{margin-bottom:12px;}

.title .biao h3{ font-size:32px; height:32px;}

.title .biao h4{ font-size:45px; height:40px;}

.title p{ font-size:15px;}



.icluture li .icon{ width:100px; height:100px; padding:15px;}

.icluture li .icon span{ width:100px; height:100px; line-height:100px;}



.iabout .abpic{ float:left; width:calc(50% - 15px);position:relative; margin:15px 0 0 15px;}

.iabout .wenzi{ float:right; width:calc(50% - 40px); padding:30px 20px; line-height:30px; color:#555;}

.iabout .abpic:after {top: -15px;left: -15px;}

.iabout .wenzi p{display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 6;overflow: hidden;}



.iabout .wenzi .more a{ padding-left:20px; width:110px; line-height:38px; background:url(../images/jiantou.png) #0961ba no-repeat 80% center;}

.products_cont .ind_r .more a{ padding-left:20px; width:110px; line-height:38px;}



.footer .flink{ line-height:28px; padding:14px 0; }





.back02 a{ width:120px; height:38px; line-height:38px; margin-top:30px;}



}



@media screen and (max-width: 920px){

.wrap{ width:98%}

.nbanner{ width:140%; margin-left:-20%}



.header{ display:none}

.m-header{ display:block;}

.m-header .logo{ float:left;}

.m-header .logo img{ height:70px; width:auto; display:block}



.m-btn{ display:block}



.banner .flex-control-nav {bottom: 20px;}





.icluture li{ float:left; width:33.33%;}

.icluture li .icon{ margin:10px auto 0px auto;}

.icluture li:hover .icon{margin:10px auto 0px auto;}

.icluture li:nth-child(3n+1){ clear:both}

.icluture li:nth-child(4){ margin-left:16.66%}

.icluture li .icon{ width:70px; height:70px; padding:10px;}

.icluture li .icon span{ width:70px; height:70px; line-height:70px; font-size:18px;}

.icluture li .wenzi{ font-size:15px;margin:10px auto 0 auto; width:90%}





.iproducts .prolei ul a p{font-size: 16px;}





.inews li{ width:49%; margin-right:0}

.inews li:nth-child(2n){ float:right}

.inews li:nth-child(1), .inews li:nth-child(2){ margin-bottom:15px;}

.inews li:nth-child(2n+1){ clear:both}



.inews li .wenzi{ min-height:100px;}

.inews li .wenzi p{ line-height:30px;}

.inews li .wenzi h3{ font-size:16px;}



.footer li:nth-child(5){ max-width:70%; padding-left:0px;}

.footer li:nth-child(1), .footer li:nth-child(2), .footer li:nth-child(3), .footer li:nth-child(4), .footer li:nth-child(5), .footer li:nth-child(6){ display:none}



.footer li:nth-child(7) p.add{ line-height:25px;}

.m-foot{ display:block}

.footer .copyright{ margin-bottom:45px;}
.footer .copyright .fanh{ display:none}
.footer .fconn{ padding:20px 0 30px 0;}



.speader .jies{ float:right; width:75%;position: relative;left:auto;top:auto;-webkit-transform:translate(0%,0%);-moz-transform:translate(0%,0%);-ms-transform:translate(0%,0%);-o-transform:translate(0%,0%);transform:translate(0%,0%)}

}



@media screen and (max-width: 768px){

.iabout .conn{ margin-top:40px;}

.iabout .abpic{ float:none; width:calc(100% - 10px);position:relative; margin:10px 0 0 10px;}

.iabout .wenzi{ float:none; width:calc(100% - 30px); padding:15px; line-height:30px; color:#555; font-size:15px; padding-bottom:35px;}

.iabout .wenzi .more{ margin-top:20px;}







.products_cont .pic{ float:none; width:100%;}

.products_cont .ind_r{width:calc(100% - 30px); height:auto; padding:15px; position: relative; right:auto; top:auto; }



.products_cont .ind_r .more{ margin:20px 0}



.products_cont .ind_r h3{line-height:45px; margin-bottom:0px;}

.footer li img{ width:100px; height:auto}



body{ font-size:14px;}



.location{line-height:50px;height: 50px;margin-bottom: 20px;}



.nguide ul{ text-align:center; display:block;}
.nguide li{ display:block;margin:0 0.5%; float:left; font-size:16px;line-height:40px;}
.nguide li a{padding:0px;}
 
.nguide03 li{ width:32.33%}

.nguide04 li{ width:24%}

.nguide05 li{ width:32.33%}
.nguide05 li:nth-child(1), .nguide05 li:nth-child(2), .nguide05 li:nth-child(3){ margin-bottom:2%}
.nguide05 li:nth-child(4){ margin-left:16.66%}

.nguide06 li{ width:32.33%}
.nguide06 li:nth-child(1), .nguide06 li:nth-child(2), .nguide06 li:nth-child(3){ margin-bottom:2%}

.nguide02{ width:70%; margin-left:auto; margin-right:auto}
.nguide02 li{ width:49%}


.nnguide ul{ display:block;}
.nnguide li{ display:block;font-size:15px; line-height:34px; margin:0 0.5%; float:left; }
.nnguide li a{ display:block; padding:0px;}

.nnguide02{ width:70%; margin-left:auto; margin-right:auto}
.nnguide02 li{ width:49%}

.nnguide05 li{ width:32.33%}
.nnguide05 li:nth-child(4){ margin-left:16.66%}
.nnguide05 li:nth-child(1),.nnguide05 li:nth-child(2),.nnguide05 li:nth-child(3){ margin-bottom:2%}

.lianxi .kuai h3{ font-size:16px; line-height:45px;}







.nnews .newskuai .wrap{padding:15px 0; }



.nnews .newskuai .pic{ overflow:hidden; float:left; width:calc(25% - 4px);}

.nnews .newskuai .wenzi{ float:left; width:60%; padding: 0 2%;}

.nnews .newskuai .wenzi h3{ line-height:35px; font-size:16px;margin-bottom:5px;}

.nnews .newskuai .wenzi p{ line-height:26px;}

.nnews .newskuai .date{ width:calc(8% - 1px); padding-top:10px; padding-bottom:10px;}

.nnews .newskuai .date h3{ font-size:28px; margin-bottom:10px;}

.nnews .newskuai .date p{ font-size:15px; margin-bottom:20px;}



.pcshow{ display:none}

.phshow{ display:block}


.closeBtn{width:30px;height:30px;background:url(../images/close.png) no-repeat center center; background-size:cover}


.pagination p{padding: 2px 8px !important; }
.pagination p.pageRemark{ display:block !important; float:none !important; clear:both !important; margin:0 auto !important}
.pagination a {margin-right: 3px !important;}

.footer .copyright .fanhu{ display:none}
.footer .fpz{ float:none; text-align:center;}
.footer .fpz img{ display:block; margin:0 auto; width:auto}
}



@media screen and (max-width: 640px){

.wrap{ width:98%}

.nbanner{ width:150%; margin-left:-25%}



.icluture li .wenzi{ font-size:13px;width:120%; margin-left:-10%}

.icluture li:nth-child(4){ margin-left:12%; width:38%}

.icluture li:nth-child(5){ width:38%}



.footer .flink, .footer .fconn{ display:none;}



.jian .jpic{ float:none; margin:0 0 20px 5px; position:relative; width:calc(100% - 5px)}

.jian .jpic:after {top: -15px;left: -15px;}



.jian { line-height:30px; font-size:15px;}

.nmain{ padding-bottom:60px;}







.nhonor li{ width:calc(49% - 2px); margin-right:0%;}

.nhonor li:nth-child(3n){ margin-right:0}

.nhonor li:nth-child(3n+1){ clear:none}

.nhonor li:nth-child(2n){ float:right}

.nhonor li:nth-child(2n+1){ clear:both}

.nhonor li .wenzi{ line-height:20px; padding:5px 0 10px 0;}



.nhonor02 li{ width:calc(49% - 2px); margin-right:0%;}

.nhonor02 li:nth-child(4n){ margin-right:0}

.nhonor02 li:nth-child(4n+1){ clear:none}

.nhonor02 li:nth-child(2n){ float:right}

.nhonor02 li:nth-child(2n+1){ clear:both}

.nhonor02 li .wenzi{ line-height:20px; padding:5px 0 10px 0; }







.lianxi .kuai{ width:100%; margin-right:0%; line-height:30px; float:none}

.lianxi .kuai:nth-child(2n){ float:none}

.lianxi .kuai:nth-child(2n+1){clear:both; }













.nnews .newskuai .pic{ overflow:hidden; float:none; width:calc(100% - 4px); margin-bottom:15px;}

.nnews .newskuai .wenzi{ float:left; width:74%; padding: 0 2%;}

.nnews .newskuai .date{ width:calc(20% - 1px); padding-top:10px; padding-bottom:10px;}

.nnews .newskuai .date h3{ font-size:28px; margin-bottom:10px;}

.nnews .newskuai .date p{ font-size:15px; margin-bottom:20px;}





.nmain .zshu {line-height:30px}

.nmain .zshu li{ display: inline-block; width:calc(48% - 2px); border:solid 1px #ddd; margin:10px 0;text-align:center} 

.nmain .zshu02 {line-height:30px}

.nmain .zshu02 li{ display: inline-block; width:calc(32% - 2px); border:solid 1px #ddd;margin:10px 0; text-align:center} 



.nmain .zshu03 {line-height:30px}

.nmain .zshu03 li{ display: inline-block; width:calc(48% - 2px);border:solid 1px #ddd;margin:10px 0;text-align:center} 

.nmain .zshu03 li img{ display:block;  height:auto; width:100%;}



.nmain .zshu04 {line-height:30px}

.nmain .zshu04 { text-align:center;line-height:50px}

.nmain .zshu04 li{ display: inline-block; width:calc(48% - 2px); border:solid 1px #ddd;margin:10px 0; text-align:center} 

.nmain .zshu04 li img{ display:block; width:100%; height:auto;}



.nmain .zshu05 {line-height:30px}

.nmain .zshu05 { text-align:center;line-height:50px}

.nmain .zshu05 li{ display: inline-block; width:calc(48% - 2px); border:solid 1px #ddd;margin:10px 0; text-align:center} 

.nmain .zshu05 li img{ display:block; width:100%; height:auto;}





#imgDefault li{ width:calc(49% - 8px); margin-right:0%;}

#imgDefault li p{ line-height:30px;}

#imgDefault li:nth-child(3n+1){ clear:none}

#imgDefault li:nth-child(2n){ float:right;}

#imgDefault li:nth-child(2n+1){ clear:both}



body{ font-size:13px;}





.title .biao h3{ font-size:28px; height:28px;}

.title .biao h4{ font-size:35px; height:35px;}

.title p{ font-size:14px;}



.iproducts .prolei ul a p{ text-align:center; width:32px; display:block; margin:0 auto; line-height:25px !important; padding-bottom:8px;}


.shangxia li{ float:none;}

.shangxia li:last-child{ float:none;}


.speader .leader{ float:none; width:100%; }
.speader .jies{ float:none; width:100%;position: relative; left:auto;top:auto;}

.iabout .wenzi .more a{ margin-left:auto; margin-right:auto}
}

@media screen and (max-width:320px){

body{ font-size:12px;}

}

@media screen and (max-width: 1300px){

#imgDefault img{ height:260px;}



}

@media screen and (max-width: 1200px){

#imgDefault img{ height:240px;}



}

@media screen and (max-width: 1000px){

#imgDefault img{ height:210px;}

.icluture .wrap{ width:100%;}

}

@media screen and (max-width: 900px){

#imgDefault img{ height:190px;}

.lightBoxContent{width:700px;margin-left:-350px;}



}

@media screen and (max-width: 800px){

#imgDefault img{ height:170px;}

.lightBoxContent{width:600px;margin-left:-300px;}



}

@media screen and (max-width: 700px){

#imgDefault img{ height:150px;}

.lightBoxContent{width:500px;margin-left:-250px;}

}

@media screen and (max-width: 640px){

#imgDefault img{ height:200px;}

.lightBoxContent{width:450px;margin-left:-225px;}

.icluture li .icon{ margin:10px auto 0px auto;}

.icluture li:hover .icon, .icluture li.cur .icon{margin:10px auto 0px auto;}

}



@media screen and (max-width: 500px){

#imgDefault img{ height:180px;}

.lightBoxContent{width:400px;margin-left:-200px;}



}



@media screen and (max-width: 400px){

#imgDefault img{ height:150px;}

.lightBoxContent{width:300px;margin-left:-150px;}



}