/* title */
.in_tit{position: relative;}
.in_tit .title{font-size: 2.4vw;color: #000;font-weight: bold;}
@media screen and (max-width:1080px){
.in_tit .title{font-size: 3vw;}
}
@media screen and (max-width:768px){
.in_tit .title{font-size:4vw;}
}
@media screen and (max-width:520px){
.in_tit .title{font-size: 22px;line-height: 1.4;}
}
 
/* banner */
.banner{position:relative;overflow:hidden;}
.banner .odcontent{max-width:72.8vw;margin-left: 56vw;}
.banner .info.st3 .odcontent{margin-left: 59.5vw;}
.banner .swiper-pagination{bottom: 10%;width: auto;left: 5vw;padding-bottom: 5px;border-bottom: 1px solid #fff;}
.banner .swiper-pagination-total{color: #fff;font-size: 1vw;font-weight: bold;}
.banner .swiper-pagination i{color: #fff;margin: 0 .5vw;font-size: 1.2vw;}
.banner .swiper-pagination-current{color: #fff;font-size: 2vw;font-weight: bold;}
.banner .swiper-slide{width:100%;overflow:hidden}
.banner .swiper-slide .img{width:100%;transition:transform 4s linear;transition-delay:1s;transform:scale(1.2)}
.banner .swiper-slide .img img{width: 100%;}
.banner .swiper-slide .img img:nth-child(2){display: none;}
.banner .swiper-slide-active .img{transition-delay:0s;transform:scale(1)}
.banner .info{position:absolute;top: 45%;left:0;width:100%;transform:translate(0,-50%);}
.banner .info .t1{font-size:3vw;font-family:AlibabaPuHuiTi-Bold;color:#fff;margin-bottom:1.5vw;opacity: 0;}
.banner .info .text p{font-size: 1vw;color:#fff;line-height: 2;opacity: 0;}
.banner .info .text .t2{font-size: 1.68vw;color: #fff;}
.banner .swiper-slide-active .info .t1{animation: indbanDown 1s ease both .4s;}
.banner .swiper-slide-active .info .text p{animation: indbanDown 1s ease both .8s;}
@keyframes indbanDown {0%{opacity: 0;transform: translateX(100px);}100%{opacity: 1;transform: translateX(0);}}
@media screen and (max-width:1080px) {
.banner .info .t1{font-size: 3.2vw;}
.banner .info .text p{font-size: 1.35vw;}
.banner .swiper-pagination-total{font-size: 16px;}
.banner .swiper-pagination i{margin: 0 8px;font-size: 16px;}
.banner .swiper-pagination-current{font-size: 26px;}
}
@media screen and (max-width:768px) {
.banner{margin-top: 66px;}
.banner .in_ban{transform: translate3d(0px, 0px, 0px) !important;}
.banner .info{top: 40%;}
.banner .info .text p{font-size: 1.8vw;line-height: 1.8;width: 58%;}
}
@media screen and (max-width:520px) {
.banner{margin-top: 55px;}
.banner .swiper-pagination-total{font-size: 14px;}
.banner .swiper-pagination i{margin: 0 6px;font-size: 14px;}
.banner .swiper-pagination-current{font-size: 22px;}
.banner .swiper-slide .img img:nth-child(1){display: none;}
.banner .swiper-slide .img img:nth-child(2){display: block;}
.banner .info{display: none;}
}

/* index1 */
.index1{padding:90px 0}
.index1 .info em{font-size:.9vw;color:#000;text-transform:uppercase}
.index1 .info .t1{font-size:1.5vw;text-transform:uppercase;font-weight:700;color:#000;margin:1.25vw 0}
.index1 .info .text p{color:#000;font-size:.9vw;width: 57%;line-height: 1.6;margin-bottom:1vw;}
.index1 .info .btn{margin-top:2vw}
@media screen and (max-width:1080px){
.index1{padding: 60px 0;}
.index1 .info em{font-size: 16px;}
.index1 .info .t1{font-size: 26px;}
.index1 .info .text p{font-size: 16px;width: 85%;}
}
@media screen and (max-width:520px){
.index1{padding: 30px 0;}
.index1 .info em{font-size: 14px;}
.index1 .info .t1{font-size: 22px;margin: 8px 0;line-height: 1.45;}
.index1 .info .text p{font-size: 14px;width:auto;margin-bottom: 0;line-height: 24px;}
.index1 .info .btn{margin-top: 15px;}
}

/* index2 */
.index2{overflow: hidden;display: none;}
.index2 .ul{display: flex;flex-wrap: wrap;}
.index2 .ul li{width: 33.3%;position: relative;}
.index2 .ul li .t1{position:absolute;top:50%;left:50%;width:90%;transform:translate(-50%,-50%);color: #fff;font-size: 1.68vw;text-align: center;transition:all .3s;z-index: 99;}
.index2 .ul li .pic .img img{width: 100%;}
.index2 .ul li .pic .contain{position:absolute;z-index:10;opacity:0;-webkit-transition:all .6s ease-out 0s;transition:all .6s ease-out 0s;-webkit-clip-path:polygon(50% 20%,50% 50%,20% 50%,50% 50%,50% 80%,50% 50%,80% 50%,50% 50%);clip-path:polygon(50% 20%,50% 50%,20% 50%,50% 50%,50% 80%,50% 50%,80% 50%,50% 50%);top: 0;left: 0;}
.index2 .ul li:hover .pic .contain{opacity:1;-webkit-clip-path:polygon(50% 0,0 0,0 50%,0 100%,50% 100%,100% 100%,100% 50%,100% 0);clip-path:polygon(50% 0,0 0,0 50%,0 100%,50% 100%,100% 100%,100% 50%,100% 0)}
@media screen and (max-width:1080px){
.index2 .ul li .t1{font-size: 2.4vw;}
}
@media screen and (max-width:768px){
.index2 .ul li{width: 50%;}
.index2 .ul li .t1{font-size: 20px;}
}
@media screen and (max-width:520px){
.index2 .ul li .t1{font-size: 16px;}
}


/* index3 */
.index3{padding: 90px 0 0;overflow: hidden;}
.index3 .cont{display: flex;justify-content: space-between;flex-wrap: wrap;padding-bottom: 30px;}
.index3 .item{width: 32.8%;}
.index3 .item .info .text{font-size:.85vw;line-height: 1.6;width:88%;color:#000;margin:.8vw 0 1.2vw;}
.index3 .item .img{border-radius: 6px;}
.index3 .item .img img{border-radius: 6px;width: 100%;}
.index3 .item:nth-child(1){display: flex;flex-wrap: wrap;align-items: flex-end;}
.index3 .item:nth-child(1) .img{margin-top: -30px;}
.index3 .item:nth-child(3) .img{margin-top: -10px;}
@media screen and (max-width:1080px){
.index3 .item .info .text{font-size: 1.35vw;width: auto;}
.index3 .item:nth-child(1) .img{margin-top: 30px;}
.index3 .item:nth-child(3) .img{margin-top: -70px;}
}
@media screen and (max-width:768px){
.index3{padding: 60px 0;}
.index3 .cont{padding-bottom: 0;}
.index3 .item{width: 100%;margin-bottom: 20px;}
.index3 .item:nth-child(3){margin-bottom: 0;}
.index3 .item .img{transform: translate3d(0px, 0px, 0px) !important;}
.index3 .item:nth-child(1) .img{margin-top: 30px;}
.index3 .item:nth-child(3) .img{margin-top: 0;}
.index3 .item .info .text{font-size: 14px;line-height: 24px;}
}
@media screen and (max-width:520px){
.index3{padding: 30px 0;}
.index3 .item{margin-bottom: 12px;}
.index3 .item .info .text{margin: 10px 0 15px;}
.index3 .item .img img{border-radius: 3px;}
.index3 .item:nth-child(1) .img{margin-top: 20px;}
}


/* index4 */
.index4{padding-top: 90px;}
.index4 .cont{display: flex;flex-wrap: wrap;justify-content: space-between;}
.index4 .left{width: 48%;}
.index4 .left .img img{width: 100%;transition: 1s;}
.index4 .right{width: 48%;background: #EDEDEE;}
.index4 .right .info{padding: 3vw;}
.index4 .right .info .text{color:#000;font-size:.85vw;line-height:1.6;margin: 1vw 0 1.5vw;}
.index4 .right .info .ul{display:flex;flex-wrap:wrap}
.index4 .right .info .ul li{width:50%;text-align:center;color:#7d3a68;margin-bottom: 2vw;}
.index4 .right .info .ul li span{font-size:3vw;font-family:GILROY-BLACK}
.index4 .right .info .ul li sup{font-size:1vw;position:absolute}
.index4 .right .info .ul li p{font-size:.85vw}
.index4 .right .info .btn{margin-top:3vw;background-color:#fff}
.index4 .cont:hover .left .img img{border-radius: 60px;}
@media screen and (max-width:1080px){
.index4{padding-top: 0;}
.index4 .cont{align-items: center;}
.index4 .cont:hover .left .img img{border-radius: 20px;}
.index4 .right .info{padding: 30px;}
.index4 .right .info .text{font-size: 1.35vw;}
.index4 .right .info .ul li span{font-size: 3.5vw;}
}
@media screen and (max-width:768px){
.index4 .left{width: 100%;order: 1;}
.index4 .cont:hover .left .img img{border-radius: 0;}
.index4 .right{width: 100%;}
.index4 .right .info{padding: 25px;}
.index4 .right .info .text{font-size: 14px;margin: 10px 0 20px;}
.index4 .right .info .ul li{margin-bottom: 20px;}
.index4 .right .info .ul li span{font-size: 40px;}
.index4 .right .info .ul li sup{font-size: 18px;}
.index4 .right .info .ul li p{font-size: 14px;}
.index4 .right .info .btn{margin-top: 30px;}
}
@media screen and (max-width:520px){
.index4 .right .info{padding: 20px;}
.index4 .right .info .text{line-height: 24px;margin: 5px 0 15px;}
.index4 .right .info .ul li{margin-bottom: 15px;}
.index4 .right .info .ul li span{font-size: 35px;}
.index4 .right .info .ul li sup{font-size: 16px;}
.index4 .right .info .ul li p{font-size: 13px;}
.index4 .right .info .btn{margin-top: 20px;}
}


/* index5 */
.index5{padding: 90px 0;overflow: hidden;}
.index5 .top{display: flex;flex-wrap: wrap;align-items: center;justify-content: space-between;margin-bottom: 3.5vw;}
.index5 .ul{display: flex;align-items: center;flex-wrap: wrap;justify-content: space-between;}
.index5 .ul li{width: 20%;transition: .5s;border-bottom:6px solid #fff;padding-bottom: .6vw;cursor: pointer;border-bottom-left-radius: 10px;border-bottom-right-radius: 10px;}
.index5 .ul li:hover{transform: translateY(-6px);border-bottom:6px solid #7D3A68;}
.index5 .ul li .t1{font-size:1.25vw;font-weight:700}
.index5 .ul li .t2{color:#000;font-size: .83vw;line-height:1.6;margin-top:.5vw;}
@media screen and (max-width:1080px){
.index5{padding: 60px 0;}
.index5 .top{margin-bottom: 40px;}
.index5 .ul li{width: 45%;margin-bottom: 2%;padding-bottom: 8px;}
.index5 .ul li:nth-child(3),.index5 .ul li:nth-child(4){margin-bottom: 0;}
.index5 .ul li .t1{font-size: 20px;}
.index5 .ul li .t2{font-size: 14px;margin-top: 10px;}
}
@media screen and (max-width:520px){
.index5{padding: 30px 0;}
.index5 .top{margin-bottom: 25px;}
.index5 .top .btn{margin-top: 15px;}
.index5 .ul li{width: 47%;margin-bottom: 3%;border-bottom: 4px solid #7D3A68;border-bottom-left-radius: 6px;border-bottom-right-radius: 6px;}
.index5 .ul li .t1{font-size: 16px;}
.index5 .ul li .t2{font-size: 14px;}
}


/* index6 */
.index6{position:relative;background:#f1f1f1;height:140vh;}
.index6 .cont{z-index:2;width:100%;height:100%;position:relative;}
.index6 .cont .bg{width:100%;position:sticky;top:5%;overflow:hidden;display:flex;align-items:center;justify-content:center;z-index: 99;}
.index6 .cont .bg .aimg{width:100%;transition:transform 2s}
.index6 .cont .play{position:absolute;top:50%;transform:translate(-50%,-50%);left:50%;z-index:3}
.index6 .cont .play img{width:3.6vw}
.index6 .cont .play:before{content:'';position:absolute;top:50%;left:50%;width:100%;height:100%;border-radius:50%;border:2px solid rgba(255,255,255,.5);transform:translate(-50%,-50%) scale(.9);transition:all .5s cubic-bezier(.215,.61,.355,1) 0s}
.index6 .cont .play:after{content:'';position:absolute;top:50%;left:50%;width:100%;height:100%;border-radius:50%;border:1px solid rgba(255,255,255,.25);transform:translate(-50%,-50%) scale(.9);transition:all .4s cubic-bezier(.215,.61,.355,1) 50ms}
.index6 .cont .play:hover:before{transform:translate(-50%,-50%) scale(1.3)}
.index6 .cont .play:hover:after{transform:translate(-50%,-50%) scale(1.6)}
.index6 .cont .bg .aimg.active{transform:rotate(-4deg) scale(.65)}
.index6 .bom{width: 100%;position: absolute;overflow: hidden;bottom: 10%;}
.index6 .big{display: flex;width: 200%;z-index: -1;margin-bottom: 1vw;}
.index6 .big .text{z-index: 9;white-space: nowrap;display: flex;animation: scroll-left 60s linear infinite;}
.index6 .big:nth-child(2) .text{animation: scroll-right 60s linear infinite;}
.index6 .big:nth-child(3) .text{animation: scroll-left 50s linear infinite;}
.index6 .big:nth-last-child(1){margin-bottom: 0;}
.index6 .big .text:hover{animation-play-state: paused;cursor: pointer;}
.index6 .big p{font-size: 7.5vw;letter-spacing: 4px;-webkit-text-stroke: 1px #000;color: transparent;text-transform: uppercase;font-family: "GILROY-BLACK";}
.index6 .big span{padding:.5vw;-webkit-text-stroke:initial;color: #000;}
@media screen and (max-width:1440px){
.index6{height: 125vh;}
}
@media screen and (max-width:1280px){
.index6{height: 110vh;}
}
@media screen and (max-width:1080px){
.index6{height: 90vh;}
.index6 .cont .bg{top: 8%;}
.index6 .cont .bg .aimg.active{transform: rotate(-4deg) scale(.75);}
.index6 .cont .play img{width: 50px;}
.index6 .big p{font-size: 75px;}
}
@media screen and (max-width: 768px){
.index6{height: auto;}
.index6 .cont .bg{position: relative;}
.index6 .cont .bg .aimg.active{transform: rotate(0deg) scale(1);}
.index6 .bom{position: relative;padding: 30px 0;}
.index6 .big p{font-size: 55px;letter-spacing: 2px;}
}
@media screen and (max-width:520px){
.index6 .cont .play img{width: 45px;}
.index6 .bom{position: relative;padding: 20px 0;}
.index6 .big{margin-bottom: 5px;}
.index6 .big p{font-size: 25px;-webkit-text-stroke: 1px #a4a4a4;}
}

/* index7 */
.index7{padding: 90px 0;position: relative;overflow: hidden;}
.index7 .in_tit{position: relative;}
.index7 .in_tit .pot{position: absolute;transform: rotate(90deg);left: -2.8vw;top: 1vw;font-size: .85vw;color: #000;}
.index7 .cont{display: flex;flex-wrap: wrap;padding-top: 1.5vw;margin-top: 4vw;position: relative;}
.index7 .cont:after{position: absolute;content: "";background: #d1d1d1;width: 130%;height: 1px;top: 0;left: 50%;transform: translate(-50%,-50%);z-index: -1;}
.index7 .item{width: 30.6666667%;position: relative;padding-right: 2%;margin-right: 2%;}
.index7 .item:nth-child(3){padding-right: 0;margin-right: 0;}
.index7 .item:after{position: absolute;content: "";top: 0;background: #d1d1d1;height: 100%;width: 1px;right: 0;}
.index7 .item:nth-child(3):after{display: none;}
.index7 .item .img{padding-bottom: 68%;position: relative;overflow: hidden;}
.index7 .item .img img{transition:all .5s ease;height:100%;width:100%;object-fit:cover;position:absolute}
.index7 .item:hover .img img{transform:scale(1.06)}
.index7 .item .info .date{color:#000;font-size:.85vw;margin-top:4vw;font-weight:700}
.index7 .item .info .t1{margin-top:.5vw;color:#000;font-size:1vw;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:1;overflow:hidden;transition:all .5s ease;font-weight: bold;}
.index7 .item .info .more{color:#000;font-size:.85vw;margin-top:4vw;font-weight:700}
.index7 .item:hover .info .t1{color: #7D3A68;}
@media screen and (max-width:1080px){
.index7{padding: 60px 0;}
.index7 .in_tit .pot{font-size: 1.35vw;}
.index7 .cont{padding-top: 2vw;}
.index7 .item .info .date{font-size: 15px;}
.index7 .item .info .t1{font-size: 20px;margin-top: 8px;}
.index7 .item .info .more{font-size: 15px;}
}
@media screen and (max-width:768px){
.index7 .in_tit .pot{font-size: 14px;top: 15px;left: -30px;}
.index7 .item{width: 48%;}
.index7 .item:nth-child(2){padding-right: 0;margin-right: 0;}
.index7 .item:nth-child(3){display: none;}
}
@media screen and (max-width:520px){
.index7{padding: 30px 0;}
.index7 .in_tit{padding-left: 25px;}
.index7 .in_tit .pot{top: 15px;left: -10px;}
.index7 .cont{padding-top: 15px;margin-top: 20px;}
.index7 .item .info .date{font-size: 14px;margin-top: 20px;}
.index7 .item .info .t1{font-size: 16px;margin-top: 6px;}
.index7 .item .info .more{font-size: 14px;margin-top: 20px;}
}