@charset "utf-8";
/* ===================首页样式========================== */
.banner-lun > img{width: 100%;height: 100vh;transition:all 3s linear;}
.banner .swiper-slide-active .banner-lun > img{transform: scale(1.1);}
.banner-lun .content {position: absolute;top: 0px;left: 0px;width: 100%;height: 100%;display: flex;align-items: center;opacity: 0;}
.banner-lun .content.active {opacity: 1;}
.banner-lun .content .title {opacity: 0;}
.banner-lun .content .name {color: rgba(255, 255, 255, .5);opacity: 0;}
.banner-lun .content .line {width: 650px;height: 2px;background-color: rgba(255, 255, 255, .2);position: relative;opacity: 0;}
.banner-lun .content .line::before{content: "";position: absolute;left: 0px;width: 120px;height: 100%;background-color: #fff;}
.banner .swiper-slide-active .banner-lun .content .title {animation: bannerLun .8s ease both 1s;}
.banner .swiper-slide-active .banner-lun .content .name {animation: bannerLun .8s ease both 1.1s;}
.banner .swiper-slide-active .banner-lun .content .line {animation: bannerLun .8s ease both 1.2s;}
@keyframes bannerLun {0%{opacity: 0;transform: translateY(100px);filter: blur(10px);}100%{opacity: 1;transform: translateY(0px);filter: blur(0px);}}
.banner-left {position: absolute;z-index: 2;right: 0px;top: 0px;width: 95px;height: 100%;border-left: 1px solid rgba(255, 255, 255, .2);display: flex;align-items: center;}
.banner-menuBtn {width: 100%;height: 95px;background-color: #0568ae;display: flex;justify-content: center;align-items: center;position: relative;}
.banner-page {width: 100%;position: absolute;bottom: 90px;left: 0px;}
.banner-page .swiper-pagination {position: relative;display: flex;flex-direction: column;align-items: center;}
.banner-page .swiper-pagination-bullet {width: 6px;height: 6px;background: #fff;opacity: .5;position: relative;margin: 17px 0px;}
.banner-page .swiper-pagination-bullet::before{content: "";width: 20px;height: 20px;position: absolute;border: 1px solid #fff;border-radius: 100px;top: 50%;left: 50%;transform: translate(-50%,-50%);opacity: 0;transition: all .4s ease;}
.banner-page .swiper-pagination-bullet-active {opacity: 1;background: #fff;}
.banner-page .swiper-pagination-bullet.swiper-pagination-bullet-active::before{opacity: 1;}

.indfw {background-color: #f8f9fa;}
.indfw-cont {justify-content: space-between;align-items: flex-end;}
.indfw-btn a{width: 130px;height: 50px;border-radius: 25px;display: flex;justify-content: center;align-items: center;background-color: #fff;box-shadow: 0px 0px 49px 0px rgba(12, 40, 72, 0.1);transition: all .4s ease;}
.indfw-btn a:nth-child(1){margin-right: 10px;}
.indfw-btn a.active {background-color: #0568ae;color: #fff;} 
.indfw-btn a:hover {color: #0568ae;}
.indfw-btn a.active:hover {background-color: #00aaf8;color: #fff;}
.indfw-lun {height: 470px;position: relative;display: block;}
.indfw-lun .img{height: 300px;overflow: hidden;}
.indfw-lun .img img{width: 100%;height: 100%;transition: all .4s ease;}
.indfw-lun:hover .img img{transform: scale(1.04);}
.indfw-lun .cont{position: absolute;bottom: 0px;left: 0%;padding: 0px 40px;width: 100%;}
.indfw-lun .cont .show{background-color: #fff;padding: 40px;box-shadow: 0px 0px 30px 0px rgba(12, 40, 72, 0.1);position: relative;z-index: 2;transition: all .6s ease;}
.indfw-lun .cont .show img.bg{position: absolute;bottom: 0px;right: 0px;pointer-events: none;}
.indfw-lun .cont .show > div{position: relative;z-index: 2;}
/* .indfw-lun .cont .show::before{content: "";position: absolute;top: 0px;left: 0px;width: 100%;height: 100%;background-color: #f6f6f6;pointer-events: none;} */
.indfw-lun .cont .show .btn {display: flex;align-items: center;width: fit-content;}
.indfw-lun .cont .show .btn i{display: flex;transform: rotate(180deg);margin-right: 18px;transition: all .4s ease;}
.indfw-lun .cont .show .btn:hover i{margin-right: 30px;}
.indfw-lun .cont .shade{transition: all .6s ease;position: absolute;left: 0;right:0;margin: 0 auto;top: 0;width: calc(100% - 80px);height: 100%;background: #ceeffe;}
.indfw-lun:hover .cont .show{transform: translate(-10px,-10px);}
.indfw-lun:hover .cont .shade{transform: translate(10px,10px);}
.indfw-svp .muen{margin: -20px;display: none;}
.indfw-svp .muen:first-child{display: block;}
.indfw-svp .swiper-container{padding: 20px;}
.indfw-lun .cont .show .title{transition: all .4s ease;}
.indfw-lun:hover .cont .show .title{color: #0568ae;}
.indfw-page{display: flex;justify-content: center;margin-top: 10px;}
.indfw-page .swiper-pagination{position: relative;}
.indfw-page .swiper-pagination .swiper-pagination-bullet{margin: 0 5px;}

.indxm-lun::before{content:"";position:absolute;width:100%;height:100%;top:0;left:0;z-index:1;background:rgba(0,0,0,0.2)}
.indxm-lun > img{width: 100%;height: 890px;transition:all 3s 1s linear;}
.swiper-slide-active .indxm-lun > img{transform: scale(1.1);transition-delay: 0s;}
.indxm-lun .content{position: absolute;top: 0px;left: 0px;width: 100%;height: 100%;display: flex;flex-direction: column;justify-content: center;z-index:2;}
.indxm-lun .content .IndTitle .title{max-width:360px;transition: all .4s ease;}
.indxm-lun .content .IndTitle .name,.indxm-lun .content .IndTitle .title{transition: all .4s ease;}
.indxm-lun .content .IndTitle .name:hover,.indxm-lun .content .IndTitle .title:hover{color: #0568ae;}
.indxm-lun .content .Icon {height: 33px;}
.indxm-lun .content .Icon img {max-height: 100%;}
.indxm-lun .content .btn{border: 1px solid #fff;border-radius: 3px;width: 160px;height: 40px;display: flex;align-items: center;justify-content: center;transition: all .4s ease;}
.indxm-lun .content .btn:hover{background-color: #012fa7;color: #fff;border: 1px solid#012fa7;}
.indxm-page {display: none;}
.indxm-page .swiper-pagination-bullet {width: 6px;height: 6px;background: #fff;opacity: .5;position: relative;margin: 0px 10px;}
.indxm-page .swiper-pagination-bullet::before{content: "";width: 20px;height: 20px;position: absolute;border: 1px solid #fff;border-radius: 100px;top: 50%;left: 50%;transform: translate(-50%,-50%);opacity: 0;transition: all .4s ease;}
.indxm-page .swiper-pagination-bullet-active {opacity: 1;background: #fff;}
.indxm-page .swiper-pagination-bullet.swiper-pagination-bullet-active::before{opacity: 1;}
.he_svgdonx {position: absolute;top: 50%;left: 50%;transform: translate(-50%, -50%);width: 100%;max-width: 1920px;height: 100%;z-index: 100;pointer-events: none;display: flex;justify-content: center;align-items: center;}
.he_svgdonx .circle {transition: all 0.56s ease-in;}
.he_svgdonx .cursor {transition: all 0.36s 0.6s;}
.he_svgdonx .cursor-circle {transition: transform 0.36s ease-in-out;transform: scale(0);opacity: 0;}
.he_svgdonx.on1 .cursor-circle {transform: scale(1);opacity: 1;}
.he_svgdonx.act .cursor-circle {transform: scale(0);transition: all 0.16s;}
.he_svgdonx .dotted-circle2 {transition: all 0s;}
.he_svgdonx.act .dotted-circle2 {r: 1260px;transition: all 2.4s cubic-bezier(.77, 0, .175, 1);}
.he_bandits {position: absolute;top: 50%;transform: translateY(-50%);right: 6.5%;z-index: 10;}
.he_bandili {cursor: pointer;margin: 30px 0;display: flex;align-items: center;text-align: right;width: 100%;}
.he_bandili svg {display: inline-block;vertical-align: middle;width: 30px;height: 30px;}
.he_bandili p {width: calc(100% - 30px);font-size: 16px;line-height: 1.5;color: rgba(255, 255, 255, 0.4);transition: all 0.36s;padding-right: 15px;}
.he_bandili.act p {color: #fff;}
.he_bandili svg .circle {fill: #fff;transition: all 0.56s;}
.he_bandili.act svg .circle {opacity: 0;}
.he_bandili svg .wrapper {transition: all 0.56s;transform: scale(0);transform-origin: 50% 50%;}
.he_bandili.act svg .wrapper {transform: scale(1);}
.he_bandili .background {transform-origin: 15px 15px;stroke: #fff;-webkit-transition: stroke .2s linear;transition: stroke .2s linear;}
.he_bandili .foreground {transform-origin: 15px 15px;stroke-dasharray: 87.9646px, 87.9646px;transform: rotate(-90deg);stroke: #fff;}
.he_bandili circle {position: absolute;left: 0;top: 0;width: 100%;height: 100%;}
.he_bandili.act .foreground {animation: stroke 6.1s linear 0.2s;}
@keyframes stroke {0% {stroke-dasharray: 0, 87.9646px;}100% {stroke-dasharray: 87.9646px, 87.9646px;}}

.inddq .contain {position: relative;z-index: 2;}
.inddq-bg {position: absolute;bottom: 100px;left: 0px;width: 100%;}
.inddq-bg {height: 364px;background: url(../images/inddq-bg.png)center;animation: citymove 30s linear infinite;}
@keyframes citymove{0%{background-position:1892px 0px;}100%{background-position:0px 0px;}}
.inddq-map {
    display: flex;justify-content: center;
    /*margin-top: -80px;*/
}
.inddq-list {position: absolute;top: 60px;right: 0px;width: 455px;}
.inddq-list .list {justify-content: space-between;border-bottom: 2px solid #f4f4f4;padding-bottom: 42px;margin-bottom: 34px;}
.inddq-list .list .num{line-height: 45px;}
.inddq-list .list:last-child {margin-bottom: 0px;border-bottom: 0px;}

.indqy-list .list{width: 310px;margin-right: 140px;}
.indqy-list .list .num{display: flex;align-items: flex-end;}
.indqy-list .list .num span{line-height: .8;}
.indqy-list .list .num sub{margin-right: 8px;}
.indqy-list .list .title{margin-top: 20px;}
.indqy-list .list .line {width: 24px;height: 1px;background-color: rgba(255, 255, 255, .5);}
.indqy-btn {display: flex;justify-content: center;}
.indqy-line {position: absolute;bottom: 0px;left: 0px;width: 100%;pointer-events: none;}
.indqy-line .list img{width: 100%;}
.indqy-line .list:nth-child(1){position: absolute;width: 100%;bottom: 0px;left: 0px;}
.indqy-line .list:nth-child(2){position: absolute;width: 100%;bottom: -565px;left: 0px;transition: all .1s ease;}

.indxw-btn a{width: 130px;height: 50px;border-radius: 25px;margin-left: 10px;display: flex;justify-content: center;align-items: center;background-color: #fff;box-shadow: 0px 0px 49px 0px rgba(12, 40, 72, 0.1);transition: all .4s ease;}
.indxw-btn a:nth-child(1){margin-left: 0px;}
.indxw-btn a.active {background-color: #0568ae;color: #fff;} 
.indxw-btn a:hover {color: #0568ae;}
.indxw-btn a.active:hover {background-color: #00aaf8;color: #fff;}
.indxw-cont {justify-content: space-between;align-items: center;}
.indxw-con{display: none;}
.indxw-con:first-child{display: block;}
.indxw-recommend {border-top: 1px solid #ddd;padding-top: 38px;}
.indxw-recommend .cont-l{width: 65%;padding-right: 160px;}
.indxw-recommend .cont-l .title{transition: all .4s ease;}
.indxw-recommend .cont-l .title:hover{color: #0568ae;}
.indxw-recommend .cont-r{width: 35%;height: 280px;overflow: hidden;}
.indxw-recommend .cont-r img{width: 100%;height: 100%;transition: all .4s ease;}
.indxw-recommend .cont-r:hover img{transform: scale(1.04);}
.indxw-list {border-top: 1px solid #dddddd;}
.indxw-list .list{height: 90px;width: calc(100%/2);justify-content: space-between;align-items: center;border-bottom: 1px solid #ddd;position: relative;transition: all .4s ease;}
.indxw-list .list .title{width: calc(100% - 90px);padding-right: 10px;transition: all .4s ease;}
.indxw-list .list .data{width: 90px;transition: all .4s ease;}
.indxw-list .list:nth-child(odd) {padding-right: 40px;}
.indxw-list .list:nth-child(even) {padding-left: 40px;}
.indxw-list .list:nth-child(odd)::before{content: "";position: absolute;top: 50%;transform: translateY(-50%);right: 0px;width: 1px;height: 43px;background-color: #dddddd;}
.indxw-list .list:hover {background-color: #0568ae;}
.indxw-list .list:hover .title{color: #fff;}
.indxw-list .list:hover .data{color: #fff;}
.indxw-list .list:nth-child(odd):hover {padding-left: 20px;}
.indxw-list .list:nth-child(even):hover {padding-right: 20px;}

.indSticky {display: none; position: fixed;z-index: 999999;top: 0px;left: 0px;width: 100vw;height: 100vh;overflow-y: auto;opacity: 0;}
.indSticky.active {opacity: 1;}
.indSticky.no {display: none !important;pointer-events: none;z-index: -999999;}
.indSticky-cont {height: calc(100vh + 1px);}
.indSticky::-webkit-scrollbar{width: 0px;height: 0px;}
.indSticky{scrollbar-color:transparent transparent;scrollbar-width:thin;}
.indSticky{scrollbar-face-color: transparent;scrollbar-shadow-color: transparent;scrollbar-arrow-color: #000;scrollbar-track-color: #f1f1f1;}
.indSticky-bg {transition: all 1.4s ease;}
.indSticky-bg img{width: 100vw;height: 100vh;}
.indSticky-bg img.indSticky-bg-1{display:block}
.indSticky-bg img.indSticky-bg-2{display:none}
.indSticky-title {position: absolute;top: 0px;left: 0px;width: 100vw;height: 100vh;display: flex;justify-content: center;align-items: center;pointer-events: none;}
.indSticky-title.active {animation: indSticky-title2 1.4s ease both;}
@keyframes indSticky-title2 {0%{opacity: 1;transform: scale(1);}75%{transform: scale(.6);}100%{transform: scale(.6);opacity: 0;}}
.indSticky-title .title {position: relative;}
.indSticky-title .title span{position: absolute;right: 210px;top: 0px;animation: indSticky-title 1.5s ease forwards;transform: scale(0);}
@keyframes indSticky-title{0%{transform: scale(0);}100%{transform: scale(1);}}

/* 侧边栏 */
.indSide-box{position: fixed;left: 0;top: 0;width: 100%;height: 100%;z-index: 9999999;opacity: 0;pointer-events: none;}
.indSide-box::after{content: "";position: absolute;right: 0;top: 0;width: 0;height: 100%;background: #0568ae;transition: all .6s ease;}
.indSide-box.active{opacity: 1;pointer-events: auto;}
.indSide-box.active::after{width: 100%;}
.indSide{position: relative;z-index: 2;width: 100%;height: 100%;align-items: center; }
.indSide-head{justify-content: space-between;}
.indSide-logo{width: 100%;}
.indSide-close{user-select: none;cursor: pointer;width: 40px;height: 40px;border-radius: 50%;background: #fff;font-weight: 700;font-size: 14px;opacity: 0;}
.indSide-close::before{display: block;transition: all .4s ease;}
.indSide-close:hover::before{transform: rotate(180deg);}
.indSide-drop{color: #edf7fc;}
.indSide-list{display: flex;flex-wrap: wrap;}
.indSide-list li{flex: 1;border-right: 1px solid #65c3ef;padding: 50px 25px 25px;opacity: 0;transition: .6s  ease;}
.indSide-list li:first-child{border-left: 1px solid #65c3ef;}
.indSide-drop-text .item{margin-top: 15px;}
.indSide-drop-text .item:first-child{margin-top: 0;}
.indSide-list li:nth-child(2) .indSide-drop-text .item:first-child{margin-top: 15px;}
.indSide-drop-text .item span{position: relative;padding-bottom: 5px;}
.indSide-drop-text .item span::after{content: "";position: absolute;right: 0;bottom: 0px;width: 0;height: 1px;background: #fff;transition: all .4s ease;}
.indSide-drop-text .item:hover span::after{right: auto;left: 0;width: 100%;}
.indSide-head,.indSide-menu,.indSide-drop-title,.indSide-drop-text .item{overflow: hidden;}
.indSide-logo,.indSide-close,.indSide-menu span,.indSide-drop-title span,.indSide-drop-text .item span{display: flex;transform: translateY(100%);opacity: 0;transition: all .6s ease;}
.indSide-box.active .indSide-logo,.indSide-box.active .indSide-close,.indSide-box.active .indSide-menu span,.indSide-box.active .indSide-drop-title span,.indSide-box.active .indSide-drop-text .item span{transition-delay: .3s; opacity: 1;transform: translateY(0);}
.indSide-box.active .indSide-list li{opacity: 1;transition-delay: .3s;}
















/* -------------------------PC端--------------------------- */
@media all and (max-width:1700px) {
    /* 1600 × (900) */
    .indxm-lun > img{height: calc(100vh - 90px);}
}

@media all and (max-width:1590px) {
    /* 1440 × (700)  */
    .banner-page {bottom: 50px;}
    .banner-lun .content .line {width: 520px;}
    .indfw-lun .img {height: 254px;}
    .indfw-lun {height: 370px;}
    /*.indfw-lun .cont .show {padding: 25px;}*/
    .inddq-list {top: 30px;width: 390px;}
    .inddq-list .list .num {line-height: 32px;}
    .inddq-list .list {padding-bottom: 30px;margin-bottom: 30px;}
    .indqy-list .list {width: 220px;margin-right: 100px;}
    .indqy-line .list:nth-child(2) {bottom: -405px;}
    .indxw-recommend .cont-r{height: 243px;}
    .indSticky-bg img.indSticky-bg-1{display:none}
    .indSticky-bg img.indSticky-bg-2{display:block}
    .indSticky-title .title>img{width:718px;}
    .indSticky-title .title span img{width:129px;}
    .indSticky-title .title span {right:156px;}
    .indxm-lun .content .IndTitle .title{max-width:300px;}
    .indSide-list li{padding: 30px 20px 20px;}
    .indSide-logo{width: 230px;}
    .indSide-drop-text .item,.indSide-list li:nth-child(2) .indSide-drop-text .item:first-child{margin-top: 10px;}
    /*.inddq-map{margin-top: -70px;margin-left:-30px;}*/
}

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

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

@media all and (max-width:1270px) {
    /* 1152 × (700) */
    .indfw-lun:hover .cont .show{transform: translate(-8px,-8px);}
    .indfw-lun:hover .cont .shade{transform: translate(8px,8px);}
    .inddq-map{margin-top: 0;margin-left:0}
    .inddq-map .img{width: 420px;}
    .inddq-list{width: 300px;}
    
}

/* ------------------------平板端-------------------------- */
@media all and (max-width:1100px) {
    /* 1024 横屏 */

}

@media all and (max-width:1000px) {
    /* 720 竖屏 */
    .banner-left {right: 0px;top: auto;bottom: 0px;width: 100%;height: auto;border-left: 0px;}
    .banner-menuBtn {display: none;}
    .banner-page .swiper-pagination {justify-content: center;flex-direction: initial;}
    .banner-page .swiper-pagination-bullet {margin: 0px 10px;}
    .banner-page {bottom: 30px;}
    .banner-lun .content .line {width: 460px;}
    .indSticky {display: none !important;}
    .banner-lun .content {opacity: 1;}
    .indxm-lun .content .IndTitle .title{max-width:260px;}
    .banner-lun > img {min-height: 400px;height: auto;}
    .banner-lun .content .line {width: 100%;}
    .indfw-btn a {width: 100px;height: 35px;}
    .indfw-lun .img {height: 225px;}
    .indfw-lun {height: 305px;}
    .indfw-lun .cont {padding: 0px 20px;}
    .indfw-lun .cont .shade{width: calc(100% - 40px);}
    .indfw-lun:hover .cont .show{transform: translate(-10px,-10px);}
    .indfw-lun:hover .cont .shade{transform: translate(10px,10px);}
    .he_svgdonx {display: none;}
    .he_bandits {display: none;}
    .indxm-lun .content .contain {display: flex;flex-direction: column;align-items: center;text-align: center;}
    .indxm-lun .content .IndTitle .name {justify-content: center;}
    .indxm-lun > img {height: 50vh;}
    .inddq-bg {bottom: 0px;height: 20px;height: 165px;}
    .inddq-list {width: 100%;position: static;margin-top: 25px;}
    .inddq-map {margin-top: 25px;}
    .inddq-list .list .num {line-height: 1.32;}
    .inddq-list .list {padding-bottom: 15px;margin-bottom: 15px;}
    .inddq .CommonBtn {margin-top: 15px;}
    .indqy-list {margin-right: 0;margin-bottom: -35px;}
    .indqy-list .list {width: 100%;margin-right: 0;margin-bottom: 35px;}
    .indqy-line .list:nth-child(2) {display: none;}
    .indxw-btn a {width: 100px;height: 35px;}
    .indxw-recommend {padding-top: 15px;flex-direction: column-reverse;}
    .indxw-recommend .cont-l {width: 100%;padding-right: 0px;margin-top: 15px;}
    .indxw-recommend .cont-r {width: 100%;height: 192px;}
    .indxw-list .list {height: 50px;width: calc(100%/1);}
    .indxw-list .list:nth-child(odd)::before {display: none;} 
    .indxw-list .list:nth-child(odd) {padding-right: 0px;}
    .indxw-list .list:nth-child(even) {padding-left: 0px;}
    .indxm-page {display: flex;justify-content: center;align-items: center;position: absolute;z-index: 3;bottom: 20px;width: 100%;}
    .indxm-lun .content .IndTitle .title{max-width:100%;}
    .indqy-list .list .title{margin-top: 10px;}
    
    .indxw-list .list .title{line-height: 1.2;}
}

/* ------------------------手机端-------------------------- */
@media all and (max-width:720px) {
    /* 移动终端 360 适配 */
    .indfw-btn {margin-top: 15px;}
    .indxw-btn {margin-top: 15px;}
    .inddq-map .img{width:260px;}
}