/* CSS Document */
@charset "utf-8";
.container{}

@keyframes hottop {
	0% {
		top:-15px;
	}
	50% {
		top:0px;
	}
	100% {
		top:-15px;
	}
}
.section1{padding: 95px 0 105px;background: url(s2_bg_02.jpg) no-repeat center;background-size: cover;position: relative;z-index: 10}
.s1_c .s1_ca{text-align: center;}
.s1_c .s1_ca .s1_caa{font-size: 50px;color: #000750;}
.s1_c .s1_ca .s1_cab{font-size: 30px;color: #000750;margin-top: 10px;}
.s1_c .s1_cb{text-align: center;width: 1240px;margin:0 auto;position: relative;}
.s1_c .s1_cb .s1_cba{position: relative;z-index: 2;text-align: center;}
.s1_c .s1_cb .s1_cba .img01{margin-top: 270px;}
.s1_c .s1_cb .s1_cba .img02{position: absolute;top:0;width: 620px;text-align: center;left: 50%;transform: translateX(-50%);/*animation: hottop 2s infinite;*/}
.s1_c .s1_cb .s1_cbb{position: absolute;left:0;top:0;z-index: 0}
.s1_c .s1_cc{margin-top: 100px;text-align: center;font-size: 16px;}
.s1_c .s1_cc a{color: #000750;}
@media only screen and (max-width:1680px){
	.section1{padding: 70px 0 80px;}
	.s1_c .s1_ca .s1_caa{font-size: 40px;}
	.s1_c .s1_ca .s1_cab{font-size: 24px;}
	.s1_c .s1_cb{width: 1000px;}
	.s1_c .s1_cb .s1_cba .img01{margin-top: 200px;width: 680px;}
	.s1_c .s1_cb .s1_cba .img02{width: 500px;}
	.s1_c .s1_cc{margin-top: 80px;font-size: 14px;}
}
@media only screen and (max-width:1200px){
	.section1{padding: 50px 0 60px;}
	.s1_c .s1_ca .s1_caa{font-size: 30px;}
	.s1_c .s1_ca .s1_cab{font-size: 20px;}
	.s1_c .s1_cb{width: 80%;}
	.s1_c .s1_cc{margin-top: 60px;}
	.s1_c .s1_cb .s1_cba .img01{margin-top: 150px;width: 580px;}
	.s1_c .s1_cb .s1_cba .img02{width: 400px;}
}
@media only screen and (max-width:750px){
	.section1{padding: 40px 0 30px;}
	.s1_c .s1_ca .s1_caa{font-size: 24px;font-weight: bold;}
	.s1_c .s1_ca .s1_cab{font-size: 14px;}
	.s1_c .s1_cb{width: 100%;}
	.s1_c .s1_cb .s1_cba .img01{margin-top: 100px;width: 380px;}
	.s1_c .s1_cb .s1_cba .img02{width: 250px;}
	.s1_c .s1_cb{margin-top: 40px;}
	.s1_c .s1_cc{margin-top: 40px;font-size: 13px;}
}

.section2{position: relative;z-index: 10;background: #000750;}
.s2_c{position: relative;}
.s2_c .gallery-top .swiper-slide{position: relative;}
.s2_c .gallery-top .swiper-slide .s2_cb{position: absolute;left:0;width: 100%;top:130px;font-size: 50px;color: #ffffff;line-height: 72px;}
.s2_c .gallery-top .swiper-slide .s2_cc{position: absolute;left: 0;width: 100%;bottom: 118px;z-index: 9}
.s2_c .gallery-top .swiper-slide .s2_ca .annex02{display: none;}
.s2_c .gallery-top .swiper-slide .s2_cc .s2_ccx{float: right;width: 505px;}
.s2_c .gallery-top .swiper-slide .s2_cc .s2_ccx .s2_cca{font-size: 16px;color: #d7d8e2;line-height: 36px;}
.s2_c .gallery-top .swiper-slide .s2_cc .s2_ccx .s2_ccb{margin-top: 50px;}
.s2_c .gallery-top .swiper-slide .s2_cc .s2_ccx .s2_ccb a{font-size: 16px;color: #ffffff;display: inline-block;padding: 0 37px;border-radius: 20px;line-height: 40px;}
.s2_c .gallery-top .swiper-slide .s2_cc .s2_ccx .s2_ccb a.s2_ccba{background: rgba(255,255,255,0.2);}
.s2_c .gallery-thumbs{position: absolute;bottom: 118px;left:5%;z-index: 20;z-index: 1}
.s2_c .gallery-thumbs .swiper-slide{width: 180px;}
.s2_c .gallery-thumbs .swiper-slide span{font-size: 20px;color: #ffffff;display: inline-block;line-height: 77px;border-bottom: 2px solid rgba(255,255,255,0.2);}
.s2_c .gallery-thumbs .swiper-slide.swiper-slide-thumb-active span{border-color: rgba(255,255,255,1);}
@media only screen and (max-width:1680px){
	.s2_c .gallery-top .swiper-slide .s2_cb{top:100px;font-size: 40px;line-height: 60px;}
	.s2_c .gallery-top .swiper-slide .s2_cc{bottom: 80px;}
	.s2_c .gallery-top .swiper-slide .s2_cc .s2_ccx{width: 440px;}
	.s2_c .gallery-top .swiper-slide .s2_cc .s2_ccx .s2_cca{font-size: 14px;line-height: 30px;}
	.s2_c .gallery-top .swiper-slide .s2_cc .s2_ccx .s2_ccb{margin-top: 35px;}
	.s2_c .gallery-top .swiper-slide .s2_cc .s2_ccx .s2_ccb a{font-size: 14px;padding: 0 25px;border-radius: 16px;line-height: 32px;}
	.s2_c .gallery-thumbs{}
	.s2_c .gallery-thumbs .swiper-slide{width: 150px;}
	.s2_c .gallery-thumbs .swiper-slide span{font-size: 16px;line-height: 55px;}
}
@media only screen and (max-width:1200px){
	.s2_c .gallery-top .swiper-slide .s2_cb{top:50px;font-size: 30px;line-height: 48px;}
	.s2_c .gallery-top .swiper-slide .s2_cc{bottom: 50px;}
	.s2_c .gallery-top .swiper-slide .s2_cc .s2_ccx{width: 400px;}
	.s2_c .gallery-top .swiper-slide .s2_cc .s2_ccx .s2_cca{font-size: 13px;line-height: 26px;display: none;}
	.s2_c .gallery-top .swiper-slide .s2_cc .s2_ccx .s2_ccb{margin-top: 25px;}
	.s2_c .gallery-top .swiper-slide .s2_cc .s2_ccx .s2_ccb a{font-size: 13px;padding: 0 20px;border-radius: 12px;line-height: 24px;}
	.s2_c .gallery-thumbs{bottom: 80px;width: 94%;margin-left: 0;left:3%;}
	.s2_c .gallery-thumbs .swiper-slide{width: 120px;}
	.s2_c .gallery-thumbs .swiper-slide span{font-size: 14px;line-height: 48px;}
}
@media only screen and (max-width:750px){
	.s2_c .gallery-top .swiper-slide .s2_cb{top:10%;font-size: 24px;line-height: 36px;text-align: center;font-weight: bold;}
	.s2_c .gallery-top .swiper-slide .s2_cc{bottom: auto;width: 100%;top:calc(10% + 100px);text-align: center;}
	.s2_c .gallery-top .swiper-slide .s2_cc .s2_ccx{width: 100%;}
	.s2_c .gallery-thumbs{bottom: 60px;width: 50%;margin-left: 0;left:25%;}
	.s2_c .gallery-thumbs .swiper-slide{width: 50%;}
	.s2_c .gallery-top .swiper-slide .s2_cc .s2_ccx .s2_ccb{margin-top: 15px;}
	.s2_c .gallery-top .swiper-slide .s2_cc .s2_ccx .s2_ccb a{font-size: 13px;padding: 0 15px;border-radius: 13px;line-height: 26px;}
	.s2_c .gallery-top .swiper-slide .s2_ca .annex01{display: none;}
	.s2_c .gallery-top .swiper-slide .s2_ca .annex02{display: block;}
	.section2{display: none;}
}


@-webkit-keyframes rotateForEver {0% {transform:rotate(0deg);-ms-transform:rotate(0deg);-moz-transform:rotate(0deg);-webkit-transform:rotate(0deg);-o-transform:rotate(0deg);}
50% {transform:rotate(180deg);-ms-transform:rotate(180deg);-moz-transform:rotate(180deg);-webkit-transform:rotate(180deg);-o-transform:rotate(180deg);}
100% {transform:rotate(360deg);-ms-transform:rotate(360deg);-moz-transform:rotate(360deg);-webkit-transform:rotate(360deg);-o-transform:rotate(360deg);}
}
@keyframes rotateForEver {0% {transform:rotate(0deg);-ms-transform:rotate(0deg);-moz-transform:rotate(0deg);-webkit-transform:rotate(0deg);-o-transform:rotate(0deg);}
50% {transform:rotate(180deg);-ms-transform:rotate(180deg);-moz-transform:rotate(180deg);-webkit-transform:rotate(180deg);-o-transform:rotate(180deg);}
100% {transform:rotate(360deg);-ms-transform:rotate(360deg);-moz-transform:rotate(360deg);-webkit-transform:rotate(360deg);-o-transform:rotate(360deg);}
}
.rotateForEver {-webkit-animation-name:rotateForEver;animation-name:rotateForEver;}
@keyframes balloon {0% {-webkit-transform:translateZ(0)}
50% {-webkit-transform:translate3d(0,15px,0)}
to {-webkit-transform:translateZ(0)}
}
.section3{position: relative;z-index: 10;background: url(s3_bg_02.jpg) no-repeat center;background-size: cover;padding: 88px 0 106px;overflow: hidden;}
.s3_t{text-align: center;}
.s3_t .s3_ta img{width: 214px;}
.s3_t .s3_tb{font-size: 50px;color: #ffffff;margin-top: 20px;}
.s3_c{margin-top: 60px;position: relative;}
.s3_c .s3_ca.s3_ca1{float: left;margin-left: 180px;}
.s3_c .s3_ca.s3_ca2{float: right;}
.s3_c .s3_ca .s3_cai{padding: 100px 0;}
.s3_c .s3_ca .s3_cai .s3_caia{font-size: 72px;color: #ffffff;}
.s3_c .s3_ca .s3_cai .s3_caib{font-size: 20px;color: #d7d8e2;}
.s3_b{position: absolute;top:50%;left:50%;transform: translate(-50%,-50%);width: 596px;}
.s3_b .s3_bb{position: absolute;left:0;top:0;width: 100%;animation: rotateForEver 20s linear 0s infinite;}
.s3_b .s3_bc{position: absolute;left:0;top:0;width: 100%;animation: rotateForEver 15s linear 0s infinite;}
@media only screen and (max-width:1680px){
	.section3{padding: 70px 0 80px;}
	.s3_t .s3_tb{font-size: 40px;margin-top: 15px;}
	.s3_c{margin-top: 40px;}
	.s3_c .s3_ca.s3_ca1{margin-left: 100px;}
	.s3_c .s3_ca .s3_cai{padding: 80px 0;}
	.s3_c .s3_ca .s3_cai .s3_caia{font-size: 60px;}
	.s3_c .s3_ca .s3_cai .s3_caib{font-size: 16px;}
	.s3_b{width: 480px;}
}
@media only screen and (max-width:1200px){
	.section3{padding: 50px 0 60px;}
	.s3_t .s3_tb{font-size: 30px;margin-top: 10px;}
	.s3_c{margin-top: 30px;}
	.s3_c .s3_ca.s3_ca1{margin-left: 50px;}
	.s3_c .s3_ca .s3_cai{padding: 60px 0;}
	.s3_c .s3_ca .s3_cai .s3_caia{font-size: 48px;}
	.s3_c .s3_ca .s3_cai .s3_caib{font-size: 14px;}
	.s3_b{width: 400px;}
}
@media only screen and (max-width:750px){
	.section3{padding: 50px 0 60px;}
	.s3_t .s3_ta img{width: 150px;}
	.s3_t .s3_tb{font-size: 24px;margin-top: 5px;font-weight: bold;}
	.s3_c{margin-top: 15px;padding: 0 25px;}
	.s3_c .s3_ca.s3_ca1{margin-left: 0;}
	.s3_c .s3_ca.s3_ca2{text-align: right;}
	.s3_c .s3_ca .s3_cai{padding: 54px 0;}
	.s3_c .s3_ca .s3_cai .s3_caia{font-size: 32px;}
	.s3_c .s3_ca .s3_cai .s3_caib{font-size: 13px;}
	.s3_b{width: 280px;}
}

.s4_video{width: 100%;height: 100vh;position: sticky;top: 0;left: 0;margin-top: -100vh;background: #000750;}
.s4_video video,.s4_video img{display: block;width: 100%;height: 100%;object-fit: cover;object-position: center;}
.s4_video video.annex02{display: none;}
.s4_a{padding: 100px 0 170px;position: relative;z-index: 9;}
.s4_a .s4_aa .s4_aaa{font-size: 50px;color: #d7d8e2;}
.s4_a .s4_aa .s4_aab{font-size: 24px;color: #d7d8e2;margin-top: 10px;}
.s4_a .s4_ab{margin-top: 118px;line-height: 40px;}
.s4_a .s4_ab a{font-size: 16px;color: #ffffff;display: inline-block;padding: 0 37px;border-radius: 20px;}
.s4_a .s4_ab a.s4_aba{background: rgba(255,255,255,0.2);}
@media only screen and (max-width:1680px){
	.s4_a{padding: 85px 0 140px;}
	.s4_a .s4_aa .s4_aaa{font-size: 40px;}
	.s4_a .s4_aa .s4_aab{font-size:20px;}
	.s4_a .s4_ab{margin-top: 90px;line-height: 32px;}
	.s4_a .s4_ab a{font-size: 14px;padding: 0 25px;border-radius: 16px;}
}
@media only screen and (max-width:1200px){
	.s4_a{padding: 70px 0 110px;}
	.s4_a .s4_aa .s4_aaa{font-size: 30px;}
	.s4_a .s4_aa .s4_aab{font-size:16px;}
	.s4_a .s4_ab{margin-top: 60px;line-height: 24px;}
	.s4_a .s4_ab a{font-size: 13px;padding: 0 20px;border-radius: 12px;}
}
@media only screen and (max-width:750px){
	.s4_a{padding: 60px 0 220px;}
	.s4_a .s4_aa .s4_aaa{font-size: 24px;color: #fff}
	.s4_a .s4_aa .s4_aab{font-size:14px;margin-top: 5px;color: #fff}
	.s4_a .s4_ab{margin-top: 30px;line-height: 22px;}
	.s4_a .s4_ab a{font-size: 13px;padding: 0 15px;border-radius: 13px;line-height: 26px;}
	.s4_video video.annex02{display: block;}
	.s4_video video.annex01{display: none;}
}

 /* 隐藏播放控制按钮 */
video::-webkit-media-controls {
    display: none !important;
}

video::-webkit-media-controls-enclosure {
    display: none !important;
}

video::-webkit-media-controls-panel {
    display: none !important;
}