@charset "utf-8";

body {
    overflow-x: hidden;
}





/* 中心部分 */


.title {
    position: relative;
    margin-bottom: .2rem;
    justify-content: space-between;
    line-height: .62rem;
    background: linear-gradient(180deg, rgba(243, 248, 254, 0) 0%, #F3F8FE 100%);
    padding: 0 .22rem;
}

.tit_c {
    position: relative;
    display: flex;
    align-items: center;
}

.tit_c .h3 {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    width: .44rem;
    height: .44rem;
    background: linear-gradient(180deg, #C4D9F0 0%, rgba(255, 255, 255, 0) 100%);
    border-radius: 50%;
    margin-right: .1rem;
}

.tit_c .h3 img {
    max-width: .4rem;
    max-height: .4rem;
}

.tit_c p {
    font-size: .3rem;
    color: #1D64B4;
    font-weight: bold;

}



.title .more {

    position: absolute;

    right: .22rem;

    top: 0;

    transition: all .6s;
}

.title .more a {

    font-size: .16rem;

    color: #646464;

    padding-right: .7rem;

    background: url(../images/more.png) no-repeat right center/.62rem auto;

    transition: all .6s;
}

.box {
    padding: .15rem;
    border: 1px solid rgba(0, 0, 0, 0.08);
}

.section1 {
    padding-top: .2rem;
}


.s1 {

    align-items: flex-start;

    justify-content: space-between;
}

.s1 .left {
    position: relative;
    width: 67.75%;
}

.xw_list {
    display: flex;
    justify-content: space-between;
    align-items: center;
    flex-wrap: wrap;
}

.xw_list .news {
    width: 4.5rem;
}

.news a {
    display: block;

}

.news a .pic {
    padding-top: 63.33%;
}

.news a .pic .date {
    position: absolute;
    left: 0;
    bottom: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 1.21rem;
    height: .41rem;
    line-height: .41rem;
    color: #fff;
    background: rgba(29, 80, 162, 0.8);
}

.news a .pic .date p {
    font-size: .24rem;
    font-weight: bold;
}

.news a .pic .date span {
    font-size: .16rem;
}

.news a .cont {
    position: relative;

    background: #fff;
    z-index: 2;
    padding-top: .15rem;

}


.news a .cont h2 {

    line-height: .3rem;

    font-size: .16rem;

    color: #333;

}

.xw_list .list {
    flex: 1;
    min-width: 0;
    padding-left: .33rem;
}

.list li {
    position: relative;
    padding-left: .2rem;
    padding-right: .9rem;
    background: url(../images/list.png) no-repeat left center;
}

.list li a {
    display: block;
    font-size: .16rem;

    line-height: .5rem;

    color: #333333;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.list li span {
    position: absolute;
    right: 0;
    top: 0.15rem;
    font-size: .16rem;
    color: #9E9E9E;
}

.s1 .right {
    width: 30.875%;
    position: relative;
    z-index: 6;
}




@media screen and (min-width: 1025px) {
    .title .more a:hover {
        color: #1D64B4;
        font-weight: bold;
    }

    .list li:hover a {
        color: #1D64B4;
    }
}

@media screen and (max-width: 1024px) {

    .left {
        width: 100% !important;
    }

    .right {
        width: 100% !important;
        margin-top: .2rem;
    }



}

@media screen and (max-width: 768px) {
    .title {
        padding: 0 .1rem;
    }

    .tit_c p {
        font-size: .2rem;
    }

    .xw_list {
        display: block;
    }

    .xw_list .news {
        width: 100%;
    }

    .xw_list .list {
        padding-left: 0;
        margin-top: .2rem;
    }
}

.section2 {
    position: relative;
    padding: .44rem 0;
    z-index: 3;
}

.sect2 {

    background: linear-gradient(180deg, #F7FBFF 0%, #E5F2FF 100%);

    border: 1px solid rgba(0, 0, 0, 0.08);

    padding: .15rem;
}

.sect2 ul {
    /* margin: 0 -.1rem; */
}

.sect2 ul li a {
    display: block;
    padding: .15rem 0;
    /* margin: 0 .1rem; */
}

.sect2 ul li a .s2-icon {
    width: .9rem;
    height: .9rem;
    display: flex;
    align-items: center;
    justify-content: center;
    background: linear-gradient(180deg, #D8EAFF 0%, rgba(222, 238, 255, 0) 100%);
    border-radius: 50%;
    margin: 0 auto;
    transition: all .6s;
}

.sect2 ul li a .s2-icon img {
    max-width: .8rem;
    max-height: .8rem;
    transition: all .6s;
}

.sect2 ul li a p {
    text-align: center;
    margin-top: .05rem;
    font-size: .18rem;
    color: #000000;

}


.sect2 ul li a .s2-icon img.s1_ic1h {
    display: none;
}

@media screen and (min-width: 1025px) {
    .sect2 ul li:hover a .s2-icon img.s1_ic1 {
        display: none;
    }

    .sect2 ul li:hover a .s2-icon {
        background: #1D64B4;
    }

    .sect2 ul li:hover a .s2-icon img.s1_ic1h {
        display: block;
    }
}

@media screen and (max-width: 1024px) {}

@media screen and (max-width: 768px) {
    .section2 {
        padding: .2rem 0;
    }
}



.section3 {

    position: relative;


}


.s3 {
    position: relative;
    align-items: flex-start;
}

.s3 .left {
    position: relative;
    width: 32.8%;
}

.s3 .mid {
    width: 32.8%;
    margin: 0 1.65%;
}

.s3 .right {
    width: 31.1%;
}

.sc_bt {
    display: flex;
    align-items: center;
}

.sc_bt .tit_c {
    margin-right: .2rem;
    cursor: pointer;
}

.sc_bt .tit_c .h3 {
    display: none;
}

.sc_bt .tit_c.on .h3 {
    display: flex;
}

.section3 .more a {
    display: none;
}

.section3 .more a.on {
    display: block;
}

.qh_list ul li a {
    position: relative;
    display: block;
}

.qh_list ul li a .pic {
    padding-top: 65.13%;
}

.qh_list ul li a p {
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    padding: .15rem .2rem;
    font-size: .22rem;
    color: #fff;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    z-index: 9;
}

.s3 .left .qh_list ul li a::after,
.section4 .left .qh_list ul li a::after {
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    height: 30%;
    background: linear-gradient(to bottom, transparent, rgba(0, 0, 0, .5));
}

.s3 .mid .qh_list ul li a::after {
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    top: 0;
    background: rgba(0, 0, 0, 0.2);
}

.s3l_nr {
    position: relative;
}

.s3l_nr>div {
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    opacity: 0;
    z-index: -1;
    transition: all .6s;
}

.s3l_nr>div.on {
    position: relative;
    opacity: 1;
    z-index: 9;
}

.s3r_qh {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
}

.s3r_qh .s3r_l {
    width: 48%;
}

.s3r_qh .s3r_l a {
    display: block;
}

.s3r_qh .s3r_l a .pic {
    padding-top: 133.7%;
}

.s3r_qh .s3r_r {
   position: relative;
    width: 45.39%;
    background: url(../images/s3rr_bg.png) no-repeat center top/100% 100%;
    filter: drop-shadow(-3px 0px 8px rgba(237, 237, 237, 0.74));
    padding: .7rem .35rem;
    padding-left: .45rem;
    height: 3.38rem;
}

.s3r_qh .s3r_r ul {
    margin-top: -.1rem;
}

.s3r_qh .s3r_r ul li {
    display: block;
    margin: .1rem 0;
    text-align: center;
}

.s3r_qh .s3r_r ul li span {

    font-size: .16rem;
    color: #666666;

}

.s3r_qh .s3r_r .s3_jtl {
    position: absolute;
    top: .4rem;
    left: 30%;
   
    width: .81rem;
    height: .2rem;
    border: 1px dashed #1D64B4;
    background: url(../images/s3_jtl.png) no-repeat center center;
    border-radius: .3rem;
    transition: all .6s;
    cursor: pointer;
}

.s3r_qh .s3r_r .s3_jtl:hover {
    background: #1D64B4 url(../images/s3_jtl1.png) no-repeat center center;
}

.s3r_qh .s3r_r .s3_jtr {
    position: absolute;
    bottom: .4rem;
    left: 30%;
 
    width: .81rem;
    height: .2rem;
    border: 1px dashed #1D64B4;
    background: url(../images/s3_jtr.png) no-repeat center center;
    border-radius: .3rem;
    transition: all .6s;
    cursor: pointer;
}

.s3r_qh .s3r_r .s3_jtr:hover {
    background: #1D64B4 url(../images/s3_jtr1.png) no-repeat center center;
}

.s3r_qh .s3r_r ul li.slick-current.slick-active span {
    font-weight: bold;
    font-size: .16rem;
    color: #1D64B4;
    text-decoration: underline;
}

@media screen and (min-width: 1025px) {}

@media screen and (max-width: 1024px) {
    .s3 .mid {
        width: 100%;
        margin: .15rem 0;
    }
}

@media screen and (max-width: 481px) {
    .s3r_qh .s3r_r {
        padding: .5rem .3rem;
    }

    .s3r_qh .s3r_r .s3_jtl {
        top: .15rem;
    }

    .s3r_qh .s3r_r .s3_jtr {
        bottom: .15rem;
    }
}


.section4 {
    padding-top: .4rem;
    padding-bottom: .5rem;
}



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

.section4 .mid .title .more a {
    display: none;
}

.section4 .mid .title .more a.on {
    display: block;
}

.section4 .left {
    width: 32.8%;
}

.section4 .mid {
    width: 32.8%;
    margin: 0 1.65%;
}

.section4 .mid .list li a {
    line-height: .58rem;
}

.section4 .right {
    width: 31.1%;
}

.section4 .right .s4r-pic {
    background: #f9f7f8;
    padding: .7rem .2rem;
}

.section4 .right .s4r-pic .pic {
    padding-top: 46.62%;
}

@media screen and (max-width: 1024px) {
    .section4 .mid {
        width: 100%;
        margin: .15rem 0;
    }
}

@media screen and (max-width: 768px) {
    .section4 .mid .list li a {
        line-height: .4rem;
    }

    .section4 .right .s4r-pic {
        padding-top: .2rem;
        padding-bottom: .2rem;
    }

    .section4 {
        padding: .2rem 0;
    }
}