@charset "utf-8";

@font-face {
  font-family: "oppo";font-weight: normal;
src:url(../fonts/opposansr..jpg) format("woff")}
@font-face {
  font-family: "oppo";font-weight: bold;
src:url(../fonts/opposansb..jpg) format("woff")}
.sys{font-family: "sys";}
.oppo{font-family:  "oppo";}
.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:50%;background:url(../images/mask.png) 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: .5;}*/
.banner .item .imgBox .img{padding-bottom:0;height:9rem;min-height: 6rem; background-position: center;background-size: cover;background-repeat: no-repeat;object-fit: cover;}

.banner .swiDots{position: absolute;display: flex;justify-content: center;align-items: center;left: 5%;bottom: .5rem;width: auto;z-index: 5;color: #fff;}
.banner .swiDots span{display:flex;width: auto;height: auto;transition: .3s;opacity: 1;position:relative;align-items: center;background: transparent;}
.banner .swiDots span:after{display:block;background: #fff;width: 10px;height: 10px;transition: .3s;opacity: 1;border-radius: 50%;background: #fff;content: '';margin: 0 .1rem;position: absolute;left: 50%;top: 50%;margin-left: -5px;margin-top: -5px;}
.banner .swiDots span+span:before{content: '';height: 1px;width: .2rem;background: #fff;right: .4rem;display: block;position: absolute;top: 50%;}
.banner .swiDots span i{width: .5rem;height: .5rem;background: #bc1522;border-radius: 50%;text-align: center;line-height: .5rem;font-size: .24rem;transform: scale(0);transition: .3s;opacity: 0;display: block;}
.banner .swiDots span.active i{opacity:1;transform: scale(1);}
.banner .swiDots span.active{margin: 0 .25rem;}
.banner .swiDots span.active:after{opacity: 0;}
.banner .swiDots span.active:before{right: .6rem;}



.banner  video{width: 100%;height: 100%;object-fit: cover;}


@keyframes width{
0%{width: 0;}100%{width: 100%;}
}
@media (min-width:1930px){

}
@media (max-width:1200px){

.banner .item .imgBox .img{padding-bottom:0;height:55vw;min-height:inherit;}
}
@media (max-width:1024px){
.banner .swiper-slide a:before{height:1.5rem;}
.banner .swiper-slide a:after{height:1.2rem;}
.banner .swiDots{bottom: .3rem;}
}
@media (max-width:640px){
.banner .swiper-slide a:after{height:1rem;}
.banner .item .imgBox .img{height: 38vw;}
.banner .swiDots{bottom: .2rem;}
.banner .swiDots span i{width: .34rem;height: .34rem;line-height: .34rem;font-size: .18rem;}
.banner .swiDots span+span:before{right: .28rem;width: .1rem;}
.banner .swiDots span.active:before{right: .45rem;}
.banner .swiDots span.active{margin: 0 .15rem;}
}
.iconfont{font-size: inherit;}

/*#app{width: 100%;overflow-x: hidden;}*/
.content{min-height: 5rem;}
.intit{margin-bottom: .35rem;display: flex;align-items: center;justify-content: space-between;padding-right: .15rem;}
.intit .h4{}
.intit .h4 img{width: .46rem;margin-right: .1rem;}
.intit .h4 .cn{font-size: .3rem;font-weight: bold;}
.intit .h4 .en{color: #999999;font-size: .16rem;position: relative;top: .06rem;margin-left: .1rem;}
.intit .h4 .cn span{color: #17489c;}
.intit .more a{display: block;position: relative;height: .35rem;line-height: .35rem;color:#17489c ;}
.intit .more a:before{content: '';height: 1px;width: 100%;position: absolute;top: 0;left: .15rem;background:#17489c;transition: .3s ;}
.intit .more a:after{content: '';height: 1px;width: 100%;position: absolute;bottom: 0;right: .15rem;background:#17489c;transition: .3s ;}

.swiBtn.ubtn{}
.swiBtn.ubtn a{width: .5rem;height: .5rem;border-radius: 50%;text-align: center;line-height: .5rem;border-radius: 50%;position: absolute;background: #fff;box-shadow: 0 0 10px rgba(0,0,0,.1);color: #8ca4ce;font-size: .2rem;z-index: 5;}
.swiBtn.ubtn a:hover{background:#bc1522;color: #fff ;}
.homea{background: url(../images/abg.jpg) no-repeat bottom center;background-size: cover;padding: .65rem 0;}
.homea .left{width: 62%;}
.homea .right{width: calc(38% - .3rem);}
.homea .left .slide-a {margin-bottom: .3rem;}
.homea .left .slide-a .img:after{content:'';position:absolute;left:0;top:0;bottom:0;width:50%;background:url(../images/amsk.png) no-repeat top center;background-size:100% 100%;z-index:2;opacity: 1;pointer-events: none;}
.homea .left .slide-a a{display: flex;flex-wrap: wrap;}
.homea .left .slide-a .img{width:61.3% ;height: 4.84rem;}
.homea .left .slide-a .txt{width:38.7%;background: url(../images/a1bg.png) no-repeat center;background-size: cover;padding-top: .6rem;color: #fff ;}

.homea .left .slide-a .txt .time{display: flex;align-items: center;font-size: .16rem;margin-bottom: .4rem;}
.homea .left .slide-a .txt .time span{display: inline-block;line-height: .42rem;background: #bc1522;padding-left: .4rem;padding-right: .3rem;border-radius: 0 .25rem .25rem 0;font-size: .34rem;margin-right: .1rem;}
.homea .left .slide-a .txt .h4p{padding: 0 .4rem;}
.homea .left .slide-a .txt .h4p .h4{font-size: .2rem;line-height: 1.6em;margin-bottom: .3rem;max-height: .56rem\0;}
.homea .left .slide-a .txt .h4p .p{font-size: .16rem;line-height: 1.8em;margin-bottom: .5rem;opacity: .6;max-height: .84rem\0;}
.homea .left .slide-a .txt .h4p .mor{padding-right: .3rem;}
/* .homea .left .slide-a .txt .h4p .mor:after{content: '';position: absolute;left: 0;top: 50%;margin-top: -1px;height: 2px;background: #fff;right: 1.5rem;transition: .3s;} */
.homea .left .slide-a .swiDots{position: absolute;left: .2rem;bottom: 50%;transform: translateY(50%);z-index: 3;width: auto;}
.homea .left .slide-a .swiDots span{display: block;background: transparent;width: auto;height: auto;border-radius: 0;opacity: 1;position: relative;}
.homea .left .slide-a .swiDots span:after{content: '';width: 10px;height: 10px;border: 1px solid rgba(255,255,255,.5);display: block;position: absolute;left: 50%;top: 50%;margin-top: -6px;margin-left: -6px;border-radius: 50%;transition: .3s;}
.homea .left .slide-a .swiDots span i{width: .3rem;height: .3rem;background: #bc1522;border-radius: 50%;text-align: center;line-height: .3rem;font-size: .18rem;transform: scale(0);transition: .3s;opacity: 0;display: block;color: #fff;}
.homea .left .slide-a .swiDots span.active i{opacity:1;transform: scale(1);}
.homea .left .slide-a .swiDots span.active:after{opacity:0;}
.homea .left .slide-a .swiDots span.active{margin: .1rem 0;}

.list8{ padding: .25rem .3rem; box-shadow: 0px 0px .1rem 0px rgba(0, 0, 0, 0.07);overflow: hidden;background-color:#fff;}
.list8 li::before { content: "•";position: absolute;top: 50%;transform: translateY(-50%);color: #ccc; font-size: 0.25rem;}
.list8 .a{ height: .44rem; align-items: center; justify-content: space-between;}
.list8 li:hover h4{color: #bc1522;}
.list8 li:hover::before {color: #bc1522;}
.list8 h4{ width: calc(100% - .9rem); font-size: .18rem; color: #222222;font-weight: normal;padding: 0 0 0 .2rem; background: url(../images/list8_b1.png) left center no-repeat; background-size: .06rem .09rem !important; transition: .5s;}
.list8 span{ font-size: .14rem; color: #222222;}
/* .homea .left ul li{width: calc(50% - .15rem);background: #fff;box-shadow: 0 0 .25rem rgba(0,0,0,.1)}
.homea .left ul li a{display: block;padding: .25rem 0}
.homea .left ul li .time{background: #fcf3f4;line-height: .4rem;padding-left: .35rem;color: #bc1522;display: inline-block;border-radius: 0 .3rem .3rem 0;padding-right: .2rem;}
.homea .left ul li .h4p{padding: .2rem .35rem .2rem;}
.homea .left ul li .h4{font-size: .2rem;line-height: 1.4em}
.homea .left ul li .h4:after{content: '';display: block;border-bottom: 1px dashed #ddd;margin: .15rem 0}
.homea .left ul li .p{font-size: .16rem;color: #888;line-height: 1.6em;} */
.homea .right ul{height: 9rem;border-top: 3px solid #17489c;padding: .15rem .45rem;box-shadow: 0 0 .25rem rgba(0,0,0,.1);}
.homea .right ul li a{display: flex;align-items: center;}
.homea .right ul li{padding: .3rem 0;}
.homea .right ul li+li{border-top: 1px solid #ddd;}
.homea .right ul li .time{width: .8rem;position: relative;transition: .3s;color: #888;}
.homea .right ul li .time:before{content: '';width: 1px;height: .4rem;background: #ddd;position: absolute;right: 0;top: 50%;margin-top: -.2rem;}
.homea .right ul li .time:after{content: '';position: absolute;left: -.15rem;height: .75rem;border-radius: 50%;background:#bc1522;width: .75rem;top: -.1rem;transition: .3s;transform: scale(0);opacity: 0;border: .05rem solid #fcf3f4 ;}
.homea .right ul li .time time{position: relative;z-index: 2;text-align: center;display: inline-block;font-size: .14rem;}
.homea .right ul li .time span{display: block;font-size: .3rem;line-height: 1.2em;color: #000;transition: .3s;}
.homea .right ul li .h4{width: calc(100% - .85rem);font-size: .2rem;padding-left: .25rem;line-height: 1.5em;}


.homeb{padding-top: .65rem;
  border-radius: 16px;
  box-shadow: 0 10px 30px rgba(0, 0, 0, 0.08);
  overflow: hidden;}
.intit {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 30px;
  padding-bottom: 15px;
  border-bottom: 1px solid #eaeaea;}
.flex-left {
  display: flex;
  align-items: center;}
.homeb .img{height: 3.68rem;}
.homeb .slide-b{padding-bottom: .25rem;}
.homeb .slide-b a{display: block;border: 1px solid #eaeaea;position: relative;}
.homeb .slide-b .txt{padding: .25rem 0 .35rem;}
.homeb .slide-b .txt .time{background: #bc1522;line-height: .32rem;padding-left: .3rem;color: #fff;display: block;border-radius: 0 .2rem .2rem 0;width: 1.5rem;font-size: .14rem;margin-bottom: .2rem;}
.homeb .slide-b .txt .time i{margin-right: 5px;}
.homeb .slide-b .txt .time span{font-size: .16rem;margin-right: 3px;}
.homeb .slide-b .txt .h4{font-size: .2rem;margin-bottom: .2rem;}
.homeb .slide-b .txt .p{font-size: .16rem;line-height: 1.6em;color: #888;height: .5rem\0;}
/*.homeb .slide-b .txt .time{background: url(../images/7.png) no-repeat right center;background-size: auto 100%; line-height: .3rem;padding-left: .3rem;color: #fff;display: block;width: 1.5rem}*/
.homeb .swiBtn a{top:1.84rem;margin-top: -.25rem;z-index: 5 ;}
.homeb .swiBtn .prev{left: -.25rem;}
.homeb .swiBtn .next{right: -.25rem;}
.homeb .slide-b .txt .h4p{padding: 0 .3rem;}

/*.homeb .slide-b a:hover:after{content: '';position: absolute;top: 0;left: 0;right: 0;bottom: 0;border: 1px solid #bc1522;z-index: 5 }*/
.homec{padding: .65rem 0;}
.homec .left{width: 55%;}
.homec .right{width: 43%;}
.homec .left ul li{border-bottom: 1px solid #ddd;position: relative;}
.homec .left ul li:after{content: '';position: absolute;right: 0;bottom: -1px;height: 1px;background:#bc1522;width: 0;transition: .5s ;}
.homec .left ul li:first-child{border-top: 1px solid #ddd;}
.homec .left ul li a{display: flex;align-items: center;padding: .2rem 0;justify-content: space-between;}
.homec .left ul li a:before{content: "\e614";font-family: swiper-icons!important;color: #dbe1ea;}
.homec .left ul li .h4{font-size: .2rem;width: calc(100% - 1.3rem);}
.homec .left ul li .time{font-size: .14rem;color: #999999;}
.homec .left ul li .time span{font-size: .16rem;margin-right: 3px;}

.homec .right .img{height: 100%;width: 30%;}
.homec .right .txt{margin-left: .3rem;margin-right: .3rem;}
.homec .right .txt .time{line-height: .32rem;color: #bc1522;margin: 0.2em;font-weight: 600; display: block;border-radius: 0 .2rem .2rem 0;width: 1.55rem;font-size: .16rem;margin-bottom: .15rem;}
.homec .right .txt .time i{margin-right: 5px;}
/* .homec .right .txt .h4p{padding: 0 .3rem .1rem} */
.homec .right .txt .h4{font-size:1em;line-height: 1.6em;font-weight: 600;color: #002656;}
  .homec .swiBtn a{z-index: 5 ;}

.homec .right .swiper-slide a{display: flex;flex-wrap: wrap;}
.homec .right .txt .txt-container{font-size:0.9em;margin: 0.7em 0;color:#6a6969; display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;overflow: hidden;}
.homec .right .right-swiper-wrapper {display: flex;flex-direction: column;}
.homec .right .right-swiper-slide a {display: flex;margin-top: .3rem;height: 1.7rem;}
  .homec .right .txt {width: 68%;height: 100%;}



.homed .icoUrl{background: url(../images/bgd.jpg) no-repeat center;background-size: cover;}
.homed .icoUrl ul li{width: 33.333%;border-right: 1px solid #fff;border-left: 1px solid #dddee1;}
.homed .icoUrl ul li:first-child{border-left: 0;}
.homed .icoUrl ul li:last-child{border-right: 0;}
.homed .icoUrl ul li a{display: flex;justify-content: center;align-items: center;padding: .4rem 0;font-size: .24rem;}
.homed .icoUrl ul li img{width: .85rem;margin-right: .2rem;}

.homed .txtUrl{background: url(../images/bgd.jpg) no-repeat center;background-size: cover;padding: .45rem 0;}
.homed .txtUrl .t{font-size: .26rem;font-weight: bold;color: #333;background: url(../images/url.png) no-repeat left top;object-fit:cover;background-size: .26rem .26rem;padding-left: .35rem;}
.homed .txtUrl .ts{width: calc(100% - 1.8rem);font-size: .2rem;display: flex;justify-content: space-between;flex-wrap: wrap;}
.homed .txtUrl .ts a{color: #333;display: inline-block;line-height: .35rem;}
.homed .icoUrl ul li a:hover{color: #2253a7;} 

/*  */
.homee{padding: .45rem 0 0 0;}
.homee .ztbox{border-top:1px solid rgb(233,233,233);padding:1rem 0;}
.homee .ztbox ul{}
.homee .ztbox ul li{width:24%;height:1.5rem;}
.homee .ztbox ul li a .img-container{position: relative;display: block;width: 100%;height: 100%;}
.homee .ztbox ul li a .img{background: transparent;width:100%;height:100%;overflow: hidden;}
.homee .ztbox ul li .img img{ width: 100%;height: 100%;object-fit: cover;}
.homee .ztbox ul li .img-container .zomImg-p{margin: 0;padding: 8px 12px;font-size: 0.12rem;background-color: rgba(54, 166, 240, 0.85); color: #fff;text-align: center;z-index: 10;}

.more {padding-right:0.5rem;}

@media (min-width: 1025px){
.homeb .slide-b a:hover{border-color:#bc1522;box-shadow: 0 .1rem .15rem rgba(0,0,0,.15) ;}
.homec .left ul li:hover:after{left: 0;width: 100%;}
.homec .left ul li:hover a:before{color: #bc1522;}

.homea .left .slide-a a:hover .txt .h4p .mor:after{right: 1.3rem;}
.homea .right ul li:hover .time:after{transform: scale(1);opacity: 1;}
.homea .right ul li:hover .time:before{opacity: 0;}
.homea .right ul li:hover .time{transform: translateX(.1rem);color: #fff;}
.homea .right ul li:hover .time span{color: #fff;}
.intit .more a:hover:before{left: 0;}
.intit .more a:hover:after{right: 0;}
.homec .right .swiper-slide:nth-child(2n+1) .img{order: 2;margin-top: -.6rem;}
.homec .right .swiper-slide:nth-child(2n+1) .txt{order: 1;}
.homec .right .swiper-slide:nth-child(2n) .img{order: 1;}
.homec .right .swiper-slide:nth-child(2n) .txt{order: 2;margin-top: -.6rem;}
.homec .swiBtn .prev{left: .3rem;bottom: 1.8rem;margin-bottom: -.25rem;}
.homec .swiBtn .next{right: .3rem;top:1.8rem;margin-top: -.25rem;}

}
@media (max-width: 1024px){
.homea .left{width: 100%;}
.homea .right{width: 100%;margin-top: .4rem;}
.homea .right ul{height: auto;}
.homea .right ul li{padding: .2rem 0;}
.homec .left{width: 100%;}
.homec .right{width: 100%;margin-top: .4rem;}
.homec .swiBtn .prev{left: .3rem;top: 1.8rem;margin-top: -.25rem;}
.homec .swiBtn .next{right: .3rem;top:1.8rem;margin-top: -.25rem;}
.homec .right .swiper-slide .txt{margin-top: -.7rem;}
.homec .left ul li{line-height: 1.5em;}

}
@media (max-width: 900px){
    .homee .ztbox ul li{width:100%;margin-bottom:.3rem;}
  .homee .ztbox ul li img{height:1.5rem;}
.homea .left .slide-a .img{width:100% ;height: 60vw;}
.homea .left .slide-a .txt{width:100%;padding: .6rem 0;}
.homea .left .slide-a .swiDots{bottom:auto;transform: translateY(-30%);top: 22.5vw;}
.homea .left .slide-a .txt .h4p .h4{font-size: .2rem;}
.homea .left ul li{width: 100%;}
.homea .left ul li+li{margin-top: .3rem;}
.homeb .img{height: 2.8rem;}
.homeb .swiBtn a{top:1.4rem;}
.homed .txtUrl .ts{justify-content: flex-start;}
.homed .txtUrl .ts a{margin-right: .2rem;}
}
@media (max-width: 576px){

.homea .left .slide-a .txt{padding: .4rem 0;}
.homea .left .slide-a .txt .time{margin-bottom: .3rem;}
.homea .left .slide-a .txt .h4p .h4{margin-bottom: .15rem;}
.homea .left .slide-a .txt .h4p .p{margin-bottom: .3rem;}
.homeb .img{height: 58vw;}
.homeb .swiBtn a{top:29vw;}
.homeb .swiBtn .prev{left: -.15rem;}
.homeb .swiBtn .next{right: -.15rem;}
.homec .left ul li a{align-items: flex-start;}
.homec{padding-top: .4rem;}
.homed .icoUrl ul li a{flex-wrap: wrap;font-size: .2rem;}
.homed .icoUrl ul li a span{display: block;width: 100%;text-align: center;}
.homed .icoUrl ul li img{width: .65rem;margin-right: 0;display: block;margin: 0 auto;margin-bottom: .15rem;}
}