@charset "utf-8";
* {
    padding: 0;
    margin: 0;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    /* font-weight: normal; */
    outline: none;
}

html,
body {
    color: #333;
    font-size: 16px;
    font-family: "微软雅黑";
    margin-left: auto !important;
    margin-right: auto !important;
    text-align: left;
}

b {    word-break: break-all;}

.px1540 {
    max-width: 1540px;
    margin: 0 auto;
}

.px1200 {
    max-width: 1200px;
    margin: 0 auto;
}

.px1400 {
    max-width: 1400px;
    margin: 0 auto;
}

.px1460 {
    max-width: 1460px;
    margin: 0 auto;
}

.px1650 {
    max-width: 1650px;
    margin: 0 auto;
}

body {
    padding-top: 120px;
}

li {
    list-style: none;
}

a {
    text-decoration: none;
    color: #000;
}

img,
input {
    border: 0;
    outline: none;
}

body .clear {
    clear: both;
    height: 0 !important;
    width: 0 !important;
    border: none !important;
    margin: 0 !important;
    padding: 0 !important;
    float: none !important;
}

.clearfix:after {
    content: "";
    clear: both;
    display: block;
    overflow: hidden;
    font-size: 0;
    height: 0;
}

.clearfix {
    zoom: 1;
}

.fl {
    float: left;
}

.fr {
    float: right;
}

.px1200 {
    width: 1200px;
    max-width: 1200px;
    margin: 0 auto;
}

.pic {
    padding-top: 75%;
    position: relative;
    overflow: hidden;
}

.pic img {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    transition: all 1s;
    object-fit: cover;
}

.pic img:hover {
    transform: scale(1.2);
}

.wap {
    /* display: none !important; */
}


/*头部*/

.top {
    /* background: linear-gradient(to bottom, rgb(199 209 221) 0%, #ffffff 50%); */
    /* width: 100%; */
    /* position: fixed; */
    /* top: 0; */
    /* left: 0; */
    /* right: 0; */
    /* background: #899099; */
    /* z-index: 999; */
    /* transition: all 0.3s; */
}

.logo a {
    display: block;
    font-size: 0;
    line-height: 100px;
}

.logo img {
    vertical-align: middle;
    /* width: 100%; */
}

.top-r {
    /* margin-left: 485px; */
    /* position: relative; */
}

.top-r-t {
    /* text-align: right; */
    /* line-height: 24px; */
    /* padding-top: 25px; */
    /* overflow: hidden; */
}

.top-r-en {
    display: inline-block;
    margin-right: 72px;
    color: rgb(34, 34, 34);
}

.top-r-en>a {
    font-size: 14px;
    color: rgb(34, 34, 34);
}

.top-r-en>a:hover {
    text-decoration: underline;
}

.top-r-en>span {
    margin: 0 22px;
}

.top-r-en>a>img {
    margin-right: 12px;
    transform: translateY(2px);
}

.search-con {
    position: absolute;
    right: 0px;
    top: 20px;
}

.search-con>button>span {
    font-size: 14px;
    color: #ffffff;
}

.top button {
    /* position: absolute; */
    /* top: 5px; */
    right: 0;
    /* width: 84px; */
    /* height: 24px; */
    /* line-height: 24px; */
    /* text-align: center; */
    /* background: none; */
    /* cursor: pointer; */
    /* color: rgba(255, 255, 255, 0.7); */
}

.top button img {
    vertical-align: middle;
    padding-left: 5px;
}

.top button span {
    color: rgb(34, 34, 34);
    font-size: 14px;
    display: inline-block;
    margin-left: 12px;
    vertical-align: middle;
}

.search {
    width: 300px;
    height: 44px;
    background: #fff;
    margin-top: 20px;
    position: absolute;
    right: 0;
    top: 20px;
    z-index: 1;
    display: none;
}

input,
button {
    border: none;
    outline: none;
}

.search .text {
    width: 300px;
    padding-left: 15px;
    padding-right: 72px;
    height: 44px;
    font-size: 14px;
    background: none;
    color: #333;
    border: 1px solid;
}

.search .button {
    width: 60px;
    height: 44px;
    background: #004b9d url(../images/search2.png) no-repeat center;
    background-size: 20px;
    position: absolute;
    top: 0;
    right: 0;
    cursor: pointer;
    text-align: center;
}

input::-webkit-input-placeholder {
    color: #666;
}

input::-moz-input-placeholder {
    color: #666;
}

input::-ms-input-placeholder {
    color: #666;
}


/*导航*/

.nav {
    /* height: 30px; */
    /* line-height: 30px; */
    /* margin-top: 8px; */
    /* float: right; */
    /* background-color: #fff; */
}

.nav>ul {
    font-size: 0;
    display: flex;
    justify-content: space-between;
}

.nav>ul>li {
    /* float: left; */
    text-align: center;
    position: relative;
    /* padding-left: 42px; */
    /*  width: 12.5%; */
}

.nav>ul>li:first-child {
    margin-left: 0;
}

.nav>ul>li>a {
    color: rgb(34, 34, 34);
    display: block;
    font-size: 18px;
    /* color: #fff; */
    text-align: center;
    position: relative;
    /*transition: all 0.3s;*/
}

.nav>ul>li.on>div {
    border-top: 3px solid #ffffff;
}

.nav>ul>li>a::after {
    content: "";
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    bottom: 0;
    /* border-bottom: 5px solid transparent; */
    /* border-left: 5px solid transparent; */
    /* border-right: 5px solid transparent; */
}

.nav>ul>li.on>a::after {
    border-bottom: 5px solid #ffffff;
}

.nav>ul>li:hover>span {
    transform: rotate(180deg);
}

.nav>ul>li:hover>a::after {
    /* border-bottom: 5px solid #ffffff; */
}

.nav>ul>li:hover>div {
    transform: scale(1);
}

.nav>ul>li>div {
    left: 21px;
    position: absolute;
    top: 100%;
    width: 100%;
    background: #fff;
    background: rgb(255, 255, 255, 1);
    z-index: 9999;
    overflow: hidden;
    line-height: normal;
    /* display: none; */
    box-shadow: 0 0 10px rgba(0, 0, 0, .2);
    /* margin-left: -18% !important; */
    transition: all .5s;
    transform: scale(0);
    transform-origin: top center;
}

.nav>ul>li>div>ul {
    overflow: hidden;
}

.nav>ul>li>div>ul>li a {
    /* height: 30px; */
    display: flex;
    font-size: 14px;
    line-height: 15px;
    transition: .3s;
    color: rgb(34, 34, 34);
    /* padding: 0 5px; */
    /* align-items: center; */
    justify-content: center;
}

.nav>ul>li>div>ul>li a:hover {
    background: #004b9d;
    color: #fff;
}

.nav-r {
    float: left;
    position: relative;
}

.nav-r a {
    float: left;
    margin-left: 20px;
    border-radius: 50%;
    width: 40px;
    height: 40px;
    text-align: center;
    color: #fff;
    line-height: 40px;
    font-size: 0;
}

.nav-r a img {
    vertical-align: middle;
    display: none;
}

.nav-r a img:first-child {
    display: inline-block;
}

.nav-r a span {
    display: block;
    font-size: 18px;
}


/*底部*/

.footer {
    padding-top: 10px;
    padding-bottom: 20px;
    background: #004b9d;
}

.footer-T-L {
    float: left;
    /* padding-bottom: 52px; */
}

.footer-T-L>div {
display:none;
    padding-bottom: 24px;
}

.footer-T-L>div>a {
    font-size: 16px;
    color: #ffffff;
}

.footer-T-L>div>span {
    color: #ffffff;
    margin: 0 15px;
}

.footer-T-L p {
    font-size: 14px;
    color: #ffffff;
    margin-top: 10px;
}

.footer-T-R {
    float: right;
}

.foot-r {
    display: table-cell;
    vertical-align: middle;
}

.foot-m {
    text-align: center;
    font-size: 15px;
    line-height: 28px;
    color: #fff;
}

.foot-r ul {
    font-size: 0;
    text-align: right;
}

.foot-r ul li {
    margin-left: 40px;
    position: relative;
    text-align: center;
    line-height: 40px;
    display: inline-block;
}

.foot-r ul li:first-child {
    margin-left: 0;
}

.foot-r ul li a {
    display: block;
    font-size: 0;
    text-align: center;
}

.foot-r ul li a img {
    vertical-align: middle;
    display: block;
    margin: 0 auto;
}

.foot-r ul li p {
    color: #fff;
    line-height: 20px;
    font-size: 14px;
    margin-top: 10px;
}

.foot-r ul li div {
    position: absolute;
    bottom: 120%;
    left: 50%;
    display: none;
    width: 160px;
    transform: translateX(-50%);
    display: none;
    background: #fff;
    box-shadow: 0 0 10px rgba(0, 0, 0, .2);
}

.foot-r ul li div img {
    display: block;
    width: 100%;
}

.foot-r ul li div p {
    color: #333;
    font-size: 14px;
}

.foot-r ul li:hover div {
    display: block;
}

.footer-B {
    display: none;
    border-top: 1px solid #006f00;
    padding-top: 20px;
}

.footer-B-R {
    float: right;
}

.footer-B-R p {
    color: rgba(255, 255, 255, 0.5);
    font-size: 14px;
    text-align: right;
    line-height: 28px;
}
.footer-B-R p a {
   color: rgba(255, 255, 255, 0.5);
}


.footer-B-L {
    float: left;
}

.footer-B-L-Box div {
    float: left;
    margin-right: 18px;
}

.footer-B-L-Box .footerItem {
    width: 262px;
    height: 37px;
    background: #006f00;
    line-height: 37px;
    font-size: 14px;
    color: #ffffff;
    padding-left: 12px;
    cursor: pointer;
    position: relative;
    margin-right: 0px;
}

.footerItem::after {
    position: absolute;
    content: "";
    display: block;
    background: url(../images/icon-footer.png) no-repeat;
    width: 12px;
    height: 6px;
    right: 8px;
    top: 50%;
    transform: translateY(-50%);
    transition: all 0.8s;
}

.footer-B-L-Box>div:hover .footerItem::after {
    transform: rotateZ(180deg);
}

.footer-B-L div {
    position: relative;
}

.footer-B-L div ul {
    position: absolute;
    bottom: 37px;
    display: none;
}

.footer-B-L div ul li {
    width: 262px;
    height: 40px;
    line-height: 40px;
}

.footer-B-L div ul li a:hover {
    background-color: #006f00;
    color: #ffffff;
    border: 1px solid #fff;
}

.footer-B-L div ul li a {
    display: block;
    color: #333;
    font-size: 13px;
    background-color: #ffffff;
    padding-left: 12px;
}

.footer-T-L>div>a:hover {
    text-decoration: underline;
}

.footer-B-L-Box .M-R {
    margin-right: 0px;
}

@media screen and (max-width:1800px) {
    .nav>ul>li>span {
        right: 0;
    }
    .logo img {
        /* max-height: 104px; */
    }
}

@media screen and (max-width:1600px) {
    .logo img {
        /* max-height: 105px; */
    }
}

@media screen and (max-width:1400px) {
    .top>div {
        padding: 0 20px;
    }
    .footer .px1400 {
        padding: 0 20px;
    }
    .logo img {
        /* max-height: 55px; */
    }
    .top-r {
        /* margin-left: 261px; */
    }
    .nav>ul>li {
        /* padding-left: 30px; */
    }
    .mid1Bottom>p {}
}

@media screen and (max-width: 1200px) {
    .px1200 {
        width: auto;
        margin-left: 20px;
        margin-right: 20px;
    }
    .nav>ul>li>a {
        font-size: 15px;
    }
    .nav>ul>li>span {
        width: 9px;
        height: 6px;
    }
    .foot-l img {
        max-height: 48px;
    }
}

@media screen and (max-width:1100px) {
    .nav>ul>li>a {
        font-size: 14px;
    }
}

@media screen and (max-width:1024px) {
    body {
        padding-top: 60px !important;
    }
    .pc {
        display: none !important;
    }
    .banner .slick-slide a:before {
        display: none;
    }
    .m-top {
        max-width: 1920px;
        margin: 0 auto;
        position: fixed;
        right: 20px;
        top: 18px;
        width: 25px;
        height: 25px;
        z-index: 9999;
    }
    .wap {
        /* display: block !important; */
    }
    .wap-menu {
        position: absolute;
        top: 0;
        right: 0;
        z-index: 99999;
        font-size: 0;
    }
    .wap-menu img {
        height: 25px;
        cursor: pointer;
    }
    .close-menu {
        display: none;
        position: absolute;
        right: 0;
        top: 0;
        cursor: pointer;
    }
    .m-head {
        position: fixed;
        top: 0;
        left: 0;
        right: 0;
        background: #004b9d;
        z-index: 999;
        padding: 10px 20px;
    }
    .m-logo {
        font-size: 0;
    }
    .m-logo a {
        font-size: 0;
        line-height: 40px;
        display: block;
    }
    .m-logo img {
        max-height: 40px;
        max-width: 80%;
        vertical-align: middle;
    }
    .m-tlink {
        font-size: 12px;
        padding: 10px 15px 0 15px;
        color: rgba(255, 255, 255, 0.6);
    }
    .m-tlink a {
        font-size: 12px;
        margin: 0 8px;
        color: #fff;
        display: inline-block;
        line-height: 24px;
        /* background: #fff; */
        line-height: 24px;
        border-radius: 5px;
    }
    .m-tlink a:hover {
        text-decoration: underline;
    }
    .m-tlink a img {
        vertical-align: -2px;
        padding-right: 5px;
        height: 14px;
    }
    .m-search {
        margin: 0 15px;
        padding-right: 50px;
        padding-left: 10px;
        padding-top: 5px;
        padding-bottom: 5px;
        position: relative;
        line-height: 35px;
        /* background: #fff; */
        margin-top: 15px;
        margin-bottom: 15px;
        border: 1px solid #fff;
    }
    .m-search input[type="text"] {
        display: block;
        width: 100%;
        line-height: 25px;
        background: none;
        color: #fff;
        font-size: 12px;
    }
    .m-search input[type="text"]::placeholder {
        color: #fff;
    }
    .m-search input[type="image"] {
        position: absolute;
        right: 10px;
        top: 10px;
        height: 15px;
    }
    .m-nav {
        position: fixed;
        top: 60px;
        right: -100%;
        bottom: 0;
        z-index: 999;
        background: #004b9d;
        border-top: 1px solid rgba(255, 255, 255, 0.2);
        overflow-y: scroll;
        width: 100%;
        max-width: 375px;
    }
    .m-nav .top-r {
        color: #fff;
        padding-left: 15px;
    }
    .m-nav ul {
        padding: 0 15px;
        /* border-top: 1px solid rgba(255, 255, 255, 0.2); */
    }
    .m-nav ul li {
        border-bottom: 1px solid rgba(255, 255, 255, 0.2);
        position: relative;
    }
    .m-nav ul li>span.on {
        transform: rotateZ(90deg);
    }
    .m-nav ul li ul {
        /* display: none; */
    }
    .m-nav ul li ul li {
        border: none;
    }
    .m-nav>ul>li a {
        display: block;
        font-size: 14px;
        line-height: 20px;
        padding: 15px 0;
        position: relative;
        color: #fff;
    }
    .m-nav>ul>li ul li a {
        padding: 10px 0;
    }
    .m-nav>ul>li>span {
        position: absolute;
        width: 20px;
        height: 20px;
        background: url(../images/m-nav_down.png) no-repeat;
        background-size: 14px 14px;
        background-position: center center;
        right: 0;
        top: 15px;
        cursor: pointer;
        display: block;
        color: #fff;
        transition: all 0.3s;
    }
    .link h3 {
        font-size: 14px;
    }
    .link h3:after {
        height: 14px;
    }
    .link p a {
        font-size: 12px;
    }
    .link p a {
        padding: 5px 10px;
    }
    .foot-l,
    .foot-c,
    .foot-r {
        float: none;
        width: auto;
        text-align: center;
    }
    .foot-c {
        margin-left: 0;
    }
    .foot-c h3 {
        display: inline-block;
    }
    .foot-c p {
        font-size: 12px;
    }
    .foot-media>div {
        float: none;
        display: inline-block;
    }
    .foot>div {
        padding-bottom: 20px;
    }
    .foot-l img {
        max-width: 100%;
    }
    .footer-T-L,
    .footer-T-R,
    .footer-B-L,
    .footer-B-R {
        float: none;
        width: 100%;
        text-align: center;
        padding-bottom: 30px;
    }
    .footer-B-R p {
        text-align: center;
    }
    .foot-r {
        display: block;
        width: 283px;
        margin: 0 auto;
    }
    .foot-r ul {
        text-align: center
    }
    .footer-B-L-Box {
        width: 560px;
        display: block;
        margin: 0 auto;
    }
}

@media screen and (max-width:768px) {
    .footer-B-L-Box .footerItem {
        width: 209px;
    }
    .footer-B-L-Box {
        width: 436px;
    }
    .footer-B-L div ul li {
        width: 209px;
    }
    .foot-r ul li {
        margin-left: 25px
    }
    .foot-r ul li a img {
        height: 45px;
    }
    .foot-r ul li div {
        width: 120px;
    }
}

@media screen and (max-width:480px) {
    .foot-c h3 {
        font-size: 15px;
        line-height: 18px;
    }
    .footer-T-L>div>span {
        color: #ffffff;
        margin: 0 12px;
    }
    .footer-T-L>div {
        padding-bottom: 0px;
    }
    .footer-B-L-Box .footerItem {
        width: 155px;
        padding-left: 0px;
    }
    .footer-B-L-Box {
        width: 328px;
    }
    .footer-B-L div ul li {
        width: 155px;
    }
}

@media screen and (max-width:375px) {
    .footer-B-L-Box .footerItem {
        width: 140px;
    }
    .footer-B-L-Box {
        width: 328px;
    }
    .footer-B-L div ul li {
        width: 140px;
    }
    .footer-B-L-Box {
        width: 298px;
    }
}

@media screen and (max-width:320px) {}
:root{
    --blue:#004b9d;
    --blue-dark:#013a78;
    --blue-deep:#00264f;
    --blue-light:#eaf1fa;
    --gold:#f4b400;
    --green:#0a7d2c;
    --cyan:#0e9aa8;
    --orange:#e8743b;
    --purple:#6c5ce7;
    --red:#8e1d24;
    --red-dark:#6e141a;
    --red-light:#a82a32;
    --ink:#222;
    --text:#333;
    --muted:#888;
    --line:#e6e9ef;
    --shadow:0 6px 22px rgba(0,40,90,.10);
    --shadow-lg:0 14px 38px rgba(0,40,90,.16);}
*{margin:0;padding:0;box-sizing:border-box;}
html,body{font-family:"Microsoft YaHei","PingFang SC","Hiragino Sans GB",sans-serif;color:var(--text);font-size:16px;background:#f3f5f9;-webkit-font-smoothing:antialiased;}
body{overflow-x:hidden;padding-top:161px;}
a{text-decoration:none;color:inherit;}
ul,li{list-style:none;}
img{/* display:block; */max-width:100%;border:0;}
.clearfix:after{content:"";display:block;clear:both;}
.wrap{max-width:1400px;margin:0 auto;padding:0 20px;}

/* ============ 头部 ============ */
.pc{position:fixed;top:0;left:0;right:0;z-index:999;background: linear-gradient(90deg,#004fa1 0%,#0163b0 30%,#259ddd 60%,#6cc9f5 100%);box-shadow:0 4px 18px rgba(0,40,90,.30);}
.pc .top{position:relative;}
.pc .top::before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,rgba(255,210,107,0) 0%,rgba(255,210,107,.85) 50%,rgba(255,210,107,0) 100%);}
.pc .top::after{content:"";position:absolute;inset:0;background-image:radial-gradient(circle at 12% 50%,rgba(255,255,255,.06) 0,rgba(255,255,255,0) 40%),radial-gradient(circle at 88% 50%,rgba(255,255,255,.10) 0,rgba(255,255,255,0) 40%);pointer-events:none;}
.top-inner{display:flex;align-items:center;justify-content:space-between;height:114px;position:relative;z-index:2;}
.logo a{display:flex;align-items:center;height:114px;flex:0 0 auto;color:#fff;}
.logo img{height:80px;width:auto;display:block;max-width:none;filter:drop-shadow(0 2px 6px rgba(0,0,0,.28));}
.top-r{display:flex;align-items:center;flex-direction:column;gap:10px;padding-top:14px;position:relative;z-index:2;}
.top-r-t{display:flex;align-items:center;gap:6px;font-size:14px;color:rgba(255,255,255,.75);}
.top-r-t a{display:inline-flex;align-items:center;gap:6px;color:rgba(255,255,255,.95);transition:color .25s;}
.top-r-t a:hover{color:var(--gold);}
.top-r-t a img{height:16px;width:auto;opacity:1;filter:brightness(0) invert(1);}
.top-r-t span{color:rgba(255,255,255,.32);}
.top-tools{display:flex;align-items:center;gap:14px;}
.search-toggle{display:inline-flex;align-items:center;gap:6px;cursor:pointer;color:#fff;background:rgba(255,255,255,.14);border:1px solid rgba(255,255,255,.22);border-radius:20px;padding:7px 16px;font-size:14px;font-weight:600;backdrop-filter:blur(4px);transition:background .25s,transform .2s,box-shadow .25s;}
.search-toggle:hover{background:var(--gold);color:var(--blue-dark);border-color:var(--gold);transform:translateY(-1px);box-shadow:0 6px 18px rgba(0,0,0,.24);}
.search-toggle img{height:15px;filter:brightness(0) invert(1);}
.search-toggle:hover img{filter:none;}
.search-panel{position:absolute;top:114px;right:0;width:340px;background:#fff;border-radius:0 0 14px 14px;box-shadow:var(--shadow-lg);padding:18px;display:none;z-index:20;}
.search-panel.open{display:block;animation:drop .25s ease;}
@keyframes drop{from{opacity:0;transform:translateY(-8px);}to{opacity:1;transform:none;}}
.search-panel input[type=text]{width:100%;height:44px;border:1px solid var(--line);border-right:none;border-radius:8px 0 0 8px;padding:0 14px;font-size:14px;color:#333;}
.search-panel form{display:flex;}
.search-panel .sbtn{flex:0 0 56px;background:var(--blue);border-radius:0 8px 8px 0;color:#fff;font-size:14px;cursor:pointer;}
.search-panel .sbtn:hover{background:var(--blue-dark);}

/* 导航 */
.nav{background: #003a7a;border-top:1px solid rgba(255,255,255,.08);box-shadow:0 2px 10px rgba(0,40,90,.18);}
.nav>ul{display:flex;}
.nav>ul>li{position:relative;flex:1;text-align:center;}
.nav>ul>li>a{display:block;font-size:17px;color:#fff;line-height:44px;position:relative;transition:color .25s;font-weight:500;letter-spacing:1px;}
.nav>ul>li>a::after{content:"";position:absolute;left:50%;bottom:0;transform:translateX(-50%);width:0;height:3px;background:linear-gradient(90deg,var(--gold),#ffd66b);transition:width .3s;box-shadow:0 0 8px rgba(244,180,0,.5);}
.nav>ul>li:hover>a,.nav>ul>li.active>a{color:var(--gold);}
.nav>ul>li:hover>a::after,.nav>ul>li.active>a::after{width:60%;}
.nav>ul>li>div{position:absolute;top:100%;left:50%;transform:translateX(-50%) translateY(10px);min-width:160px;background:#fff;border-radius:0 0 12px 12px;box-shadow:var(--shadow-lg);overflow:hidden;opacity:0;visibility:hidden;transition:all .28s;z-index:50;}
.nav>ul>li:hover>div{opacity:1;visibility:visible;transform:translateX(-50%) translateY(0);}
.nav>ul>li>div>ul>li{border-bottom:1px solid #f1f3f7;}
.nav>ul>li>div>ul>li:last-child{border-bottom:none;}
.nav>ul>li>div>ul>li a{display:block;font-size:15px;color:#444;line-height:42px;transition:.25s;}
.nav>ul>li>div>ul>li a:hover{background:var(--blue);color:#fff;padding-left:6px;}
/* 二级下拉 */
.nav>ul>li>div>ul>li>div{position:absolute;left:100%;top:0;min-width:150px;background:#fff;box-shadow:var(--shadow-lg);border-radius:0 12px 12px 12px;opacity:0;visibility:hidden;transition:.25s;}
.nav>ul>li>div>ul>li:hover>div{opacity:1;visibility:visible;}

/* ============ 移动端头部 ============ */
.m-top{display:none;}
.m-head{display:none;}
.m-nav{display:none;}

/* ============ Banner ============ */
.banner-slick{position:relative;max-width:1400px;margin:22px auto 0;padding:0 20px;overflow:hidden;}
.banner-track{position:relative;padding-top:30%;}
.banner-track .slide{position:absolute;inset:0;opacity:0;transition:opacity .9s ease;background:linear-gradient(135deg,#013a78,#1f7ad6);}
.banner-track .slide.active{opacity:1;}
.banner-track .slide img{width:100%;height:100%;object-fit:cover;}
.banner-track .mask{position:absolute;left:0;right:0;bottom:0;height:42%;background:linear-gradient(to top,rgba(0,38,79,.78),rgba(0,38,79,.10) 60%,transparent);z-index:2;pointer-events:none;}
.banner-track .slide .cap{position:absolute;left:36px;bottom:26px;color:#fff;font-size:26px;font-weight:600;text-shadow:0 2px 10px rgba(0,0,0,.4);max-width:70%;z-index:3;}
.banner-track .slide{z-index:1;}
.b-prev,.b-next{position:absolute;top:50%;transform:translateY(-50%);width:46px;height:46px;border:none;border-radius:50%;background:rgba(255,255,255,.85);color:var(--blue);font-size:26px;cursor:pointer;z-index:5;box-shadow:var(--shadow);transition:.25s;}
.b-prev:hover,.b-next:hover{background:#fff;transform:translateY(-50%) scale(1.08);}
.b-prev{left:26px;}
.b-next{right:26px;}
.b-dots{position:absolute;bottom:16px;left:50%;transform:translateX(-50%);display:flex;gap:10px;z-index:5;}
.b-dots button{width:26px;height:7px;border:none;border-radius:5px;background:rgba(255,255,255,.6);cursor:pointer;transition:.3s;padding:0;}
.b-dots button.active{width:46px;background:var(--gold);}

/* ============ 通用栏目标题 ============ */
.sec-head{display:flex;align-items:flex-end;justify-content:space-between;margin:42px 0 18px;padding-bottom:12px;border-bottom:2px solid var(--line);}
.sec-head .t{display:flex;align-items:center;gap:12px;}
.sec-head .t i{width:6px;height:30px;border-radius:4px;background:linear-gradient(180deg,var(--blue),#1f7ad6);display:inline-block;}
.sec-head .t h2{font-size:28px;color:var(--ink);letter-spacing:1px;}
.sec-head .t small{font-size:13px;color:var(--muted);letter-spacing:3px;text-transform:uppercase;}
/* 各栏目标题竖条与英文小标使用不同辅色，主色仍为蓝 */
.mid1 .sec-head .t i{background:linear-gradient(180deg,var(--blue),#1f7ad6);}
.mid1 .sec-head .t small{color:#1f7ad6;}
.mid2 .col-left .sec-head .t i{background:linear-gradient(180deg,var(--cyan),#36c5d4);}
.mid2 .col-left .sec-head .t small{color:var(--cyan);}
.mid2 .col-right .sec-head .t i{background:linear-gradient(180deg,var(--orange),#ffa76a);}
.mid2 .col-right .sec-head .t small{color:var(--orange);}
.mid3 .sec-head .t i{background:linear-gradient(180deg,var(--green),#3fcf6a);}
.mid3 .sec-head .t small{color:var(--green);}
.mid4 .sec-head .t i{background:linear-gradient(180deg,var(--purple),#a29bfe);}
.mid4 .sec-head .t small{color:var(--purple);}
.more{display:inline-flex;align-items:center;gap:6px;font-size:14px;color:var(--blue);border:1px solid var(--blue);border-radius:18px;padding:6px 16px;transition:.25s;}
.more:hover{background:var(--blue);color:#fff;}
.more::after{content:"›";font-size:18px;line-height:1;}

/* ============ mid1 新闻动态 ============ */
.mid1 .cols{display:flex;gap:30px;}
.mid1 .col-left{width:calc(50% - 15px);}
.mid1 .col-right{width:calc(50% - 15px);}
.focus{position:relative;border-radius:14px;overflow:hidden;box-shadow:var(--shadow);background:#fff;}
.focus-track{position:relative;padding-top:66.2%;}
.focus-track .f-slide{position:absolute;inset:0;opacity:0;transition:opacity .8s;}
.focus-track .f-slide.active{opacity:1;}
.focus-track .f-slide .pic{position:absolute;inset:0;background:linear-gradient(135deg,#013a78,#2b6fb0);}
.focus-track .f-slide .pic img{width:100%;height:100%;object-fit:cover;transition:transform 1.1s;}
.focus-track .f-slide.active .pic img:hover{transform:scale(1.06);}
.focus .cap{position:absolute;left:0;right:0;bottom:0;background:linear-gradient(to top,rgba(0,75,157,.96),rgba(0,75,157,.0));padding: 30px 120px 30px 18px;color:#fff;}
.focus .cap p{font-size:19px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.f-dots{position:absolute;bottom:14px;right:18px;display:flex;gap:8px;z-index:6;}
.f-dots button{width:22px;height:6px;border:none;border-radius:4px;background:rgba(255,255,255,.7);cursor:pointer;padding:0;transition:.3s;}
.f-dots button.active{width:40px;background:var(--gold);}
.news-list li{position:relative;padding:15px 12px 15px 22px;border-bottom:1px dashed #d8dde6;transition:background .2s;}
.news-list li::before{content:"";position:absolute;left:4px;top:50%;transform:translateY(-50%);width:8px;height:8px;border-radius:50%;background:var(--blue);transition:.25s;}
.news-list li:hover{background:var(--blue-light);}
.news-list li:hover::before{background:var(--gold);box-shadow:0 0 0 4px rgba(244,180,0,.25);}
.news-list a{display:flex;align-items:center;justify-content:space-between;gap:18px;}
.news-list .tt{font-size:16px;color:#2a2a2a;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;flex:1;min-width:0;transition:color .2s;}
.news-list li:hover .tt{color:var(--blue);}
.news-list .dt{font-size:15px;color:var(--muted);flex:0 0 auto;}

/* 列表卡片化 */
.news-list,.notice,.research{background:#fff;border-radius:14px;padding:8px 18px;box-shadow:var(--shadow);}
/* ============ mid2 通知公告 / 科研动态 ============ */
.mid2 .cols{display:flex;gap:30px;}
.mid2 .col-left{width:calc(50% - 15px);}
.mid2 .col-right{width:calc(50% - 15px);}
.notice li{position:relative;padding:16px 0;border-bottom:1px dashed #d8dde6;transition:padding .2s;}
.notice li:hover{padding-left:6px;}
.notice a{display:flex;align-items:center;gap:16px;flex:1;min-width:0;}
.notice .date{flex:0 0 96px;height:34px;line-height:34px;text-align:center;background:var(--blue-light);color:var(--blue);border-radius:8px;font-size:14px;font-weight:600;transition:.25s;}
.notice li:hover .date{background:var(--blue);color:#fff;}
.notice .tt{font-size:16px;color:#2a2a2a;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;flex:1;min-width:0;transition:color .2s;}
.notice li:hover .tt{color:var(--blue);}
.research li{border-bottom:1px solid #e6e9ef;padding:11px 0;}
.research a{display:flex;gap:18px;align-items:stretch;}
.research .date2{flex:0 0 78px;width:78px;text-align:center;border-radius:10px;overflow:hidden;box-shadow:var(--shadow);}
.research .date2 .m{background:var(--blue);color:#fff;font-size:15px;line-height:23px;letter-spacing:1px;}
.research .date2 .d{background:#fff;color:var(--ink);font-size:28px;line-height:42px;font-family:Arial;border:1px solid var(--blue);border-top:none;border-radius:0 0 10px 10px;}
.research .body{flex:1;min-width:0;}
.research .body .one{font-size:16px;color:#2a2a2a;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;transition:color .2s;}
.research a:hover .one{color:var(--blue);}
.research .body .ex{font-size:13.5px;color:var(--muted);line-height:1.7;margin-top:6px;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden;}

/* ============ mid3 人才招聘 ============ */
.mid3{margin-top:0;}
.mid3 .sec-head{border-bottom-color:rgba(10,125,44,.2);}
.recruit{display:grid;grid-template-columns:repeat(2,1fr);column-gap:44px;background:#fff;border-radius:14px;padding:10px 30px 6px;box-shadow:var(--shadow);}
.recruit li{position:relative;padding:15px 0;border-bottom:1px dashed #c4d0e2;min-width:0;transition:padding .2s;}
.recruit li:hover{padding-left:6px;}
.recruit a{display:flex;align-items:center;gap:16px;flex:1;min-width:0;}
.recruit .date{flex:0 0 96px;height:34px;line-height:34px;text-align:center;background:var(--blue-light);color:var(--blue);border-radius:8px;font-size:14px;font-weight:600;transition:.25s;}
.recruit li:hover .date{background:var(--blue);color:#fff;box-shadow:0 3px 10px rgba(0,75,157,.22);}
.recruit .tt{font-size:16px;color:#2a2a2a;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;flex:1;min-width:0;transition:color .2s;}
.recruit li:hover .tt{color:var(--blue);}

/* ============ mid4 中心平台 ============ */
.mid4{position:relative;}
.plat{position:relative;}
.plat-viewport{overflow:hidden;}
.plat-track{display:flex;gap:18px;will-change:transform;}
.plat-item{flex:0 0 calc((100% - 72px)/5);}
.plat-item a{display:block;border:1px solid #eef0f4;border-radius:12px;overflow:hidden;background:#fff;box-shadow:var(--shadow);transition:transform .3s,box-shadow .3s;}
.plat-item a:hover{transform:translateY(-6px);box-shadow:0 14px 38px rgba(108,92,231,.22);}
.plat-item .pic{position:relative;padding-top:56%;background:linear-gradient(135deg,#eaf1fa,#cfe0f5);}
.plat-item .pic img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;transition:transform 1s;}
.plat-item a:hover .pic img{transform:scale(1.12);}
.p-prev,.p-next{position:absolute;top:42%;transform:translateY(-50%);width:42px;height:42px;border:none;border-radius:50%;background:#fff;color:var(--blue);font-size:24px;cursor:pointer;box-shadow:var(--shadow);z-index:5;transition:.25s;}
.p-prev:hover,.p-next:hover{background:var(--blue);color:#fff;}
.p-prev{left:-14px;}
.p-next{right:-14px;}

/* ============ 页脚 ============ */
.footer{margin-top:42px;background:linear-gradient(135deg,var(--blue-dark),var(--blue));color:#fff;padding:15px 0 9px;}
.footer .ft-inner{display:flex;justify-content:space-between;gap:30px;flex-wrap:wrap;}
.footer .ft-l p{font-size:14px;line-height:2.5;color:rgba(255,255,255,.85);}
.footer .ft-l .links{margin-bottom:10px;display:none;}
.footer .ft-l .links a{font-size:15px;color:#fff;margin-right:18px;}
.footer .ft-l .links a:hover{text-decoration:underline;}
.footer .ft-r{text-align:center;}
.footer .ft-r .qr{width:96px;height:96px;border-radius:10px;background:#fff;padding:6px;}
.footer .ft-r p{margin-top:6px;font-size:13px;color:rgba(255,255,255,.9);}
.footer .ft-l p.copy{margin-top:4px;font-size:12.5px;color:rgba(255,255,255,.6);}

/* ============ 响应式 ============ */
@media(max-width:1024px){
    body{padding-top:60px;}
    .pc{display:none;}
    .m-head{display:block;position:fixed;top:0;left:0;right:0;background:var(--blue);z-index:999;/* padding:10px 16px; */display:flex;align-items:center;justify-content:space-between;}
    .m-head .m-logo img{max-height:40px;filter:none;opacity:1;}
    .m-head .m-open{color:#fff;font-size:24px;cursor:pointer;}
    .m-nav{display:block;position:fixed;top:58px;right:0;bottom:0;width:78%;max-width:340px;background:var(--blue);z-index:998;overflow-y:auto;transform:translateX(100%);opacity:0;visibility:hidden;transition:transform .3s,opacity .3s,visibility .3s;padding:14px;}
    .m-nav.open{transform:translateX(0);opacity:1;visibility:visible;}
    .m-nav a{/* display:block; */color:#fff;font-size: 12px;padding:13px 8px;border-bottom:1px solid rgba(255,255,255,.18);}
    .m-nav .sub a{padding-left:24px;font-size:14px;color:rgba(255,255,255,.85);}
    .banner-track{padding-top:46%;}
    .banner-track .slide .cap{font-size:18px;left:20px;bottom:16px;}
    .mid1 .cols,.mid2 .cols{flex-direction:column;gap:0;}
    .mid1 .col-left,.mid1 .col-right,.mid2 .col-left,.mid2 .col-right{width:100%;}
    .mid1 .col-right{padding-top:24px;}
    .sec-head .t h2{font-size:23px;}
    .plat-item{flex:0 0 calc((100% - 18px)/2);}
    .p-prev{left:0;}.p-next{right:0;}
}
@media(max-width:560px){
    .focus-track{padding-top:72%;}
    .research a{flex-direction:column;gap:8px;}
    .research .date2{display:flex;width:auto;flex:0 0 auto;}
    .research .date2 .m{line-height:44px;padding:0 14px;border-radius:8px 0 0 8px;}
    .research .date2 .d{line-height:44px;padding:0 14px;border:1px solid var(--blue);border-left:none;border-radius:0 8px 8px 0;font-size:24px;}
    .footer .ft-inner{flex-direction:column;align-items:center;text-align:center;}
    .plat-item{flex:0 0 100%;}
    .recruit{grid-template-columns:1fr;gap:10px;}
}