header .logo img{content: url(../img/logoB.png);}
header .control_dh .dh_open{content: url(../img/dhB.png);}
.main{position: relative;overflow: hidden;}

#banner{position: relative;background: #FE027D;height: 100vh;overflow: hidden;width: 100%;}
#banner .title{width: 75%;margin: auto;-webkit-mask-image: url(../img/bannerlogo.png);-webkit-mask-position: center center;-webkit-mask-size: 100%;mask-image: url(../img/bannerlogo.png);mask-position: center center;mask-size: 100%;z-index: 2;position: relative;transition: 0.2s;transform-origin: center;}
#banner .title .img{opacity: 0.1;}
#banner .title .block01{position: absolute;width: 0%;height: 100%;background: #fff;left: 0;top: 0;display: block;transition: 0.5s;animation: titleImg 1s forwards ease-in-out;animation-delay: 0.5s;}
@keyframes titleImg {0% {width: 0;}100% {width: 100%;}}
#banner .box2{width: 100%;position: absolute;bottom: 60px;}
#banner .box2 p{font-size: 17px;color: #fff;}


#box-1{background: #FE027D;position: relative;padding-bottom:0;}
#box-1 .title_content{text-align: center;}
#box-1 .title_content .title p{font-size: 100px;color: #fff;line-height: 1.3;}
#box-1 .title_content .ftitle{font-size: 35px;color: #fff;margin: 20px 0 40px 0;}
#box-1 .title_content .ftitle span{font-size: 76px;padding: 0 8px;font-family: "fontH"!important;}

#box-1 .block01{width: 85%;max-width: 1160px;margin: auto;}
#box-1 .box1{position: relative;overflow: hidden;margin: 0 -40px -40px -40px;}
#box-1 .noEvent{pointer-events: none;}
#box-1 .box1 li>div{padding: 20px 40px;}
#box-1 .box1 li:nth-child(1)>div{transform: translateX(19vw) translateY(0px) translateZ(0px);}
#box-1 .box1 li:nth-child(2)>div{transform: translateX(6vw) translateY(0px) translateZ(0px);}
#box-1 .box1 li:nth-child(3)>div{transform: translateX(-7vw) translateY(0px) translateZ(0px);}
#box-1 .box1 li:nth-child(4)>div{transform: translateX(-20vw) translateY(0px) translateZ(0px);}


#box-2{position: relative;background: url(../img/index_box2_bj.jpg)no-repeat center center;background-size: cover;}
#box-2 .box1{margin-top: 90px;}
#box-2 .box1 li{padding: 25px 0;}
#box-2 .box1 li:not(:last-child){border-bottom: 1px solid #fff;}
#box-2 .box1 li .title{transition: 0.5s;width: calc(100% - 120px);}
#box-2 .box1 li:hover .title{padding-left: 3%;}
#box-2 .box1 li .title p{font-size: 74px;color: #fff;line-height: 1.3;}
#box-2 .box1 li:hover .title p{color: #FD017F;}
#box-2 .box1 li .jt{width: 114px;height: 114px;border-radius: 50%;display: block;position: relative;overflow: hidden;text-align: center;}
#box-2 .box1 li .jt::after{content: '';width: 100%;height: 100%;background: #FD017F;position: absolute;top: 0;left: 0;z-index: -1;border-radius: 50%;transform: scale(0);transition: 0.5s;}
#box-2 .box1 li:hover .jt::after{transform: scale(1);}
#box-2 .box1 li .jt img{transition: 0.5s;width: 48px;}
#box-2 .box1 li:hover .jt img{transform: rotate(-20deg);}
#sb_class{position: absolute;width: 23%;transition: 0.2s;pointer-events: none;max-width: 380px;}
#sb_class ul{position: relative;}
#sb_class li{position: absolute;width: 100%;height: 100%;opacity: 0;transition: 0.3s;transform: scale(0);transform-origin: bottom;}


#box-3{position: relative;padding-top: 50px;margin-top: -200px;padding-bottom: 20px;}
#box-3 .box1{width: 93%;margin: auto;}
#box-3 .box1 .left{width: 50%;}
#box-3 .pub_title .title p{margin-left: -3px;color: #FD017F;}
#box-3 .box1 .xian{margin: 50px 0 30px 0;}
#box-3 .box1 .desc{font-size: 24px;}
#box-3 .box1 .desc p{padding: 18px 0;line-height: 1.9;text-align: justify;}
#box-3 .pub_btn{margin-top: 90px;}
#box-3 .box1 .right{width: 39%;}
#box-3 .box1 .right .img{border-radius: 15px;overflow: hidden;}


#box-4 .pro_content,#box-4 .pro_img{position: relative;overflow: hidden;}
#box-4 .pro_content li,#box-4 .pro_img li{opacity: 0;visibility: hidden;transition: 0s;}
#box-4 .pro_content li.swiper-slide-active,#box-4 .pro_img li.swiper-slide-active{opacity: 1;visibility: visible;}
#box-4 .left{width: 50%;}
#box-4 .pro_content li>div{opacity: 0;}
#box-4 .pro_content li.swiper-slide-active>div{transition: 0.5s;opacity: 1;}
#box-4 .pro_content .ftitle,#box-4 .pro_content .title{margin-left: -2px;}
#box-4 .pro_content .ftitle p{font-size: 56px;color: #FD017F;text-transform: uppercase;line-height: 1.2;}
#box-4 .pro_content .title{font-size: 120px;color: #000;line-height: 1.3;}
#box-4 .pro_content .desc{padding: 30px 0;width: 86%;text-align: justify;}
#box-4 .pro_content .desc p{font-size: 18px;}

#box-4 .pro_control{margin: 90px -3% 0 -3%;position: relative;}
#box-4 .pro_control li>div{position: relative;padding: 20px 0;margin: 0 13%;cursor: pointer;}
#box-4 .pro_control li>div .img{width: 57%;margin: auto;}
#box-4 .pro_control li>div::before{content: '';width: 100%;height: 100%;background: url(../img/index_box4_yuan.png)no-repeat center center;background-size: contain;position: absolute;top: 0;left: 0;z-index: -1;}
#box-4 .pro_control li>div::after{content: '';width: 39%;height: 39%;background: url(../img/index_box4_jt.png)no-repeat center center;background-size: contain;position: absolute;top: 12%;right: -20%;z-index: -1;transform: scale(0);transition: 0.5s;}
#box-4 .pro_control li.swiper-slide-thumb-active>div::after,#box-4 .pro_control li>div:hover::after{transform: scale(1);}

#box-4 .right{width: 43.5%;position: relative;}
#box-4 .right::after{content: '';width: 100%;height: 100%;background: url(../img/index_box4_quan.png)no-repeat center center;background-size: contain;position: absolute;top: 0;left: 0;pointer-events: none;animation: rotate 12s infinite linear;}
#box-4 .pro_img li>div{width: 59%;margin: auto;transform: translateY(50%);}
#box-4 .pro_img li.swiper-slide-active>div{transition: 0.5s;transform: translateY(0%);}
#box-4 .pub_btn{margin-top: 100px;}


#box-5{background: #000;}
#box-5 .box1{position: relative;margin-left: -3.5%;}
#box-5 .dian,#box-5 .xian{position: absolute;width: 100%;height: 100%;top: 0;left: 0;}
#box-5 .quan{position: absolute;width: 12px;height: 12px;top: 57%;right: 28.6%;background: #fff;border-radius: 100%;}
#box-5 .quan span{position: absolute;width: 100%;height: 100%;}
#box-5 .quan span:nth-child(1){transform: scale(4);}
#box-5 .quan span:nth-child(2){transform: scale(8);opacity: 0.9;}
#box-5 .quan span:nth-child(3){transform: scale(12);opacity: 0.7;}
#box-5 .quan span:nth-child(4){transform: scale(16);opacity: 0.5;}
#box-5 .quan span:nth-child(5){transform: scale(20);opacity: 0.3;}
#box-5 .quan span img{animation: sc 2s infinite linear;}
#box-5 .xian p{-webkit-mask-image: url(../img/index_box5_xian.png);-webkit-mask-position: center center;-webkit-mask-size: 100%;mask-image: url(../img/index_box5_xian.png);mask-position: center center;mask-size: 100%;z-index: 2;transition: 0.2s;transform-origin: center;}
#box-5 .xian img{opacity: 0;}
#box-5 .xian p::after{content: '';width: 0%;height: 0%;position: absolute;right: 0;bottom: 0;background-color: #fff;transition: 0.5s;animation: wh 3.5s infinite linear;}
#box-5 .box2{align-items: flex-end;font-family: 'fontH';margin-top: -10px;}
#box-5 .box2 *{color: #fff;}
#box-5 .box2 span{color: #FD017F;}
#box-5 .box2 .box_1{font-size: 38px;line-height: 1.4;}
#box-5 .box2 .box_1>div:nth-child(2) span{font-size: 58px;}
#box-5 .box2 .box_1 span{font-size: 48px;}
#box-5 .box2 .box_2{width: 34%;margin-bottom: 5px;}
#box-5 .box2 .box_2 ul{align-items: flex-start;font-size: 35px;}
#box-5 .box2 .box_2 .ftitle{font-size: 26px;}
#box-5 .box2 .box_2 span{font-size: 70px;line-height: 1.3;}


#box-6{background: #FD017F;}
#box-6 .box1{margin: 0 -23%;padding-top: 55px;}
#box-6 .swiper-slide-shadow-left,#box-6 .swiper-slide-shadow-right{display: none;}
#box-6 li .img{border-radius: 35px;overflow: hidden;}
#box-6 .swiper-pagination span{background: #fff;}


#box-7{background: #000;padding-bottom: 130px;}
#box-7 .box1{margin: 60px -8px 0 -8px;height: 110vh;overflow: hidden;position: relative;}
#box-7 .box1::before,#box-7 .box1::after{content: '';width: 100%;height: 28%;position: absolute;top: -20px;left: 0;background: linear-gradient(180deg, #000 10%, rgba(255, 255, 255, 0) 100%);z-index: 2;pointer-events: none;}
#box-7 .box1::after{transform: rotate(180deg);bottom: -20px;top: auto;}
#box-7 .box1 .tempWrap{height: 100%!important;}
#box-7 .box1 .list{width: 33.333%;position: relative;}
#box-7 .box1 .list:nth-child(2n-1){margin-top: -27vh;}
#box-7 .box1 .list:nth-child(2n-1)::after{top: 2%;}
#box-7 .box1 .list li>div{padding: 8px;}
#box-7 .box1 .list li .img{border-radius: 10px;overflow: hidden;height: 443px!important;}
#box-7 .box1 .list li .img img{height: 100%;}


#box-8{background: #F3F3F3;}
#box-8 #news{margin-top: 80px;position: relative;overflow: hidden;}
#box-8 #news ul{flex-wrap: nowrap;}
#box-8 .pub_btn{margin-top: 80px;}

#box-9{background: #F3F3F3;padding:  10px 0 180px 0;}
.box-slide-yw{border-top: 1px solid #FD017F;border-bottom: 1px solid #FD017F;padding: 43px 0;background: #F3F3F3;}
.box-slide-yw ul li{width: 250%;padding: 0 3vw;}

@media (min-width: 767px){
	#box-6 li{flex-shrink: 0!important;position: relative!important;transition-property: transform!important;box-sizing: border-box!important;}
	#box-6 li.swiper-slide-active{transform: translate3d(0px, 5px, -2vw) rotateX(0deg) rotateY(55deg) scale(1.08)!important;opacity: 1;}
	#box-6 li.swiper-slide-active+li{transform:translate3d(1vw, 0px, -115.9485px) rotateX(0deg) rotateY(8.9743deg) scale(0.89)!important;opacity: 1;}
	#box-6 li.swiper-slide-next+li{transform:translate3d(-1vw, 0px, -115.9485px) rotateX(0deg) rotateY(-8.9743deg) scale(0.89)!important;opacity: 1;}
	#box-6 li.swiper-slide-next+li+li{transform:translate3d(0px, 5px, -2vw) rotateX(0deg) rotateY(-55deg) scale(1.08)!important;opacity: 1;}
}

@media (min-width:1199px) and (max-width:1500px){
	#box-1 .title_content .title p{font-size: 83px;}
	#box-1 .title_content .ftitle{font-size: 34px;margin: 25px 0 45px 0;}
	
	#box-2 .box1 li .title p {font-size: 63px;}
	#box-2 .box1 li .jt {width: 100px;height: 100px;}
	#box-2 .box1 li .jt img{width: 43px;}
	
	#box-3 .box1 {width: 95%;}
	#box-3 .box1 .desc{font-size: 20px;}
	#box-3 .pub_btn{margin-top: 60px;}
	#box-3 .box1 .right{width: 41%;}
	
	#box-4 .pro_content .title {font-size: 100px;}
	#box-4 .pro_content .ftitle p {font-size: 46px;}
	#box-4 .pro_content .desc {width: 90%;padding-bottom: 20px;}
	
	#box-5 .box2 .box_1 {font-size: 32px;}
	#box-5 .box2 .box_1 span {font-size: 42px;}
	#box-5 .box2 .box_1>div:nth-child(2) span {font-size: 52px;}
	#box-5 .box2 .box_2 ul {font-size: 28px;}
	#box-5 .box2 .box_2 span {font-size: 58px;}
	#box-5 .box2 .box_2 .ftitle {font-size: 22px;}
	
	#box-6 .box1{padding-top: 25px;}
	#box-6 li.swiper-slide-active{transform: translate3d(0px, 0px, -10vw) rotateX(0deg) rotateY(58deg) scale(1.1)!important;}
	#box-6 li.swiper-slide-next+li+li{transform:translate3d(0px, 0px, -10vw) rotateX(0deg) rotateY(-58deg) scale(1.1)!important;}
	
	#box-7 .box1 .list li .img{height: 360px!important;}
	
	
}
@media (min-width:767px) and (max-width:1199px){
	#banner .box2 p{font-size: 15px;}
	
	#box-1 .title_content .title p{font-size: 68px;line-height: 1.4;}
	#box-1 .title_content .ftitle{font-size: 30px;margin: 25px 0 45px 0;}
	#box-1 .title_content .ftitle span{font-size: 58px;}
	#box-1 .box1 li>div{padding: 20px 30px;}
	
	#box-2 .box1 li .title p {font-size: 46px;}
	#box-2 .box1 li .jt {width: 88px;height: 88px;}
	#box-2 .box1 li .jt img{width: 40px;}
	#sb_class{width: 20.5%;}
	
	#box-3{margin-top: -120px;}
	#box-3 .box1 {width: 100%;}
	#box-3 .box1 .xian {margin: 35px 0 20px 0;}
	#box-3 .box1 .desc {font-size: 16px;}
	#box-3 .box1 .desc p {padding: 13px 0;}
	#box-3 .pub_btn {margin-top: 45px;}
	#box-3 .box1 .right {width: 41%;}
	
	#box-4 .pro_content .title {font-size: 78px;}
	#box-4 .pro_content .ftitle p {font-size: 36px;}
	#box-4 .pro_content .desc {width: 95%;padding-bottom: 0px;}
	#box-4 .pro_content .desc p {font-size: 16px;}
	#box-4 .pub_btn {margin-top: 70px;}
	
	#box-5 .quan {width: 8px;height: 8px;top: 57%;right: 28.5%;}
	#box-5 .box2 .box_1 {font-size: 21px;}
	#box-5 .box2 .box_1 span {font-size: 30px;}
	#box-5 .box2 .box_1>div:nth-child(2) span {font-size: 42px;}
	#box-5 .box2 .box_2 ul {font-size: 22px;}
	#box-5 .box2 .box_2 span {font-size: 40px;}
	#box-5 .box2 .box_2 .ftitle {font-size: 16px;}
	
	#box-6 .box1 {padding-top: 45px;}
	#box-6 li.swiper-slide-active{transform: translate3d(0px, 0px, -14vw) rotateX(0deg) rotateY(55deg) scale(1.1)!important;opacity: 1;}
	#box-6 li.swiper-slide-active+li{transform:translate3d(0.5vw, 0px, -115.9485px) rotateX(0deg) rotateY(8.9743deg) scale(0.92)!important;opacity: 1;}
	#box-6 li.swiper-slide-next+li{transform:translate3d(-0.5vw, 0px, -115.9485px) rotateX(0deg) rotateY(-8.9743deg) scale(0.92)!important;opacity: 1;}
	#box-6 li.swiper-slide-next+li+li{transform:translate3d(0px, 0px, -14vw) rotateX(0deg) rotateY(-55deg) scale(1.1)!important;opacity: 1;}
	#box-6 li .img{border-radius: 20px;}
	
	#box-7{padding-bottom: 80px;}
	#box-7 .box1 {height: 768px;}
	#box-7 .box1 .list li .img{height: 270px!important;}
	
	#box-8 #news {margin-top: 50px;}
	#box-8 .pub_btn {margin-top: 60px;}
	
	#box-9 {padding: 0px 0 120px 0;}
	.box-slide-yw{padding: 40px 0;}
	.box-slide-yw ul li{width: 210%;}
	
}
@media (min-width: 767px) and (max-width: 850px){
	#box-6 .box1{margin: 0 -30%;padding-top: 30px;}
	#box-6 li.swiper-slide-active+li{transform:translate3d(0.15vw, 0px, -115.9485px) rotateX(0deg) rotateY(15.9743deg) scale(0.94)!important;opacity: 1;}
	#box-6 li.swiper-slide-next+li{transform:translate3d(-0.15vw, 0px, -115.9485px) rotateX(0deg) rotateY(-15.9743deg) scale(0.94)!important;opacity: 1;}
	
}
@media (max-width:850px){
	#box-4 .pro_content .title {font-size: 54px;}
	#box-4 .pro_content .ftitle p {font-size:26px;}
	#box-4 .pro_content .desc p {font-size: 15px;}
	#box-4 .pro_control {margin: 70px -3% 0 -3%;}
	
	#box-5 .block01{display: flex;flex-wrap: wrap;flex-direction: column-reverse;}
	#box-5 .box1{margin-top: 50px;}
	#box-5 .box2{margin-top: 0;}
	#box-5 .box2 .box_1,#box-5 .box2 .box_2{width: 100%;text-align: center;}
	#box-5 .box2 .box_2{margin-top: 40px;}
	#box-5 .box2 .box_2 ul{justify-content: center}
	#box-5 .box2 .box_2 li{min-width: 35%;}
	
	#box-7 .box1 .list li .img{height: 200px!important;}
}
@media (max-width:767px){
	#banner{height: 355px;}
	#banner .box2{bottom: 20px;}
	#banner .box2 p{font-size: 9px;}
	
	#box-1 .title_content .title p{font-size: 32px;line-height: 1.4;}
	#box-1 .title_content .ftitle{font-size: 18px;margin: 25px 0 25px 0;}
	#box-1 .title_content .ftitle span{font-size: 38px;}
	#box-1 .block01{width: 100%;padding: 0 0px;}
	#box-1 .box1 {margin: 0px -15px 60px -15px;}
	#box-1 .box1 li>div{padding: 20px 15px 10px 15px;}
	#box-1 .box1 li:nth-child(1)>div{transform: translateX(17vw) translateY(0px) translateZ(0px);}
	#box-1 .box1 li:nth-child(2)>div{transform: translateX(0vw) translateY(0px) translateZ(0px);}
	#box-1 .box1 li:nth-child(3)>div{transform: translateX(-17vw) translateY(0px) translateZ(0px);}
	#box-1 .box1 li:nth-child(4)>div{transform: translateX(0vw) translateY(0px) translateZ(0px);}
	
	#box-2 .box1 {margin-top: 35px;}
	#box-2 .box1 li{padding: 27px 0;}
	#box-2 .box1 li .title{width: calc(100% - 70px);}
	#box-2 .box1 li .title p {font-size: 24px;}
	#box-2 .box1 li .jt {width: 55px;height: 55px;}
	#box-2 .box1 li .jt img{width: 26px;}
	
	#box-3{margin-top:-20px;}
	#box-3 .pub_title{text-align: center;}
	#box-3 .box1 {width: 100%;}
	#box-3 .box1 .left {width: 100%;}
	#box-3 .box1 .xian {margin: 35px 0 20px 0;}
	#box-3 .box1 .desc {font-size: 15px;}
	#box-3 .box1 .desc p {padding: 13px 0;line-height: 1.8;}
	#box-3 .pub_btn {margin-top: 30px;text-align: center;}
	#box-3 .box1 .right {width: 100%;margin-top: 45px;}
	
	#box-4 .left{width: 100%;}
	#box-4 .pro_content .title {font-size: 55px;}
	#box-4 .pro_content .ftitle p {font-size: 26px;}
	#box-4 .pro_content .desc {width: 100%;padding-bottom: 0px;}
	#box-4 .pro_content .desc p {font-size: 15px;}
	#box-4 .pub_btn {margin-top: 60px;}
	#box-4 .right{width: calc(100% - 55px);margin: 40px auto 0 auto;}
	#box-4 .swiper-button-prev,#box-4 .swiper-button-next{top: 50%;}
	#box-4 .swiper-button-prev{left: -40px;}
	#box-4 .swiper-button-next{right: -40px;}
	
	#box-5 .box1 {margin-top: 40px;}
	#box-5 .quan {width: 5px;height: 5px;top: 57%;right: 28.2%;}
	#box-5 .box2 .box_1 {font-size: 15px;line-height: 1.5;}
	#box-5 .box2 .box_1 span {font-size: 22px;}
	#box-5 .box2 .box_1>div:nth-child(2) span {font-size: 36px;}
	#box-5 .box2 .box_2 ul {font-size: 18px;}
	#box-5 .box2 .box_2 li {min-width: 47%;}
	#box-5 .box2 .box_2 span {font-size: 35px;}
	#box-5 .box2 .box_2 .ftitle {font-size: 14px;}
	
	#box-6 .box1 {margin: 0 5px;position: relative;overflow: hidden;padding-top: 40px;}
	#box-6 .box1 li>div{padding:0 15px;}
	#box-6 li .img {border-radius: 15px;}
	#box-6 .swiper-pagination{bottom: 0;}
	
	#box-7{padding-bottom: 60px;}
	#box-7 .box1 {height: 420px;margin: 60px -5px 0 -5px;}
	#box-7 .box1 .list li>div{padding: 5px;}
	#box-7 .box1 .list li .img{height: 120px!important;border-radius:5px;}
	
	#box-8 #news {margin-top: 40px;}
	#box-8 .pub_btn {margin-top: 50px;}
	#box-8 .swiper-pagination{margin-top: 20px;}
	#box-8 .swiper-pagination span{background: #000;}
	
	#box-9 {padding: 0px 0 70px 0;}
	.box-slide-yw{padding: 25px 0;}
	.box-slide-yw ul li{width: 250%;}
}


@keyframes sc{0%{transform: scale(0.5);}100%{transform: scale(1.2);}}
@keyframes wh {
	0% {width: 0%;height: 0%;}
	50%{height: 100%;}
	80% {width: 100%;height: 100%;}
	100% {width: 100%;height: 100%;}
}