@charset "utf-8";
.banner{position:relative}
.banner .swiper-slide{overflow: hidden;}
.banner .swiper-slide .sc{-webkit-transition:8s 1s linear;-webkit-transform:scale(1)}
.banner .swiper-slide-active .sc{-webkit-transform:scale(1.1)}
.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() repeat-x top center;background-size:101% 100%;z-index:2;opacity: 1;}*/
.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;}
.banner .item .imgBox .img{padding-bottom:0;height:calc(100vh - 1rem);min-height: 6rem; background-position: center;background-size: cover;background-repeat: no-repeat}
.banner .item .mor{position: absolute;bottom: .54rem;z-index: 3;right: 5.5%;color: #ffcc00;}
.banner .swiDots{position:absolute;bottom:.5rem;left:10%;z-index:5;right: 10%;width: auto;text-align:right;border-right: 1px solid #ddd;padding-right: .2rem}
.banner .swiDots span{background:#fff;width:10px;height:10px;margin:0 .1rem!important;position:relative;background:#fff;font-family: sys;border-radius: 50%;vertical-align: middle;opacity: .6}
.banner .swiDots span.active{opacity:1;width: .32rem;height: .31rem;background: url(../images/doton.png) no-repeat center;background-size: 100% 100%;border-radius: 0}

.banner .slide-video .a{position: absolute;top: 0px;left: 0px;right: 0px;height:78vh;width: 100%;min-height: 7rem}
.banner .slide-video video{width: 100%;height: 100%;object-fit: cover;}
.mouseTop{position: absolute;bottom:.5rem;left: 50%;transform: translateX(-50%);z-index: 10;color: #fff;text-align: center;}
/*.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: .24rem;animation: up 2s infinite}
.mouseTop i{margin-top: 8px}
@media (min-width:1930px){
.banner .swiper-slide .bat{height: 2.3rem;}
}
@media (max-width:1024px){
.banner .swiper-slide a:before{height:1.5rem}
.banner .swiper-slide a:after{height:1.2rem}
.banner .item .imgBox .img{padding-bottom:0;height:50vw;min-height:inherit}
.banner .swiper-slide .bat{height: auto;top: 20%}
.banner .swiper-slide .bat img{width: 60%;max-width: 5rem;}
.mouseTop,.banner .item .mor{display: none}
.banner .swiDots{text-align: center;bottom: .4rem;border-right: 0}
}
@media (max-width:640px){
.banner .swiper-slide a:after{height:1rem}
.banner .swiDots{bottom:.35rem;}
.banner .swiDots span{width: 10px;height: 10px;margin: 0 5px!important}
.banner .swiDots span.active{width: 21px;height: 20px}
.banner .item .imgBox .img{height: 50vw}
}
.iconfont{font-size: inherit;}
:root{
--width:calc((100vw - 15.8rem) / 2);
}
.intit{margin-bottom: .4rem}
.intit .h3{position: relative;}
.intit .h3:after{content: '';position: absolute;left: .3rem;top: 50%;width: .88rem;height: .85rem;background: url(../images/titbg.png) no-repeat center;background-size: 100% 100%;margin-top: -.43rem;pointer-events: none;z-index:0;}
.intit.w .h3:after{background: url(../images/titbgw.png) no-repeat center;background-size: 100% 100%;}
.intit .h3 .cn{font-size: .36rem;display: block;position: relative;z-index: 2}
.intit .h3 .en{font-size: .15rem;position: relative;display: block;z-index: 2}
.intit .h3 .en:before{display: inline-block;width: .3rem;height: 2px;background: var(--color);content: '';margin-right: .1rem;vertical-align: middle;}
.intit.w .h3 .cn{color: #fff}
.intit.w .h3 .en{color: #fff}
.intit.w .h3 .en:before{background: #fff}
.more a{display: block;padding-left: .5rem;position: relative;color: var(--color)}
.more a:before{content: '';position: absolute;left: 0;width: .22rem;height: .22rem;background: url(../images/more.png) no-repeat center;background-size: 100% 100%;top: 50%;margin-top: -.11rem}
.more a:after{content: '';position: absolute;left: .27rem;width: .18rem;height: 1px;background:var(--color);top: 50%;}

.more.w a{color: #fff}
.more.w a:after{background: #fff}
.more.w a:before{background: url(../images/morew.png) no-repeat center;background-size: 100% 100%;}
.more.ab{position: absolute;right: 0;top: .26rem;z-index: 5}
.swiDots.pu{text-align: center;margin-top: .3rem}
.swiDots.pu span{width: 12px;height: 12px;}
.swiDots.pu span.active{border: 2px solid var(--color);opacity: 1;background: transparent;}
.homea{position: relative;padding: .7rem 0 .9rem;background: url(../images/bga.jpg) no-repeat top center;background-size: 100% auto}

.homea::before{content:'';position:absolute;bottom: 100%;left: 50%;margin-left:-4.79rem ;width: 9.57rem;height: 1rem;background: url(../images/down.png) no-repeat center;background-size:100% 100%;z-index: 3;pointer-events: none;opacity: 1;transition: .5s}
/*.scrolling .homea::before{bottom: 100%;opacity: 1;}*/

.homea::after{content:'';position:absolute;bottom: -1.3rem;left: 50%;margin-left:-2.42rem ;width: 4.85rem;height: 4.85rem;background: url(../images/slog.png) no-repeat center;background-size: cover;z-index: 0;pointer-events: none}
.homea .items{width: calc(50% - .4rem);}
.homea .line{position: relative;}
.homea .line:before{content: '';position: absolute;left: 0;bottom: 0;height: 1px;background: #ddd;width: 100%;z-index: 0}
.homea .line:after{content: '';position: absolute;left: 0;bottom: 0;height: 1px;background: var(--color);width:0;transition: .3s;z-index: 1}

.homea .items .item-img{position: relative;width: 54.39%;}
.homea .items .item-img a{position: relative;}
.homea .items .item-img .txt{position: absolute; left: 0; right: 0;bottom: 0; background: rgba(0,0,0,0.5); padding: 0 0.1rem;}
.homea .items .item-img .txt h4{font-size: .2rem;line-height: 1.4em;font-weight: normal; color: #fff; line-height: 0.5rem;}
.homea .items .item-img .txt p{margin-bottom: .15rem;color: #666;font-size: .15rem}
.homea .items .item-img .txt time{color: #666;}

.homea .items .item-img .imgBox .img{padding-bottom: 66.1%;}
.homea .items .list{flex: 1;min-width: 0;}
.homea .items .list li{padding: .16rem 0 .18rem .15rem;position: relative;}
.homea .items .list li h4{font-size: .18rem;font-weight: normal;margin-bottom: .1rem}
.homea .items .list li time{color: #666}

/*  */
.homez .wp {
    background: url(../images/homez_bg.png) no-repeat;
    background-size: cover;
    justify-content: center;
    margin-bottom: 0.5rem;
    position: relative;
    padding: .3rem 0;
    flex-direction: column;
}
.homez h3{max-width: 80%;margin: 0 auto;}
.homez h3 a{display: block; text-align: center; font-size: 0.48rem; font-weight: bold; color: #b70008; }
.homez .hemez_div{text-align: center; font-size: 0.16rem; color: #444444; margin: 0.2rem 0.1rem;}
.homez .hemez_div a{display: inline-block; line-height:30px; padding: 0 0.15rem;color: #444444; transition: all 0.3s;}
.homez .hemez_div a:hover{color: #b70008;}
.homez h4{margin: 0 .1rem;}
.homez h4 a{display: block; text-align: center; font-size: 0.24rem; font-weight: bold; color: #b70008;}
.homez .more{position: absolute; right: .3rem; top: .3rem;}
/*  */

.homeb .items{width: calc(50% - .4rem);}
.homeb .left .item-img{width: 54.39%}
.homeb .left .item-img .txt{color: #fff;padding-top: .15rem}
.homeb .left .item-img .txt h4{font-size: .18rem;margin-bottom: .1rem;font-weight: normal;}
.homeb .left .item-img .txt time{opacity: .7;}
.homeb .left .list{width: 42%}
.homeb .left .list li{padding: .18rem 0;border-bottom: 1px solid rgba(255,255,255,.2);position: relative;display: flex;justify-content: space-between;}
.homeb .left .list li:nth-child(1){padding-top: 0}
.homeb .left .list li h4{font-size: .18rem;color: #fff;font-weight: normal;}
.homeb .right .item-img .img{padding-bottom: 65%;}
.homeb .right .item-img .txt{color: #fff;padding-top: .15rem}
.homeb .right .item-img .txt h4{font-size: .18rem;margin-bottom: .1rem;font-weight: normal;}
.homeb .right .item-img .txt time{opacity: .7;}

.homeb .right .item-img{width: calc(50% - .15rem)}

.homecd .items .item-img a{display: flex;flex-wrap: wrap;justify-content: space-between;}
.homecd .items .item-img .imgBox{width: 54.39%}
.homecd .items .item-img .imgBox .img{padding-bottom: 0;height: 2.7rem}
.homecd .items .item-img .txt{width: 41%;padding-bottom: .4rem;padding-top: .1rem}
.homecd .items .item-img .txt h4{font-size: .2rem;line-height: 1.4em;margin-bottom: .1rem;font-weight: normal;}
.homecd .items .item-img .txt p{margin-bottom: .15rem;color: #666;font-size: .15rem}
.homecd .items .item-img .txt time{color: #666;}
.homecd .items  .swiDots{position: absolute;right: 0;bottom: 0;z-index: 3;left: auto;width: auto}
.homecd .items .list li{padding: .2rem 0;border-bottom: 1px solid #ddd;position: relative;display: flex;justify-content: space-between;}
.homecd .items .list li:nth-child(1){padding-top: 0}
.homecd .items .list li h4{width: calc(100% - 1.2rem);font-size: .18rem;font-weight: normal;}
.homecd .items .list li time{color: #666}
.homed .right{background: url(../images/slogd.png) no-repeat center 100%;background-size: 2.75rem auto}
.homeb{position: relative;padding: .6rem 0 .7rem;background: url(../images/bgb.jpg) no-repeat top center;background-size: cover}
.homec{position: relative;padding: .6rem 0 .7rem;background: url(../images/bgc.jpg) no-repeat top center;background-size: cover}
.homed{position: relative;padding: .6rem 0 .7rem;background: #fff}

.homecd .items{width: calc(50% - .4rem);}



.homeef{position: relative;background: url(../images/pbg.png);padding: .8rem 0 1rem;}
.homeef:after{content: '';position: absolute;width: 6.36rem;height: 6.24rem;background: url(../images/ebg.png) no-repeat center;background-size: 100% 100%;top: .6rem;right: 6%;z-index: 0;pointer-events: none}
.homee{margin-bottom: .6rem}
.homee .tool{margin-top: .3rem}
.homee .tool .swiBtn a{font-size: .3rem;font-weight: bold;color: #777}

.homee .tool .swiBtn a.next{margin-left: .2rem}
.homee .tool .swiDots{width: calc(100% - 1.3rem);position: relative;height: 4px}
.homee .tool .swiDots span{background: #ba0714}
.homee .block{background: #fff}
.homee .block .imgBox:before{content: '';position: absolute;top: 0;left: 0;right: 0;bottom: 0;background: rgba(0,0,0,.3);opacity: 0;transition: .3s;z-index: 1;transition: .3s}
.homee .block .txt{background: #fff;padding:.15rem .2rem;transition: .3s}
.homee .block .txt h4{position: relative;font-size: .18rem;display: flex;align-items: center;justify-content: space-between;font-weight: normal;}
.homee .block .txt h4:before{content: '';display: block;width: .24rem;height: .16rem;background: url(../images/vi.png) no-repeat center;background-size: 100% 100%;}
.homee .block .txt h4 span{width: calc(100% - .34rem)}

.homee .block .swi-play{position: absolute;left: 50%;top:50%;width: .66rem;height: .66rem;border-radius:50%;background:rgba(255,255,255,.6);color: #ba0714;text-align: center;line-height: .66rem;z-index: 3;margin-left: -.33rem;margin-top: -.33rem;font-size: .34rem;opacity: 0;transition: .3s}
.homee .block .swi-play:before{position: relative;z-index: 3}
.homee .block .swi-play:after{content: '';width: 100%;height: 100%;border-radius:50%;position: absolute;left:0;top: 0;background:#fff;;z-index: 2;animation:scaleTwo 1.8s infinite;display: block;}
@keyframes scaleThree{0%{transform:scale(1);opacity:.9}100%{transform:scale(3);opacity:0}}
@keyframes scaleTwo{0%{transform:scale(1);opacity:.9}100%{transform:scale(1.6);opacity:0}}


.homef .intit{margin: 0 .2rem .35rem .2rem}
.homef .wp{max-width: 16.2rem;}
.homef .slide-f{padding: .15rem 0}
.homef .block{background: #fff;padding: .2rem .2rem .3rem;margin: 0 .2rem;box-shadow: 0 0 15px rgba(0,0,0,.1)}
.homef .block .img{padding-bottom: 150%}
.homef .block .txt{padding-top: .15rem}
.homef .block .txt .sp{line-height: .22rem;color: #666;margin-bottom: .1rem}
.homef .block .txt .sp span{background: url(../images/fi.png) no-repeat left center;background-size: .23rem .22rem;padding-left: .25rem;width: calc(100% - .8rem);}
.homef .block .txt h4{font-size: .18rem;line-height: 1.4em;font-weight: normal;}
.homef .swiBtn a{position: absolute;top: 45%;z-index: 5;font-size: .34rem;color: #666;font-weight: bold;}

.homef .swiBtn a.prev{left: -.4rem}
.homef .swiBtn a.next{right: -.4rem}

.homeg{height: 6rem;background: url(../images/gbg.jpg) no-repeat left top;padding-top: 1.2rem}
.homeg .intit{width: 48.5%;margin-bottom: .8rem}
.homeg .left{width: 48.5%}
.homeg .right{width: 48.5%;margin-top: -1.88rem}
.homeg  ul li{width: calc(50% - .2rem);}
.homeg  ul li .block:after{content: '';position: absolute;right: -.1rem;bottom: -.1rem;left: .1rem;top: .1rem;background: #f4f4f4;z-index: 0;box-shadow: 0 0 10px rgba(0,0,0,.15)}
.homeg  ul li .imgBox{z-index: 3}
.homeg  ul li .imgBox:before{content: '';position: absolute;left: 0;bottom: 0;right: 0;height: 40%;background: url(../images/blackms.png) no-repeat bottom center;background-size: 100% 100%;z-index: 2;opacity: .8}
.homeg  ul li .txt{position: absolute;left: 0;bottom: 0;right: 0;padding: .2rem;color: #fff;font-size: .18rem;z-index: 3}
.homeg  ul li .txt h4{font-weight: normal;}
.homeg .left li .img{padding-bottom: 0;height: 3rem}
.homeg .left li:nth-child(1){width: 100%;margin-bottom: .4rem}
.homeg .left li:nth-child(1) .img{padding-bottom: 0;height: 4.5rem;}
.homeg .right li .img{padding-bottom: 0;height: 4.95rem}
.homeg .right li:nth-child(3){width: 100%;margin-top: .4rem}
.homeg .right li:nth-child(3) .img{padding-bottom: 0;height: 4.42rem;}
.homeg .right li .slog{color: #ffcc33;position: relative;left: -.1rem;display: block;font-size: .2rem;margin-bottom: .05rem}

.homeh{padding-top: 1.6rem;padding-bottom: 1.1rem;background: url(../images/hbg.jpg) #fff no-repeat bottom center;background-size: 100% auto}
.homeh .left{width: 61%}
.homeh .right{width: 31.5%}
.homeh .left .item{}
.homeh .left .item .block{padding: .3rem .4rem .4rem;background:rgba(255,255,255,.5);position: relative;transition: .3s}
.homeh .left .item .block:after{content: '';height: 4px;position: absolute;left: 50%;transform: translateX(-50%);width: 0;bottom: 0;background: #ba0714;transition: .3s}
.homeh .left .item time{color: #a41044;display: flex;align-items: center;margin-bottom: .1rem;line-height: 1em}
.homeh .left .item time span{font-size: .44rem;margin-right: .1rem}
.homeh .left .item time em{padding-top: .1rem;border-top: 1px solid #a41044;font-size: .18rem}
.homeh .left .item .slog{font-size: .15rem;color: #666;left: .1rem;position: relative;}
.homeh .left .item .slog img{width: .17rem;height: .17rem;margin-right: 5px}
.homeh .left .item h4{font-size: .18rem;margin-top: .15rem;line-height: 1.5em;font-weight: normal;}

.homeh .right ul li{width: calc(50% - .15rem);margin-bottom: .2rem}
.homeh .right ul li a{display: flex;align-items: center;padding: 0 0 0 .4rem;height: .66rem;border: 1px solid #ba0714;background: #fff;font-size: .18rem}
.homeh .right ul li .ico{width: .32rem;height: .32rem;position: relative;margin-right: .1rem}
.homeh .right ul li .ico .imgon{position: absolute;top: 0;left: 0;z-index: 0;opacity: 0;visibility: hidden;}

@media (min-width:1800px){
.homeg{background-size: 100% 5.8rem;}
}
@media (min-width:1025px){
.more a:hover:before{animation: roted linear 6s infinite } 
.homea .line:hover:after{width:100%;}
.homee .tool .swiBtn a:hover{color: var(--color)}
.homee .block:hover .swi-play{opacity: 1;}
.homee .block:hover .imgBox:before{opacity: 1;}
.homee .block:hover .txt{background: #cc9900;color: #fff}
.homee .block:hover .txt h4:before{background: url(../images/vion.png) no-repeat center;background-size: 100% 100%;}
.homef .swiBtn a:hover{color: var(--color)}
.homeh .left .item:hover .block:after{width: 100%}
.homeh .left .item:hover .block{background: #fff}
.homeh .right ul li:hover .ico .img{z-index: 0;opacity: 0;visibility: hidden;transition: .3s}
.homeh .right ul li:hover .ico .imgon{z-index: 3;opacity: 1;visibility: visible;transition: .3s;animation: beat 0.5s 1;}
.homeh .right ul li:hover a{background: #ba0714;color: #fff;transition: .3s;box-shadow: 0 5px 15px rgba(0,0,0,.15)}
}
@media (max-width: 1024px){
.homea::before{width: 70vw;height: .7rem;margin-left: -35vw}
.homea .items{width: 100%;}
.homez .wp{flex-direction: column; align-items: center;}
.homez .more{position: static; margin-top: 0.2rem;}
.homez h3 a{font-size: .3rem;}
.homez h4 a{font-size: .2rem;}
.homea .items+.items {margin-top: .4rem;}
.homee .block .swi-play{opacity: 1;}
.homee .block .imgBox:before{opacity: 1;}
.homeb .items{width: 100%}
.homeb .items+.items{margin-top: .4rem}
.homeb .left .item-img{width: 50%}
.homeb .left .list{width: 46%}
.homecd .items{width: 100%}
.homecd .items+.items{margin-top: .4rem}
.homecd .items .item-img .imgBox .img{height: auto;padding-bottom: 60%}
.homef .swiBtn {display: none}
.homef .swiDots{display: block;}
.homeef{padding-bottom: .6rem}
.homeg{height: auto}
.homeg .left{width: 100%}
.homeg .right{width: 100%;margin-top: .4rem}
.homeh{padding-top: .6rem}
.homeh .left{width: 100%}
.homeh .right{width: 100%;margin-top: .4rem}
.homeh .left .item .block{background: #fff;box-shadow: 0 0 10px rgba(0,0,0,.1)}
.homeg{padding-top: .8rem}
.homeg .intit{width: 100%;margin-bottom: .5rem}
.homeg .left li .img{height: 30vw}
.homeg .left li:nth-child(1) .img,.homeg .right li:nth-child(3) .img{height: 50vw}
.homeg .right li .img{height: 60vw}
}

@media (max-width: 900px){
.homea .items{width: 100%}
.homea .items+.items{margin-top: .4rem}
.homef .block{margin: 0 .1rem}
.homeh  .slide-h{padding-top: .1rem}
}
@media (max-width: 640px){
.homea::before{height: .5rem}
.homea{padding: .4rem 0 .6rem}
.homea .items .item-img{width: 100%;}
.homea .items .list{flex: none; width: 100%;}

.homeb .left .item-img{width: 100%}
.homeb .left .list{width: 100%;margin-top: .3rem}
.homeb .right .item-img{width: 100%}
.homeb .right .item-img+.item-img{margin-top: .3rem}
.homeh .right ul li a{padding-left: .3rem}
.homeh .left .item .block{margin: .1rem}
.homeh{padding-bottom: .6rem}
.homeg .left li:nth-child(1) .img,.homeg .right li:nth-child(3) .img{height: 55vw}
.homeg ul li .txt{font-size: .16rem}
.homeg{padding-top: .6rem}
.homef .block{margin:0;}

.homee .intit{justify-content: flex-start;}
.homef .intit{justify-content: flex-start;}

.homecd .items .item-img .imgBox{width: 100%}
.homecd .items .item-img .txt{width: 100%;padding-top: .15rem}
.homea::after{width: 80vw;height: 80vw;margin-left: -40vw}
}

@media (max-width: 360px){
.homeh .right ul li a{padding-left: .2rem}
}