@charset "utf-8";
.banner {overflow:hidden;}
.banner_box {padding:0px;position:relative;z-index:3;overflow:hidden;}
.banner:after {content:"";position:absolute;right:0;bottom:0;left:0;background:linear-gradient(180deg,rgba(0,0,0,0) 0%,rgba(0,0,0,0.4) 100%);z-index:1;height:23vh;}
.banner .a {display:block;position:relative;z-index:1;overflow:hidden;}
.banner .imgBox {overflow:hidden;width:100%;transform:scale(1);}
.banner .imgBox .img {padding-bottom:100vh;transition:0s;transform:scale(1) !important;}
.banner .imgBox .img video {opacity:.9;}
.banner.on ul li.swiper-slide-active .a .imgBox,.banner.on ul li.swiper-slide-duplicate-active .a .imgBox,.banner.on ul li.swiper-slide-prev .a .imgBox {animation:sca 6s linear 0s normal both;}
@keyframes sca {0% {transform:scale(1.06);}
100% {transform:scale(1);}
}
.banner .dots {z-index:10;display:flex;justify-content:center;align-items:center;position:absolute;left:0;right:0;width:auto;bottom:1.5rem;}
.banner .dots span {width:.28rem;height:.28rem;background:none;font-size:.24rem;color:#fff;opacity:1;margin:0 .2rem !important;position:relative;z-index:1;line-height:1;transition:.5s;}
#bars {width:.42rem;height:.22rem;left:50%;position:absolute;bottom:.1rem;justify-content:space-between;align-items:flex-end;transform:translateX(-50%);opacity:0;transition:.5s;}
.bar {background:#fff;height:.2rem;width:2px;animation:sound1 0ms -800ms linear infinite alternate;position:relative}
@keyframes sound1 {0% {height:0}
100% {height:100%;}
}
.bar:nth-child(1) {animation-duration:1574ms;animation-delay:100ms;}
.bar:nth-child(2) {animation-duration:1533ms;animation-delay:600ms;}
.bar:nth-child(3) {animation-duration:1507ms;animation-delay:-300ms;}
.bar:nth-child(4) {animation-duration:1558ms;animation-delay:400ms;}
.bar:nth-child(5) {animation-duration:1558ms;animation-delay:-500ms;}
.banner .dots span.active {color:transparent}
.banner .dots span.active #bars {opacity:1}
.tit {align-items:center;margin:0 0 .6rem;}
.tit .ll {align-items:flex-end}
.tit .ll img {width:.83rem}
.tit big {font-size:.36rem;color:#2B2B2B;font-weight:bold;line-height:1;margin:0 .12rem}
.tit small {font-size:.18rem;color:#043985;}
.more {font-size:.18rem;color:#666;align-items:center;position:relative;padding:0 0 0 .42rem;margin:.2rem 0 0}
.more:before {content:"";position:absolute;top:50%;left:0;width:.3rem;height:1px;background:#043985}
.more img {height:.16rem;margin:-0.02rem 0 0 .08rem;transition:.5s;}
.home1 {background:url(bg11.jpg) center no-repeat;background-size:cover;padding:.8rem 0;overflow:hidden;}
.home1 {position:relative;height:100%;}
.home1 .fl {width:8.55rem;position:relative;z-index:1;}
.home1 .fr {width:calc(100% - 8.55rem - .64rem);}
.home1 .fl .tit {padding:0 .95rem 0 0;}
.home1 .fl .bz {position:absolute;left:calc((100vw - 16rem)/2*-1);top:-.8rem;right:.54rem;z-index:-1;}
.focus {background:#fff;}
.focus .dots {width:auto;z-index:2;margin:0 0 0 .6rem;}
.focus .dots span {width:.11rem;height:.11rem;background:#fff;border-radius:50%;margin:0 .1rem !important;opacity:1 !important;transition:.5s;position:relative}
.focus .dots span:before {content:"";position:absolute;width:.27rem;height:.27rem;border:1px dashed #fff;border-radius:50%;top:50%;left:50%;margin:-.145rem 0 0 -.145rem;animation:roted 10s linear infinite;opacity:0;transition:.5s;}
.focus .dots span.active {margin:0 .2rem !important}
.focus .dots span.active:before {opacity:1;}



.list1 .a {display:block;position:relative;}
.list1 .imgBox .img {padding-bottom:68.18%;}
.list1 .imgBox:after {content:"";display:block;left:0;bottom:0;right:0;height:1.3rem;background:linear-gradient(0deg,rgba(0,0,0,.6),transparent);position:absolute;transition:.5s;}
.list1 .txt {position:absolute;right:0;bottom:0;left:0;padding:0 .32rem .24rem;align-items:center;}
.list1 h4 {font-size:.22rem;color:#fff !important;flex:1;line-height:.3rem;max-height:.6rem\0;width:100%;-webkit-transition:all 0.5s;transition:all 0.5s;}
.list2 {margin:-.2rem 0}
.list2 li {padding:.2rem 0.24rem;display:block;position:relative;z-index:1;display:-webkit-flex;display:flex;align-items:center;-webkit-transition:all .5s;-o-transition:all .5s;transition:all .5s;border-bottom:1px dashed #eee;}
.list2 li:before {content:'';position:absolute;left:0;top:0;width:100%;height:100%;background:linear-gradient(95deg,#0a92dc -93%,#0051a2 71%);z-index:-1;opacity:0;-webkit-transition:all .5s;-o-transition:all .5s;transition:all .5s}
.list2 .time {margin-right:0.2rem;width:0.72rem;height:0.83rem;color:#034e9e;text-align:center;line-height:1.3;position:relative;z-index:1;flex-shrink:0;display:-webkit-flex;display:flex;flex-direction:column;justify-content:center;align-items:center}
.list2 .time:before {content:'';position:absolute;left:0;top:0;width:100%;height:100%;background:url(list-bg1.png) center center no-repeat;-webkit-background-size:100% 100%;background-size:100% 100%;z-index:-2;-webkit-transition:all .5s;-o-transition:all .5s;transition:all .5s}
.list2 .time:after {content:'';position:absolute;left:0;top:0;width:100%;height:100%;background:url(list-bg3.png) center center no-repeat;-webkit-background-size:100% 100%;background-size:100% 100%;opacity:0;-webkit-transform:rotate(-30deg);-ms-transform:rotate(-30deg);-o-transform:rotate(-30deg);transform:rotate(-30deg);z-index:-1;-webkit-transition:all .5s;-o-transition:all .5s;transition:all .5s}
.list2 .time h3 {font-size:.24rem;font-weight:normal;line-height:1;}
.list2 .time h6 {font-size:.12rem;}
.list2 .txt {flex:1;overflow:hidden;display:flex;align-items:center;margin:-.12rem 0;position:relative;}
.list2 h4 {font-size:.22rem;line-height:.3rem;max-height:.6rem\0;width:100%;-webkit-transition:all 0.5s;transition:all 0.5s;}
.list2 li:hover .time {color:#fff}
.list2 li:hover .time:before {-webkit-transform:rotate(30deg);-ms-transform:rotate(30deg);-o-transform:rotate(30deg);transform:rotate(30deg);background-image:url(list-bg2.png)}
.list2 li:hover .time:after {opacity:1;-webkit-transform:rotate(0);-ms-transform:rotate(0);-o-transform:rotate(0);transform:rotate(0)}
.list2 li:hover .time h6{opacity:.68}
.list2 li:hover:before {opacity:1}
.list2 li:hover h4{color:#fff}

.home2 {background:url(bg2.jpg) center top no-repeat;background-size:auto 100%;position:relative;z-index:1;padding:.8rem 0 0.6rem;overflow:hidden;}
.home2::before {content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:url(h2_b2.png) center bottom no-repeat;background-size:100% auto;z-index:-1;}
.home2 .fl {width:8.55rem;position:relative;z-index:1;}
.home2 .fr {width:calc(100% - 8.55rem - .5rem);}
.list3 {margin:0 -.22rem}
.list3 li {width:50%;padding:0  .22rem;margin-bottom:.38rem;}
.list3 .a {height:1.76rem;background:#fff;border:1px solid #043985;align-items:center;padding:0 .24rem;position:relative;z-index:1;transition:.5s;}
.list3 .a::before {content:"";position:absolute;top:.1rem;left:.1rem;right:.1rem;bottom:.1rem;background:url(list3_b.jpg) center center no-repeat;background-size:cover;z-index:-1;transition:.5s;opacity:0;}
.list3 .time {text-align:center;margin:0 .2rem 0 0;}
.list3 .time svg {width:.565rem;height:.06rem;fill:#043985;transition:.5s}
.list3 .time h3 {font-size:.36rem;font-family:Impact;font-weight:normal;line-height:1;color:#043985;transition:.5s}
.list3 .time h6 {font-size:.14rem;color:#797979;margin:.04rem 0;transition:.5s}
.list3 .txt {flex:1;overflow:hidden;}
.list3 span {border-radius:3px;background:#043985;border:#043985 1px solid;width:.79rem;font-size:.16rem;color:#fff;display:flex;text-align:center;align-items:center;justify-content:center;padding:0 .06rem;height:.29rem;margin:0 0 .14rem 0;transition:.5s}
.list3 h4 {font-size:.22rem;line-height:.3rem;transition:.5s;width:100%;-webkit-transition:all 0.5s;transition:all 0.5s;}
.list4 {margin:-.14rem 0 0}
.list4 .no1{ margin-bottom:0.25rem; clear:both;}
.list4 .no1 .imgBox {width:3.36rem;}
.list4 .no1 .imgBox .img {padding-bottom:70%;}
.list4 .no1 .txt {flex:1;overflow:hidden;background:url(list4_b.png) center bottom no-repeat;background-size:cover;padding:.48rem .3rem 0;position:relative;z-index:1;}
.list4 .no1 h4 {font-size:.2rem;color:#fff !important;margin:0 0 .45rem;color:#333;line-height:.3rem;max-height:.6rem\0;width:100%;-webkit-transition:all 0.5s;transition:all 0.5s;}
.list4 .no1 .bottom {align-items:center;}
.list4 .no1 .bottom>img {height:.21rem;}
.list4 .no1 .bottom h6 {align-items:center;color:#fff;width:auto;}
.list4 .no1 .bottom h6 img {height:.24rem;margin:0 .1rem 0 0;}
.list4 .no2{position:relative;z-index:1;}
.list4 .no2::before {content:"";position:absolute;left:.03rem;top:.24rem;bottom:.24rem;width:1px;background:#D8D8D8;}
.list4 .no2 .a {padding:0 0 0 .3rem;position:relative;height:.5rem;align-items:center;}
.list4 .no2 .a:before {content:"";position:absolute;width:.19rem;height:.19rem;background:#043985;border-radius:50vw;left:-.06rem;opacity:0;transform:scale(0);transition:.5s}
.list4 .no2 .a:after {content:"";position:absolute;width:.07rem;height:.07rem;background:#043985;transform:rotate(45deg);left:0;transition:.5s}
.list4 .no2 h4 {flex:1;font-size:.22rem;line-height:.3rem;transition:.5s;width:100%;-webkit-transition:all 0.5s;transition:all 0.5s;}
.list4 .no2 h6 {width:auto;margin:0 0 0 .25rem;}
.home3 {background:url(bg3.jpg) center top no-repeat;background-size:100% auto;position:relative;z-index:1;padding:.8rem 0 0.6rem;overflow:hidden;}
.home3::before {content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:url(h2_b2.png) center bottom no-repeat;background-size:100% auto;z-index:-1;}
.home3 .fl {width:8.55rem;position:relative;z-index:1;}
.home3 .fr {width:calc(100% - 8.55rem - .5rem);}



@media(min-width:769px) {.more:hover img {transform:rotateY(180deg);}
.list2 .a:hover .txt {border-bottom:transparent 1px dashed;}
.list2 .a:hover .txt::after {width:100%;}
.list2 .a:hover h4 {font-weight:600;}
.list3 .a:hover::before {opacity:1;}
.list3 .a:hover * {color:#fff;fill:#fff;}
.list3 .a:hover span {border:#fff 1px solid;background:transparent;}
.list4 .a:hover:before {opacity:1;transform:scale(1)}
.list4 .a:hover:after {background:#fff;transform:rotate(135deg);}
}
@media(max-width:769px) {.banner .imgBox .img {padding-bottom:55%;}
.banner .dots {bottom:.2rem}
.banner .dots span {font-size:.14rem;margin:0 .15rem !important;width:.2rem;height:.2rem;}
#bars {transform:translateX(-50%) scale(.7);bottom:.06rem;}
.tit {margin-bottom:.25rem}
.tit .ll img {width:.5rem;}
.tit big {font-size:.24rem;}
.tit small {font-size:.14rem;display:none}
.more {font-size:.14rem;margin:0;}
.more img {height:.1rem}
.home1 {padding:.4rem 0;}
.home1 .fl {width:100%}
.home1 .fr {width:100%;padding:.35rem 0 0;}
.home1 .fl .tit {padding:0}
.home1 .fl .bz {left:-15px;right:-15px;top:-.4rem;transform:skewY(-8deg);transform-origin:left top;}
.focus .dots span {width:.07rem;height:.07rem;margin:0 .06rem !important;}
.focus .dots span:before {width:.21rem;height:.21rem;margin:-.12rem 0 0 -.12rem;}
.focus .dots {margin:0 0 0 .2rem}
.list1 .txt {padding:0 .2rem .12rem;}
.list2 .time h3 {font-size:.24rem}
.list2 .time h6 {font-size:.12rem}
.list2 .a {padding:.06rem 0}
.list2 .txt {margin:-.06rem 0}
.home2 {padding:.4rem 0;}
.home2 .fl {width:100%;}
.home2 .fr {width:100%;padding:.35rem 0 0;}
.list3 {margin:0 -7px}
.list3 li {width:100%;padding:0  7px;margin-bottom:.15rem;}
.list3 .a {height:1.4rem;padding:0 .15rem;}
.list3 span {margin-bottom:.08rem;font-size:.14rem;height:.25rem;}
.list4 .no1 .imgBox {width:100%;}
.list4 .no1 .txt {flex:auto;width:100%;padding:.25rem .15rem;}
.list4 .no1 .bottom h6 img {height:.16rem;margin:-2px .1rem 0 0;}
.list4 .no1 h4 {margin:0 0 .25rem}
.list4 .a {height:.44rem;padding:0 0 0 .24rem;}
}



.home3 .tit big {color:#fff;}
.home3 .tit small {color:#fff;}
.home3 .more {font-size:.14rem;margin:0;}
.home3 .more img {height:.1rem}


.list6 {position:relative;z-index:1;margin:.25rem 0 0;padding:.25rem; background:#fff;}
.list6::before {content:"";position:absolute;left:.03rem;top:.24rem;bottom:.24rem;width:1px;background:#D8D8D8;}
.list6 .a {padding:0 0 0 .3rem;position:relative;height:.5rem;align-items:center;}
.list6 .a:before {content:"";position:absolute;width:.19rem;height:.19rem;background:#043985;border-radius:50vw;left:-.06rem;opacity:0;transform:scale(0);transition:.5s}
.list6 .a:after {content:"";position:absolute;width:.07rem;height:.07rem;background:#043985;transform:rotate(45deg);left:0;transition:.5s}
.list6 h4 {flex:1;font-size:.22rem;line-height:.3rem;transition:.5s;width:100%;-webkit-transition:all 0.5s;transition:all 0.5s;}
.list6 h6 {width:auto;margin:0 0 0 .25rem;}

.link {position:absolute;bottom:0;z-index:4;left:0;width:100%;padding-bottom:0.24rem;}
.link::after {content:'';display:block;width:100%;background:url(linkbg.png) repeat-x bottom center;height:2rem;position:absolute;bottom:0;left:0;z-index:-1;}
.link .line {background:url(lkline.png) no-repeat center center;width:0.12rem;height:0.95rem;}
.wz {margin:0.1rem 0.5rem;}
.wz .bt {font-size:0.28rem;color:#ffffff;font-weight:bold;}
.wz .en {font-size:0.16rem;color:#ffffff;}
.link_ul {display:flex;flex-wrap:wrap;width:calc(100% - 2.4rem);}
.link_ul li {width:20%;}
.link_ul a {display:block;}
.link_ul .pic {max-width:0.6rem;margin:0 auto 0.12rem;height:0.65rem;display:flex;align-items:center;}
.link_ul .pic img {width:auto;max-width:100%;}
.link_ul .bt {font-size:0.2rem;color:#fff;text-align:center;line-height:0.26rem;}
.link_ul li:hover .pic img {-webkit-animation:jello 1s;-moz-animation:jello 1s;animation:jello 1s;}
.link_ul li:hover .bt {font-weight:bold;}
@media(max-width:1200px) {.link {position:relative;background:#0369b1;padding:0.2rem 0;}
.link .line {display:none;}
.link_ul {width:100%;margin-top:0.15rem;}
}
@media(max-width:769px) {.link {padding:0.1rem 0;}
.wz {display:none;}
.link_ul .bt {font-size:0.14rem;}
.link_ul .pic {max-width:0.5rem;height:0.5rem;}
}