@charset "utf-8";

.banner{position:relative;}
.banner:after{content: '';width: 6.3rem;bottom: 0;background: #06175a;position: absolute;right: 0;bottom: 0;height: 1rem;z-index: 2;pointer-events: none;display: none}
.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/22s.png) repeat-x top center;background-size:auto 100%;z-index:2;opacity: 1;}
.banner .swiper-slide a:after{content:'';position:absolute;left:0;bottom:-1px;right:0;height:40%;background:url(../images/794.png) no-repeat top center;background-size:100% 100%;z-index:2;opacity: 1;}*/
.banner .item  .slideImg{padding-bottom:0;height: 100vh;background-position: center;background-size: cover;background-repeat: no-repeat;}
.banner .swiDots{text-align: center;display: flex;align-items: center;justify-content: center }
.banner .swiDots span{width: .12rem;height: .12rem;background: #fff;opacity: 1; margin: 0 .08rem}
.banner .swiDots span.active{background: #bc3b23;opacity: 1;}

.dots-a{text-align: center;display: none;align-items: center;justify-content: center;margin-top: .2rem }
.dots-a span{width: .12rem;height: .12rem;background: #ddd;opacity: 1; margin: 0 .08rem}
.dots-a span.active{background: #bc3b23;opacity: 1;}

.banner .swiTool{position: absolute;right:5%;bottom: .2rem;z-index: 8;color: #fff;left: 5%}
.home .swiTool a{color: #fff;display: block;width: .36rem;height: .36rem;line-height: .36rem;text-align: center;border-radius: 50%}

.banner .slideImg video{width: 100%;height: 100%;object-fit: cover;}
.isIpadPro .banner .item .slideImg,.isIpadAir .banner .item .slideImg{height: 50vw}
.banner .link{position: absolute;left: .15rem;bottom: 1rem;z-index: 5;width: .7rem}
.banner .link li{border-bottom: 1px solid #f2f3f6;margin-bottom: .1rem}
.banner .link li a{display: flex;align-items: center;padding: .1rem 0;color: #5c6784;font-size: .15rem;justify-content: center;}
.banner .link li a:hover{color: #06175a}
.banner .link li a img{width: .18rem;margin-right: 5px}

.banner .slog1{right: 0;bottom: -.25rem;z-index: 5;width: 2.87rem}
@media (min-width:1025px){
.banner .swiper-slide .sc{-webkit-transition:8s 1s linear;-webkit-transform:scale(1)}
.banner .swiper-slide-active .sc{-webkit-transform:scale(1.1)}
}
@media (max-width:1024px){
.banner .swiper-slide a:before{opacity: 1;height: 30%}
.banner .item .slideImg {padding-bottom:0;height:50vw;min-height:inherit}

}
@media (max-width:992px){
.banner .swiTool{bottom: .2rem}
.banner .swiDots span{width: 8px;height: 8px}
}
.iconfont{font-size: inherit;}
:root{
--color:#9c0808;
--width:calc((100vw - 14.5rem) / 2);
}
.homea{background: #a32d16;}
.homea .list li{width: 11.1%;height: 1.5rem;position: relative;}
.homea .list li:before{content: '';position: absolute;left: 0;top: 0;bottom: 0;width: 1px;background: rgba(255,255,255,.2)}
.homea .list li:last-child:after{content: '';position: absolute;right: 0;top: 0;bottom: 0;width: 1px;background: rgba(255,255,255,.2)}
.homea .list li a{display: flex;height: 100%;padding-top: .2rem;transition: .3s;flex-direction: column;align-items: center;color: #fff;}
.homea .list li img{height: .56rem;}
.homea .list li p{font-size: .22rem; margin-top: .4rem;line-height: 1.4em;text-align: center;height: .44rem;display: flex;align-items: center;justify-content: center;}

.intit{margin-bottom: .3rem;}
.intit .h4 .cn{font-size: .38rem;font-weight: bold;line-height: 1.4em}
.intit .h4 .en{font-size: .18rem;color: #999999;;background: url(../images/titline.png) no-repeat left center;background-size: .24rem .06rem;padding-left: .3rem}
.intit .more a{font-size: .18rem;color: #a32d16}
.intit .more a i{margin-left: 5px}



.homebc{background: url(../images/bg1.jpg) no-repeat top center;background-size: 100% auto;width: 100%;overflow: hidden}
.homeb{padding: .5rem 0 .2rem;}
.homeb .left{width: 10.4rem}
.homeb .right{width: 4.7rem}
.homeb .left .slide-b{width: 5.6rem}
.homeb .left .list1{width: 4.6rem}
.homeb .left .slide-b .img{height: 3.4rem;}
.homeb .left .slide-b .txt{height: 1.2rem;background: #fff;display: flex;align-items: flex-start;}
.homeb .left .slide-b .txt time{width: 1.3rem;height: 1.2rem;background: #bc3b23;text-align: center;font-size: .18rem;color: #fff;font-family: Arial;display: flex;justify-content: center;align-items: center;flex-direction: column;padding-bottom: .05rem;}
.homeb .left .slide-b .txt time span{font-size: .54rem;font-weight: bold;line-height: 1.2em;display: block;}
.homeb .left .slide-b .txt h4{flex:1;overflow: hidden;margin-left: .3rem;line-height: 1.4em;font-size: .2rem;max-height: .56rem\0;margin-top: .3rem;margin-right: .3rem}
.homeb .left .slide-b .swiDots{position: absolute;right: .3rem;bottom: .1rem;z-index: 5;left: auto;width: auto;}
.homeb .left .slide-b .swiDots span{width: .12rem;height: .12rem;background:#E5E5E5;opacity: 1; margin: 0 .05rem}
.homeb .left .slide-b .swiDots span.active{background: #bc3b23;}

.homec{padding: .6rem 0 0}
.homec .suTab .hd{border-bottom: 1px solid #e1c1ac;margin-bottom: .2rem}
.homec .suTab .hd ul li{position: relative;margin-right: .2rem}
.homec .suTab .hd ul li.on a{transform: scale(1);font-weight: bold;margin-right: .6rem}
.homec .suTab .hd ul li.on:last-child a{margin-right: 0}
.homec .suTab .hd ul li:last-child{margin-right: 0}
.homec .suTab .hd ul li a{font-size: .36rem;display: block;transform: scale(.8);transition: .3s;padding-bottom: .2rem;transform-origin: left center}
.homec .suTab .hd ul li.on:after{width: .4rem;height: .06rem;background: #bc3b23;position: absolute;left:0;bottom: 0;content: ''}
/*.homec .left .hd ul li.on:after{background: #fff}
.homec .left .hd ul li a{color: #fff}
.homec .left .hd{border-bottom: 1px solid rgba(255,255,255,.2)}*/
.homec   .bd{min-height:5.88rem}
.homec .mores{display: flex;justify-content: flex-end;margin-top: .2rem}
.homec .mores a{color:#a32d16; font-size:.18rem; }
.homec .mores a i{margin-left: 5px}
 

.homec .left{width: 48%;/* height: 8rem */}
.homec .right{width: 48%;/* height: 8rem; */}
.homec .right:after{display: none; content: '';position: absolute;top: 0;left: 0;bottom: 0;right: 0;z-index: 0;pointer-events: none;background: url(../images/bg2r.png) no-repeat center;background-size: 100% 100%}
.homec .left:after{display: none; content: '';position: absolute;top: 0;left: -2.1rem;bottom: 0;right: 0;z-index: 0;pointer-events: none;background: url(../images/bg2l.png) no-repeat right center;background-size: 100% 100%}
.homed {padding: .6rem 0 .2rem}
.homed .list {display: flex;border-radius: .15rem;overflow: hidden}
.homed .list li{width: 1.95rem;height: 6.75rem;position: relative;}
.homed .list li .tit h4{font-size: .36rem;color: #fff;font-weight: bold;}
.homed .list li .tit img{width: .2rem;height: .2rem;animation:roted 10s linear infinite;}
.homed .list li .default{display: flex;height: 100%;justify-content: center;align-items: center;position: relative;z-index: 4;transition: .3s}
.homed .list li .default .tit{display: flex;align-items: center;;flex-direction: column;}
.homed .list li .default .tit h4{text-shadow: 0px 4.06px 10.16px rgba(0, 0, 0, 0.3);width: .36rem;margin-top: .2rem}
.homed .list li .hover .tit h4{text-shadow: 4px 4px 0 #E5AC8C;margin-left: .2rem}
.homed .list li .hover .tit{display: flex;align-items: center;}
.homed .list li a{display: block;height: 100%;position: relative;z-index: 5}
.homed .list li .img{position: absolute;top: 0;left: 0;bottom: 0;right: 0;z-index: 0;pointer-events: none}
.homed .list li .hover{position: absolute;left: .5rem;top: .5rem;z-index: 5;opacity: 0;visibility: hidden;transition: .3s}




.homee{padding: .6rem 0 .3rem}
.homee .intit .h4 .en{display: inline-block;}
.homee .intit .more{position: absolute;right: 0;top: .25rem;z-index: 5}
.homee .list {display: flex;justify-content: space-between;}
.homee .list li{width: 3.75rem;position: relative;height: 4.6rem}
.homee .list li a{display: block;height: 100%;}
.homee .list li .tit{position: absolute;left: .5rem;top: .5rem;z-index: 5;color: #fff}
.homee .list li .tit span{font-size: .18rem;}
.homee .list li .tit h4{font-size: .36rem;color: #fff;text-shadow: 0px 3.69px 9.23px rgba(0, 0, 0, 0.2);font-weight: bold;margin-top: .1rem}

.homee .list li .img{position: absolute;top: 0;left: 0;bottom: 0;right: 0;z-index: 0;pointer-events: none}

.homef{padding: .6rem 0 .9rem}
.homef .left{width: 4.8rem;background: url(../images/gybg.png) no-repeat center;background-size: cover;position: relative;display: flex;justify-content: center;padding-top: 1.2rem;padding-bottom: .5rem}
.homef .mid{width: 4.9rem}
.homef .right{width: 5.1rem}
.homef .left img{user-select: none}
.homef .left img.m{display: none}
.homef .left img.p{width: .84rem;height: 4rem;}
.homef .left .more{position: absolute;right: .5rem;bottom: .8rem;z-index: 5;display: flex;align-items: center;}
.homef .left .more:before{width: .85rem;height: 1px;background: #fff;display: block;content: ''}
.homef .left .more a{font-size: .22rem;color: #fff;margin-left: .1rem}

.homeg .tits{position: absolute;top: .8rem;left: .5rem;right: .5rem;z-index: 5;/* background: url(../images/titline.svg) no-repeat bottom center; */background-size: 1.44rem .06rem;padding-bottom: .25rem}
.homeg .tits ul li{font-size: .36rem;color: #fff;font-weight: bold;text-align: center;text-shadow: 0px 12px 30px rgba(111, 6, 6, 0.2);}
.homeg .tits ul li+li{display: none}
.homeg .tits ul li a{color: #fff}
.homeg .slide-gl .img{height:8rem}
.homeg .slide-gl a{display: block;position: relative;}
.homeg .slide-gl a:before{content: '';position: absolute;width: .84rem;height: .84rem;background: url(../images/play.svg) no-repeat center;background-size: 100% 100%;top: 45%;left: 50%;transform:translateX(-50%) translateY(-50%);z-index: 6}
.homeg .slide-gsp{position: absolute;left: 0;bottom: .4rem;right: 0;display: flex;justify-content: center;z-index: 5}
.homeg .slide-gsp .more{position: relative;width: 1rem}
.homeg .slide-gsp .more a{position: absolute;bottom: .05rem;right: 0;z-index: 4;color: #fff;white-space: nowrap;background: url(../images/morline.png) no-repeat bottom center;background-size: .65rem .08rem;padding-bottom: .1rem}
.homeg .slide-gs{width: 8.6rem}
.homeg .slide-gs .swiper-slide{width: 2rem;margin-right: .2rem;cursor: pointer;}
.homeg .slide-gs .swiper-slide:last-child{margin-right: 0}
.homeg .slide-gs .swiper-slide.swiper-slide-thumb-active:before{content: '';position: absolute;top: 0;left: 0;bottom: 0;right: 0;border: 3px solid #bc3b23;z-index: 5;}
.homeg .slide-gs .swiper-slide .img{height: 1.18rem}


.list1 li{height: .8rem;}
.list1 li+li{margin-top: .15rem;}
.list1 li a{display: flex;align-items: center;padding:.1rem .2rem;height: 100%;background: #fff;transition: .3s}
.list1 li h4{flex:1;overflow: hidden;margin-left: .3rem;line-height: 1.4em;font-size: .2rem;max-height: .56rem\0;}
.list1 li time{color: #999999;text-align: center;font-family: Arial}
.list1 li time span{font-size: .36rem;font-weight: bold;display: block;line-height: 1.2em;color: #666}



.list2 li{height: .94rem;position: relative}
.list2 li a{display: flex;align-items: center;height: 100%;position: relative;z-index: 3}
.list2 li .txt{flex:1;overflow: hidden;margin-left: .25rem;}
.list2 li h4{line-height: 1.4em;font-size: .2rem; }
.list2 li p{color: #666;line-height: 1.6em;margin-top: .05rem}
.list2 li time{color: #444;text-align: center;font-family: Arial;padding-right: .25rem;position: relative}
.list2 li time:after{content: '';position: absolute;right: 0;top: .05rem;bottom: 0;width: 1px;background: #ddd}
.list2 li time span{font-size: .36rem;font-weight: bold;display: block;line-height: 1.2em; }
.list2.hover li:after{content: '';position: absolute;top: 0;bottom: 0;left: -.55rem;right: -.7rem;background: #fff;z-index: 0;pointer-events: none;opacity: 0;visibility: hidden;transition: .3s;display: none}



.list2s li{padding: .2rem 0;position: relative;}
.list2s li:nth-child(1){padding-top: 0}
.list2s li+li{border-top: 1px solid #eee}
.list2s li a{display: flex;align-items: center;height: 100%;position: relative;z-index: 3}
.list2s li h4{flex:1;overflow: hidden;margin-left: .25rem;line-height: 1.4em;font-size: .2rem;max-height: .56rem\0}
.list2s li time{color: #888;text-align: center;font-family: Arial;padding-right: .25rem;position: relative}
.list2s li time:after{content: '';position: absolute;right: 0;top: .05rem;bottom: 0;width: 1px;background: #eee}
.list2s li time span{font-size: .36rem;font-weight: bold;display: block;line-height: 1.2em;color: #666}





.list3 li{padding: .1rem 0 .1rem .2rem;position: relative}
.list3 li:after{content: '';position: absolute;top: 0;bottom: 0;left:0;right: -.5rem;background: radial-gradient(27% 50% at 50% 50%, #bc3b23 40%, #a32d16 97%);;z-index: 0;pointer-events: none;opacity: 0;visibility: hidden;transition: .3s;border-radius:.1rem}
.list3 li a{display: flex;align-items: center;flex-wrap: wrap;position: relative;z-index: 5}
.list3 li .img{width: 2.3rem;height: 1.35rem}
.list3 li .txt{flex:1;overflow: hidden;margin-left: .2rem}
.list3 li .txt h4{font-size: .2rem;margin-bottom: .1rem;line-height: 1.4em;max-height: .56rem\0;}
.list3 li .txt p{color: #666;margin-bottom: .15rem}
.list3 li .txt time{color: #666;}

.list4 li .img{height: 3rem;}
.list4 li{width: calc(50% - .05rem);margin-bottom: .1rem}

/*.list4 li:nth-child(3){width: 62%}
.list4 li:nth-child(4){width: calc(38% - .1rem)}
.list4 li:nth-child(6){width: 62%;margin-bottom: 0}
.list4 li:nth-child(5){width: calc(38% - .1rem);margin-bottom: 0}
*/


@media(min-width: 993px){
.homec .mores{position:absolute;right:0;top: 0;}
.list2.hover li:hover:after{opacity: 1;visibility: visible;box-shadow: 0px 12px 30px 0px rgba(111, 6, 6, 0.2);}
.list2 li:hover a{color: #a32d16}
.list2 li:hover h4{color: #a32d16}
.list2 li:hover p{color: #888}
.list2 li:hover time{color: #888}
.list2 li:hover time span{color: #a32d16}
.list2 li:hover time:after{background: #eee}
.list2s li:hover a{color: #a32d16}
.list2s li:hover h4{color: #a32d16}
.list2s li:hover p{color: #888}
.list2s li:hover time{color: #888}
.list2s li:hover time span{color: #a32d16}
.list3 li:hover:after{opacity: 1;visibility: visible;box-shadow: 0px 12px 30px 0px rgba(111, 6, 6, 0.2);}
.list3 li:hover h4{color: #fff}
.list3 li:hover time{color:rgba(255,255,255,.7)}
.list3 li:hover p{color:rgba(255,255,255,.7)}
.list1 li:hover a{box-shadow: 0px 12px 24px 0px rgba(156, 156, 156, 0.2);color: #a32d16}
.list1 li:hover time span{color: #a32d16}

.homea .list li:hover a{background: linear-gradient(180deg, #FFFCF8 0%, #FFFFFF 100%);box-shadow: inset 0px 4px 7px 0px rgba(153, 19, 19, 0.3);color: #CE0D0D}
.homea .list li:hover:before{opacity: 0;}
.homea .list li:hover+li:before{opacity: 0;}
.homeb .left .slide-b:hover{box-shadow: 0px 15px 24px 0px rgba(156, 156, 156, 0.2);}
.homee .list li.on{width: 7.2rem}

.homed .list li.on{width: 5.65rem;}
.homed .list li.on .hover{opacity: 1;visibility: visible;}
.homed .list li.on .default{opacity: 0;visibility: hidden;}

}

@media(max-width: 992px){
.dots-a{display: flex;position: absolute;bottom: -.4rem;left: 0;right: 0;z-index: 5}
.dots-a span{width: .16rem;height: .16rem}
.homea .list li{width: 25%;height: auto}	
.homea .list li a{padding: .4rem 0}
.homea .list li img{height: .7rem}
.homea .list li p{font-size: .24rem;height: .6rem}
.homeb{padding: .9rem 0 .2rem}
.intit .h4 .cn{font-size: .48rem}
.intit .h4 .en{font-size: .24rem;background-size: .3rem .08rem;padding-left: .4rem}
.intit .more a{font-size: .24rem}
.homeb .left{width: 100%;margin-bottom: .5rem}
.homeb .right{width: 100%}
.homeb .left .slide-b{width: 100%;margin-bottom: .4rem}
.homeb .left .list1{width: 100%}
.homeb .left .slide-b .img{height: 55vw}
.homeb .left .slide-b .txt h4{font-size: .3rem}
.homeb .left .slide-b .txt time{font-size: .24rem}
.homebc{background-size: cover}
.list1 li{height: auto}
.list1 li a{padding: .2rem}
.list1 li time span{font-size: .46rem}
.list1 li h4{font-size: .28rem}
.list2 li time span{font-size: .46rem}
.list2 li h4{font-size: .28rem}
.list2 li{height: auto}
.list2 li a{padding: .2rem 0}
.list2s li time span{font-size: .46rem}
.list2s li h4{font-size: .28rem}

.list3 li .txt h4{font-size: .28rem}
.list3 li .txt p{display: none}
.list3 li{padding: .2rem 0}
.list3 li .img{width: 2.5rem;height: 1.4rem}
.homec .left{width: 100%;margin-bottom: .5rem; height: auto}
.homec .right{width: 100%;height: auto}
.homee .list li{width: 33.3333%}
.homee .intit{justify-content: flex-start;text-align: left}
.homef .left{width: 100%;padding: .4rem .4rem;justify-content: flex-start;margin-bottom: .4rem}
.homef .left img.p{display: none}
.homef .left img.m{display: block;height: .9rem;width: 3rem}
.homef .left .more{bottom: 50%;transform: translateY(50%);}
.homef .left .more a{font-size: .24rem}
.homef .mid{width: 100%;margin-bottom: .4rem}
.homef .right{width: 100%}
.list4 li .img{height: 58vw;}
.homeg .tits ul li{font-size: .4rem}
.homeg .slide-gsp{display: block;}
.homeg .slide-gsp .more{width: auto;margin-top: .3rem;display: flex;justify-content: center;}
.homeg .slide-gsp .more a{position: relative;bottom: 0}
.homeg .slide-gs{margin: 0 auto}
.homeb .left .slide-b .swiDots span{width: .16rem;height: .16rem}
.homec .suTab .hd ul li a{font-size: .48rem}
.homeb .left .slide-b .txt{height: auto}
.list2 li p{font-size: .22rem}
.homeg .slide-gs{width: 90%}
.homeg .slide-gs .swiper-slide{width: calc(25% - .15rem);margin-right: .2rem}
.homeg .slide-gs .swiper-slide .img{height: 12vw}
.homec .left:after{display: none}
.homec .right:after{display: none}
.homed .list li{width: 16.666%}
.homea .list li.swiper-slide-active:before{display: none}
.homea .list li:last-child:after{display: none}
}

@media(max-width: 597px){
.list2 li p{display: none}
.homec .left{/* padding: .4rem .4rem .5rem */}
.homec .right{/* padding: .4rem .4rem .5rem */}
.list3 li:nth-child(1){padding-top: 0}
.homec .suTab .hd ul li{margin-right: 0}
.homec .suTab .hd ul li.on a{margin-right: 0}
.homec .suTab .hd ul{justify-content: space-between;}
.homec .suTab .hd ul li a{transform: scale(.8);font-size: .4rem;transform-origin: center;}
.homec .suTab .hd ul li.on:after{left: 50%;margin-left: -.2rem}
.homeb .left .slide-b .swiDots{position: relative;bottom: 0;right: 0;justify-content: center;display: flex;margin-top: .1rem}
.homeb .left .slide-b{padding-bottom: .4rem}
.homed .list{display: block;overflow: auto;white-space: nowrap;font-size: 0;padding-bottom: .2rem;border-radius: 0}
.homed .list::-webkit-scrollbar-thumb{background: #e5ae58}
.homed .list li{display: inline-block;width: 2rem}
.homed .list li .tit h4{white-space: normal;}
.homee .list{flex-wrap: wrap;}
.homee .list li{width: 100%;height: 50vw}
.homee .list li .tit span{font-size: .24rem}
.homee .list li .tit h4{font-size: .42rem}
.homed .list li .default .tit h4{font-size: .4rem}
.homed .list li .tit img{width: .3rem;height: .3rem}
.list1 li a{padding: .25rem .2rem}
.homea .list li p{margin-top: .2rem}
.homea .list li{width: 33.3333%}
}






@keyframes ups{
0%{transform: translateY(0);}50%{transform: translateY(-10px);}100%{transform: translateY(0);}
}
.ani1s{animation: ups linear 2s infinite;}
.ani2s{animation: ups linear 1.8s infinite;}
.ani3s{animation: ups linear 2.2s infinite;}
.ani4s{animation: ups linear 1.4s infinite;}
.ani5s{animation: ups linear 1.6s infinite;}
.ani6s{animation: ups linear 2.6s infinite;}