﻿
/* CSS Document */
@media screen and (max-width:1399px) {
.container{width:96%; margin:0 2%;}
.s2 .text{zoom: 0.9;}
.s2 .text .pic{display: none;}
.s2 .picture .img2{display: none;}
.s2 .picture{zoom: 0.9;padding-top: 0;}
.s4 .text{zoom: 0.9;}
.s4 .text .pic{display: none;}
.s4 .picture{zoom: 0.9;}
	
}
@media screen and (max-width:1024px) {
.head .nav{display: none;}
.footer .content-a{float: none;width: 100%;}
.footer .content-b{float: none;width: 100%;}
.s3 .swiper-s3 .text{zoom: 0.8;top: 25vh;}
.s2 .text{width: 50%;}
.s2 .picture{width: 45%;}


}
@media screen and (max-width:768px) {
.head .logo{margin-left: 2%;}
.head{height: auto;}
.head .logo{line-height: 60px;}
.head .tit{width: 60px;height: 60px;}
.head .search-box{margin-top: 21px}
.head .tit span.line01{top: 18px;}
.head .tit span.line02{top: 28px;}
.head .tit span.line03{top: 38px;}
.head .tit.on{background-size: 50px;}
.nav-box{width: 70%;margin-top: 60px;padding-left: 80px;padding-top: 20px;}
.nav-box li{font-size: 14px;padding-bottom: 0;}
.nav-box li h2{font-size: 15px;margin-bottom: 0;}
.nav-box li h2 span{font-size: 18px;top: 1px;margin-right: 10px;}
.nav-box li p{padding-left: 35px;}
.bg{top: 60px;z-index: 9;}




#fp-nav{display:none;}
.s1 .swiper-lun{}
.s2 .text{float: none;width: 100%;}
.s2 .picture{float: none;width: 80%;margin: 0 auto;margin-top: 20px;}
.s2 .text .t-t,.s3 .swiper-s3 .text .t-t,.s4 .text .t-t{line-height: 1.3;font-size: 30px;}
.s2 .text .t-t h3,.s3 .swiper-s3 .text .t-t h3,.s4 .text .t-t h3{font-size: 40px;}
.s3 .swiper-s3 .text{width: 81%;height: auto;}
.s2 .text .info{font-size: 15px;margin-top: 25px;}
.s2 .text .more{margin-top: 30px;}
.s3 .paging-s3{width: 100%;bottom: 10px;text-align: center;left: 0;}
.s3 .paging-s3 span{display: inline-block;}
.s3 .swiper-s3 .text{padding: 60px 0;}
.s3 .swiper-s3 .text .info{width: 100%;}
.s3 .swiper-s3 .text .more{zoom: 0.9;}
.s4 .text{float: none;width: 100%;}
.s4 .picture{float: none;width: 65%;margin: 0 auto;margin-top: 20px;background-size: 60%;padding-top: 50px;padding-right: 50px;}
.s4 .text .info{font-size: 15px;margin-top: 25px;}
.s4 .text .more{margin-top: 30px;}
.footer .content-b dl .lm{min-height: 112px;}
.footer .content-b dl{line-height: 2;}
.footer .content-b dl h2{font-size: 14px;}
.footer{padding: 30px 0;}
.footer .content-a .lx{margin-top: 15px;}
.footer .content-a .share{display: none;}
.copyright{text-align: center;}
.ban{height: 200px;margin-top: 60px;}
.ban-2{height: 150px;margin-top: 60px;}
.activity .content{padding: 50px 0;}
.activity .content .text{float: none;width: 100%;margin-top: 0;}
.activity .content .text .t-t,.team .content .text .t-t,.recruit .content-a .text .t-t,.contact .content .t-t,.Group .content-a .t-t,.Group .content-c .t-t,.Group .content-b .t-t{line-height: 1.3;font-size: 30px;}
.activity .content .text .t-t h3,.team .content .text .t-t h3,.recruit .content-a .text .t-t h3,.contact .content .t-t h3,.Group .content-a .t-t h3,.Group .content-c .t-t h3,.Group .content-b .t-t h3,.business .content .text .t-t h3{font-size: 40px;}
.activity .content .text .info{line-height: 1.8;}
.activity .content .text .info .w-1{font-size: 15px;}
.activity .content .text .info .w-2{font-size: 15px;}
.activity .content .text .info .w-3{margin-top: 30px;}
.activity .content .text .info .w-3 li{display: block;width: 100%;margin-right: 0;margin-bottom: 10px;}
.activity .content .text .info .w-3 li img{width: 100%;}
.activity .content .picture{float: none;width: 100%;}
.team{padding-bottom: 60px;}
.team .content{padding: 50px 0;}
.team .content .text .info{line-height: 1.8;}
.team .content .text .info .w-1{font-size: 15px;}
.team .content .text .info .w-2{font-size: 15px;}
.team .content .picture{margin-top: 30px;}
.team .join{height: auto;padding: 50px 5%;}
.team .join .text{line-height: 1.8;font-size: 15px;}
.team .join .text h3{font-size: 30px;}
.team .join .more{zoom: 0.8;}
.recruit .content-a{padding: 50px 0;}
.recruit .content-a .text .info{line-height: 1.8;}
.recruit .content-a .text .info .w-1{font-size: 15px;}
.recruit .content-a .text .info .w-2{font-size: 15px;}
.recruit .content-b{padding: 50px 0;}
.recruit .content-b .t-t h3{font-size: 30px;}
.recruit .content-b .t-t{line-height: 1.8;padding: 0;font-size: 14px;}
.contact{padding: 50px 0;}
.contact .content .box{margin-top: 50px;padding-left: 0;}
.contact .content .box .text{width: 90%;margin: 0 auto;padding-top: 30px;}
.contact .content .box .ewm{width: 90%;margin: 0 auto;}
.contact .content .box .text .w-1{font-size: 22px;}
.contact .content .box .text .info li{margin-bottom: 10px;}
.contact .content .box .text .w-1{padding-left: 20px;}
.contact .content .box .text .info{padding-left: 20px;margin-top: 20px;}
.listnav li{width: 30%;font-size: 14px;}
.Group .content-a{height: auto;padding: 30px 10px;}
.Group .content-a .text{float: none;width: 100%;padding: 0 2%;}
.Group .content-a .picture{float: none;width: 100%;}
.Group .content-a .text .info{line-height: 1.8;margin-top: 30px;}
.Group .content-a .text .info .w-1{font-size: 15px;}
.Group .content-a .text .info .w-2{font-size: 15px;}
.Group .content-b .picture{float: none;width: 100%;height: 400px;}
.Group .content-b .text{float: none;width: 100%;position: static;height: auto;line-height: 1.8;padding: 30px 15px;margin-top: 20px;}
.Group .content-b .text .w-1{font-size: 15px;}
.Group .content-b .text .w-2{font-size: 15px;}
.Group .content-c .t-t p{font-size: 14px;padding-top: 15px;}
.Group .content-c .box{margin-top: 0;}
.Group .content-c .box li{width: 31.33%;margin: 5% 1%;height: auto;}
.Group .content-c{padding: 50px 0;}
.Group .content-b .picture .bei{bottom: auto;}
.business .content .text{margin: 50px 0;}
.business .content .text .t-t{display: block;width: 100%;text-align: center;float: none;font-size: 26px;}
.business .content .text .info{float: none;width: 100%;border: 0;padding-left: 0;margin-top: 30px;}
.business .content .text .info .w-1{font-size: 15px;margin-bottom: 20px;}
.business .content .text .info .w-2{font-size: 15px;}
.business .content{padding-bottom: 60px;}
.recruit .content-b .box{width: 1200px;}



}
@media screen and (max-width:414px) {}
@media screen and (max-width:375px) {
.s2 .text .t-t,.s3 .swiper-s3 .text .t-t,.s4 .text .t-t{line-height: 1.3;font-size: 22px;}
.s2 .text .t-t h3,.s3 .swiper-s3 .text .t-t h3,.s4 .text .t-t h3{font-size: 34px;}
.head .search-box{margin-right: 70px;}
.s2 .text .more,.s3 .swiper-s3 .text .more,.s4 .text .more{zoom: 0.8;}
.s2 .text .info{font-size: 14px;}
.s3 .swiper-s3 .text{width: 87.6%;}
.s3 .swiper-s3 .text .info{font-size: 14px;padding: 0 2%;}
.s4 .picture{width: 60%;}
.s4 .text .info{font-size: 14px;}
.footer .content-a .lx{font-size: 13px;}
.current li{font-size: 14px;}
	
	
	
	
	
	
}