.m-btn{ width:25px; height:15px; margin-top:28px; 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:75px;}
.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(../image/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:#ff5c23;}
.m-menu .menu_a.cur i{background:url(../image/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(404.png) 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:#333; 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(404.png) no-repeat center 5px; padding-top:27px}
.m-foot li.li2 a{ background:url(../image/kf-email.png) no-repeat center 5px; padding-top:27px}
.m-foot li.li3 a{ background:url(../image/fltel.png) no-repeat center 5px; padding-top:27px}
.m-foot li.li4 a{ background:url(../image/right_pic6.png) no-repeat center 3px; padding-top:27px}


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


@media screen and (max-width: 1600px){
.banner-pic{ width:120%; margin-left:-10%;}



}


@media screen and (max-width: 1199px){
.header{ line-height:100px;}

.header .menu li .menu_a{ line-height:100px;}

.swiper-button-next, .swiper-button-prev{ display:none; }

.banner-words {position: absolute;height:auto;margin-top: 240px; color:#fff; top:0px; width:100%; z-index:999;}

.banner-words .more{font-size:13px;width:120px; height:30px; line-height:30px; margin-top:30px;}


.nmain .newslist .wrap{ padding-top:0; width:100%; max-width:1160px; }
.newslist .item{ padding:30px 0 40px 0;transition: all 0.3s ease-out 0s; }
.newslist .item:hover{ margin-left:-20px;}


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


@media screen and (max-width: 1024px){
.header{ line-height:90px;}
.header .menu li .menu_a{ line-height:90px;}

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

.banner-words {margin-top: 230px; }
.banner-words h3{ font-size:32px;}
.banner-words h1{ font-size:40px; padding:0px 0;}

.solution{padding:50px 0;}
.client {padding: 50px 0 70px 0;}

.footer{ padding:30px 0;  line-height:24px}
.footer li {font-size:13px;}
.footer li h3{ color:#eb6330; margin-bottom:6px;}
.footer li h3 a{color:#eb6330;font-size:15px; }
.footer li p a{color:#fff;}

.copyright{ line-height:24px; padding:10px 0 15px 0;}

.newslist .item{ padding:18px 0 23px 0;}
.newslist .item:hover{ margin-left:-10px;}


}
@media screen and (max-width: 920px){
.nguide li a{ padding:0 16px;}	
.nmains .picScroll{ width:85%; margin:0 auto;}
.nmains .picScroll01{ width:85%; margin:0 auto;}
.nmains .picScroll02{ width:85%; margin:0 auto;}
.nmains .picScroll03{ width:85%; margin:0 auto;}
.nmains .picScroll04{ width:85%; margin:0 auto;}
.nmains .picScroll05{ width:85%; margin:0 auto;}
}


@media screen and (max-width: 768px){
.header{ line-height:75px;}
.header .menu { display:none;}
.m-btn{ display:block}
.floatKf{ display:none}

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

.banner-words {margin-top: 180px; }
.banner-words h3{ font-size:24px;}
.banner-words h1{ font-size:30px;}
.banner-words .more{width:100px;}

.solution{padding:30px 0;}
.client {padding: 30px 0 50px 0;}

.about .ableft{ float:none; width:100%;}
.about .abright{ float:none;width:100%; max-width:100%;display: block; margin:0 auto ;}
.about .abright .inconn{ padding:0 3% 50px 3%}
.bc-image .icon_video{margin-left:-25px;margin-top:-25px; width:50px; height:50px; border-radius:50%;}

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


.nmain #video{float: none; width: 100%;}
.nmain .abzuo { float: none;width: 100%;}


.lxleft{ float:none; width:100%; margin-top:74px; margin-bottom:30px;}
.lxleft h3{ font-size:20px;}
.lxleft h4{ font-size:18px;}
.lxleft p { font-size:14px; line-height:25px;}

.liuyan{ float:none; width:100%;}
.liuyan .biaoz{ margin-bottom:15px;}
.liuyan .biaoz h3{ line-height:40px; font-size:30px;}
.liuyan .biaoz p{ line-height:25px; font-size:15px;}

.nmain02 .wrap {border-top: none; padding: 20px 0 50px 0;}
.form02 input{ font-size:15px;}

.form02 .submit{ font-size:15px;width:120px;height:40px; line-height:40px;  margin-top:15px;}


.newslist .item .wenzi{padding-right:3%; width:79%;}
.newslist .item .datetime{ float:left; width:20%; margin-top:12px;}

.newslist .item .datetime .yueri{font-size:30px; display:block;text-align: center;}
.newslist .item .datetime .nian{font: 12px;display:block; text-align: center;}


.solu li{ float:left; width:48%; margin-right:2%; margin-bottom:15px;}
.solu li:nth-child(2n){ margin-right:0; float:right; }
.solu li:nth-child(2n+1){ clear:both; }

.nmains{ padding:50px 0;margin-top:50px; }



.nguide ul {width: 100%;display: block;display:block;}
.nguide li {display:block; float:left; margin:0 5px; font-size:15px; margin-bottom:10px;}
.nguide li a{ display:block; padding:0 15px;}

.prodetail .proleft{ float:none ; width:100%;}
.prodetail .proright .pin span {padding: 3px 25px;}


.proxiang .pxleft{ float: none; width:100%; margin-bottom:20px;}
.proxiang .pxright{ float: none;width:100%;}

.prodetail .proright{float: none;width:100%;}

.proleft .tabmenu li {width:60px;  min-height:60px; }

.nmains li{ float:left; width:100%}
}
@media screen and (max-width: 640px){

.header{ line-height:60px;}
.m-menu{ margin-top:60px;}
.m-btn{ margin-top:21px;}
.banner-words {margin-top: 90px; }
.banner-words h3{ font-size:20px;}
.banner-words h1{ font-size:26px;}
.banner-words .more{margin-top:15px;}

.solution li{ float:left; width:48%; margin-right:4%; margin-bottom:4.7%; overflow:hidden;}
.solution li:nth-child(2), .solution li:nth-child(3), .solution li:nth-child(5){margin-right:0;}


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

.client .more{font-size:13px; width:120px; height:35px; line-height:35px; }

.footer{ padding:20px 0;  line-height:24px}
.footer li { display:none; padding-left:2%;}
.footer li:last-child{ display: block; border-left:none;}


.newslist .item{ padding:10px 0 12px 0;}
.newslist .item .datetime .yueri{font-size:25px;}
.newslist .item .datetime .nian{font: 12px;}

.newslist .item .wenzi h3{ font-size:16px; line-height:25px; margin-bottom:5px;}
.newslist .item .wenzi p{ line-height:24px; font-size:15px;}

.newsxiang .dabiaoti h3{ line-height:28px; padding:0px 0 12px 0; }


.shangxia li{ float:none; line-height:30px; font-size:14px; }
.shangxia li:nth-child(2){ float:none; text-align:left; }

.nbanner{ height:200px;}
.nbanner02 .kuaiout {margin-top: 80px;}

.nbanner02 .kuaiout p{ font-size:15px; }
.nbanner02 .kuaiout h3{ font-size:20px;}
.nmain .conn {padding: 0px 0;}

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

.nmain02 .title02 h3{width:auto; padding:0 20px;}
.kehu .client-box{width:33.33%;float:left;}
.kehu{ margin-bottom:20px;}
.kehu .client-box:nth-child(1), .kehu .client-box:nth-child(2), .kehu .client-box:nth-child(3){border-top:0px;}
.kehu .client-box:nth-child(4), .kehu .client-box:nth-child(5){border:1px solid #ececec; }


.nmains .solleft{ float:none; width:100%;min-height:auto; margin-bottom:35px;}
.nmains .solleft h3{ line-height:30px; font-size:24px; margin-bottom:15px; padding-top:20px}
.nmains .solleft p{ line-height:24px; font-size:14px; margin-bottom:10px; color:#666;}

.nmains .solright{ float:none; width:100%;padding:2% 5% 30px 5%;}

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


.casede{float:none; width:100%; margin-bottom:30px;}
.prodetail .proright{ float:none; width:100%;}


.prolist .item{ float:left; width:48%; margin-bottom:2%; margin-right:0%; box-shadow: 0 0 10px #ccc;}
.prolist .item:nth-child(3n){ float:left; margin-right:0 }
.prolist .item:nth-child(3n+1){ clear:none; float:left}
.prolist .item:nth-child(2n){ float:right;}
.prolist .item:nth-child(2n+1){ clear:both}
}
@media screen and (max-width: 480px){



.title h3{ font-size:24px;}	

.about .abright .youshi li{ font-size:16px; line-height:42px;}
.about .abright .youshi li:nth-child(1){ background:url(../image/icon01.png) no-repeat left center; background-size:30px auto; padding-left:45px;}
.about .abright .youshi li:nth-child(2){ background:url(../image/icon02.png) no-repeat left center;background-size:30px auto; padding-left:45px;}
.about .abright .youshi li:nth-child(3){ background:url(../image/icon03.png) no-repeat left center;background-size:30px auto; padding-left:45px;}
.about .abright .youshi li:nth-child(4){ background:url(../image/icon04.png) no-repeat left center;background-size:30px auto; padding-left:45px;}

.nmain .abzuo .youshi li{ font-size:16px; line-height:42px;}
.nmain .abzuo .youshi li:nth-child(1){ background:url(../image/icon001.png) no-repeat left center; background-size:30px auto; padding-left:45px;}
.nmain .abzuo .youshi li:nth-child(2){ background:url(../image/icon002.png) no-repeat left center;background-size:30px auto; padding-left:45px;}
.nmain .abzuo .youshi li:nth-child(3){ background:url(../image/icon003.png) no-repeat left center;background-size:30px auto; padding-left:45px;}
.nmain .abzuo .youshi li:nth-child(4){ background:url(../image/icon004.png) no-repeat left center;background-size:30px auto; padding-left:45px;}

}