@font-face {
	font-family: AvenirH;
	src: url(../font2/Avenir-Heavy.otf);
}
@font-face {
	font-family: AvenirB;
	src: url(../font2/AVENIR-BLACK-3.ttf);
}
@font-face {
	font-family: AvenirM;
	src: url(../font2/Avenir-Medium-6.otf);
}
@font-face {
	font-family: DINCondB;
	src: url(../font2/DINCond-Bold.otf);
}


@keyframes banrun2{
	0%{top: 10px;}
	50%{top: 0;}
	100%{top: 10px;}
}


.section1{position: relative;}
.banner img{width: 100%;display: block;position: relative;
	/* animation: banrun1 10s linear infinite; */
}
.bannerinner{position: absolute;top: 50%;left: 0;width: 100%;z-index: 9;text-align: center;
	transform: translateY(-50%);
	-webkit-transform: translateY(-50%);
	-o-transform: translateY(-50%);
	-moz-transform: translateY(-50%);
}
.bannerinner h4{font-size: 30px;color: #fff;font-family: AvenirB;text-transform: uppercase;}
.bannerinner h3{font-size: 120px;color: #fff;line-height: 95px;margin-top: 25px;font-family: DINCondB;}
.bannerinner a{display: block;margin: 130px  auto 0;font-size: 17px;color: #fff;line-height: 60px;width: 198px;text-align: center;background: #fb4729;border-radius: 12px;}
.bannerinner a span{display: inline-block;margin-left: 15px;font-size: 20px;}
.bannerinner a:hover{background: #fff;color: #fb4729;}
.banner .swiper-pagination{position: absolute;left: 0;bottom: 15%;width: 100%;text-align: center;}
.banner .swiper-pagination span{width: 30px;height: 10px;border-radius: 10px;background: rgba(255,255,255,.3);opacity: 1;display: inline-block;margin-right: 10px;}
.banner .swiper-pagination span:last-of-type{margin-right: 0;}
.banner .swiper-pagination .swiper-pagination-bullet-active{background: #e62129;}


.sybt h4{font-size: 23px;color: #8e8e8e;font-family: AvenirH;text-transform: uppercase;}
.sybt h2{font-size: 48px;color: #1b1b1b;font-family: AvenirH;line-height: 48px;margin: 15px 0 35px;}
.sybt p{font-size: 22px;color: #727272;line-height: 40px;}
.sybt a{font-size: 22px;color: #fff;font-family: AvenirH;width: 260px;line-height: 72px;background: #fb4729;text-align: center;border-radius: 12px;display: block;margin-top: 130px;}


.section2{position: relative;background: #f9f9f9;}
.section2 ul{font-size: 0;position: relative;margin-top: -82px;z-index: 2;}
.section2 ul li{display: inline-block;vertical-align: top;box-sizing: border-box;width: 32%;margin-right: 2%;}
.section2 ul li:last-of-type{margin-right: 0;}
.section2 ul li a{display: block;background: #fff;padding: 50px 65px;box-sizing: border-box;border-radius: 12px;}
.section2 ul li a h6,.section2 ul li a h3{display: inline-block;vertical-align: middle;box-sizing: border-box;}
.section2 ul li a h6{width: 103px;height: 103px;background: #f9f8ff;border-radius: 12px;overflow: hidden;}
.section2 ul li a h6 img{width: 100%;}
.section2 ul li a h3{font-size: 30px;color: #707276;line-height: 48px;padding-left: 42px;}
.section2 ul li a h3 strong{font-size: 42px;color: #000;font-family: AvenirH;display: block;}
.section2 ul li a p{font-size: 22px;color: #707276;line-height: 40px;margin-top: 25px;}
.section2 ul li a:hover{background: #fb4729;}
.section2 ul li a:hover h3,.section2 ul li a:hover p{color: rgba(255,255,255,.6);}
.section2 ul li a:hover h3 strong{color: #fff;}

.section3{padding: 110px 0 100px;background: #f9f9f9;position: relative;font-size: 0;}
.s3_l,.s3_r{display: inline-block;vertical-align: middle;box-sizing: border-box;}
.s3_l{width: 52.6%;padding-right: 110px;}
.s3_r{width: 47.4%;}
.s3_r img{width: 100%;border-radius: 18px;}
.s3_r .swiper-pagination{position: relative;width: 100%;text-align: right;margin-top: 30px;}
.s3_r .swiper-pagination span{width: 30px;height: 10px;border-radius: 10px;background: #ebebeb;opacity: 1;display: inline-block;margin-right: 10px;}
.s3_r .swiper-pagination span:last-of-type{margin-right: 0;}
.s3_r .swiper-pagination .swiper-pagination-bullet-active{background: #e62129;}


.section4{padding: 126px 0;font-size: 0;}
.s4_l,.s4_r{display: inline-block;vertical-align: middle;box-sizing: border-box;}
.s4_r{width: 52.6%;padding-left: 72px;}
.s4_l{width: 47.4%;}
.s4_l img{width: 100%;border-radius: 18px;}

.section5{padding: 130px 0;background: #f9f9f9;position: relative;font-size: 0;}
.s5_l,.s5_r{display: inline-block;vertical-align: middle;box-sizing: border-box;}
.s5_l{width: 52.6%;padding-right: 110px;}
.s5_r{width: 47.4%;position: relative;}
.s5_r .play_btn {
	width: 100%;
	height: 100%;
	background: url(../images/play_btn_03.png) no-repeat center center rgba(0, 0, 0, 0.6);
	position: absolute;
	top: 0;
	left: 0;
	z-index: 3;
	cursor: pointer;
  }
.s5_r .play_btn.on {
	opacity: 0;
  }
.s5_r video {
	width: 100%;display: block;
}
.s5_r h6{position: absolute;top: 10%;right: 5%;z-index: 3;}
.s5_r h6.on{opacity: 0;}

.section6{padding: 115px 0 135px;}
.section6 h2{font-size: 55px;color: #060606;;line-height: 55px;font-family: AvenirH;text-align: center;margin-bottom: 80px;}
.s6 ul{font-size: 0;}
.s6 ul li{display: inline-block;vertical-align: top;box-sizing: border-box;width: 31.2%;margin-right: 3.2%;margin-bottom: 50px;}
.s6 ul li:nth-of-type(3n){margin-right: 0;}
.s6 ul li a{display: block;position: relative;box-shadow: 0 0 10px 3px #f8f8f8;border-radius: 10px;}
.s6 ul li a img{width: 100%;}
.s6_img>img{border-radius: 10px;}
.s6 .s6_img h4 img{width: auto;}
.s6_img{position: relative;overflow: hidden;}
.s6_img h4{position: absolute;bottom: 36px;left: 44px;background: #fb4729;padding: 16px 22px;border-radius: 10px;line-height: 15px;}
.s6_img h4 img,.s6_img h4 i{display: inline-block;vertical-align: middle;box-sizing: border-box;}
.s6_img h4 img{margin-right: 9px;}
.s6_img h4 i{font-size: 15px;color: #fff;font-family: AvenirH;line-height: 15px;}
.s6txt{padding: 62px 40px;box-sizing: border-box;}
.s6txt h3{font-size: 24px;color: #202020;line-height: 38px;font-family: AvenirH;margin-bottom: 20px;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	overflow: hidden;
	text-overflow: ellipsis;
	-webkit-line-clamp: 2;
	height: 76px;
}
.s6txt p{font-size: 18px;color: #a0a0a0;line-height: 38px;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	overflow: hidden;
	text-overflow: ellipsis;
	-webkit-line-clamp: 2;
	height: 76px;
}
.s6txt h6{color: #fe3630;}
.s6txt h6 i,.s6txt h6 span{display: inline-block;vertical-align: middle;box-sizing: border-box;}
.s6txt h6 i{font-size: 17px;font-family: AvenirH;}
.s6txt h6 span{font-size: 20px;margin-left: 18px;}
.s6 ul li a::after{content: '';display: block;width: 80%;height: 1px;background: #fb4729;position: absolute;bottom: 0;left: 50%;
	transform: translateX(-50%);
	-webkit-transform: translateX(-50%);
	-o-transform: translateX(-50%);
	-moz-transform: translateX(-50%);
}
.s6 ul li a:hover h3{color: #fe3630;}
.s6 ul li a:hover .s6_img>img{
	transform: scale(1.2);
	-webkit-transform: scale(1.2);
	-o-transform: scale(1.2);
	-moz-transform: scale(1.2);
}