@charset "utf-8";

.banner a{
    display: block;
    position: relative;
}
.banner a img{
    display: block;
    width: 100%;
}
.banner img{
    display: block;
    width: 100%;
    cursor: pointer;
}
.banner a:after{
    position: absolute;
    content: '';
    left: 0;
    right: 0;
    bottom: 0;
    height: 1.72rem;
    background: linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, #000000 100%);
}
.banner .swiDots{
    font-size: 0;
    bottom: .45rem;
}
.banner .swiDots span{
    width: .15rem;
    height: .15rem;
    margin: 0 .15rem;
    background: #fff;
    opacity: .4;
}
.banner .swiDots span.active{
    opacity: 1;
}

.title001 {
    position: relative;
    z-index: 2;
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.title001 .tit{
    display: flex;
    align-items: center;
}
.title001 .tit img{
    display: block;
    width: .45rem;
    margin-right: .15rem;
}
.title001 .tit h3 span{
    display: block;
    font-size: .36rem;
    line-height: 1;
    color: #333333;
    font-family: 'SourceHanSansCN-Bold', sans-serif;
}
.title001 .tit h3 em{
    margin-top: .05rem;
    display: flex;
    align-items: center;
    font-size: .16rem;
    line-height: 1;
    color: #334A9C;
    text-transform: uppercase;
}
.title001 .tit h3 em img{
    display: block;
    width: auto;
    height: .07rem;
    margin-right: .05rem;
}
.title001 .more a{
    display: flex;
    align-items: flex-end;
    font-size: .18rem;
    color: #666666;
    line-height: 1;
}
.title001 .more a img{
    display: block;
    height: .2rem;
    margin-left: .05rem;
}
.index_s1 .left{
    width: 66.875%;
}

.index_s1 .left .ll{
    width: 62.05%;
}

.list1w a{
    display: block;
}
.list1w a .pic{
    padding-top: 3.92rem;
}
.list1w a h3{
    font-size: .2rem;
    line-height: .3rem;
    color: #333333;
    font-family: 'SourceHanSansCN-Bold',sans-serif;
    transition: .5s;
}
.list1w a p{
    margin-top: .16rem;
    font-size: .16rem;
    line-height: .24rem;
    color: #666666;
    height: .48rem;
}
.list1w a .txt{
    padding: .34rem 0 .28rem;
}

.list1w .btn_box{
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.list1w .btn_box i{
    display: block;
    height: .07rem;
    background: no-repeat 50%/auto 100%;
}
.list1w .btn_box i.i1{
    width: .35rem;
    background-image: url("../images/s1-img-2.png");
    background-position: right center;
}
.list1w .btn_box i.i2{
    width: 3.02rem;
    background-image: url("../images/s1-img-3.png");
    background-position: left center;
}
.list1w .btn_box i.i3{
    width: .66rem;
    background-image: url("../images/s1-img-4.png");
    background-position: right center;
}
.list1w .swiDots{
    font-size: 0;
    position: static;
    flex-shrink: 0;
    margin: 0 .1rem;
}
.list1w .swiDots span{
    width: auto;
    height: auto;
    border-radius: 0;
    opacity: 1;
    font-size: .16rem;
    line-height: .38rem;
    color: #334A9C;
    background: transparent;
    vertical-align: middle;
    margin: 0 .07rem;
}
.list1w .swiDots span.active{
    font-size: .26rem;
    font-family: 'SourceHanSansCN-Medium', sans-serif;
}
.list1w .btn{
    display: flex;
    align-items: center;
    flex-shrink: 0;
}
.list1w .btn a{
    display: block;
    width: .29rem;
    height: .29rem;
    background: #334A9C no-repeat 50%/.13rem;
    border-radius: .5rem;
    position: static;
    transform: none;
    transition: .5s;
}
.list1w .btn a.prev{
    margin-right: .12rem;
    background-image: url("../images/prev-1.png");
}
.list1w .btn a.next{
    background-image: url("../images/next-1.png");
}
.list1w .btn a:hover{
    background-color: #E78014;
}
.index_s1 .left .rr{
    width: 36.92%;
}

.list_box2 li a{
    display: block;
    position: relative;
    padding: .18rem 0;
    z-index: 2;
}
.list_box2 li time{
    display: block;
    font-size: .18rem;
    line-height: .28rem;
    padding-left: .26rem;
    background: url("../images/s1-img-5.png")no-repeat left center/.16rem;
    transition: .5s;
}
.list_box2 li h3{
    font-size: .18rem;
    line-height: .26rem;
    color: #333333;
    margin-top: .12rem;
    transition: .5s;
}
.list_box2 li:after{
    position: absolute;
    content: '';
    left: -.28rem;
    right: -.36rem;
    top: -1px;
    bottom: -1px;
    background: url("../images/s1-img-7.png") no-repeat 50%/cover;
    box-shadow: 0 .02rem .14rem 0 rgba(51, 74, 156, 0.3621);
    opacity: 0;
    visibility: hidden;
    transition: .5s;
}
.list_box2 li{
    position: relative;
    border-bottom: 1px dashed rgba(151, 151, 151, 0.3);
}
.list_box2 li:last-child{
    border: none;
}

.list_box2 li:hover:after{
    opacity: 1;
    visibility: visible;
}
.list_box2 li:hover time{
    color: #fff;
    background-image: url("../images/s1-img-6.png");
}
.list_box2 li:hover h3{
    color: #fff;
    font-family: 'SourceHanSansCN-Bold', sans-serif;
}
.list_box2{
    margin-top: -.18rem;
    padding: 0 .36rem 0 .28rem;
}

.index_s1 .content{
    margin-top: .53rem;
    display: flex;
    flex-wrap: wrap;
    align-items: flex-start;
    justify-content: space-between;
}
.index_s1 .right{
    width: 30%;
}
.index_s1 .right .title001 .tit>img{
    width: .47rem;
}

.list_box3 li a{
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
}
.list_box3 li time{
    width: .74rem;
    text-align: center;
    color: #334A9C;
    margin-right: .24rem;
    flex-shrink: 0;
}
.list_box3 li time span{
    display: block;
    font-size: .28rem;
    line-height: 1;

}
.list_box3 li time em{
    margin-top: .05rem;
    display: block;
    font-size: .14rem;
    line-height: .23rem;
    border: 1px solid rgba(151, 151, 151, 0.2);
    transition: .5s;
}
.list_box3 li h3{
    flex: 1;
    font-size: .18rem;
    line-height: .26rem;
    color: #333333;
    transition: .5s;
}

.list_box3 li + li{
    margin-top: .46rem;
}
.list_box3 li:hover time em{
    background: #E78014;
    color: #fff;
    border-color: #E78014;
}
.list_box3 li:hover h3{
    color: #334A9C;
    font-family: 'SourceHanSansCN-Bold',sans-serif;
}
.list_box3{
    margin-top: .56rem;
}
.index_s1 .wp{
    display: flex;
    flex-wrap: wrap;
    align-items: flex-start;
    justify-content: space-between;
}
.index_s1{
    padding: .78rem 0 .6rem;
}
.index_s2 .tab_tit{
    display: flex;
    justify-content: center;
}
.index_s2 .tab_tit .li{
    font-size: .2rem;
    line-height: .41rem;
    color: #fff;
    background: rgba(255, 255, 255, 0.2);
    border-radius: .5rem;
    width: 1.8rem;
    text-align: center;
    margin: 0 .16rem;
    transition: .5s;
    cursor: pointer;
}
.index_s2 .tab_tit .li.active{
    background: #E78014;
}

.list2w a{
    display: block;
}
.list2w a .pic{
    padding-top: 3.95rem;
}
.list2w a .imgBox{
    border: .03rem solid transparent;
    border-radius: .1rem;
    overflow: hidden;
    transition: .5s;
}
.list2w a .txt h3{
    font-size: .26rem;
    line-height: .38rem;
    color: #fff;
    font-family: 'SourceHanSansCN-Bold',sans-serif;
    text-align: center;
}
.list2w a .txt h4{
    font-size: .16rem;
    line-height: .24rem;
    color: #fff;
    text-align: center;
    margin-top: .11rem;
    opacity: 0;
    transition: .5s;
}
.list2w a .txt{
    margin-top: .3rem;
}
.list2w .item{
    width: 3.5rem;
    opacity: 0;
}

.list2w .swiper-slide-active {
    transform: translate3d(0, 0, -2.6rem) rotateY(0deg);
    transition: .5s;
    opacity: 1;
}

.list2w .swiper-slide-prev {
    transform: translate3d(-0.45rem, 0, -2.5rem) rotateY(30deg);
    transition: .5s;
    opacity: 1;
}

.list2w .swiper-slide-next {
    transform: translate3d(0.4rem, 0, -2.5rem) rotateY(-30deg);
    transition: .5s;
    opacity: 1;
}

.list2w .swiper-slide.pr2 {
    transform: translate3d(-0.4rem, 0, -1.1rem) rotateY(50deg);
    transition: .5s;
    opacity: 1;
}

.list2w .swiper-slide.ne2 {
    transform: translate3d(.4rem, 0, -1.1rem) rotateY(-50deg);
    transition: .5s;
    opacity: 1;
}

.list2w .swiper-slide.pr3 {
    transform: translate3d(.15rem, 0, -.2rem) rotateY(60deg);
    transition: .5s;

}

.list2w .swiper-slide.ne3 {
    transform: translate3d(-.15rem, 0, -.2rem) rotateY(-60deg);
    transition: .5s;

}

.list2w .swiper-slide.pr4 {
    transform: translate3d(.15rem, 0, -.2rem) rotateY(60deg);
    transition: .5s;
    opacity: 0
}

.list2w .swiper-slide.ne4 {
    transform: translate3d(-.15rem, 0, -.2rem) rotateY(-60deg);
    transition: .5s;
    opacity: 0
}
.list2w .swiper-slide-active .txt h4{
    opacity: 1;
}
.list2w .swiper-slide-active .imgBox{
    border-color: #E78014;
}

.list2w .btn{
    width: .2rem;
    height: .34rem;
    background: transparent no-repeat 50%/100%;
    margin-top: -.5rem;
}
.list2w .prev{
    left: 0;
    background-image: url("../images/prev-2.png");
}
.list2w .next{
    right: 0;
    background-image: url("../images/next-2.png");
}

.list2w{
    position: relative;
    padding: 0 .52rem;
}

.index_s2 .tab_cont .child{
    opacity: 0;
    height: 0;
    transform: scaleY(0);
}
.index_s2 .tab_cont .child.active{
    opacity: 1;
    height: auto;
    transform: none;
}
.index_s2 .tab_cont .child.active .list2w{
    animation: o-upfade-top 0.7s cubic-bezier(0.4, 0, 0.2, 1) forwards;
}

.index_s2 .tab_cont{
    margin-top: .26rem;
}

.index_s2 .content{
    margin-top: .48rem;
}
.index_s2 .title001 .more a{
    display: none;
    color: #fff;
}
.index_s2 .title001 .more a.active{
    display: flex;
}
.index_s2 .title001 .more{
    position: absolute;
    right: 0;
    top: 50%;
    transform: translateY(-50%);
}
.index_s2 .title001 .tit h3 span,
.index_s2 .title001 .tit h3 em{
    color: #fff;
}
.index_s2 .title001{
    position: relative;
    justify-content: center;
}
.index_s2{
    padding: .78rem 0 .43rem;
    background: url("../images/index_s2.jpg") no-repeat 50%/cover;
}

.list_box4{
    display: flex;
    flex-wrap: wrap;
    align-items: flex-start;
}
.list_box4 h3{
    width:1.6rem;
    font-size: .26rem;
    line-height: .32rem;
    color: #334A9C;
    font-family: 'SourceHanSansCN-Medium', sans-serif;
}
.list_box4 .a_box{
    width: calc(100% - 1.6rem);
    display: flex;
    flex-wrap: wrap;
}
.list_box4 .a_box .li{
    position: relative;
    font-size: .22rem;
    line-height: .32rem;
    color: #333333;
    margin-right: .3rem;
    padding-right: .3rem;
    transition: .5s;
    margin-bottom: .36rem;
}
.list_box4 .a_box .li:after{
    position: absolute;
    content: '';
    right: 0;
    top: 50%;
    width: 1px;
    height: .15rem;
    background: #334A9C;
    opacity: .8;
    transform: translateY(-50%) skewX(-15deg);
}
.list_box4 .a_box .li:last-child:after{
    display: none;
}
.list_box4 .a_box .li:hover{
    color: #0B3486;
    font-family: 'SourceHanSansCN-Medium', sans-serif;
}
.list_box4:nth-child(2){
    margin-top: .04rem;
}
.index_s3{
    padding: .89rem 0 1.02rem;
    background: url("../images/index_s3.png") no-repeat 50%/cover;
}