/* title */
.in_tit{position: relative;padding-bottom: 60px;text-align: center;}
.in_tit .title{font-size: 42px;color: #333;font-weight: bold;}
@media screen and (max-width:1440px){
.in_tit .title{font-size: 38px;}
}
@media screen and (max-width:1080px){
.in_tit{padding-bottom: 40px;}
.in_tit .title{font-size: 32px;}
}
@media screen and (max-width: 520px){
.in_tit{padding-bottom: 20px;}
.in_tit .title{font-size: 26px;}
}

/* bannerSwiper */
.bannerSwiper{width:100%;overflow:hidden;margin-top: 84px;}
.bannerSwiper .swiper-slide{width:100%;overflow:hidden;}
.bannerSwiper .swiper-slide .img{width:100%;transition:transform 4s linear;transition-delay:1s;transform:scale(1.2)}
.bannerSwiper .swiper-slide .img img{width: 100%;}
.bannerSwiper .swiper-slide-active .img{transition-delay:0s;transform:scale(1)}
.bannerSwiper .swiper-pagination{display: flex;bottom: 6%;justify-content: center;}
.bannerSwiper .swiper-pagination-bullet{width: 10px;height: 10px;opacity: 1;border: 1px solid #ffffff;background: #ffffff;margin: 0 8px !important;}
.bannerSwiper .swiper-pagination-bullet-active{border-radius: 5px;background: #c19c3b;border: 1px solid #c19c3b;}
.bannerSwiper .link{width: 2px;background: #fff;height: 50%;left: 45.4%;top: 35%;position: absolute;z-index: 99;overflow: hidden;}
.bannerSwiper .link::before{position:absolute;left:1px;top:0;width:1px;height:100%;background:#fff;content:""}
.bannerSwiper .link s{position:absolute;left:0;width:100%;height:100%;background:#C7AA53;bottom:100%;animation:xian 4s infinite linear}
@keyframes xian{0%{bottom:100%}
80%{bottom:-100%}
100%{bottom:-100%}
}
@media only screen and (max-width:1080px){
.bannerSwiper{margin-top: 88px;}
}
@media only screen and (max-width:768px){
.bannerSwiper{margin-top: 75px;}
}
@media only screen and (max-width:520px){
.bannerSwiper{margin-top: 58px;}
.bannerSwiper .swiper-pagination-bullet{width: 6px;height: 6px;margin: 0 6px !important;}
}
 
/* index1 */
.index1{padding: 90px 0;overflow: hidden;}
.index1 .rd{display: flex;justify-content: space-between;flex-wrap: wrap;text-align: center;}
.index1 .rd a{border:2px solid #cecece;padding: 25px 50px;border-radius:8px;position: relative;transition: all .5s}
.index1 .rd a::before{width:100%;height:100%;position:absolute;left:0;top:0;background:#E16330;content:'';transition:all .5s cubic-bezier(.215,.61,.355,1);-webkit-clip-path:circle(0);}
.index1 .rd a::after{width: 68px;height: 68px;background:url(../images/logo_on.png) no-repeat;background-size:cover;position:absolute;right: -20px;top: 100px;content:'';opacity:0;}
.index1 .rd a img{filter: brightness(0.5);width: 68px;-webkit-transition: all .5s cubic-bezier(0.175, 0.885, 0.32, 1.275);margin-bottom: 10px;}
.index1 .rd a p{color: #666666;transition: all .5s;font-size: 16px;margin-top: 6px;}
.index1 .rd a:hover::after{-webkit-transition:all 1.3s;top: 75px;opacity:1;right: 0;}
.index1 .rd a:hover{border:2px solid #E16330;}
.index1 .rd a:hover::before{-webkit-clip-path:circle(80%);}
.index1 .rd a:hover img{-webkit-transform:scale(1.1);color:#E16330;filter: brightness(0.95);}
.index1 .rd a:hover p{color: #fff;transform: translateY(10px);}
.index1 .hd{margin-top: 60px;}
.index1 .hd .in1{overflow: initial;}
.index1 .hd .item{background:#EEEFF3;border-radius: 4px;position: relative;padding: 30px;}
.index1 .hd .item::after{content:""; width:25px; height:4px; position:absolute; left:50%; bottom:0; transform:translate(-50%,0); background:#E16330; border-radius:10px;transition:All 0.3s ease-in-out;}
.index1 .hd .item .img{overflow: hidden;}
.index1 .hd .item .img img{transition: all .8s;}
.index1 .hd .item h3{font-size: 20px;color: #333;margin-top: 15px;font-weight: normal;}
.index1 .hd .item h3 img{filter: brightness(0.4);transition: all .5s}
.index1 .hd .item:hover::after{width: 100%;}
.index1 .hd .item:hover .img img{transform:scale(1.06);}
.index1 .hd .item:hover h3 img{transform: translateX(10px);}
.index1 .bottom{display: flex;width: 58%;margin: 0 auto;margin-right: 0;margin-top: 60px;}
.index1 .bottom .swiper-button-next{width: 50px;height: 40px;border-radius: 50%;background: #D9D9D9;position: initial;margin-right: 20px;}
.index1 .bottom .swiper-button-prev{width: 50px;height: 40px;border-radius: 50%;background: #D9D9D9;position: initial;margin-right: 3%;}
.index1 .bottom .swiper-button-prev.swiper-button-disabled, .index1 .bottom .swiper-button-next.swiper-button-disabled{opacity: 1;}
.index1 .bottom .swiper-button-next:after{background: url(../images/next.png);background-size: cover;width: 25px;height: 25px;font-size: 0;}
.index1 .bottom .swiper-button-prev:after{background: url(../images/prev.png);background-size: cover;width: 25px;height: 25px;font-size: 0;}
.index1 .bottom .swiper-button-prev:hover, .index1 .bottom .swiper-button-next:hover{background: #E16330;}
.index1 .bottom .swiper-scrollbar{height: 2px;bottom: -40px;border-radius: 4px;position: initial;width: 80%;}
.index1 .bottom .swiper-scrollbar-drag{background:#E16330;}
.index1 .bottom .bt{width: 15%;margin-left: 5%;margin-top: -9px;}
.index1 .bottom .bt a{text-decoration: underline;}
.index1 .bottom .bt:hover{color: #E16330;}
@media only screen and (max-width:1440px){
.index1 .bottom{width: 75%;}
}
@media only screen and (max-width:1280px){
.index1 .rd a{padding: 20px 40px;}
.index1 .rd a img{width: 58px;}
}
@media only screen and (max-width:1080px){
.index1{padding: 60px 0;}
.index1 .rd a{padding: 15px 25px;}
.index1 .rd a img{width: 45px;}
.index1 .rd a p{font-size: 15px;}
.index1 .hd{margin-top: 40px;}
.index1 .hd .item{padding: 20px;}
.index1 .hd .item h3{font-size: 16px;}
.index1 .bottom{width: 88%;}
}
@media only screen and (max-width:768px){
.index1 .rd a{padding: 10px;}
.index1 .rd a::after{width: 40px;height: 40px;}
.index1 .rd a:hover::after{top: 50px;}
.index1 .rd a img{width: 36px;margin-bottom: 8px;}
.index1 .rd a p{font-size: 14px;}
.index1 .rd a:hover p{transform: translateY(8px);}
.index1 .bottom{width: 100%;}
}
@media only screen and (max-width:568px){
.index1{padding: 30px 0;}
.index1 .rd{justify-content: center;}
.index1 .rd a{width:calc(30.66667% - 14px);border-radius: 4px;margin-bottom: 4%;margin-right: 4%;padding: 3px;}
.index1 .rd a:nth-child(3n+3){margin-right: 0;}
.index1 .rd a img{width: 32px;margin-bottom:6px;}
.index1 .rd a p{font-size: 13px;margin-top: 0;}
.index1 .rd a:hover p{transform: translateY(0px);}
.index1 .hd{margin-top: 10px;}
.index1 .hd .item{padding: 15px;}
.index1 .hd .item::after{height: 3px;}
.index1 .hd .item h3{font-size: 14px;}
.index1 .bottom{margin-top: 40px;}
.index1 .bottom .swiper-button-next{width: 35px;height: 32px;margin-right: 12px;margin-top: -16px;}
.index1 .bottom .swiper-button-prev{width: 35px;height: 32px;margin-top: -16px;}
.index1 .bottom .swiper-button-next:after{width: 18px;height: 18px;}
.index1 .bottom .swiper-button-prev:after{width: 18px;height: 18px;}
.index1 .bottom .swiper-scrollbar{height: 2px;border-radius: 4px;position: initial;width: 50%;}
.index1 .bottom .swiper-scrollbar-drag{background:#E16330;}
.index1 .bottom .bt{width: 25%;margin-left: 5%;margin-top: -9px;}
.index1 .bottom .bt a{font-size: 13px;}
}


/* index2 */
.index2{margin: 220px 0 0;position: relative;background: #EDEDED;}
.index2 .left{width: 42%;padding-left: 11%;}
.index2 .left .info{margin: 80px 0 0;width: 90%;}
.index2 .left .info .in_tit{text-align:left;padding-bottom: 60px;}
.index2 .left .info .text{font-size: 15px;color:#666;line-height: 30px;}
.index2 .left .info .ul{margin-top: 60px;margin-bottom: 60px;}
.index2 .left .info .ul li{margin-right:15%;font-family: BebasNeue-Regular;}
.index2 .left .info .ul li:nth-child(2){margin-right: 0;}
.index2 .left .info .ul li span{font-size:60px;color:#e16330;font-weight:700}
.index2 .left .info .ul li sup{position:absolute;color:#e16330;font-size:26px;margin-left:10px}
.index2 .left .info .ul li p{font-size:16px;color:#333;margin-top:10px}
.index2 .right{width: 47%;position: relative;}
.index2 .right::after{position: absolute;content: "";background: #fff;width: 68%;height: 60%;z-index: 0;bottom: 0;right: 0;}
.index2 .right .img{transform: translate(0,-6vw);z-index: 99;position: relative;}
.index2 .right .img img{width: 100%;}
/* .index2 .right .img img{animation: xuanfu1 4s infinite linear;} */
.index2 .right .img .link{position: absolute;left: -1px;z-index: 9;border-top-right-radius: 40%;bottom: -1px;width: 25.59375vw;height: 7.66667vw;border-radius: 0 10.41667vw 0 0;background-color: #e16330;overflow: hidden;}
@media only screen and (max-width:1850px){
.index2 .left{padding-left: 9%;width: 44%;}
}
@media only screen and (max-width:1750px){
.index2 .left{padding-left: 7%;width: 46%;}
.index2 .left .info .ul{margin-bottom: 40px;}
.index2 .right::after{height: 35%;}
}
@media only screen and (max-width:1700px){
.index2 .left{padding-left: 5.5%;width: 47.5%;}
.index2 .left .info{width: 90%;}
}
@media only screen and (max-width:1440px){
.index2{margin: 180px 0 0;}
.index2 .left .info .in_tit{padding-bottom: 40px;}
.index2 .left .info .ul{margin-top: 40px;}
.index2 .left .info .ul li span{font-size: 50px;}
.index2 .right::after{width: 75%;height: 30%;}
}
@media only screen and (max-width:1280px){
.index2 .left .info{width: 88%;margin: 50px 0;}
.index2 .right::after{width: 80%;height: 45%;}
.index2 .right .img{transform: translate(0,-10vw);}
}
@media only screen and (max-width:1080px){
.index2{margin: 60px 0;}
.index2 .left .info .in_tit{padding-bottom: 30px;}
.index2 .left .info{margin: 40px 0;width: 92%;}
.index2 .left .info .text{font-size: 15px;line-height: 26px;}
.index2 .left .info .ul{margin-top: 30px;}
.index2 .left .info .ul li span{font-size: 40px;}
.index2 .left .info .ul li p{font-size: 15px;margin-top: 5px;}
.index2 .right .img{transform: translate(0,-6vw);}
.index2 .right::after{height: 45%;}
}
@media only screen and (max-width:768px){
.index2{margin: 60px 0 0;}
.index2 .left{width: auto;padding: 0 5.5%;}
.index2 .left .info{width: 100%;}
.index2 .right{width: 100%;}
.index2 .right .img{transform: translate(0);}
}
@media only screen and (max-width:520px){
.index2{margin: 30px 0 0;}
.index2 .left .info .in_tit{padding-bottom: 20px;}
.index2 .left .info{margin: 25px 0;}
.index2 .left .info .text{font-size: 13px;line-height: 25px;}
.index2 .left .info .ul{margin-top: 15px;margin-bottom: 15px;}
.index2 .left .info .ul li{margin-right: 30px;}
.index2 .left .info .ul li span{font-size: 35px;}
.index2 .left .info .ul li sup{font-size: 18px;}
.index2 .left .info .ul li p{font-size: 13px;margin-top: 3px;}
}

/* index3 */
.index3 .aboutVideo{border-radius: 10px;position: relative;border: 5px solid #e16330;}
.index3 .aboutVideo video{width: 100.1%;display: block;height: 100%;position: absolute;top: 0;left: 0;}
.index3 .aboutVideo .p_img{position: relative;z-index: 9;}
.index3 .aboutVideo .p_text{position: absolute;left: 50%;top: 40%;transform: translate(-50%,-50%);text-align: center;transition: all 0.3s;z-index: 99;}
.index3 .aboutVideo .p_text h4{color: #fff;font-size: 50px;}
.index3 .aboutVideo .p_text p{color: #fff;font-size: 20px;margin-top: 25px;}
.index3 .aboutVideo .p_icon{text-align:center;position:absolute;top: 58%;right:50%;width:68px;height:68px;line-height:68px;transition:ease .5s;background:#ffff;border-radius:50%;cursor:pointer;margin-right:-37.5px;margin-top:-37.5px;z-index: 99;}
.index3 .aboutVideo .p_icon span{width:30px;height:30px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);display:block;background:url(../images/ptn_icon.png) no-repeat;background-size:60px auto}
.index3 .aboutVideo .p_icon: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}
.index3 .aboutVideo .p_icon: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}
.index3 .aboutVideo .p_icon:hover:before{transform:translate(-50%,-50%) scale(1.3)}
.index3 .aboutVideo .p_icon:hover:after{transform:translate(-50%,-50%) scale(1.6)}
.index3 .aboutVideo .p_icon.active{-webkit-transform:scale(.5);right:0;top: 50%;}
.index3 .aboutVideo .p_icon.active span{background-position:-30px 0}
@keyframes xuanfu1{ 0%{transform:translateY(0);} 50%{transform:translateY(30px);} 100%{transform:translate(0);}}
@media only screen and (max-width:1440px){
.index3 .aboutVideo .p_text h4{font-size: 42px;}
}
@media only screen and (max-width:1280px){
.index3 .aboutVideo .p_icon{width: 58px;height: 58px;top: 63%;}
.index3 .aboutVideo .p_icon span{width: 25px;height: 25px;background-size: 50px auto;}
.index3 .aboutVideo .p_icon.active{right: 8px;}
.index3 .aboutVideo .p_icon.active span{background-position: -25px 0;}
}
@media only screen and (max-width:1080px){
.index3 .aboutVideo .p_text h4{font-size: 34px;}
.index3 .aboutVideo .p_text p{font-size: 15px;margin-top: 20px;}
.index3 .aboutVideo .p_icon{width: 50px;height: 50px;}
.index3 .aboutVideo .p_icon span{width: 20px;height: 20px;background-size: 40px auto;}
.index3 .aboutVideo .p_icon.active{right: 8px;}
.index3 .aboutVideo .p_icon.active span{background-position: -20px 0;}
}
@media only screen and (max-width:768px){
.index3 .aboutVideo{border: 4px solid #e16330;border-radius: 8px;}
.index3 .aboutVideo video{border-radius: 4px;}
.index3 .aboutVideo .p_text{width: 100%;}
.index3 .aboutVideo .p_text h4{font-size: 28px;}
.index3 .aboutVideo .p_text p{margin-top: 15px;}
.index3 .aboutVideo .p_icon{top: 75%;}
}
@media only screen and (max-width:580px){
.index3 .aboutVideo .p_text h4{font-size: 20px;}
.index3 .aboutVideo .p_text p{font-size: 14px;margin-top: 8px;}
.index3 .aboutVideo .p_icon{width: 43px;height: 43px;right: 55%;top: 80%;}
.index3 .aboutVideo .p_icon span{width: 18px;height: 18px;background-size: 35px auto;}
.index3 .aboutVideo .p_icon.active{right: 14px;}
.index3 .aboutVideo .p_icon.active span{background-position: -18px 0;}
}


/* index4 */
.index4{padding: 90px 0;}
.index4 .right .text{margin-bottom:40px}
.index4 .right .text h3{font-size:34px}
.index4 .right .text p{color:#666;margin-top:20px;font-size:16px;line-height:28px;width: 68%;}
.index4 .right .item .bg{position: relative;}
.index4 .right .item .bg img{width: 100%;}
.index4 .right .item .img{text-align: center;position: absolute;top: 48.5%;left: 50%;transform: translate(-50%,-50%);}
.index4 .right .swiper-button-next{width: 50px;height: 50px;border-radius: 50%;background: #aaaaaa;right: 10px;}
.index4 .right .swiper-button-prev{width: 50px;height: 50px;border-radius: 50%;background: #aaaaaa;left: 10px;}
.index4 .right .swiper-button-prev.swiper-button-disabled, .index4 .right .swiper-button-next.swiper-button-disabled{opacity: 1;}
.index4 .right .swiper-button-next:after{background: url(../images/next.png);background-size: cover;width: 25px;height: 25px;font-size: 0;}
.index4 .right .swiper-button-prev:after{background: url(../images/prev.png);background-size: cover;width: 25px;height: 25px;font-size: 0;}
.index4 .right .swiper-button-prev:hover, .index4 .right .swiper-button-next:hover{background: #E16330;}
@media only screen and (max-width:1080px){
.index4{padding: 60px 0;}
.index4 .right .text{margin-bottom: 30px;}
.index4 .right .text h3{font-size: 24px;}
.index4 .right .text p{width: auto;}
.index4 .right .swiper-button-next{width: 40px;height: 40px;}
.index4 .right .swiper-button-prev{width: 40px;height: 40px;}
.index4 .right .swiper-button-next:after{width: 18px;height: 18px;}
.index4 .right .swiper-button-prev:after{width: 18px;height: 18px;}
}
@media only screen and (max-width:580px){
.index4{padding: 30px 0;}
.index4 .right .text{margin-bottom: 10px;}
.index4 .right .text h3{font-size: 20px;}
.index4 .right .text p{font-size: 14px;margin-top: 10px;line-height: 24px;}
.index4 .right .swiper-button-next{width: 35px;height: 35px;}
.index4 .right .swiper-button-prev{width: 35px;height: 35px;}
.index4 .right .swiper-button-next:after{width: 15px;height: 15px;}
.index4 .right .swiper-button-prev:after{width: 15px;height: 15px;}
}