@charset "utf-8";

.b1{padding:110px 0;}
.b1 .z{float:left;width:664px;}
.b1 .z h2{font-weight:normal;font-size:36px;color:#000;}
.b1 .z p{font-size:18px;color:#666;margin-top:6px;}
.b1 .z .line{width:48px;height:4px;background:#e60014;margin:18px 0 30px;}
.b1 .z .i{font-size:15px;color:#666;line-height:28px;}

.b1 .z ul{padding-top:26px;}
.b1 .z li{float:left;margin-right:56px;}
.b1 .z li:last-child{margin-right:0;}
.b1 .z li h3{font-size:36px;color:#e60014;font-weight:normal;}
.b1 .z li span{display:block;font-size:15px;color:#666;}
.b1 .z .more{margin-top:35px;}
.b1 .z .more a{display:block;width:158px;height:38px;line-height:38px;text-align:center;border:1px solid #e60014;font-size:16px;color:#e60014;}
.b1 .z .more a:hover{background:#e60014;color:#fff;}

.b1 .y{float:right;overflow:hidden;}
.b1 .y a:hover img{transform:scale(1.04);}

@media all and (min-width:1200px) and (max-width:1440px){
	.b1{padding:70px 0;}
	.b1 .z{width:48%;}
	.b1 .z h2{font-size:30px;}
	.b1 .z p{font-size:14px;}
	.b1 .z .line{margin:14px 0 20px;}
	.b1 .z .i{font-size:14px;line-height:25px;}
	.b1 .z li h3{font-size:30px;}
	.b1 .z li span{font-size:14px;}
	.b1 .z .more{margin-top:25px;}
	.b1 .z .more a{font-size:14px;}
	.b1 .y{width:50%;}
	.b1 .y img{width:100%;height:auto;}
}

@media all and (max-width:1200px){
	.b1{padding:20px 0;}
	.b1 .z{float:none;width:100%;}
	.b1 .z h2{font-size:20px;}
	.b1 .z p{font-size:14px;margin-top:6px;}
	.b1 .z .line{margin:8px 0 20px;}
	.b1 .z .i{font-size:14px;line-height:24px;}
	
	.b1 .z ul{padding-top:15px;}
	.b1 .z li{float:left;margin-right:3%;}
	.b1 .z li:last-child{margin-right:0;}

	.b1 .z li h3{font-size:18px;}
	.b1 .z li span{font-size:10px;}

	.b1 .z .more{margin-top:20px;}
	.b1 .z .more a{width:100%;font-size:14px;box-sizing:border-box;}

	.b1 .y{float:none;margin-top:20px;}
	.b1 .y video{width:100% !important;height:auto !important;}
}

.swiper-container-2{position:relative;overflow:hidden;}
.swiper-container-2 .swiper-slide img{width:100%;display:block;}
.swiper-container-2 .swiper-slide:hover img{transform:scale(1.02);}
.swiper-container-2 .swiper-button-next,.swiper-container-2 .swiper-button-prev{width:48px;height:48px;outline:none;margin-top:-24px !important;transition:all 0.5s;}
.swiper-container-2 .swiper-button-prev{background:url(prev2.png);left:0% !important;background-size:contain;opacity:0.7;}
.swiper-container-2 .swiper-button-prev:hover{opacity:1;}
.swiper-container-2 .swiper-button-next{background:url(next2.png);right:0% !important;background-size:contain;opacity:0.7;}
.swiper-container-2 .swiper-button-next:hover{opacity:1;}

@media all and (max-width:1200px){
	.swiper-container-2{width:96%;margin:0 auto;}
	.swiper-container-2 .swiper-button-next,.swiper-container-2 .swiper-button-prev{width:26px;height:26px;margin-top:-13px !important;}
}


.b2{background:url(bg.png) left bottom repeat-x;margin-top:75px;}
.b2 .hd{text-align:center;}
.b2 .hd h2{font-size:36px;font-weight:normal;color:#333;}
.b2 .hd p{font-size:18px;color:#666;margin-top:2px;}
.b2 .hd .line{width:48px;height:4px;background:#e60014;margin:18px auto 50px;}

.b2 .box{width:1440px;height:742px;margin:0 auto;}
.b2 .box .bds{position:relative;}
.b2 .box .bds .prev,.b2 .box .bds .next{display:block;width:48px;height:48px;outline:none;margin-top:-24px !important;transition:all 0.5s;cursor:pointer;}
.b2 .box .bds .prev{background:url(prev3.png);left:0% !important;position:absolute;top:50%;left:0;}
.b2 .box .bds .prev:hover{background:url(prev33.png);}
.b2 .box .bds .next{background:url(next3.png);right:0% !important;position:absolute;top:50%;right:0}
.b2 .box .bds .next:hover{background:url(next33.png);}
.b2 .box .bds .tempWrap{width:1200px !important;margin:0 auto;}

/*.swiper-container-3{position:relative;overflow:hidden;}
.swiper-container-3 .swiper-slide img{width:1200px;display:block;margin:0 auto;}
.swiper-container-3 .swiper-slide:hover img{transform:scale(1.02);}
.swiper-container-3 .swiper-button-next,.swiper-container-3 .swiper-button-prev{width:48px;height:48px;outline:none;margin-top:-24px !important;transition:all 0.5s;}
.swiper-container-3 .swiper-button-prev{background:url(prev3.png);left:0% !important;}
.swiper-container-3 .swiper-button-prev:hover{background:url(prev33.png);}
.swiper-container-3 .swiper-button-next{background:url(next3.png);right:0% !important;}
.swiper-container-3 .swiper-button-next:hover{background:url(next33.png);}
*/

@media all and (min-width:1200px) and (max-width:1440px){
	.b2{margin-top:60px;}
	.b2 .box{width:1200px;height:742px;margin:0 auto;}
	/*.swiper-container-3 .swiper-button-prev{background:url(prev2.png);}*/
}

.b2 .box .hds{text-align:center;width:1200px;margin:31px auto 0;background:url(line.png) left top 60px repeat-x;}
.b2 .box .hds li{display:inline-block;color:#fff;margin:0 55px;cursor:pointer;}
.b2 .box .hds li img{opacity:0.48;}
.b2 .box .hds li p{font-size:17px;opacity:0.48;}
.b2 .box .hds li i{display:block;width:15px;height:15px;background:#443b3c;border-radius:15px;margin:17px auto 20px;}
.b2 .box .hds li em{display:block;width:15px;height:15px;background:url(c.png);opacity:0.48;}
.b2 .box .hds li.on p{opacity:1;}
.b2 .box .hds li.on img{opacity:1}
.b2 .box .hds li.on em{opacity:1;}


@media all and (max-width:1200px){
	.b2{margin-top:20px;background:none;}
	.b2 .hd h2{font-size:20px;color:#000;}
	.b2 .hd p{font-size:14px;}
	.b2 .hd .line{margin:8px auto 20px;}

	.b2 .box{width:96%;height:auto;}
	.swiper-container-3{padding-bottom:28px !important;}
	.swiper-container-3 .swiper-button-next,.swiper-container-3 .swiper-button-prev{display:none;}
	.swiper-container-3 .swiper-slide img{width:100% !important;height:auto !important;}
	.swiper-container-3 .swiper-pagination-bullet { width:8px; height:8px; background:#ccc; opacity:1; }
	.swiper-container-3 .swiper-pagination-bullet-active { background:#e60014; border-radius:8px; }
	.swiper-container-3>.swiper-pagination-bullets{ bottom:0 !important; }

	.swiper-container-3 .swiper-slide a{display:block;}
	.swiper-container-3 .swiper-slide a p{width:100%;position:absolute;bottom:0;left:0;padding:10px 0;text-align:center;color:#fff;background:rgba(0,0,0,0.5);font-size:14px;}
	.swiper-container-3 .swiper-slide a p img{width:auto !important;height:20px !important;margin-right:6px;}

	.b2 .box .hds{display:none;}
}





@media all and (min-width:1480px){
	.b3{position:relative;width:1920px;left:50%;margin-left:-960px;overflow:hidden;}
	.b3:hover img{transform:scale(1.03);}
}

@media all and (max-width:1440px){
	.b3 img{width:100%;}	
	.b3:hover img{transform:scale(1.03);}
}

@media all and (max-width:1200px){
	.b3{width:96%;margin:20px auto 0;}
}


@-webkit-keyframes btnRotate-ys {
0% {
    -webkit-transform: rotateY(0deg);
   }
100% {
    -webkit-transform: rotateY(180deg);
    }
}

.b4{padding:75px 0;background:#fafafa;}
.b4 .hd{text-align:center;}
.b4 .hd h2{font-size:36px;font-weight:normal;color:#333;}
.b4 .hd p{font-size:18px;color:#666;margin-top:2px;}
.b4 .hd .line{width:48px;height:4px;background:#e60014;margin:18px auto 50px;}

.b4 ul{width:1200px;margin:0 auto;}
.b4 ul li{width:180px;float:left;text-align:center;margin-right:160px;}
.b4 ul li:nth-child(4){float:right;margin-right:0;}
.b4 ul li .ico{width:180px;height:180px;position:relative;}
.b4 ul li .ico img:nth-child(1){position:absolute;top:0;left:0;z-index:2;}
.b4 ul li .ico img:nth-child(2){display:none;}
.b4 ul li p{font-size:20px;color:#000;margin-top:38px;}
.b4 ul li:hover p{font-weight:bold;}
.b4 ul li:hover .ico{
	box-shadow:0 0 10px #888;
	border-radius:180px;
	-webkit-animation: btnRotate-ys 0.4s linear 1;
	animation: btnRotate-ys 0.4s linear 1;
}
.b4 ul li:hover .ico img:nth-child(1){display:none;}
.b4 ul li:hover .ico img:nth-child(2){display:block;}

/*.b4 ul li:nth-child(1) .ico{background:url(c1.png) no-repeat;background-size:contain;}
.b4 ul li:nth-child(1):hover .ico{background:url(c11.png) no-repeat;background-size:contain}
.b4 ul li:nth-child(2) .ico{background:url(c2.png) no-repeat;background-size:contain}
.b4 ul li:nth-child(2):hover .ico{background:url(c22.png) no-repeat;background-size:contain}
.b4 ul li:nth-child(3) .ico{background:url(c3.png) no-repeat;background-size:contain}
.b4 ul li:nth-child(3):hover .ico{background:url(c33.png) no-repeat;background-size:contain}
.b4 ul li:nth-child(4) .ico{background:url(c4.png) no-repeat;background-size:contain}
.b4 ul li:nth-child(4):hover .ico{background:url(c44.png) no-repeat;background-size:contain}
*/
@media all and (min-width:1200px) and (max-width:1440px){
	.b4{padding:60px 0 70px;}
}


@media all and (max-width:1200px){
	.b4{padding:20px 0;}
	.b4 .hd h2{font-size:20px;color:#000;}
	.b4 .hd p{font-size:14px;}
	.b4 .hd .line{margin:8px auto 20px;}

	.b4 ul{width:96%;}
	.b4 ul li{width:25%;margin-right:0;}
	.b4 ul li .ico{width:60px;height:60px;margin:0 auto !important;}
	.b4 ul li .ico img{width:100%;}
	.b4 ul li .ico img:nth-child(2){display:none;}
	.b4 ul li:hover .ico img:nth-child(2){display:none;}
	.b4 ul li p{font-size:14px;margin-top:10px;}
}