@charset "utf-8";
/* ===================首页样式========================== */
/* .banner-bg{width: 100%;height: 100vh;} */
.banner-bg .bg{width: 100%;height: 100vh;background-repeat: no-repeat;}
.banner-bg img{width: 100%;height: 100vh;}
.banner-con{position: absolute;transform: translateX(150px);opacity: 0; left: 0;top: 0;width: 100%;height: 100%;align-items: center;}
.banner-title::after{width: 57px;height: 53px;content: "";position: absolute;left: -30px;top: -15px;background: url('../images/index/banner-icon.png') no-repeat center/100% auto;}
.banner-title p{position: relative;z-index: 2;}
.banner-text{line-height: 2.3;}
.banner-text span{display: inline-block;padding: 0 16px;position: relative;border-right: 2px solid #fff;line-height: 1.2;}
.banner-text span:first-child{border-left: 2px solid #fff;}
.banner .swiper-slide-active .banner-con{animation: banText 2s .5s ease forwards;}
@keyframes banText {
    0%{opacity: 0;transform: translateX(150px);}
    100%{opacity: 1;transform: translateX(0);}
}
.pagination-box{position: absolute;left: 0;bottom: 60px;width: 100%;z-index: 2;user-select: none;}
.banner-pagination .swiper-pagination-bullet{width: 6px;height: 6px;transition: all .4s ease;cursor: pointer; border-radius: 50%;opacity: 1;background: #fff;margin-left: 35px;position: relative;}
.banner-pagination .swiper-pagination-bullet:first-child{margin-left: 0;}
.banner-pagination .swiper-pagination-bullet::after{content: "";position: absolute;transition: all .4s ease; left: 50%;top: 50%;transform: translate(-50%,-50%) scale(0);border: 2px solid #fff;border-radius: 50%;
width: 300%;height: 300%;}
.banner-pagination .swiper-pagination-bullet::before{content: "";width: 14px;height: 14px;position: absolute;left: 50%;top: 50%;transform: translate(-50%,-50%);}
.banner-pagination .swiper-pagination-bullet-active{background: #ff5104;}
.banner-pagination .swiper-pagination-bullet-active::after{transform: translate(-50%,-50%) scale(1);}
/* 首页标题 */
.indTitle .contain{display: flex;flex-direction: column;align-items: center;}
.indTitle .title{border-bottom: 2px solid #ff6a00;padding-bottom: 7px;}
.indNew-swp{padding: 0 20px;}
.indNew-slide{flex-direction: column;align-items: center;text-align: center;width: 100%;padding: 0 10px;height: 350px; position: relative;}
.indNew-slide::after{content: "";position: absolute;width: 1px;height: calc(100% - 10px);left: 0px;top: 5px;background: #e3e3e3;}
.indNew-swp .swiper-slide-active .indNew-slide::after{display: none;}
.indNew-img{width: 50%;height: 170px;}
.indNew-img img{max-height: 100%;}
.indNew-icon{width: 28px;height: 28px;border-radius: 50%;background: #ff6a00;position: absolute;left: 50%;bottom: 0;transform: translateX(-50%);}
.indNew-icon::after{content: "\e622";font-family: "icon";color: #fff;font-size: 13px;position: absolute;left: 50%;top: 50%;transform: translate(-40%,-50%);}
.indNew-next,.indNew-prev{cursor: pointer; user-select: none; position: absolute;width: 20px;right: 0;top: 50%;transform: translateY(-50%);z-index: 3;color: #4c4c4c;transition: all .4s ease;}
.indNew-prev{transform: translateY(-50%) rotate(180deg);right: auto;left: 0;}
.indNew-next::after,.indNew-prev::after{content:"\e622";font-family: "icon";font-size: 18px;display: inline-block;}
.indNew-next:hover,.indNew-prev:hover{color: #ff6a00;}
.indMore{margin: 50px auto 0;color: #404040; position: relative;transition: all .4s ease; width: 146px;height: 44px;border-radius: 30px;overflow: hidden;border: 2px solid #404040;}
.indMore::after{content: "";transition: all .4s ease;position: relative;z-index: 2; width: 12px;height: 11px;display: inline-block;margin-left: 10px;background: url('../images/index/indNew-more.png') no-repeat center/100% auto;}
.indMore p{position: relative;z-index: 3;cursor: pointer;}
.indMore::before{content: ""; position: absolute;left: -1px;top: -1px;width: 105%;height: 105%;background: #ff6a00;transform: translateX(-100%);transition: all .6s ease;}
.indMore:hover{color: #fff;border-color: #ff6a00;background-color: #ff6a00;}
.indMore:hover::before{transform: translateX(0);}
.indMore:hover::after{background-image: url('../images/index/indNew-moreH.png');}
.indAbout-header> .contain{justify-content: space-between;}
.indAbout-header .indTitle .contain{width: auto;align-items: flex-start;}
.indAbout-header{background: url('../images/index/indAbout-header-bg.png') no-repeat right top/auto 100%;}
.indAbout-header-text{text-align: right;color: #404040;}
.indAbout-header .indMore{margin: 20px 0 auto auto;}
.indAbout-con-bg{position: absolute;left: 0;top: 0;width: 100%;height: 100%;}
.indAbout-con-bg img{width: 100%;height: 100%;}
.indAbout-con-con{position: relative;z-index: 2;}
.indAbout-con-con .contain{justify-content: flex-end;position: relative;}
.indAbout-con-img{position: absolute;left: 0;top: -10%;width: 35%;border-radius: 25px;}
.indAbout-con-img img{width: 100%;border-radius: 25px;position: relative;z-index: 2;}
.indAbout-con-img::after{content: "";position: absolute;left: 10px;top: 10px;width: 100%;height: 100%;border-radius: 25px;background: #ff6a00;}
.indAbout-con-text{width: 52%;}
.indAbout-con-text p{line-height: inherit;margin-top: 25px;}
.indAbout-con-text p:first-child{margin-top: 0;}
.indAbout-con-text p span{font-size: 20px;color: #ff6a00;}
.indNews-list{justify-content: space-between;}
.indNews-list::after{content:"" ;width: 31%;}
.indNews-item{width: 31%;}
.indNews-img{overflow: hidden; border-top-left-radius: 10px;border-top-right-radius: 10px;}
.indNews-img img{width: 100%;height: 220px;transition: all .6s ease;}
.indNews-con{background: #fff;box-shadow: 0px 11px 40px 0px rgba(6, 9, 8, 0.08);padding: 35px 42px 42px;border-bottom-left-radius: 10px;border-bottom-right-radius: 10px;}
.indNews-footer{justify-content: space-between;align-items: center;}
.indNews-text{transition: all .4s ease;}
.indNews-more{display: flex;align-items: center;}
.indNews-more::after{content: "";display: inline-block;margin-left: 10px;width: 12px;height: 11px;background: url('../images/index/indNew-more.png') no-repeat center/100% auto;}
.indNews-item:hover .indNews-img img{transform: scale(1.07);}
.indNews-item:hover .indNews-text{color: #ff6a00;}
.indFA{background: #f7f7f7;overflow: hidden;}
.listBox ul{flex-wrap: nowrap;margin-left: -70px;width: calc(100% + 140px);}
.listBox a{display: block; width: 320px;height: 650px;position: relative;overflow: hidden;transform: skewX(-10deg);}
.listBox a.active{width: calc(100% - 320px*3);}
.listBox a:first-child .indFA-text{padding-left: 120px;}
.listBox a:first-child.active .indFA-text{padding-left: 240px;}
.listBox a.active .indFA-text{background: #ff6a00;padding-left: 150px;}
.listBox a.active .indFA-icon{display: block;animation: fa .8s .3s ease forwards;}
@keyframes fa {
    0%{opacity: 0;}
    100%{opacity: 1;}
}
/* .listBox li.active .indFA-img img{} */
/* .listBox li{width: 400px;height: 650px;transition: all .4s linear; position: relative;overflow: hidden;clip-path: polygon(25% 0%, 100% 0%, 75% 100%, 0% 100%);margin-left: -100px;}
.listBox li:first-child{clip-path: polygon(0 0, 100% 0%, 75% 100%, 0% 100%);margin-left: 0;}
.listBox li:last-child{clip-path: polygon(25% 0%, 100% 0%, 100% 100%, 0% 100%);}
.listBox li.active{width: calc(100% - 400px*3 + 100px*3);clip-path: polygon(0% 0%, 100% 0%, 100% 100%, 0% 100%);} */
.indFA-img img{position: absolute;max-width: none;object-fit: cover;top: 0;left: -19%;height: 650px;width: 138%; transform: skewX(10deg);}
.indFA-img{}
.indFA-img::after{content: "";position: absolute;left: 0;bottom: 0;width: 100%;height:40%;background: linear-gradient(to bottom,transparent,rgba(0,0,0,.7));}
.indFA-text{position: absolute;transition: all .4s ease; transform:translateX(-50%) skewX(10deg);left: 50%;bottom: 0; width: 110%;height: 200px;flex-direction: column;display: flex;justify-content: center;padding-left: 70px;z-index: 5;}
.indFA-text .more{position: relative;display: flex;align-items: center;}
.indFA-text .more::after{content: "";display: inline-block;margin-left: 10px; width: 22px;height: 22px;background: url('../images/index/indFA-more.png') no-repeat center/100% auto;}
.indFA-icon{position: absolute;right: 15%;bottom: 15px;display: none;opacity: 0;}
/* -------------------------PC端--------------------------- */
/* -------------------------4k端--------------------------- */
@media all and (min-width:3000px) and (max-width:5000px) {
    /* 1920设计稿 3840分辨率【所有宽度 × (3840÷1920 = 2)】【电脑缩放1920÷3840 = 50%】 */
    .banner-bg img{object-fit: cover;}
}

/* -------------------------2k端--------------------------- */
@media all and (min-width:2000px) and (max-width:3000px) {
    /* 1920设计稿 2560分辨率【所有宽度 × (2560÷1920 ≈ 1.5)】【电脑缩放1920÷2560 = 75%】 */
    .banner-bg img{object-fit: cover;}

}
@media all and (max-width:1700px) {
    /* 1600 × (900) */
}
@media all and (max-width:1590px) {
    /* 1440 × (700)  */
    .indNew-img{height: 160px;}
    .indNew-slide{height: 330px;}
    .listBox a{width: 250px;height: 550px;}
    .indFA-img img{height: 550px;}
    .listBox a.active {width: calc(100% - 250px*3);}
    .indFA-text .title{font-size: 20px;}
    .indFA-text .more{font-size: 15px;margin-top: 10px;}
    .listBox a:first-child .indFA-text{padding-left: 110px;}
    .indFA-text{height: 150px;}
    .indFA-icon{max-width: 130px;}
    .indFA-icon img{max-height: 200px;}
    .banner-bg img{object-fit: cover;}
}
@media all and (max-width:1430px) {
    /* 1360 */
}
@media all and (max-width:1350px) {
    /* 1280 */
}
@media all and (max-width:1270px) {
    /* 1152 × (700) */
    .indMore{width: 130px;height: 42px;}
    .indAbout-con-img{width: 37%;}
    .indNews-con{padding: 20px;}
    .indNews-img img{height: 170px;}
    .listBox a{width: 200px;height: 430px;}
    .indFA-img img{height: 430px;}
    .listBox a.active {width: calc(100% - 200px*3);}
    .indFA-text .title{font-size: 16px;}
    .indFA-text .more{font-size: 13px;margin-top: 8px;}
    .listBox a:first-child .indFA-text{padding-left: 110px;}
    .indFA-text{height: 130px;}
}
@media all and (max-width:1140px) {
    /* 1024 */
}
/* ------------------------手机端-------------------------- */
@media all and (max-width:1000px) {
    /* 平板设备 720 适配 */
}
@media all and (max-width:640px) {
    /* 移动终端以上 360 适配 */
    .indTitle .text{font-size: 18px;}
    .banner-bg{position: relative;}
    .banner-bg::after{content: "";position: absolute;left: 0;top: 0;width: 100%;height: 100%;background: rgba(0, 0, 0, .3);}
    .banner-bg img{height: calc(100vh - 110px);}
    .banner .swiper-slide{overflow: hidden;}
    .banner-con{align-items: flex-start;}
    .banner-con .contain{padding: 100px 0 0 30px;}
    .banner-title::after{width: 45px;height: 42px;}
    .banner-text{margin-top: 10px;line-height: 1.8;}
    .banner-text br{height: 5px;line-height: 5px;overflow: hidden;}
    .banner-text span{font-size: 13px;padding: 0 10px;line-height: 1;border-right: 1px solid #fff;}
    .banner-text span:first-child {border-left: 1px solid #fff;}
    .pagination-box{bottom: 20px;}
    .pagination-box .contain{display: flex;justify-content: center;}
    .banner-pagination .swiper-pagination-bullet{margin-left: 20px;}
    .banner-pagination .swiper-pagination-bullet::before{width: 12px;height: 12px;}
    .banner-pagination .swiper-pagination-bullet::after{border: 1px solid #fff;width: 250%;height: 250%;}
    .indMore {width: 110px;height: 36px;}
    .indMore::after{width: 11px;height: 10px;margin-left: 5px;}
    .indAbout-more{width: 100%;}
    .indAbout-header .indMore{margin: 20px 0 0;}
    .indAbout-con-img{width: 80%;margin: 0 auto;position: relative;left: auto;top: auto;transform: unset;}
    .indAbout-con-text{width: 100%;margin-top: 30px;}
    .indAbout-con-img img,.indAbout-con-img::after{border-radius: 15px;}
    .indAbout-con-img::after{left: 5px;top: 5px;}
    .indAbout-con-text p span{font-size: 18px;}
    .indNews-item{width: 100%;margin-top: 20px;}
    .indNews-item:first-child{margin-top: 0;}
    .indNews-img {border-top-left-radius: 5px;border-top-right-radius: 5px;}
    .indNews-con{border-bottom-left-radius: 5px;border-bottom-right-radius: 5px;}
    .listBox ul{margin-left: 0;width: 100%;flex-wrap: wrap;}
    .listBox a{width: 100%;height: auto;transform: unset;}
    .indFA-img img{width: 100%;height: auto;position: relative;left: auto;top: auto;transform: unset;max-width: 100%;}
    .indFA-text{transform: unset;left: 0;width: 100%;height: 80px;padding-left: 20px !important;background: #ff6a00;}
    .indFA-text .more::after{width: 18px;height: 18px;margin-left: 8px;}
    .listBox a.active{width: 100%;}
    .indFA-icon{display: block;animation: fa .8s .3s ease forwards;width: auto;max-width: 80px;}
    .indFA-icon img{max-height: 120px;}
    .indNew-slide::after{display: none;}
}