@charset "utf-8";

.banner_box{ padding: 0px; position: relative; z-index: 3; }
.banner{ overflow: hidden; }
.banner .a{ display: block; position: relative; z-index: 1; overflow: hidden; }
.banner .imgBox{ overflow: hidden; width: 100%; transform: scale(1);}
.banner .imgBox:after{content: "";position: absolute;height: 15vw;right: 0;bottom: 0;left: 0;}
.banner .imgBox .img{ padding-bottom: 28.64%; transition: 0s; transform: scale(1) !important; }
.banner .imgBox .img video{ opacity: .9;}

.dots1{ position: absolute; bottom: .2rem !important;  z-index: 100;text-align: center;}
.dots1 span{ width: .51rem; height: .51rem; position: relative; opacity: 1; background: none;margin: 0 -.08rem !important;}
.dots1 span:before{ content: ""; position: absolute; top: 0; right: 0; bottom: 0; left: 0; background: url(../ximages/dots1.png) center no-repeat; background-size: cover;transition: .5s; opacity: 0}
.dots1 span:after{ content: ""; position: absolute; top: 0; right: 0; bottom: 0; left: 0; background: rgba(255, 255, 255, 0.7); border-radius: 50%;transform: scale(.25);transition: .5s;}

.dots1 span.active{ margin: 0 .1rem !important}
.dots1 span.active:before{ opacity: 1}
.dots1 span.active:after{ opacity: 0}

.arrow1{ position: absolute; top: 50%;transform: translateY(-50%);z-index: 10; cursor: pointer;}
.arrow1 img{ width: .45rem; height: .45rem;}
.arrow1.prev{ left: 4vw}
.arrow1.next{ right: 4vw}

.pad1{ padding: .5rem 0; overflow: hidden;}

.tit1{ align-items: center; margin: 0 0 .38rem;}
.tit1 .ll{ font-size: .32rem; color: #333; font-family: Microsoft YaHei; font-weight: bold;}
.tit1 .ll font{ color: #0465C4 }
.tit1 .line{ background: url(../ximages/tit1.png) center repeat-x; height: .04rem; flex: 1; background-size: auto 100%;margin: 0 .16rem;}
.more1{ font-size: .18rem; color: #004BB2; position: relative; z-index: 1; display: inline-block; line-height: 1.75}
.more1:before{ content: ""; position: absolute; left: 0; width: 0; height: 1px; background: #004BB2; bottom: 0; transition: .5s;}

.w66{ width: 65.33%;}
.w33{ width: 31%;}

.list1 li{ width: 48%; margin-bottom: .26rem;}
.list1 .time{ width: .65rem; height: .56rem; border: 1px solid #155AA3; text-align: center; margin: 0 .14rem 0 0}
.list1 .time h3{ line-height: .34rem; background: #155AA3; font-size: .24rem; color: #fff}
.list1 .time h6{line-height: .22rem;font-size: .14rem;color: #155aa3;}
.list1 .txt{ flex: 1; overflow: hidden;display: flex;align-items: center;position: relative;z-index: 1;}
.list1 .txt:before{ content: ""; position: absolute; left: 0; width: 0; height: 1px; background: #155AA3; bottom: 0; transition: .5s}

.list2{ margin: -.25rem 0 0 -.1rem; position: relative; z-index: 1;}
.list2 li{ position: relative}
.list2 li:before{ content: ""; position: absolute; left: .38rem; bottom: 0; right: 0; height: 0; border-bottom: 1px dashed #CACACA;}
.list2::before{ content: ""; position: absolute; top: .2rem; bottom: .2rem; width: 1px;  background: #BFDDFF;left: .1rem;}
.list2 .a{ display: flex; height: .84rem; align-items: center;position: relative;padding: 0 0 0 .38rem;}
.list2 .a::before{ content: ""; position: absolute; background: url(../ximages/list2_b.png) center no-repeat;width: .21rem;height: .21rem;background-size: cover;left: 0;top: 50%;margin: -.11rem 0 0; transition: .5s}
.list2 .a::after{ content: ""; position: absolute; background: url(../ximages/list2_b_on.png) center no-repeat;width: .21rem;height: .21rem;background-size: cover;left: 0;top: 50%;margin: -.11rem 0 0; transition: .5s; opacity: 0}

.list2 li:last-child:before{ border: none}

.home2{ background: url(../ximages/home2_b.jpg) center no-repeat; background-size: cover;}

.list3 li{ margin-bottom: .14rem}
.list3 .a{ display: flex; flex-direction: column; justify-content: center; border: 1px solid #D0D7F1; height: 1.22rem;padding: 0 .18rem; transition: .5s;}
.list3 h4{ margin: 0 0 .06rem}
.list3 .p{ display: flex; flex-wrap: wrap}
.list3 .p p{ min-width: 50%; font-size: .14rem; color: #676767; line-height: .28rem}
.list3 .p p img{ margin: -2px .06rem 0 0}

.list4 .a{ align-items: center;}
.list4 .time{ font-size: .22rem; color: #0465C4; width: .9rem; position: relative;}
.list4 .time::before{ content: ""; position: absolute; ;right: .22rem;width: 1px;height: .16rem;background: #333333;opacity: .3;top: 50%;margin: -.08rem;}
.list4 li{ margin-bottom: .43rem;}
.list4 h4{ flex: 1;}

.list4 li:last-child{ margin-bottom: 0;}

.list5 li{ margin-bottom: .24rem;}
.list5 .a{ align-items: center;}
.list5 .imgBox{ width: 1.13rem; margin: 0 .2rem 0 0;}
.list5 .imgBox .img{ padding-bottom: 52.21%;}
.list5 h4{ flex: 1;}
.list5 li:last-child{ margin-bottom: 0;}

.list6 li{ width: 48.5%; margin-bottom: .12rem;}
.list6 .a{ background: #F5F9FC; height: .8rem;align-items: center;padding: 0 .2rem 0 .35rem;position: relative;}
.list6 .a:before{ content: ""; position: absolute; left: 0; width: 0; height: 1px; background: #155AA3; bottom: 0; transition: .5s}
.list6 .ico{ width: .59rem; height: .59rem; position: relative; z-index: 1;margin: 0 .15rem 0 0;}
.list6 .ico::before{ content: ""; position: absolute; z-index: -1; top: 0; right: 0; bottom: 0; left: 0; background: url(../ximages/list6_b.png) center no-repeat; background-size: cover;animation: roted 20s infinite linear;}
.list6 h4{ font-size: .18rem}

.list7 .imgBox{ border-radius: .06rem}
.list7 .imgBox .img{ padding-bottom: 54%;}
.list7 li{ width: 48.5%;margin-bottom: .18rem;}

.list8{ margin: 0 -.05rem;}
.list8 li{ width: 33.33%; padding: 0 .05rem; margin-bottom: .1rem;}
.list8 .a{ background: #F5F9FC; height: .8rem;align-items: center;padding: 0 .1rem; position: relative}
.list8 .a:before{ content: ""; position: absolute; left: 0; width: 0; height: 1px; background: #155AA3; bottom: 0; transition: .5s}
.list8 .ico{ width: .45rem; height: .45rem; position: relative; z-index: 1;margin: 0 .03rem 0 0;}
.list8 h4{ font-size: .18rem}

.list8 li:nth-child(1) .a{ background: #FFF9E8;}
.list8 li:nth-child(2) .a{ background: #FAEFFC;}
.list8 li:nth-child(3) .a{ background: #ECF7EF;}
.list8 li:nth-child(4) .a{ background: #F5F9FC;}
.list8 li:nth-child(5) .a{ background: #E6F5FD;}
.list8 li:nth-child(6) .a{ background: #FCE8E5;}
.list8 li:nth-child(7) .a{ background: #FFF3FC;}
.list8 li:nth-child(8) .a{ background: #FFF8E2;}
.list8 li:nth-child(9) .a{ background: #EEF0FF;}

@media(min-width: 1024px){
    .more1:hover:before{ width: 100%;}
    .list1 .a:hover .txt:before{ width: 100%;}
    
    .list2 .a:hover::before{opacity: 0}
    .list2 .a:hover::after{opacity: 1}

    .list3 .a:hover{ border: #0465C4 1px solid;}
    
    .list6 .a:hover:before, .list8 .a:hover:before{ width: 100%}
}
@media(max-width: 1024px){
}
@media(max-width: 800px){
} 
@media(max-width: 560px){
}