@charset "utf-8";
.banner{position:relative}
.banner .mask{position: absolute;left: 0;bottom: 0;right: 0;z-index: 5}
.banner .mask img{width: 100%}
.banner{position:relative}
.banner .swiper-slide .sc{-webkit-transition:8s 1s linear;-webkit-transform:scale(1.1)}
.banner .swiper-slide-active .sc{-webkit-transform:scale(1)}
.banner .swiper-slide{overflow: hidden;}
.banner .swiper-slide a{display:block;position:relative}
.banner .swiper-slide a:before{content:'';position:absolute;left:0;top:0;right:0;height:2rem;background:url(../images/bamask.png) no-repeat top center;background-size:101% 100%;z-index:2;opacity: .8}
/*.banner .swiper-slide a:after{content:'';position:absolute;left:0;bottom:0;right:0;height:2rem;background:url(../images/txtmask.png) no-repeat top center;background-size:101% 100%;z-index:2;opacity: .6;}*/
.banner .item .imgBox .img{padding-bottom:0;height:100vh;min-height:6rem}
.banner .swiper-slide .wenzi{
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    background: rgba(0,0,0,0.2);
    width: auto;
    color: #fff;
    bottom: 0.8rem;
    z-index: 9999999;
    text-align: center;
    line-height: 1.5;
    padding: 0.2rem 0.1rem;
    max-width: 500px;
}
.slide-video .a{position: absolute;top: 0px;left: 0px;right: 0px;height:100vh;width: 100%;}
.slide-video video{width: 100%;height: 100%;object-fit: cover;}
.banner .swiDots{text-align: center;z-index: 10;position: absolute;margin-top: 0;bottom: .8rem}
.banner .swiDots span{opacity:.6;margin:0 .1rem;width:10px;height: 10px;background:#fff}
.banner .swiDots span.active{opacity: 1;background: url() no-repeat center;background-size: 100% 100% }
.banner .bat{position: absolute;left: 5%;right: 5%;top:45%;transform: translateY(-50%);z-index: 5;text-align: center;}
.banner .bat img{height: 1.6rem}
@media (max-width:1024px){.banner .swiper-slide a:before{height:1rem}
.banner .item .imgBox .img{padding-bottom:58%;height:auto;min-height:inherit}
.banner  .linsvg svg{height: 40vw}
.banner .swiDots{bottom: .6rem}
.banner .swiDots span{width: .26rem;height: .18rem;}
.banner .bat img{height: auto;width: 80%}
.banner .swiper-slide .wenzi{
    bottom: 0.3rem;
    max-width: 90%;
    width: 100%;
}
}
@media (max-width:640px){
.banner .swiper-slide .wenzi{
    bottom: 0.5rem;
    max-width: 90%;
}
.banner .swiDots{bottom: .3rem}
.banner  .linsvg svg{height: 40vw}
.banner  .linsvg{top: 55%}
.banner .item .imgBox .img{padding-bottom: 65%}
.banner .bat{top: 55%}
}
.swiper-button-disabled{opacity: .5;pointer-events: none}
.swiDots{text-align: center;margin-top: .3rem}
.swiDots span{width: .35rem;height: 4px;border-radius: 10px;margin: 0 4px}
.swiDots span.active{opacity: 1;background: #ad1f23}

.bg1 .swiDotss{position: absolute;top: 3rem;left: 0;right: 0;z-index: 10;text-align: center;}
.bg1 .swiDotss span{background: #fff;opacity: .6;margin: 0 .1rem;width: 20px;height: 20px;transform: scale(.5);transition: .3s;position: relative;}

.bg1 .swiDotss span.active{opacity: 1;background: url(../images/dq.png) no-repeat center;background-size: 100% 100%;transform: scale(1);}
.bg1 .swiDotss span.active:before{content: '';left: -10px;top: -10px;right: -10px;bottom: -10px;border: 1px dashed rgba(255,255,255,.5);position: absolute;border-radius: 50%}
.bg1 .swiDotss span.active i{position: absolute;left: -10px;top: -10px;right: -10px;bottom: -10px;border: 1px dashed rgba(255,255,255,.5);position: absolute;border-radius: 50%;animation: roteda 9s infinite linear}
.bg1 .swiDotss span.active i:after{content: '';width: 10px;height: 9px;background: url(../images/bafj.png) no-repeat center;background-size: 10px 9px;position: absolute;right: -5px;top: 15px}







.sky{position:absolute;left: 0;bottom:0;width: 100%;height: 50%;z-index: 5;  overflow:hidden;opacity: 1}
.sky .clouds_one{ background:url(../images/yun1.png) top center;background-size: auto 100%; position:absolute;left:0;top:0;height:100%;width:300%;-webkit-animation:cloud_one 50s linear infinite;-moz-animation:cloud_one 50s linear infinite;-o-animation:cloud_one 50s linear infinite;animation:cloud_one 60s linear infinite;-webkit-transform:translate3d(0,0,0);-ms-transform:translate3d(0,0,0);-o-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}
.sky .clouds_two{ background:url(../images/yun2.png) top center;background-size: auto 100%; position:absolute;left:0;top:30%;height:60%;width:300%;-webkit-animation:cloud_two 75s linear infinite;-moz-animation:cloud_two 75s linear infinite;-o-animation:cloud_two 75s linear infinite;animation:cloud_two 85s linear infinite;-webkit-transform:translate3d(0,0,0);-ms-transform:translate3d(0,0,0);-o-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}
.sky .clouds_three{ background:url(../images/yun1.png) bottom center;background-size: auto 100%; position:absolute;left:0;top:50%;height:50%;width:300%;-webkit-animation:cloud_three 100s linear infinite;-moz-animation:cloud_three 100s linear infinite;-o-animation:cloud_three 100s linear infinite;animation:cloud_three 110s linear infinite;-webkit-transform:translate3d(0,0,0);-ms-transform:translate3d(0,0,0);-o-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}

@keyframes cloud_one{0%{left:0}100%{left:-200%}}
@keyframes cloud_two{0%{left:0}100%{left:-200%}}
@keyframes cloud_three{0%{left:-200%}100%{left:0}}
@keyframes roted{0%{transform:rotate(0deg);}100%{transform:rotate(360deg);}}
@keyframes imgchangsmall{0%{transform:scale(1.1);}50%{transform:scale(1);}100%{transform:scale(1.1);}}


.bg1{background: url(../images/bg1.png) no-repeat top center;margin-top: -2.8rem;position: relative;z-index: 3;padding-top: 3.5rem;background-size: 100% 100%}
.bg2{background: url(../images/bg2.jpg) no-repeat top center;background-size:100% 102%}

.intit{color: #fff;padding-top: .2rem;margin-bottom: .3rem}
.intit .h3{position: relative;padding-bottom: .15rem;padding-right: .95rem;background: url(../images/titfj.png) no-repeat right center;background-size: .7rem .25rem;padding-top: .3rem}
.intit .h3:after{content: '';height: 2px;background: rgba(255,255,255,.7);left: 0;bottom: 0;width: 100%;position: absolute;}
.intit .h3 .en{position: absolute;top: 0;left: .5rem;font-size: .8rem;color: transparent;-webkit-text-stroke: 1px rgba(255,255,255,.2);font-weight: bold;padding-left: .4rem;text-transform: uppercase;color: rgba(255,255,255,.1)\0;pointer-events: none}
.intit .h3 .en span{font-size: 1.2rem;position: absolute;left: 0;bottom:-.12rem;}
.intit .h3 .cn{font-size: .6rem;font-weight: bold;display: flex;align-items:flex-end;position: relative;z-index: 3}
.intit .h3 .cn span{font-size: .36rem;font-weight:normal;margin-left: .1rem}
.inmore{}
.inmore a{display: block;height: .4rem;width: 1.4rem;border:1px solid rgba(255,255,255,.2);line-height: .38rem;text-align: center;color: #fff;transition: .3s}
.inmore a:after{content: '';display: inline-block;width: .16rem;height: .16rem;background: url(../images/morefj.png) no-repeat center;background-size: .16rem .16rem;margin-left: 5px;vertical-align: -2px;}
.inmore a:hover{background: #e63333;border-color: #e63333 }



.leftline{position: fixed;left: 0;top: 0;bottom: 0;z-index: 100;}
.leftline i{position: absolute;left: -1rem;top: 50%;transform: translateY(-50%);color: #fff;white-space: nowrap;opacity: 1;pointer-events: none}
.leftline .tip{position: absolute;top: calc(50% + .2rem);font-size: 12px;left:-3.5rem;}
.leftline .tip p{color: #0b70cb;white-space: nowrap;background: #fff;line-height: .3rem;padding: 0 10px;opacity: 1;}
.leftline .tip.hide p{ color: transparent}
.leftline .tip em{position: absolute;left: calc(100% + .2rem);width: .32rem;height: .29rem;background: url(../images/leftfj.png)no-repeat center;background-size: .32rem .29rem;top: 0;cursor: pointer;transition: .3s}
.leftline .tip em:before{content: '';width: .2rem;height: 1px;background: #fff;right: .3rem;top: .15rem;position: absolute;transition: .3s}
.leftline .tip em:hover{background: url(../images/leftfj1.png)no-repeat center;background-size: .32rem .29rem;}
.leftline .tip.hide em:hover{background: url(../images/leftfj.png)no-repeat center;background-size: .32rem .29rem;}
.leftline .tip em:hover:before{right: .32rem}
.leftline .tip.hide em:hover:before{right: .3rem}
.leftline .tip:after{content: '';border: .15rem solid transparent;position: absolute;left:100%;border-left-color: #fff;top: 0}
.leftline .line{position: absolute;top: 0;left: 0;bottom: 0;pointer-events: none;display: flex;justify-content: space-between;flex-direction: column;;width: .2rem;transition: .3s}
.leftline .line span{display: block;height: 2px;background: #fff;width:0;opacity: .3; }
.leftline .line span:nth-child(5){opacity: .3;}
.leftline .line span:nth-child(6){opacity: .5;;}
.leftline .line span:nth-child(7){opacity: .7;}
.leftline .line span:nth-child(8){opacity: 1;}
.leftline .line span:nth-child(9){opacity: .7;}
.leftline .line span:nth-child(10){opacity: .5;}
.leftline .line span:nth-child(11){opacity: .3;}

._active .leftline .line span{transition: 1s}
._active .leftline .tip{transition: 1s ;left:0;}

._active.banner  .leftline .tip.hide{left: -2.5rem}
._active.homea  .leftline .tip.hide{left: -2.6rem}
._active.homeb  .leftline .tip.hide{left: -2.28rem}
._active.homec  .leftline .tip.hide{left: -2.4rem}
._active.homed  .leftline .tip.hide{left: -2.5rem}
._active.footer  .leftline .tip.hide{left: -2.1rem}

._active .leftline i{transition: .5s ;}
._active  .leftline .line span{width:.2rem; }
._active  .leftline .line span:nth-child(6){width: .3rem}
._active  .leftline .line span:nth-child(7){width: .5rem}
._active  .leftline .line span:nth-child(8){width: .7rem}
._active  .leftline .line span:nth-child(9){width: .5rem}
._active  .leftline .line span:nth-child(10){width: .3rem}
._active  .leftline i{left: .8rem;opacity: 1;}


.banner .leftline .line span{background: #0b70cb}
.banner .leftline i{color: #0b70cb}

.homea{padding-bottom: .5rem;padding-top: 1rem}
.homea a{color: #fff}
.homea .inmore{position: absolute;right: 35%;top:.8rem;z-index: 5}
.homea .aleft{width: 65%}
.homea .aright{width: 32%}
.homea .aleft .intit{margin-bottom: .8rem}
.homea .aleft .tit{font-size: .22rem;position: absolute;left: 0;top: 0;border-top: 2px solid #fff;padding-top: .1rem;color: #fff}
.homea .aleft .slide-atxt{width: 39%;padding-top:.6rem}
.homea .aleft .slide-apic{width: 58%}
.homea .aleft .slide-apic .imgBox .img{padding-bottom: 66%}
.homea .aleft  .txt h4{font-size: .24rem;line-height: 1.5em;margin-bottom: .2rem;padding-bottom: 3px}
.homea .aleft  .txt p{font-size: .15rem;line-height: 2em;margin-bottom: .2rem;color: rgba(255,255,255,.7);}
.homea .aleft  .txt time{font-size: .15rem;color: rgba(255,255,255,.7);}
.homea .aleft ul{margin-top: .8rem}
.homea .aleft ul li{padding: .3rem 0;border-top: 1px solid rgba(255,255,255,.2)}
.homea .aleft ul li:nth-child(1){border-top: 0}
.homea .aleft ul li .txt{position: relative;}
.homea .aleft ul li .txt .time{position: absolute;right: 0;top: .05rem;color: rgba(255,255,255,.9); }
.homea .aleft ul li .txt  h4{margin-right: 2rem }
.homea .aleft ul li .txt p{margin-bottom: 0}
.homea .aleft  .swiTool{position: absolute;left: 0;bottom: 0;z-index: 5;width: 39%;}
.homea .aleft  .swiDots{position: absolute;left: 0;bottom: 9px;z-index: 0;width: 100%;display: flex;justify-content: space-between;}
.homea .aleft  .swiDots:before{content: '';border-top: 1px dashed rgba(255,255,255,.3);position: absolute;left: 0;top: 3px;width: 100%}
.homea .aleft  .swiDots span{width: 28px;height: 8px;background:transparent;opacity: 1;position: relative;}
.homea .aleft  .swiDots span:after{content: '';display: block;width: 7px;height: 7px;background: rgba(255,255,255,1);border-radius: 50%;margin: 0 auto}
.homea .aleft .swiScroll{height: 28px;background:transparent;background-size: auto 6px; margin-top: .6rem;overflow: hidden;width: 99%;pointer-events: none}
.homea .aleft .swiScroll .swiper-scrollbar-drag{;background:url(../images/fj1.png) no-repeat center;background-size: 26px 28px;width: 26px;height: 28px;border-radius: 0 ;}
.homea .aright ul li{margin-bottom: .3rem}
.homea .aright  .txt h4{font-size: .2rem;/* line-height: 1.5em; *//* margin-bottom: .15rem; *//* padding-bottom: 3px; */height: .3rem;}
.homea .aright  .txt p{font-size: .15rem;line-height: 2em;margin-bottom: .2rem;color: rgba(255,255,255,.7);}
.homea .aright  .txt time{font-size: .15rem;color: rgba(255,255,255,.7);}
.homea .aright .imgBox{margin-bottom: .2rem}
.homea .aright .imgBox .img{padding-bottom: 66%}
.homea .aright .imgBox .time{position: absolute;left: 0;bottom: 0;background: #fff;color: #12378d;line-height: .3rem;padding: 0 .15rem}
.homea .aright .imgBox .time:after{content: '';border: .15rem solid transparent;position: absolute;left:100%;border-left-color: #fff;top: 0}
.homeb{padding-top: 1rem}
.homeb .intit .h3 .en{font-size: .65rem}
.homeb .item{display: flex;justify-content: space-between;position: relative;}
.homeb .item .pic{width: 43%;margin-right: .4rem}
.homeb .item .pic .imgBox .img{padding-bottom: 65%}
.homeb .item .txt{width: calc(57% - .4rem)}
.homeb .item .txt .desc{color: #fff;line-height: 1.8em;margin-bottom: .3rem;font-size: .15rem}
.homeb .item:nth-child(2){right: calc(-1 * (100vw - 15.2rem) / 2);align-items: flex-end;}
.homeb .item:nth-child(2) .pic{margin-right: 0;width: 53%;position: relative;top: -1rem;z-index: 1}
.homeb .item:nth-child(2) .txt{max-width: 6.7rem;left: 13%;position: relative;z-index: 3}
.homeb .item:nth-child(2) .imgBox:before{content: '';position: absolute;left: 0;bottom: 0;width: 100%;height: 100%;background: url(../images/mas.png) no-repeat left bottom;z-index: 2}
.homeb .aniimg{position: absolute;left: 0;bottom: -.8rem;pointer-events: none;width: 6.38rem}


.homec{padding-top: 1rem}
.homec .cleft{width: 35.5%}
.homec .cright{width: 59%}
.homec  .list li a{color: #fff}
.homec  .list li time{color: rgba(255,255,255,.8);}
.homec  .list li h4{font-size: .2rem;line-height: 1.4em;margin-bottom: .2rem;margin-top: .2rem}
.homec  .list li p{line-height: 1.8em;color: rgba(255,255,255,.8);font-size: .15rem;}
.homec .cleft .list li{padding: .3rem 0;border-top: 1px solid rgba(255,255,255,.15)}
.homec .cleft .list li:nth-child(1){border-top: 0}
.homec .cright .list li h4{font-size: .24rem}
.homec .cright .list .imgBox{margin-top: .4rem}
.homec .inmore{position: absolute;right: 0;top: .8rem;z-index: 5}

.homed{padding-top: .4rem;padding-bottom: .6rem}
.homed .intit{margin-bottom: .6rem}
.homed .inmore{position: absolute;right: 15%;top: .8rem;z-index: 5}
.homed .item a{display: block;height: 2.2rem;border: 1px solid rgba(255,255,255,.4);padding: .3rem;color: #fff;transition: .3s;position: relative;margin: 1px}
.homed .item a:after{background: #a0cff8;transition: .5s;height: 4px;left: 50%;transform: translateX(-50%);position: absolute;bottom: 0;z-index: 4;content: '';width: 0}
.homed .item .time{display: flex;justify-content: space-between;align-items: center;}
.homed .item .time time{font-weight: bold;font-family: 'Arial'}
.homed .item .time time span{font-size: .48rem;display: block;}
.homed .item .time i.fj{width: .27rem;height: .22rem;background: url(../images/fj3.png) no-repeat center;background-size: 100% 100%;position: relative;transition: .3s}
.homed .item .time i.fj:before{content: '';height: 1px;width: .4rem;background: #fff;position: absolute;right: 100%;top: 50%}
.homed .item .time i.fj:after{content: '';height: 1px;width: 0;background: #fff;position: absolute;right: 100%;top: 50%;transition: .3s }
.homed .item:hover .time i.fj:after{width: .4rem}
.homed .item:hover .time i.fj{background: url(../images/fj3w.png) no-repeat center;background-size: 100% 100%;}
.homed .item:hover a{background: #0f72ca;border-color: #0f72ca}
.homed .item:hover a:after{width: 100%}
.homed .item h4{margin-top: .15rem;font-size: .2rem;text-align: justify;line-height: 1.5em;height: .63rem}
.homed .slide-d{width: calc((100vw - 15.2rem) / 2 + 100%)}
.homed .swiScroll{height: .28rem;background:url(../images/dotline.png) repeat-x left center;background-size: auto 6px; margin-top: .6rem;width: 2.3rem;overflow: hidden;pointer-events: none}
.homed .swiScroll .swiper-scrollbar-drag{;background:url(../images/fj2r.png) no-repeat center;background-size: .25rem .28rem;width: .25rem;height: .28rem;border-radius: 0 }
@media (min-width: 1025px){

}
@media (max-width: 1024px){
.homeb .item:nth-child(2) .imgBox:before{display: none;}
.leftline{display: none}
.intit .h3 .cn{font-size: .5rem}
.intit .h3 .en{font-size: .6rem}
.intit .h3 .en span{font-size: 1rem}
.homea .inmore{right: 0}
.bg1{background: url(../images/bg1m.png) no-repeat top center;margin-top: -1rem;padding-top: 1.2rem;background-size: cover}
.bg2{background: url(../images/bg2m.jpg) no-repeat  center;background-size: 100% 100%;margin-top: -1px}
.homea .aleft{width: 100%;margin-bottom: .4rem}
.homea .aright{width: 100%}
.homea .aright ul{display: flex;flex-wrap: wrap;justify-content: space-between;}
.homea .aright ul li{width: 48%}
.bg1 .swiDotss{top: 1.1rem}
.homea{padding-top: 0}
.homeb .item{flex-wrap: wrap;}
.homeb .item .pic{width: 100%;margin-right: 0;margin-bottom: .4rem}
.homeb .item .txt{width: 100%}
.homeb .item:nth-child(2){right: 0;margin-top: .5rem}
.homeb .item:nth-child(2) .txt{left:0;max-width: inherit;order: 2}
.homeb .item:nth-child(2) .pic{width: 100%;top: 0;order: 1}
.homeb .aniimg{display: none}
.homed .slide-d{width: 100%}
.homed .swiScroll{margin: .4rem auto 0;width: 50%}
.homed .inmore{right: 0}
}
@media (max-width: 900px){
.bg1{padding-top: 1.5rem}
.bg1 .swiDotss{top: 1.3rem}
.homea .aleft .slide-atxt{width: 100%;order: 2;padding-top: .3rem}
.homea .aleft .slide-apic{width: 100%;order: 1}
.homea .aleft .swiTool{position: relative;width: 50%;margin: 0 auto;order: 3}
.homea .aleft .swiDots{margin-top: 0}
.homea .aleft .swiScroll{margin-top: 0}
.homea .aleft .intit{margin-bottom: .4rem}
.homea .aleft ul{margin-top: .2rem}
.homea .aleft{margin-bottom: .2rem}
.homea .aleft .tit{display: none}
.homec{padding-top: .5rem}
.homec .cright{width: 100%;order: 1;margin-bottom: .2rem}
.homec .cleft{width: 100%;order: 2}
}
@media (max-width: 640px){
.intit .h3 .cn{flex-wrap: wrap;}
.homeb .intit .h3 .en{font-size: 8vw;top: .1rem}
.homeb .intit .h3 .en span{font-size: 14vw}

.homea .inmore{position: relative;top: 0;display: flex;justify-content: center;width: 100%}
.homec .inmore{position: relative;top: 0;display: flex;justify-content: center;width: 100%;order: 3}
.homed .inmore{position: relative;top: 0;display: flex;justify-content: center;width: 100%;order: 3;margin-top: .3rem}
.homea .aleft ul li .txt .time{position: relative;;top: 0;margin-bottom: .1rem}
.homea .aleft ul li .txt h4{margin-right: 0}
.bg1 .swiDotss{top: 15vw}
.bg1{background: url(../images/bg1m1.png) no-repeat top center;margin-top: -12vw;padding-top: 1.2rem;background-size: cover}
.homeb{padding-top: .4rem}
}
@media (max-width: 480px){
.intit .h3{width: 100%}
.intit .h3 .cn{font-size: 8vw}
.intit .h3 .en{font-size: .6rem}
.intit .h3 .en span{font-size: 1rem}
.intit .h3 .cn span{font-size: 4vw}
.homeb .item .pic{margin-bottom: .1rem}
.homea .aleft .txt h4,.homea .aright .txt h4,.homec .list li h4{font-size: .22rem;height: auto}
.homea .aleft .txt p,.homea .aright .txt p,.homeb .item .txt .desc,.homec .list li p{font-size: .16rem}
.homea .aright ul li{width: 100%}
.homed .item h4{height: auto}
}

@media (min-width: 1930px){
  .homeb .item:nth-child(2){right: -2rem;}
}
@media (max-width: 400px){
.banner .swiper-slide .wenzi{
    bottom: 0.2rem;
}
}