@charset "utf-8";

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



}



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

/*.symenu{width: 60%;}*/

.hea .return{display: none}

.ban{height: 280px}

.typemenu{height: 65px; line-height: 65px}

.ab-tit{font-size: 20px}

.ab-tit span{font-size: 26px}

.contactul{top: 10px}

.contactcon>div{height:400px!important; }

.header{ height:90px; }
.logos{ margin-top:20px; }
.logos img{ height:50px; }

.search{ margin-top:29px; }
.navlist{ font-size:14px; line-height:90px; }
.navlist li a{ padding:0 12px; }


}



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

.online{top: auto; bottom: 0}

.hea .sea .k{margin-left:17%}

.hea .sea{width:17%;}

.nav{width: 58%}

}



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

.container{ max-width:100%; width: 100%; padding-left: 10px; padding-right:10px }



}



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

	.gai{margin-left:40%;}

.indexbg .logo{min-width: 180px; top: 10px;left:10px;}

.indexbg .tel{top: 20px; right: 10px}

.indexbg .syfoot{bottom: 10px; left: 10px}

.symenu{width: 100%;}

.symenu li i{height: 80px; background-size: 80px!important}





.hea h1>a>img{width: 170px;}

.hea{height: auto;}

.hea h1>a{line-height: 60px}

.nav{margin-top: 15px; }

.nav li{margin-right: 5%}

.hea .sea{margin-top: 15px;width: 20%}

.hea .sea .k{margin-left:19%}



.ban{height: 230px}



.kyfwlistz>span{padding: 20px 0; font-size: 22px}

.kyfwlistzsheng>span{padding: 20px 0; font-size: 22px}



.xx02 li i{font-size: 40px}

.xx02 li b{margin: 10px 0}





/*改版*/

.header{ height:80px; }

.logos{ height:40px; margin-top:20px;}

.logos img{ height:40px;}



.navlist{  line-height:80px; font-size:14px;}

.navlist li a{ padding:0 10px; }

.search{ width:160px; padding:0 7px; height:26px; border-radius:13px; margin:27px 0 0 15px;}

.search .s01{ font-size:14px; line-height:26px; height:26px; padding:0 8px; width:120px; }

.search .s02{ width:26px; height:26px; }

.znav{top: 80px}





.vbinfo h3{ font-size:54px; }

.vbinfo p{ font-size:14px; padding:34px 0;}

.vbinfo:after{ width:70px; height:2px;}



.titi01{  margin:60px 0 35px 0;}

.titi01 h3{font-size:26px;}

.titi01 h3:after{ height:2px; width:52px; margin:12px auto 15px auto; }





.hxlist li i{ width:95px; height:95px; }

.hxlist li span{ line-height:50px; font-size:16px;}



.prodmain{ margin-bottom:60px;}

.hxinfo{ font-size:16px; margin:12px 0 24px 0;}



.hxprod{ padding:25px; }

.hxprod-prev,.hxprod-next{ width:33px; height:76px; margin-top:-38px; }

.hxprod .swiper-slide .img{ border-radius:10px;}

.hxprod .swiper-slide .txt h3{ font-size:16px; margin-top:12px;}

.hxprod .swiper-slide .txt p{ font-size:12px; margin-top:10px;}

.hxprod .swiper-slide .txt p:after{ width:12px; height:12px;}



.popularlist li h3{ font-size:14px;line-height:32px;}

.popularlist li .txt{ font-size:12px; margin:10px 0 40px 0;}



.footul li{font-size:12px; margin-bottom:15px;}



.footyzi>h6 span{ font-size:12px; }

.footyzi>h6.fico1 i{font-size:18px; letter-spacing:1px;}





.footy .ma{ font-size:12px;}

.footy .ma>img{ max-width:140px;}



.fcontact{ overflow:hidden; width:44%; }



.copy{padding: 10px 0; margin-top:1%; padding:1% 0; text-align:center; color:#737373; font-size:14px; border-top:1px solid #ededed;}





.zxzx img{width:200px;}

.online-list{ right:30px; margin-top:-135px;}

.online-list li{ width:60px; height:60px; margin:15px 0; }

.ontel{ top:5px; left:75px; height:50px; line-height:50px; font-size:20px; width:200px; border-radius:25px;}

.onwechat{left:75px; }

.online-list li:hover .onwechat{width:120px; height:120px; }





.prodpage{ margin-top:68px;}

.prodtit{  padding:15px 0;}

.prodtit h3{ font-size:26px;}



.prodnav{ margin-top:30px;}

.prodnav li{ margin-bottom:13px;}

.prodnav li .column{ height:50px; line-height:50px; font-size:16px; padding-left:72px; }
.prodnav li .pl20{ padding-left:15px;}

.prodnav li .column:before{ left:8px; width:50px; height:50px; }



.prodnav li .column:after{  width:16px; height:16px; margin-top:-8px; right:23px;  }





.sub{ padding:15px 0 0 0; }

.sub h3{ font-size:16px; line-height:36px; }

.sub h3 a{padding:0 15px; }

.sub2{ padding:0 15px 8px 15px;}

.sub2 a{ font-size:12px; line-height:24px; padding-left:15px;}

.sub2 a:after{ width:4px; height:4px; margin-top:-2px; left:4px; }





.rtop{ line-height:40px; }

.rtop h3{ font-size:26px; height:30px;  padding-left:25px;}

.rtop .weizhi{ font-size:12px;  padding-left:40px; }



.prodlist li{ padding:25px 0;}

.prodlist li .txt h3{ font-size:16px; }

.prodlist li .txt h3 a{padding-bottom:12px; }

.prodlist li .txt h3 a:after{ width:32px; height:2px;}



.prodlist li .txt p{ font-size:12px; margin-top:8px;}

.prodlist li .txt span{ width:120px; height:22px; line-height:20px; border-radius:11px; font-size:12px; margin-top:15px;}

.prodlist li .img{border-radius:8px; }



.paging{ margin:50px 0;}



.prodtop{ padding:20px 0 10px 0;}

.prodtop h1{ font-size:20px;}

.prodtop p{ font-size:12px; margin-top:10px;}



.prodshow{ padding:30px 0; }



.sxp{ padding:15px 0 40px 0;}



}



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

.gai{margin-left:43%;margin-top:-6%}

.proconsy .mai>span{padding: 0 10px}

.proconsys .mai>span{padding: 0 10px}

}



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

.nav{width: 58%;}

.nav li{margin-right: 4%}



.strength .item .num .num-item{height:45px;font-size: 45px;}

.strength .item p{font-size: 14px; margin-top: -8px;}



.xx01{width: 100%}

.xx03 li .y span{padding: 15px}

.xx03 li .y p{padding: 15px}

.cc01 p{width: 100%}

.cc02 {padding: 25px 0}



/*改版*/

.vbinfo h3{ font-size:46px; }

.vbinfo p{ font-size:14px; padding:30px 0;}

.vbinfo:after{ width:60px; height:2px;}



.titi01{  margin:50px 0 30px 0;}

.titi01 h3{font-size:22px;}

.titi01 h3:after{ height:2px; width:42px; margin:10px auto 12px auto; }





.hxlist li i{ width:80px; height:80px; }

.hxlist li span{ line-height:50px; font-size:14px;}



.prodmain{ margin-bottom:50px;}

.hxinfo{ font-size:14px; margin:10px 0 20px 0;}



.hxprod{ padding:20px;}

.hxprod-prev,.hxprod-next{ width:28px; height:64px; margin-top:-32px; }

.hxprod .swiper-slide{ width:32%;}



.popularlist li{ width:23%; margin:0 1%!important;}

.popularlist li h3{ font-size:14px;line-height:32px;}

.popularlist li .txt{ font-size:12px; margin:10px 0 30px 0;}





.prodpage{ margin-top:50px;}

.prodtit{  padding:12px 0;}

.prodtit h3{ font-size:22px;}



.prodnav{ margin-top:25px;}

.prodnav li{ margin-bottom:10px;}

.prodnav li .column{ height:42px; line-height:42px; font-size:16px; padding-left:50px; }
.prodnav li .pl20{ padding-left:10px;}
.prodnav li .column:before{ left:5px; width:40px; height:40px; }



.prodnav li .column:after{  width:14px; height:14px; margin-top:-7px; right:15px; }





.sub{ padding:12px 0 0 0; }





.rtop h3{ font-size:22px; height:24px;  padding-left:20px;}



.prodlist li{ padding:20px 0;}



.paging{ margin:40px 0;}



}





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

	.hea .sea{position: relative;width: 4%}

.hea .sea .k{display: none; position: absolute; top: 44px; right: 0; background: #2377d7;

border-radius: 0}

.nav{width: 68%;}

.nav li{margin-right:25px}

	.gai{margin-left:40%;margin-top:-1%}

	.proconx .t>span{height: 35px; line-height: 35px}

.proconm ul li{width: 31%}

	.proconsz{width: 55%}

.proconsy{width: 40%}

.proconsy .mai>span{margin-top: 10px}

.proconsy h1{font-size: 18px}

.proconsy .zi b{font-size: 16px}

.proconsy .zi{padding: 10px 0; line-height: 1.8}

.proconsy .mai{margin: 10px 0}



.proconsy .mai{line-height: inherit;}





.proconsys{width: 40%}

.proconsys .mai>span{margin-top: 10px}

.proconsys h1{font-size: 18px}

.proconsys .zi b{font-size: 14px}

.proconsys .zi{padding: 10px 0; line-height: 1.8}

.proconsys .mai{margin: 10px 0}



.proconsys .mai{line-height: inherit;}

	.zuo b{font-size: 18px}

.abnews li figure{width: 30%;}

.abnews li .abnewsy{width: 67%;}





/*改版*/

.navlist li a{ padding:0 8px; font-size:13px; }

.search{margin:27px 0 0 5px;}



}



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

	.nav{width: 71%;}

.nav li{margin-right:15px}

.typemenu{height: 45px; line-height: 45px}

.typemenu li a{padding: 0 20px}



.danwei .swiper-slide{width: 32%;}



.foot{padding-bottom:60px; padding-top: 0; border: none }

.footul, .footy, .copy{display: none}

.online{width: 100%; bottom: 0; left: 0}

.online li{margin-bottom: 0; width: 25%;}



.huod .swiper-slide{width: 32.3%;}



.kyfuwu li figure{height: 145px}

.kyfuwu li figure img{max-width: 95px;}



.kyfwlistz{width: 100%;}

.kyfwlistzsheng{width: 100%;}

.you{width: 100%;}

.kyfwlistzsheng>span{display: none}

.kyfwlistzsheng li{width: 33.33%; padding: 0; position: relative;}

.kyfwlistzsheng li span{padding:5px 0; text-align: center;}

.kyfwlistzsheng li p{padding:5px; position: absolute; top: 35px; left: 0;

background: #fff; z-index: 1; border: 1px solid #2377d7}



.brand .swiper-slide{width: 32%;}

.prom li{width: 23%; height: 40px; line-height: 40px}

.prom {width: 840px;overflow-x: auto;}

.proxia{width: 840px;overflow-x: auto;}



.jsfan{width: 90%;}

.jsdown li{padding: 10px 15px}



.tiaojiany{width: 91%;}

.tiaojiany a{margin-right: 10px}

.ztiaojian{margin-bottom: 10px}

.ztiaojian{width:100%}



.booky{width: 100%}

.zuo{width:100%}

.zuo li{width:20%;float:left;}

.strength .item p{height: 38px; line-height: 1.1}



/*改版*/

.zxzx{ display:none;}

.online-list{ position:fixed; left:0; bottom:0; top:auto; width:100%; margin-top:0;}

.online-list li{ width:25%; height:60px; margin:0; float:left; border-radius:0; border-right:1px solid #ffffff; }

.online-list li:last-child{ border:none;}

.online-list li>img{ height:60px; margin:0 auto; width:auto;}

.online-list li>a img{ height:60px; margin:0 auto; width:auto;}



.ontel{ top:5px; left:75px; height:50px; line-height:50px; font-size:20px; width:200px; border-radius:25px;}

.onwechat{left:auto; left:50%; margin-left:-60px; width:120px; height:120px; top:-120px; }

.online-list li:hover .ontel{ display:none; }

}



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

	.neirongs{width:100%;}

	.gai{margin-left:36%;margin-top:-4%}

.indexbg .logo{min-width: 120px;}

.indexbg .tel{background: none;}

.indexbg .tel i{display: block; text-align: right}

.indexbg .swiper-slide>span{min-width: 250px; top: 35%}

.indexbg .swiper-slide>span:after{margin: 5px 0; height: 2px}

.symenu li{width: 30%; margin-bottom: 10px; font-size: 16px;}

.symenu li i{height: 50px; background-size: 50px!important}

.booky>li{width:31.2%; margin-right:2%!important; }



.hea{height: 50px; position: fixed; top: 0; left: 0; z-index:13; }

.hea h1{text-align: center; width: 50%; margin: 0 auto; float: none;

position: absolute; left: 0; right: 0;}

.hea h1>a{line-height: 43px}

.hea h1>a>img{width: 140px;}

.hea .sea{margin-top: 10px;width: 8%}

.hea .sea .k{top: 39px}



.navbtn{position: absolute; left:10px; top:19px;

display: block; background: transparent; outline: none}

.navbtn span {display: block;width:26px;height:3px;background-color: #333333;

margin-left: calc(50% - 15px);margin-bottom:3px; transition: all .5s ease-out;transform-origin: 0 0;

-webkit-transition: all .5s ease-out; -webkit-transform-origin: 0 0;

-moz-transition: all .5s ease-out; -moz-transform-origin: 0 0;

-ms-transition: all .5s ease-out; -ms-transform-origin: 0 0;

-o-transition: all .5s ease-out; -o-transform-origin: 0 0;}

.navbtn.active{ background: #2377d7; padding: 2px}

.navbtn.active span{background: #fff;}

.navbtn.active span:nth-child(2) { opacity: 0;}

.navbtn.active span:first-child {transform: rotate(45deg) translate(4px, -5px);}

.navbtn.active span:last-child {transform: rotate(-45deg) translate(-1px, 6px);}

.nav{display: none;position: fixed;width:40%; height:100%;top:50px; 

	background: rgba(0,0,0,0.9); padding: 20px 0; z-index: 3;

left:-50%; transition: all .5s}

.nav.lef{left: 0}

.nav{top: 50px; margin-top: 0}

.nav li{width: 100%;color: #fff; line-height: 35px; margin-bottom: 15px;}

.nav li>a{ display: block;}

.nav li i{height: 2px}

.znav{display: none!important}

.ban{margin-top: 60px; height: 150px}



.online li{height: 55px}

.online li img{height: 25px;}

.online li.gotop img{height: 15px}



.typemenu{height: auto; line-height: 40px}

.typemenu ul{width: 100%;}

.typemenu li{width: 33.33%;}

.typemenu li a{padding: 0;font-size: 14px;}

.ab-tit{font-size: 16px}

.ab-tit span{font-size: 20px}



.abnews li figure{height: 120px}

.abnewsy .more{display: none}

.abnewsy p{margin-bottom: 0}

.neirong-t>h1{font-size: 18px}

.share{float: none; clear: both; display: block;}



.zhao p>span{height: 30px; line-height: 30px; width: 110px; font-size: 16px}

.zizhi li{width:50%;}

.contactul li{height: 40px; line-height: 40px}

.contactcon>div{height: 300px!important;}



.joinxia li{width: 100%;}

.joinxia li span{height: 35px}



.kyfuwu li figure{height: 90px}

.kyfuwu li figure img{max-width: 65px;}

.kyfuwu li .kyfuwuy .more{display: none}

.kyfuwu li .kyfuwuy p{margin-bottom: 0}



.kyfwlisty li figure{height: 130px;}

.kyfwlistysheng li figure{height: 130px;}

.kyfwlistysheng li .kyfuwuy .more{display: none}



.jsnews li span{display: none}

.jsdown li figure{width: 100%;}

.jsdown li .more{float: left;}



.php{

    top: 25%!important;

    left: 0!important;

    right: 0!important;

    width: 100%!important;

    height: 55%!important;

    margin: 0!important;

}



.you{width: 100%}

.zuo{width: 100%}

.zuo li{width: 31%; float: left; margin-right: 2%; background: none; text-align: center;

height: 35px; line-height: 35px}





.strength .item .num .num-item{height:30px;font-size: 30px;}



.xx01 .zi{padding: 10px}

.xx01 .zi>span:after{margin: 10px auto}

.xx01 .zi2{padding: 15px}

.xx02 li{width: 100%;margin-bottom: 20px;background:none;}

.xx02 li i{font-size: 30px;}

.xx02 li b{font-size: 16px;}

.xx03{padding: 15px 0}

.xx03 li .y span{padding: 5px;font-size: 16px}

.xx03 li .y p{padding: 5px}



.cc02{padding: 10px 0}

.cc02 .y{width: 100%; text-align: center;}

.cc02 .z b{font-size: 16px}

.cc02 .z b>img{width: 30px;height: 26px}

.cc02 .z p{margin: 10px 0}

.cc02 .z ul:before{margin-bottom: 10px}

.cc02 .z{width: 100%;}





/*技术团队*/

.tuan{padding: 0 10px;}

.tuan01{width: 100%;margin:30px auto;}

.tuan01 .z{display: none}

.tuan01 .y{width: 100%}

.tuan01 .y i{margin-top: 10px}

.tuan02{padding-bottom: 50px!important}

.tuan02 li b{font-size: 18px; margin:5px 0;}

.tuan02 .swiper-pagination-bullet{width: 10px; height: 10px;}

.tuan02 .swiper-pagination{bottom: 10px!important}

.tuan02zi{padding: 20px 0}

.tuan02zi .z{font-size: 30px;letter-spacing: 0}

.tuan02zi .y .t b{font-size: 16px;margin-bottom: 5px}

.tuan02zi .y{width: 87%}

.tuan02zi .y .txt{margin-top:20px}





/*改版*/

.header{ height:60px; position:fixed; width:100%; top:0; left:0;background:rgba(255,255,255,0.8); }

.logos{ height:30px; margin-top:15px;}

.logos img{ height:30px;}

.pclogo{ display:none;}
.waplogo{ display: block;}


.navlist{  display:none;}

.navlist li a{  }

.navlist li.cur a{ color:#ffffff; background:#184fa2;}

.search{ width:100%; padding:0 7px; height:36px; border-radius:13px; margin:27px 0 0 15px; display:none;}

.search .s01{ font-size:14px; line-height:36px; height:36px; padding:0 8px; width:80%; }

.search .s02{ width:20%; height:36px; }



.nav-toggle{ display:block;}

.search-btn{ display:block;}



.navlist{ width:100%; position:fixed; top:60px; left:0; border-top:1px solid #ffffff;}

.navlist li{ width:100%; margin:0; text-align:left; color:#ffffff;}

.navlist li>a{background-color: rgba(0,0,0,0.7);line-height:46px; padding:0 20px; font-size:16px;border-bottom:1px solid #ffffff; display:block;  }

.navlist li:hover>a{color:#ffffff;}

.homevideo video{ display:none;}

.videobj{ background:url(../images/wapbj.jpg) no-repeat center center; background-size:cover;}

.vbinfo{ text-align:center;}

.vbinfo h3{ font-size:32px; }

.vbinfo p{ font-size:14px; padding:20px 0;}

.vbinfo:after{ width:60px; height:2px; margin:0 auto;}



.titi01{  margin:20px 0 20px 0;}

.titi01 h3{font-size:20px;}

.titi01 h3:after{ height:2px; width:35px; margin:8px auto; }



.hxlist li{ width:25%;}

.hxlist li i{ width:60px; height:60px; }

.hxlist li span{ line-height:40px; font-size:14px;}



.nyban{ margin-top:60px;}

.prodmain{ margin-bottom:20px;}



.hxprod{ padding:10px;}

.hxprod-prev,.hxprod-next{ width:28px; height:64px; margin-top:-32px; }

.hxprod .swiper-slide{ width:48%;}



.popularlist li{ width:48%; margin:0 1%!important;}

.popularlist li .txt{ margin-bottom:20px;}



.prodpage{ margin-top:20px;}

.prodleft{ width:100%;}

.prodright{ width:100%; margin-top:20px;}

.rtop h3{ font-size:20px; line-height:40px; height:40px; background-size:auto 50%;}

.paging{ margin:30px 0;}



.prodshow{ padding:20px 0; }



.sxp{ padding:10px 0 30px 0;}

.sxp p{ width:100%; padding:5px 0;}

.sxp p.fr{ text-align:left;}



}



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

	.xia{margin-bottom: 70px}



	.zizhi li img{height:160px}

	.gai{margin-left:40%;margin-top:-5%}

.proconm ul{padding: 10px}

.proconm ul li{width:48%}

	.proconsz{width: 100%;margin-bottom: 20px}

.proconsy{width: 100%}

.proconsys{width: 100%}

.abnews li figure{width: 40%; height: 110px}

.abnews li .abnewsy{width: 57%;}

.jointu2{max-width: 90%}



.booky-sea{width: 75%}

.booky>li{width: 48%}



.danwei .swiper-slide{width: 48%;}

.huod .swiper-slide{width: 48%;}

.tiaojiany{width: 85%;}

.kyfwlisty li figure{width: 40%;}

.kyfwlistysheng li figure{width: 40%;}

.kyfwlisty li .kyfuwuy{width: 57%;}

.kyfwlistysheng li .kyfuwuy{width: 57%;}

.zuo li{width: 48%}

.contactul{width: 70%; top:5px}

.contactul li{width: 50%;}



.brand .swiper-slide figure{box-shadow: 3px 3px 0px #e7e6e4}

.brand .swiper-slide p{margin-top: 10px}

.jsdown li{padding: 10px 5px;}

.wximg{ width:90px; margin-top:-45px; }

}



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

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

.gai{margin-left:50%;margin-top:-7%}

.indexbg .swiper-pagination-bullet{width: 10px; height: 10px}

.symenu li i{margin-bottom: 0px}

.ban{height: 130px}

.danwei .swiper-slide{height: 80px}

.danwei .swiper-slide img{max-height: 65px}

.contactul li{width: 33.33%;}

.joinxia .shen{padding:5px 30px}



.kyfuwu li figure{width: 25%; height: 80px}

.kyfuwu li .kyfuwuy{width: 70%;}

.kyfuwuy span:after{margin: 3px 0}

.kyfuwu li .kyfuwuy span:after{margin: 5px 0}



.kyfwlistz li{width: 50%;}

.kyfwlistzsheng li{width: 50%;}

.kyfwlisty li figure{height: 105px}

.kyfwlistysheng li figure{height: 105px}



.brand .swiper-slide{width: 48%;}

.jsfan{width:95%;}



.jsfan p select.xk{width: 55%;}

.kefu{ right:5px; }
.kefu .img2{ display:block; }
.kefu .img1{ display:none; }


}