@charset "utf-8";
/* ===================首页样式========================== */
.banner{position: relative;width: 100%;}
.indlun{position: relative;width: 100%;}
.indlun .img img{width: 100%;}
.indlun .cont{position: absolute;top: 0px;left: 0px;width: 100%;height: 100%;display: flex;align-items: center;z-index: 999;}
.indlun .cont .line{width: 80px;height: 4px;background-color: #fff;margin-bottom: 40px;margin-top: 20px;}

.banner .btn .swiper-next{height: 100%;width: 100%;justify-content: center;align-items: center;}
.banner .btn{position: absolute;right: 0px;top: 0px;width: 90px;background-color: rgba(0, 0, 0, 50%);z-index: 99;height: 100%;z-index: 999;transition: all .4s ease;}
.banner .btn .text{max-width: min-content;text-align: center;position: relative;transition: all .4s ease;}
.banner .btn .hide{opacity: 0;position: absolute;left: -100px;transition: all .4s ease;}
.banner .btn .hide-li{margin-bottom: 100px;position: relative;}
.banner .btn .hide-li:last-child{margin-bottom: 0px;}
.banner .btn .hide-li .img{margin-bottom: 20px;position: relative;}
.banner .btn .hide-li .img img:nth-child(1){position: absolute;z-index: 99;opacity: 1;transition: all .4s ease;width: 40px;height: 40px;}
.banner .btn .hide-li .img img:nth-child(2){position: relative;z-index: 99;opacity: 0;transition: all .4s ease;width: 40px;height: 40px;}
.banner .btn .hide-li:hover .img img:nth-child(1){opacity: 0;}
.banner .btn .hide-li:hover .img img:nth-child(2){opacity: 1;}
.banner .btn .hide-li::before {content: "";background-color: #fe6b0b;width: 36px;height: 36px;position: absolute;top: -10px;z-index: -9;border-radius: 100%;right: 20%;opacity: 0;transition: all .4s ease;}
.banner .btn .hide-li:hover:before {opacity: 1;}
.banner .btn .hide-text{color: #b6b6b6;transition: all .4s ease;width: 110px;}
.banner .btn .hide-li:hover .hide-text{color: #fff;}
.banner .btn i{font-size: 20px;color: #fff;position: absolute;bottom: 60px;right: 30px;transition: all .4s ease;}


.banner .swiper-pagination{bottom: 60px;left: 260px;z-index: 999;}
.banner .swiper-pagination-bullet{background-color: rgba(255, 255, 255, 50%);width: 50px;height: 2px;border-radius: 0px;opacity: 1; margin-right: 10px;position: relative;}
.banner .swiper-pagination-bullet::before{content: "";width: 0px;height: 100%;background-color: #fff;position: absolute;top: 0px;left: 0px;opacity: 1;z-index: 999;}
.banner .swiper-pagination-bullet-active::before{animation: bulletLine 4s linear both .8s;}
.banner .back{position: absolute;left: 0px;top: 0px;width: 100%;height: 100%;background-color: rgba(0, 0, 0, 30%);z-index: 998;}
@keyframes bannerBack {0%{opacity: 0;}100%{opacity: 1;}}
.banner .swiper-slide-active .cont{animation: bannerTitle 1s ease both .4s;}
.banner .swiper-slide-active .back{animation: bannerBack 1s ease both .4s;}
@keyframes bulletLine {0%{width: 0px;}100%{width: 100%;}}
@keyframes bannerTitle {0%{transform: translateX(-200px);opacity: 0;}100%{transform: translateX(0px);opacity: 1;}}
.banner .dowm{width: 100%;position: absolute;bottom: 40px;z-index: 998;text-align: center;}
.banner .dowm img{margin-bottom: 10px;}
/*  */
.indhx{position: relative;}
.indhx .gallery .gallery-more{position: relative;}
.indhx .gallery .gallery-more>.cont{position: absolute;top: 0px;left: 0px;width: 100%;height: 100%;padding: 100px 95px;}
.indhx .gallery .gallery-more>.cont .line{background-color: #fff;width: 40px;height: 2px;}
.indhx .gallery .gallery-more>.cont>.text{width: 500px;}
.indhx .gallery .gallery-more>.cont .btn .commonBtn{border: 1px solid #fff; color: #fff;}
.indhx .gallery .gallery-more>.cont .btn i{color: #fff;}
.indhx .thumbs{margin: 0px 100px;transform: translateY(-80px);position: relative;z-index: 99;box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.1);}
.indhx .thumbs .ind-lun{width: 100%;height: 160px;border-right: 1px solid #f4f4f4;display: flex;align-items: center;justify-content: center;background-color: #fff;}
.indhx .thumbs .ind-lun:hover,.indhx .thumbs .thumbs-year.active .ind-lun{background:url(../images/ind-lun-back.jpg)center no-repeat;background-size: cover;}
.indhx .thumbs .ind-lun .img>img:nth-child(1){opacity: 1;position: absolute;transition: all .4s ease;}
.indhx .thumbs .ind-lun .img>img:nth-child(2){opacity: 0;transition: all .4s ease;}
.indhx .thumbs .ind-lun:hover .img>img:nth-child(1){opacity: 0;}
.indhx .thumbs .ind-lun:hover .img>img:nth-child(2){opacity: 1;}
.indhx .thumbs .ind-lun .text{transition: all .4s ease;}
.indhx .thumbs .ind-lun:hover .text{color: #fff;}
.indhx .thumbs .thumbs-year.active .ind-lun .img>img:nth-child(1){opacity: 0;}
.indhx .thumbs .thumbs-year.active .ind-lun .img>img:nth-child(2){opacity: 1;}
.indhx .thumbs .thumbs-year.active .ind-lun .text{color: #fff;}
/*  */
.indal{background: url(../images/indal-back.jpg)no-repeat center;background-size: cover;width: 100%;position: relative;}
.indal .btn{position: absolute;right: 0px;top: 40px;z-index: 999;}
.indal .indal-svp{width: 100%;}
.indal .thumbs{width: 28%;padding-left: 260px;}
.indal .gallery{width: 72%;}
.indal .thumbs .thumbs-year .indal-lun .text{color: #666666;transition: all .4s ease;}
.indal .thumbs .thumbs-year .indal-lun .line{width: 14px;height: 2px;background-color: rgba(0, 0, 0, 0);margin-top:14px;margin-right: 10px;transition: all .4s ease;}
.indal .thumbs .thumbs-year.active .indal-lun .text{color: #fe6b0b;font-size: 20px;}
.indal .thumbs .thumbs-year.active .indal-lun .line{background-color: #fe6b0b;}
.indal .thumbs .thumbs-year .indal-lun:hover .text{color: #fe6b0b;font-weight: 700; }
/* .indal .thumbs .thumbs-year.active .indal-lun .text{color: #fe6b0b;font-weight: 700; } */
.indal .thumbs .thumbs-year .indal-lun:hover .line{background-color: #fe6b0b;}
.indal .gallery .gal-lun{position: relative;width: 100%;}
.indal .gallery .gal-lun .img{width: 100%;}
.indal .gallery .gal-lun .img>img{width: 100%;height: 360px;}
.indal .gallery .gal-lun a{display: flex;width: 100%;height: 100%;}
.indal .gallery .gal-lun .cont{background-color: rgba(0, 0, 0, 50%);width: 100%;height: 100%;position: absolute;top: 0px;left: 0px;display: flex;justify-content: center;align-items: center;opacity: 0;transition: all .4s ease;flex-direction: column;}
.indal .gallery .gal-lun .cont .cont-btn{background-color: #fe6b0b;border-radius: 100%;width: 60px;height: 60px;display: flex;justify-content: center;align-items: center;}
.indal .gallery .gal-lun .cont i{font-size: 20px;color: #fff;transform: rotate(45deg);}
.indal .gallery .gal-lun:hover .cont{opacity: 1;}
.indal .gallery .gal-svp .svp-btn{margin-top: 30px;position: relative;}
.indal .gallery .gal-svp .svp-btn .swiper-bottom{width: 40px;height: 40px;border: 1px solid #a3a3a3;border-radius: 100%;transition: all .4s ease;}
.indal .gallery .gal-svp .svp-btn .swiper-bottom a{width: 100%;height: 100%;display: flex;justify-content: center;align-items: center;}
.indal .gallery .gal-svp .svp-btn .swiper-bottom:hover{background-color: #fe6b0b; border: 1px solid #fe6b0b;}
.indal .gallery .gal-svp .svp-btn .swiper-bottom i{font-size: 15px;}
.indal .gallery .gal-svp .svp-btn .swiper-bottom:hover i{color: #fff;}
.indal .gallery .gal-svp .svp-btn .line{background-color: #cccccc;width: 1000px;height: 1px;margin: auto 0;position: relative;}
.indal .swiper-pagination-progressbar .swiper-pagination-progressbar-fill{background-color: #fe6b0b;}
.indal .gallery .gal-svp .svp-btn .swiper-bottom.prev{margin-right: 20px;}
.indal .gallery .gal-svp .svp-btn .swiper-bottom.next{margin-left: 20px;}
.indal .gallery .gal-svp .page{width: 100%;height: 20px;}
/*  */
.indgy{width: 100%;background: url(../images/index/indgy-back.jpg)center no-repeat;background-size: cover;}
.indgy .indgy-l{width: 50%;padding-right: 100px;}
.indgy .indgy-r{width: 50%;}
.indgy .indgy-l .content li{margin-bottom: 25px;}
.indgy .indgy-l .content li:last-child{margin-bottom: 0px;}
.indgy .indgy-l .list ul{margin-right: -20px;margin-bottom: -20px;}
.indgy .indgy-l .list li{width: calc(50% - 20px);margin-right: 20px;margin-bottom: 20px;}
.indgy .indgy-l .list li a{width: 100%;height: 100%;display: flex;background-color: #fff;padding: 30px;flex-direction:column;position: relative;}
.indgy .indgy-l .list li a .img{float: right;position: relative;}
.indgy .indgy-l .list li a .img>img:nth-child(1){opacity: 1;position: absolute;transition: all .4s ease;}
.indgy .indgy-l .list li a .img>img:nth-child(2){opacity: 0;transition: all .4s ease;}
.indgy .indgy-l .list li a .number{margin-top: -14px;float: left;color: #ccc;transition: all .4s ease;}
.indgy .indgy-l .list li a .text1{color: #333;transition: all .4s ease;}
.indgy .indgy-l .list li a .text2{color: #ccc;transition: all .4s ease;}
.indgy .indgy-l .list li a::before{content: "";background-color: #fff;width: 100%;height: 2px;position: absolute;left: 0px;bottom: 0px;transition: all .4s ease;}
.indgy .indgy-l .list li:hover a::before{background-color: #fe6b0b;}
.indgy .indgy-l .list li:hover a .number{color: #fe6b0b;}
.indgy .indgy-l .list li:hover a .text1{color: #fe6b0b;}
.indgy .indgy-l .list li:hover a .text2{color: #fe6b0b;}
.indgy .indgy-l .list li:hover a .img>img:nth-child(1){opacity: 0;}
.indgy .indgy-l .list li:hover a .img>img:nth-child(2){opacity: 1;}
.indgy .indgy-r li,.indgy .indgy-r ul{height: 100%;position: relative;}
.indgy .indgy-r li .img{height: 100%;}
.indgy .indgy-r li .img>img{height: 100%;}
.indgy .indgy-r li .cont{background-color: rgba(0, 0, 0, 30%);position: absolute;width: 100%;height: 100%;display: flex;justify-content: center;align-items: center;top: 0px;left: 0px;flex-direction: column;transition: all .4s ease;}
.indgy .indgy-r li .cont .cont-btn{border: 2px solid #fff;border-radius: 100%;width: 80px;height: 80px;display: flex;justify-content: center;align-items: center;}
.indgy .indgy-r li .cont .cont-btn i{color: #fff;font-size: 25px;}
/*  */
.indxw .btn{position: absolute;right: 0px;top: 40px;z-index: 999;}
.indxw .list li.back{box-shadow: 0px 0px 15px 0px rgba(0, 0, 0, 0.05);}
.indxw .list li{width: 33.333%;margin-bottom: -3px;}
.indxw .list ul{margin-bottom: 0px;}
.indxw .list li .cont{padding: 50px;text-align: center;}
.indxw .list li .cont .cont-btn{color: #fe6b0b;display: flex;align-items: center;justify-content: center;position: relative;}
.indxw .list li .cont .cont-btn i{color: #fe6b0b;font-size: 10px;margin-left: 5px;transition: all .4s ease;}
.indxw .list li:hover .cont .cont-btn i{transform: translateX(5px);}
.indxw .list li:hover .title{color: #fe6b0b;}
.indxw .list li .title{transition: all .4s ease;}
.indxw .list li .img{overflow: hidden;width: 100%;height: 303px;}
.indxw .list li .img:hover img{transform: scale(1.04);}
.indxw .list li .img img{transition: all .4s ease;width: 100%;height: 100%;}
.indxw .list li:nth-child(even) a{flex-direction: column-reverse;}
/*  */
.indjs{background: url(../images/indjs-back.jpg)center no-repeat;background-size: cover;}
.indjs .btn{position: absolute;right: 0px;top: 40px;z-index: 999;}
.indjs .content{width: 100%;}
.indjs .indjs-l{width: 48%;margin-right: 112px;background-color: #fff;}
.indjs .indjs-r{width: 44%;background-color: #fff;padding: 40px;}
.indjs .indjs-l .back{background-color: #fff;padding: 30px 40px;}
.indjs .indjs-l .img{overflow: hidden;}
.indjs .indjs-l .img img{transition: all .4s ease;width: 100%;height: 100%;}
.indjs .indjs-l .img:hover img{transform: scale(1.04);}
.indjs .indjs-l .title a:hover{color: #fe6b0b;}
.indjs .indjs-l .title a{transition: all .4s ease;}
.indjs .indjs-r .cont{border-bottom: 1px solid #f4f4f4;padding-bottom: 20px;margin-bottom: 20px;}
.indjs .indjs-r .cont.no{margin-bottom: 0px;border-bottom: 1px solid #fff;padding-bottom: 0px;}
.indjs .indjs-r .title a:hover{color: #fe6b0b;}
.indjs .indjs-r .title a{transition: all .4s ease;}


.indxw .list li a{display: flex;height: 100%;}
.indhx .svp-btn{position: absolute;display: flex;bottom: 25px;left: 0px;z-index: -1;width: 100%;justify-content: space-between;opacity: 0;}
.indhx .svp-btn i{font-size: 50px;color: #000;}

.indhx .gallery .gallery-more>.cont{background: url(../images/index/index-back_news.png)center no-repeat;background-size: cover;}

/*.banner .btn .hide-li:nth-child(2){display: none;}  */
.indlun .img img{height: calc(100vh - 90px);}

/* -------------------------PC端--------------------------- */
@media all and (max-width:1700px) {
    /* 1600 × (900) */
    .indal .thumbs {padding-left: 100px;}
}

@media all and (max-width:1599px) {
    /* 1440 × (700)  */
    .indhx .gallery .gallery-more>.cont {padding: 50px 95px;}
    .indal .thumbs {padding-left: 180px;}
    .indal .gallery .gal-svp .svp-btn .line {width: 700px;}
    .indxw .list li {margin-bottom: 0px;}
    .indjs .indjs-l {margin-right: 86px;}
    .indgy .indgy-l {padding-right: 50px;}
    .indal .gallery .gal-lun .img>img {height: 300px;}
    .indxw .list li .img {height: 283px;}
}

@media all and (max-width:1439px) {
    /* 1360 */
}

@media all and (max-width:1359px) {
    /* 1280 */
}

@media all and (max-width:1279px) {
    /* 1152 × (700) */
    .indhx .thumbs {margin: 0px;transform: translateY(0px);}
    .indhx .thumbs .ind-lun {width: auto;height: 120px;}
    .indhx {margin-bottom: 70px;}
    .indgy .indgy-l {width: 100%;padding-right: 0px;}
    .indgy .indgy-r {width: 100%;margin-top: 20px;}
    .indgy .indgy-r li .img>img {height: 100%;width: 100%;}
    .indxw .list li {width: 50%;margin-bottom: 10px;}
    .indjs .indjs-l {margin-right: 0px;width: 100%;margin-bottom: 20px;}
    .indjs .indjs-r {width: 100%;padding: 40px;}
    .banner .btn{display: none;}
    .banner .swiper-pagination {bottom: 40px;left: 135px;}
    .indal .thumbs {padding-left: 100px;}
    .indal .gallery .gal-svp .svp-btn .line {width: 590px;}
    .indhx .gallery .gallery-more>.cont {padding: 25px 40px;}
    .indal .gallery .gal-lun .img>img {height: 220px;}
    .indxw .list li{width: 100%;}
    .indxw .list li .img{width: 50%;}
    .indxw .list li .cont{width: 50%;}
    .indxw .list li:nth-child(even) a {flex-direction: inherit;}
}

@media all and (max-width:1151px) {
    /* 1024 */
}


/* ------------------------手机端-------------------------- */
@media all and (max-width:1000px) {
    /* 平板设备 720 适配 */
    .banner .dowm{display: none;}
    .banner .swiper-pagination {bottom: 15px;left: 35px;}
    .indlun .cont .line {margin-bottom: 15px;margin-top: 5px;height: 1px;}
    .indhx .gallery .gallery-more>.cont .line {margin-top: 10px;}
    .indhx .gallery .gallery-more>.cont>.text{margin-top: 10px;}
    .indhx .gallery .gallery-more>.cont>.btn{margin-top: 40px;}
    .indhx .gallery .gallery-more>.cont {padding: 25px 50px;}
    .indal .thumbs {width: 100%;}
    .indal .gallery {width: 100%;}
    .indal .gallery .gal-svp .svp-btn .line {width: calc(100% - 120px);}
    .indal .thumbs {padding-left:25px;margin: 0px auto;margin-bottom: 20px;}
    .indxw .list li .cont {padding: 25px;}
    .indhx .svp-btn {opacity: 1;z-index: 999;}
    .indal .thumbs .thumbs-year .indal-lun .line{display: none;}
}
@media all and (max-width:640px) {
    /* 移动终端以上 360 适配 */
    .indhx .gallery .gallery-more>.cont {padding: 80px 10px;}
    .indhx .gallery .gallery-more>img{height: 400px;}
    .indhx .gallery .gallery-more>.cont>.text {width: 290px;}
    .indlun .img>img{height: 400px;}
    .indal .gallery .gal-svp .svp-btn .swiper-bottom {margin-left: 5px;}
    .indal .gallery .gal-svp .svp-btn .line {width: calc(100% - 130px);}
    .indgy .indgy-l .content li {margin-bottom: 10px;}
    .indgy .indgy-l .list li a {padding: 15px;}
    .indxw .list li {width: 100%;}
    .indjs .indjs-l .back {padding: 20px 15px;}
    .indjs .indjs-r {padding: 15px;}
    .indjs .indjs-r .cont {padding-bottom: 10px;margin-bottom: 10px;}
    .indjs .indjs-r .cont .title{margin-top: 0px;}
    .indal .thumbs {padding-left: 20px;}
    .indxw .list li .img{width: 100%;}
    .indxw .list li .cont{width: 100%;}
    
}