.m-btn{ width:25px; height:15px; margin-top:35px; display:none; position: absolute; right:10px;}
.m-btn span{ width:100%; height:3px;background:#fff; 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:80px;}
.m-menu{ background:rgba(0,0,0,0.9); 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 #666;}
.m-menu .menu_a{ padding:0 3%; line-height:50px; font-size:16px; color:#fff; 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 li .sub a{color:#fff;}
.m-menu .menu_a.cur{ background:#e71f19;}
.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:#e8342f; 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}


@media screen and (max-width: 1399px){
.wrap{width:90%;max-width:1300px;margin:0 auto;}
}
@media screen and (max-width: 1199px){
.wrap{width:95%;max-width:1300px;margin:0 auto;}
}
@media screen and (max-width: 1099px){
.header .menu{ display:none;}
.m-btn{ display:block}

.about .about_left .dabiao{ padding-left:30px; font-size:40px; line-height:45px;}
.about .about_left .detail{ color:#fff; width:90%; padding:30px 0 30px 30px;}

.banner{ width:120%; margin-left:-10%}
.about .banner{ width:100%; margin-left:0%}

.banner-words {height: 220px;margin-top: -110p; top:60%;}
.banner-words h3{ font-size:45px; font-weight:bold; letter-spacing:5px}
.banner-words h1{ font-size:24px; padding:20px 0; }

.news .kuai{ padding:15px 0; float:none; width:100%;}
.news .kuai:nth-child(2){border-top:none;}
.news .kuai:nth-child(2n){ float:none}

.news .kuai p{line-height:26px;}
.news .kuai h3{ font-size:17px; line-height:30px;}
}

@media screen and (max-width: 1024px){
.case .picScroll{ width:96%; margin:0 auto;}

.case .picScroll ul li{ width:33.33%;}
.banner{ width:130%; margin-left:-15%}
.about .banner{ width:100%; margin-left:0%}
.banner-words {height: auto;margin-top: -110p; top:70%;}
.banner-words h3{ font-size:35px; letter-spacing:0px}
.banner-words h1{ font-size:20px; padding:0; }

.title h3{ font-size:32px;}
.title p{ font-size:20px;}

.title02 h3{ font-size:30px; }
.title02 p{font-size:18px; margin-bottom:25px;}

.section{ padding:40px 0;}
.conn{ padding:20px 0}

.nbanner{ height:260px; padding-top:65px;}
.nbanner h3{font-size:32px;margin-bottom:5px; }

.loction .wrap{ width:100%; margin:0;}
.loction{ line-height:50px; font-size:15px;}


.nmain{ padding:30px 0 60px 0}
.nmain02{ padding:30px 0 0 0}
}

@media screen and (max-width:920px){
.about .about_left{ width:100%; height:350px; position:relative}
.about .about_left .inn{ width:100%; max-width:650px; float:right;position:relative; }

.about .about_right{width:100%; float:none}

.about .about_left .dabiao{ margin-top:-25px;}	
}

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

	
	
.footer li{ display:none; background:none}
.footer li {padding:30px 0 40px 0px;}
.footer li:last-child{ min-width:100%; display:block}
.footer li:last-child img{ float:right; margin-top:0px; width:100px; height:auto}

.copyright{ padding:16px 0; }

.nbanner{ height:220px; padding-top:15px;}

.float_qq{ display:none; }

#photo .nwork_pics{width:50%;height:auto;float: left;padding:0px 0 0px 0}
.m-foot{ display:block;}
.copyright{ margin-bottom:50px;}
}
@media screen and (max-width: 640px){
.case .picScroll ul li{ width:50%;}

.case .picScroll .next{ position:absolute; z-index:99;  left:-20px; top:39%; display:block; width:30px; height:48px; overflow:hidden; background:url(../images/llzuo.png) no-repeat; cursor:pointer;}
.case .picScroll .next{ left:auto; right:-20px; background:url(../images/llyou.png) no-repeat;z-index:99; }


.banner{ width:150%; margin-left:-25%}
.banner-words {height: auto;margin-top: -110p; top:88%;}
.banner-words h3{ font-size:32px; letter-spacing:0px}
.banner-words h1{ font-size:18px; padding:5px 0; }
.m-btn{ margin-top:29px; }

.banner .swiper-pagination {bottom: 15px;}


.business .kuai{ float:none; width:100%;}
.business .kuai:first-child{ float:none;}

.business .wenzi{ padding:0 18px 30px 18px;}
.business .wenzi h3{font-size:18px;line-height:45px;}



.nbanner{ height:200px;}
.nbanner h3{font-size:30px;margin-bottom:5px;padding-top:90px; }

.loction{ line-height:46px; font-size:15px;}

.nav06 li{ width:33.33%}
.nav03 li{ width:100%}

.company img{ margin:20px auto; width:96%;}
.nmain  .jiagou img{ margin:20px auto; width:100%; }

.wenhua .wenhuali .pic{float:none; width:100%; }
.wenhua .wenhuali .wenzi{float:none; width:90%; padding:3% 3% 5% 3%; }
.wenhua .wenhuali:nth-child(2n) .pic{ float:none}


.honor li{ width:48%; margin-right:0%;}
.honor li:nth-child(4n){ margin-right:0%;}
.honor li:nth-child(4n+1){ clear:none; float:left;}
.honor li:nth-child(2n){ margin-right:0%; float:right}
.honor li:nth-child(2n+1){ clear:both;}



.client .client-box{width:33.33%;float:left;}
.client-box img{width:80%;height:80%; margin:10px auto; display:block; }

.client .client-box:nth-child(1),
.client .client-box:nth-child(2),
.client .client-box:nth-child(3){border-top:0px; }
.client .client-box:nth-child(4){border-top:1px solid #ececec;}
.client .client-box:nth-child(4n-3){border-left:1px solid #ececec; clear:none}
.client .client-box:nth-child(3n-2){border-left:0px; clear:both}



.nmain .yewu li{ width:48%; }
.nmain .yewu li:nth-child(4n){ margin-right:0}
.nmain .yewu li:nth-child(4n+1){ clear:none;}

.nmain .yewu li:nth-child(2n){ margin-right:0; float:right}
.nmain .yewu li:nth-child(2n+1){ clear:both;}

.nmain .yewu li .wenzi{ font-size:15px;line-height:25px; padding:10px 0;}




.sol01 .wenzi{ float:none; width:100%; line-height:30px; font-size:14px;}
.sol01 .pic02{ float:none; width:100%; margin-top:30px;}


.sol02 .wenzi{ float:none; width:100%; line-height:30px; font-size:14px;}
.sol02 .pic02{ float:none; width:100%;margin-top:30px; }


.sol03 .wenzi{ float:none; width:100%; line-height:30px; font-size:14px;}
.sol03 .pic02{ float:none; width:100%; margin-top:30px; }
.sol03 .wenzi h2 span{font-size:15px;}


.sol01 .shig li{ float:left; width:48%; margin-right:0%; margin-bottom:3%; background-color:#fff; min-height:310px; text-align:center}

.sol01 .shig li:nth-child(4n){ margin-right:0}
.sol01 .shig li:nth-child(4n+1){ clear:none;}

.sol01 .shig li:nth-child(2n){ margin-right:0; float:right}
.sol01 .shig li:nth-child(2n+1){ clear:both; }

.sol01 .shig li h3{ font-size:15px; line-height:40px; margin-bottom:15px;}
.sol01 .shig li p{ text-align:left; padding-left:12px;}

.nmain .sol02 img{ width:100%; height:auto}
.nmain .sol03 img{ width:100%; height:auto}


.xinwenli .pic{ float:none; width:100%;overflow:hidden; display:block; border:solid 1px #ddd; margin-bottom:15px;}
.xinwenli .newscon{ float:none; width:100%;}
.xinwenli .newscon h3{ line-height:40px;font-size:18px;}
.pageRemark{ display:none}


.hr {margin: 20px 0;}
.hrtxt h3 {font-size: 30px;margin-bottom: 15px;}
.hrtit{line-height:45px;}
.rba1{width:50%;float:left;padding-right:10px;}
.rba2{width: 25%;float:left;padding-right:10px;}
.rba3{ display:none}
.rba4{ display:none}
.rba5{ display:none}
.rba6{ display:none}
.rba7 {width: 15px;height: 8px;float: right;background: url(../images/ico28.png) no-repeat center;margin-top: 12px;padding-right: 5%;}
.bellows__header {font-size: 14px;padding: 10px 0 10px 2%;}

.lianxi{ margin-bottom:20px;}
.lianxi li{ float:left; width:50%; padding:0; margin-bottom:20px;}
.lianxi li:nth-child(2n+1){ clear:both;}
.lianxi .pic{ width:60%; max-width:80px;}
}

@media screen and (max-width: 480px){
	
.m-menu{ display:none; margin-top:70px;}
.banner{ width:170%; margin-left:-35%}
.about .banner{ width:100%; margin-left:0%}
}