.main .container{max-width: 1580px;}

#video .box1{position: relative;margin-top: 70px;}
#video .video_btn{position: absolute;left: calc(50% - 59px);top:calc(53% - 59px);}
#video .video_btn img{width: 118px;cursor: pointer;transition: all .5s;}
#video .video_btn img:hover{transform: scale(0.9);}
#video .fix_video {position: fixed;top: 0;left: 0;width: 100%;height: 100%;z-index: 9999;display: none;}
#video .fix_video .fix_bg {background: rgba(0, 0, 0, .7);position: absolute;left: 0;top: 0;width: 100%;height: 100%;z-index: 99;}
#video .fix_video .fix_text {display: -ms-flexbox;display: flex;-ms-flex-pack: justify;justify-content: space-between;-ms-flex-align: center;align-items: center;overflow: hidden;height: 100%;}
#video .fix_video .fix_text .video {width: 100%;max-width: 55%;margin: 0 auto;position: relative;margin-top: 50px;}
#video .fix_video .fix_text .video video {width: 100%;position: relative;z-index: 100;}
#video .fix_video i img{width: 45px;height: 45px;position: absolute;z-index: 999;cursor: pointer;top: -60px;right: -60px;filter: invert(1);}


#box-1{padding: 0;}
#box-1 .block01{position: relative;width: 100%;height: 62vw;}
#box-1 .box1{text-align: center;width: 100%;position: relative;}
#box-1 .box1 .title{color: #000;font-size: 4.2vw;}
#box-1 .box1 .ftitle{color: #FE027D;font-size: 4.2vw;}
#box-1 .box1 .desc {width: 80%;margin: 40px auto 0 auto;max-width: 1100px;}
#box-1 .box1 .desc p{font-size: 1.25vw;padding: 5px 0;line-height: 1.8;}
#box-1 .img1{animation: lime1 5s linear alternate infinite;}
#box-1 .img2{animation: lime2 5s linear alternate infinite;}
#box-1 .img3{animation: lime3 5s linear alternate infinite;}


.box2_3_bj{background: url(../img/about_box2_bj.jpg)no-repeat center center;background-size: cover;}
.box2_3_bj .pub_title .ftitle {margin: 0px;}

#box-2 {padding-bottom: 40px;}
#box-2 .block01{position: relative;}
#box-2 .block01 .pub_title .title p{color: #FE027D;}
#box-2 .block01 .left{width: 42%;}
#box-2 .block01 .right{width: 43.5%;}
#box-2 .box1{position: relative;overflow: hidden;border-radius: 10px;-webkit-transform: translate3d(0, 0, 0);margin-top: 50px;}
#box-2 .box2 {position: relative;animation: lime4 4s linear alternate infinite;margin-top: 25px;}
#box-2 .box2 .img:not(:first-child){position: absolute;width: 100%;height: 100%;left: 0;top: 0;}
#box-2 .box2 .img img{opacity: 0;transition: 0.8s;}
#box-2 .box2 .img.on img{opacity: 1;}


#box-3{padding-top: 100px;}
#box-3 .block01{align-items: flex-start;}
#box-3 .left{width: 50%;}
#box-3 .box1{padding-top:10px;margin-top: 340px;position: relative;overflow: hidden;}
#box-3 .box1 ul{transition: 0.5s;flex-wrap: wrap;height: 220px!important;}
#box-3 .box1 li{cursor: pointer;}
#box-3 .box1 li .title{font-size: 36px;color: #9D9D9D;}
#box-3 .box1 li.swiper-slide-active .title{color: #FE027D;transform: scale(2);transform-origin: left;}

#box-3 .right{width: 39%;}
#box-3 .box2{position: relative;overflow: hidden;margin: -35px 0;}
#box-3 .box2 li{height: auto!important;}
#box-3 .box2 li>div{border-top: 1px dashed rgba(255, 255, 255, 0.5);padding: 35px 0;}
#box-3 .box2 li:nth-child(1)>div,#box-3 .box2 li.swiper-slide-active>div{border-color: transparent;}
#box-3 .box2 li.swiper-slide-prev>div{border: none;}
#box-3 .box2 li .title{font-size: 60px;color: #fff;}
#box-3 .box2 li .desc{padding-left: 30px;padding-top: 10px;}
#box-3 .box2 li .desc p{font-size: 24px;color: #fff;position: relative;padding-bottom: 10px;}
#box-3 .box2 li .desc p::after{content: '';width: 18px;height: 18px;background:#FE027D;position: absolute;left: -30px;top: 9px;border-radius: 50%;}


#box-4{position: relative;background: #000;padding: 80px 0;height: 100vh;}
#box-4 .container{height: 100%;}
#box-4 .box1{position: relative;z-index: 2;}
#box-4 .box1 li{font-size: 60px;color: #fff;padding: 18px 0;cursor: pointer;display: flex;align-items: center;}
#box-4 .box1 li.active{color: #FE027D;}
#box-4 .box1 li::before{content: '';width: 0px;height: 0px;background: url(../img/about_box4_jt.png)no-repeat center center;background-size: contain;display: block;transition: 0.5s;}
#box-4 .box1 li.active::before{margin-right: 20px;width: 50px;height: 50px;}
#box-4 .box1 li>div{transition: 0.5s;transform-origin: left;}
#box-4 .box1 li.active>div{transform: scale(1.3);}

#box-4 .box2{position: absolute;width: 100%;height: 100%;top: 0;left: 0;}
#box-4 .box2 *{height: 100%;}
#box-4 .box2 li .img{transform-origin: 50% 0%;}
#box-4 .box2 li.swiper-slide-active .img{animation: clip 1.6s forwards cubic-bezier(0.3, 0, 0.24, 1);}
#box-4 .box2 li .img img{transform: scale(1.1);transition: all 3s ease;}
#box-4 .box2 li.swiper-slide-active .img img{transform: scale(1);}


#box-5{background: #000;}
#box-5 .box1{position: relative;overflow: hidden;margin-top: 95px;}
#box-5 .box1 li>div{width: 85.5%;margin: auto;}
#box-5 .img{width: 40%;overflow: hidden;border-radius: 20px;}
#box-5 .content{width: 56%;text-align: center;margin-right: -2%;}
#box-5 .content p{color: #fff;font-size: 4.4vw;}
#box-5 .swiper-button-prev::after,#box-5 .swiper-button-next::after{display: none;}
#box-5 .swiper-button-prev,#box-5 .swiper-button-next{width: 15px;height: 27px;}
#box-5 .swiper-button-prev{left: 0;}
#box-5 .swiper-button-next{right: 0;}


#box-6{background: #000;padding: 15px 0 0 0;position: relative;}
#box-6 .title img{width: 37px;}
#box-6 .title p{font-size: 65px;font-style: italic;color: #fff;padding: 0 20px;}
#box-6 .box1{margin-top: 80px;position: relative;z-index: 2;}
#box-6 .box1 ul{justify-content: center}
#box-6 .box1 li{width: auto;cursor: pointer;margin:15px 14px;}
#box-6 .box1 li>div{font-size: 18px;color: #fff;padding: 14px 34px;border-radius: 8px;position: relative;background: none;}
#box-6 .box1 li>div::after{content: '';width: 100%;height: 100%;border: 1px solid #E61E77;position: absolute;left: 0;top: 0;border-radius: 8px;}
#box-6 .box1 li.swiper-slide-thumb-active>div,#box-6 .box1 li:hover>div{background: #E61E77;}
#box-6 .box1 li.swiper-slide-thumb-active>div::after,#box-6 .box1 li:hover>div::after{transform: rotate(7deg) translateX(2px);transition: 0.5s;}

#box-6 .box2{margin-top: 40px;}
#box-6 .box2>ul>li{opacity: 0!important;transition: 0.5s;}
#box-6 .box2>ul>li.swiper-slide-active{opacity: 1!important;z-index: 2;}

#box-6 .block{height: 65vh;max-height:700px;margin-top: -15px;}
#box-6 .rotating-slider {width: 100%;position: absolute;left: 48%;margin: 0 auto;}
#box-6 .rotating-slider ul.slides li {position: absolute;left: 50%;clip-path:none!important;}
#box-6 .rotating-slider ul.slides li .img {width: 20vw;transform: scale(0.85);border-radius: 15px;overflow: hidden;}
#box-6 .rotating-slider ul.slides li img{width: 100%;height: 100%;object-fit: cover;pointer-events: none;}

#box-6 .box4{margin-top: 60px;margin-bottom: 100px;}
#box-6 .box4 li{width: 56px;margin: 0 10px;}
#box-6 .box4 li img{width: 100%;}
#box-6 .box4>div{font-size: 20px;color: rgba(255, 255, 255, 0.5);text-align: center;margin-top: 10px;}


@media (min-width:850px){
	#box-1 .fadeZdy{animation-name: none;visibility: visible!important;}
	#box-1 .box1{top: 15%;opacity: 0;}
	#box-1 .imgBox{width: 55%;left: 50%;position: absolute;top: 50%;transform: translate(-45%, -50%);}
	#box-1 .img1{width: 19vw;position: absolute;left: -2vw;margin-top: 38vw;bottom: 55%;}
	#box-1 .img2{width: 10vw;position: absolute;right: 0vw;margin-top: 25vw;top: -20vw;margin-right: 0vw;}
	#box-1 .img3{width: 19vw;position: absolute;right: 0vw;margin-top: 26vw;top: 4vw;margin-right: -3vw;}
	
	#box-3 .fadeUp{animation-name: none;visibility: visible!important;}
}
@media (min-width:1199px) and (max-width:1600px){
	#box-6 .box2 {margin-top: 60px;}
	#box-6 .block{max-height: 560px;transform: rotate(357deg);}
	#box-6 .rotating-slider {left: 46%;}
	#box-6 .rotating-slider ul.slides li .img {width: 20vw;transform: scale(0.96) rotate(3deg);}
	#box-6 .box4{margin-top: 0px;margin-bottom: 80px;}
	#box-6 .box4 li{width: 50px;}
	#box-6 .box4>div{font-size: 18px;}
}
@media (min-width:1199px) and (max-width:1500px){
	#box-1 .block01{height: 65vw;}
	#box-1 .box1 .desc p{font-size: 1.5vw;}
	#box-1 .imgBox{top: 55%;}
	#box-1 .img1{margin-left: 3vw;}
	#box-1 .img2{margin-right: 3vw;}
	#box-1 .img3{margin-right: 0;}
	
	#box-3 .box2 li .desc p{font-size: 20px;}
	#box-3 .box2 li .desc p::after{width: 16px;height: 16px;left: -30px;top: 7px;}
	
	#box-4 .box1 li{font-size: 3.6vw;}
	#box-4 .box1 li.active::before{margin-right: 15px;width: 45px;height: 45px;}
	
	#box-6 .box1{margin-top: 60px;}
	#box-6 .title img{width: 30px;}
	#box-6 .title p{font-size: 58px;padding: 0 18px;}
}
@media (min-width:767px) and (max-width:1199px){
	#video .video_img img{height: 400px;}
	#video .fix_video .fix_text .video {max-width: 77%;margin-top: 5px;}
	#video .video_btn {left: calc(50% - 40px);top: calc(50% - 40px);}
	#video .video_btn img {width: 80px;}
	
	#box-1 .box1 .desc{margin-top: 35px;}
	#box-1 .box1 .desc p{font-size: 1.5vw;}
	#box-1 .imgBox{top: 53%;}
	#box-1 .img1{margin-left: 2vw;}
	
	#box-2 {padding-bottom: 20px;}
	
	#box-3 {padding-top: 90px;}
	#box-3 .box1{margin-top: 260px;}
	#box-3 .box1 ul{height: 170px !important;}
	#box-3 .box1 li .title {font-size: 26px;}
	#box-3 .right {width: 45%;}
	#box-3 .box2 li .title{font-size: 38px;}
	#box-3 .box2 li .desc{padding-left: 25px;}
	#box-3 .box2 li .desc p{font-size: 16px;}
	#box-3 .box2 li .desc p::after{width: 13px;height: 13px;left: -25px;top: 5px;}
	
	#box-4 .box1 li{font-size: 38px;}
	#box-4 .box1 li.active::before{margin-right: 15px;width: 42px;height: 42px;}
	
	#box-6 .title img{width: 26px;}
	#box-6 .title p{font-size: 52px;padding: 0 13px;}
	#box-6 .box1{margin-top: 50px;}
	#box-6 .box1 li>div {font-size: 17px;padding: 12px 20px;border-radius: 7px;}
	#box-6 .box1 li>div::after {border-radius: 7px;}
	#box-6 .box2 {margin-top: 55px;}
	#box-6 .block{max-height: 350px;height:48vh;transform: rotate(357deg);}
	#box-6 .rotating-slider {left: 44%;}
	#box-6 .rotating-slider ul.slides li .img{width: 22vw;transform: scale(0.96) rotate(3deg);border-radius: 10px;}
	#box-6 .box4{margin-top: 80px;margin-bottom: 65px;}
	#box-6 .box4 li{width: 42px;margin: 0 8px;}
	#box-6 .box4>div{font-size: 15px;}
	
}
@media (min-width:767px) and (max-width:850px){
	#box-6 .box2 {margin-top: 60px;}
	#box-6 .rotating-slider {left: 42%;}
	#box-6 .rotating-slider ul.slides li .img {width: 24vw;transform: scale(0.98) rotate(3deg);}
	#box-6 .box4 {margin-top: 15px;margin-bottom: 60px;}
}
@media (max-width: 850px){
	#box-1{padding: 90px 0 0 0;}
	#box-1 .block01{height: auto;}
	#box-1 .box1 .title,#box-1 .box1 .ftitle{font-size: 40px;}
	#box-1 .box1 .desc{width: 100%;}
	#box-1 .box1 .desc p{font-size: 15px;}
	#box-1 .box2{position: relative;}
	#box-1 .imgBox{width: 68%;margin: 35px auto -15% auto;padding-left: 5%;}
	#box-1 .img1{position: absolute;width: 23%;top: 15%;left: -4.5%;}
	#box-1 .img2{position: absolute;width: 18%;top: -5%;right: 4%;}
	#box-1 .img3{position: absolute;width: 23%;top: 35%;right: -4%;}
	
	#box-2 .block01 .left{width: 100%;}
	#box-2 .block01 .right{position: absolute;top: 0;right: -20px;animation-name: none;width: 40.5%;}
	#box-2 .box2 .img img{transition: 0s;}
	
	#box-3 .box2 ul{flex-wrap: wrap;}
	
}
@media (max-width: 767px){
	#video .box1{margin-top: 50px;}
	#video .video_btn {left: calc(50% - 29px);top: calc(50% - 29px);}
	#video .video_btn img {width: 58px;}
	#video .fix_video .fix_text .video {max-width: 88%;margin-top: -80px;}
	#video .fix_video i img{top: auto;bottom: -80px;left: calc(50% - 22px);}
	
	#box-1{padding: 70px 0 0 0;}
	#box-1 .box1 .title, #box-1 .box1 .ftitle {font-size: 32px;}
	#box-1 .box1 .ftitle span{display: inline-block;}
	#box-1 .box1 .ftitle span:nth-child(2){display: none;}
	#box-1 .box1 .desc{margin-top: 25px;text-align: justify;}
	#box-1 .imgBox {margin: 20px auto -12% auto;}
	
	#box-2 .block01 .right {top: 5%;right: -15px;}
	
	#box-3{padding-bottom: 60px;padding-top: 40px;}
	#box-3 .left .box1{display: none;}
	#box-3 .left,#box-3 .right {width: 100%;}
	#box-3 .box2{margin-top: 30px;margin-bottom: 0;}
	#box-3 .box2 li>div{padding: 20px 0;}
	#box-3 .box2 li .title{font-size: 32px;}
	#box-3 .box2 li .desc{padding-left: 18px;}
	#box-3 .box2 li .desc p{font-size: 15px;}
	#box-3 .box2 li .desc p::after{width: 11px;height: 11px;left: -18px;top: 6px;}
	
	#box-4 {height: auto;}
	#box-4 .box1 li{font-size: 28px;padding: 16px 0;}
	#box-4 .box1 li.active::before{margin-right: 10px;width: 26px;height: 26px;}
	#box-4 .box2 li.swiper-slide-active .img{animation: clip2 1.6s forwards cubic-bezier(0.3, 0, 0.24, 1);}
	
	#box-5{padding-bottom: 60px;}
	#box-5 .box1{margin-top: 45px;}
	#box-5 .img{width: 88%;margin:0px auto 0 auto;}
	#box-5 .content{width: 100%;display: none;margin-top: 30px;}
	#box-5 .content p{font-size: 28px;}
	
	#box-6 .title img{width: 18px;}
	#box-6 .title p{font-size: 38px;padding: 0 8px;}
	#box-6 .box1{margin-top: 45px;}
	#box-6 .box1 li {margin: 12px;}
	#box-6 .box1 li>div {font-size: 15px;padding: 8px 16px;border-radius: 5px;}
	#box-6 .box1 li>div::after {border-radius: 5px;}
	#box-6 .box3{position: relative;overflow: hidden;margin: 0 -10px;}
	#box-6 .box3 li{pointer-events: auto!important;padding: 0 10px;}
	#box-6 .box3 li .img{border-radius: 8px;overflow: hidden;}
	#box-6 .box4{margin-top: 45px;margin-bottom: 60px;}
	#box-6 .box4 li{width: 38px;margin: 0 6px;}
	#box-6 .box4>div{font-size: 14px;}
}


@keyframes lime1{100% {transform: translate(1.5vw, -3vw) rotate(12deg);}}
@keyframes lime2{100% {transform: translate(2vw, 3vh) rotate(-12deg);}}
@keyframes lime3{100% {transform: translate(-1.5vw, 1vh) rotate(12deg);}}
@keyframes lime4{0% {transform:rotate(-5deg);}50% {transform:rotate(0deg);}100% {transform:rotate(5deg);}}
@keyframes clip{
	0%{clip-path: ellipse(50% 50% at 50% 150%);}
	100%{clip-path: ellipse(100% 180% at 50% 150%);}
}
@keyframes clip2{
	0%{clip-path: ellipse(50% 50% at 50% 150%);}
	100%{clip-path: ellipse(200% 180% at 50% 150%);;}
}