@charset "utf-8";

html {
    /* overflow: hidden; */
}

.svg svg {
    fill: transparent;
    stroke: #222;
    stroke-width: 3;
    stroke-linecap: round;
    stroke-linejoin: round;
    stroke-dasharray: 1000;
    stroke-dashoffset: 0;
    transition: .5s;
}

/* .welcome:hover .svg svg {
    animation: dash 10s ease;
} */


@keyframes dash {
    from {
        stroke-dashoffset: 1000;
    }

    to {
        stroke-dashoffset: 0;
    }
}

.wel-svg {
    position: absolute;
    left: 0;
    right: 0;
    bottom: 50%;
    opacity: 0.15;
}

.wel-svg.act svg {
    animation: dash 3s ease;
}

.qqbj-center {
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translateX(-50%) translateY(-50%);
    z-index: 1;
}

.qqbj-center>div {
    border-radius: 50%;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translateX(-50%) translateY(-50%);
    border: solid 1px rgba(40, 80, 176, .06);
    opacity: 0;
    width: 214px;
    height: 214px;
}

.qqbj-center>div:nth-child(1) {
    animation: circles 6s infinite linear;
}

.qqbj-center>div:nth-child(2) {
    animation: circles 6s -1s infinite linear;
}

.qqbj-center>div:nth-child(3) {
    animation: circles 6s -2s infinite linear;
}

.qqbj-center>div:nth-child(4) {
    animation: circles 6s -3s infinite linear;
}

.qqbj-center>div:nth-child(5) {
    animation: circles 6s -4s infinite linear;
}

.qqbj-center>div:nth-child(6) {
    animation: circles 6s -5s infinite linear;
}


@keyframes circles {
    0% {
        opacity: 0;
        transform: translateX(-50%) translateY(-50%) scale(1);
    }

    50% {
        opacity: 1;
        transform: translateX(-50%) translateY(-50%) scale(2);
    }


    90% {
        opacity: 0;
        transform: translateX(-50%) translateY(-50%) scale(2.8);
    }

    100% {
        opacity: 0;
        transform: translateX(-50%) translateY(-50%) scale(2.8);
    }
}


.welcome {
    position: fixed;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: url(../images/wel-bj.jpg) repeat-x;
    background-size: cover;
    z-index: 99999;
}

.wel-text-logo {
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translateX(-50%);
    margin-top: 216px;
}

.wel-text-logo img {
    display: block;
}

.wel-logo {
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    width: 100vw;
    height: 100vh;
    /* top: 50%;
    transform: translateY(-50%); */
}

.wel-logo img {
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translateX(-50%) translateY(-50%);
}

.wel-blue {
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translateX(-50%) translateY(-50%);
    width: 160px;
    height: 160px;
    background: #2850b0;
    border-radius: 50%;
}

.plan {
    position: absolute;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
    height: 1px;
    background-color: rgba(40, 80, 176, .5);
    width: 0;
    overflow: visible !important;
}

.plan span {
    position: absolute;
    right: 0;
    bottom: 0;
    transform: translateX(50%);
    font-family: Poly-Regular;
    font-size: 20px;
    font-weight: normal;
    line-height: 30px;
    letter-spacing: 0px;
    color: #2850b0;
    overflow: hidden;
}

.plan span i {
    float: left;
}

.welcome.act .qqbj-center, .welcome.act .wel-logo img, .welcome.act .wel-text-logo, .welcome.act .plan {
    transition: all 0.5s;
    visibility: hidden;
    opacity: 0;
}

.welcome.act .wel-blue {
    animation: blue_scale 2s .5s linear;
    animation-fill-mode: forwards;
}



@keyframes blue_scale {
    0% {
        width: 160px;
        height: 160px;
    }

    99.9999% {
        width: 200vw;
        height: 200vw;
        border-radius: 50%;
        opacity: 1;
    }

    100% {
        width: 100vw;
        height: 100vh;
        border-radius: 0;
        opacity: 0;
    }
}


.welcome.act {
    animation: blue_down 1.5s 2s ease-in-out;
    animation-fill-mode: forwards;
}

@keyframes blue_down {
    0% {
        height: 100%;
        top: 0;
        background: #2850b0;

    }

    100% {
        top: 100%;
        background: #2850b0;
    }
}


.welcome.act .box {
    animation: blue_down2 3s 2s ease-in-out;
    animation-fill-mode: forwards;
}

@keyframes blue_down2 {
    0% {
        opacity: 1;
        transform: translateX(-50%) translateY(-71%) rotateZ(-90deg);
    }

    40% {
        transform: translateX(-50%) translateY(-71%) rotateZ(-90deg);
    }

    100% {
        opacity: 1;
        transform: translateX(-50%) translateY(0) rotateZ(-90deg);
    }
}

.box {
    opacity: 0;
    width: 50vw;
    height: 120vw;
    /*设置元素圆角边框 将元素设置为一个圆形*/
    border-radius: 50%;
    /* 左偏移量，右偏移量，模糊距离，阴影颜色 */
    box-shadow: -22vw 0 0px #2850b0;
    /* 将元素背景设置为透明，遮住阴影一部分，使得阴影出现月亮形状 */
    background-color: transparent;
    position: absolute;
    left: 50%;
    top: 0;
    transform: translateX(-50%) translateY(-71%) rotateZ(-90deg);
    z-index: 999999999999;


}

/* banner */
.banner {
    width: 100%;
    height: 100vh;
    position: fixed;
    top: 0px;
    left: 50%;
    transform: translateX(-50%);
    right: 0px;
    z-index: 8;
    width: 100%;
    /* background: rgb(0, 0, 0); */
    }
.main-visual-slider {overflow: hidden;width: 100%;position: relative;}
.main-visual-slider .swiper-slide { overflow: hidden; }
.main-visual-slider .swiper-container { width: 100%; height: 100%; position: relative; }
.swiper-box1 .imged{padding-bottom: 100vh;}
.swiper-box1 .imged::after{width: 100%;height: 15%;background: linear-gradient(0deg, rgba(0, 0, 0, 0.6) 0%, rgba(84, 103, 97, 0) 100%, rgba(255, 255, 255, 0) 100%);}
.slide-inner{overflow: hidden;}
.main-visual-slider .imged{transform: translate3d(0px, 0px, 0px) scale(1.05); transition: opacity 0.5s}
.main-visual-slider .swiper-slide-active .imged{transform: scale(1); transition: all 6s ; }
.main-visual-slider video{transform: scale(1.1)\0;}

.swiper-box1 .arrow{width: auto;bottom: 0.35rem;position: absolute;z-index: 10;align-items: center;right: 15%;}

.swiper-box1 .cir{bottom:.35rem;width: auto;left: 15%;display: flex;align-items: center;}

.swiper-box1 .cir span{margin: 0px .1rem !important;width: 0.08rem;height: 0.08rem;opacity: 1;}
.swiper-box1 .cir .swiper-pagination-bullet-active{opacity: 1;width: 0.4rem;height: 0.4rem;background: url(../images/cir.png) no-repeat;background-size: 100% 100%;}
.swiper-box1 .arror{width: 0.5rem;height: 0.5rem;position: relative;top: auto;left: auto;right: auto;margin: 0 .1rem;}
.swiper-box1 .arror::after{display: none;}
.swiper-box1 .bb img{bottom: .3rem;width: 1.2rem;height: 1.5rem;left: 50%;transform: translateX(-50%);position: absolute;z-index: 10;animation: shubiao 1.4s infinite linear;}

@keyframes shubiao { 0% { 
    transform: translateY(-3px);
     opacity: 0.7; }
   100% { 
    transform: translateY(3px);
     opacity: 1; } }

@media screen and (max-width:1200px){
    .swiper-box1 .imged{padding-bottom: 50%;}
    .banner{position:relative;height: auto;}
    .swiper-box1 .bb img{width:.7rem;height:.9rem}
    .swiper-box1 .bb{display:none}
}

.index {
    overflow: hidden;
    margin-top: 100vh;
    position: relative;
    z-index: 9;
}

.index-main {
    background: #fff;
    position: relative;
    z-index: 1;
}

/* .grid__lines {
    position: absolute;
    display: flex;
    justify-content: space-around;
    pointer-events: none;
    mix-blend-mode: difference;
    left: 50%;
    width: 1560px;
    transform: translateX(-50%);
    z-index: 9999;
}

.grid__lines div {
    width: 1px;
    background: #f0f4f8;
    height: 100vh;
    pointer-events: none;
    mix-blend-mode: difference;
    background: #f0f4f8;
    height: 100vh;
} */



.grid__lines {
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    right: 0;
    pointer-events: none;
    z-index: 1;
}

.grid__lines-y {
    display: flex;
    justify-content: space-around;
    position: absolute !important;
    left: 0;
    top: 0;
    bottom: 0;
    right: 0;
    z-index: 1;
}

.grid__lines-y div {
    height: 100%;
    width: 1px;
    background: rgba(23, 55, 131, .06);
}

.grid__lines-x {
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    right: 0;
    z-index: 9;
}

.grid__lines-x div {
    height: 1px;
    width: 100%;
    background: rgba(23, 55, 131, .06);
    margin-top: 245px;
}

.section1 .text-scroll {
    position: relative;
    top: 0;
}
.section1 .px1560{
    position: relative;
    z-index: 9;
}
.text-scroll {
    position: relative;
}

.text-scroll ul {
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    top: 0;
    font-size: 0;
    white-space: nowrap;
    z-index: 1;
    overflow: hidden;
}

.text-scroll ul li {
    display: inline-block;
    vertical-align: middle;
    font-size: 182px;
    font-weight: normal;
    font-stretch: normal;
    line-height: 100px;
    letter-spacing: 0px;
    color: #fafafc;
    font-family: Butler;
}

.text-scroll ul li b {
    font-size: 283px;
    line-height: 210px;
    display: inline-block;
}


.map-line {
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    width: 17.65rem;
    top: 0;
    bottom: 0;
    z-index: 0;
}

.map-line div {
    background: url(../images/map-line.png) no-repeat;
    background-position: right bottom;
    position: absolute;
    width: 0;
    top: 0;
    right: 0;
    bottom: 0;
    width: 0;
    transition: all 3s;
}

.section4.act .map-line div {
    width: 100%;
}

/* home1 */
.title {
    position: relative;
    margin-bottom: 0.45rem;
    align-items: center;
}
.title .h3{padding: 0 0 0.3rem 1.1rem;align-items: flex-end;}
.title .h3::after{width: 1.6rem;height: 1.32rem;background-size: 100% !important;}
.title h3{text-align: right;}
.title h3 p{font-family: sy;font-size: 0.34rem;color: #333;margin-bottom: 0.1rem;}
.title h3 p span{font-family: sy;color: #13468d;font-size: 0.56rem;}
.title h3 i{display: block;font-size: 0.16rem;color: #999;font-family: Arial;text-transform: uppercase;}
.title .h3 img{width: 0.73rem;display: inline-block;padding-left: .05rem;transform: translateY(-.1rem);}
.more{position: absolute;right: 0;top: 50%;transform: translateY(-50%);}
.more img{width: 0.56rem;}
.more p{/* padding-left: 0.1rem; */}
.more a{align-items: center;text-align: right;}
.more span{font-size: 0.18rem;color: #13468d;display: block;margin-bottom: 0.1rem;}
.more i{display: block;font-size: 0.14rem;color: #999;font-family: Arial;text-transform: uppercase;}
.section1 .title .h3{margin: 0 auto;}

.section1 {
    position: relative;
    padding: 0.65rem 0 .5rem 0;
    z-index: 2;
}
.section1::after{width: 100%;height: 1.7rem;bottom: -1rem;background: url(../images/hbg1.png) no-repeat;background-size: 100%;}
.section1::before{content: "";position: absolute;z-index: -1;width: 100%;height: auto;top: 0;bottom: -0.4rem;background: url(../images/hbg1.jpg) no-repeat;
    background-size: cover;}

.s1-l {
    width: 43%;
}

.s1-r {
    width: 54%;
}

.s1-l li .con{height:2.1rem;background: url(../images/h1bg.jpg) no-repeat center/cover;padding: 0.3rem;justify-content: space-between;align-items: center;}
.s1-l li .h1-l{flex: 1;min-width: 0;padding-right: 0.2rem;}
.s1-l li .h1-r{width: 0.92rem;}

.s1-l li h3{font-size: 0.2rem;color: #333;line-height: 0.34rem;max-height: 0.68rem;margin-bottom: 0.25rem;}
.s1-l li .h1-l p{align-items: center;color: #1053ab;font-size: 0.24rem;font-family: sy;}
.s1-l li .h1-l p img{display: inline-block;margin-right: 0.1rem;width: 0.19rem;}
.s1-l li .date{border: 1px solid rgba(16,83,171,.4);display: flex;flex-direction: column;align-items: center;justify-content: center;padding: .1rem 0;}
.s1-l li .date span{font-size: 0.42rem;color: #1053ab;line-height: 1;}
.s1-l li .date p{font-size: 0.2rem;color: #1053ab;}
.s1-l li .h1-r img{width: 100%;}
.s1-l .scale .imged::after{width: 100%;height: 30%;background: url(../images/h1-shad.png) no-repeat;background-size: 100% 100%;}
.s1-l .slick-dots{bottom: 2.3rem;left: 0.3rem;text-align: left;display: flex !important;align-items: center;}
.s1-l .slick-dots li{width: 0.06rem;height: 0.06rem;margin: 0 0.1rem !important;background: #fff;border-radius: 50%;}
.s1-l .slick-dots li button{display: none;}
.s1-l .slick-dots li.slick-active{background: url(../images/cir.png) no-repeat;background-size: 100% 100%;width: 0.32rem;height: 0.32rem;}
.s1-r ul{justify-content: space-between;}
.s1-r ul li{width: 48%;margin-bottom: 0.25rem;}
.s1-r ul li a{height: 2rem;background: url(../images/h1bg.jpg) no-repeat center/cover;padding: 0.3rem;}
.s1-r ul li *{transition: 0.5s;}
.s1-r ul li a::after{width: 100%;height: 0;background: url(../images/h1bg2.jpg) no-repeat center/cover;}
.s1-r ul li h3{font-size: 0.18rem;line-height: 0.3rem;height: 0.6rem;color: #333;margin-bottom: 0.3rem;}
.s1-r ul li h4{align-items: center;justify-content: space-between;}
.s1-r ul li p{font-size: 0.22rem;color: #85a4cd;font-family: Georgia}
.s1-r ul li span{width: 0.66rem;height: 0.66rem;background: url(../images/h1-xq1.png) no-repeat center center;background-size: 0.18rem 0.18rem;}

@media screen and (min-width:1200px){
    .s1-r ul li a:hover::after{height: 100%;}
    .s1-r ul li a:hover h3,.s1-r ul li a:hover p{color: #fff;}
    .s1-r ul li a:hover span{background: url(../images/h1-xq2.png) no-repeat center center;background-size: 0.66rem 0.66rem;}

}
@media screen and (max-width:1024px){
.section1{padding: 0.4rem 0;}
}

@media screen and (max-width:768px){
    .s1-l {
        width: 100%;
    }
    
    .s1-r {
        width: 100%;margin-top: 0.3rem;
    }
    .section1 .title .h3{margin: 0;}
}
/* 2 */
.section2 {
    background: url(../images/hbg2.png) no-repeat;
    background-position: center center;
    background-size: 100% 100%;
    padding-bottom: 2.6rem;
    padding-top: 1.55rem;
    position: relative;
    z-index: 1;
    z-index: 15;
}
.section2 .title p,.section2 .more p span,.section2 .title i,.section2 .more p i{color: #fff;}
.section2 .title i,.section2 .more p i{opacity: .5;}
.section2 .title h3 span{color: #dea943;}
.section2 .title .h3::after{}
.section2 .title .h3{padding: 0 0 0.1rem 0.5rem;}



.s2-c {justify-content: space-between;}
.s2-l{width: 33%;}
.s2-r{ width: 65%;}
.s2-l li{margin-bottom: 0.3rem;}
.s2-l li a{align-items: center;}
.s2-l li .date{width: 1.6rem;align-items: center;display: flex;}
.s2-l li .con{flex: 1;min-width: 0;padding-left: .35rem;}
.s2-l li .date img{width: 0.8rem;}
.s2-l li .date .p{flex: 1;min-width: 0;padding-left: 0.15rem;}
.s2-l li .date span{color: #fff;font-family: Georgia;font-size: 0.3rem;}
.s2-l li .date p{font-size: 0.18rem;color: #fff;font-family: Georgia;}
.s2-l li h3{font-size: 0.18rem;color: #fff;line-height: 0.3rem;max-height: 0.6rem;transition: 0.5s;}
.h2-l{width: 60%;}
.h2-r{width: 40%;}
.h2-l .arrow{position: absolute;left: 0.3rem;bottom: 0.2rem;z-index: 10;display: flex;align-items: center;}
.h2-l .arror{width: 0.5rem;height: 0.5rem;position: relative;top: auto;left: auto;right: auto;margin: 0 0.1rem;}
.h2-l .arror::after{display: none;}
.h2-r ul *{transition: 0.5s;}
.h2-r li{height: 0.65rem;}
.h2-r li a{height: 100%;display: flex;align-items: center;padding: 0 0.3rem;}
.h2-r li a::after{width: auto;left: -.8rem;right: 0;background: url(../images/h2bg.png) no-repeat;background-size: 100% 100%;opacity: 0;}
.h2-r li h3{color: #fff;font-size: 0.18rem;}
.h2-r li span{width: 0.88rem;height: 0.34rem;line-height: 0.34rem;padding-right: 0.15rem;position: absolute;right: 0;bottom: 0;margin-top: 0.2rem;display: none;color: #fff;font-size: 0.14rem;font-family: Georgia;background: url(../images/h2-tim2.png) no-repeat;background-size: 100% 100%;text-align: right;}


.h2-r li.on{height: 1rem;}
.h2-r li.on span{display: inline-block;}
.h2-r li.on a::after{opacity: 1;}
.h2-r li.on a{padding: 0 0.2rem 0 0;}
.h2-r li.on h3{color: #333;}




@media screen and (min-width:1200px){
    .s2-l li a:hover h3{transform: translateX(.15rem);}

}
@media screen and (max-width:1024px){
.section2{padding:.4rem 0;background-size: cover !important;background:#1053ab}
 .s2-l{width: 100%;}
 .s2-r{ width: 100%;margin-top:.3rem;}
}

@media screen and (max-width:768px){
  .h2-l{width: 100%;}
  .h2-r{width: 100%;}
}
/* 3 */
.block1 {/* overflow: hidden; */z-index: 2;}
.block1::after{width: 100%;height: auto;top: -1.3rem;background: url(../images/hbg3.png) no-repeat center/cover;}
.section3 {
    position: relative;
    z-index: 2;
    padding-bottom: 1rem;
    overflow: hidden;
}
.section3 .title .h3{padding: 0 0 0 .45rem;}
.section3 .more{position: relative;top: auto;transform: translateY(0);right: auto;margin-top: 0.75rem;}
.s3-ll{width: 3.7rem;padding-top: 1rem;}
.s3-lr{flex: 1;min-width: 0;}
.s3-lr li a{align-items: center;padding: .6rem;}
.s3-lr li .con{flex: 1;min-width: 0;padding-right: 0.3rem;}
.s3-lr li .pis{width: 4.71rem;height: 4.71rem;padding: 1rem;}
.s3-lr li .con::before{content: "";position: absolute;right: 101%;bottom: 110%;width: 0.44rem;height: 0.36rem;background: url(../images/h3-i1.png) no-repeat;background-size: 100%;}
.s3-lr li .con::after{content: "";left: auto;width: 0.44rem;height: 0.36rem;background: url(../images/h3-i2.png) no-repeat;background-size: 100%;right: 10%;bottom: auto;top: 100%;}
.s3-lr li h3{font-size: 0.28rem;color: #333;}
.s3-lr li p{margin-bottom: 0.1rem;display: flex;align-items: center;}
.s3-lr li p img{width: 0.32rem;}
.s3-lr li p span{padding-left: 0.15rem;flex: 1;min-width: 0;font-size: 0.17rem;color: #333;}

.s3-lr li .pis::after{width: 100%;height: 100%;background: url(../images/h3-c.png) no-repeat;background-size: 100%;left: 50%;bottom: auto;top: 50%;transform: translate(-50%,-50%);}
.s3-lr li .scale{border-radius: 50%;border: 0.1rem solid #74aeff;}
.s3-lr li .scale img{display: none;}
.s3-lr li .scale .imged{padding-bottom: 100%;}
.s3-b {
    margin-top: 0.rem;
}
.s3-b ul li{/* padding: 0 0.05rem; */}
.s3-b ul li .h3-s2-libg {height: 1.81rem;background: url(../images/h3bg.jpg) no-repeat center/cover;padding: 0.3rem;align-items: start;margin-right: .1rem;}
.s3-b ul li .con{flex: 1;min-width: 0;}
.s3-b ul li .h3-s2-news a{overflow:hidden;line-height: 1.8;}
.s3-b ul li .h3-s2-news a h3{width:calc(100% - 1rem);float:left;margin-bottom: 0;}
.s3-b ul li .h3-s2-news a span{width:1rem;float:right;text-align:right;font-size: .16rem;color:#fff;}
.s3-b ul li .scale{width:1.06rem;border-radius: 50%;}
.s3-b ul li .scale img{display: none;}
.s3-b ul li .scale .imged{padding-bottom: 100%;border-radius: 50%;}
.s3-b ul li h3{font-size: 0.16rem;color: #fff;margin-bottom: 0.2rem;}
.s3-b ul li h3.txt1{margin-bottom: .1rem;}
.s3-b ul li h3.txt1 a{font-size: .19rem;color:#eeb451;}
.s3-b ul li p{margin-bottom: 0.1rem;display: flex;align-items: center;}
.s3-b ul li p img{max-width: 0.18rem;}
.s3-b ul li p span{width: calc(100% - 0.18rem);padding-left: 0.1rem;color: #fff;font-size: 0.14rem;}


.s3-b .slick-prev, .s3-b .slick-next {
    width: 0.51rem;
    height: 0.51rem;
    z-index: 9;
    font-size: 0;
}



.s3-b .slick-prev {
    background: url(../images/prev2.png) no-repeat;
    background-size: 100%;
    left: -0.6rem;
}

.s3-b .slick-prev::before {
    content: none;
}

.s3-b .slick-next {
    background: url(../images/next2.png) no-repeat;
    background-size: 100%;
    right: -0.6rem;
}

.s3-b .slick-next::before {
    content: none;
}


@media screen and (min-width:1200px){
    .s3-lr li a:hover h3{color: #1053ab;}

}
@media screen and (max-width:1660px){
.s3-b{padding:0 .6rem;}
.s3-b .slick-prev {left:-.55rem;}
.s3-b .slick-next{right:-.55rem;}

}
@media screen and (max-width:1024px){
    .section3{padding-bottom: 0.4rem;}
    .s3-ll{width: 100%;padding-top: .4rem;}
    .s3-lr{flex: none;min-width: 0;width: 100%;}
    .section3 .more{margin-top: 0;position: absolute;right: 0;top: 50%;transform: translateY(-50%);}
}

@media screen and (max-width:768px){
   .s3-lr li .pis{width: 3rem;padding: 0rem;height: auto;}
   .s3-b{margin-top:.3rem;}
}

@media screen and (max-width:600px){
     .s3-lr li .pis{width: 2rem;}
     .s3-lr li a{padding:0}
     .s3-lr li .con:after,.s3-lr li .con:before{display:none;}

}
/* 4 */

.section4 {
    position: relative;padding-top: 1rem;padding-bottom: 1.8rem;
}
.s4-c {
    position: relative;
    z-index: 10;
}
.section4 .div{position: relative;}
.section4 .title{width:2.14rem;}
.section4 .title .h3{display: none;}
.map-data{flex: 1;min-width: 0;padding-right: 0.25rem;} 
.map-data ul{height: 7.3rem;position: relative;}
.map-data li {position: absolute;text-align: center;}
.map-data li .img{width:1.2rem;height: 1.2rem;display: flex;align-items: center;justify-content: center;margin: 0 auto ;border-radius: 50%;background: url(../images/h4-c1.png) no-repeat;background-size: 100% !important;}
.map-data li img{transition: 0s;max-width: 0.8rem;max-height: 0.89rem;}
.map-data li .img::after{width: auto;height: auto;top: -0.07rem;right: -0.07rem;bottom: -0.07rem;left: -0.07rem;border-radius: 50%;border: 1px dotted #1053ab;}
.map-data li span{display: block;margin: 0.2rem 0 0.1rem;font-family: Georgia;font-size: 0.46rem;color: #1053ab;}
.map-data li p{font-size: 0.18rem;color: #333;line-height: 1.3;}
.map-data li *{transition: 0.5s;}

.map-data li:nth-child(1){left: 27%;top: 11%;}
.map-data li:nth-child(2){left: 45%;top: 22%;}
.map-data li:nth-child(3){left: 73%;top: 32%;}
.map-data li:nth-child(4){left: 0%;top:50%;}
.map-data li:nth-child(5){left: 17%;top:53%;}
.map-data li:nth-child(6){left: 43%;top: 70%;}
.map-data li:nth-child(7){left: 64%;top: 72%;}
.map-data li:nth-child(8){right: 4%;top: 61%;}


@media screen and (min-width:1200px){
    .map-data li a:hover .img{background: url(../images/h4-c2.png) no-repeat;background-size: 100% !important;}
    .map-data li a:hover .img::after{border: 1px dotted #d48a28;}
    .map-data li a:hover span{color: #d48a28;}
    .map-data li a:hover img{filter: brightness(100);}
}





@media screen and (max-width:1024px){
    .section4{padding: 0.4rem 0;}
    .map-line{display:none;}
.map-data ul{display:flex;flex-wrap:wrap;height:auto;}
.map-data li{position:relative;left: auto !important;top: auto !important;right: auto !important;width:25%;margin-bottom:.25rem;}
.section4 .title{width:100%;order:-1;display: flex;align-items: center;}
.map-data{flex: none;padding-right: 0rem;width:100%;} 
.map-data li span{font-size:.34rem}
.section4 .title .h3{display: flex;margin: 0 auto;}
.section4 .title .font{display: none;}
}

@media screen and (max-width:768px){
   .map-data li span{font-size:.3rem}
   .map-data li .img{width:.8rem;height: .8rem;}
   .map-data li img{max-width: 0.5rem;max-height: 0.59rem;}
}

@media screen and (max-width:420px){
    .map-data li{width:33.3%;}
}
/* 5 */

.section5 {
    position: relative;
    padding-bottom: 100px;
    background: url(../images/hbg5.png) no-repeat;
    background-position: center center;
    background-size: 100% 100%;
    padding-top: 2rem;
    padding-bottom: 2rem;
    margin-top: -1rem;
    z-index: 2;
    overflow: hidden;
}
.section5 .s5-tit{position: absolute;right: 0;top: .4rem;}

.section5 .title p,.section5 .title i{color: #fff;}
.section5 .title i{opacity: .5;}
.section5 .title h3 span{color: #dea943;}
.section5 .title .h3::after{}
.section5 .title .h3{padding: 0 0 0.1rem 0.5rem;}

.s5-t{position: relative;}
.s5-video {
    position: relative;
}

.s5-video img {
    display: block;
}

.s5-play {
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translateX(-50%) translateY(-50%);
    /* margin-top: 0.6rem; */
    cursor: pointer;
}

.s5-play::before {
    content: "";
    position: absolute;
    left: 50%;
    top: 50%;
    width: 0.9rem;
    height: 0.9rem;
    transform: translateX(-50%) translateY(-50%);
    background: url(../images/waiquan.png) no-repeat;
    background-position: center center;
    animation: _rotates 3s infinite linear;
    /* margin: -.45rem 0 0 -.45rem; */
    background-size: 100% 100%;
}



@keyframes _rotates {
    0% {
        transform: translateX(-50%) translateY(-50%) rotateZ(0);
    }

    100% {
        transform: translateX(-50%) translateY(-50%) rotateZ(360deg);
    }
}

@keyframes _rotaten {
    0% {
        transform: translateX(-50%) translateY(-50%) rotateZ(0);
    }

    100% {
        transform: translateX(-50%) translateY(-50%) rotateZ(-360deg);
    }
}



.s5-t {
    position: relative;
    display: flex;
    align-items: flex-end;
/*     flex-wrap: wrap; */
}

.section5 ul {
    display: flex;
}


.s5-t ul {
    position: relative;
    z-index: 9;
    margin-left: -3rem;
}

.s5-mid {
    padding-left: 0.6rem;
    display: flex;
    width: 100%;align-items: flex-end;
}
.s5-mid-video .s5-play img{display:block;position:static;}
.s5-b ul {
    padding-left: 3.6rem;
}
.home5-t li a{height: 3rem;width: 3rem;display: flex;flex-direction: column;align-items: center;justify-content: center;background: url(../images/h5-b1.jpg) no-repeat;background-size: 100% 100% !important}
.home5-t li img{max-width: 0.79rem;max-height: 0.79rem;}
.home5-t li p{margin-top: 0.25rem;text-align: center;color: #fff;font-size: 0.2rem;}

.s5-t li:nth-child(2) a{background: url(../images/h5-b2.jpg) no-repeat;background-size: 100% 100% !important}
.s5-mid li:nth-child(1) a{background: url(../images/h5-b3.jpg) no-repeat;background-size: 100% 100% !important}
.s5-mid li:nth-child(2) a{background: url(../images/h5-b4.jpg) no-repeat;background-size: 100% 100% !important}
.s5-b li:nth-child(1) a{background: url(../images/h5-b5.jpg) no-repeat;background-size: 100% 100% !important}
.s5-b li:nth-child(2) a{background: url(../images/h5-b6.jpg) no-repeat;background-size: 100% 100% !important}

.s5-mid ul{width: 6rem;}
.s5-mid .scale{flex: 1;min-width: 0;}
.s5-mid .imged{padding-bottom: 4.8rem;}


@media screen and (min-width:1200px){
    .home5-t li a:hover img{transform:rotateY(360deg);transition:0.5s;}

}
@media screen and (max-width:1024px){
    .section5{padding: 0.4rem 0;background: #1053ab;margin: 0;}
    .home5-t li a{height: 2rem;width: 2rem;}
    .s5-mid ul{width: 4rem;}
    .s5-video{width: 60%;}
    .s5-t ul{margin-left: -2rem;}

}

@media screen and (max-width:768px){
    .s5-t{flex-wrap:wrap;}
    .section5 .s5-tit{position:relative;top:auto;width: 100%;}
   .s5-t ul{margin-left: 0rem;width: 100%;}
   .s5-video{width: 100%;}
   .s5-mid{padding-left:0;}
   .s5-mid .scale{width:100%;flex:none;order:-1;}
   .home5-t ul{width:100% !important;padding: 0;}
   .home5-t li{width:25%;}
   .home5-t li a{width:100%;}
   .s5-mid .imged{padding-bottom: 60%;}
   .home5-t li img{max-width: 0.59rem;max-height: 0.59rem;}
}
@media screen and (max-width:600px){
     .home5-t li{width:33.3%;}
}
@media screen and (max-width:420px){
     .home5-t li{width:50%;}
}
/* 6 */
.block2::after{width: 100%;height: auto;top: -1rem;bottom: -2rem;background: url(../images/block-bj2.jpg) no-repeat center top/cover;}
.section6 { z-index: 1;padding: 1rem 0 .4rem;overflow: hidden;}
.section6 .more i{color: #1053ab;opacity: .5;}
.s6-t {
    position: relative;
}

.s6-t .title {
    position: absolute;
    right: 0;
    top: 0.3rem;
}
.s6-b{position: relative;padding-right: 20%;}
.h6-b{position: relative;}
.s6-b ul{align-items: flex-end;}
.s6-b li{width: 30%;padding: 0 0.1rem;}
.s6-b li:nth-child(1){width: 50%;}
.s6-b li:nth-child(3){width: 20%;}
.s6-b li a{position: relative;display: block;}
.s6-b li .con{position: absolute;width: 100%;bottom: 0.1rem;padding: 0 0.25rem;left: 0;z-index: 10;border-left: 3px solid #fff;}
.s6-b li p{align-items: center;color: #fff;font-size: 0.16rem;margin-bottom: 0.1rem;}
.s6-b li p img{display: inline-block;margin-right: 0.1rem;}
.s6-b li h3{color: #fff;font-size: 0.16rem;}
.s6-b li:nth-child(1) .imged::after{width: 100%;height: 30%;background: url(../images/h6-shad.png) no-repeat;background-size: 100% 100%;}
.h6-b .tab{position: absolute;width: 100%;top: 0;opacity: 0;visibility: hidden;}
.h6-b .tab.on{opacity: 1;visibility: visible;position: relative;z-index: 10;}
.s6-b .arrow{position: absolute;right: 0;bottom: 25%;align-items: center;justify-content: flex-end;}
.s6-b .arror{width: 0.5rem;height: 0.5rem;position: relative;top: auto;left: auto;right: auto;margin-top: 0;margin-left: 0.25rem;}
.s6-b .arror::after{display: none;}

.h6-t{position: relative;margin-top: 1.4rem;align-items: center;}
.h6-t .more{width: 1.3rem;position: relative;top: auto;transform: translateY(0);}
.h6-t ul{flex: 1;min-width: 0;justify-content: space-around;display: flex;}
.h6-t ul::after{width: 100vw;height: 1px;background: #b2cceb;left: auto;right: 0;bottom: 50%;}
.h6-t li {width:25%;position:relative;}
.h6-t li .qrcode{max-width: 40%;  min-width: 160px;margin: 0 auto;  position: absolute;  bottom: .8rem;  left: 0;  right: 0;}
.h6-t li .img{width: 0.6rem;height: .6rem;margin: 0 auto;background: url(../images/h6-c.png) no-repeat;background-size: 100%;border-radius: 50%;cursor: pointer;}
.h6-t li .img::after{width: auto;height: auto;top: -0.15rem;right: -0.15rem;bottom: -0.15rem;left: -0.15rem;border-radius: 50%;border: 1px dotted #1053ab;opacity: 0;}
.h6-t li p{width:100%;height:100%;}
.h6-t li p::before{position: absolute;font-size: 0.24rem;color: #1053ab;font-family: "swiper-icons" !important;left: 50%;top: 50%;transform: translate(-50%, -50%);}
.h6-t li p.swi-channal::before{font-family: "iconfont_channal" !important;}
.h6-t li.on .img{background: #2c53b1;}
.h6-t li.on .img::after{opacity: 1;}
.h6-t li.on p::before{color: #fff;}




@media screen and (min-width:1200px){
    

}
@media screen and (max-width:1024px){
    .section6{padding: 0.4rem 0;}
}

@media screen and (max-width:768px){
    .s6-b li{width: 30%;padding: 0 0.05rem;}
    .section6 .wp{position: relative;}
    .h6-t{position: static;margin-top: 0;}
    .h6-t ul{flex-wrap:wrap;}
    .h6-t ul:after{display: none;}
    .h6-t li{width: 50%;position:static;margin-bottom: .2rem;}
    .h6-t li .qrcode{position:static;}
    .s6-t .title {position: relative; right: auto;top: auto;}
    .h6-t .more{width: auto;position: absolute;top: 0;transform: translateY(0);right: 15px;}
    .h6-t li .img::after{display: none;}
    .s6-b{padding:0}
    .s6-b .arrow{position: relative;right: auto;bottom: auto;align-items: center;justify-content: center;margin-top: 0.3rem;}
    .h6-t li .img{width: 0.4rem;height: .4rem;}
}
/* 7 */
.section7{width: 100%;overflow: hidden;padding: 0 0 .5rem;}
.section7 .title .h3{margin: 0 auto;}
.s7-c>ul {
    margin: 0 -0.3rem;
}

.s7-c ul li a {
    display: block;
    margin: 0 0.3rem;
}

.s7-c ul li.slick-current a img {
    clip-path: polygon(0 0, 100% 3%, 100% 97%, 0 100%, 0 0);
}

.s7-c ul li.slick-current+.slick-active a img {
    clip-path: polygon(0 3% , 100% 3%, 100% 97%, 0 97%, 0 0);
}

.s7-c ul li.slick-current+.slick-active+.slick-active a img {
    clip-path: polygon(0 3%, 100% 0, 100% 100%, 0% 97%, 0 0);
}

.s7-c ul li a img {
    display: block;
    width: 100%;
    transition: all 0.5s;
}

.s7-c .slick-dots {
    position: static;
    margin-top: .5rem;
    font-size: 0;
    right: 0;
    width: 100%;
    bottom: auto;
    display: flex !important;
    justify-content: center;
}

.s7-c .slick-dots li {
    font-size: 0;
    font-weight: normal;
    letter-spacing: 0px;
    color: #333333;
    width: 32px;
    height: 32px;
    margin: 2px 2px;
    padding: 1px;
}

.s7-c .slick-dots li.slick-active {
    background: url(../images/banner-dot2.png) no-repeat;
    background-position: left center;
}

.s7-c .slick-dots li.slick-active button {
    display: none;
}

.s7-c .slick-dots li button {
    display: block;
    width: 6px;
    height: 6px;
    border: 1px solid rgba(11, 76, 160, .8);
    margin: 12px;
    border-radius: 50%;
    font-size: 0;
    padding: 0;
}

.s7-c .slick-dots li button::before {
    content: none;
}


@media screen and (min-width:1200px){
    

}
@media screen and (max-width:1024px){
    .s7-c>ul {
        margin: 0 -0.1rem;
    }
    
    .s7-c ul li a {
        display: block;
        margin: 0 0.1rem;
    }
}

@media screen and (max-width:768px){
    .s7-c .slick-dots { margin-top: .3rem;}
    .s7-c ul li.slick-current a img{clip-path: none !important;}
}

/* footer */
.footer{width: 100%;padding-top: 1.8rem;}
.footer::after{width: 100%;background: url(../images/fbg.png) no-repeat;background-size: cover;}
.foot-t{padding-bottom: 0.3rem;}
.foot-t ul li{width: 8.3%;text-align: center;}
.foot-t ul li .img{width: 0.63rem;height: 0.71rem;display: flex;align-items: center;justify-content: center;margin: 0 auto .2rem;background: url(../images/f-ibg1.png) no-repeat;background-size: 100% !important;}
.foot-t ul li p{font-size: 0.16rem;color: #fff;padding:0 .05rem;}
.foot-t ul li img{max-width: 0.33rem;max-height: 0.36rem;}
.foot-b{border-top: 1px solid rgba(255,255,255,.3);}
.foot{justify-content: space-between;align-items: center;padding: 0.5rem 0;}
.foot.flex{}
.foot .fot1{width: 25%;}
.foot .fot2{width: 35%;}
.foot .fot3{width: 20%;}
.foot .fot1 .img{margin-bottom: 0.3rem;}
.foot .fot1 p{font-size: 0.14rem;color: #fff;opacity: .9;line-height: 0.28rem;}
.foot .fot2 img{max-width:1.25rem ;}
.foot .fot2 li{width: 50%;text-align: center;padding: 0 0.1rem;}
.foot .fot2 li h3{margin: 0.15rem 0;color: #fff;font-size: 0.22rem;}
.foot .fot2 li p{color: #fff;font-size: 0.16rem;line-height: 1.3;}
.foot .fot3 p{text-align: center;color: #fff;margin-top: 0.15rem;font-size: 0.14rem;}
.foot .textrt{width: 40%;}
.foot .textrt .textrtimg{width: 2.8rem; margin-bottom: .4rem;}
.foot .textrt .flex{justify-content: space-between;}
.foot .textrt .textdetail p{font-size: 0.14rem;color: #fff;opacity: .9;line-height: 0.28rem;}
.ul-iconsb1 li{padding: 0 0.09rem;}
.ul-iconsb1 .con{position:relative;cursor:pointer;}
.ul-iconsb1 .con:hover .qrbox{opacity:1;visibility:visible;transform: translateY(0%) translateX(-50%);}
.ul-iconsb1 .icon{width:0.6rem;height: .6rem;border-radius: 50%;}
.ul-iconsb1 .qrbox{bottom: 100%;transform: translateY(-30%) translateX(-50%);opacity:0;visibility:hidden;margin-bottom: .15rem;transition: 0.5s;position: absolute;width: 1.2rem;z-index: 10;height: auto;z-index: 100;left: 50%;box-shadow: 0px 4px 10px 0px rgba(0, 0, 0, 0.1);}
.ul-iconsb1 .qrbox .qr{padding: .05rem;background: #fff;text-align: center;border-radius: .1rem;}
.ul-iconsb1 .qrbox::before{content:"";border-left:.08rem solid transparent;border-right:.08rem solid transparent;border-top: .1rem solid #fff;bottom: -0.1rem;transform: translateX(-50%);position: absolute;left: 50%;}
.ul-iconsb1 li:last-child .qrbox::before{right: .15rem;left: auto;transform: translateX(0%);}
.ul-iconsb1 li:last-child .qrbox{left:auto;right:0;transform: translateX(0) !important;}
.ul-iconsb1 .qrbox .qr img{width: 100%;}
.ul-iconsb1 .qrbox .p{font-size: 0.14rem;overflow:hidden;text-align: center;margin-top: .1rem;line-height: 1.5;}



@media screen and (min-width:1200px){
    .foot-t li a:hover .img{background: url(../images/f-ibg2.png) no-repeat;}

}
@media screen and (max-width:1024px){
    .footer{padding-top: 0.3rem;}
    .footer::after{background: #1053ab;}
    .foot-t ul li{width: 16.6%;margin-bottom: 0.2rem;}
    .foot .textrt{width: 60%;}
}

@media screen and (max-width:768px){
    .foot-t ul li{width: 20%;}
    .foot .fot1{width: 100%;text-align: center;}
    .foot .fot2{width: 100%;margin: 0.3rem 0;}
    .foot .fot3{width: 100%;}
    .foot .fot3 ul{justify-content: center;}
    .foot .textrt .flex{justify-content: center;flex-wrap:wrap;}
    .foot .textrt{width: 100%;}
    .foot .textrt .textrtimg{margin:0 auto;}
}



.rightFix {
    position: fixed;
    right: 0.3rem;
    top: 50%;
    transform: translateY(-50%);
    z-index: 200000;
    display: none;
    background: url(../images/rrbg.png) no-repeat;background-size: 100% 100%;
    padding: .6rem 0 .1rem;
  }
  .showdiv .rightFix {display:block;}
  .rightFix::after{width: .85rem;height: .85rem;background: url(../images/zhaoshengjiuyechu-youcefuchuang.png) no-repeat;background-size: 100%;left: 50%;transform: translateX(-50%);top: -.3rem;z-index: 1;}
  .rightFix li {
    width: 1.3rem;
    color: #fff;
    text-align: center;
    font-size: .16rem;
    transition: .3s;
  }
  .rightFix li a{display: block;padding: 0.1rem 0;border-bottom: 1px solid rgba(255,255,255,.3);}
  .rightFix li:nth-last-child(2) a{border-bottom: none;}
  .rightFix li p{transition: 0.5s;line-height: 1.2;}
  .rightFix li.totop p{align-items: center;justify-content: center;cursor: pointer;font-size: 0.12rem;color: #fff;opacity: .68;margin-top: 0.35rem;}
  /* .rightFix li.totop p img{display: inline-block;width: 0.6rem;}
   */




@media screen and (max-width:1200px){
    .index{margin: 0;}
    .rightFix{display: none !important;}
}
@media screen and (max-width:1024px){

}

@media screen and (max-width:768px){
    .txt1{font-size: 0.2rem !important;}
    .p1{font-size: 0.16rem !important;}
    .title .h3{padding: 0 !important;}
    .title .h3::after{display: none;}
    .title h3 p{font-size: .28rem;}
    .title h3 p span{font-size: 0.32rem;}
    .more img{width: .4rem;}
    .title{margin-bottom:.3rem;}
}