/* title */
.in_tit{position: relative;margin-bottom: 60px;}
.in_tit .title{font-size: 50px;font-weight: bold;color: #1B1B1B;text-align: center;font-family: "GILROY-BLACK";text-transform: uppercase;position: relative;padding-bottom: 18px;}
.in_tit .title::after{position: absolute;content: "";width: 58px;background: #FFC000;height: 3px;bottom: 0;left: 50%;transform: translate(-50% , -50%);}
@media screen and (max-width:1440px){
.in_tit .title{font-size: 45px;}
}
@media screen and (max-width:1280px){
.in_tit .title{font-size:40px;}
}
@media screen and (max-width:1080px){
.in_tit{margin-bottom: 40px;}
.in_tit .title{font-size:35px;}
}
@media screen and (max-width:768px){
.in_tit .title{font-size:30px;}
}
@media screen and (max-width:520px){
.in_tit{margin-bottom: 20px;}
.in_tit .title{font-size:25px;padding-bottom: 12px;}
.in_tit .title::after{width: 45px;}
}

/* banner */
.banner{position: relative;overflow: hidden;margin-top: 142px;}
.banner .img img{width: 100%;}
.banner .swiper-pagination{bottom: 3%;}
.banner .swiper-pagination-bullet{border-radius:5px;width:40px;height:5px;transition: all .5s;background: #fff;opacity: 1;}
.banner .swiper-pagination-bullet-active{width: 80px;background: linear-gradient(to right, #A76322, #E9BE48);}
.banner .swiper-button-next,.banner .swiper-button-prev{border-radius: 100%;border: 2px solid #A76322;width: 2.4vw;height: 2.4vw;}
.banner .swiper-button-next{right: 5%;}
.banner .swiper-button-prev{left: 5%;}
.banner .swiper-button-next:after,.banner .swiper-button-prev:after{color: #A76322;font-size: .9vw;font-weight: bold;transition: all .6s;}
.banner .swiper-button-next::before,.banner .swiper-button-prev:before{content:'';position:absolute;width:100%;height:100%;left:0;top:0;transform:scale(0);background: linear-gradient(to right, #A76322, #A76322);border-radius:50%;transition:cubic-bezier(.4,.4,0,1) .5s;z-index:-1}
.banner .swiper-button-next:hover:after,.banner .swiper-button-prev:hover:after{color: #fff;}
.banner .swiper-button-next:hover:before,.banner .swiper-button-prev:hover:before{transform: none;}
@media screen and (max-width:1440px){
.banner{margin-top: 140px;}
}
@media screen and (max-width:1280px){
.banner{margin-top: 136px;}
}
@media screen and (max-width:768px){
.banner{margin-top: 81px;}
.banner .swiper-pagination-bullet{height: 4px;width: 30px;}
.banner .swiper-pagination-bullet-active{width: 68px;}
.banner .swiper-button-next,.banner .swiper-button-prev{width: 36px;height: 36px;}
}
@media screen and (max-width:520px){
.banner{margin-top: 68px;}
.banner .swiper-pagination-bullet{height: 3px;width: 28px;}
.banner .swiper-pagination-bullet-active{width: 58px;}
.banner .swiper-button-next,.banner .swiper-button-prev{width: 32px;height: 32px;}
}


/* index1 */
.index1{padding: 40px 0;background: #E8E8E8;}
.index1 .cont{display: flex;flex-wrap: wrap;align-items: center;justify-content: space-between;}
.index1 .cont .left{width: 25%;}
.index1 .cont .left .in_tit{margin-bottom: 0;}
.index1 .cont .left .in_tit .title{text-align: left;text-transform: initial;padding-bottom: 0;}
.index1 .cont .left .in_tit .title::after{display: none;}
.index1 .cont .right{width: 72%;}
.index1 .cont .right .swiper-wrapper{transition-timing-function: linear !important;}
.index1 .cont .right .img{text-align: center;}
@media screen and (max-width:1280px){
.index1{padding: 25px 0;}
}
@media screen and (max-width:768px){
.index1{padding: 20px 0;}
}
@media screen and (max-width:520px){
.index1{padding: 15px 0;}
.index1 .cont .right{width: 65%;}
}

/* index2 */
.index2{padding: 90px 0 0;}
.index2 .cont{display:flex;flex-wrap:wrap}
.index2 .cont .left{width: 35%;position:relative;text-align:center;background:url(../images/in2_01.jpg);background-size:cover;}
.index2 .cont .left .info{position:absolute;content:"";left:50%;top:50%;transform:translate(-50% ,-50%);width:68%}
.index2 .cont .left .info .icon img{width:110px;transition: all .2s ease;}
.index2 .cont .left .info .icon:hover img{animation: icon-bounce 0.5s alternate;}
.index2 .cont .left .info .t1{color:#fff;font-size:30px;font-weight:700;margin:30px 0 50px}
.index2 .cont .left .info .t2{color:#fff;font-size:16px;line-height:26px}
.index2 .cont .left .info .btn{margin:0 auto;margin-top:50px;background: #fff;}
.index2 .cont .left .info .btn a{transition: all .5s;color: #999;}
.index2 .cont .left .info .btn img{transition: all .8s}
.index2 .cont .left .info .btn img:nth-child(3){display: none;}
.index2 .cont .left .info .btn:hover{background: linear-gradient(to right, #A76322, #E9BE48);}
.index2 .cont .left .info .btn:hover a{color: #fff;}
.index2 .cont .left .info .btn:hover img:nth-child(2){display: none;}
.index2 .cont .left .info .btn:hover img:nth-child(3){display: block;}
.index2 .cont .right{width: 65%;}
.index2 .cont .right .ul{display:flex;flex-wrap:wrap}
.index2 .cont .right .ul li{width:50%;background:#efefef}
.index2 .cont .right .ul li:nth-child(1){background:#e0e0e0}
.index2 .cont .right .ul li:nth-child(4){background:#e0e0e0}
.index2 .cont .right .ul li a{padding: 6%;display:block;}
.index2 .cont .right .ul li .img{text-align:center;margin-bottom:30px}
.index2 .cont .right .ul li .img img{width: 50%;mix-blend-mode: multiply;}
.index2 .cont .right .ul li .info{display:flex;align-items:center;justify-content:space-between;}
.index2 .cont .right .ul li .info .t1{color: #666;font-size:20px;transition: all .5s;width: 80%;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow: hidden;}
.index2 .cont .right .ul li .info .bt{transition: all .5s;}
.index2 .cont .right .ul li:hover .info .t1{transform: translateX(15px);}
.index2 .cont .right .ul li:hover .info .bt{transform: translateX(-15px);}
@keyframes icon-bounce{0%,100%{-moz-transform:rotate(0);-ms-transform:rotate(0);-webkit-transform:rotate(0);transform:rotate(0)}
25%{-moz-transform:rotate(8deg);-ms-transform:rotate(8deg);-webkit-transform:rotate(8deg);transform:rotate(8deg)}
50%{-moz-transform:rotate(-8deg);-ms-transform:rotate(-8deg);-webkit-transform:rotate(-8deg);transform:rotate(-8deg)}
75%{-moz-transform:rotate(5deg);-ms-transform:rotate(5deg);-webkit-transform:rotate(5deg);transform:rotate(5deg)}
85%{-moz-transform:rotate(-5deg);-ms-transform:rotate(-5deg);-webkit-transform:rotate(-5deg);transform:rotate(-5deg)}
}
@media screen and (max-width:1440px){
.index2 .cont .left .info{width: 90%;}
.index2 .cont .left .info .t1{margin: 30px 0 40px;}
.index2 .cont .left .info .icon img{width: 100px;}
.index2 .cont .left .info .btn{margin-top: 40px;}
.index2 .cont .right .ul li .img img{width: 58%;}
}
@media screen and (max-width:1080px){
.index2{padding: 60px 0 0;}
.index2 .cont .left .info{width: 95%;}
.index2 .cont .left .info .icon img{width: 80px;}
.index2 .cont .left .info .t1{font-size: 26px;margin: 25px 0;}
.index2 .cont .left .info .t2{font-size: 15px;line-height: 24px;}
.index2 .cont .left .info .btn{margin-top: 30px;}
.index2 .cont .right .ul li a{padding: 5%;}
.index2 .cont .right .ul li .info .t1{font-size: 18px;}
.index2 .cont .right .ul li .img img{width: 68%;}
}
@media screen and (max-width:850px){
.index2 .cont .left .info .icon img{width: 68px;}
.index2 .cont .left .info .t1{font-size: 24px;margin: 20px 0;}
.index2 .cont .left .info .t2{line-height: 22px;}
.index2 .cont .left .info .btn{margin-top: 20px;}
.index2 .cont .right .ul li .info .bt img{width: 32px;}
}
@media screen and (max-width:768px){
.index2 .cont .left{width: 100%;}
.index2 .cont .right{width: 100%;}
.index2 .cont .left .info{position: initial;transform: translate(0 , 0);width: 90%;padding: 40px 0;margin: 0 auto;}
}
@media screen and (max-width:520px){
.index2{padding: 35px 0 0;}
.index2 .cont .left .info{padding: 28px 0;}
.index2 .cont .left .info .icon img{width: 60px;}
.index2 .cont .left .info .t1{font-size: 22px;margin: 15px 0;}
.index2 .cont .left .info .t2{font-size: 14px;line-height: 20px;}
.index2 .cont .left .info .btn{margin-top: 15px;}
.index2 .cont .right .ul li a{padding: 6%;}
.index2 .cont .right .ul li .info .t1{font-size: 16px;}
.index2 .cont .right .ul li .info .bt img{width: 28px;}
}


/* index3 */
.index3{padding: 90px 0 180px;overflow: hidden;position: relative;}
.index3 .cont .left .in_tit{margin-bottom: 25px;}
.index3 .cont .left .in_tit .tit{font-size: 20px;margin-bottom: 5px;color: #999;}
.index3 .cont .left .in_tit .title{text-align: left;font-size: 36px;background: linear-gradient(to right, #A76322, #E9BE48);-webkit-background-clip: text;color: transparent;text-transform: initial;padding-bottom: 0;}
.index3 .cont .left .in_tit .title::after{display: none;}
.index3 .cont{display: flex;flex-wrap: wrap;justify-content: space-between;}
.index3 .cont .left{width: 45%;}
.index3 .cont .left .text{font-size:16px;line-height:28px;color: #444;}
.index3 .cont .left .pic{margin-top: 30px;}
.index3 .cont .left .btn{margin-top: 60px;}
.index3 .cont .right{width: 45%;}
.index3 .cont .right .ul{display:flex;flex-wrap:wrap;justify-content:space-between}
.index3 .cont .right .ul li{width: 48%;background:#fff;box-shadow:0 0 10px rgba(0,0,0,.1);margin-top: 3%;transition: all 0.5s;background-size: 200% auto;cursor: pointer;border-radius: 10px;}
.index3 .cont .right .ul li:nth-child(even){transform: translate(0%, 80px);}
.index3 .cont .right .ul li .w{padding: 30px;}
.index3 .cont .right .ul li .num{font-size: 36px;color: #999999;font-family: "BebasNeue-Regular";margin-bottom: 40px;}
.index3 .cont .right .ul li .icon{margin-bottom: 20px;}
.index3 .cont .right .ul li .icon img:nth-child(2){display: none;}
.index3 .cont .right .ul li .info .t1{font-size: 20px;font-weight:700;line-height: 26px;}
.index3 .cont .right .ul li .info .t2{color:#9d9d9d;font-size:16px;line-height: 24px;margin-top: 10px;min-height: 72px;}
.index3 .cont .right .ul li:hover{background:url(../images/in3_1.jpg);border-radius: 30px;background-position: right center;}
.index3 .cont .right .ul li:nth-child(2):hover{background:url(../images/in3_2.jpg);background-position: right center;}
.index3 .cont .right .ul li:nth-child(3):hover{background:url(../images/in3_3.jpg);background-position: right center;}
.index3 .cont .right .ul li:nth-child(4):hover{background:url(../images/in3_4.jpg);background-position: right center;}
.index3 .cont .right .ul li:hover .num{color: #fff;}
.index3 .cont .right .ul li:hover .info .t1{color: #fff;}
.index3 .cont .right .ul li:hover .info .t2{color: #fff;}
.index3 .cont .right .ul li:hover .icon img:nth-child(1){display: none;}
.index3 .cont .right .ul li:hover .icon img:nth-child(2){display: block;}
@keyframes scroll-left{0%{transform:translateX(0)}
100%{transform:translateX(-50%)}
}
@media screen and (max-width:1440px){
.index3 .cont .right .ul li .w{padding: 25px;}
.index3 .cont .right .ul li .num{margin-bottom: 30px;}
}
@media screen and (max-width:1280px){
.index3 .cont .left .in_tit .title{font-size: 32px;}
.index3 .cont .right{width: 47%;}
}
@media screen and (max-width:1080px){
.index3{padding: 60px 0 120px;}
.index3 .cont .left .in_tit .tit{font-size: 18px;}
.index3 .cont .left .btn{margin-top: 40px;}
.index3 .cont .right .ul li .w{padding: 20px;}
.index3 .cont .right .ul li .num{margin-bottom: 20px;}
.index3 .cont .right .ul li .icon img{width: 45px;}
}
@media screen and (max-width:968px){
.index3 .cont .left{width: 100%;}
.index3 .cont .left .pic{margin-top: 20px;}
.index3 .cont .right{width: 100%;margin-top: 20px;}
.index3 .cont .right .ul li:nth-child(even){transform: translate(0%, 60px);}
}
@media screen and (max-width:768px){
.index3 .cont .left .in_tit{margin-bottom: 20px;}
.index3 .cont .left .in_tit .title{font-size: 28px;}
.index3 .cont .left .btn{margin-top: 30px;}
.index3 .cont .right .ul li:hover{border-radius: 20px;}
.index3 .cont .right .ul li .info .t1{font-size: 18px;}
}
@media screen and (max-width:520px){
.index3{padding: 35px 0 60px;}
.index3 .cont .left .in_tit{margin-bottom: 15px;}
.index3 .cont .left .in_tit .tit{font-size: 16px;}
.index3 .cont .left .in_tit .title{font-size: 24px;}
.index3 .cont .left .pic{margin-top: 15px;}
.index3 .cont .left .btn{margin-top: 20px;}
/* .index3 .cont .right .ul li{width: 100%;} */
.index3 .cont .right .ul li:nth-child(even){transform: translate(0 , 30px);}
.index3 .cont .right .ul li .w{padding: 10px 15px 15px 15px;}
.index3 .cont .right .ul li .num{font-size: 30px;margin-bottom: 10px;}
.index3 .cont .right .ul li .icon{margin-bottom: 10px;}
.index3 .cont .right .ul li .icon img{width: 35px;}
.index3 .cont .right .ul li .info .t1{font-size: 16px;line-height: 22px;}
.index3 .cont .right .ul li .info .t2{font-size: 14px;line-height: 22px;min-height: auto;margin-top: 8px;}
}

/* index4 */
.index4{padding: 90px 0;background: url(../images/in4_bg.jpg);background-size: cover;width: 96%;margin: 0 auto;border-radius: 14px;}
.index4 .in_tit .title{color: #fff;}
.index4 .tit{text-align:center;color:#fff;font-size:24px}
.index4 .text{color:#fff;font-size:16px;line-height:26px;margin:0 auto;margin-top:30px;width:75%;text-align:center}
.index4 .p_video{text-align:center;width:max-content;margin:0 auto;margin-top:60px;position:relative}
.index4 .p_video::after{content:"";display:block;width:100%;height:100%;background:#e9be48;opacity:.4;position:absolute;left:0;top:0;transition:ease 1s;z-index:1;border-radius:50%;animation:scale 1.5s linear infinite}
.index4 .p_video img{position: relative;z-index: 9;}
.index4 .ul{width:68%;display:flex;justify-content:space-between;flex-wrap:wrap;margin:0 auto;margin-top:150px}
.index4 .ul li{color:#fff;display:flex;align-items:center}
.index4 .ul li .icon{margin-right:10px}
.index4 .ul li .info span{font-size:50px;font-family:BebasNeue-Regular}
.index4 .ul li .info sub{font-size:18px}
.index4 .ul li .info p{font-size:18px;color:#fff}
@-webkit-keyframes scale{0%{-webkit-transform:scale(1,1);transform:scale(1,1)}
50%{-webkit-transform:scale(2,2);transform:scale(2,2)}
100%{-webkit-transform:scale(1,1);transform:scale(1,1)}
}
@keyframes scale{0%{-webkit-transform:scale(1,1);transform:scale(1,1)}
50%{-webkit-transform:scale(2,2);transform:scale(2,2)}
100%{-webkit-transform:scale(1,1);transform:scale(1,1)}
}

@media screen and (max-width:1440px){
.index4 .ul{width: 75%;}
}
@media screen and (max-width:1280px){
.index4 .text{width: 90%;}
.index4 .ul li .info span{font-size: 45px;}
.index4 .ul li .info sub{font-size: 16px;}
.index4 .ul li .info p{font-size: 16px;}
}
@media screen and (max-width:1080px){
.index4{padding: 60px 0;}
.index4 .tit{font-size: 22px;}
.index4 .text{width: 100%;margin-top: 20px;}
.index4 .ul{width: 90%;margin-top: 120px;}
}
@media screen and (max-width:768px){
.index4 .ul{width: 100%;}
.index4 .ul li{width: 33.3%;}
.index4 .ul li .icon img{width: 36px;}
}
@media screen and (max-width:520px){
.index4{padding: 35px 0;}
.index4 .tit{font-size: 16px;}
.index4 .text{font-size: 14px;line-height: 24px;margin-top: 10px;}
.index4 .p_video{margin-top: 30px;}
.index4 .p_video img{width: 45px;}
.index4 .ul{margin-top: 40px;}
.index4 .ul li .info{width: 70%;}
.index4 .ul li .info span{font-size: 35px;}
.index4 .ul li .info sub{font-size: 12px;}
.index4 .ul li .info p{font-size: 14px;}
.index4 .ul li .icon img{width: 25px;}
}

/* index5 */
.index5{padding: 90px 0;background: #F3F3F3;margin-top: 60px;}
.index5 .top{margin-bottom: 40px;}
.index5 .top .item{position:relative}
.index5 .top .item .info{position:absolute;left:50%;transform:translate(-50%,-50%);top:10%;display:flex;align-items:center;justify-content:space-between;z-index:99;width:100%}
.index5 .top .item .info .t1{font-size:18px;color:#fff;margin-left:30px}
.index5 .top .item .info .icon{margin-right:30px}
.index5 .top .item .info .icon img{transition:all .6s}
.index5 .top .item:hover .info .icon img{transform: rotate(45deg);}
.index5 .top .item .img{overflow: hidden;border-radius: 15px;position: relative;}
.index5 .top .item .img::after{position: absolute;height: 100%;width: 100%;content: "";left: 0;top: 0;background: linear-gradient(180deg, #A46123 0%, transparent 35%);}
.index5 .top .item .img img{width: 100%;transition: all .6s ease;}
.index5 .top .item:hover .img img{transform: scale(1.06);}
.index5 .top .item .lb{position: absolute;bottom: 0;left: 0;line-height: 45px;height: 45px;background: rgb(233 190 72 / 0.68);width: 100%;border-bottom-right-radius: 15px;border-bottom-left-radius: 15px;}
.index5 .top .item .lb p{font-size: 18px;font-weight: bold;color: #ffffff;padding: 0 30px;}
.index5 .bottom .swiper-wrapper{transition-timing-function: linear !important;}
.index5 .bottom .in5_2{margin-bottom: 40px;}
.index5 .bottom .img img{width: 90px;}
@media screen and (max-width:1440px){
.index5 .bottom .img img{width: 80px;}
}
@media screen and (max-width:1080px){
.index5{padding: 60px 0;}
}
@media screen and (max-width:768px){
.index5 .top .item .info .t1{font-size: 16px;}
.index5 .top .item .info .icon img{width: 16px;}
.index5 .top .item .lb{line-height: 40px;height: 40px;}
}
@media screen and (max-width:520px){
.index5{padding: 35px 0;margin-top: 30px;}
.index5 .top{margin-bottom: 20px;}
.index5 .top .item .info .t1{margin-left: 20px;font-size: 14px;}
.index5 .top .item .info .icon img{width: 14px;}
.index5 .top .item .img{border-radius: 8px;}
.index5 .top .item .lb{line-height: 34px;height: 34px;border-bottom-right-radius: 8px;border-bottom-left-radius: 8px;}
.index5 .top .item .lb p{font-size: 16px;padding: 0 20px;}
.index5 .bottom .in5_2{margin-bottom: 20px;}
.index5 .bottom .img img{width: 50px;}
}



/* index6 */
.index6{padding: 100px 0 120px;background: url(../images/in6_bg.jpg);background-size: cover;}
.index6 .item{width: 32%;}
.index6 .item .img{text-align:center;border-radius:10px;box-sizing:border-box;position: relative;padding-bottom: 110%;width: 100%;height: 0;overflow: hidden;}
.index6 .item .img img{left:50%;top: 50%;max-width:100%;transform:translate(-50%,-50%);height: 100%;object-fit: cover;position: absolute;}
.index6 .item .text_wrap{opacity:0;transition:all .3s linear;color: #fff;z-index: 9;width: 100%;}
.index6 .item .text_wrap .txt{font-size: 20px;line-height:22px;font-weight:lighter;text-align: center;color: #666;width: 80%;margin: 0 auto;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow: hidden;text-overflow: ellipsis;margin-top: 15px;}
.index6 .swiper-slide-active .text_wrap{opacity:1}
/* .index6 .swiper-slide-next +.swiper-slide{transform: translate(-375px , -10%) scale(0.8) !important;}
.index6 .swiper-slide.first-visible{transform: translate(375px , -10%) scale(0.8) !important;} */
.index6 .swiper-button-next{width: 45px;height: 45px;border-radius: 5px;background: #fff;right: 28%;top: 50%;border-radius: 50%;box-shadow: 0 0 10px rgba(0, 0, 0, .1);}
.index6 .swiper-button-prev{width: 45px;height: 45px;border-radius: 5px;background: #fff;left: 28%;top: 50%;border-radius: 50%;box-shadow: 0 0 10px rgba(0, 0, 0, .1);}
.index6 .swiper-button-prev.swiper-button-disabled, .index6 .swiper-button-next.swiper-button-disabled{opacity: 1;}
.index6 .swiper-button-next:after, .index6 .swiper-button-prev:after{font-size: 18px;color: #333;}
.index6 .swiper-button-next:hover, .index6 .swiper-button-prev:hover{background: linear-gradient(to right, #A76322, #E9BE48);}
.index6 .swiper-button-next:hover:after, .index6 .swiper-button-prev:hover:after{color: #fff;}
@media screen and (max-width:1440px){
.index6 .item{width: 35%;}
}
@media screen and (max-width:1280px){
.index6{padding: 90px 0;}
}
@media screen and (max-width:1080px){
.index6{padding: 60px 0;}
.index6 .item{width: 38%;}
/* .index6 .swiper-slide-next +.swiper-slide{transform: initial !important;} */
}
@media screen and (max-width:850px){
.index6 .item{width: 50.2%;}
.index6 .item .text_wrap .txt{font-size: 18px;}
}
@media screen and (max-width:768px){
.index6{padding: 35px 0;}
.index6 .swiper-button-prev{width: 35px;height: 35px;left: 18%;}
.index6 .swiper-button-next{width: 35px;height: 35px;right: 18%;}
.index6 .swiper-button-next:after, .index6 .swiper-button-prev:after{font-size: 16px;}
.index6 .item .text_wrap .txt{font-size: 15px;margin-top: 10px;width: auto;}
}