@charset "utf-8";
/*colors*/

.cols1{
    color: #A7832C;
    background: #F7EACB;
}
.cols2{
    color: #2C90E1;
    background: #DFEEFA;
}
.cols3{
    color: #3DB369;
    background: #E4F7EB;
}
.cols4{
    color: #A327BF;
    background: #F8E2FC;
}
.cols5{
    color: #C52A2A;
    background: #FADFDF;
}
.cols6{
    color: #FF8C00;
    background: #FFE4B5;
}
.cols7{
    color: #20B2AA;
    background: #E0F7FA;
}
.cols8{
    color: #6A5ACD;
    background: #E8E8FF;
}


/*header*/

/*banner */
.main-visual-slider{
    position: relative;
}

.swiper-box1 .swiper-wrapper .swiper-slide {
    position: relative;
    overflow: hidden;
    z-index: 1;
}
.swiper-box1 .swiper-wrapper .swiper-slide:after{
    position: absolute;
    content: '';
    left: 0;
    right: 0;
    bottom: 0;
    height: 1.98rem;
    background: linear-gradient(360deg, rgba(8, 8, 8, 0.5) 0%, rgba(0, 0, 0, 0) 100%);
}

.bannerimg .img_hezi {
    padding-bottom: 100vh !important;
}
.swiper-box1 .btn{
    width: .34rem;
    height: .44rem;
    background: no-repeat 50%/100% 100%;
}
.swiper-box1 .prev{
    left: .86rem;
    background-image: url("../images/prev-7.png");
}
.swiper-box1 .next{
    right: .86rem;
    background-image: url("../images/next-7.png");
}

#ctl-cen{
    /* 嵌入模式调整：取消绝对定位（原 top:50% 居中于轮播图），
       改为流内定位 + 负 margin 上移，叠放在平台 banner 图上。
       注意：负 margin 必须用 rem（随视口宽度缩放）。平台 banner 高度、
       面板高度 4.19rem 都是宽度等比量，若用固定 px 上移，只在调参
       那一台电脑的分辨率下对齐，其他分辨率下会出现空白或重叠。
    /* position: absolute; */
    left: 0;
    right: 0;
    top: 50%;
    transform: translateY(-50%);
    z-index: 5;
    margin-top: -4.29rem;
}

#ctl-cen .content{
    max-width: 13.04rem;
    height: 4.19rem;
    margin: 0 auto;
    border-radius: .2rem;
    overflow: hidden;
}

#ctl-cen .tab-tit1{
    position: relative;
    display: flex;
    justify-content: space-between;
}
#ctl-cen .tab-tit1 .li:nth-child(1){
    width: 3.34rem;
    background: #138DFF;
    cursor: pointer;
}
#ctl-cen .tab-tit1 .li:nth-child(1) h2{
    display: flex;
    align-items: center;
    font-size: .22rem;
    color: #FFFFFF;
    line-height: .75rem;
    justify-content: center;
}
#ctl-cen .tab-tit1 .li:nth-child(1) h2 img{
    display: block;
    width: .22rem;
    margin-right: .3rem;
}

/*文章检索部分*/

#ctl-cen .con{
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    transition: .5s;
}

#ctl-cen .con .left{
    width: 3.34rem;
    background: rgba(3, 28, 56, 0.7);
}
#ctl-cen .tab-tit2{
    height: 3.44rem;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}
#ctl-cen .tab-tit2 .li{
    cursor: pointer;
    transition: .5s;
}
#ctl-cen .tab-tit2 .li h3{
    font-size: .22rem;
    line-height: .75rem;
    color: #fff;
    text-align: center;
}
#ctl-cen .tab-tit2 .li.active,#ctl-cen .tab-tit2 .li:hover{
    background: linear-gradient(270deg, #0055B4 0%, #0972E7 100%);
}
#ctl-cen .con .right{
    width: calc(100% - 3.34rem);
    background: rgba(255, 255, 255, 0.8);
}

#ctl-cen .form h3{
    font-size: .26rem;
    line-height: .34rem;
    color: #333333;
}
#ctl-cen .form form{
    display: block !important;
}
#ctl-cen .form label{
    margin-top: .24rem;
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: space-between;
    border: 2px solid #015BBE;
    border-radius: .05rem;
    background: #fff;
}
#ctl-cen .form span{
    width: 1.12rem;
    display: block;
    font-size: .18rem;
    color: #333333;
    line-height: .61rem;
    position: relative;
    border-right: 2px solid #015BBE;
    cursor: pointer;
    text-align: center;
    padding-right: .31rem;
    background: url("../images/jt.png") no-repeat right .2rem center/.12rem auto;
}

#ctl-cen .form span i{
    display: block;
}
.list1 {
    position: absolute;
    top: 100%;
    right: 0;
    left: 0;
    background: #015BBE;
    z-index: 1;
    padding: .1rem 0;
    transition: .5s;
    transform: scaleY(0);
    transform-origin: top;
}

.list1 a {
    font-size: .16rem;
    color: #fff;
    display: block;
    line-height: 1;
    padding: .1rem 0;
    transition: .5s;
}
.list1 a:hover{
    background: #fff;
    color: #015BBE;
}

#ctl-cen .form span.on .list1 {
    transform: scaleY(1)
}
#ctl-cen .form select{
    width: 1.12rem;
    display: block;
    font-size: .18rem;
    color: #333333;
    line-height: .61rem;
    height: .61rem;
    position: relative;
    border: none;
    background: transparent;
    outline: none;
    text-align: center;
}
#ctl-cen .form input{
    display: block;
    width: calc(100% - 2.54rem);
    height: .61rem;
    line-height: .61rem;
    color: #333;
    font-size: .18rem;
    padding: 0 .3rem;
    border-left: .02rem solid #015BBE;
}

#ctl-cen .no_sel input{
    width: calc(100% - 1.4rem);
    border: none;
}
#ctl-cen .no_sel input[type='hidden']{
    display: none;
    width: 0;
}
#ctl-cen .form input::placeholder{
    color: #9E9E9E;
}

#ctl-cen .form button{
    width: 1.4rem;
    height: .61rem;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: .2rem;
    color: #fff;
    background: linear-gradient(270deg, #0055B4 0%, #0972E7 100%);
    cursor: pointer;
}
#ctl-cen .form button img{
    display: block;
    width: .24rem;
    margin-right: .14rem;
}

#ctl-cen .form{
    padding: .52rem .63rem .52rem .71rem;
}

#ctl-cen .tab-cont2 .child2{
    display: none;
}
#ctl-cen .tab-cont2 .child2.active{
    display: block;
}

#ctl-cen .con2{
    width: 100%;
    height: 3.44rem;
    background: rgba(255, 255, 255, 0.8);
}

/*导航部分*/
#ctl-cen .nav li:last-child .box a:nth-child(3):after {display:none}
#ctl-cen .tab-tit1 .li:nth-child(2){
    width: calc(100% - 3.34rem);
    padding: 0 .26rem;
    background: linear-gradient(270deg, #0055B4 0%, #0972E7 100%);
}

#ctl-cen .nav li{
    width: 16.66%;
}

#ctl-cen .nav li:nth-child(2) .sub dl dd:nth-child(2) a{
    margin-right:.8rem;
}
#ctl-cen .nav li:nth-child(2) .sub dl dd:nth-child(3){
    order:4;
}
#ctl-cen .nav li:nth-child(2) .sub dl dd:nth-child(4){
    order:5;
}
#ctl-cen .nav li:nth-child(2) .sub dl dd:nth-child(5){
    order:3;
}
#ctl-cen .nav li:nth-child(2) .sub dl dd:nth-child(2) a:nth-child(3)::after,
#ctl-cen .nav li:nth-child(2) .sub dl dd:last-child a:last-child:after{
    display:none;
}

#ctl-cen .nav .sub dl .box a:last-child:after{
    display: none;
}
#ctl-cen .nav li:nth-child(3) .sub dl .box{
    display:block;
}
#ctl-cen .nav li:nth-child(4) .sub dl dd a:nth-child(3)::after{
    display:none;
}
#ctl-cen .nav li:nth-child(4) .sub dl dd a{
    margin-right:1rem;
}
#ctl-cen .nav li:nth-child(5) .sub dl dd:nth-child(1){
    order:3;
}
#ctl-cen .nav li:nth-child(5) .sub dl dd:nth-child(2){
    order:2;
}
#ctl-cen .nav li:nth-child(5) .sub dl dd:nth-child(4){
    order:1;
}
#ctl-cen .nav li:nth-child(5) .sub dl dd h4{
    min-width:1rem;
}
#ctl-cen .nav li:nth-child(6) .sub dl dd:nth-child(2),
#ctl-cen .nav li:nth-child(6) .sub dl dd:nth-child(1){
    order:-2;
}
#ctl-cen .nav li:nth-child(6) .sub dl dd:nth-child(5){
    order:-1;
}
#ctl-cen .nav li:nth-child(6) .sub dl dd:nth-child(5) a{
    margin-right:.5rem;
}
#ctl-cen .nav li:nth-child(6) .sub dl dd:nth-child(5) a:nth-child(3)::after{
    display: none;
}
#ctl-cen .nav h3{
    font-size: .22rem;
    line-height: .76rem;
    color: #fff;
    text-align: center;
    transition: .5s;
}
#ctl-cen .nav h3 a{
    display: block;
}
#ctl-cen .nav li:hover h3{
    background: #BD9F68;
}

/*2024-12-25 change start*/
#ctl-cen .nav .sub{
    position: absolute;
    left: 0;
    right: 0;
    top: .76rem;
    min-width: 3.44rem;
    opacity: 0;
    visibility: hidden;
    transform-origin: top;
    /*  transform: scaleY(0);*/
    transition: opacity,visibility ,.5s;
    background: #E8EEFC;
    min-height: 3.44rem;
}

#ctl-cen .nav .sub .sub_box{
    padding: .18rem .3rem .18rem .2rem;
}

#ctl-cen .nav .sub dl{
    height: 3.08rem;
    -webkit-column-count: 5; /* Chrome, Safari, Opera */
    -moz-column-count: 5;    /* Firefox */
    column-count: 5;
    -webkit-column-gap: .2rem; /* Chrome, Safari, Opera */
    -moz-column-gap: .2rem;    /* Firefox */
    column-gap: .2rem;
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
}


/*2025-03-31 change start*/

#ctl-cen .nav .sub dl dd{
    break-inside: avoid;
    margin-top: .1rem;
}

#ctl-cen .nav .sub dl h4{
    font-size: .18rem;
    color: #0135A3;
    font-weight: 700;
    line-height: .4rem;
    min-width: 2rem;
}
#ctl-cen .nav .sub dl h4 a{
    display: block;
}
#ctl-cen .nav .sub dl .box a{
    display: block;
    font-size: .16rem;
    line-height: 2;
    color: #707070;
    padding: .05rem 0;
    transition: .5s;
    padding-left: .15rem;
    position: relative;
}
#ctl-cen .nav .sub dl .box a:before{
    position: absolute;
    content: '';
    left: 0;
    top: 50%;
    width: .07rem;
    height: .07rem;
    background: #B4C8F1;
    border-radius: 50%;
    transform: translateY(-50%);
}
#ctl-cen .nav .sub dl .box a:after{
    position: absolute;
    content: '';
    top: 50%;
    left: .03rem;
    width: 1px;
    height: .3rem;
    background: #B4C8F1;
    margin-top: .05rem;
}


#ctl-cen .nav .sub dl .box{
    padding: 0 0;
    display: grid;
    grid-auto-flow: column;  /* 横向排列 */
    grid-template-rows: repeat(auto-fill, .4rem); /* 自动行高 */
    max-height:1.2rem;
    gap: 0 .1rem;
}

/*2025-03-31 change end*/




#ctl-cen .nav .sub dl a:hover{
    color: #0135A3;;
}

#ctl-cen .nav li.xiala:hover .sub{
    opacity: 1;
    visibility: visible;
    z-index: 3;
    /*transform: none;*/
}

#ctl-cen .tab-cont1 .child1.hide .con{
    opacity: 0;
    visibility: hidden;
}

#ctl-cen .tab-cont1 .child1.hide{
    background: #E8EEFC;
}
#ctl-cen .tab-cont1 .close{
    position: absolute;
    right: .1rem;
    top: .1rem;
    width: .33rem;
    height: .33rem;
    background: #0135A3 url("../images/close.png") no-repeat 50%/.24rem;
    z-index: 5;
    border-radius: 50%;
    cursor: pointer;
}

#ctl-cen .tab-cont1{
    position: relative;
}

/*banner 底部导航*/

.list_box1{
    position: absolute;
    left: 0;
    right: 0;
    bottom: .3rem;
    z-index: 3;
}

.list_box1 ul{
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
}
.list_box1 li{
    width: 1.9rem;
}
/* 半透明底仅作用于每个图标+文字块，行内其余区域透出背景图 */
.list_box1 li a{
    display: block;
    transition: .5s;
    background: rgba(0, 40, 90, 0.45);
    border-radius: .1rem;
    padding: .1rem 0 .06rem;
}
.list_box1 li .icon{
    width: .48rem;
    height: .46rem;
    margin: 0 auto;
    position: relative;
}
.list_box1 li .icon .img-2,
.list_box1 li:hover .icon .img-1{
    opacity: 0;
}
.list_box1 li h3{
    font-size: .2rem;
    line-height: .3rem;
    color: #fff;
    text-align: center;
    margin-top: .12rem;
    transition: .5s;
}
.list_box1 li:hover .icon .img-2{
    opacity: 1;
}
.list_box1 li:hover h3{
    color: #BD9F68;
}
.list_box1 li:hover a{
    transform: scale(1.1);
}
.section {
    overflow: hidden;
}

.section .fp-tableCell {
    padding: .9rem 0 0
}

.section.container01 .fp-tableCell {
    padding: 0
}

/*index*/

.title001{
    position: relative;
    z-index: 2;
    display: flex;
    align-items: center;
    justify-content: center;
}

.title001 .tit h4{
    font-size: .48rem;
    line-height: .62rem;
    color: #1075CA;
    font-weight: 700;
    opacity: .1;
    text-transform: uppercase;
    text-align: center;
}

.title001 .tit h2{
    display: flex;
    justify-content: center;
    font-size: .38rem;
    line-height: .5rem;
    color: #333333;
    font-weight: 700;
    position: relative;
    margin-top: -.42rem;
    z-index: 2;
    margin-bottom: .1rem;
}
.title001 .tit h2 span{
    display: block;
}
.title001 .tit h2 span.span1{
    color: #015BBE;
}
.title001 .tit .line{
    position: relative;
    width: .71rem;
    height: 3px;
    margin: 0 auto;
}
.title001 .tit .line:before{
    position: absolute;
    content: '';
    width: 48.5%;
    top: 0;
    bottom: 0;
    left: 0;
    background: #BD9F68;
    transform: skew(45deg);
}
.title001 .tit .line:after{
    position: absolute;
    content: '';
    width: 48.5%;
    top: 0;
    bottom: 0;
    right: 0;
    background: #1276CB;
    transform: skew(-45deg);
}

.title001 .more,
.title002 .more{
    position: absolute;
    right: 0;
    top: 50%;
    transform: translateY(-50%);
}
.title001 .more a,
.title002 .more a{
    display: flex;
    align-items: center;
    font-size: .16rem;
    line-height: .24rem;
    color: #727272;
    transition: .5s;
}
.title001 .more a img,
.title002 .more a img{
    display: block;
    height: .17rem;
    margin-left: .06rem;
}

.title002{
    position: relative;
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.title002 h2{
    display: flex;
    align-items: center;
    font-size: .28rem;
    color: #333333;
    line-height: .38rem;
    font-weight: 700;
}
.title002 h2 img{
    display: block;
    width: .28rem;
    margin-right: .14rem;
}

.container02 .left{
    width: 48.2%;
    background: #fff;
    padding: .29rem .29rem .06rem;
    border-radius: .15rem;
    box-shadow: 0 0 .1rem 0 rgba(18, 118, 203, 0.3);
}

.list1w a{
    display: block;
    position: relative;
}
.list1w a .pic{
    padding-top: 3.81rem;
}
.list1w a .txt{
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 3;
    padding: .27rem .21rem .12rem;
    background: linear-gradient( rgba(6, 6, 6, 0) 0%, rgba(6, 6, 6, 0.8) 100%);
}
.list1w a h4{
    display: flex;
}
.list1w a h4 span{
    display: block;
    font-size: .18rem;
    line-height: .3rem;
    padding: 0 .1rem;
    min-width: .65rem;
    text-align: center;
    border-radius: .5rem;
}
.list1w a h3{
    font-size: .22rem;
    line-height: .3rem;
    color: #FFFFFF;
    margin-top: .09rem;
}

.list1w .btn{
    width: .31rem;
    height: .43rem;
    background: transparent no-repeat 50%/100%;
}
.list1w .prev{
    left: 0;
    background-image: url("../images/prev-1.png");
}
.list1w .next{
    right: 0;
    background-image: url("../images/next-1.png");
}

.container02 .left .top{
    margin-top: .24rem;
}

.list_box2 a{
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.list_box2 a span{
    display: block;
    font-size: .18rem;
    line-height: .3rem;
    padding: 0 .1rem;
    min-width: .65rem;
    margin-right: .05rem;
    flex-shrink: 0;
    border-radius: .5rem;
    text-align: center;
}

.list_box2 a h3{
    font-size: .2rem;
    line-height: .8rem;
    color: #333333;
    flex: 1;
    transition: .5s;
}
.list_box2 a time{
    display: block;
    font-size: .16rem;
    line-height: .32rem;
    color: #9E9E9E;
    margin-left: .2rem;
}
.list_box2 li:not(:last-child){
    border-bottom: 1px solid #E8EAED;
}
.list_box2 a:hover h3{
    color: #0055B4;
}

.container02 .right{
    width: 48.2%;
    background: #fff;
    padding: .29rem .32rem .15rem .29rem;
    border-radius: .15rem;
    box-shadow: 0 0 .1rem 0 rgba(18, 118, 203, 0.3);

}

.list_box3 li a{
    padding: .3rem 0;
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.list_box3 li time{
    display: block;
    width: .79rem;
    padding-right: .2rem;
    position: relative;
    color: #0052A9;
    text-align: center;
}
.list_box3 li time span{
    display: block;
    font-size: .3rem;
    line-height: 1;
    font-family: 'bahnschrift',sans-serif;
}
.list_box3 li time em{
    display: block;
    font-size: .15rem;
    line-height: 1;
    font-family: 'bahnschrift',sans-serif;
    margin-top: .05rem;
}
.list_box3 li time:after{
    position: absolute;
    content: '';
    right: 0;
    top: 0;
    width: 1px;
    height: .54rem;
    background: #E8EAED;
}
.list_box3 li .txt{
    width: calc(100% - 1.03rem);
    display: flex;
    align-items: center;
}
.list_box3 li .txt span{
    display: block;
    font-size: .16rem;
    line-height: .3rem;
    text-align: center;
    min-width: .65rem;
    padding: 0 .1rem;
    border-radius: .5rem;
    margin-right: .12rem;
    flex-shrink: 0;
}

.list_box3 li .txt h3{
    flex: 1;
    font-size: .22rem;
    line-height: .3rem;
    color: #333333;
    transition: .5s;
}
.list_box3 li:hover .txt h3{
    color: #0135A3;
}
.list_box3 li:not(:last-child){
    border-bottom: 1px solid #E8EAED;
}

.list_box3{
    margin-top: .06rem;
}

.container02 .content{
    margin-top: .44rem;
    display: flex;
    flex-wrap: wrap;
    align-items: flex-start;
    justify-content: space-between;
}
.container02{
    background: url("../images/index-s1.jpg") no-repeat 50%/cover;
}

.container03 .tab-tit{
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    border-bottom: 1px solid #D8D8D8;
}
.container03 .tab-tit .li{
    position: relative;
    font-size: .26rem;
    color: #333333;
    line-height: .82rem;
    margin: 0 .32rem;
    transition: .5s;
    cursor: pointer;
}
.container03 .tab-tit .li:before{
    position: absolute;
    content: '';
    left: 50%;
    width: 1.23rem;
    height: .21rem;
    bottom: -.11rem;
    background: url("../images/s2-img-1.png") no-repeat 50%/100% 100%;
    transform: translateX(-50%);
    z-index: 2;
    opacity: 0;
    visibility: hidden;
    transition: .5s;
}
.container03 .tab-tit .li:after{
    position: absolute;
    content: '';
    left: 0;
    right: 0;
    bottom: -1px;
    background: #fff;
    height: 1px;
    opacity: 0;
    visibility: hidden;
    transition: .5s;
}

.container03 .tab-tit .li.active{
    color: #0135A3;
}
.container03 .tab-tit .li.active:before,
.container03 .tab-tit .li.active:after{
    opacity: 1;
    visibility: visible;
}


.list2w a{
    display: block;
    padding: .18rem 0 .25rem;
    position: relative;
}
.list2w a .img-box{
    max-width: 1.99rem;
    margin: 0 auto;
    position: relative;
    z-index: 2;
}
.list2w a .img_hezi{
    padding-top: 3.07rem;
    background-size: contain;
}
.list2w a .txt h3{
    font-size: .2rem;
    line-height: .3rem;
    color: #333333;
    text-align: center;
    transition: .5s;
    padding: 0 0.2rem
}
.list2w a .txt{
    position: relative;
    z-index: 2;
    margin-top: .26rem;
}

.list2w a:after{
    position: absolute;
    content: '';
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    background: #fff url("../images/s2-img-3.png") no-repeat bottom center/100% 0;
    box-shadow: 0 0 .1rem 0 rgba(4, 89, 161, 0.15);
    opacity: 0;
    visibility: hidden;
    transition: .5s;
}
.list2w .swiper-slide-active a:after{
    opacity: 1;
    visibility: visible;
    background-size: 100% 1.32rem;
}
.list2w .swiper-slide-active a .txt h3{
    color: #fff;
    font-weight: 700;
}

.list2w .swiper-container{
    padding: .1rem;
    overflow: hidden;
}

.list2w .btn{
    width: .63rem;
    height: .63rem;
    background:transparent no-repeat 50%/100% 100%;
    transition: .5s;
    margin-top: -.2rem;
}

.list2w .prev{
    left: -.31rem;
    background-image: url("../images/prev-2.png");
}
.list2w .next{
    right: -.31rem;
    background-image: url("../images/next-2.png");
}
.list2w .prev:hover{
    background-image: url("../images/prev-3.png");
}
.list2w .next:hover{
    background-image: url("../images/next-3.png");
}

.list2w {
    position: relative;
    padding: 0 .325rem;
    min-height: 4.26rem;
}

.container03 .gd a{
    display: block;
    font-size: .16rem;
    line-height: .4rem;
    color: #fff;
    width: 1.1rem;
    text-align: center;
    background: linear-gradient(270deg, #0055B4 0%, #0972E7 100%);
    border-radius: .05rem;
    margin: 0 auto;
}
.container03 .gd{
    display: none;
}
.container03 .tab-cont .child{
    opacity: 0;
    height: 0;
    transform: scaleY(0);
}

.container03 .tab-cont .child.active{
    opacity: 1;
    height: auto;
    transform: none;
}

.container03 .tab-cont{
    margin-top: .42rem;

}
.container03 .title002 .more a{
    display: none;
}
.container03 .title002 .more a.active{
    display: flex;
}
.container03 .title002 .more{
    right: .3rem;
}
.container03 .title001 .tit h2 span.span1{
    color: #D8B26D;
}
.container03 .title001 .tit h2{
    color: #fff;
}

.container03 .title001 .tit h4{
    color: #fff;
}
.container03 .title001 .tit .line:before{
    background: #fff;
}
.container03 .title001 .tit .line:after{
    background: #D8B26D;
}

.container03 .content{
    margin-top: .59rem;
    background: #fff;
    border-radius: .15rem;
    padding-top: .03rem;
    padding-bottom: .65rem;
}
.container03{
    background: url("../images/index-s2.png") no-repeat 50%/cover;
}

.container04 .left{
    width: 4.89rem;
}

.calendar {

}
.calendar .box {
    background: #fff;
    overflow: hidden;
    border-radius: .15rem;
    min-height: 5.51rem;
}


.container04 .right{
    width: calc(100% - 5.27rem);
}

.list_box4 .li{
    width: 32%;
}

.list_box4{
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}

.list_box4 li{
    margin-top: .24rem;
    position: relative;
    border-radius: .15rem;
    overflow: hidden;
    transition: .5s;
}

.list_box4 li:first-child{
    margin-top: 0;
}

.list_box4 li .show a{
    padding: .1rem 0;
    height: 1.21rem;
    display: flex;
    align-items: center;
    justify-content: space-between;
    background: rgba(255, 255, 255, 0.8);
    border-radius: .15rem;
    transition: .5s;
}

.list_box4 li .show a time{
    display: block;
    width: 1.01rem;
    text-align: center;
    color: rgba(2, 54, 164, 0.8);
}

.list_box4 li .show a time span{
    display: block;
    font-size: .3rem;
    line-height: 1;
    font-family: 'bahnschrift',sans-serif;
}
.list_box4 li .show a time em{
    display: block;
    font-size: .15rem;
    line-height: 1;
    margin-top: .05rem;
    font-family: 'bahnschrift',sans-serif;
}
.list_box4 li .show a .txt{
    width: calc(100% - 1.06rem);
    padding-right: .25rem;
}

.list_box4 li .show a .txt h3{
    font-size: .22rem;
    line-height: .36rem;
    color: #666;
    max-height: .72rem;
    transition: .5s;
}
.list_box4 li .show a .txt h3 span{
    display: inline-block;
    font-size: .18rem;
    line-height: .3rem;
    min-width: .65rem;
    text-align: center;
    padding: 0 .1rem;
    border-radius: .5rem;
    margin-right: .05rem;
}

.list_box4 li .hide a{
    display: block;
    padding: .3rem .33rem .44rem .4rem;

    border-radius: .15rem;
    transition: .5s;
}
.list_box4 li .hide h3{
    font-size: .22rem;
    line-height: .32rem;
    color: #fff;
    height: .64rem;
    transition: .5s;
    margin-bottom: .19rem;
    opacity: 0;
}
.list_box4 li .hide h3 span{
    display: inline-block;
    font-size: .18rem;
    line-height: .3rem;
    min-width: .65rem;
    text-align: center;
    padding: 0 .1rem;
    border-radius: .5rem;
    margin-right: .05rem;
}

.list_box4 li .hide h5{
    font-size: .16rem;
    line-height: .26rem;
    color: #fff;
    position: relative;
    padding: 0 0 0 .3rem;
    margin-bottom: .1rem;
    opacity: 0;
}
.list_box4 li .hide h5:last-child{
    margin-bottom: 0;
}

.list_box4 li .hide h5 i{
    position: absolute;
    left: 0;
    top: .03rem;
    width: .2rem;
    height: .2rem;
    background: no-repeat 50%/contain;
    transition: .5s;
}
.list_box4 li .hide h5 i img{
    display: none;
    width: 100%;
    max-width: 100%;
    max-height: 100%;
    vertical-align: top;

}
.list_box4 li .hide .h51 i{
    background-image: url("../images/s3-img-1.png");
}
.list_box4 li .hide .h52 i{
    background-image: url("../images/s3-img-2.png");
}
.list_box4 li .hide .h53 i{
    background-image: url("../images/s3-img-3.png");
}
.list_box4 li .hide{
    position: relative;
    z-index: 2;
}
.list_box4 li .img-box{
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    opacity: 0;
}
.list_box4 li .img_zd{
    height: 100%;
    background: #0972E7;
}
.list_box4 li .img_hezi{
    height: 100%;
}
.list_box4 li .img_zd:after{
    position:absolute;
    content:'';
    left:0;
    top:0;
    width:100%;
    height:100%;
    background: linear-gradient(270deg, #0055B4 25%, rgba(0,85,180, .65) 55%, rgba(9, 114, 231, 0.3) 100%);
}

.list_box4 li .hide,
.list_box4 li.active .show{
    display: none;
}

.list_box4 li.active .hide{
    display: block;
}
.list_box4 li.active .hide .h51 i{
    background-image: url("../images/s3-img-5.png");
}
.list_box4 li.active .hide .h52 i{
    background-image: url("../images/s3-img-6.png");
}
.list_box4 li.active .hide .h53 i{
    background-image: url("../images/s3-img-8.png");
}
.list_box4 li.active .hide h3,
.list_box4 li.active .hide h5{
    animation: o-upfade-top 0.8s cubic-bezier(0.4, 0, 0.2, 1) forwards;
}
.list_box4 li.active .img-box{
    animation: o-fade 0.8s cubic-bezier(0.4, 0, 0.2, 1) forwards;
}
.list_box4 li.active .hide h3{
    animation-delay: .1s;
}
.list_box4 li.active .hide .h51{
    animation-delay: .2s;
}
.list_box4 li.active .hide .h52{
    animation-delay: .3s;
}
.list_box4 li.active .hide .h53{
    animation-delay: .4s;
}
.list_box4 li.active{
    box-shadow: 0 0 .25rem 0 rgba(4, 89, 161, 0.3);
}




.list_box4 li .col5{
    color: #A7832C;
    background: #F7EACB;
}
.list_box4 li .col6{
    color: #57C744;
    background: #E4F7EB;
}
.list_box4 li .col7{
    color: #C52A2A;
    background: #FADFDF;
}
.list_box4 li .col8{
    color: #3E8BCB;
    background: #DFEEFA;
}


.container04 .content{
    margin-top: .7rem;
    display: flex;
    flex-wrap: wrap;
    align-items: flex-start;
    justify-content: space-between;
}
.container04{
    background: url("../images/index-s3.png") no-repeat 50%/cover;
}

/**/

.list_box5 li a{
    display: block;
}
.list_box5 li .icon{
    width: 1.16rem;
    height: 1.16rem;
    background: #fff;
    border: 1px dashed #015BBE;
    border-radius: 50%;
    position: relative;
    margin: 0 auto;
    transition: .5s;
}
.list_box5 li .icon img{
    max-width: .88rem;
    max-height: .89rem;
    transition: .5s;
}
.list_box5 li .icon .img-2,
.list_box5 li:hover .icon .img-1{
    opacity: 0;
}

.list_box5 li .txt h3{
    display: flex;
    font-size: .2rem;
    line-height: .3rem;
    color: #333333;
    text-align: center;
    align-items: flex-end;
    justify-content: center;
}
.list_box5 li .txt h3 i{
    font-size: .38rem;
    line-height: 1;
    color: #015BBE;
    font-family: 'bahnschrift',sans-serif;
}
.list_box5 li .txt{
    margin-top: .3rem;
}

.list_box5 li:hover .icon .img-2{
    opacity: 1;

}
.list_box5 li:hover .icon{
    background: #015BBE;
    border: 1px solid #015BBE;
}
.list_box5 .btn-box{
    margin-top: .5rem;
    display: flex;
    align-items: center;
    justify-content: center;
}
.list_box5 .btn{
    position: static;
    transform: none;
    width: .14rem;
    height: .24rem;
    background: no-repeat 50%/100%;
    transition: .5s;
}
.list_box5 .prev{
    background-image: url("../images/prev-6.png");
}
.list_box5 .next{
    background-image: url("../images/next-6.png");
}
.list_box5 .prev:hover{
    background-image: url("../images/prev-5.png");
}
.list_box5 .next:hover{
    background-image: url("../images/next-5.png");
}

.list_box5 .page{
    position: static;
    font-size: 0;
    margin: 0 .21rem;
}
.list_box5 .page span{
    width: .12rem;
    height: .12rem;
    margin: 0 .12rem;
    background: #BFCADF;
    opacity: 1;
}


.list_box5 .page span.active{
    background: #1149B3;
}


.list_box5{
    margin-top: .77rem;
    position: relative;
}
.container05 .content_1{
    padding-bottom: 1rem;
}

.container05 .content_2{
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 2;
}

.container05{
    background:#F3F7FF url("../images/container05.png") no-repeat top center/cover;
    position: relative;
}



#fp-nav.on ul li{
    display: none;
}

#fp-nav.on ul li:nth-child(-n+5){
    display: block;
}

#fp-nav.on ul li .fp-tooltip{
    display: none;
}

#fp-nav ul li a span.ico{
    width: .3rem;
    height: .3rem;
    background: no-repeat 50%/contain;
    transition: .5s;
}
#fp-nav ul li.li0 a span.ico{
    background-image: url("../images/as-ico-1.png");
}
#fp-nav ul li.li1 a span.ico{
    background-image: url("../images/as-ico-3.png");
}
#fp-nav ul li.li2 a span.ico{
    background-image: url("../images/as-ico-5.png");
}
#fp-nav ul li.li3 a span.ico{
    background-image: url("../images/as-ico-7.png");
}
#fp-nav ul li.li4 a span.ico{
    background-image: url("../images/as-ico-9.png");
}
#fp-nav ul li.li0 a.active span.ico{
    background-image: url("../images/as-ico-2.png");
}
#fp-nav ul li.li1 a.active span.ico{
    background-image: url("../images/as-ico-4.png");
}
#fp-nav ul li.li2 a.active span.ico{
    background-image: url("../images/as-ico-6.png");
}
#fp-nav ul li.li3 a.active span.ico{
    background-image: url("../images/as-ico-8.png");
}
#fp-nav ul li.li4 a.active span.ico{
    background-image: url("../images/as-ico-10.png");
}


#fp-nav ul li a span.fp-sr-only{
    display: block;
    font-size: .16rem;
    line-height: .3rem;
    color: #333333;
    margin-top: .02rem;
    transition: .5s;
}
#fp-nav ul li a.active span.fp-sr-only{
    color: #fff;
}

#fp-nav.on ul{
    padding-top: .12rem;
    background: url("../images/as-img-1.png") no-repeat top center/100% 100%;
}

#fp-nav ul li a:before{
    position: absolute;
    content: '';
    left: .08rem;
    top: .09rem;
    right: .08rem;
    bottom: .09rem;
    border: 1px dashed rgba(255, 255, 255, 0.6);
    opacity: 0;
    visibility: hidden;
    transition: .5s;
}
#fp-nav ul li a.active:before{
    opacity: 1;
    visibility: visible;
}

.as-ewm{
    position: absolute;
    left: .27rem;
    top: 50%;
    transform: translateY(-50%);
    opacity: 0;
    visibility: hidden;
    z-index: 999;
}

.as-ewm li{
    position: relative;
    margin: .25rem 0;
}
.as-ewm li img{
    display: block;
    width: .74rem;
}
.as-ewm li .code{
    position: absolute;
    left: 100%;
    top: 50%;
    transform: translateY(-50%) translateX(.2rem);
    transition: .5s;
    opacity: 0;
    visibility: hidden;
    width: 1rem;
    height: 1rem;
    background: #fff;
    box-shadow: 0px 2px 9.5px 0.5px rgba(1, 1, 1, 0.21);
    padding: .1rem;
    border-radius: .1rem;
    text-align: center;
}

.as-ewm li .code:before {
    content: "";
    position: absolute;
    top: 50%;
    left: -.08rem;
    margin-top: -.06rem;
    border-right: #fff .08rem solid;
    border-top: transparent .06rem solid;
    border-bottom: transparent .06rem solid;
}
.as-ewm li .code img{
    display: block;
    width: 100%;
    height: 100%;
}
.as-ewm li:hover .code {
    transform: translateY(-50%) translateX(.1rem);
    opacity: 1;
    visibility: visible;
}

.as-ewm.on{
    opacity: 1;
    visibility: visible;
}
@media (max-width: 1759px){
    .list_box5 li .icon img{
        max-width: 60%;
        max-height: 60%;
    }
}
@media (max-width: 1199px){
    .swiper-box1{
        margin-top: .75rem;
    }
    .bannerimg .img_hezi {
        padding-bottom: 50% !important;
    }
    .section .fp-tableCell{ padding: 0;}

    .section{ padding: .4rem 0;overflow: visible}
    .container01{
        padding: 0;
    }
    .list_box1{
        display: none;
    }
}

@media (max-width: 1025px){
    .swiper-box1{
        position: relative;
    }
    .swiper-box1 .btn{
        margin-top: -1.8rem;
    }
    .swiper-box1 .prev{
        left: .1rem;
    }
    .swiper-box1 .next{
        right: .1rem;
    }
    #ctl-cen .tab-cont1 .close{
        display: none;
    }
    #ctl-cen{
        position: static;
        transform: none;
        padding: .4rem 0;
        background: #F3F7FF;
    }
    #ctl-cen .tab-tit1 .li:nth-child(2){
        display: none;
    }
    #ctl-cen .tab-tit1 .li:nth-child(1){
        width: 100%;
    }
    #ctl-cen .tab-tit1{
        display: none;
    }
    #ctl-cen .con .left{
        width: 100%;
    }
    #ctl-cen .content{
        height: auto;
        max-width: none;
        overflow: visible;
    }
    #ctl-cen .tab-tit2{
        height: auto;
        display: flex;
        flex-wrap: wrap;
        flex-direction: row;
        justify-content: space-between;
    }
    #ctl-cen .tab-tit2 .li{
        width: 25%;
    }
    #ctl-cen .tab-tit2 .li h3{
        font-size: .2rem;
        line-height: .68rem;
    }
    #ctl-cen .con .right{
        width: 100%;
        border-radius: 0 0 .1rem .1rem;
    }
    #ctl-cen .form{
        padding: .3rem;
    }
    #ctl-cen .form h3{
        font-size: .22rem;
        text-align: center;
    }
    #ctl-cen .form label{
        margin-top: .2rem;
    }
    #ctl-cen .form span{
        width: 1.1rem;
        line-height: 0.5rem;
        padding-right: 0.2rem;
        background-position: right 0.15rem center;
    }
    #ctl-cen .form input{
        height: .5rem;
        line-height: 0.5rem;
        padding: 0 .2rem;
        width: calc(100% - 2.3rem);
    }
    #ctl-cen .form button {
        width: 1.2rem;
        height: 0.5rem;
        font-size: .18rem;
    }
    #ctl-cen .form button img{
        width: .2rem;
        margin-right: .1rem;
    }
    .title001 .tit h4{
        font-size: .3rem;
        line-height: .32rem;
    }
    .title001 .tit h2{
        font-size: .26rem;
        line-height: .3rem;
        margin-top: -0.22rem;
    }
    .container02 .left{
        width: 100%;
        padding: .2rem;
        margin-bottom: .4rem;
        border-radius: .1rem;
    }
    .title002 h2{
        font-size: .24rem;
        line-height: .3rem;
    }
    .title002 h2 img{
        width: .24rem;
        margin-right: .05rem;
    }
    .title001 .more a img, .title002 .more a img{
        height: .15rem;
    }
    .list1w a .pic{
        padding-top: 57.55%;
    }
    .list1w a .txt{
        padding: .2rem;
    }
    .list1w a h3{
        font-size: .2rem;
    }
    .list_box2 a h3{
        line-height: .7rem;
    }
    .container02 .right{
        width: 100%;
        padding: .2rem;
    }
    .list_box3 li a {
        padding: 0.25rem 0;
    }
    .list_box3 li .txt h3{
        font-size: .2rem;
    }
    .container02 .left .top{
        margin-top: .2rem;
    }
    .container02 .content {
        margin-top: 0.26rem;
    }
    .container03 .tab-tit .li{
        font-size: .22rem;
        line-height: 0.7rem;
        margin: 0 0.2rem;
    }
    .list2w a .img_hezi{
        padding-top: 154.27%;
    }
    .list2w a .txt{
        margin-top: .15rem;
    }
    .list2w a .img-box{
        max-width: 80%;
    }
    .list2w .swiper-slide-active a:after{
        background-size: 100% 1rem;
    }
    .list2w a{
        padding: .1rem 0 .15rem;
    }
    .container03 .tab-cont {
        margin-top: 0.1rem;
    }
    .list2w{
        padding: 0 .2rem;
    }
    .list2w .btn{
        width: .35rem;
        height: .35rem;
    }
    .list2w .prev{
        left: 0;
    }
    .list2w .next{
        right: 0;
    }
    .container03 .content{
        margin-top: .26rem;
        padding-top: 0;
        border-radius: .1rem;
        padding-bottom: 0.2rem;
    }

    .container04 .left{
        width: 100%;
        margin-bottom: .3rem;
    }
    .calendar .box{
        border-radius: .1rem;
        min-height: auto;
    }
    .container04 .right{
        width: 100%;
    }
    .list_box4 li .hide h3{
        font-size: .2rem;
        line-height: .3rem;
        height: .6rem;
        margin-bottom: .1rem;
    }
    .list_box4 li .hide a{
        padding: .2rem;
        border-radius: .1rem;
    }
    .list_box4 li .show a .txt h3{
        font-size: .2rem;
        line-height: .3rem;
    }
    .list_box4 li .show a{
        height: 1rem;
        border-radius: .1rem;
    }
    .list_box4 li .show a .txt{
        padding-right: .2rem;
    }
    .list_box4 .li{
        width: 49%;
    }
    .container04 .content {
        margin-top: 0.26rem;
    }
    .list_box5 li .icon{
        width: 1rem;
        height: 1rem;
    }
    .list_box5 li .icon img{
        max-width: 60%;
    }
    .list_box5 li .txt h3 i{
        font-size: .32rem;
    }
    .list_box5 li .txt h3{
        font-size: .18rem;
    }
    .list_box5 li .txt {
        margin-top: 0.1rem;
    }
    .list_box5 li{
    }
    .list_box5 {
        margin-top: 0.26rem;
    }
    .list_box5 .btn-box{
        margin-top: .2rem;
    }
    .list_box5 .page span{
        margin: 0 .05rem;
    }
    .list_box5 .page{
        margin: 0 .1rem;
    }
    .container05 .content_1{
        padding-bottom: .4rem;
    }
    .container05 .content_2{
        position: static;
    }

    .container05{
        padding-bottom: 0;
    }
}

@media (max-width: 769px){
    .swiper-box1 .btn{
        margin-top: -1.7rem;
    }
    .list_box2 a time{
        margin-left: .1rem;
    }
    .list_box3 li time{
        width: 0.65rem;
        padding-right: 0.1rem;
    }
    .list_box3 li .txt {
        width: calc(100% - 0.8rem);
    }
    .list_box3 li a{
        padding: .2rem 0;
    }
    .container03 .tab-tit .li{
        font-size: .2rem;
        line-height: .6rem;
        margin: 0 .1rem;
    }
    .container03 .tab-tit .li:before{
        width: 1rem;
        height: 0.15rem;
        bottom: -.075rem;
    }
    .list_box4 .li{
        width: 100%;
    }
    .list_box4 .li:nth-child(2){
        margin-top: .15rem;
    }
    .list_box4 li{
        margin-top: .15rem;
    }
    .container03 .gd{
        margin-top: .1rem;
        display: block;
    }
    .container03 .title002 .more{
        display: none;
    }
}

@media (max-width: 481px){
    .swiper-box1 .btn{
        margin-top: -1.45rem;
    }
    .container03 .tab-tit .li{
        width: 33.33%;
        margin: 0;
        text-align: center;
        color: #fff;

    }
    .container03 .tab-tit .li.active:before, .container03 .tab-tit .li.active:after{
        display: none;
    }
    .container03 .tab-tit .li.active{
        color: #fff;
        background: linear-gradient(270deg, #0055B4 0%, #0972E7 100%);
    }
    .container03 .tab-tit{
        background: rgba(3, 28, 56, 0.7);
        border-radius: .1rem .1rem 0 0;
        overflow: hidden;
    }

    .list_box5 li .icon{
        width: 0.8rem;
        height: 0.8rem;
    }
    .list2w a .txt h3{
        font-size: .18rem;
    }
    #ctl-cen .form{
        padding: .2rem;
    }
    #ctl-cen .form span {
        width: 0.8rem;
        line-height: 0.5rem;
        padding-right: 0.1rem;
        background-position: right 0.05rem center;
    }
    #ctl-cen .form select{
        width: 0.8rem;
        line-height: 0.5rem;
        height:.5rem;
        /* padding-right: 0.1rem; */
        background-position: right 0.05rem center;
        font-size: .12rem;
    }
    #ctl-cen .form button {
        width: 0.9rem;
    }
    #ctl-cen .form input{
        padding: 0 0.1rem;
        width: calc(100% - 1.7rem);
    }
    #ctl-cen .form label{

    }
    #ctl-cen .tab-tit2 .li{
        width:50%;
    }
}


/*2025-03-31 change start*/
@media screen and (min-width: 1200px){
    .miso_up {
        transform:translateY(180px);
        visibility: hidden;
        opacity: 0;
        transition: 1.5s
    }

    .active .miso_up {
        transform: translateY(0);
        visibility: visible;
        opacity: 1;
    }

    .container05 .miso_up01 {
        transform: translateY(180px);
        visibility: hidden;
        opacity: 0;
        transition: 2s
    }

    .container05.active .miso_up01 {
        transform: translateY(0);
        visibility: visible;
        opacity: 1;
    }

    .miso_down {
        transform: translateY(-180px);
        visibility: hidden;
        opacity: 0;
        transition: 1s
    }

    .active .miso_down {
        transform: translateY(0);
        visibility: visible;
        opacity: 1;
    }

    .miso_suoX {
        letter-spacing: 4px;
        visibility: hidden;
        opacity: 0;
        transition: 1s
    }

    .active .miso_suoX {
        letter-spacing: 0;
        visibility: visible;
        opacity: 1;
    }

    .miso_flip-up {
        transform: perspective(2500px) rotateX(-100deg);
        visibility: hidden;
        opacity: 0;
        transition: 1s
    }

    .active .miso_flip-up {
        transform: perspective(2500px) rotateX(0);
        visibility: visible;
        opacity: 1;
    }

    .miso_zoom-in {
        transform: scale(.6);
        visibility: hidden;
        opacity: 0;
        transition: 1.5s
    }

    .active .miso_zoom-in {
        transform: translateZ(0) scale(1);
        visibility: visible;
        opacity: 1;
    }

    .wenzi_x {
        letter-spacing: 3px;
        visibility: hidden;
        opacity: 0;
        transition: 1s
    }

    .active .wenzi_x {
        letter-spacing: 0;
        visibility: visible;
        opacity: 1;
    }

    .miso_fade-right {
        transform: translateX(-180px);
        visibility: hidden;
        opacity: 0;
        transition: 1s
    }

    .active .miso_fade-right {
        transform: translateX(0);
        visibility: visible;
        opacity: 1;
    }

    .miso_fade-left {
        transform: translateX(180px);
        visibility: hidden;
        opacity: 0;
        transition: 1s
    }

    .active .miso_fade-left {
        transform: translateX(0);
        visibility: visible;
        opacity: 1;
    }

    .miso_up_left {
        transform: translateX(300px) translateY(300px);
        visibility: hidden;
        opacity: 0;
        transition: 1s
    }

    .active .miso_up_left {
        transform: translateX(0) translateY(0);
        visibility: visible;
        opacity: 1;
    }
}
/*2025-03-31 change end*/