@charset "utf-8";
.m-foot{ position:fixed; width:100%; height:50px; left:0; bottom:0;background:#323a41; 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}



@media screen and (max-width: 1600px){
.header .menu li .menu_a{ display:block; margin:0 20px;}
.header .logo{ left:1.5%; }
.header .tel{ right:calc(1.5% + 80px);}
.header .menu{margin-left:calc(1.5% + 270px);}
.header .mmbtn{ right:1.5%; }

.nbanner { width:110%; margin-left:-5%}
.nbanner .text h3{ line-height:45px; font-size:34px; margin-bottom:5px;}
.nbanner .text p{ font-size:22px;}

.protopnav .wrap{ width:100% !important; }
}
@media screen and (max-width: 1400px){
.header .menu li .menu_a{ display:block; margin:0 15px;}
.header .menu{margin-left:calc(1% + 220px);}
.header .tel{ right:calc(1% + 60px);}
.header .mmbtn{ right:1.5%; }

#index-bnr .bnr-img{height:550px;overflow:hidden;}
#index-bnr .swiper-pagination{font-size:0px;bottom:25px;}
.iBnr3-box .t1{font-size:40px; margin-bottom:15px;}
.iBnr3-box .t2{font-size:18px; }

.section{ padding:60px 0;}
.section02{ padding:80px 0;}
.section03{ padding:0 0 80px 0;}
.section04{ padding:40px 0}

body{font-size:15px; line-height:28px;}

.newsxiang .newstitle h3{ font-size:24px; margin-bottom:10px;}

.title{ margin-bottom:15px;}
.title h3{ line-height:30px; font-size:32px; margin-bottom:5px;}
.title p{ font-size:18px;}

.title02 h3{font-size:30px; margin-bottom:5px;}

.iabout .title h3{ line-height:24px; font-size:26px; margin-bottom:5px;}
.iabout .title p{ font-size:16px;}
.nabout .title h3{ line-height:24px; font-size:26px; margin-bottom:5px;}

.prolist .wenzi h3{ font-size:24px;margin-bottom:15px;}
.prolist .wenzi h4{ font-size:18px;}
}

@media screen and (max-width: 1359px){
.topnav li a{ padding:0px 22px;}	

}
@media screen and (max-width: 1160px){
.header .menu li .menu_a{ display:block; margin:0 10px;}
.header .tel{ display:none}

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

.banner{ margin-top:100px; }
.nbanner{ margin-top:100px;}

#a01{ position: absolute;  margin-top:-100px;}
#a02{ position:absolute; margin-top:-100px;}
#a03{ position:absolute; margin-top:-100px;}
#a04{ position:absolute; margin-top:-100px;}
#a05{ position:absolute; margin-top:-100px;}

.header .logo img{ height:50px;margin-top:-25px;}

#index-bnr .bnr-img{height:450px;overflow:hidden;}
#index-bnr .swiper-pagination{font-size:0px;bottom:20px;}
.iBnr3-box .t1{font-size:36px; margin-bottom:15px;}
.iBnr3-box .t2{font-size:18px; }



.nnews .newskuai .wenzi p{ height:56px}



.iabout .conn{ font-size:16px;}

.iabout .iabother .wenzi h3{ font-size:22px; line-height:35px;}


.iproducts .kuai .wenzi h3{ font-size:22px; font-weight:bold; margin-bottom:10px;}
.iproducts .kuai:nth-child(1) h3{font-size:22px;margin-bottom:10px;}
.iproducts .kuai:nth-child(1) .wenzi p{ display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp:2;overflow: hidden; margin-bottom:10px;}

.iapp .conn {padding: 40px 0 30px 0;}

.iapp .conn li .wenzi h3{  font-size:22px; margin-bottom:5px; }
.iapp .conn li .wenzi p{ font-size:17px;}

.inews li .wenzi .time{ font-size:13px; margin:10px 0 5px 0}
.inews li .wenzi h3{ font-size:22px;}

.inews .conn {padding-top: 5px;}

.isupport li .wenzi h3{ font-size:22px; margin-bottom:5px;}

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

.nbanner { width:120%; margin-left:-10%}
.nbanner .text h3{ line-height:45px; font-size:32px; margin-bottom:5px;}
.nbanner .text p{ font-size:20px;}

.nabout02 .nbleft h2{ font-size:32px; margin-bottom:10px}

.topnav li a, .topnav02 li a{ display:block;padding:0px 15px;}



.nproshow .prowenzi h3{ font-size:32px; margin-bottom:5px;}
.nproshow .prowenzi span{ margin-top:10px; font-weight:bold; font-size:22px; line-height:32px;}

.nsupport .kuai{ margin-bottom:40px;}

.nsupport .kuai .wenzi .xtitle h3{ font-size:28px; }
.nsupport .kuai .wenzi .xtitle p{ font-size:17px;}
.nsupport .kuai .wenzi .conn h3{ font-size:22px;}

.nsupport .kuai .wenzi{ padding:35px 0;}
.nnews .newskuai .wenzi h3{ line-height:35px; font-size:22px;margin-bottom:10px;}


.newsxiang .newstitle h3{ font-size:22px;}
.solxiang .sollist{ margin-top:40px;}
}
@media screen and (max-width:920px){
.header .menu{ display:none}
.header{ height:90px;}
.header .logo{ height:90px;}
.header .menu li .menu_a{ line-height:90px;}
.float_kf{ display:none}

.banner{ margin-top:90px; }
.nbanner{ margin-top:90px;}
.header .logo img{ height:45px;margin-top:-22px;}

#index-bnr .bnr-img{height:350px;overflow:hidden;}
#index-bnr .swiper-pagination{font-size:0px;bottom:15px;}
.iBnr3-box .t1{font-size:32px; margin-bottom:15px;}
.iBnr3-box .t2{font-size:18px; }

.section{ padding:40px 0;}
.section02{ padding:60px 0;}
.section03{ padding:0 0 60px 0;}
.section04{ padding:40px 0}

.title h3{ line-height:30px; font-size:30px; margin-bottom:0px;}
.title p{ font-size:18px;}

.title02 h3{font-size:30px; margin-bottom:0px;}

.iabout .conn{ font-size:16px;}

.more{ width:100px; line-height:30px;}

.iproducts .kuai .wenzi h3{ font-size:20px;}
.iproducts .kuai:nth-child(1) h3{font-size:20px;}

.iproducts .kuai:nth-child(1) .wenzi{ float:left; width:46%; padding:25px 3% 25px 3% !important}
.iproducts .kuai .wenzi{ padding:0px 3% 25px 3%}

.iapp .conn li .wenzi h3{  font-size:20px;}
.iapp .conn li .wenzi p{ font-size:16px;}

.inews li .wenzi h3{ font-size:20px;}
.isupport li .wenzi h3{ font-size:20px;}
.footer li:nth-child(1) img{ width:160px}
.footer li:nth-child(6) img{ width:100px}
.footer li{ display:none}
.footer li:nth-child(1), .footer li:nth-child(6){ display:block}
.copyright { padding:18px 0; margin-bottom:50px;}
.m-foot{ display:block}




.iBnr3-box{top:10%;}

.nbanner { width:130%; margin-left:-15%}
.nbanner .text h3{ line-height:35px; font-size:30px; margin-bottom:0px;}
.nbanner .text p{ font-size:18px;}

.nabout02 .nbleft h2{ font-size:30px; margin-bottom:5px}

.topnav02 li{ line-height:48px; height:48px;}
.topnav02 ul{ height:48px;}

.topnav{ position:relative; z-index:2}
.topnav ul{ text-align:center; vertical-align: auto;display:flex; display:-webkit-flex;}
.topnav li{ display:block;margin:0; padding:0; float:left; line-height:48px; height:48px;font-size:16px;position:relative}
.topnav li a{white-space:nowrap;padding:0px 15px;}
.topnav{ height:48px; line-height:48px;}
.topnav .wrap{ overflow-x:auto;overflow-y: hidden; width:100%;}
.topnav ul{ height:48px;}

.prolist .wenzi h3{ margin-bottom:5px;}
.prolist .wenzi h4{ font-size:17px;}

.nproshow .prowenzi{ padding-top:20px;}

.nproshow .prowenzi h3{ font-size:30px;}
.nproshow .prowenzi span{ font-size:20px;}
.tuijian .kuai .wenzi h3{ font-size:22px;}

.nsupport .kuai{ margin-bottom:30px;}

.nsupport .kuai .wenzi .xtitle h3{ font-size:26px; }
.nsupport .kuai .wenzi .xtitle p{ font-size:16px;}
.nsupport .kuai .wenzi .conn h3{ font-size:20px;}

.nsupport .kuai .wenzi{ padding:15px 0;}

.down .conn{ padding-top:10px}

.down .wenzi h3 { font-size: 20px;margin: 20px 0 10px 0;}

.nnews .newskuai .wenzi .shijian{ font-size:13px;}
.nnews .newskuai .wenzi h3{ line-height:35px; font-size:20px;margin-bottom:5px;}
.nnews .newskuai .wenzi .more{ margin-top:20px;}


.newsxiang .newstitle p{ font-size:13px}

.newsxiang .conn{margin: 30px 0;}

.solutionlist li .wenzi{ font-size:18px; padding:10px 0; }

.solxiang h3 {font-size: 20px;margin-bottom: 10px;}




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

.solxiang .sollist{ margin-top:30px;}

.partner li{ float:left; width:14.66%; margin:0 1%; position:relative;line-height:0;}
.partner li:nth-child(9){ margin-left:1%;}
.partner li:nth-child(7){ margin-left:9.33%;}
.partner li:nth-child(12){ margin-left:17.66%;}
}
@media screen and (max-width: 640px){
	
.header{ height:80px;}
.header .logo{ height:80px;}
.header .menu li .menu_a{ line-height:80px;}

.banner{ margin-top:80px; }
.nbanner{ margin-top:80px;}
.header .logo img{ height:40px;margin-top:-20px;}
.header .mmbtn .inbox {padding-top: 16px;}

#index-bnr .bnr-img{height:300px;overflow:hidden;}
.iBnr3-box .t1{font-size:30px; margin-bottom:15px;}
.iBnr3-box .t2{font-size:16px; }

.section{ padding:40px 0;}
.section02{ padding:40px 0;}
.section03{ padding:0 0 40px 0;}
.section04{ padding:40px 0}

body{font-size:14px; line-height:26px;}
.nnews .newskuai .wenzi p{ height:52px}

.title{ margin-bottom:10px;}
.title h3{ font-size:28px; }
.title p{ font-size:16px;}

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

.iabout .iabother .wenzi h3{ font-size:20px; line-height:30px;}
.iabout .iabother li{ float:none; width:100%; margin-right:0%; margin-bottom:20px}
.iabout .iabother .wenzi p{ min-height:auto}


.iproducts .kuai:nth-child(1) .pic{ float:none; width:100%;}
.iproducts .kuai:nth-child(1) .wenzi{ float:none; width:94%; padding:0 3% 25px 3% !important}
.iproducts .kuai:nth-child(2), .iproducts .kuai:nth-child(3), .iproducts .kuai:nth-child(4){ width:100%; margin-right:0%; float:none; margin-bottom:20px;}

.iapp .conn {padding: 20px 0 10px 0;}
.iapp .conn li{ float:left; width:33.33%; margin-bottom:20px;}
.iapp .conn li:nth-child(4){ margin-left:16.66%}

.iapp .conn li .wenzi h3{  font-size:18px;}
.iapp .conn li .wenzi p{ font-size:14px;}

.inews li{ float:none; width:100%; margin-right:0%; margin-bottom:20px;}
.inews li .wenzi h3{ font-size:18px; height:auto}

.isupport li .wenzi h3{ font-size:18px;}

.isupport li{ float:none; width:94%; padding:3%; }
.isupport li:nth-child(2n){ float:none;}

.footer{ padding:25px 0 ;}

.nbanner { width:140%; margin-left:-20%}
.nbanner .text h3{ line-height:35px; font-size:26px;}
.nbanner .text p{ font-size:18px;}
.nbanner .text{ margin-top:-30px; }


.nabout .pic{ width:100%; float:none; display:none}
.nabout .conn{ margin-top:20px;}
.nabout .nbleft{ width:100%; float: none;}
.nabout02 .pic{ width:100%; float:none}
.nabout02 .conn{ margin-top:20px; }
.nabout02 .nbleft{ width:100%; float: none;padding-top:20px; font-size:20px;}

.nabout02 .nbleft h2{ font-size:24px;}





.head-menu{max-width: 320px;}

.head-menu .menu-box .mlist .lim .word{font-size: 18px;}

.prolist .pic{ float:none; width:100%; margin-bottom:20px}
.prolist .wenzi{ float:none; width:100%;}

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

.prolist:nth-child(2n) .pic{ float:none}
.prolist:nth-child(2n) .wenzi{ float:none}

.prolist .wenzi h3{ font-size:26px;}
.prolist .wenzi h4{ font-size:17px;}

.nproshow .pro-switch{ float:none; width:calc(100% - 2px); border:solid 1px #ddd}
.nproshow .prowenzi{ float:none; width:100%; padding-top:20px;}


.nproshow .prowenzi h3{ font-size:26px;}
.nproshow .prowenzi span{ font-size:18px;}
.tuijian .conn{ margin-top:20px;}

.tuijian .kuai{ width:calc(100% - 2px); margin-right:0%; float:none; border:solid 1px #ddd; margin-bottom:20px}
.tuijian .kuai:nth-child(3n){ margin-right:0%}

.tuijian .kuai .wenzi h3{ font-size:20px;}

.tuijian .kuai .wenzi{ padding:0px 15px 20px 15px}


.nsupport .kuai .pic{ float:none; width:100%;}
.nsupport .kuai .wenzi{ padding:20px 0; float:none; width:100%}
.nsupport .kuai:nth-child(2n) .pic{ float:none}
.nsupport .kuai:nth-child(2n+1) .wenzi{ float:none}

.nsupport .kuai .wenzi .xtitle h3{ font-size:24px; }
.nsupport .kuai .wenzi .xtitle p{ font-size:15px;}
.nsupport .kuai .wenzi .conn h3{ font-size:18px;}
.nsupport .kuai{ margin-bottom:10px;}

.down li{ margin-top:2%; width:100%; float:none; }
.down li:nth-child(2){ margin-top:2%}

.down .wenzi{ position:relative; width:55%; left:auto; float:right}
.down .wenzi h3 { font-size: 18px;margin: 15px 0 5px 0;}
.down .wenzi .more{ position:relative; margin:20px 0; bottom:auto}

.nnews .newskuai .pic{ float:none; width:calc(100% - 2px); border:solid 1px #ddd; margin-bottom:15px}
.nnews .newskuai .wenzi{ float:none; width:100%; padding: 1% 0%;}

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



.newsxiang .conn{margin: 20px 0;}

.shangxia li{ float:none; text-align:left;}
.shangxia li:nth-child(2n){ float:none; text-align:left;}

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

.solutionlist li .wenzi{ font-size:17px; padding:8px 0; }

.solxiang h3 {font-size: 18px;}

.solxiang .sollist li{ float:left; width:48%;}
.solxiang .sollist li:nth-child(3n+1){ clear:none}
.solxiang .sollist li:nth-child(2n){ float:right}
.solxiang .sollist li:nth-child(2n+1){ clear:both}

.solxiang .sollist{ margin-top:20px;}



.lianxi li{ float:left; width:50%;}
.lianxi li:nth-child(2n){ margin-right:0}
.lianxi li:nth-child(2n+1){ clear:both}
.lianxi li .icon{ width:60%; max-width:100px; margin:0 auto;}
.lianxi li .wenzi{ font-size:16px; text-align:center; margin:10px 0 25px 0;}

.message .row2 .colum{ width:43%}

.message {margin: 20px auto 0 auto;}
}
@media screen and (max-width: 480px){
.header{ height:75px;}
.header .logo{ height:75px;}
.header .menu li .menu_a{ line-height:75px;}

.banner{ margin-top:75px; }
.nbanner{ margin-top:75px;}
.header .logo img{ height:37px;margin-top:-19px;}	

#index-bnr .swiper-pagination{bottom:0px;}
#index-bnr .bnr-img{height:280px;overflow:hidden;}
.iBnr3-box .t1{font-size:24px; margin-bottom:0px;}
.iBnr3-box .t2{font-size:15px; }

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

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

.iabout .conn{ font-size:14px;}

.iproducts .kuai .wenzi h3{ font-size:18px;}
.iproducts .kuai:nth-child(1) h3{font-size:18px;}

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

.nabout02 .nbleft{font-size:18px;}



.nabout02 .nbleft h2{ font-size:20px;}

.prolist .wenzi h3{ font-size:24px;}
.prolist .wenzi h4{ font-size:16px;}

.nproshow .prowenzi h3{ font-size:24px;}
.nproshow .prowenzi span{ font-size:16px;}
.tuijian .kuai .wenzi h3{ font-size:18px;}

.nsupport .kuai .wenzi .xtitle h3{ font-size:22px; }
.nsupport .kuai .wenzi .xtitle p{ font-size:15px;}
.nsupport .kuai .wenzi .conn h3{ font-size:17px;}

.nsupport .kuai .wenzi .wenziin{ width:100%; }

.newsxiang .newstitle h3{ font-size:20px;}

.title02 p{ font-size:13px;}

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



}