@charset "utf-8";
.banner{position:relative}
.banner .swiper-slide .sc{-webkit-transition:8s 1s linear;-webkit-transform:scale(1)}
.banner .swiper-slide-active .sc{-webkit-transform:scale(1.05)}
.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:2.6rem;background:url(/images/bamask.png) repeat-x top center;background-size:101% 100%;z-index:2;opacity: .5;pointer-events: none}
.banner .swiper-slide a:after{content:'';position:absolute;left:0;bottom:-1px;right:0;height:1.6rem;background:url(/images/blackms.png) no-repeat top center;background-size:101% 100%;z-index:2;opacity: .8;pointer-events: none}
.banner .item .imgBox .img{padding-bottom:0;height:100vh;background-position: center;background-size: cover;background-repeat: no-repeat}
.banner .swiDots{position:absolute;bottom:.4rem;left:10%;z-index:5;right: 10%;width: auto;text-align: left;}
.banner .swiDots span{background:#fff;width:.2rem;height:.2rem;margin:0 .06rem!important;position:relative;border-radius: 0;transition: .3s;background: url(/images/dot.svg) no-repeat center;background-size: 100% 100%;opacity: .6}
.banner .swiDots span.active{opacity:1;}




.banner .swiBtn{position: absolute;right: 0;bottom: .4rem;z-index: 5}
.banner .swiBtn a{display: block;width: .5rem;height: .5rem;border: 1px solid #fff;border-radius: 50%;text-align: center;line-height: .48rem;color: #fff;font-size: .24rem}
.banner .swiBtn a.next{margin-left: .2rem}
.mouseTop{position: absolute;bottom:0;left: 50%;transform: translateX(-50%);z-index: 10;color: #fff;text-align: center;padding-bottom: .32rem;cursor: pointer;}
.mouseTop:after{content: '';width: 1px;height: .3rem;background: #fff;position: absolute;left: 50%;bottom: 0;z-index: 4}
.mouseTop span{display: block;}
.mouseTop span{font-weight: 100;margin-bottom: 8px;font-size: .14rem}
.mouseTop img{height: .34rem;animation: up 2s infinite}
.mouseTop i{margin-top: 8px}

@media (max-width:1024px){
.mouseTop{display: none}
.banner .swiper-slide a:before{height:1.5rem;display: none}
.banner .swiper-slide a:after{height:1.2rem}
.banner .swiDots{text-align: center;bottom: .3rem}
.banner .swiDots span{width:.3rem;margin:0 .1rem}
.banner .item .imgBox .img{padding-bottom:0;height:52vw;min-height:inherit}
}
@media (max-width:640px){
.banner .swiper-slide a:after{height:1rem}
.banner .swiDots,.banner .swiBtn{bottom:.15rem;}
.banner .swiBtn{right: 50%;transform: translateX(50%);}
.banner .swiDots span{width:.25rem;height:.25rem;}

.banner .item .imgBox .img{height: 50vw}
.banner .swiBtn{display: none}
.banner .swiBtn a{width: .4rem;height: .4rem;line-height: .38rem;font-size: .2rem}
}

@keyframes scaletw{0%{transform:scale(1);opacity:.6}100%{transform:scale(3);opacity:0}}
@keyframes scalett{0%{transform:scale(1);opacity:.6}100%{transform:scale(1.6);opacity:0}}
@keyframes scaletc{0%{transform:scale(1);opacity:.8}100%{transform:scale(1.2);opacity:0}}
.intit{margin-bottom: .4rem;position: relative;}
.intit .ico{width: .64rem;height: .64rem;border-radius: 50%;text-align: center;padding-top: .14rem;margin-right: .1rem;position: relative;}
.intit .ico:after{border: 1px dashed var(--color);content: '';position: absolute;left: 0;top: 0;right: 0;bottom: 0;border-radius: 50%;animation:roted linear 35s infinite;}
.intit .ico img{width: .35rem}
.intit .h4{position: relative;padding-bottom: .25rem}
.intit .h4 span{display: block;}
.intit .h4 span.cn{font-size: .4rem;font-weight: bold;line-height: 1em}
.intit .h4 span.cn em{color: var(--color);}
.intit .h4 span.en{color: #bbb;margin-top: 3px;text-transform: uppercase;position: absolute;left: 0;bottom: 0;white-space: nowrap;}
.homec .intit .h4{color: #fff}
.homec .intit .h4 span.cn em{color: #ffa072}
.homec .intit .h4 span.en{color: rgba(255,255,255,.5)}
.homec .intit .ico:after{border-color: #ffa072}
.home .homec .more a{border-color: #fff;color: #fff}
.home .homec .more a:hover{border-color: #ffa072;color: #fff;background: #ffa072}
.home .more a{display: block;width: 1.8rem;height: .5rem;line-height: .5rem;border: 1px solid #ccc;color: #666;text-align: center;transition: .3s}
.home .more a:hover{background: var(--color);color: #fff;border-color:var(--color) }
.home .more.ab{position: absolute;top: .1rem;right: 0;z-index: 5}
.homea{padding-top: 1.6rem}



.swiDots{text-align:center;margin-top: .3rem}
.swiDots span{background:#fff;width:.2rem;height:.2rem;margin:0 .06rem!important;position:relative;border-radius: 0;transition: .3s;background: url(/images/doton.svg) no-repeat center;background-size: 100% 100%;opacity: .4}
.swiDots span.active{opacity:1;}

.homea{background: url(/images/bga.jpg) no-repeat center;background-size: cover;padding: 1.6rem 0 .9rem}
.homea .left{width: 65%}
.homea .left .item .img{padding-bottom: 0;height: 6.4rem}
.homea .left .item .txt{position: absolute;left: 0;right: 0;bottom: 0;z-index: 5;background: rgba(0,0,0,.6);color: #fff;padding: 0 1.5rem 0 .2rem}
.homea .left .item .txt h4{line-height: .7rem;font-size: .18rem}
.homea .left .swiBtn{position: absolute;bottom: 0;right: 0;z-index: 5;background: var(--color);height: .7rem;width: 1.4rem;line-height: .7rem;padding: 0 .1rem}
.homea .left .swiBtn:after{content: '';width: 1px;height: .16rem;background: #fff;position: absolute;left: 50%;transform: rotate(25deg);top: 50%;margin-top: -.08rem}
.homea .left .swiBtn a{display: block;width: 50%;text-align: center;color: #fff;font-size: .2rem}
.homea .left .swiBtn a:hover{ color: #ffcc66;}
.homea .right{background: #fff;padding: .2rem;width: 35%}
.homea .right ul li:first-child{padding-top: 0}
.homea .right ul li:last-child{padding-bottom: 0}
.homea .right ul li{padding: .2rem 0}
.homea .right ul li+li{border-top: 1px solid #ddd}
.homea .right ul li a{display: flex;}
.homea .right ul li .imgBox{width: 39%}
.homea .right ul li .imgBox .img{padding-bottom: 0;height: 1.18rem}
.homea .right ul li .txt{width: 61%;padding-left: .2rem;padding-top: .1rem}
.homea .right ul li .txt h4{font-size: .18rem;margin-bottom: .15rem}
.homea .right ul li .txt time{color: #888}
.homea .right ul li .txt time i{color: var(--color);margin-right: 5px}

.homeb{background: url(/images/bgb.jpg) #fff no-repeat bottom center;background-size: cover;padding: .7rem 0 .8rem}
.homeb .more{margin-top: .4rem}
.homeb .left{width: 35%}
.homeb .left ul li{padding: .25rem 0;position: relative;}
.homeb .left ul li:nth-child(1){border-top: 1px solid #d2d2d2}
.homeb .left ul li:before{content: '';position: absolute;left: 0;bottom: 0;height: 1px;right: 0;background: #d2d2d2;z-index: 0}
.homeb .left ul li:after{content: '';position: absolute;left: -.3rem;bottom: -1px;top:-1px;right: -.3rem;background:url(/images/bibg.svg) no-repeat center;background-size: 100% 100%;z-index: 1;opacity: 0;visibility: hidden;transition: .3s}
.homeb .left ul li h4{position: relative;z-index: 5;font-size: .18rem;margin-bottom: .1rem}
.homeb .left ul li time{position: relative;z-index: 5}
.homeb .left ul li time{color: #888}
.homeb .left ul li time i{color: var(--color);margin-right: 5px}

.homeb .right{width: 58.5%}
.homeb .right .swiDotss{position: absolute;right: .3rem;bottom: .2rem;z-index: 8;left: auto;width: auto}
.homeb .right .swiDotss span.active{border:2px solid #f88000;background: transparent;opacity: 1}
.homeb .right .item{background: #f9fafb}
.homeb .right .item a{display: flex;}
.homeb .right .item .imgBox{width: 54%}
.homeb .right .item .imgBox .img{padding-bottom: 0;height: 3rem}
.homeb .right .item .txt{width: 46%;padding: .3rem}
.homeb .right .item .txt h4{font-size: .18rem;margin-bottom: .1rem;}
.homeb .right .item .txt .desc{color: #888;margin-bottom: .15rem;line-height: 1.6em;font-size: .15rem}
.homeb .right .item .txt .info p{color: #666;line-height: 1.6em;font-size: .15rem}
.homeb .right .item .txt .info p+p{margin-top: .05rem}
.homeb .right .item .txt h4:after{content: '';width: .5rem;height: 2px;background:var(--color);display: block;margin-top: .1rem }
.homeb .right ul{margin-top: .19rem}
.homeb .right ul li{padding: .22rem 1.2rem .22rem .15rem;position: relative;border-bottom: 1px solid #d2d2d2}
.homeb .right ul li h4{font-size: .18rem}
.homeb .right ul li time{position: absolute;top: .25rem;right: 0;color: #888}
.homeb .right ul li:before{content: '';position: absolute;left: 0;top: .34rem;width: 6px;height: 6px;border-radius: 50%;background: var(--color)}



.homec{background: url(/images/bgc.jpg) #fff no-repeat top center;background-size: 100% 5.2rem;padding: .7rem 0 .5rem}
.home .homec .more{right:.15rem}
.homec .intit{margin: 0 .15rem .35rem}
.homec .wp{max-width: 14.7rem}
.homec .item a{display: block;margin: .15rem}
.homec .item .txt{height: 2.1rem;background: #fff;padding: .3rem;box-shadow: 0 5px 10px rgba(0, 0, 0, .1);position: relative;}
.homec .item .txt:after{content: '';position: absolute;left: 0;bottom: 0;right: 0;height: 4px;background: #f88000}
.homec .item .txt h4{font-size: .18rem;margin-bottom: .15rem}
.homec .item .txt p{margin-bottom: .3rem;color: #888;line-height: 1.6em;height: .5rem}
.homec .item .txt time{color: #888}
.homec .item .txt time i{color: var(--color);margin-right: 5px}
.homec .item .img{padding-bottom: 73%}
.homec .item:nth-child(3n) .txt:after{background:#b3841c }
.homec .item:nth-child(3n-1) .txt:after{background: #3055a6}
.homec .item:nth-child(3n-2) .txt:after{background: #f88000}


.homed{background:  #fff;padding: .3rem 0 .8rem;position: relative;}
.homed:after{background: url(/images/bgd.jpg) #fff no-repeat bottom center;background-size: 100% auto;position: absolute;left: 0;right: 0;bottom: -1.5rem;top: 0;z-index: 0;pointer-events: none;content: ''}
.homed .wp{max-width: 15rem}
.homed .slide-d{padding: .2rem 0 .3rem}
.homed .slide-d .swiper-slide-active{box-shadow: 0 10px 20px rgba(76,0,2,.5)}
.homed .swiBtn a{display: block;width: .66rem;height: .66rem;text-align: center;line-height: .66rem;background: #d3d9db;color: #fff;position: absolute;top: 50%;margin-top: -.33rem;z-index: 5;transition: .3s}
.homed .swiBtn a:hover{background: #da0f08}
.homed .swiBtn a.prev{left: -.8rem}
.homed .swiBtn a.next{right: -.8rem}
.homed .txts{max-width: 8.8rem;margin: 0 auto}
.homed .txts li{position: relative;padding-left: 1.2rem;display: none}
.homed .txts li:before{content: '';position: absolute;left: .95rem;top: 0;width: 1px;background: #ddd;height: .8rem}
.homed .txts li h4{font-size: .2rem;margin-bottom: .15rem}
.homed .txts li p{color: #888;line-height: 1.6em}
.homed .txts li time{position: absolute;left: 0;top: 0;color: #666;text-align: right;}
.homed .txts li time span{display: block;font-size: .26rem}


.homee{background: #fff;padding: .8rem 0 .4rem}
.homee .box ul{width: 50%;}
.homee .box ul li{width: 50%;float: left;position: relative;overflow: hidden;}
.homee .box ul li .imgBox:before{content: '';position: absolute;left: 0;right: 0;bottom: 0;height: 100%;z-index: 2;background: url(/images/blackms.png) no-repeat bottom center;background-size: 100% 100%;opacity: .6;transition: .3s}
.homee .box ul li .txt{}
.homee .box ul li .img{padding-bottom: 0;height:3.45rem}
.homee .box ul li:nth-child(1) .img{padding-bottom: 0;height: 6.9rem}
.homee .box ul li .txt h4{font-size:.18rem;margin-bottom:.1rem}
.homee .box ul li .txt p{line-height: 1.6em}
.homee .box ul li .txt{background: rgba(180,130,30,.6);text-align: center;position: absolute;left: 0;bottom: -1.5rem;right: 0;z-index: 5;color: #fff;padding: .2rem .3rem;transition: .3s;backdrop-filter:blur(5px)}
.homee .box ul li .txt1{text-align: center;position: absolute;left: 0;bottom:0;right: 0;z-index: 5;color: #fff;padding:  .3rem;font-size: .18rem;transition: .3s;}

.homef{background: url(/images/bgf.jpg) #fff no-repeat bottom center;background-size: auto 2.97rem;padding: .3rem 0 .8rem}
.homef .slide-fp {background: #fff;padding: .5rem;box-shadow: 0 0 .25rem rgba(0,0,0,.1)}
.homef .slide-fp .item{text-align: center;}
.homef .slide-fp .item .ico{margin-bottom: .1rem}
.homef .slide-fp .item img{width: .82rem}
.homef .slide-fp .item h4{color: #c70000;font-weight: normal;}
.homef .slide-fp .item h4 span{font-size: .5rem;font-family: 'Arial';font-weight: bold;}
.homef #particles-js{position: absolute;left: 0;top: 0;right: 0;bottom: 0;z-index: 0;pointer-events: none}

.homegh{background: url(/images/bgh.jpg) #fff no-repeat bottom center;background-size: 100% auto;}
.homeg{padding: .7rem 0 .2rem}
.homeg .mediaList li{width: calc(33.3333% - .12rem);margin-bottom:.16rem }
.homeg .mediaList li a{display: block;position: relative;}
.homeg .mediaList li .txt{position: absolute;left: 0;bottom: 0;right: 0;z-index: 5;padding: .2rem;text-align: center;color: #fff;font-size: .18rem}
.homeg .mediaList li .imgBox:before{content: '';position: absolute;left: 0;right: 0;bottom: 0;height: 50%;z-index: 2;background: url(/images/blackms.png) no-repeat bottom center;background-size: 100% 100%;opacity: .8}
.homeg .mediaList li .imgBox .img{padding-bottom: 63.8%}
.homeg .mediaList:after{width: calc(33.3333% - .1rem);display: inline-block;content: ''}
.homeh{padding: .3rem 0 .9rem}
.homeh .item .img{padding-bottom: 43.5%}

.homeg .icoList{position: absolute;top: 0;right: 0;}
.homeg .icoList li{}
.homeg .icoList li a{display: block;position: relative;}
.homeg .icoList li i{display: block;width: .5rem;height: .5rem;border-radius: 50%;background-repeat: no-repeat;background-position: center;background-size:.32rem .32rem;background-color:#f6f6f6 }
.homeg .icoList li+li{margin-left: .25rem}
.homeg .icoList li i.i1{background-image: url(/images/gi1.png);}
.homeg .icoList li i.i2{background-image: url(/images/gi2.png);}
.homeg .icoList li i.i3{background-image: url(/images/gi3.png);}
.homeg .icoList li i.i4{background-image: url(/images/gi4.png);}
.homeg .icoList li i.i5{background-image: url(/images/gi5.png);}

@media (min-width:1201px){
.ani-left{transform: translateX(-2rem);opacity: 0;transition: .5s linear}
.ani-right{transform: translateX(2rem);opacity: 0;transition: .5s linear}
.ani-top{transform: translateY(2rem);opacity: 0;transition: .5s linear}




/*0109*/
.showdiv .homea .left{transform: translateX(0);opacity: 1;transition: .8s .6s}
.showdiv .homea .right{transform: translateX(0);opacity: 1;transition: .8s .6s}
.showdiv .homea .ani-top{transform: translateY(0);opacity: 1;transition: .8s .5s}




.homea.showdiv .left{transform: translateX(0);opacity: 1;transition: .8s .6s}
.homea.showdiv .right{transform: translateX(0);opacity: 1;transition: .8s .6s}
.homea.showdiv .ani-top{transform: translateY(0);opacity: 1;transition: .8s .5s}
.homeb.showdiv .left{transform: translateY(0);opacity: 1;transition: .8s }
.homeb.showdiv .right{transform: translateY(0);opacity: 1;transition: .8s .3s}
.homec.showdiv .intit{transform: translateY(0);opacity: 1;transition: .8s }
.homec.showdiv .more{transform: translateY(0);opacity: 1;transition: .8s }
.homec.showdiv .slide-c{transform: translateY(0);opacity: 1;transition: .8s .3s}


.homed.showdiv .intit{transform: translateY(0);opacity: 1;transition: .8s }
.homed.showdiv .txts{transform: translateY(0);opacity: 1;transition: .8s .3s}
.homed.showdiv .slide-dp{transform: translateY(0);opacity: 1;transition: .8s .5s}
.homee.showdiv .intit{transform: translateY(0);opacity: 1;transition: .8s }
.homee.showdiv .ul1{transform: translateY(0);opacity: 1;transition: .8s .3s}
.homee.showdiv .ul2{transform: translateY(0);opacity: 1;transition: .8s .5s}
.homef.showdiv .intit{transform: translateY(0);opacity: 1;transition: .8s }
.homef.showdiv .slide-fp{transform: translateY(0);opacity: 1;transition: .8s .3s}
.homeg.showdiv .intit{transform: translateY(0);opacity: 1;transition: .8s }
.homeg.showdiv .icoList{transform: translateY(0);opacity: 1;transition: .8s .3s}
.homeg.showdiv .mediaList{transform: translateY(0);opacity: 1;transition: .8s .5s}
.homeh.showdiv .intit{transform: translateY(0);opacity: 1;transition: .8s }
.homeh.showdiv .slide-h{transform: translateY(0);opacity: 1;transition: .8s .3s}
}

@media (min-width:1025px){
.homeb .left ul li:hover:after{opacity: 1;visibility: visible;}
.homeb .left ul li:hover a{color: #fff}
.homeb .left ul li:hover time i{color:#fff}
.homeb .left ul li:hover time{color:#ffa072}
.homee .box ul li:hover .txt{bottom: 0}
.homee .box ul li:hover .imgBox:before{opacity: 0}
.homee .box ul li:hover .txt1{bottom: -.8rem}
}
@media (max-width:1680px){
.homed .swiBtn a.prev{left: 0}
.homed .swiBtn a.next{right: 0}
}
@media (max-width:1024px){
.homea{padding: .8rem 0}
.homea .left .item .img{height: 5rem}
.homea .right ul li .txt{padding-top: 0}
.homea .right ul li .imgBox .img{height: .84rem}
.homee{padding-top: 0}

.homee .box ul li .img{height: 2.5rem}
.homee .box ul li:nth-child(1) .img{height: 5rem}
}

@media (max-width:900px){
.homea .left,.homeb .left{width: 100%}
.homea .right,.homeb .right{width: 100%}
.homea .left .item .img{height: 55vw}
.homea .right ul li .imgBox .img{height:auto;padding-bottom: 60%}
.homeb .more{position: absolute;top: .1rem;right: 0;z-index: 5;margin-top: 0}
.homeb .left{margin-bottom: .4rem}

.homee .box ul{width: 100%}	
.homee .box ul:last-child{display: none}
.homee .box ul li .img{height: 35vw}
.homee .box ul li:nth-child(1) .img{height: 70vw}	
.homeg .mediaList li{width: calc(50% - .1rem);margin-bottom:.2rem }
.homef .slide-fp .item h4 span{font-size: .4rem}
.homec{background-size: auto 5rem}
}
@media (max-width:640px){
.homed .intit{justify-content: flex-start;margin-bottom: .15rem}
.homee .intit{justify-content: flex-start;padding-left: 5%}
.homef .intit{justify-content: flex-start;padding-left: 5%}
.homed .txts li time{position: relative;text-align: left;}
.homed .txts li time span{display: inline;margin-right: 5px}
.homed .txts li h4{margin-top: .1rem}
.homed .txts li{padding-left: 0}
.homed .txts li:before{display: none}
.homeh .swiDots{display: block;}
.homeb .right .item a{flex-wrap: wrap;}
.homeb .right .item .imgBox{width: 100%}
.homeb .right .item .txt{width: 100%}
.homeb .right .item .imgBox .img{height: 55vw}
.homec .intit{margin-left: 0;margin-right: 0}
.homea{padding: .6rem 0}
.homed .slide-d .swiper-slide-active{box-shadow: none}
.homeg .icoList{position: relative;top: 0;right: 0;width: 100%;margin-bottom: .3rem;justify-content: center;}
}
@media (max-width:480px){
.intit .h4 span.cn{font-size: .36rem}
.intit .h4{padding-bottom: .25rem}
.home .more a{width: 1.4rem;line-height: .42rem;height: .44rem}
.homee .box ul li .txt1{padding-bottom: .2rem}
.homea .right ul li a{align-items: center;}
}


.homea .left .slide-newsPic .img{height: 6.2rem;padding-bottom: 0}
.homea .left .slideTxt{margin-top: -.4rem;position: relative;z-index: 5;width: calc(100% - 1.6rem);}
.homea .left .slideTxt .ssbtn{position: absolute;right:0;bottom: 0;height: .4rem;width: .8rem}
.homea .left .slideTxt .ssbtn a{display: block;height: .4rem;width: .4rem;text-align: center;line-height: .4rem;color: #fff}
.homea .left .slideTxt .ssbtn a.prev{background: #f8a852}
.homea .left .slideTxt .ssbtn a.next{background: var(--color)}
.homea .left .slideTxts{width: calc(100% - .8rem);height: .6rem;background:var(--color);background-size: cover;padding: .1rem .3rem}
.homea .left .slide-newsTxt h4 a{color: #fff;font-size: .18rem;line-height: .4rem;font-weight: bold}
.homea .left .slide-newsPic .swiper-pagination-bullets{width: auto;right: .2rem;left: auto}
.homea .left .slide-newsPic .swiper-pagination-bullets span{border: 1px solid #fff;opacity: 1;width: .12rem ;height: .12rem;background: transparent}
.homea .left .slide-newsPic .swiper-pagination-bullets span.swiper-pagination-bullet-active{background: #fff}
.homea .right ul li .txt{padding-top: 0;display: flex;justify-content: center;flex-direction: column;}
@media (max-width: 1024px){
  .homea .left .item .img {height: 5rem;}

}
@media (max-width: 900px){
   .homea .left{margin-bottom: .2rem}
  .homea .left .item .img {height:55vw;}
}
@media (max-width: 640px){
.homea .left .slideTxts{padding: .1rem .2rem}
.homea .left .slide-newsPic .swiper-pagination-bullets{right: .15rem;bottom: 20px}
.homea .left .slide-newsPic .swiper-pagination-bullets span{width: 8px ;height: 8px;}
.homea .left .slideTxt{width: 90%}
.homea .left .slideTxts{width: calc(100% - .8rem);}
}