/*
 *  public.css by 453883682@qq.com
 */
.wow { transition-delay: 0.3s;}
.pc { display: block;}
.mob { display: none;}
.wrap {
    width: 90%;
    max-width: 1470px;
    padding: 0 15px;
    margin: 0 auto;

}

.head-top {
    background-color: #FFFFFF;
    z-index: 22;
    position: relative
}
.top-links > li{ position: relative; padding: 10px 0; z-index: 12;}
/* .top-links > li.dropdown > a::after{ display: inline-block; content: ""; vertical-align: middle; width: 17px; height: 11px; margin-left: 4px; background: url(../images/icon-arrow-down.png) center bottom no-repeat; transition: all .3s linear;} */
.top-links > li > a{ display: block; color: #356AA6; line-height: 34px; padding: 0 20px; border-radius: 8px; transition: all .3s;}
.top-sub{ position: absolute; left: 50%; top: 100%; transform: translateX(-50%); min-width: 160px; line-height: 1.8; padding: 15px 15px 20px; white-space: nowrap; border-radius: 5px; background-color: #FFFFFF; opacity: 0; visibility: hidden; margin-top: 10px; box-shadow: 0 3px 7px rgba(0, 0, 0, 0.24); transition: all .3s linear;}
.top-sub li a{ font-size: 14px; color: #000000;}
/* .top-sub li a::before{ content: "•"; margin-right: 5px;} */
.top-sub li a:hover{ color: var(--main-color);}
.top-links > li > a:hover,
.top-links > li.cur > a{ color: var(--blue-color); background-color: #F3F3F3;}
.top-links > li.cur > a::after{ transform: rotate(180deg);}
.top-links > li.cur .top-sub{ opacity: 1; visibility: visible; margin-top: 0;}

.header{ position: absolute; top: 54px; left: 0; right: 0; width: 100%; min-width: 320px; padding: 0; box-shadow: 0 2px 5px rgba(0, 0, 0, 0.08); z-index: 20; transition: all .3s;}
.logo{ position: relative; height: 54px; padding: 0 !important; margin-right: 10px; z-index: 10;}
.logo a { display: block;}
.logo img { height: 32px; transition: all .3s linear;}
.logo img.white{ display: block;}
.logo img.default{ position: absolute; left: 50%; top: 50%; transform: translate(-50%,-50%); opacity: 0; visibility: hidden; transition: all .3s;}
.hd-right{ position: relative; height: 54px; margin-left: .2rem; z-index: 12;}
.hd-order {
    margin-top: 17px;
    transition: all 0.3s;
}
.hd-order a{ display: block; color: #4E3FA5; padding: 1px; border-radius: 18px; background: var(--lbg); transition: all .3s linear;}
.hd-order a span{ display: block; line-height: 34px; padding: 0 24px; border-radius: 18px; background-color: #FFFFFF; transition: all .3s linear;}
.hd-order a:hover{ color: #FFFFFF;}
.hd-order a:hover span{ background-color: transparent;}

.menu-btn{ width: 40px; height: 40px; border: 1px solid var(--main-color); border-radius: 50%; cursor: pointer; display: none;}
.menu-btn-line { position: relative; width: 22px; height: 26px; margin: 0 auto;}
.menu-btn-line span { display: block; width: 100%; height: 2px; background: var(--main-color); position: absolute; left: 0; top: calc((100% - 4px) / 2); transition: all .3s;}
.menu-btn-line span:nth-child(1) { transform: translateY(6px) rotate(0deg);}
.menu-btn-line span:nth-child(2) { width: 18px;}
.menu-btn-line span:nth-child(3) { transform: translateY(-6px) rotate(0deg);}
.menu-btn.active .menu-btn-line span:nth-child(1) { transform: translateY(0) rotate(45deg);}
.menu-btn.active .menu-btn-line span:nth-child(3) { transform: translateY(0) rotate(-45deg);}
.menu-btn.active .menu-btn-line span:nth-child(2) { opacity: 0;}

/* nav */
.nav-box { margin: 0 auto; text-align: left; z-index: 9;}
.nav-list { display: flex; justify-content: flex-start; list-style: none; margin: 0; z-index: 1; transition: all .3s;}
.nav-list > li { margin-left: .6rem; z-index: 2;}
.nav-list > li > a { position: relative; display: block; color: #2A3B77; color: #FFFFFF; line-height: 44px; padding-top: 10px; transition: all .3s;}
.nav-list > li > a > span{ position: relative; display: block; text-align: center;}
.nav-list > li > a > span::before{ display: block; content: ""; position: absolute; left: 50%; bottom: 0; width: 0; height: 2px; background: var(--lbg); transition: all .3s;}
.nav-list > li > a:hover,
.nav-list > li.active > a,
.nav-list > li.cur > a{ color: var(--main-color);}
.nav-list > li > a:hover > span::before,
.nav-list > li.active > a > span::before,
.nav-list > li.cur > a > span::before{ left: 0; width: 100%;}
.nav-dropdown{ position: absolute; left: 0; top: auto; width: 100%; min-width: 120px; max-height: 70vh; height: auto; color: #191817; border-top: 1px solid rgba(0, 0, 0, 0.1); box-shadow: 0 5px 10px rgba(0, 0, 0, 0.1); z-index: 2; overflow-y: auto; opacity: 0; visibility: hidden; margin-top: -0.1rem; background: #FFFFFF; transition: .5s cubic-bezier(.77,0,.175,1);}

.nav-list > li.cur .nav-dropdown{ opacity: 1; visibility: visible; margin-top: 0;}
.nav-list.hide{ display: none;}

.nav-tab{ flex-shrink: 0; width: 340px; padding: .13rem 0; background: #F9F7F7;}
.nav-tab li{ margin-bottom: 1px;}
    .nav-tab li a {
        column-gap: .1rem;
        color: var(--purple-color);
        color: #356aa6;
        padding: .1rem .3rem;
        transition: all .3s;
    }
.nav-tab li a span{ flex: auto;}
.nav-tab li a .icon{ flex-shrink: 0; width: 60px; height: 60px; max-width: .6rem; max-height: .6rem;}
.nav-tab li a .icon img{ display: block; max-width: 100%; max-height: 100%; margin: 0 auto;}
.nav-tab li a .arrow{ flex-shrink: 0; width: 15px; height: auto; max-width: .18rem; opacity: 0; visibility: hidden; transition: all .3s;}
.nav-tab li a:hover,
.nav-tab li.active a{ background: #E5F0FB;}
.nav-tab li.active a .arrow{ opacity: 1; visibility: visible;}

.nav-drop-con{ flex: auto;}
.nav-drop-item{ display: flex; height: 100%; padding: .3rem 0;}
.nav-drop-right{ flex-shrink: 0; width: 360px; max-width: 35%; padding-left: .3rem; border-left: 1px solid #E6E5E5;}
.nav-drop-left{ flex: auto; overflow: hidden;}
.nav-drop-list{ column-count: 2; column-span: none;}
.nav-drop-list > li{ height: auto; padding-left: .6rem; margin-bottom: .2rem; overflow: hidden;}
.nav-drop-title {
    font-size: 18px;
    color: #356aa6;
    line-height: 1.2;
    margin-bottom: .1rem;
}
    .nav-drop-title a {
        color: #356aa6;
        font-weight: 500;
        transition: all .3s;
    }
.nav-drop-title a:hover{ color: var(--purple-color);}
.nav-drop-sub{ margin: .2rem 0 .3rem;}
.nav-drop-sub li{ margin: .2rem 0;}
    .nav-drop-sub li a {
        display: flex;
        align-items: center;
        flex-wrap: wrap;
        gap: .1rem .2rem;
        font-size: 16px;
        color: #4f4f4e;
        line-height: 1.1;
        transition: all .3s;
    }
.nav-drop-sub li span{ min-width: 110px; font-size: 12px; color: #063930; padding: 6px 10px; background: url(../images/nav-tag.png) center center no-repeat; background-size: 100% 100%; text-align: center;}
.nav-drop-sub li a:hover{ color: var(--purple-color);}


.drop-img{ max-width: 300px; margin-bottom: .2rem;}
.drop-text{ max-width: 300px; line-height: 1.5;}
.drop-btn{ display: block; width: 159px; height: 37px; color: var(--blue-color); padding: 1px; margin-top: .2rem; background: var(--lbg); border-radius: 20px; overflow: hidden; text-align: center;}
.drop-btn span{ display: flex; align-items: center; justify-content: center; width: 100%; height: 100%; background-color: #FFFFFF; border-radius: 20px; transition: all .3s;}
.drop-btn:hover span{ background-color: transparent; color: #FFFFFF;}

.nav-mob{ display: none;}

.header.scroll{ position: fixed; top: 0; background-color: #FFFFFF; box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1);}
.header.scroll .logo img.default{ opacity: 1; visibility: visible;}
.header.scroll .nav-list > li > a { color: #356aa6; }
.header.scroll .hd-order{ margin-top: 0;}

.header.white-bg{ background-color: #FFFFFF; box-shadow: 0 1px 0 rgba(0, 0, 0, 0.1);}
.header.white-bg .logo img.default{ opacity: 1; visibility: visible;}
.header.white-bg .nav-list > li > a { color: #356aa6; }
.header.white-bg .hd-order{ margin-top: 0;}

.header.sticky{ position: static; top: 54px; background: linear-gradient(to right,#479adc 45%,#FFFFFF);}
.header.sticky .logo img.default{ opacity: 0; visibility: hidden;}
.header.sticky .nav-list > li > a { color: #FFFFFF; }
.header.sticky .hd-order{ margin-top: 0;}

/* footer */
.footer{ position: relative; color: #2A3B77; line-height: 1.6; padding: .1rem 0; z-index: 2; background: #FFFFFF;}
.footer::before,
.footer::after{ display: block; content: ""; position: absolute; left: 0; width: 100%; z-index: -1;}
.footer::before{ top: 0; aspect-ratio: 1920 / 123; background: url(../images/foot-top.png) center bottom no-repeat; background-size: cover;}
.footer::after{ bottom: 0; aspect-ratio: 1920 / 99; background: url(../images/foot-bot.png) center bottom no-repeat; background-size: cover;}
.footer a{ color: #2A3B77; transition: all .3s;}
.footer a:hover{ color: var(--blue-color);}
.foot-top{ padding: .55rem 0;}
.foot-left{ width: 35%; max-width: 420px;}
.foot-logo img{ max-height: .6rem;}
.foot-line{ height: 8px; margin: .2rem 0; background: url(../images/box4-line.png) left center no-repeat; background-size: 100% 100%;}
.foot-text{ color: #4E3FA5;}
.foot-nav{ width: 62%; max-width: 780px;}
.foot-nav li{ padding: 0 .4rem;}
.foot-nav li:first-child{ padding-left: 0;}
.foot-nav li:last-child{ padding-right: 0;}
.foot-nav li + li{ border-left: 1px solid #93b0d0;}
.foot-nav .foot-title,
.foot-nav h3{ line-height: 1.1; margin-bottom: .1rem; font-weight: 500;}
.foot-nav .foot-title a,
.foot-nav h3 a{ color: var(--blue-color);}
.foot-sub p{ margin: 3px 0;}
.foot-sub p a{ color: var(--main-color);}
.foot-bar{ height: 1px; background: #C9D7E7;}
.foot-contact{ padding: .55rem 0 1rem; column-gap: .4rem;}
.foot-contact li{ flex: auto;}
.foot-contact li .foot-title,
.foot-contact li h3{ line-height: 1.1; margin-bottom: .2rem; font-weight: 500;}
.foot-contact-text{ line-height: 1.4; }
.foot-contact-text p + p{ margin-top: 5px;}
/* .foot-contact-text p::before{ content: '• ';} */
.copyright{ padding: .1rem 0; column-gap: .3rem;}
.copy-text{ flex: auto; line-height: 1.2; overflow: hidden; font-weight: 500;}
.copy-text a{ color: var(--purple-color);}
.copy-link{ flex-shrink: 0; column-gap: .28rem;}
.copy-link a{ display: block;}
.copy-link a img{ height: 50px; max-height: .5rem;}

.main-bg{ position: relative; background-color: #FFFFFF; z-index: 1;}

.box-title{ line-height: 1;}
.box-title span{ display: inline-block; vertical-align: middle; color: transparent; background: var(--lbg); background-clip: text;}

/* 覆盖老版样式 */
.m2menuWpr{ margin: 0 !important; background: rgba(103, 145, 209, .79); background: #87a8db;}
.m2menuWpr.sticky{ top: 0 !important; background: rgba(103, 145, 209, .79); background: #87a8db;}
.m2menu .nav_a2{ position: relative; min-width: 170px; overflow: hidden;}
.m2menu .nav_a2 span{ display: block; border-radius: 2em;}
.m2menu .nav_a2:hover{ background-color: #FFFFFF; 
    background-image: 
      linear-gradient(#FFFFFF, #FFFFFF), 
      linear-gradient(90deg, #20c997, #6f42c1);
    background-origin: border-box;
    background-clip: padding-box, border-box;
    border: 1px solid transparent;
}

.in-ban{ position: relative;  overflow: hidden;}
.in-img{ height: 100%; overflow: hidden;}
.in-img img{ width: 100%; height: 100%; object-fit: cover;}
.in-text{ position: absolute; inset: 0; padding:0 15px; z-index: 1;}
.in-con{ display: flex; flex-direction: column; row-gap: .4rem; padding-top: .8rem;}
.in-title{ font-weight: bold;}
.in-btns{ column-gap: 1.84rem;}
.in-btn{ display: block; min-width: 170px; line-height: 38px; border-radius: 20px; color: var(--main-color); padding: 1px; background: var(--lbg); transition: all .3s;
}
.in-btn span{ display: block; width: 100%; background-color: #FFFFFF; border-radius: 20px; transition: all .3s;}
.in-btn:hover span{ background: transparent; color: #FFFFFF;}

@media (max-width:1600px) {
    .nav-list{ font-size: 16px;}
    .nav-dropdown{ margin-top: -6px;}
}
@media (max-width:1400px) {
    .menu-btn{ width: 44px; height: 44px; margin-left: .4rem;}
    .menu-btn-line{ height: 22px;}
}
@media (min-width:1201px) {
    .nav-box{ display: block !important;}
}
@media (max-width:1200px) {
    .head-top{ line-height: 28px;}
    .top-sub{ transition: none;}

    .wrap{ width: 100%; padding: 0 .3rem;}
    .header{ position: sticky; top: 0; background-color: #FFFFFF;}
    .logo{ height: 60px; padding: 0; margin-right: 0;}
    .logo img{ height: 30px;}
    .logo img.default{ opacity: 1; visibility: visible;}
    .hd-right{ display: flex; align-items: center; height: 60px;}
    .hd-order{ margin-top: 0;}
    .hd-order a{ font-size: 14px;}
    .hd-order a span{ line-height: 28px; padding: 0 15px;}
    .menu-btn{ display: flex; width: 30px; height: 30px; margin-left: .2rem;}
    .menu-btn-line{ width: 16px; height: 16px;}
    .menu-btn-line span:nth-child(1){ transform: translateY(4px) rotate(0deg);}
    .menu-btn-line span:nth-child(3){ transform: translateY(-4px) rotate(0deg);}
    .nav-box { position: absolute; left: 0; top: 100%; width: 100%; height: calc(100vh - 60px); overflow-y: auto; padding: .3rem; background-color: #FFFFFF; border-top: 1px solid var(--main-color); display: none;}
    .nav-list{ display: block;}
    .nav-list li{ border-bottom: 1px solid #F0F0F0;}
    .nav-list li:last-child{ border-bottom: none;}
    .nav-list > li{ margin: 0;}
    .nav-list > li > a{ line-height: 44px; padding-top: 0; color: #2A3B77;}
    .nav-list > li > a > span{ text-align: left;}
    .nav-list > li > a > span::before{ display: none;}
    .nav-list > li ul{ line-height: 40px; margin-bottom: 10px; overflow: hidden;}
    .nav-list > li ul li{ padding: 0 10px;}
    .nav-list > li > ul > li > a{ color: var(--purple-color);}
    .nav-list > li > ul > li > ul > li > a{ color: #41AA92;}
    .nav-list > li > ul > li > ul > li > ul{ background: #F6F6F6;}
    .nav-list > li > ul > li > ul > li > ul > li > a{ color: #000000;}
    .nav-list > li > .nav-dropdown{ background-color: #FAFAFA; border-radius: 2px; margin-bottom: 10px;}
    .nav-list li.dropdown > a{ position: relative;}
    .nav-list li.dropdown > a::before{ position: absolute; right: 0; top: 0; line-height: 44px; display: block; content: "\e65f"; font-size: 16px; font-family: "iconfont" !important; transition: all .6s;}
    .nav-dropdown{ position: static; display: none; background-color: #FFFFFF; filter: none; min-width: 0; max-height: none; overflow: hidden; margin: 0; padding: 0; opacity: 1; visibility: visible; transition: none; box-shadow: none; border: none;}
    .nav-dropdown li a{ display: block; font-size: 14px;}
    .nav-list li.cur > a::before{ transform: rotate(90deg);}

    .nav-pc{ display: none;}
    .nav-mob{ display: block;}
    

    .foot-top{ padding: .5rem 0;}
    .foot-left{ max-width: 280px;}
    .foot-logo img{ height: 40px; max-height: .54rem;}
    .foot-line{ margin: .15rem 0;}
    .foot-text{ font-size: 20px;}
    .foot-contact{ padding: .3rem 0 .8rem;}
    .copyright{ padding: 0;}
    .copy-text{ font-size: 16px;}

    .in-ban{ max-height: 6rem;}
    .in-con{ padding-top: .4rem; row-gap: .2rem;}
    .in-btns{ column-gap: .2rem;}
    .in-btn{ min-width: 0; line-height: 34px;}
    .in-btn span{ display: block; width: fit-content; padding: 0 .2rem;}
}
@media (max-width: 1199px) {
    .wrapper { padding-top: 0;}
    .header{ display: block !important;}
    .header.sticky{ position: sticky; top: 0;}
    .header.sticky .nav-list > li > a{ color: #2A3B77;}
    .header.scroll{ position: fixed;}
}

@media (max-width:991px) {
    .foot-top{ display: block; padding-bottom: .3rem;}
    .foot-left{ width: 100%; max-width: 100%; margin: 0 auto; text-align: center;}
    .foot-nav{ width: 100%; max-width: 100%; display: none;}
    .foot-contact{ flex-wrap: wrap; gap: 0; margin: 0 -.15rem;}
    .foot-contact li{ flex: none; width: 50%; padding: .15rem;}

        
    .m2ma{margin-right:12px;}
    .m2menu .m2ma:last-child{ margin-right:0;}
    .in-des{ font-size: .24rem;}

}
@media (max-width:767px) {
    .foot-contact li{ width: 100%;}
    .copyright{ flex-direction: column-reverse; text-align: center;}
    .copy-text{ font-size: 14px;}
    .copy-link{ justify-content: center; column-gap: .1rem; margin-bottom: .2rem;}

    
    .m2menuWpr .wrap{overflow-x:auto; text-align:center}
    .m2menu .nav_a2{ min-width: 120px; width: fit-content; height: 34px; line-height: 32px; margin-top: 12px; padding: 0 15px;}

    .in-title{ font-size: .36rem;}
    
}
@media (max-width:640px) {
    .nav-list > li > a{ font-size: 14px;}
    .nav-list > li.dropdown > a::before{ font-size: 16px;}

    .top-links{ font-size: 12px;}
    .top-links > li > a{ padding: 0 10px; line-height: 20px;}
    .top-links > li.dropdown > a::after{ width: 14px; height: 8px; background-size: contain;}
    .top-sub{ left: 0; transform: translateX(0);}
    .logo img{ height: 24px;}

    .in-btns{ font-size: 12px;}
    .in-btn{ line-height: 30px;}
}
@media (max-width:460px) {
        
}