@charset "utf-8";
/* CSS Document */
.m-btn{ width:25px; height:15px;display:none; position: absolute; right:2%; top:50%; margin-top:-8px;}
.m-btn span{ width:100%; height:3px;background: #1348a7; position:absolute; left:0; top:0;-webkit-transition:.3s;-moz-transition:.3s;-ms-transition:.3s;-o-transition:.3s;transition:.3s;}
.m-btn .line1{-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 .line2{top:7px;}
.m-btn .line3{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 .line2 {opacity: 0;filter: alpha(opacity=0);}
.m-btn.open-menu .line1{webkit-transform:rotate(45deg);-moz-transform:rotate(45deg);-ms-transform:rotate(45deg);-o-transform:rotate(45deg);transform:rotate(45deg);}
.m-btn.open-menu .line3{-webkit-transform:rotate(-45deg);-moz-transform:rotate(-45deg);-ms-transform:rotate(-45deg);-o-transform:rotate(-45deg);transform:rotate(-45deg);}
.m-menu{ display:none; margin-top:104px;}
.m-menu{ background:#f5f5f5; position:fixed; left:0; width:100%; display:none; overflow-y:auto; overflow-x:hidden; z-index:99999}
.m-menu ul{ width:100%; height:calc(100vh - 60px); 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:#1348a7; color:#fff;}
.m-menu .menu_a.cur i{background:url(../images/ico_03_h.png) no-repeat center; background-size:100% auto}

.m-menu li.last{ border-bottom:none; margin-top:15px; font-weight:bold;}
.m-menu li.last span{ background:url(../images/l_uk.jpg) no-repeat left center; padding-left:30px; background-size:25px; display:block}


.m-foot{ position:fixed; width:100%; height:50px; left:0; bottom:0;background:#1348a7; color:#fff; display:none; z-index:99}
.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:27px}
.m-foot li.li2 a{ background:url(../images/kf-email.png) no-repeat center 5px; padding-top:27px}
.m-foot li.li3 a{ background:url(../images/fltel.png) no-repeat center 5px; padding-top:27px}
.m-foot li.li4 a{ background:url(../images/right_pic6.png) no-repeat center 3px; padding-top:27px}


.phshow{ display:none}
.pcshow{ display: block}


.m-pronav{ position: relative; width:100%;z-index:90; bottom:0; display:none}
.m-pronav h3{ background:#1348a7; position:relative}
.m-pronav h3 a{ display:block;padding:10px 5%;color:#fff;}
.m-pronav h3 i{ width:17px; height:17px; background:url(../images/menu_list3.png) no-repeat; background-size:17px 17px; position:absolute;top:13px;right:5%}
.m-pronav .active i{background:url(../images/menu_list2.png) no-repeat;background-size:17px 17px;}
.m-pronav ul{ background:#fff; position:absolute; width:100%; display:none}

.m-pronav ul li{ border-bottom:1px solid #e8e8e8;}

.m-pronav ul li a{ display:block; padding:8px 5%}



@media screen and (max-width: 1350px){
.header .tel{ display:none;}
.header .menu{ right:2%}
}
@media screen and (max-width: 1199px){
.header .menu{ right:1%}
.header .menu li .menu_a{ font-size:16px; margin:0 8px; }
.wrap{ width:98%;}	

.nban{width:100%;height:300px;}
.nban .page{height:300px;}

.nban_txt span{font-size:40px;font-weight:bold;color:#fff;letter-spacing:2px;}
.nban_txt p.desc{font-size:18px; margin-top:0px;letter-spacing:0px;}
}

@media screen and (max-width: 1024px){
.header .menu{ display:none}
.m-btn{ display:block; }

.section{ padding:20px 0 60px 0;}
.section02{ padding:0px 0 60px 0;}

.banner .flex-control-nav { width:100%; max-width:1240px;margin-left:auto;position: absolute;bottom:10px; left:auto; text-align:center }

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

.products .prolei ul a p{ margin-top:50px;}

.nban{width:100%;height:250px;}
.nban .page{height:250px;}

.nban_txt p.desc{color:#fff; font-size:16px;background:#fff;background-clip: content-box;-webkit-background-clip: text;color: transparent;animation: moveBg 1s linear infinite;-webkit-animation: moveBg 1s linear infinite;}

.mianbxContent{font-size:14px; line-height:50px; height: 50px;}

}
@media screen and (max-width:920px){
.footer li:nth-child(1), .footer li:nth-child(2),.footer li:nth-child(3){ display:none}

}
@media screen and (max-width: 768px){
.header .logo img{ height:90px;}
.banner{ margin-top:94px}
.nban{padding-top:94px;}
.m-menu{ margin-top:94px;}

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

.toolbar{ display:none}

.about .cpic{ float:left; width:50%;}
.about .wenzi{ float:right; width:calc(50% - 30px); padding:10px 15px 20px 15px;}

.copyright{ margin-bottom:50px;}
.m-foot{ display:block; }

.page{ margin:0 auto; width:100%}

.nban{width:100%;height:200px;}
.nban .page{height:200px;}
.nban_txt span{font-size:35px;}

.nguide li a{ padding:0px 30px;}
.nguide li{ margin:0 5px 10px; }
}
@media screen and (max-width: 640px){
.header .logo img{ height:70px;}
.banner{ margin-top:74px}
.nban{padding-top:74px;}
.m-menu{ margin-top:74px;}


.ind_r{width:calc(100% - 30px); padding:15px; float:none; height:auto;}
.ind_r b{font-size:20px;}
.products .tempWrap{height: auto; overflow:hidden}
.products_cont{height:auto;}
.products_cont img{ width:auto; max-width:100%;float:none}
.ind_r a{ margin-top:20px;height: 40px;line-height: 40px;}

.hotpro li .item:nth-child(1), .hotpro li .item:nth-child(2){margin-top:80px; }
.hotpro li .item{ float:left; width:calc(49% - 4px); margin-right:2%; padding:1px;margin-top:0px; margin-bottom:2%}
.hotpro li .item:nth-child(2n){ margin-right:0}


.about .cpic{ float:none; width:100%; margin-bottom:15px;}
.about .wenzi{ float:none; width:calc(100% - 20px); padding:10px 10px 20px 10px;}

.news .conn li{ float:none; width:100%; margin-bottom:20px}
.news .conn li:nth-child(2n){ float:none}
.news li .wenzi h3{ margin-bottom:0}

.news .more{ line-height:40px; height:40px;width:120px;}


.footer .content { display:block}
.footer ul {display:block;}
.footer li{ display:block; clear:both; margin-left:15%}
.footer li:nth-child(4){ margin-bottom:30px;}
.footer li:nth-child(4) .kuai{ float:left;}

.nban{width:100%;height:150px;}
.nban .page{height:150px;}

.nguide li a{ padding:0px 20px;}

.nabout .cpic{ float:none; width:100%; margin-bottom:20px;}
.nabout .cpic .teshu{ padding:20px 0 25px 0;}
.nabout .cpic .teshu h3{ font-size:20px;}
.nabout .wenzi{ float:none; padding:15px; width:calc(100% - 30px);}

.nwenhua li{ float:left; width:49%; margin-right:0%; margin-bottom:20%}
.nwenhua li:nth-child(2n){ margin-right:0; float:right; }

.nhonor li{ width:48%; }
.ncontact .lianxi li{ float:left; width:50%; margin-bottom:20px}
.ncontact .lianxi li:nth-child(2n+1){ clear:both}


.down .dtop span:nth-child(1), .down .dbottom li span:nth-child(1){ width:80%;}
.down .dbottom li span:nth-child(1){text-align:left}
.down .dtop span:nth-child(2), .down .dbottom li span:nth-child(2){ display:none}
.down .dtop span:nth-child(3), .down .dbottom li span:nth-child(3){ display:none}
.down .dtop span:nth-child(4), .down .dbottom li span:nth-child(4){ width:20%}

.nnews .newskuai .pic{ overflow:hidden; float:none; width:calc(100% - 4px); padding:1px; border:solid 1px #ddd; margin-bottom:20px; }

.nnews .newskuai .wenzi{ float:left; width:75%; padding: 0 2%;}
.nnews .newskuai .date{ float:right; width:calc(18% - 1px); padding-left:2%; border-left:1px solid #e0e0e0; padding-top:20px; padding-bottom:20px;}
.nnews .newskuai .date h3{ font-size:24px; margin-bottom:10px;}
.nnews .newskuai .date p{ font-size:16px; margin-bottom:20px;}


.back02 a{ width:140px; height:40px;  float:none; display:block; margin:40px auto 0 auto}
.shangxia li{ float:none;}
.shangxia li:last-child{ float:none;}


.npro li{ float:left; width:calc(49% - 4px); margin-right:2%}
.npro li:nth-child(3n){ margin-right:0}
.npro li:nth-child(3n+1){ clear:none; float:left}
.npro li:nth-child(2n){ margin-right:0; float:right}
.npro li:nth-child(2n+1){ clear:both}


.show01 .pro-switch{ float:none; width:100%; margin-bottom:20px;}
.show01 .wenzi{ float:none; width:100%;}
.nmain .stitle h3 {line-height: 40px;font-size: 24px;font-weight: bold;}


.lianxiq{ position: relative; background:url(../images/ntel.png) no-repeat left 25px; line-height:24px; height:50px; padding-left:50px;border-top:solid 1px #ddd; width:calc(100% - 50px); right:0; bottom:auto; padding-top:20px; }
.lianxiq .zixun{  width:140px; float:right; margin-top:-40px}

}
@media screen and (max-width: 480px){
.header .logo img{ height:65px;}
.banner{ margin-top:69px}
.nban{padding-top:69px;}
.m-menu{ margin-top:69px;}

}