/*banner*/
.ban-box{width: 100%;position: relative;}
.ban-box .banner{width: 100%;}
.ban-box .down{position: absolute;width: 60px;left: 50%;margin-left: 30px;bottom: 8%;display: block;
	animation: myDown 2s linear 2s infinite alternate;-webkit-animation: myDown 2s linear 2s infinite alternate;
	-moz-animation: myDown 2s linear 1s infinite alternate;-ms-animation: myDown 2s linear 2s infinite alternate;
	-o-animation: myDown 2s linear 2s infinite alternate;}
@keyframes myDown{
	0%   {bottom: 8%;}
	50%  {bottom: 7%;}
	100%  {bottom: 8%;}
}

.ban-box .down img{width: 100%;}

@media screen and (max-width: 1500px){
	.ban-box{margin-top: 50px;}
}

@media screen and (max-width: 1200px){
	.ban-box{margin-top: 100px;}
}

@media screen and (max-width: 1000px){
	.ban-box .down{bottom: 7%;}
}

@media screen and (max-width: 900px){
	.ban-box .down{display: none;}
}

@media screen and (max-width: 420px){
	.ban-box{margin-top: 80px;}
}

/*#coop*/
#coop{padding: 60px 0;width: 90%;margin: 0 auto;}
#coop .swiper-wrapper{width: 100%;}
#coop .swiper-slide{width: 15%;display: inline-block;vertical-align: middle;}
#coop .swiper-slide img{width: 90%;margin: 0 auto;max-width: 240px;}
#coop .swiper-button-prev{background-image: url(../images/left.png);left: 0;opacity: 0.2}
#coop .swiper-button-next{background-image: url(../images/right.png);right: 0;opacity: 0.2}
#coop .swiper-button-prev,#coop .swiper-button-next{opacity: 0;filter: alpha(opacity=0);
	transition: all 0.5s linear;-webkit-transition: all 0.5s linear;-moz-transition: all 0.5s linear;
	-ms-transition: all 0.5s linear;-o-transition: all 0.5s linear;}
#coop:hover .swiper-button-prev,#coop:hover .swiper-button-next{opacity: 0.5;
	filter: alpha(opacity=100);}
#coop .swiper-button-prev:hover,#coop .swiper-button-next:hover{opacity: 1;}

@media screen and (max-width: 420px){
	#coop .swiper-button-prev,#coop .swiper-button-next{width: 20px;background-size: 20px auto !important;}
}

/*bra-box品牌全览*/
.bra-box{width: 100%;}
.bra-tit{width: 100%;height: 200px;background: url(../images/bg.jpg) no-repeat 0 0 fixed;background-size: cover;
	overflow: hidden;}
.bra-tit h2{font-size: 32px;color: #fff;width: 80%;margin: 0 auto;text-align: center;margin-top: 50px;}
.bra-tit h2 span{font-size: 24px;}
.bra-tit img{margin: 0 auto;margin-top: 20px;}
.bra-box .swiper2{width: 90%;margin: 0 auto;margin-top: 55px;padding-bottom: 90px;}
.swiper2 .swiper-slide{width: 25%;}
.swiper2 .swiper-slide a{display: block;width: 86%;margin: 0 auto;}
.swiper2 .swiper-slide .bra-pic{width: 90%;background: url(../images/bg2.png) no-repeat 92% 68%;
	background-size: 90% auto;padding: 10px;margin: 0 auto;}
.swiper2 .swiper-slide .bra-pic img{width: 94%;margin: 0 auto;transition: all 0.5s linear;
	-webkit-transition: all 0.5s linear;-moz-transition: all 0.5s linear;-ms-transition: all 0.5s linear;
	-o-transition: all 0.5s linear; border-radius:50%; overflow:hidden; height:100% !important;}
.swiper2 .swiper-slide .bra-pic:hover img{transform: scale(1.05);-webkit-transform: scale(1.05);
	-moz-transform: scale(1.05);-ms-transform: scale(1.05);-o-transform: scale(1.05);opacity: 0.9;
	filter: alpha(opacity=90);}
.swiper2 .swiper-slide .bra-info{text-align: center;margin-top: 30px;}
.swiper2 .swiper-slide .bra-bra{width: 60%;margin: 0 auto;min-width: 150px;}
.swiper2 .swiper-slide p{font-size: 16px;color: #999;margin-top: 20px;line-height: 24px;}
.swiper-pagination2{}
.swiper-pagination2 .swiper-pagination-bullet{width: 14px !important;height: 14px !important;
	background: #ccc !important;margin: 0 8px !important;}
.swiper-pagination2 .swiper-pagination-bullet-active{background: #333 !important;}



@media screen and (max-width: 1200px){
	.swiper2 .swiper-slide .bra-pic{background: url(../images/bg2.png) no-repeat 90% 63%;
		background-size: 88% auto;}
}

@media screen and (max-width: 768px){
	.bra-tit{height: 180px;}
	.bra-tit h2{margin-top: 40px;}

}

@media screen and (max-width: 640px){
	.bra-tit{height: 160px;}
	.bra-tit h2{margin-top: 30px;}
	.bra-box .swiper2{padding-bottom: px;margin-top: 30px;}
}

@media screen and (max-width: 420px){
	.bra-tit{height: 140px;}
	.bra-tit h2{margin-top: 20px;font-size: 28px;}
	.bra-tit h2 span{font-size: 20px;}
	.bra-tit img{width: 170%;}
	.bra-box .swiper2{padding-bottom: 50px;}
	.swiper2 .swiper-slide .bra-info{margin-top: 15px;}
	.swiper2 .swiper-slide p{margin-top: 10px;font-size: 14px;}
	.swiper2 .swiper-slide .bra-pic{background: url(../images/bg2.png) no-repeat 60% 72%;
	background-size: 70% auto;}
	.swiper2 .swiper-slide .bra-pic img{width: 70%;}
	.swiper2 .swiper-slide p{margin-top: 15px;}

}
@media screen and (max-width: 360px){
	.swiper2 .swiper-slide .bra-pic{background-size: 68% auto;}
}

@media screen and (max-width: 320px){
	.bra-tit{height: 120px;}
	.bra-tit h2{font-size: 24px;}
	.bra-tit h2 span{font-size: 16px;}
}

/*办公环境 com-box*/
.com-box{background: #141414;padding: 50px 0;margin-top: 60px;}
.com-box h2{margin-top: 30px;}
.com-box h2 img{max-width: 1028px;}
.com-list{width: 96%;margin: 0 auto;margin-top: 50px;}
.com-list li{float: left;margin: 0 5px;width: 32.7%;}
.com-list li img{width: 100%;margin: 0 auto;margin-bottom: 10px;}

@media screen and (max-width: 1644px){
	.com-list li{width: 32.6%;}
}

@media screen and (max-width: 1420px){
	.com-list li{width: 32.5%;}
}

@media screen and (max-width: 1250px){
	.com-list li{width: 32.4%;}
}

@media screen and (max-width: 1200px){
	.com-box h2 img{width: 700px;}
}

@media screen and (max-width: 1115px){
	.com-list li{width: 32.3%;}
}

@media screen and (max-width: 1008px){
	.com-list li{width: 32.2%;}
}

@media screen and (max-width: 920px){
	.com-list li{width: 32.1%;}
}

@media screen and (max-width: 900px){
	.com-box h2{margin-top: 10px;}
	.com-box h2 img{width: 500px;}
}

@media screen and (max-width: 845px){
	.com-list li{width: 32%;}
}

@media screen and (max-width: 837px){
	.com-list{width: 98%;}
}

@media screen and (max-width: 768px){
	.com-box h2{margin-top: 0;}
	.com-box h2 img{width: 400px;}
	.com-list li{width: 31.9%;}
}

@media screen and (max-width: 712px){
	.com-list li{width: 31.8%;}
}

@media screen and (max-width: 664px){
	.com-list li{width: 31.6%;}
}

@media screen and (max-width: 590px){
	.com-list li{width: 31.4%;}
}

@media screen and (max-width: 530px){
	.com-list li{width: 31.2%;}
}

@media screen and (max-width: 480px){
	.com-box h2 img{width: 84%;}
	.com-box{margin-top: 40px;}
	.com-list{margin-top: 30px;}
	/*.com-list li{width: 31.1%}*/
	.com-list li{width: 47.7%;}
	.com-list li:last-child{width: 100%;margin: 0;}
	.com-list li:last-child img{width: 47.7%;float: left;margin: 0 5px;}
}
/*@media screen and (max-width: 456px){
	.com-list li{width: 31%}
}
@media screen and (max-width: 436px){
	.com-list li{width: 30.9%}
}
@media screen and (max-width: 418px){
	.com-list li{width: 30.8%}
}
@media screen and (max-width: 402px){
	.com-list li{width: 30.6%}
}
@media screen and (max-width: 374px){
	.com-list li{width: 30.4%}
}
@media screen and (max-width: 347px){
	.com-list li{width: 30.2%}
}
@media screen and (max-width: 325px){
	.com-list li{width: 30.1%}
}*/

@media screen and (max-width: 444px){
	.com-list li{width: 47.5%;}
	.com-list li:last-child img{width: 47.5%;}
}

@media screen and (max-width: 420px){
	.com-box h2 img{width: 300px;}
	.com-box{padding: 30px 0;margin-top: 20px;}
}

@media screen and (max-width: 407px){
	.com-list li{width: 47.3%;}
	.com-list li:last-child img{width: 47.3%;}
}

@media screen and (max-width: 378px){
	.com-list li{width: 47.1%;}
	.com-list li:last-child img{width: 47.1%;}
}

@media screen and (max-width: 351px){
	.com-list li{width: 47%;}
	.com-list li:last-child img{width: 47%;}
}

@media screen and (max-width: 340px){
	.com-box h2 img{width: 280px;}
	.com-list li{width: 86%;margin: 0 auto;float: none;}
	.com-list li:last-child{width: 86%;margin: 0 auto;}
	.com-list li:last-child img{width: 100%;float: none;margin: 0;margin-bottom: 10px;}
}

/*contact 联系我们*/
.con-box{background: #fbfafa;overflow: hidden;padding-bottom: 60px;}
.con-intro{width: 1100px;margin: 0 auto;margin-top: 60px;}
.con-intro h2{font-family: "宋体";text-align: center;font-size: 32px;margin-bottom: 50px;}
.con-intro .con-fill{width: 420px;}
.con-fill label{display: block;height: 56px;padding: 10px;border: solid 1px #777;margin-bottom: 20px;}
.con-fill label input{width: 98%;height: 36px;font-size: 16px;color: #333;background: #fbfafa;}
.con-fill label.con-mes{height: 125px;}
.con-fill label.con-mes textarea{width: 98%;font-size: 16px;color: #333;background: #fbfafa;}
.con-fill .con-btn{display: block;width: 160px;height: 46px;text-align: center;line-height: 46px;background: #ea6060;
	border-radius: 4px;color: #fff;font-size: 18px;}
.con-intro .con-info{width: 610px;}
.con-intro .con-info h3{font-size: 16px;color: #666;line-height: 26px;}
.con-intro .con-info p{font-weight: bold;color: #000;line-height: 32px;margin-top: 30px;}

@media screen and (max-width: 1150px){
	.con-intro{width: 92%;}
	.con-intro .con-fill{width: 40%;}
	.con-fill label{width: 100%;}
	.con-intro .con-info{width: 55%;}
}
@media screen and (max-width: 768px){
	.con-intro .con-fill,.con-intro .con-info{width: 90%;float: none;margin: 0 auto;}
	.con-intro .con-info{margin-top: 30px;}
	.con-intro .con-info p{margin-top: 20px;}
	.con-intro h2{margin-bottom: 30px;}
	.con-box{padding-bottom: 30px;}
}

@media screen and (max-width: 420px){
	.con-intro h2{font-size: 28px;}
	.con-intro .con-info h3{font-size: 14px;color: #888;}
}

@media screen and (max-width: 340px){
	.con-intro h2{font-size: 24px;}
}