
/*banner*/
.banner {height: 100vh;width: 100%;}
.pcbanner{position: absolute;width: 100%;height: 100%;overflow: hidden;z-index: 3;}
.pcbanner img{width: 100%;height: 100%;object-fit: cover;}

.banner .swiper-wrapper{height: 100%;}
.banner .swiper-slide .bannerimg{display: flex;}
.banner .swiper-slide .bannerimg,.banner .swiper-slide .bannerimg img{width: 100%;height: 100%;}

.banner .video_btnPC{position: absolute;z-index: 3;top: calc(50% - 55px);left: calc(50% - 55px);width: 110px;}
.banner .video_btnPC img{width: 100%;cursor: pointer;transition: 0.5s;}
.banner .video_btnPC img:hover{transform: scale(1.1);}
.video_block{background-color: black;}
.banner #bgvid{height: 100%;width: 100%;}
video#bgvid{bottom:0;max-width:100%;width: auto;height:auto;background-size: cover;object-fit: cover;max-height: 100%;z-index: 2;}
/*.banner .swiper-slide-active .bannerText{ opacity: 1; transform: scale(1.2);-webkit-animation: scaleDownFadeIn 1.4s forwards ease;animation: scaleDownFadeIn 1.4s forwards ease; -webkit-filter: blur(12px);filter: blur(12px);}
@-webkit-keyframes scaleDownFadeIn {
    50% {opacity: 0;-webkit-transform: scale(1.1);}
    100% {opacity: 1;-webkit-filter: blur(0px);filter: blur(0px);-webkit-transform: scale(1);}
}*/

#box-1{background: url(../img/sy_box01_bj.png) no-repeat center center;background-size: cover;padding-top: 0;}
#box-1 .Block{display: flex;align-items: center;flex-wrap: wrap;}
#box-1 .Block .title img{width: 177%;}
#box-1 .Block .left{width: 38%;padding-right: 10px;padding-top: 80px;}
#box-1 .Block .left .xian{width: 100%;height: 1px;border-bottom: 3px dashed #fff;margin: 40px 0;}
#box-1 .Block .left .text1{font-size: 50px;font-weight: bold;color: #fff;}
#box-1 .Block .left .text2{font-size: 40px;font-weight: bold;color: #fff;}
#box-1 .Block .left ul{margin-top: 75px;}
#box-1 .Block .left li{width: 28%;}
#box-1 .Block .left li .title{font-size: 20px;font-weight: bold;color: #fff;line-height: 1.3;}
#box-1 .Block .left li .num{font-size: 40px;}
#box-1 .Block .left li .desc{font-size: 16px;color: #fff;}
#box-1 .Block .left .btn{margin-top: 70px;}
#box-1 .Block .right{width: 54%;position: relative;}

#box-1 .Block .right::before,#box-1 .Block .right::after{content: '';width: 100%;height: 100%;position: absolute;background: url(../img/sy_box2_img_bj.png) no-repeat center center;background-size: contain;top: 0;left: 0;animation: scaleImg 1.6s infinite linear;}
#box-1 .Block .right::after{animation: scaleImg 1.6s 0.8s infinite linear;}
@keyframes scaleImg {0% {transform: scale(0.8);opacity: 0;}100% {transform: scale(1);opacity: 1;}}
#box-1 .right li{padding:0px 5px;overflow: hidden;}
#box-1 .Block .right .box1{margin: 15%;}
#box-1 .right .content{width: 70%;margin-top: 25px;position: absolute;bottom: -1%;left: 16%;}


#box-1 .Block .right .box1{overflow: hidden;position: relative;}
/* #box-1 .Block .right .img::before,#box-1 .Block .right .img::after{content: '';width: 100%;height: 100%;position: absolute;background: url(../img/sy_box2_img_bj.png) no-repeat center center;background-size: contain;top: 0;left: 0;animation: scaleImg 1.6s infinite linear;}
#box-1 .Block .right .img::after{animation: scaleImg 1.6s 0.8s infinite linear;}
@keyframes scaleImg {0% {transform: scale(1.15);opacity: 0;}100% {transform: scale(1.41);opacity: 1;}} 
#box-1 .right li{padding:100px 50px 0px 50px;overflow: hidden;}
#box-1 .right li .img{width: 80%;margin: auto;position: relative;}
#box-1 .right .content{width: 65%;margin-left: 5%;margin-top: 25px;}*/
#box-1 .right li img{width: 100%;z-index: 2;position: relative;}

#box-1 .right .swiper-pagination{bottom: 11%;color: #fff;font-size: 110px;letter-spacing: -0.2em;padding-left: 25%;text-align: right;padding-right: 14%;font-weight: 500;pointer-events: none;}
#box-1 .right .swiper-pagination-current{font-size: 124px;padding-right: 2px;}
#box-1 .right .swiper-pagination-total{font-size: 74px;}

#box-2{background: url(../img/sy_box02_bj.png) no-repeat center center;background-size: cover;}
#box-2 .left{width: 36%;z-index: 2;position: relative;}
#box-2 .left .t2{display: none!important;}
#box-2 .left .title img{width: 185%;}
#box-2 .left .text1{font-size: 30px;color: #fff;margin-top: 90px;margin-bottom: 5px;}
#box-2 .left .text2{font-size: 56px;font-weight: bold;color: #fff;}
#box-2 .left .number{margin-top: 10px;}
#box-2 .left li{padding-top:48px;}
#box-2 .left li>div{background: url(../img/sy_box02_zjbj.png) no-repeat left center;background-size: contain;padding-left: 30px;}
#box-2 .left li .title{font-size: 22px;font-weight: bold;color: #fff;line-height: 1;}
#box-2 .left li .num{font-size: 40px;}
#box-2 .left li .desc{font-size: 17px;color: #fff;line-height: 1;margin-top: 5px;}

#box-2 .right{width: 60%;margin-bottom: -40px;padding-top: 20px;position: relative;}
#box-2 .right .img{position: relative;}
#box-2 .right img{width: 100%;}
#box-2 .right::before{content: '';width: 9%;height: 9%;position: absolute;background: url(../img/sy_box2_img_dt.png) no-repeat center center;background-size: contain;top: 51%;right: 14%;z-index: 2;animation: sxImg 1.5s infinite linear;}
#box-2 .right .img::before,#box-2 .right .img::after{content: '';width: 35%;height: 35%;position: absolute;background: url(../img/sy_box2_img_bj1.png) no-repeat center center;background-size: contain;top: 40%;right: 1%;animation: scaleImg2 2s infinite linear;opacity: 0;}
#box-2 .right .img::after{animation: scaleImg2 2s 1s infinite linear;}
@keyframes scaleImg2 {0% {transform: scale(0.6);opacity: 0;}100% {transform: scale(2);opacity: 0.8;}}
@keyframes sxImg {0% {transform: translateY(-2px);}50% {transform: translateY(2px);}100% {transform: translateY(-2px);}}

#box-3{background: #fff;padding: 0;}
#box-3 .box1,#box-3 li,#box-3 li>div{position: relative;}
#box-3 li::after{content: '';width: 110%;height:100%;position: absolute;background: url(../img/sy_box3_yy.png) no-repeat left center;background-size: cover;top: 0;left: 0;transition: opacity 0.5s;opacity: 1;margin-left:-10%;pointer-events: none;}
#box-3 li:nth-child(2n-1)::after{background: url(../img/sy_box3_yy.png) no-repeat left center;background-size: cover;transform: rotate(180deg);margin-right:-10%;margin-left:0%;}
#box-3 li{z-index: 2;}
#box-3 li.on{z-index: 1;}
#box-3 li.on::after{opacity: 0;}
#box-3 li .bj_img{position: absolute;width: 100%;height: 100%;}
#box-3 li .bj_img img{height: 100%;object-fit: cover;width: 100%;}
#box-3 li .content{position: relative;z-index: 2;padding: 255px 0;}
#box-3 li .content .img {height: 183px;max-width: 700px;margin: auto;}
#box-3 li .content .btn_block{margin-top: 120px;}

#box-4{background: url(../img/sy_box04_bj.png) no-repeat center center;background-size: cover;padding-bottom: 0;}
#box-4 .title img {width: 67%;margin: auto;}
#box-4 .container .img{text-align: center;margin-top: 60px;}
#box-4 .container .img img{width: 80%;max-width: 1250px;}

#box-5{background: url(../img/sy_box05_bj.png) no-repeat center center;background-size: cover;}
#box-5 .btn{border: 1px solid #CF1C1B;}
#box-5 .btn a{color: #fff;background: #CF1C1B;}
#box-5 .Block1 .title img{max-width: 680px;}
#box-5 .box1{padding-bottom: 80px;position: relative;overflow: hidden;margin: 0 -37px;margin-top: 60px;}
#box-5 li{padding:0 37px;}
#box-5 li .img{display: flex;overflow: hidden;position: relative;border-radius: 40px 40px 0px 0px;}
#box-5 li .img_img img{position: absolute;}
#box-5 li .img_img{overflow: hidden;font-size: 0;padding-bottom: 70%;position: relative;width: 100%;}
#box-5 li .time {position: absolute;z-index: 2;background: rgba(0, 0, 0, 0.5);text-align: center;color: #fff;padding: 9px 17px;bottom: 70px;left: 50px;transition: 0.5s;border-radius: 10px;}
#box-5 li .time>div:nth-child(1){font-size: 35px;line-height: 1.1;}
#box-5 li .time>div:nth-child(2){font-size: 11px;}
/* #box-5 li>a:hover .time{background: #CF1C1B;} */
#box-5 li .content_text{border-radius: 40px;background: #fff;padding:55px 35px 50px 35px;margin-top: -50px;z-index: 2;position: relative;}
#box-5 li .content_text .title{font-size: 30px;color: #333;font-weight: bold;line-height: 1.35;}
#box-5 li>a:hover .content_text .title{color: #CF1C1B;}
#box-5 li .content_text .xian{width: 100%;height: 1px;border-bottom: 1px dashed #CF1C1B;margin: 20px 0;}
#box-5 li .content_text .desc{color: #414141;font-size: 14px;}
#box-5 li .content_text .xw_btn{margin-top: 35px;}
#box-5 li .content_text .xw_btn img{width: 38px;margin-left: 10px;transition: 0.5s;}
#box-5 li>a:hover .content_text .xw_btn img{transform: translateX(20px);}
#box-5 .swiper-pagination{display: none;bottom: 0;}
#box-5 .swiper-pagination .swiper-pagination-bullet,#box-5 .swiper-pagination .swiper-pagination-bullet-active {background: #CF1C1B;}

@media (min-width:1199px) and (max-width:1600px){
	#box-1 .Block .left {width: 40%;}
	#box-1 .Block .title img {width: 180%;}
	#box-1 .Block .left .text1{font-size: 46px;}
	#box-1 .Block .left .text2{font-size: 36px;}
	#box-1 .Block .left li {width: 31%;}
	#box-1 .right .swiper-pagination{bottom: 11%;font-size: 92px;letter-spacing: -0.2em;padding-left: 25%;}
	#box-1 .right .swiper-pagination-current{font-size: 106px;padding-right: 2px;}
	#box-1 .right .swiper-pagination-total{font-size: 56px;}
	
	#box-2 .left .t1{display: none!important;}
	#box-2 .left .t2{display: block!important;}
	#box-2 .left .title img {width: 85%;}
	#box-2 .left .text1{font-size: 26px;margin-top: 90px;margin-bottom: 5px;}
	#box-2 .left .text2{font-size: 46px;}
	#box-2 .left li .title {font-size: 20px;}
	#box-2 .left li .num {font-size: 36px;}
	#box-2 .left li .desc {font-size: 16px;}
	#box-2 .right {width: 57%;}
	
	#box-3 li .content{padding: 200px 0;}
	#box-3 li .content .img {height: 183px;max-width: 700px;}
	#box-3 li .content .btn_block{margin-top: 90px;}
	
	#box-5 .Block1 .title img{width: 75%;}
}
@media (min-width:1199px) and (max-width:1320px){
	#box-1 .Block .left .text1{font-size: 41px;}
	#box-1 .Block .left .text2{font-size: 31px;}
	
	#box-2 .left .text1{font-size: 22px;margin-top: 70px;margin-bottom: 5px;}
	#box-2 .left .text2{font-size: 40px;}
	#box-2 .left li {padding-top: 45px;}
	#box-2 .left li .title {font-size: 18px;}
	#box-2 .left li .num {font-size: 34px;}
	#box-2 .left li .desc {font-size: 15px;}
	#box-2 .right {width: 63%;}
	
	#box-5 .box1{margin: 0 -30px;margin-top: 60px;}
	#box-5 li .img {border-radius: 30px 30px 0px 0px;}
	#box-5 li .img_img{padding-bottom: 72%;}
	#box-5 li{padding:0 30px;}
	#box-5 li .content_text{border-radius: 30px;}
	
}
@media (min-width:767px) and (max-width:1199px){
	.banner{height: 730px;}
	.banner .video_btnPC{top: calc(50% - 50px);left: calc(50% - 50px);width: 100px;}
	/*.bannerText .img {width: 57%;padding-bottom: 100px;}*/
	
	#box-1 .Block .left {width: 40%;}
	#box-1 .Block .title img {width: 195%;}
	#box-1 .Block .left .xian {margin: 35px 0;}
	#box-1 .Block .left .text1{font-size: 36px;}
	#box-1 .Block .left .text2{font-size: 26px;}
	#box-1 .Block .left ul{justify-content: space-between;width: 90%;margin-top: 60px;}
	#box-1 .Block .left li {width: auto;}
	#box-1 .Block .left li .num {font-size: 36px;}
	#box-1 .Block .left .btn {margin-top: 60px;}
	#box-1 .Block .right {width: 60%;}
	#box-1 .right .swiper-pagination{bottom: 11%;font-size: 80px;letter-spacing: -0.2em;padding-left: 25%;}
	#box-1 .right .swiper-pagination-current{font-size: 86px;padding-right: 2px;}
	#box-1 .right .swiper-pagination-total{font-size: 40px;}
	
	#box-2{background: url(../img/sy_box02_bj.png) no-repeat center center;background-size: cover;}
	#box-2 .left .t1{display: none!important;}
	#box-2 .left .t2{display: block!important;}
	#box-2 .left .title img {width: 102%;}
	#box-2 .left .text1{margin-top: 50px;}
	#box-2 .left .text1{font-size: 20px;}
	#box-2 .left .text2{font-size: 34px;}
	#box-2 .left li {padding-top: 42px;}
	#box-2 .left .number{margin-top: 0px;}
	#box-2 .left li .title {font-size: 18px;}
	#box-2 .left li .num {font-size: 34px;}
	#box-2 .left li .desc {font-size: 15px;}
	
	#box-3 li .content{padding: 200px 0;}
	#box-3 li .content .img {height: 140px;max-width: 700px;}
	#box-3 li .content .img img{width: 80%;}
	#box-3 li .content .btn_block{margin-top: 50px;}
	
	#box-5 .Block1 .title img {width: 65%;}
	#box-5 .box1{margin: 0 -23px;margin-top: 50px;}
	#box-5 li .img {border-radius: 25px 25px 0px 0px;}
	#box-5 li .img_img{padding-bottom: 80%;}
	#box-5 li .time{padding: 7px 13px;bottom: 70px;left: 40px;}
	#box-5 li .time>div:nth-child(1) {font-size: 28px;}
	#box-5 li{padding:0 23px;}
	#box-5 li .content_text{border-radius: 25px;padding: 45px 30px 45px 30px;margin-top: -50px;}
	#box-5 li .content_text .title{font-size: 26px;}

	
}
@media (min-width:767px) and (max-width:850px){
	#box-1 .Block .left .xian {margin: 25px 0;border-bottom: 2px dashed #fff;}
	#box-1 .Block .left .text1 {font-size: 28px;}
	#box-1 .Block .left .text2 {font-size: 19px;}
	#box-1 .Block .left ul{width: 100%;margin-top: 50px;}
	#box-1 .Block .left li .num {font-size: 28px;}
	#box-1 .Block .left li .title {font-size: 16px;}
	#box-1 .Block .left li .desc {font-size: 15px;}
	#box-1 .Block .left .btn {margin-top: 50px;}
	/*#box-1 .right li {padding: 100px 20px 0px 30px;}*/
	#box-1 .right .swiper-pagination{font-size: 55px;padding-right: 10%;}
	#box-1 .right .swiper-pagination-current {font-size: 72px;}
	#box-1 .right .swiper-pagination-total {font-size: 34px;}
	
	#box-2 .left .title img {width: 102%;}
	#box-2 .left .text1{margin-top: 50px;}
	#box-2 .left .text1{font-size: 18px;}
	#box-2 .left .text2{font-size: 28px;}
	#box-2 .left li .title {font-size: 16px;}
	#box-2 .left li .num {font-size: 28px;}
	
	#box-5 .box1 {padding-bottom: 60px;margin-bottom: 60px;}
	#box-5 .Block1 .title{width: 80%;}
	#box-5 .Block1 .title img {width: 68%;}
	#box-5 .swiper-pagination{display: block;}
	
}



@media (max-width:767px){
	.banner {height: 350px;}
	.banner .video_btnPC {top: calc(50% - 23px);left: calc(50% - 38px);width: 75px;}
	
	#box-1{background: url(../img/sy_box01_bjsj.png) no-repeat center center;background-size: cover;}
	#box-1 .Block .left {padding-top: 60px;}
	#box-1 .Block .left,#box-1 .Block .right{width: 100%;}
	#box-1 .Block .title img {width: 68%;margin: auto;}
	#box-1 .Block .left .xian {margin: 20px 0;border-bottom: 1px dashed #fff;}
	#box-1 .Block .left .text1 {font-size: 28px;text-align: center;}
	#box-1 .Block .left .text2 {font-size: 20px;text-align: center;}
	#box-1 .Block .left ul{width: 100%;margin-top: 25px;justify-content: space-between;}
	#box-1 .Block .left li{width: auto;}
	#box-1 .Block .left li .num {font-size: 28px;}
	#box-1 .Block .left li .title {font-size: 16px;}
	#box-1 .Block .left li .desc {font-size: 14px;}
	#box-1 .Block .left .btn {margin-top: 25px;}
	#box-1 .Block .right{margin-top: 25px;}
	#box-1 .Block .right .box1{margin: 0 -10px;}
	#box-1 .right li{padding: 10px;}
	#box-1 .right li .img{width: 100%;border: 2px solid #fff;border-radius: 8px;overflow: hidden;}
	#box-1 .btn_block{text-align: center;}
	#box-1 .Block .right::before, #box-1 .Block .right::after{display: none;}
	#box-1 .right .content {width: 80%;margin-left: 0%;margin-top: 0px;position: relative;left: 0;}
	#box-1 .right .swiper-pagination{bottom: 5%;font-size: 42px;letter-spacing: -0.2em;padding-right: 6%;}
	#box-1 .right .swiper-pagination-current{font-size: 60px;padding-right: 2px;}
	#box-1 .right .swiper-pagination-total{font-size: 24px;}
	
	#box-2{background: url(../img/sy_box02_bjsj.png) no-repeat center center;background-size: cover;}
	#box-2 .left{width: 100%;}
	#box-2 .left .title img {width: 68%;margin: auto;}
	#box-2 .left .text1{margin-top: 35px;}
	#box-2 .left .text1{font-size: 16px;}
	#box-2 .left .text2{font-size: 24px;}
	#box-2 .left li>div{padding-left: 15px;background-size: 6.5px;}
	#box-2 .left li {padding-top: 25px;}
	#box-2 .left .number{display: flex;justify-content: space-between;}
	#box-2 .left li .title {font-size: 16px;}
	#box-2 .left li .num {font-size: 28px;}
	#box-2 .left li .desc {font-size: 11px;}
	#box-2 .right {width: 100%; margin-bottom: -10px;padding-top: 50px;}
	#box-2 .right::before {width: 7%;height: 7%; top: 57%;right: 15%;}
	
	#box-3{background: url(../img/sy_box03_bjsj.png) no-repeat center center;background-size: cover;}
	#box-3{padding: 60px 0;}
	#box-3 .title img {width: 62%;margin: auto;}
	#box-3 li::after{display: none;}
	#box-3 li{padding: 30px 20px 50px 20px;}
	#box-3 li>div{border-radius: 10px;overflow: hidden;}
	#box-3 li .content{padding: 60px 0 220px 0;}
	#box-3 li .content .img {height: 100px;max-width: 700px;}
	#box-3 li .content .img img{width: 100%;}
	#box-3 li .content .btn_block{margin-top: 30px;}
	#box-3 .swiper-pagination {bottom: 0px;}
	#box-3 .swiper-pagination .swiper-pagination-bullet,#box-3 .swiper-pagination .swiper-pagination-bullet-active {background: #CF1C1B;}
	
	#box-4 .title img {width: 68%;}
	#box-4 .container .img{margin-top: 35px;}
	#box-4 .container .img img{width: 100%;}
	
	#box-5 .box1 {padding-bottom: 50px;margin-bottom: 60px;}
	#box-5 .Block1 .title{width: 100%;}
	#box-5 .Block1 .title img {width: 68%;margin: auto;}
	#box-5 .box1{margin: 0 -10px;margin-top: 35px;margin-bottom: 40px;}
	#box-5 li{padding:0 10px;}
	#box-5 li .img {border-radius: 20px 20px 0px 0px;}
	#box-5 li .img_img {padding-bottom: 70%;}
	#box-5 li .time{padding: 5px 12px;left: 40px;}
	#box-5 li .time>div:nth-child(1) {font-size: 30px;}
	#box-5 li .time>div:nth-child(2) {font-size: 10px;}
	#box-5 li .content_text{border-radius: 20px;padding: 40px 25px 40px 25px;}
	#box-5 li .content_text .title {font-size: 22px;line-height: 1.4;}
	#box-5 li .content_text .xian {margin: 17px 0;}
	#box-5 li .content_text .xw_btn{margin-top: 30px;}
	#box-5 li .content_text .xw_btn img {width: 35px;}
	#box-5 .swiper-pagination{display: block;}
	
}



/*分页*/
.swiper-pagination{width: 100%;bottom:40px;}
.swiper-pagination .swiper-pagination-bullet{transition: 0.5s;opacity: 0.4;}
.swiper-pagination .swiper-pagination-bullet,.swiper-pagination .swiper-pagination-bullet-active{background:#fff;}
.swiper-pagination .swiper-pagination-bullet-active{width: 28px;border-radius: 18px;opacity: 1;}
.swiper-pagination span{width:10px;height:10px;margin:0 5px}
@media (max-width:767px){
	.swiper-pagination{bottom:20px;}
	.swiper-pagination .swiper-pagination-bullet-active{width: 20px;border-radius: 10px;opacity: 1;}
	.swiper-pagination span{width:8px;height:8px;margin:0 3px}
}

