.header {
    width: 100%;
    background: url("../images/header_bg.png") 0% 0% / 100% 100% no-repeat;
    padding: .13021rem 0rem;
    position: fixed;
    z-index: 1000;
}

.header::after {
    content: "";
    position: absolute;
    width: 100%;
    background: linear-gradient(rgb(12, 42, 85), rgba(255, 255, 255, 0));
    height: 100%;
    top: 0rem;
    left: 0rem;
    z-index: -1;
}
.szdw_img{
    width: 100%;
    height: .54688rem;
    overflow: hidden;
}
.szdw_img img{
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: all .3s;
}
.header_box {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.logo {
    width: 4.58333rem;
}

.logo a {
    display: block;
}

.logo img {
    width: 100%;
}

.search {
    height: .18229rem;
    border: .00521rem solid white;
    border-radius: .26042rem;
    position: relative;
    display: flex;
    align-items: center;
    overflow: hidden;
    transition: 0.3s;
}

.btn {
    width: .18229rem;
    height: .18229rem;
    z-index: 2;
    background: url("../images/search_btn.png") center center / 55% no-repeat transparent;
    cursor: pointer;
    padding: 0rem;
    border-width: medium;
    border-style: none;
    border-color: currentcolor;
    border-image: initial;
    flex-shrink: 0;
}

.ipt {
    width: 0rem;
    height: .18229rem;
    background-color: rgba(255, 255, 255, 0);
    outline: none;
    color: white;
    border-width: medium;
    border-style: none;
    border-color: currentcolor;
    border-image: initial;
    padding: 0rem;
    margin-left: 0rem;
    opacity: 0;
    transition: 0.3s;
    font-size: .07292rem;
}

.search.active .ipt {
    width: 1.04167rem;
    opacity: 1;
    margin-left: .01563rem;
    padding-left: .05208rem;
}

.dh_bx {
}

.nav {
    height: .18229rem;
    line-height: .18229rem;
    transition: 0.3s;
    width: 100%;
    border-top: .00521rem solid white;
    margin-top: .07813rem;
    padding-top: .07813rem;
}

.nav > ul {
    margin: 0rem auto;
    font-size: 0rem;
    text-align: center;
    white-space: nowrap;
    display: flex;
    justify-content: space-between;
    align-items: center;
    z-index: 11111;
}

.nav ul > li {
    position: relative;
    text-align: center;
    vertical-align: middle;
    height: .18229rem;
    width: 100%;
    z-index: 2147483647;
}

a:hover {
    text-decoration: none;
}

.nav ul li > a {
    font-size: .10417rem;
    display: block;
    position: relative;
    color: white;
}

.nav ul li.on .subNav {
    display: block;
}

.subNav li {
    float: left;
    width: 100% !important;
    height: .23438rem !important;
}

.subNav li a {
    line-height: .19792rem;
}

.nav ul li.on .subNav {
    display: block;
}

.subNav {
    position: absolute;
    z-index: 2147483647;
    visibility: hidden;
    transition: 0.3s;
    top: .33854rem;
    width: 100%;
    left: 0px;
    opacity: 0;
    padding-top: .05208rem;
}

.nav .subNav li a {
    font-size: .09375rem;
    color: black;
    text-shadow: none;
    width: 100%;
    line-height: .23438rem;
}

.nav .subNav li:hover {
    color: white;
    width: 100%;
    background-color: rgb(37, 76, 131);
}

.nav-item:hover .subNav {
    visibility: visible;
    opacity: 1;
    top: .18229rem;
    background-color: white;
}

.nav-item .subNav li:hover a {
    z-index: 1111111111;
    color: white;
    font-weight: bold;
}

.banner {
    width: 100%;
    overflow: hidden;
}

.banner_swiper {
    position: relative;
    overflow: hidden;
}

.banner img {
    width: 100%;
    object-fit: cover;
    display: none;
}

.banner .banner_next img {
    display: block;
    width: 79%;
    height: .15625rem;
    margin-top: .13021rem;
    margin-left: .03646rem;
}

.banner .banner_prev img {
    display: block;
    width: 79%;
    height: .15625rem;
    margin-top: .13021rem;
    margin-left: .04167rem;
}

.banner_next, .banner_prev {
    width: .41667rem;
    height: .41667rem;
    top: 50%;
    z-index: 11;
    position: absolute;
    cursor: pointer;
    background-color: rgba(0, 0, 0, 0.28);
    border-radius: 100%;
}

.banner_next {
    right: 18%;
}

.banner_prev {
    left: 18%;
}

.banner_contrl {
    position: absolute;
    z-index: 111;
    display: flex;
    align-items: center;
    height: .52083rem;
    justify-content: center;
    width: 100%;
    flex-wrap: wrap;
    bottom: 50%;
}

.banner_contrl .w-1400 {
    display: flex;
    justify-content: right;
}

.banner_pagination {
    width: .05208rem;
}

.banner_swiper .swiper-pagination-bullet {
    width: .0625rem;
    height: .0625rem;
    opacity: 1;
    background-color: white;
    margin: .07292rem 0rem !important;
}

.banner_swiper .swiper-pagination-bullet-active {
    width: .0625rem;
    height: .0625rem;
    transition: 0.3s;
    background-color: rgb(37, 76, 131);
    position: relative;
}

.banner_swiper .swiper-pagination-bullet-active::after {
    position: absolute;
    content: "";
    width: .20833rem;
    height: .20833rem;
    outline: rgb(37, 76, 131) solid .00521rem;
    left: -0.06771rem;
    top: -0.07292rem;
    border-radius: 100%;
}

.banner a {
    transform: scale(1.2);
    transition: 5s linear;
    display: block;
    width: 100%;
    height: 100%;
    position: relative;
    z-index: 2;
    overflow: hidden;
}

.banner .swiper-slide-active {
    position: relative;
    z-index: 500 !important;
}

.banner .swiper-slide-active a {
    transform: scale(1);
    display: block;
}

.banner .swiper-slide-active a img {
    display: block;
}

.section01 {
    width: 100%;
    background: url("../images/s01_bg.png") center center / 100% 100% no-repeat;
    overflow: hidden;
}

.s01_box {
    width: 100%;
    display: flex;
    justify-content: space-between;
    margin-top: .28646rem;
    margin-bottom: .3125rem;
}

.s01_boxL {
    width: 4.16667rem;
}

.section_tit {
    width: 100%;
}

.section_tit a {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.sTit_l {
}

.sTit_l span {
    font-size: .09375rem;
    color: rgb(37, 76, 131);
    font-weight: bold;
}

.sTit_l p {
    font-size: .18229rem;
    font-weight: bold;
    color: rgb(64, 64, 64);
}

.sTit_r {
    font-size: .08333rem;
    color: rgb(153, 153, 153);
    position: relative;
    padding-right: .21875rem;
}

.sTit_r::after {
    position: absolute;
    content: "";
    width: .21354rem;
    height: .15625rem;
    background: url("../images/more_icon.png") center center / 100% 100% no-repeat;
    right: 0rem;
    bottom: -0.03646rem;
}

.s01_swiper {
    margin-top: .20833rem;
    overflow: hidden;
    position: relative;
}

.s01_swiper a {
    display: block;
    position: relative;
}

.s01_swImg {
    width: 100%;
    height: 2.29167rem;
    overflow: hidden;
    position: relative;
}

.s01_swImg::after {
    content: "";
    position: absolute;
    top: 0rem;
    left: -100%;
    width: 50%;
    height: 100%;
    background: linear-gradient(to right, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.3) 50%, rgba(255, 255, 255, 0) 100%);
    transform: skewX(-25deg);
    z-index: 2;
    pointer-events: none;
}

.s01_swiper a:hover .s01_swImg::after {
    left: 150%;
    transition: 0.6s ease-in-out;
}

.s01_swiper a:hover img {
    transform: scale(1.1);
}

.s01_swImg img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: 0.5s;
}

.s01_swInfo {
    width: 100%;
    height: .46875rem;
    background: url("../images/s01_icon.png") center center / 100% 100% no-repeat;
    display: flex;
    justify-content: space-between;
    padding: .10417rem .13021rem;
    align-items: center;
    margin-top: .05208rem;
}

.swTime {
    width: .3125rem;
}

.swTime p {
    font-size: .10417rem;
    text-align: center;
    font-family: fzzzhjt;
    width: 100%;
    line-height: .15625rem;
    background-color: rgb(177, 230, 255);
    color: rgb(37, 76, 131);
}

.swTime span {
    font-size: .08333rem;
    display: block;
    color: white;
    font-family: fzxbsjt;
    margin-top: .02604rem;
}

.swTit {
    width: 90%;
    font-size: .09375rem;
    color: white;
    font-weight: bold;
}

.s01_boxLlist {
    width: 100%;
    margin-top: .15625rem;
}

.s01_boxLlist ul {
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-start;
    gap: .13021rem;
}

.s01_boxLlist ul li {
    width: .9375rem;
    height: .83333rem;
    padding: .09375rem;
    background-color: white;
    position: relative;
    transition: 0.3s;
}

.s01_boxLlist ul li a {
}

.s01_boxLlist ul li a p {
    font-size: .09375rem;
    text-align: justify;
}

.s01_boxLlist ul li a span {
    position: absolute;
    right: 0rem;
    bottom: 0rem;
    width: .48958rem;
    line-height: .13021rem;
    background: url("../images/s01_icon2.png") center center / 100% 100% no-repeat;
    text-align: right;
    padding-right: .07292rem;
    font-size: .07292rem;
    color: white;
}

.s01_boxLlist ul li:hover {
    box-shadow: rgba(0, 0, 0, 0.1) .01563rem 0rem .05208rem;
    transform: translateY(-0.02083rem);
}

.s01_boxLlist ul li:hover span {
    background: url("../images/s01_icon3.png") center center / 100% 100% no-repeat;
}

.s01_boxR {
    width: 2.86458rem;
}

.s01_boxRlist {
    margin-top: .20833rem;
}

.s01_boxRlist ul {
}

.s01_boxRlist ul li {
    padding: .13021rem;
    background-color: rgb(242, 248, 255);
    margin-top: .19792rem;
    transition: 0.3s;
}

.s01_boxRlist ul li:hover {
    transform: translateY(-0.02083rem);
}

.s01_boxRlist ul li a {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.s01_boxRlist ul li:first-child {
    margin-top: 0rem;
}

.s01_boxRlist ul li:hover .s01_boxRtit {
    color: rgb(14, 68, 127);
    font-weight: bold;
}

.s01_boxRtime {
    width: .36458rem;
    background-color: rgb(37, 76, 131);
    height: .33854rem;
    padding: .03646rem;
}

.s01_boxRtime span {
    display: block;
    font-size: .13021rem;
    text-align: center;
    color: white;
    border-bottom: .00521rem solid;
    padding-bottom: .01042rem;
}

.s01_boxRtime p {
    font-size: .07292rem;
    color: white;
    text-align: center;
    margin-top: .01042rem;
}

.s01_boxRtit {
    width: 82%;
    font-size: .09375rem;
    line-height: 1.5;
}

.s01_pagination {
    position: absolute;
    z-index: 1;
    right: .04167rem;
    bottom: .19271rem;
}

.s01_pagination .swiper-pagination-bullet {
    width: .06771rem;
    height: .06771rem;
    outline: white solid .00521rem;
    border-radius: unset;
    margin: 0rem .03646rem;
    transform: rotate(45deg);
}

.s01_pagination .swiper-pagination-bullet-active {
    background-color: white;
    outline: none;
}

.section02 {
    width: 100%;
    background: url("../images/s02_bg.png") center center / 100% 100% no-repeat;
    overflow: hidden;
}

.s02_swiper {
    margin-top: .20833rem;
    overflow: hidden;
    margin-bottom: .26042rem;
}

.s02_box {
    margin-top: .3125rem;
}

.s02_swiper a {
    display: block;
    width: 1.5625rem;
    background: url("../images/s02_icon.png") center bottom / 100% no-repeat;
    padding: .05208rem;
    transition: 0.3s;
}

.s02_swiper a:hover {
    box-shadow: rgba(0, 0, 0, 0.1) .01563rem 0rem .05208rem;
}

.s02_img {
    width: 100%;
    height: .96354rem;
}

.s02_img img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.s02_tit {
    font-size: .09375rem;
    height: .47396rem;
    overflow: hidden;
    display: -webkit-box;
    text-overflow: ellipsis;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    line-height: 1.6;
    color: rgb(64, 64, 64);
}

.s02_kz {
    margin-top: .05208rem;
}

.s02_kz > div {
    font-size: .07813rem;
    color: rgb(153, 153, 153);
    position: relative;
    padding-left: .16667rem;
}

.s02_kz > div::before {
    position: absolute;
    content: "";
    left: 0rem;
    top: 0.06rem;
}

.s02_name {
}

.s02_name::before {
    background: url("../images/s02_icon2.png") center center / 100% 100% no-repeat;
    width: .08854rem;
    height: .10417rem;
}

.s02_time::before {
    background: url("../images/s02_icon3.png") center center / 100% 100% no-repeat;
    width: .11458rem;
    height: .10417rem;
}

.s02_dd::before {
    background: url("../images/s02_icon4.png") center center / 100% 100% no-repeat;
    width: .10417rem;
    height: .10417rem;
}

.s02_time {
    margin-top: .10417rem;
}

.s02_dd {
    margin-top: .10417rem;
}

.s02_lb {
    padding: .10417rem .13021rem .15625rem;
}

.s02_prev, .s02_next {
    width: .26042rem;
    height: .26042rem;
    cursor: pointer;
}

.s02_prev {
    background: url("../images/s02_prev.png") center center / 100% 100% no-repeat;
    margin-right: .11458rem;
}

.s02_next {
    background: url("../images/s02_next.png") center center / 100% 100% no-repeat;
}

.s02_con {
    display: flex;
    justify-content: center;
    margin-top: .15625rem;
}

.section03 {
    width: 100%;
    background: url("../images/s03_bg.png") center center / 100% 100% no-repeat;
    overflow: hidden;
}

.s03_box {
    margin-top: .3125rem;
    margin-bottom: .28646rem;
}

.s03_con {
    display: flex;
    justify-content: space-between;
    margin-top: .20833rem;
}

.s03_conBox {
    width: 1.66667rem;
    padding: .23438rem .15625rem .15625rem;
    background: url("../images/s03_icon5.png") center center / 100% 100% no-repeat;
    border-top: .02604rem solid rgb(61, 121, 186);
    border-radius: .05208rem;
    transition: 0.3s;
}

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

.s03_number span {
    font-size: .16667rem;
    font-family: fzxbsjt;
    color: rgb(229, 235, 243);
}

.s03_number p {
    width: .18229rem;
    height: .18229rem;
}

.s03_number p img {
    width: 100%;
    height: 100%;
}

.s03_tit {
    font-size: .11458rem;
    color: rgb(37, 76, 131);
    font-weight: bold;
    margin-top: .15625rem;
    padding-bottom: .10417rem;
    border-bottom: .00521rem solid rgb(238, 238, 238);
}

.s03_list {
    margin-top: .05208rem;
}

.s03_list ul {
}

.s03_list ul li {
    margin-top: .15625rem;
    position: relative;
    padding-left: .06771rem;
    transition: 0.3s;
}

.s03_list ul li::before {
    position: absolute;
    content: "";
    width: .03125rem;
    height: .03125rem;
    background-color: rgb(178, 195, 219);
    left: 0rem;
    bottom: .03125rem;
}

.s03_list ul li a {
    font-size: .07292rem;
    color: rgb(138, 138, 138);
}

.s03_conBox:hover {
    box-shadow: rgba(0, 0, 0, 0.1) .01563rem 0rem .05208rem;
}

.s03_list ul li:hover {
    transform: translateY(-0.02083rem);
}

.s03_list ul li:hover a {
    color: rgb(64, 64, 64);
}

.s03_list ul li:hover::before {
    background-color: rgb(37, 76, 131);
}

.s03_img {
    margin-top: .15625rem;
}
.s03_img img{
    
width: 100%;
}
.s03_qh {
    margin-top: .15625rem;
    padding-bottom: .10417rem;
}

.s03_head {
    border-bottom: .00521rem solid rgb(238, 238, 238);
    padding-bottom: .10417rem;
}

.s03_head ul {
    display: flex;
    justify-content: space-between;
    align-items: end;
}

.s03_head ul li {
    font-size: .09375rem;
    color: rgb(176, 194, 218);
    font-weight: bold;
    cursor: pointer;
}

.s03_head ul li a {
}

.s03_bCon {
}

.s03_bCon p {
    font-size: .0625rem;
    color: rgb(64, 64, 64);
    line-height: 1.6;
    margin-top: .04rem;
}

.s03_szdw {
}

.s03_szdw ul {
    display: flex;
    flex-wrap: wrap;
    height: 1.38021rem;
    overflow-y: scroll;
}

.s03_szdw ul li {
    width: .39063rem;
    margin-left: .03854rem;
}
.s03_szdw ul li:hover img{
    
transform: scale(1.1);
}
.s03_szdw ul li:nth-child(3n+1){
    margin-left: 0;
}
.s03_szdw ul li:nth-child(n+4) {
    margin-top: .02771rem;
}

.s03_szdw ul li a {
    text-align: center;
    display: block;
}

.s03_body {
    margin-top: .15625rem;
}

.s03_body .s03_bCon {
    display: none;
}

.s03_body .s03_bCon.active {
    display: block;
    animation: 0.3s ease-in-out 0s 1 normal none running fadeIn;
}

@keyframes fadeIn {
    0% {
        opacity: 0;
    }

    100% {
        opacity: 1;
    }
}

.s03_head .active {
    font-size: .11458rem;
    color: rgb(37, 76, 131);
}

.section04 {
    width: 100%;
    background-color: rgb(242, 248, 255);
    overflow: hidden;
}

.quick_link {
    margin-top: .3125rem;
    margin-bottom: .26042rem;
}

.quick_link ul {
    display: flex;
    justify-content: flex-start;
    gap: .13021rem;
}

.quick_link ul li {
    width: 1.34365rem;
height:.40766rem;
    transition: 0.3s;
}

.quick_link ul li a {
    display: block;
    width: 100%;
    height: 100%;
}

.quick_link ul li a img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.quick_link ul li:hover {
    transform: translateY(-0.02083rem);
}

.footer {
    width: 100%;
    background: url("../images/f_bg.png") center center / 100% 100% no-repeat rgb(242, 248, 255);
    overflow: hidden;
}

.f_box {
    display: flex;
    justify-content: space-between;
    margin-top: .33854rem;
    margin-bottom: .10417rem;
}

.f_logo {
    width: 1.82813rem;
    height: .59896rem;
}

.f_logo img {
    width: 100%;
    height: 100%;
}

.f_r {
    width: 60%;
}

.f_info {
    display: flex;
    padding: 0rem .15625rem .09896rem;
    border-bottom: .00521rem solid white;
}

.f_info .f_con:first-child {
    margin-left: 0rem;
}

.f_con {
    margin-left: .18229rem;
}

.f_con p {
    color: white;
    font-size: .09375rem;
    font-weight: bold;
}

.f_con span {
    font-size: .09375rem;
    color: white;
    margin-top: .07813rem;
    display: block;
}

.bq {
    text-align: center;
    color: white;
    margin-top: .10938rem;
    font-size: .08333rem;
}

.header-scrolled {
    padding: .05208rem 0rem;
}

.header-scrolled::after {
    background-color: rgb(61, 121, 186);
}

.header-scrolled .nav {
    padding-top: .04688rem;
    margin-top: .02604rem;
}

.header-scrolled .nav-item:hover .subNav {
    top: .23438rem;
}
.wow {
    visibility: hidden; 
}
.mobile-nav-wrapper{
    display: none;
}