@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(/mksxy/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(/mksxy/images/794.png) no-repeat top center;background-size:100% 100%;z-index:2;opacity: 1;}*/
.banner .item  .slideImg{padding-bottom:0; height: 5.1rem; 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: 10px;height: 10px;background: #fff;opacity: 1; margin: 0 .08rem}
.banner .swiDots span.active{background: #af1b1e;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:993px){
/*.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:992px){
.banner .swiper-slide a:before{opacity: 1;height: 30%}
.banner .item .slideImg {padding-bottom:0;height:35vw;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);
}
.intit{margin-bottom: .4rem}
.intit .h4{font-size: .3rem;color: #af1b1e;font-weight: bold;display: flex;align-items: center;}
.intit .h4 img{width: .38rem;margin-right: .1rem}
.intit .more a{display: block;padding: 0 .15rem;border: 1px dashed #af1b1e;border-radius: .3rem;line-height: .32rem;color:#af1b1e;transition: .3s }

.homea{padding: .5rem 0 .6rem;background: url(/mksxy/images/bg1.png) #fff no-repeat right bottom;background-size: 5.48rem auto}
.homeb{padding: .6rem 0 .7rem;background: url(/mksxy/images/bg2.jpg) #fff no-repeat center;background-size: cover}
.homed{padding: .6rem 0 .7rem;background: url(/mksxy/images/bg3.jpg) #fff no-repeat center;background-size: cover}
.homec{padding: .6rem 0 .8rem;background: #fff}
.homea .box{align-items: flex-start;}
.homea .slide-a{width: 7.1rem}
.homea .list{width: 6.6rem}
.homea .list li{width: calc(50% - .15rem);background: #f9f8f6;border-radius: 0 0 0 .25rem;position: relative;margin-bottom: .3rem;transition: .3s}
.homea .list li time{width: .65rem;height: .3rem;line-height: .3rem;text-align: center;background: #af1b1e;border-radius: 0 .15rem 0 0;position: relative;text-align: center;display: block;color: #fff;transition: .3s;position: absolute;top: .2rem;z-index: 5;}
.homea .list li .txt{height: .95rem;padding: .2rem}
.homea .list li .img{height: 1.8rem}

.homea .list li .txt h4{line-height: 1.6em;font-weight: bold;font-size:.22rem;} 
.homea .slide-a .swiDots{position: absolute;right: .2rem;top: 3.65rem;z-index: 5;width: auto;left: auto;bottom: auto}
.homea .slide-a .swiDots span{border-radius: 0;width: .35rem;height: 4px;background: #fff;margin-left: .1rem;opacity: .4;}
.homea .slide-a .swiDots span.active{opacity: 1;}
.homea .slide-a .img{height: 4rem;margin-bottom: .25rem}
.homea .slide-a .img time{width: 1rem;height: .35rem;line-height: .35rem;text-align: center;background: #af1b1e;border-radius: 0 .15rem 0 0;position: relative;text-align: center;display: block;color: #fff;transition: .3s;position: absolute;top: .25rem;z-index: 5}
.homea .slide-a .txt h4{font-size: .22rem;font-weight: bold;line-height: 1.5em;height: .6rem}
.homea .slide-a .txt p{line-height: 1.8em;color: #888888;margin-top: .2rem;font-size: .15rem;height: .54rem}
.homea .slide-a .txt p span{color: #af1b1e}

.home .items{width: 48%}
.home .items .list li:nth-child(1){padding-top: .05rem}
.home .items .list li{padding: .25rem 0;border-bottom: 1px solid #c8c8c8}
.home .items .list li a{display: block;position: relative;}
.home .items .list li h4{font-weight: bold;line-height: 1.4em;font-size:.22rem;}
.home .items .list li p{line-height: 1.6em;color: #333333;margin-top: .15rem;font-size: .18rem;margin-bottom: .18rem;height: .54rem}
.home .items .list li time{width: .96rem;height: .3rem;line-height: .3rem;text-align: center;background: #af1b1e;border-radius: 0 .15rem 0 0;position: relative;text-align: center;display: block;color: #fff;transition: .3s}
.home .items .list li i{position: absolute;right: 0;bottom: 0; color: #9aa0b8;z-index: 3;font-size: .22rem}
.home .items .list li time:before{content: '';position: absolute;left:0;top: 2px;bottom: 2px;width: 4px;background:#af1b1e;transition: .3s }

.homec .intit{margin-bottom: .1rem}
.homec .slide-cp .swiBtn a{position: absolute;width: .48rem;height: .48rem;text-align: center;line-height: .48rem;border-radius: 50%;text-align: center;background: #af1b1e;color: #fff;z-index: 5}
.homec .slide-cp .swiBtn a.prev{left: -.8rem;top: 2.3rem}
.homec .slide-cp .swiBtn a.next{right: -.8rem;top: 2.3rem;/* opacity: 0; *//* visibility: hidden; */transition: .3s}

.homec .slide-c{padding-top: .3rem}
.homec .slide-c .swiper-slide{width: 3.3rem;margin-right: .26rem;}
.homec .slide-c .swiper-slide:last-child{margin-right:0}
.homec .item{transition: .3s}
.homec .item .img{height: 2.3rem}
.homec .item .txt{height: 2.95rem;background: url(/mksxy/images/2.jpg) no-repeat right bottom;background-size: cover;padding: .4rem .25rem .3rem;position: relative;border-radius: 0 0 0 .3rem;transition: .3s}
.homec .item .txt time{width: .96rem;height: .3rem;line-height: .3rem;text-align: center;background: #af1b1e;border-radius: 0 .15rem 0 0;position: relative;text-align: center;display: block;color: #fff;transition: .3s;position: absolute;top: -.15rem;left: .25rem}
.homec .item .txt  h4{font-weight: bold;line-height: 1.6em;height: .64rem;font-size: .22rem;}
.homec .item .txt  p{line-height: 1.6em;color: #666666;margin-top: .2rem;font-size: .18rem;margin-bottom: .2rem;height: 1.1rem}
.homec .item .txt  i{ color: #a5a8c1;font-size: .22rem}

.homee{position: relative;padding: .6rem 0}
.homee .intit .h4{color: #fff}
.homee:after{content: '';position: absolute;left: 0;top: 0;bottom: 0;width: 100%;background: url(/mksxy/images/bg4.png) no-repeat center;background-size: cover;z-index: 0;pointer-events: none}
.homee .list1{width: 8.3rem}
.homee .list2{width: 5.6rem}
.homee .list li{position: relative;}
.homee .list li .txt{position: absolute;bottom: 0;left: 0;right: 0;padding:.16rem .2rem;color: #fff;line-height: 1.4em;z-index: 3; font-size:.2rem;}
.homee .list1 li{width: calc(50% - .05rem);margin-bottom: .1rem; }
.homee .list2 li{width: calc(50% - .05rem);margin-bottom: .1rem; }
.homee .list2 li:nth-child(1){width:100%; }
.homee .list1 li .img{height: 2.35rem}
.homee .list2 li .img{height: 1.55rem}
.homee .list2 li:nth-child(1) .img{height: 3.15rem}
.homee .swiBtn{margin-top: .3rem;display: flex;justify-content: center;}
.homee .swiBtn a{display: block;width: .44rem;height: .44rem;text-align: center;line-height: .44rem;background: #af1b1e;color: #fff;font-size: .18rem}
.homee .swiBtn a.prev{background: #d1ac73}

.homec .swiDots{text-align: center;align-items: center;justify-content: center;margin-top: .4rem;display: none; }
.homec .swiDots span{width: 10px;height: 10px;background: #eee;opacity: 1; margin: 0 .08rem}
.homec .swiDots span.active{background: #af1b1e;opacity: 1;}
@media (min-width: 993px){
.homec .item:hover{transform: translateY(-.2rem);}
.homec .item:hover .txt{background: url(/mksxy/images/2on.jpg) no-repeat right bottom;background-size: cover;}
.homec .item:hover .txt h4{color: #fff}
.homec .item:hover .txt p{color: rgba(255,255,255,.7)}
.homec .item:hover .txt i{color: rgba(255,255,255,1)}
.home .items .list li a:hover time{background: #d1ac73;transform: translateX(4px);}
.home .items .list li a:hover time:before{left: -4px}
.home .items .list li a:hover i{color:#af1b1e }
.homea .list li:hover{background: #d1ac73}
.homea .list li:hover time{background: #d1ac73}
.homea .list li:hover h4{color: #fff}
.intit .more a:hover{background: #af1b1e;color: #fff;}
.homec .slide-cp:hover .swiBtn a.next{opacity: 1;visibility: visible;}
}
@media (max-width: 992px){
.homea .slide-a{width: 100%;margin-bottom: .5rem}
.homea .list{width: 100%}
.home .items{width: 100%}
.home .items+.items{margin-top: .5rem}
.homee .list1{width: 100%}
.homee .list2{width: 100%}
.homee:after{bottom:50%;width: 100%;}
.intit .more a{line-height: .42rem;padding: 0 .25rem}
.intit .h4{font-size: .4rem}
.intit .h4 img{width: .46rem}
.homee .intit .more a{color: #fff;border-color: #fff}
.homee .list1 li .img{height: 30vw}
.homee .list1 li{width: calc(50% - .1rem);margin-bottom: .2rem; }
.homee .list2 li{width: calc(50% - .1rem);margin-bottom: .2rem; }
.homee .list2 li:nth-child(1) .img{height: 50vw}
.homee .list2 li .img{height: 30vw}
.homee .swiBtn a{width: .6rem;height: .6rem;line-height: .6rem}
.home .items .list li p{height: auto;font-size: .22rem}
.home .items .list li time{width: 1.4rem;line-height: .46rem;height: .46rem}
.home .items .list li i{font-size: .3rem}

.homec .slide-cp .swiBtn a{position: absolute;width: .48rem;height: .48rem;text-align: center;line-height: .48rem;border-radius: 50%;text-align: center;background: #af1b1e;color: #fff;z-index: 5;display: none}

.homec .slide-c{width: 100%;padding-top: .3rem}
.homec .slide-c .swiper-slide{width: calc(50% - .2rem);margin-right: .4rem}
.homec .item .img{height: 28vw}
.homec .item .txt{height:3.6rem;padding: .5rem .3rem .3rem;}
.homec .item .txt time{width: 1.5rem;height: .44rem;line-height: .44rem;top: -.15rem;left: .3rem}
.homec .item .txt  h4{height: auto}
.homec .item .txt  p{font-size: .22rem;height: auto;-webkit-line-clamp:3;}
.homec .item .txt  i{font-size: .3rem}
.homec .swiDots{display: flex}
.homea .list li .img{height: 28vw}
.homea .list li .txt{height: 1.3rem;padding: .25rem}
.homea .list li time{width: 1rem;height: .45rem;line-height: .45rem}
.homea .slide-a .txt h4{font-size: .28rem;height: auto}
.homea .slide-a .txt p{height: auto;font-size: .22rem}
.homea .slide-a .img{height: 52vw}
.homea .slide-a .swiDots{top: 48vw;justify-content: center;right: 0;width: 100%;display: flex;}
.homea .slide-a .swiDots span{margin: 0 .1rem ;width: .4rem}
.homea .slide-a .img time{width: 1.5rem;height: .44rem;line-height: .44rem; }
}
@media (max-width: 597px){
.homea .list li .txt h4{line-height: 1.4em;font-size: .26rem}
.homec .slide-c .swiper-slide{width: 100%;margin-right: .4rem}
.homec .item .img{height: 50vw}
.homec .item .txt{height:3.7rem;padding: .5rem .3rem .3rem;}
.intit .more a{line-height: .42rem;padding: 0 .2rem;font-size: .24rem}
.homee .list li .txt{font-size: .26rem}
.home .items .list li time,.homec .item .txt time{width: 1.6rem}
.intit .h4 img{width: .56rem}
}
@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;}