@charset "utf-8";
html{-webkit-font-smoothing:antialiased}
blockquote,body,code,dd,div,dl,dt,fieldset,form,h1,h2,h3,h4,h5,h6,input,legend,li,ol,p,pre,td,textarea,th,ul{margin:0;padding:0}
header, hgroup, nav, menu, main, section, article, summary, details, aside, figure, figcaption, footer{display: block;margin:0;padding:0}
table{border-collapse:collapse;border-spacing:0}
fieldset,img{border:0}
address,b,caption,cite,code,dfn,em,i,strong,th,var{font-style:normal;font-weight:400}
dl,ol,ul{list-style-type:none}
h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:400}
a{text-decoration:none; color: #333;}
a:hover{text-decoration:none;-webkit-tap-highlight-color:rgba(255,0,0,0);outline:0;outline:none;blr:expression(this.onFocus=this.blur())}
sup{vertical-align:text-top}
sub{vertical-align:text-bottom}
textarea{resize:none}
img{vertical-align:middle}
button,input[type=submit],input[type=text],input[type=button],select{/* -webkit-appearance:none; */border-radius:0;-webkit-tap-highlight-color:rgba(255,0,0,0);outline:0;outline:0;blr:expression(this.onFocus=this.blur())}
body{color:#000;line-height:1.3;overflow-x: hidden;background:#fff}
.fl{float:left}
.fr{float:right}
.clearfix:after{content:".";display:block;height:0;clear:both;visibility:hidden;line-height:0;font-size:0}
#web-ietip {width: 526px; height: 90px; padding: 83px 0 0 84px; overflow:hidden; background: url(../browser.html) no-repeat center center; margin: 200px auto 0; box-sizing:content-box;}
#web-ietip a{display: block; width: 65px; height: 80px; float: left;}


strong,
b{
    font-weight: bold;
}

@media(min-width: 1201px){
    html{font-size: 100px}
}
@media(max-width: 1200px) and (min-width: 901px){
    html{font-size: calc(100vw / 1200 * 100);}
}
@media(max-width: 900px){
    html{font-size: calc(900px / 1200 * 100);}
}
body{font-size: 14px; font-family: Arial,"Microsoft YaHei";background-color: #fff;}
body *{box-sizing: border-box;}
.anmitem {
    transition: all ease .7s 0s;
    -moz-transition: all ease .7s 0s;
    -webkit-transition: all ease .7s 0s;
}
.oov,
.tov,
.thov {
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
}

.oov {
    -webkit-line-clamp: 1;
    white-space：nowrap;
}

.tov {
    -webkit-line-clamp: 2;
}

.thov {
    -webkit-line-clamp: 3;
}
.layout{
    max-width: 1200px;
    margin: 0 auto;
}

body{
    padding-top: 1.1rem;
}

.header{
    height: 1.1rem;
    line-height: 1.1rem;
    background: #fff;
    position: fixed;
    left: 0;
    top: 0;
    z-index: 13;
    width: 100%;
    /* border-bottom: 1px solid red; */
}

.header .layout{
    max-width: 1400px;
}

.header .logo{
    float: left;
}
.header .logo img{
    height: 0.57rem;
}
.hd-rg{
    float: right;
}
.hd-tp{
    text-align: right;
    line-height: normal;
    padding-top: 0.25rem;
}

.hd-tp .hd-tel,
.hd-tp .lk{
    display: inline-block;
    vertical-align: middle;
    line-height: 22px;
}
.hd-tp .hd-tel{
    font-size: calc(12px - 0.12rem + 0.22rem);
    color: #3a5fa5;
    font-weight: bold;
    margin-right: 0.4rem;
}
.hd-tp .hd-tel:before{
    content: '';
    width: 22px;
    height: 22px;
    display: inline-block;
    vertical-align: middle;
    background: url(../png/icon-tel.webp) no-repeat center;
    background-size: contain;
    margin-right: 0.1rem;
    margin-top: -0.02rem;
}

.hd-tp .lk,
.hd-tp .lk a{
    font-size: calc(12px - 0.12rem + 0.14rem);
    color: #666;
    display: inline-block;
    vertical-align: middle;
}
.hd-tp .lk{
    margin-top: -.04rem;
}
.hd-tp .lk span{
    display: inline-block;
    vertical-align: middle;
    margin: 0  0.2rem;
}
.header .nav{
    line-height: 0.6rem;
}
.nav .fir-nav{
    float: left;
    font-size: calc(12px - 0.12rem + 0.16rem);
    margin-left: 0.5rem;
    position: relative;
}
.nav .fir-nav>a{
    color: #333;
    font-weight: bold;
}
.nav .on{
    border-bottom: 3px solid #3a5fa5;
}
.nav .on>a{
    color:#3a5fa5;
}

.nav .sec-box{
    position: absolute;
    top: 0.6rem;
    z-index: 3;
    line-height: normal;
    width: 1.5rem;
    line-height: 0.36rem;
    left: 50%;
    margin-left: -0.75rem;
    text-align: center;
    display: none;
    background: #fff;
    box-shadow: 0 0.05rem 0.05rem rgba(0,0,0,0.04);
}
.nav .sec-box a{
    display: block;
    text-align: center;
    color: #888;
    font-weight: bold;
    font-size: calc(12px - 0.12rem + 0.14rem);
    transition: all ease .3s 0s;
    -moz-transition: all ease .3s 0s;
    -webkit-transition: all ease .3s 0s;
}
.nav .sec-box a:hover{
    color:#3a5fa5;
}
.nav .sec-box a p{
    line-height: normal;
    display: inline-block;
    vertical-align: middle;
}
.nav .fir-nav:hover .sec-box{
    display: block;
}


.footer {
    background: #16205d;
    padding: 0.35rem 0;
}

.footer .lt {
    float: left;
    max-width: calc(100% - 3rem);
}

.ft-nav {
    margin-bottom: 0.3rem;
}

.ft-nav a {
    font-size: calc(12px - 0.12rem + 0.14rem);
    color: #fff;
    transition: all ease .3s 0s;
    -moz-transition: all ease .3s 0s;
    -webkit-transition: all ease .3s 0s;
}

.ft-nav a:before {
    content: '';
    height: 12px;
    width: 1px;
    background: #666;
    display: inline-block;
    vertical-align: middle;
    margin: -0.02rem 0.3rem;
}
.ft-nav a:nth-of-type(1):before {
    display: none;
}

.ft-nav a:hover {
    color: #fff;
}


.footer .cright {
    font-size: calc(12px - 0.12rem + 0.14rem);
    color: #fff;
}

.footer .rg {
    float: right;
    color: #fff;
}

.ft-link {
    width: 2.55rem;
    border-bottom: 2px solid #868686;
    position: relative;
}

.ft-link span {
    display: block;
    width: 100%;
.footer .cright    height: 0.46rem;
    line-height: 0.46rem;
    padding: 0 0.05rem;
    position: relative;
    cursor: pointer;
}

.ft-link span:after {
    content: '';
    width: 18px;
    height: 10px;
    position: absolute;
    right: 5px;
    top: 50%;
    margin-top: -5px;
    background: url(../png/icon-arr.webp) no-repeat center;
}

.ft-link ul {
    width: 100%;
    position: absolute;
    bottom: 0.46rem;
    left: 0;
    background: #333;
    border: 1px solid #555;
    display: none;
    z-index: 3;
}

.ft-link a {
    display: inline-block;
    width: 100%;
    line-height: 0.36rem;
    padding: 0 0.05rem;
    color: #999;

}

.ft-link li:hover {
    background: #0061ae;
}

.ft-link li:hover a {
    color: #fff;
}


.header .menu-icon {
    width: 26px;
    height: 26px;
    display: inline-block;
    /* float: right; */
    position: relative;
    z-index: 100;
    /* top: 20px; */
    display: none;
    cursor: pointer;
}
.header .menu-icon em {
    width: 26px;
    height: 2px;
    display: block;
    background: #333;
    text-align: right;
    position: absolute;
    right: 0;
    transition: all ease .3s 0s;
    -moz-transition: all ease .3s 0s;
    -webkit-transition: all ease .3s 0s;
}
.header .menu-icon em:first-of-type {
    top: 0px;
}
.header .menu-icon em:nth-of-type(2) {
    top: 10px;
}
.header .menu-icon em:last-of-type {
    top: 20px;
}
.header .menu-icon.on em:first-of-type {
    transform: translate(0, 10px) rotate(-45deg);
    -moz-transform: translate(0, 10px) rotate(-45deg);
    -webkit-transform: translate(0, 10px) rotate(-45deg);
    -ms-transform: translate(0, 10px) rotate(-45deg);
}
.header .menu-icon.on em:nth-of-type(2) {
    transform: scale(0, 1);
    -moz-transform: scale(0, 1);
    -webkit-transform: scale(0, 1);
    -ms-transform: scale(0, 1);
}
.header .menu-icon.on em:last-of-type {
    transform: translate(0, -9px) rotate(45deg);
    -moz-transform: translate(0, -9px) rotate(45deg);
    -webkit-transform: translate(0, -9px) rotate(45deg);
    -ms-transform: translate(0, -9px) rotate(45deg);
}

@media screen and (max-width: 1460px){
    .header .layout{
        padding: 0 30px;
    }

}
@media screen and (max-width: 1260px){
    .layout{
        padding: 0 30px;
    }

}

@media screen and (max-width: 1200px){
    .header .menu-icon {
        display: inline-block;
        margin-left: 0.3rem;
        top: 0.12rem;
    }
    .header .content{
        position: fixed;
        width: 50%;
        height: 100%;
        top:0;
        right: -100%;
        padding: 60px 30px 0;
        background: #fff;
        text-align: center;
        z-index: 11;
        opacity: 0;
        transition: all ease .3s 0s;
        -moz-transition: all ease .3s 0s;
        -webkit-transition: all ease .3s 0s;
    }
    .header .content.on{
        right: 0;
        opacity: 1;
    }
    .header .content .nav{
        height: 100%;
        overflow-y: auto;
        padding-bottom: 60px;
    }

    .nav .fir-nav{
        float: none;
        width: 100%;
        margin: 0;
        height: auto;
        line-height: 50px;
        border-bottom: 1px solid rgba(0,0,0,0.05);
        text-align: left;
    }
    .nav .fir-nav>a{
        width: 100%;
        padding: 0;
        color: #333;
        opacity: 1;
        display: block;
    }
    .nav .fir-nav:hover>a,
    .nav .fir-nav.on>a{
        color: #000;
    }


    .nav .sec-box{
        width: 100%;
        /* display: block; */
        position: static;
        background: transparent;
        margin-left: 0;
    }
    .nav .sec-box{
        padding: 0.1rem 0;
    }
    .nav .sec-box .layout{
        padding: 0;
    }
    .nav .fir-nav:hover .sec-box{
        display: none;
    }
    .nav .has-sec>a{
        pointer-events: none;
        position: relative;
    }
    .nav .has-sec>a::after,
    .nav .has-sec:last-of-type>a::after{
        display: block;
        content: '';
        position: absolute;
        right: 10px;
        top: 50%;
        border-top: 2px solid #616b7f;
        border-right: 2px solid #616b7f;
        width: 7px;
        height: 7px;
        transform:rotate(135deg);
        margin-top: -4px;
        background: transparent;
    }
    .nav .fir-nav>a:before{
        display: none;
    }
    .nav .on>a{
        color: #333;
    }
    .header .sec-box{
        position: static;
        background: none;
        box-shadow: none;
        padding-top: 0;
        padding-left: 0.2rem;
    }
    .nav .sec-box a{
        text-align: left;
    }
    .hd-tp .hd-tel{
        margin-right: 0.2rem;
    }
    .ft-link{
        margin-top: 0.2rem;
    }

}


@media screen and (max-width: 767px){
    .layout{
        padding: 0 20px;
    }
    body{
        padding-top: 0.6rem;
    }
    .header{
        height: 0.6rem;
        line-height: 0.6rem;
    }
    .header .logo img{
        height: 0.34rem;
    }
    .hd-tp{
        padding-top: 0.04rem;
    }
    .hd-tp .hd-tel,
    .hd-tp .lk{
        display: none;
    }
    .nav .fir-nav{
        line-height: 44px;
    }
    .header .sec-box{
        line-height: 40px;
    }
    .footer .lt{
        max-width: 100%;
        width: 100%;
        float: none;
    }
    .footer .rg{
        width: 100%;
        float: none;
    }
    .ft-link{
        width: 100%;
        margin: 0.2rem auto 0;
    }
}

.ej-bg{
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}
.pic{
    overflow: hidden;
}
.pic .ej-bg{
    width: 100%;
    height: 100%;
    display: block;
    transition: all ease .5s 0s;
    -moz-transition: all ease .5s 0s;
    -webkit-transition: all ease .5s 0s;
}
.bg-gray{
    background-color: #f7f7fa;
}
.ban-mod{
    height: 4.64rem;
    display: flex;
    align-items: center;
}
.ban-mod .tex{
    width: 100%;
    color: #fff;
    text-align: center;
}
.ban-mod .cn{
    font-size: calc(12px - 0.12rem + 0.52rem);
    text-shadow: 0 0 0.1rem rgba(0,0,0,0.1);
    margin-bottom: 0.15rem;
}
.ban-mod .en{
    font-size: calc(12px - 0.12rem + 0.2rem);
    text-shadow: 0 0 0.1rem rgba(0,0,0,0.1);
}


.menu-mod{
    height: 0.74rem;
    line-height: 0.74rem;
    background: #fff;
    border-top: 1px solid #d2d2d2;
    border-bottom: 1px solid #d2d2d2;
    text-align: center;
}
.menu-mod .m-it{
    text-align: center;
    line-height: normal;
    display: inline-block;
    height: 100%;
    padding-top: 0.13rem;
    width: 19%;
}
.menu-mod .m-it img{
    height: 0.27rem;
}
.menu-mod .m-it .sel{
    display: none;
}
.menu-mod .m-it .tt{
    font-size: calc(12px - 0.12rem + 0.14rem);
    color: #666;
    margin-top: 0.05rem;
}
.menu-mod .on.m-it .tt{
    color: #3a5fa5;
}
.menu-mod .on.m-it .nor{
    display: none;
}
.menu-mod .on.m-it .sel{
    display: inline-block;
}


.com-mod{
    padding: 0.65rem 0 0.7rem;
}

.title-mod{
    text-align: center;
    margin-bottom: 0.65rem;
}
.title-mod .tt{
    font-size: calc(12px - 0.12rem + 0.32rem);
    color: #333;
    font-weight: bold;
}
.title-mod .dd{
    font-size: calc(12px - 0.12rem + 0.16rem);
    color: #666;
    margin-top: 0.15rem;
}
.title-mod  .c-wh{
    color: #fff;
}
.title-mod  .c-bl{
    color: #3a5fa5;
}

.no-mb{
    margin-bottom: 0;
}



.ind-mod{
    height: 4rem;
    background: #fff;
}
.indu-ct .pic{
    width: 50%;
    float: left;
    height: 100%;
}
.indu-ct .pic .swiper-container{
    width: 100%;
    height: 100%;
}
.indu-ct .pic .it{
    display: block;
    background-position: center;
    background-size: cover;
    width: 100%;
    height: 100%;
    transition: all ease .5s 0s;
    -moz-transition: all ease .5s 0s;
    -webkit-transition: all ease .5s 0s;
}
.indu-ct .pic:hover .it{
    transform:scale(1.1);
}
.indu-ct .nw-tex{
    margin-left: 50%;
    padding: 0.3rem;
    height: 100%;
    position: relative;
}
.indu-ct .nw-tex .swiper-pagination{
    position: absolute;
    right: 0.3rem;
    bottom: 0.35rem;
}
.indu-ct .nw-tex .swiper-pagination-bullet{
    margin:0 0.05rem;
    border-radius: 4px;
}
.indu-ct .swiper-pagination-bullet-active{
    background: #3a5fa5;
    width: 0.35rem;

}
.indu-ct .nw-top{
    /* border-bottom: 1px solid #eee; */
}
.ind-it1{
    display: block;
    padding-bottom: 0.4rem;
    text-align: left;
}
.ind-it1:hover .tt{
    color: #2b3a85;
}
.ind-it1 .tt{
    line-height: 0.36rem;
    margin-bottom: 0.25rem;
    font-size: calc(12px - 0.12rem + 0.24rem);
    color: #000;
    transition: all ease .3s 0s;
    -moz-transition: all ease .3s 0s;
    -webkit-transition: all ease .3s 0s;
}
.ind-it1 .md{
    margin-bottom: 0.3rem;
}
.ind-it1 .md li{
    display: inline-block;
    vertical-align: middle;
    font-size: calc(12px - 0.12rem + 0.14rem);
    color: #999;
    margin-right: 0.4rem;
}
.ind-it1 .md li:before{
    content: '';
    width: 0.17rem;
    height: 0.17rem;
    display: inline-block;
    vertical-align: middle;
    margin-top: -0.03rem;
    margin-right: 0.05rem;
}
.ind-it1 .md .time:before{
    background: url(../png/icon-time.webp) no-repeat center;
    background-size: contain;
}
.ind-it1 .md .visit:before{
    background: url(../png/icon-visit1.webp) no-repeat center;
    background-size: contain;
}
.ind-it1 .dd{
    line-height: 0.3rem;
    font-size: calc(12px - 0.12rem + 0.16rem);
    color: #666;
}
.ind-it1 .dd p{
    display: inline;
    vertical-align: middle;
}
.ind-it1 .more{
    margin-top: 0.5rem;
    width: 1.4rem;
    line-height:0.4rem;
    border-radius: 0.05rem;
    background: #3a5fa5;
    color: #fff;
    text-align: center;
    transition: all ease .3s 0s;
    -moz-transition: all ease .3s 0s;
    -webkit-transition: all ease .3s 0s;
}
.ind-it1 .more:after{
    content: '';
    display: inline-block;
    vertical-align: middle;
    transform:rotate(45deg);
    width: 0.08rem;
    height: 0.08rem;
    border-top: 1px solid #fff;
    border-right: 1px solid #fff;
    margin-left: 0.1rem;
}
.ind-it1:hover .more{
    background: #355695;
}
.ind-it2{
    display: block;
    width: 100%;
    height: 2rem;
    background: #fff;
    margin-top: 0.4rem;
    overflow: hidden;
    padding: 0.3rem 1.6rem 0.3rem 0.3rem;
    position: relative;
    transition: all ease .3s 0s;
    -moz-transition: all ease .3s 0s;
    -webkit-transition: all ease .3s 0s;
}
.ind-it2 .pic{
    float: left;
    height: 100%;
    width: 2.4rem;
    background-position: center;
    background-size: cover;
}
.ind-it2 .ml{
    width: 2rem;
    line-height: 1.4rem;
    text-align: center;
    float: left;
}
.ind-it2 .ml span{
    display: inline-block;
    vertical-align: middle;
}
.ind-it2 .day{
    font-size: calc(12px - 0.12rem + 0.36rem);
    line-height: 1;
    margin-bottom: 0.15rem;
    color: #444;
    transition: all ease .3s 0s;
    -moz-transition: all ease .3s 0s;
    -webkit-transition: all ease .3s 0s;
}
.ind-it2 .year{
    font-size: calc(12px - 0.12rem + 0.18rem);
    line-height: 1;
    color: #999;
    transition: all ease .3s 0s;
    -moz-transition: all ease .3s 0s;
    -webkit-transition: all ease .3s 0s;
}
.ind-it2 .tex{
    margin-left: 4.4rem;
    padding-top: 0.1rem;
}
.ind-it2 .tt{
    font-size: calc(12px - 0.12rem + 0.2rem);
    line-height: 1.1;
    color: #333;
    margin-bottom: 0.2rem;
    transition: all ease .3s 0s;
    -moz-transition: all ease .3s 0s;
    -webkit-transition: all ease .3s 0s;
}
.ind-it2 .dd{
    font-size: calc(12px - 0.12rem + 0.14rem);
    color: #999;
    line-height: 2;
    transition: all ease .3s 0s;
    -moz-transition: all ease .3s 0s;
    -webkit-transition: all ease .3s 0s;
}
.ind-it2:after{
    content: '';
    width: 0.22rem;
    height: 0.22rem;
    border-radius: 100%;
    position: absolute;
    right: 0.3rem;
    top:50%;
    margin-top: -0.11rem;
    background: url(../png/icon-arr1.webp) no-repeat center;
    background-size: contain;
    transition: all ease .3s 0s;
    -moz-transition: all ease .3s 0s;
    -webkit-transition: all ease .3s 0s;
}
.ind-it2:hover .tt{
    color: #3a5fa5;
}
.ind-it2:hover{
    box-shadow: 0 0 0.1rem rgba(0,0,0,0.1);
}

.ej-page{
    text-align: center;
    padding: 0.4rem 0;
}
.ej-page a,
.ej-page button,
.ej-page li{
    display: inline-block;
    vertical-align: middle;
    text-align: center;
    line-height: 40px;
    min-width: 40px;
    border-radius: 3px;
    margin: 0.04rem;
    font-size: 16px;
    color: #fff;
    position: relative;
    background: #b8b8b8;
    border: none;
    transition: all ease .3s 0s;
    -moz-transition: all ease .3s 0s;
    -webkit-transition: all ease .3s 0s;
}
.ej-page li{
    background:none;
    float:none !important;
}
.ej-page a:hover,
.ej-page button:hover,
.ej-page .on{
    background: #3a5fa5;
    color: #fff;
}
.ej-page .prev{
    background:#b8b8b8 url(../png/pg-prev.webp) no-repeat center;
    background-size: contain;
}
.ej-page .next{
    background:#b8b8b8 url(../png/pg-next.webp) no-repeat center;
    background-size: contain;
}
.ej-page .prev:hover{
    background:#3a5fa5 url(../png/pg-prev.webp) no-repeat center;
    background-size: contain;
}
.ej-page .next:hover{
    background:#3a5fa5 url(../png/pg-next.webp) no-repeat center;
    background-size: contain;
}

/* 文章详情页 */

.art-mod{

}
.art-mod img{
    max-width: 100%;
}
.art-mod .hd{
    padding-bottom: 0.3rem;
    text-align: center;
}
.art-mod .tt{
    font-size: calc(12px - 0.12rem + 0.28rem);
    line-height: 1.5;
    color: #333;
    margin: 0 auto 0.2rem;
}
.art-mod .hd-bt p{
    display: inline-block;
    vertical-align: middle;
    font-size: calc(12px - 0.12rem + 0.14rem);
    line-height: calc(12px - 0.12rem + 0.14rem);
    color: #999;
    margin: 0 0.25rem;
}
.art-mod .hd-bt p:before{
    content: '';
    width: 17px;
    height: 17px;
    margin-top: -2px;
    margin-right: 5px;
    float: left;
    background: url(../png/icon-time.webp) no-repeat center;
    display: inline-block;
    vertical-align: middle;
}
.art-mod .hd-bt .vs:before{
    width: 17px;
    background: url(../png/icon-visit1.webp) no-repeat center;
}

.art-mod .content{
    padding: 0rem 0 1rem;

}
.art-mod .p16{
    font-size: calc(12px - 0.12rem + 0.16rem);
    line-height: 2;
    color: #666;
}
.art-mod .h18{
    font-size: calc(12px - 0.12rem + 0.18rem);
    line-height: 2;
    color: #333;
}

.nw-it{
    display: block;
    padding: 0.15rem 0;
    border-bottom: 1px solid #eee;
    overflow: hidden;
}
.nw-it .tt{
    width: 50%;
    float: left;
    font-size: calc(12px - 0.12rem + 0.16rem);
    color: #666;
}
.nw-it .tm{
    width: 30%;
    float: left;
    padding: 0 1%;
    font-size: calc(12px - 0.12rem + 0.16rem);
    color: #999;
}

.nw-it .more{
    float: right;
    width: 1.2rem;
    line-height:0.3rem;
    border-radius: 0.03rem;
    font-size: calc(12px - 0.12rem + 0.14rem);
    background: #b8b8b8;
    color: #fff;
    text-align: center;
    margin-top: -0.05rem;
    margin-right: 1.2rem;
    transition: all ease .3s 0s;
    -moz-transition: all ease .3s 0s;
    -webkit-transition: all ease .3s 0s;
}
.nw-it .more:after{
    content: '';
    display: inline-block;
    vertical-align: middle;
    transform:rotate(45deg);
    width: 0.08rem;
    height: 0.08rem;
    border-top: 1px solid #fff;
    border-right: 1px solid #fff;
    margin-left: 0.1rem;
}
.nw-it:hover .more{
    background: #3a5fa5;
}

.pol-it{
    display: block;
    width: 32%;
    float: left;
    margin: 0 0.65% 0.3rem;
}
.pol-it .pic{
    width: 100%;
    height: 2.25rem;
    position: relative;
}
.pol-it .pic:after{
    content: '';
    width: 0.42rem;
    height: 0.42rem;
    right: 0.2rem;
    bottom: 0.2rem;
    position: absolute;
    background: url(../png/icon-play.webp) no-repeat center;
    background-size: contain;
}
.pol-it:hover .ej-bg{
    transform:scale(1.1);
}
.pol-it .tex{
    height: 0.9rem;
    padding-top: 0.15rem;
}
.pol-it .tt{
    font-size: calc(12px - 0.12rem + 0.16rem);
    margin-bottom: 0.15rem;
    color: #333;
    transition: all ease .3s 0s;
    -moz-transition: all ease .3s 0s;
    -webkit-transition: all ease .3s 0s;
}
.pol-it .more{
    font-size: calc(12px - 0.12rem + 0.13rem);
    color: #666;
}
.pol-it .more:after{
    content: '';
    display: inline-block;
    vertical-align: middle;
    transform:rotate(45deg);
    width: 0.05rem;
    height: 0.05rem;
    border-top: 1px solid #868686;
    border-right: 1px solid #868686;
    margin-left: 0.1rem;
}
.pol-it:hover .tt{
    color: #5474b1;
}
.video-mod video{
    display: block;
    width: 100%;
    height: calc(100vh - 1.1rem);
    /* padding-bottom: 46%; */
    background: #000;
}

.pl-menu{
    text-align: center;
    margin-bottom: 0.3rem;
}
.pl-menu li{
    display: inline-block;
    vertical-align: middle;
    margin: 0.05rem 0.2rem;
}
.pl-menu a{
    display: inline-block;
    vertical-align: middle;
    min-width: 1.7rem;
    padding: 0 0.1rem;
    height: 0.32rem;
    line-height: 0.32rem;
    border: 1px solid #666;
    border-radius: 0.03rem;
    font-size: calc(12px - 0.12rem + 0.14rem);
    color: #666;
}
.pl-menu .on a{
    border-color: #3a5fa5;
    color: #3a5fa5;
}

.poli-mod .pl-hd{
    height: 0.4rem;
    line-height: 0.4rem;
    background: #b8b8b8;
    overflow: hidden;
    /*padding-left: 0.6rem;
    padding-right: 0.8rem;*/
    padding-left: 0.4rem;
    padding-right: 0.2rem;
    font-size: calc(12px - 0.12rem + 0.16rem);
    color: #333;
}
.poli-mod .p-tt{
    width: 80%;
    float: left;
}
.poli-mod .p-tm{
    width: 10%;
    float: left;
}
.nw-it1{
    display: block;
    overflow: hidden;
    height: 0.38rem;
    line-height: 0.38rem;
    /*padding-left: 0.6rem;
    padding-right: 0.8rem;*/
    padding-left: 0.4rem;
    padding-right: 0.2rem;
    border-bottom: 1px solid #eee;
    font-size: calc(12px - 0.12rem + 0.14rem);
    color: #666;
}
.nw-it1 .tt{
    width: 80%;
    float: left;
    padding-right: 2%;
    transition: all ease .3s 0s;
    -moz-transition: all ease .3s 0s;
    -webkit-transition: all ease .3s 0s;
}
.nw-it1 .tm{
    width: 10%;
    float: left;
}
.nw-it1:hover .tt{
    color: #3a5fa5;
}

.rec-fm{
    padding-bottom: 0.3rem;
}
.rec-fm .f-sel{
    width: 16%;
    height: 0.4rem;
    line-height: 0.4rem;
    background: #fff;
    border: none;
    float: left;
    margin-right: 1%;
    padding: 0 0.2rem;
}
.rec-fm .f-sub{
    height: 0.4rem;
    line-height: 0.4rem;
    width: 10%;
    float: right;
    text-align: center;
    color: #fff;
    font-size: calc(12px - 0.12rem + 0.14rem);
    background: #3a5fa5;
    border: none;
    cursor: pointer;
    margin-left: 1%;
    transition: all ease .3s 0s;
    -moz-transition: all ease .3s 0s;
    -webkit-transition: all ease .3s 0s;
}
.rec-fm .f-sub:hover{
    background: #355695;
}
.rec-fm .f-ip{
    width: 38%;
    height: 0.4rem;
    line-height: 0.4rem;
    background: #fff;
    border: none;
    float: left;
    padding: 0 0.2rem;
}

.job-box{
    background: #fff;
}

.job-box .ta-body:hover{
    background: #f0f0f0;
}
.job-box .list-box .ta-body{
    overflow: hidden;
}
.job-box .list-box ul{
    display: table;
    width: 100%;
    text-align: center;
    padding-right: 0.6rem;
}
.job-box .list-box li{
    display: table-cell;
    text-align: left;
    width: 25%;
    padding: 0 1%;
}
.job-box .ta-title{
    height: 0.6rem;
    line-height: 0.6rem;
    color:#fff;
    background: #999;
    font-size: calc(12px - 0.12rem + 0.16rem);
}
.job-box .ta-title p{
    line-height: 1.2;
    display: inline-block;
    vertical-align: middle;
}
.job-box .ta-body{
    height: 0.6rem;
    line-height: 0.6rem;
    font-size: calc(12px - 0.12rem + 0.14rem);
    color: #333;
    cursor: pointer;
    border-bottom: 1px solid #eee;
    position: relative;
    transition: all ease .2s 0s;
    -moz-transition: all ease .2s 0s;
    -webkit-transition: all ease .2s 0s;
}
.job-box .ta-body p{
    line-height: 1.2;
    vertical-align: middle;
    display: inline-block;
}
.job-box .ta-body:after{
    content: '';
    width: 16px;
    height: 2px;
    background: #bbb;
    position: absolute;
    right: 0.4rem;
    top:50%;
    margin-top: -1px;
    transition: all ease .3s 0s;
    -moz-transition: all ease .3s 0s;
    -webkit-transition: all ease .3s 0s;
}
.job-box .ta-body:before{
    content: '';
    height: 16px;
    width: 2px;
    background: #bbb;
    position: absolute;
    right: 0.4rem;
    margin-right: 7px;
    top:50%;
    margin-top: -8px;
    transition: all ease .3s 0s;
    -moz-transition: all ease .3s 0s;
    -webkit-transition: all ease .3s 0s;
}
.job-box .intro-box{
    width: 100%;
    padding: 0.4rem 0.5rem;
    overflow: hidden;
    font-size: calc(12px - 0.12rem + 0.14rem);
    color: #333;
    display: none;
    text-align: left;
}
.job-box .intro-in{
    overflow: hidden;
}
.job-box .strong{
    color: #333;
    line-height: 1.5;
    font-size: calc(12px - 0.12rem + 0.16rem);
    margin-bottom: 0.2rem;
}
.job-box .intro-box .list{
    line-height: 1.8;
}
.job-box .on .intro-box{
    border-bottom: none;
}
.job-box .on .ta-body:before{
    transform:translate(0,-0.6rem);
}
.job-box .int-item{
    padding-bottom: 2%;
    padding-right: 4%;
    width: 50%;
    float: left;
}

.job-box .int-item em{
    display: inline-block;
    margin-right: 5%;
}
.job-box .ta-title li:first-of-type,
.job-box .ta-body li:first-of-type{
    text-align: left;
    padding-left: 0.4rem;
}
.job-box .jb-tb{
    background: #f4f4f4;
    padding: 0.2rem .4rem;
    overflow: hidden;
    margin-bottom: 0.4rem;
}
.job-box .jb-tb li{
    float: left;
    width: 25%;
    line-height: 2;
    font-size: calc(12px - 0.12rem + 0.14rem);
    color: #555;
}
.job-box .jb-tb .cl,
.job-box .jb-tb .dd{
    float: left;
}
.job-box .bt{
    margin-top: 0.1rem;
}
.job-box .btn{
    display: inline-block;
    vertical-align: middle;
    width: 2rem;
    line-height: 0.46rem;
    background: #3a5fa5;
    color: #fff;
    font-size: calc(12px - 0.12rem + 0.14rem);
    text-align: center;
    transition: all ease .3s 0s;
    -moz-transition: all ease .3s 0s;
    -webkit-transition: all ease .3s 0s;
}
.job-box .btn:hover{
    background: #345492;
}

.job-box .list-box.on{
    background: #f7f7fa;
}
.job-box .list-box.on .ta-body{
    border-bottom: 1px solid #f2f2f2;
    background: #3a5fa5;
    color: #fff;
}
.job-box .on .ta-body:after{
    background: #fff;
}

.sta-it{
    display: block;
    width: 47%;
    height: 3.76rem;
    float: left;
    margin: 0 1.5% 0.35rem;
    background: #fff;
}
.sta-it .pic{
    width: 2.78rem;
    float: left;
    height: 100%;
}
.sta-it:hover .ej-bg{
    transform:scale(1.1);
}
.sta-it .tex{
    margin-left: 2.78rem;
    height: 100%;
    padding: 0.5rem 0.4rem 0.3rem;
}
.sta-it .hd:after{
    content: '';
    display: block;
    width: 0.44rem;
    height: 2px;
    margin: 0.3rem 0 0.25rem;
    background: #3a5fa5;
}
.sta-it .h-nm{
    color: #333;
    font-size: calc(12px - 0.12rem + 0.28rem);
    display: inline-block;
    vertical-align: middle;
}
.sta-it .h-job{
    color: #666;
    font-size: calc(12px - 0.12rem + 0.16rem);
    margin-left: 0.1rem;
    display: inline-block;
    vertical-align: middle;
}
.sta-it .dd{
    color: #666;
    font-size: calc(12px - 0.12rem + 0.16rem);
    line-height: 1.8;
    height: 1.9rem;
    overflow-y: auto;
}

.sta-it .dd::-webkit-scrollbar {
    width: 3px;
    background: transparent;
    border-radius: 0px;
}
.sta-it .dd::-webkit-scrollbar-thumb {
    background: #eee;
}
.sta-it .dd::-webkit-scrollbar-thumb:window-inactive {
    background: #ddd;
}

.ide-it{
    display: block;
    width: calc(33.3% - 0.16rem);
    height: 1.9rem;
    position: relative;
    float: left;
    margin: 0 0.08rem;
}
.ide-it .pic{
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
}
.ide-it:hover .ej-bg{
    transform:scale(1.1);
}
.ide-it .tex{
    width: 1.84rem;
    height: 0.84rem;
    background: rgba(255,255,255,0.66);
    position: absolute;
    left: 50%;
    top: 50%;
    transform:translate(-50%,-50%);
    text-align: center;
    padding-top: 0.2rem;
    line-height: 1;
}
.ide-it .tex:before{
    content: '';
    width: 2rem;
    height: 1rem;
    border: 1px solid rgba(255,255,255,0.66);
    position: absolute;
    left: 50%;
    top: 50%;
    transform:translate(-50%,-50%);
}
.ide-it .tex .cn{
    margin-bottom: 0.05rem;
    font-size: calc(12px - 0.12rem + 0.25rem);
    color: #3a5fa5;
}
.ide-it .tex .en{
    font-size: calc(12px - 0.12rem + 0.12rem);
    color: #333;
}
.ide-it1{
    display: block;
    width: calc(100% - 0.16rem);
    height: 4.2rem;
    position: relative;
    float: none;
    margin: 0 auto 0.16rem;
}
.ide-it1 .tex{
    width: 2.66rem;
    height: 1.2rem;
    left: 1.25rem;
    top: 1rem;
    transform:translate(0,0);
    padding-top: 0.3rem;
}
.ide-it1 .tex:before{
    width: 2.88rem;
    height: 1.46rem;
}
.ide-it1 .tex .cn{
    margin-bottom: 0.1rem;
    font-size: calc(12px - 0.12rem + 0.35rem);
}
.ide-it1 .tex .en{
    font-size: calc(12px - 0.12rem + 0.15rem);
}



.act-it{
    display: block;
    padding-bottom: 0.3rem;
    padding-left: 0.45rem;
    position: relative;
}
.act-it:before{
    content: '';
    width: 0.16rem;
    height: 0.16rem;
    border-radius: 100%;
    position: absolute;
    left: 0;
    top: 0;
    background: #3a5fa5;
}
.act-it:after{
    content: '';
    width: 1px;
    height: 100%;
    position: absolute;
    left: 0.08rem;
    top: 0;
    background: #3a5fa5;
}
.act-it:last-of-type:after{
    display: none;
}
.act-it .i-hd{
    margin-bottom: 0.25rem;
    line-height: calc(12px - 0.12rem + 0.18rem);
}
.act-it .tm{
    display: inline-block;
    vertical-align: bottom;
    font-size: calc(12px - 0.12rem + 0.18rem);
    color: #666;
    font-weight: bold;
}
.act-it .day{
    font-size: calc(12px - 0.12rem + 0.32rem);
    color: #3a5fa5;
}
.act-it .i-tt{
    margin-left: 0.1rem;
    display: inline-block;
    vertical-align: bottom;
    font-size: calc(12px - 0.12rem + 0.19rem);
    color: #666;
}
.act-it .pic{
    height: 2.4rem;
    width: 100%;
}
.act-it .bt{
    margin-top: 0.35rem;
    text-align: center;
}
.act-it .a-btn{
    display: inline-block;
    vertical-align: middle;
    width: 0.4rem;
    height: 0.4rem;
    background-color: #999;
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
    border-radius: 0.03rem;
    margin: 0 0.1rem;
    cursor: pointer;
}
.act-it .a-btn:hover{
    background-color: #3a5fa5;
}
.act-it .a-prev{
    background-image: url(../png/pg-prev.webp);
}
.act-it .a-next{
    background-image: url(../png/pg-next.webp);
}

.ser-it{
    display: block;
    /* width: 2.8rem; */
    height: 4.3rem;
    position: relative;
    cursor: pointer;
}
.ser-it .pic{
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
}
.ser-it:hover .ej-bg{
    transform:scale(1.1);
}
.ser-it .tex{
    /* height: 1.8rem; */
    max-height: 100%;
    width: 100%;
    position: absolute;
    left: 0;
    bottom: 0;
    padding: 0.3rem 0.2rem 0;
    text-align: center;
    transition: all ease .3s 0s;
    -moz-transition: all ease .3s 0s;
    -webkit-transition: all ease .3s 0s;
}

.ser-it .tt{
    font-size: calc(12px - 0.12rem + 0.22rem);
    color: #333;
}
.ser-it .tt:after{
    content: '';
    display: block;
    width: 0.35rem;
    height: 2px;
    background: #999;
    margin: 0.1rem auto 0.3rem;
}
.ser-it .dd{
    font-size: calc(12px - 0.12rem + 0.16rem);
    color: #fff;
    line-height: 1.8;
    margin-bottom: 0.2rem;
    display: none;
    transition: all ease .3s 0s;
    -moz-transition: all ease .3s 0s;
    -webkit-transition: all ease .3s 0s;
}
.ser-it:hover .tt{
    color: #fff;
}
.ser-it:hover .tt:after{
    background: #fff;
    margin-bottom: 0.15rem;
}
.ser-it:hover .tex{
    /* bottom: 0;
        height: 1.8rem;*/
    background: rgba(58,95,165,0.8);
}
.ser-it:hover .dd{
    display: block;
}


.sw-btn{
    width: 0.4rem;
    height: 0.4rem;
    background-color: #999;
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
    border-radius: 0.03rem;
    cursor: pointer;
    position: absolute;
    top: 50%;
    margin-top: -0.2rem;
    z-index: 3;
    transition: all ease .3s 0s;
    -moz-transition: all ease .3s 0s;
    -webkit-transition: all ease .3s 0s;
}
.sw-btn:hover{
    background-color: #3a5fa5;
}
.sw-prev{
    left:-1.1rem;
    background-image: url(../png/pg-prev.webp);
}
.sw-next{
    right:-1.1rem;
    background-image: url(../png/pg-next.webp);
}

.ser-mod .content{
    position: relative;
}

.cont-mod .hd{
    margin-bottom: 0.3rem;
    font-size: calc(12px - 0.12rem + 0.2rem);
    color: #666;
}
.cont-mod .lt-box{
    height: 5.27rem;
    width: 31%;
    box-shadow: 0 0 0.1rem rgba(0,0,0,0.05);
    padding: 0.75rem 0.3rem 0;
    float: left;
}
.cont-mod .lt-box .tt{
    margin-bottom: 0.25rem;
    font-size: calc(12px - 0.12rem + 0.2rem);
    color: #3a5fa5;
    font-weight: bold;
}
.cont-mod .c-way{
    line-height: 2;
    font-size: calc(12px - 0.12rem + 0.14rem);
    color: #333;
}
.cont-mod .map{
    width: 67%;
    height: 5.27rem;
    float: right;
    box-shadow: 0 0 0.1rem rgba(0,0,0,0.05);
}
.cont-mod .map .ej-bg{
    width: 100%;
    height: 100%;
}

.mess-mod .ip-box{
    height: 0.48rem;
    line-height: 0.48rem;
    width: 47%;
    border: 1px solid #ddd;
    background: #fff;
    padding: 0 0.35rem;
    float: left;
    margin-bottom: 0.3rem;
}
.mess-mod .ip-box .tex{
    width: 100%;
    height: 100%;
    display: block;
    border: none;
    background: transparent;
}
.mess-mod .ip-box:nth-of-type(2n){
    float: right;
}
.mess-mod .ver-box{
    padding-right: 1.6rem;
    position: relative;
}
.mess-mod .ver-box .ver{
    width: 1.1rem;
    height: 26px;
    position: absolute;
    right: 0.3rem;
    top: 50%;
    margin-top: -13px;
}
.mess-mod .ver-box img{
    display: block;
    width: 100%;
    height: 100%;
}
.mess-mod .t-tex{
    width: 100%;
    height: 1.35rem;
    border: 1px solid #ddd;
    background: #fff;
    padding: 0.15rem 0.35rem;
    outline: none;
}
.mess-mod .sub{
    width: 2rem;
    height: 0.5rem;
    line-height: 0.5rem;
    display: block;
    background: #3a5fa5;
    color: #fff;
    text-align: center;
    margin: 0.55rem auto 0;
    font-size: calc(12px - 0.12rem + 0.16rem);
    border: none;
    cursor: pointer;
    transition: all ease .3s 0s;
    -moz-transition: all ease .3s 0s;
    -webkit-transition: all ease .3s 0s;
}
.mess-mod .sub:hover{
    background: #355695;
}
.cul-it{
    height: 3.5rem;
    width: 41%;
    position: relative;
    float: left;
}
.cul-it .pic{
    position: absolute;
    left: 0;
    top: 0;
    z-index: -1;
    width: 100%;
    height: 100%;
}

.cult-mod .tex{
    height: 100%;
    color: #fff;
    padding: 0.5rem 0.5rem 0;
}
.cult-mod .tex .hd{
    font-size: calc(12px - 0.12rem + 0.28rem);
    font-weight: bold;
}
.cult-mod .tex .hd:after{
    content: '';
    width: 0.44rem;
    height: 2px;
    background: #fff;
    display: block;
    margin: 0.3rem auto 0.25rem 0;
}
.cult-mod .tex .dd{
    font-size: calc(12px - 0.12rem + 0.18rem);
    line-height: 1.8;
}

.cul-it1{
    width: 59%;
}
.cul-it1 .pic{
    width: 56%;
    height:100%;
    float: left;
    position: static;
}
.cul-it1 .tex{
    width: 44%;
    background: #3a5fa5;
    float: left;
}

.cul-sm{
    height: 3rem;
}
.cul-it1.cul-sm .pic{
    width: 44%;
}
.cul-it1.cul-sm .tex{
    width: 56%;
}

.adv-it{
    display: block;
    width: 100%;
    height: 4.2rem;
    border-radius: 0.05rem;
    color: #fff;
    /*text-align: center;*/
    padding: 0.4rem 0.25rem 0;
}
.adv-it .tt{
    font-size: calc(12px - 0.12rem + 0.25rem);
    font-weight: bold;
    text-align: center;
}
.adv-it .tt:after{
    content: '';
    display: block;
    width: 0.32rem;
    height: 1px;
    background: #fff;
    margin: 0.2rem auto 0.3rem;
}
.adv-it .dd{
    font-size: calc(12px - 0.12rem + 0.16rem);
    line-height: 1.8;
}

.adv-mod .layout{
    max-width: 100%;
    padding: 0;
}
.adv-mod .swiper-slide{
    padding: 0.45rem 0;
    transition: all ease .3s 0s;
    -moz-transition: all ease .3s 0s;
    -webkit-transition: all ease .3s 0s;

}
.adv-mod .swiper-slide:hover{
    transform:scale(1.1);
}

.intr-mod{
    height: 6.5rem;
    background: #fff;
    padding: 0.2rem;
    position: relative;
}
.intr-mod .b-pic{
    height: 5.7rem;
    width: 39.7%;
}
.intr-mod .b-pic .swiper-container{
    width: 100%;
    height: 100%;
}
.intr-mod .b-pic .it{
    width: 100%;
    height: 100%;
}
.intr-mod .s-pic{
    width: 61.2%;
    height: 1rem;
    background: #fff;
    position: absolute;
    z-index: 3;
    left: 0.4rem;
    bottom: 0.15rem;
    padding: 0.1rem 0 0.1rem 0.2rem;
}
.intr-mod .s-pic .it{
    height: 0.8rem;
    width: 100%;
    border-radius: 2px;
    cursor: pointer;
    opacity: 0.4;
}
.intr-mod .s-pic .on{
    opacity: 1;
}
.intr-mod .int-tex{
    position: absolute;
    z-index: 4;
    top: 0.4rem;
    right: 0.55rem;
    width: 6.5rem;
    height: 4.8rem;
    border-radius: 0.05rem;
    box-shadow: 0 0 0.1rem rgba(0,0,0,0.1);
    background: rgba(255,255,255,.95);
    padding: 0.4rem 0.35rem 0.2rem;
}
.intr-mod .int-tex .hd{
    text-align: center;
    font-size: calc(12px - 0.12rem + 0.2rem);
    color:#333;
}
.intr-mod .int-tex .hd:after{
    content: '';
    display: block;
    width: 0.28rem;
    height: 2px;
    background: #3a5fa5;
    margin: 0.1rem auto 0.3rem;
}
.intr-mod .int-tex .dd{
    font-size: calc(12px - 0.12rem + 0.14rem);
    color:#555;
    line-height: 1.8;
    /*height: 4rem;*/
    overflow-y:auto;
}
.intr-mod .int-tex .dd::-webkit-scrollbar {
    width: 3px;
    background: transparent;
    border-radius: 0px;
}
.intr-mod .int-tex .dd::-webkit-scrollbar-thumb {
    background: #eee;
}
.intr-mod .int-tex .dd::-webkit-scrollbar-thumb:window-inactive {
    background: #ddd;
}

.intr-mod .int-tex .im{
    font-size: calc(12px - 0.12rem + 0.16rem);
    color: #3a5fa5;
}
.intr-mod .in-bt{
    position: relative;
    bottom: 0.3rem;
    right: 0.35rem;
    height: 0.4rem;
    text-align: right;
}
.intr-mod .in-bt .sw-btn{
    position: static;
    display: inline-block;
    vertical-align: middle;
    margin-top: 0;
    margin-left: 0.25rem;
}



.dev-it{
    width: 100%;
    height: 2.8rem;
    background: #fff;
    box-shadow: 0 0 0.1rem rgba(0,0,0,0.1);
}
.dev-it .pic{
    width:40%;
    height: 100%;
    float: left;
    overflow: hidden;
}
.dev-it .ej-bg{
    width: 100%;
    height: 100%;
}
.dev-it .tex{
    height: 100%;
    margin-left: 44%;
    padding-top: 0.4rem;
    padding-bottom: 0.4rem;
    padding-right: 0.6rem;

}
.dev-it .dd{
    color: #666;
    font-size: calc(12px - 0.12rem + 0.14rem);
    line-height: 1.8;
    height: 100%;
    overflow-y: auto;
}
.dev-it .dd::-webkit-scrollbar {
    width: 3px;
    background: transparent;
    border-radius: 0px;
}
.dev-it .dd::-webkit-scrollbar-thumb {
    background: #eee;
}
.dev-it .dd::-webkit-scrollbar-thumb:window-inactive {
    background: #ddd;
}
.dev-it .li{
    padding-left: 0.3rem;
    position: relative;
    margin-bottom: 0.2rem;
}
.dev-it .li:before{
    content: '';
    width: 0.25rem;
    height: 1px;
    background: #cacaca;
    position: absolute;
    left: 0;
    top: 0.1rem;
}


.deve-mod .swiper-slide{
    padding: 0.1rem;
}

.deve-mod{
    padding: 0 1.1rem;
    position: relative;
    margin-top:0.4rem;
}



.dev-line{
    /* padding:0 44px 30px; */
    position: relative;
}
.dev-line .swiper-container{
    /* padding-top: 12px; */
}
.dev-line .swiper-slide{
    cursor: pointer;
    background: none;
    text-align: center;
    padding-top: 0.85rem;
    padding-bottom: 0.9rem;
}
.dev-line .line{
    font-size: calc(12px - 0.12rem + 0.26rem);
    color: #666;
    line-height: 1;
    position: relative;
}
.dev-line .line:before{
    content: '';
    height: 16px;
    width: 1px;
    border-radius: 100%;
    background: #666;
    position: absolute;
    top: 0.4rem;
    left: 50%;
}
.dev-line .line:after{
    content: '';
    height: 12px;
    width: 12px;
    border-radius: 100%;
    background: #808080;
    position: absolute;
    left: 50%;
    margin-left: -6px;
    top: 0.6rem;
}
.dev-line .on .line{
    color: #fff;
    font-size: calc(12px - 0.12rem + 0.2rem);
    height: 0.98rem;
    line-height: 0.74rem;
    padding: 0;
    border-radius: 100%;
    width: 0.98rem;
    text-align: center;
    background: #3a5fa5;
    margin-top: -0.85rem;
    border: 0.12rem solid #bbc6de;

}
.dev-line .on .line:before{
    top: 0.8rem;
    height: 0.5rem;
    background: #3a5fa5;
}
.dev-line .on .line:after{
    top: 1.35rem;
    background: #3a5fa5;

}
.dev-line:after{
    content: '';
    height: 1px;
    width: 1920px;
    position: absolute;
    background: #b2b2b2;
    top: 1.5rem;
    left: 50%;
    transform:translate(-50%,0);
}
.dev-line .sw-btn,
.dev-line .sw-btn:hover{
    background-color: transparent;
}
.dev-line .sw-prev{
    background-image: url(../png/sw-prev1.webp);
}
.dev-line .sw-next{
    background-image: url(../png/sw-next1.webp);
}



.hon-mod .layout{
    max-width: 1580px;
}
.hon-mod .content{
    background: #fff;
    height: 6.65rem;
    box-shadow: 0 0 0.1rem rgba(0,0,0,0.05);
    padding: 0.9rem 1.35rem 0;
    position: relative;
}



/* honor */
.hon-it{
    width: 100%;
    height: 3.6rem;
    background: #fff;
}
.hon-it .pic{
    width: 44%;
    height: 100%;
    float: left;
    overflow: hidden;
    background: url(../png/bg-hon.webp) no-repeat center;
    background-size: cover;
}
.hon-it .ej-bg{
    width: 100%;
    height: 100%;
}
.hon-it .tex{
    margin-left: 49%;
    height: 100%;
    padding-top: 0.5rem;
    padding-bottom: 0.5rem;
    padding-right: 0.5rem;

}
.hon-it .tex .tt{
    color: #3a5fa5;
    font-size: calc(12px - 0.12rem + 0.22rem);
    font-weight: bold;
    margin-bottom: 0.3rem;
}
.hon-it .tex .tt em{
    font-size: calc(12px - 0.12rem + 0.44rem);
    font-weight: bold;
}
.hon-it .dd{
    color: #666;
    font-size: calc(12px - 0.12rem + 0.14rem);
    line-height: 2;
    height: 2rem;
    overflow-y: auto;
}
.hon-it .dd::-webkit-scrollbar {
    width: 3px;
    background: transparent;
    border-radius: 0px;
}
.hon-it .dd::-webkit-scrollbar-thumb {
    background: #eee;
}
.hon-it .dd::-webkit-scrollbar-thumb:window-inactive {
    background: #ddd;
}
.hon-it .li{
    padding-left: 0.2rem;
    position: relative;
}
.hon-it .li:before{
    content: '●';
    position: absolute;
    left: 0;
    top: 0rem;
    color: #ccc;

}
.hon-it .swiper-container{
    width: 100%;
    height: 100%;
}




.hon-dev{
    padding: 0 0.4rem;
    margin-bottom:0.55rem;
}
.hon-dev .sw-prev{
    left: -0.2rem;
}
.hon-dev .sw-next{
    right: -0.2rem;
}
.hon-dev .swiper-slide{
    padding: 0.1rem;
}
.hon-dev .hon-it{
    box-shadow: 0 0 0.1rem rgba(0,0,0,0.05);
}


.hon-line{
    /* padding:0 44px 30px; */
    position: relative;
}
.hon-line .swiper-slide{
    cursor: pointer;
    background: none;
    text-align: center;
}
.hon-line .line{
    font-size: calc(12px - 0.12rem + 0.18rem);
    font-weight: bold;
    color: #000;
    line-height: 1;
    position: relative;
}
.hon-line .line:before{
    content: '';
    height: 27px;
    width: 1px;
    border-radius: 100%;
    background: #bbb;
    display: block;
    margin: 0 auto 0.2rem;

}
.hon-line .on .line{
    color: #3a5fa5;
}
.hon-line .on .line:before{
    background: #3a5fa5;
}

.hon-line:after{
    content: '';
    height: 10px;
    width: 100%;
    position: absolute;
    background: url(../png/bg-line.webp) repeat-x;
    background-size: auto 100%;
    top: 17px;
    left: 50%;
    transform:translate(-50%,0);
}

.hon-it .swiper-slide{
    display: flex;
    -ms-align-items: center;
    align-items: center;
}
.hon-it .swiper-pagination{
    text-align: right;
    padding-right: 0.3rem;
}
.hon-it .swiper-pagination-bullet{
    opacity: 1;
    height: 0.08rem;
    width: 0.08rem;
    border-radius: 0.08rem;
    background: #fff;
}
.hon-it .swiper-pagination-bullet-active{
    background: #3a5fa5;
    width: 0.36rem;
}

.cer-it{
    display: block;
    width: 100%;
    text-align: center;
}
.cer-it img{
    max-width: 100%;
    max-height: 2rem;
    box-sizing: border-box;
    border: 17px solid transparent;
    -moz-border-image: url(../png/bg-border.webp) 15 15 stretch;
    -webkit-border-image: url(../png/bg-border.webp) 15 15 stretch;
    -o-border-image: url(../png/bg-border.webp) 15 15 stretch;
    border-image: url(../png/bg-border.webp) 15 15 stretch;
}
.cer-it .tt{
    font-size: calc(12px - 0.12rem + 0.12rem);
    color: #666;
    margin-top: 0.1rem;
}

.cons-mod{
    height: 3.3rem;
    padding-top: 0.55rem;
}
.cons-mod .layout{
    height: 100%;
}
.cons-mod .lt-box{
    width: 34%;
    height: 100%;
    float: left;
    position: relative;
}
.cons-mod .lt-box img{
    width: 100%;
    position: absolute;
    bottom: -0.7rem;
}
.cons-mod .rg-box{
    width: 66%;
    float: right;
}
.cons-mod .rg-box .c-col{
    width: 40%;
    float: left;
    margin-left: 10%;
}
.cons-mod .hd{
    border-bottom: 1px solid #eee;
    padding-bottom: 0.15rem;
    margin-bottom: 0.15rem;
}
.cons-mod .cn{
    margin-bottom: 0.1rem;
    font-size: calc(12px - 0.12rem + 0.18rem);
    color: #333;
}
.cons-mod .en{
    font-size: calc(12px - 0.12rem + 0.14rem);
    color: #3a5fa5;
    font-weight: bold;
    text-transform: uppercase;
}
.cons-mod .c-way{
    font-size: calc(12px - 0.12rem + 0.14rem);
    color: #555;
    line-height: 1.8;
}

.share-mod .sh-it{
    width: 0.44rem;
    height: 0.44rem;
    border-radius: 100%;
    background-color: #fff;
    box-shadow: 0 0 0.1rem rgba(0,0,0,0.05);
    float: left;
    margin-right: 0.25rem;
    position: relative;
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
}
.sh-wb{
    background-image: url(../png/icon-sh1.webp);
}
.sh-wx{
    background-image: url(../png/icon-sh2.webp);
}
.sh-qq{
    background-image: url(../png/icon-sh3.webp);
}

.share-mod .s-tex{
    position: absolute;
    text-align: center;
    width: 1.56rem;
    height: 0.36rem;
    line-height: 0.36rem;
    border-radius: 0.05rem;
    background: #fff;
    box-shadow: 0 0 0.2rem rgba(0,0,0,0.05);
    left: 50%;
    margin-left: -0.78rem;
    top: 0.6rem;
    display: none;
}
.share-mod .s-tex:before{
    content: '';
    border-top: 0.1rem solid transparent;
    border-left: 0.06rem solid transparent;
    border-right: 0.06rem solid transparent;
    border-bottom: 0.1rem solid #fff;
    position: absolute;
    left: 50%;
    top: -0.2rem;
    margin-left: -0.06rem;
}
.sh-it:hover .s-tex{
    display: block;
}
.share-mod .s-code{
    position: absolute;
    text-align: center;
    width: 1.2rem;
    height: 1.2rem;
    line-height: 0.36rem;
    border-radius: 0.05rem;
    background: #fff;
    box-shadow: 0 0 0.2rem rgba(0,0,0,0.05);
    left: 50%;
    margin-left: -0.6rem;
    top: 0.6rem;
    padding: 0.05rem;
    display: none;
}
.share-mod .s-code:before{
    content: '';
    border-top: 0.1rem solid transparent;
    border-left: 0.06rem solid transparent;
    border-right: 0.06rem solid transparent;
    border-bottom: 0.1rem solid #fff;
    position: absolute;
    left: 50%;
    top: -0.2rem;
    margin-left: -0.06rem;
}
.share-mod .s-code img{
    width: 100%;
    height: 100%;
}

.sh-it:hover .s-code{
    display: block;
}

.ass-fm .as-hd{
    text-align: center;
    margin-bottom: 0.3rem;
}
.ass-fm .ip{
    width: 25%;
    height: 0.4rem;
    line-height: 0.4rem;
    padding: 0 0.2rem;
    border: none;
    background: #f7f7fa;
    margin: 0 3%;
    font-size: calc(12px - 0.12rem + 0.14rem);
    color: #333;
}
.ass-fm .tb-hd{
    height: 0.6rem;
    line-height: 0.6rem;
    background: #999;
    padding: 0 0.4rem;
    color: #fff;
}
.ass-fm .col{
    float: left;
    font-size: calc(12px - 0.12rem + 0.16rem);
}
.ass-fm .l-col{
    width: 30%;
    padding-right: 0.15rem;
}
.ass-fm .r-col{
    width: 70%;
}
.ass-fm .rad-it .r-col{
    height: 0.4rem;
    overflow: hidden;
    position: relative;
}
.ass-fm .rad-it .r-col.on{
    height: auto;
}
.ass-fm .rad-it .r-col .more{
    width: 0.2rem;
    height: 0.2rem;
    position: absolute;
    right: 0;
    top: 0;
    background: url(../png/icon-arr2.webp) no-repeat center;
    background-size: contain;
    cursor: pointer;
}
.ass-fm .rad-it .r-col .more.on{
    transform:rotate(180deg);
}
.ass-fm .rad-it{
    border-bottom: 1px solid #eee;
    overflow: hidden;
    padding: 0.18rem 0.4rem 0;
}
.ass-fm .f-cl,
.ass-fm .f-lb{
    font-size: calc(12px - 0.12rem + 0.14rem);
    color: #333;
}
.ass-fm .f-cl{
    float: left;
}
.ass-fm .r-cl{
    float: right;
}
.ass-fm .ra-li{
    width: 20%;
    float: left;
    margin-bottom: 0.18rem;
}
.ass-fm .ra{
    display: inline-block;
    vertical-align: middle;
    width: 20px;
    height: 20px;
}
.ass-fm .f-sub{
    width: 2rem;
    height: 0.46rem;
    line-height: 0.46rem;
    text-align: center;
    color: #fff;
    font-size: calc(12px - 0.12rem + 0.14rem);
    background: #3a5fa5;
    display: block;
    margin: 0.7rem auto 0;
    border: none;
    cursor: pointer;
    transition: all ease .3s 0s;
    -moz-transition: all ease .3s 0s;
    -webkit-transition: all ease .3s 0s;
}
.ass-fm .f-sub:hover{
    background: #355695;
}

.ser-it1{
    display: block;
    width: 100%;
    /*height: 2.3rem;*/
    height: 3.1rem;
    border-radius: 3px;
    background: #f7f7fa;
    padding: 0.25rem 0.2rem 0;
    text-align: center;
}

.ser-it1 .ic{
    height: 0.86rem;
    margin: 0 auto 0.15rem;
    transition: all ease .5s 0s;
    -moz-transition: all ease .5s 0s;
    -webkit-transition: all ease .5s 0s;
}
.ser-it1:hover .ic{
    transform:rotate(360deg);
}
.ser-it1 .tt{
    color: #3a5fa5;
    font-size: calc(12px - 0.12rem + 0.18rem);
    margin-bottom: 0.05rem;
    font-weight: bold;
}
.ser-it1 .dd{
    color: #666;
    text-align: left;
    font-size: calc(12px - 0.12rem + 0.14rem);
}

.hm-ser .content{
    position: relative;
}

.hm-news .nw-lt{
    width: 41.6%;
    float: left;
}
.hm-news .col{
    display: none;
}
.hm-news .col.on{
    display: block;
}
.hm-news .nw-rg{
    width: 56%;
    height: 4.52rem;
    background: #fff;
    float: right;
    box-shadow: 0 0 0.1rem rgba(0,0,0,0.05);
    border-radius: 5px;
    padding: 0.3rem;
}
.hm-news .n-menu{
    overflow: hidden;
}
.hm-news .n-menu li{
    height: 0.52rem;
    line-height: 0.52rem;
    width: 33.3%;
    float: left;
    text-align: center;
    background: #fff;
    border: 1px solid #f7f7fa;
    color: #333;
    font-size: calc(12px - 0.12rem + 0.16rem);
    cursor: pointer;
}
.hm-news .n-menu .on{
    background: #3a5fa5;
    color: #fff;
}
.hm-news .n-menu li:first-of-type{
    border-radius: 5px 0 0 0;
}
.hm-news .n-menu li:last-of-type{
    border-radius: 0 5px 0 0;
}

.nw-it2{
    display: block;
    height: 4rem;
    position: relative;
    border-radius: 0 0 5px 5px;
    overflow: hidden;
}
.nw-it2 .pic{
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    position: absolute;
}
.nw-it2:hover .ej-bg{
    transform:scale(1.1);
}
.nw-it2 .tex{
    width: 100%;
    height: 1.5rem;
    background: rgba(58,95,165,0.9);
    padding: 0.3rem 0.4rem;
    position: absolute;
    left: 0;
    bottom: 0;
    color: #fff;
}
.nw-it2 .tt{
    margin-bottom: 0.2rem;
    font-size: calc(12px - 0.12rem + 0.24rem);
}

.nw-it2 .dd{
    font-size: calc(12px - 0.12rem + 0.14rem);
    line-height: 1.5;
}
.nw-it3{
    display: block;
    overflow: hidden;
    padding-bottom:0.2rem;
    border-bottom: 1px solid #eee;
}
.nw-it3 .lt{
    width: 70%;
    float: left;
}
.nw-it3 .rg{
    width: 30%;
    float: right;
}
.nw-it3 .tt{
    font-size: calc(12px - 0.12rem + 0.24rem);
    color: #333;
    margin-bottom: 0.15rem;
    transition: all ease .3s 0s;
    -moz-transition: all ease .3s 0s;
    -webkit-transition: all ease .3s 0s;
}
.nw-it3 .dd{
    font-size: calc(12px - 0.12rem + 0.14rem);
    color: #999;
    line-height: 1.8;
}
.nw-it3 .tm{
    text-align: center;
    width: 0.9rem;
    margin-left: auto;
    line-height: 1;
}
.nw-it3 .day{
    font-size: calc(12px - 0.12rem + 0.3rem);
    color: #333;
    margin-bottom: 0.1rem;
}
.nw-it3 .year{
    font-size: calc(12px - 0.12rem + 0.2rem);
    color: #333;
}
.nw-it3 .more{
    margin-top: 0.18rem;
    width: 1.4rem;
    line-height:0.4rem;
    border-radius: 0.05rem;
    background: #3a5fa5;
    color: #fff;
    text-align: center;
    margin-left: auto;
    transition: all ease .3s 0s;
    -moz-transition: all ease .3s 0s;
    -webkit-transition: all ease .3s 0s;
}
.nw-it3 .more:after{
    content: '';
    display: inline-block;
    vertical-align: middle;
    transform:rotate(45deg);
    width: 0.08rem;
    height: 0.08rem;
    border-top: 1px solid #fff;
    border-right: 1px solid #fff;
    margin-left: 0.1rem;
}
.nw-it3 .more:hover{
    background: #355695;
}
.nw-it3:hover .tt{
    color: #3a5fa5;
}

.nw-it4{
    display: block;
    height: 0.54rem;
    line-height: 0.54rem;
    border-bottom: 1px dashed #eee;
    overflow: hidden;
}
.nw-it4:last-of-type{
    border: none;
}
.nw-it4 .tt{
    width: 80%;
    float: left;
    font-size: calc(12px - 0.12rem + 0.14rem);
    color: #333;
    transition: all ease .3s 0s;
    -moz-transition: all ease .3s 0s;
    -webkit-transition: all ease .3s 0s;
}
.nw-it4 .tt:before{
    content: '●';
    display: inline-block;
    vertical-align: middle;
    margin-right: 0.15rem;
    margin-top: -0.03rem;
    color: #ccc;
}
.nw-it4 .tm{
    width: 20%;
    float: right;
    font-size: calc(12px - 0.12rem + 0.14rem);
    color: #999;
    text-align: right;
}
.nw-it4:hover .tt{
    color: #3a5fa5;
}

.hm-ban{
    /*height: 5.8rem;*/
    height: 7.8rem;
    position: relative;
}
.hm-ban .swiper-container{
    width: 100%;
    height: 100%;
}
.hm-ban .ban-it{
    display: block;
    width: 100%;
    height: 100%;
}
.hm-ban .swiper-pagination{
    bottom: 1.6rem;
}

.hm-prof{
    width: 100%;
    left: 0;
    bottom: 0;
    position: absolute;
    height: 1.5rem;
    background: rgba(0,0,0,0.55);
    z-index: 3;
    padding-top: 0.2rem;
}
.hm-prof .lt-box{
    width: 50%;
    float: left;
    padding-right: 0.7rem;
    color: #fff;
}
.hm-prof .hd{
    /*margin-bottom: 0.15rem;*/
}
.hm-prof .hd:after{
    content: '';
    display: block;
    width: 0.46rem;
    height: 1px;
    background: #3a5fa5;
    margin-top: 0.15rem;
}
.hm-prof .cn{
    font-size: calc(12px - 0.12rem + 0.24rem);
}
.hm-prof .en{
    font-size: calc(12px - 0.12rem + 0.14rem);
    margin-left: 0.1rem;
}
.hm-prof .dd{
    font-size: calc(12px - 0.12rem + 0.14rem);
    line-height: 1.6;
}
.hm-prof .rg-box{
    width: 50%;
    float: right;
}
.hm-prof .p-data{
    width: 70%;
    float: left;
    color: #fff;
}
.hm-prof .p-data li{
    width: 33.3%;
    float: left;
    padding-right: 3%;
}
.hm-prof .p-data .ic{
    height: 0.31rem;
    margin-bottom: 0.2rem;
}
.hm-prof .p-data .md{
    font-size: calc(12px - 0.12rem + 0.13rem);
    margin-bottom: 0.05rem;
}
.hm-prof .p-data .md em{
    font-size: calc(12px - 0.12rem + 0.26rem);
}
.hm-prof .p-data .lb{
    font-size: calc(12px - 0.12rem + 0.13rem);
    color: #cfcfcf;
}
.hm-prof .btn{
    display: block;
    margin-top: 0.6rem;
    width: 1.4rem;
    line-height:0.4rem;
    border-radius: 0.05rem;
    background: #3a5fa5;
    color: #fff;
    text-align: center;
    margin-left: auto;
    transition: all ease .3s 0s;
    -moz-transition: all ease .3s 0s;
    -webkit-transition: all ease .3s 0s;
    box-shadow: 0 0.3rem 0.2rem rgba(0,0,0,0.05);
    border-bottom: 1px solid #fff;
    border-right: 1px solid #fff;
    transition: all ease .3s 0s;
    -moz-transition: all ease .3s 0s;
    -webkit-transition: all ease .3s 0s;
}
.hm-prof .btn:after{
    content: '';
    display: inline-block;
    vertical-align: middle;
    transform:rotate(45deg);
    width: 0.08rem;
    height: 0.08rem;
    border-top: 1px solid #fff;
    border-right: 1px solid #fff;
    margin-left: 0.1rem;
}
.hm-prof .btn:hover{
    background: #355695;
}

/* rebox */
.rebox {
    cursor: pointer;
    position: fixed;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    z-index: 1000;
    -webkit-filter: none !important;
    background: rgb(0, 0, 0);
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAAIElEQVQ4T2NkYGDYDMRkA8ZRAxhGw4BhNAyA+WAYpAMAIFgLQfO9BoEAAAAASUVORK5CYII=);
    background: rgba(0, 0, 0, 0.7);
}
.rebox *{
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
    -o-box-sizing: border-box;
    box-sizing: border-box;
    padding: 0; margin: 0;
}
.rebox-contents {
    position: absolute;
    top: 50%;
    left: 10%;
    text-align:
            center;
    width: 80%;
    /* height: 640px; 
    line-height: 640px;  
    margin-top: -320px;  */
    height: 570px;
    line-height: 570px;
    margin-top: -285px;
}
.rebox-contents .rebox-content {
    border: 5px solid #fff;
    box-shadow: 0 0 20px #000;
    border-radius: 1px;
    max-width: 100%;
    max-height: 100%;
}
.rebox-loading {
    width: 31px;
    height: 31px;
    margin: -16px 0 0 -16px;
    position: absolute;
    top: 48%;
    left: 50%;
}
.rebox-caption {
    display: none;
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    text-align: center;
    z-index: 1000;
    background: #000;
    background: rgba(0,0,0,0.7);
}
.rebox-caption p {
    margin: 0 auto;
    max-width: 70%;
    display: inline-block;
    *display: inline;
    *zoom: 1;
    padding: 10px;
    color: #fff;
    font-size: 12px;
    line-height: 18px;
}
.rebox-button {
    position: absolute;
    z-index: 9999;
    min-width: 40px;
    height: 40px;
    line-height: 40px;
    background: rgb(0, 0, 0);
    opacity:0.4;
    text-decoration: none;
    font-size: 24px;
    color: #fff;
    text-align: center;
    vertical-align: middle;
    -webkit-border-radius: 32px;
    -moz-border-radius: 32px;
    -ms-border-radius: 32px;
    border-radius: 32px;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    -ms-transition: all 0.3s;
    transition: all 0.3s;
}
.rebox-button:hover,
.rebox-button:focus {
    opacity: 1;
    /* -webkit-transform: scale(1.1); 
    -moz-transform: scale(1.1); 
    -ms-transform: scale(1.1); 
    transform: scale(1.1);  */
    background-color: #c0a062;
}
.rebox-close {
    right: 20px;
    top: 120px;
    width: 50px;
    height: 50px;
    line-height: 50px;
    font-size: 40px;
}
.rebox-close:hover,.rebox-close:focus{
    /* -webkit-transform: scale(1.1); 
    -moz-transform: scale(1.1); 
    -ms-transform: scale(1.1); 
    transform: scale(1.1); */
    background-color: #c0a062;
}
.rebox-next {
    right: 10px;
    top: 48%;
}
.rebox-prev {
    left: 10px;
    top: 48%;
}
.rebox-loading {
    left: 50%;
    top: 48%;
    -webkit-animation-name: spin;
    -webkit-animation-duration: 2000ms;
    -webkit-animation-iteration-count: infinite;
    -webkit-animation-timing-function: linear;
    -moz-animation-name: spin;
    -moz-animation-duration: 2000ms;
    -moz-animation-iteration-count: infinite;
    -moz-animation-timing-function: linear;
    -ms-animation-name: spin;
    -ms-animation-duration: 2000ms;
    -ms-animation-iteration-count: infinite;
    -ms-animation-timing-function: linear;
    animation-name: spin; animation-duration: 2000ms;
    animation-iteration-count: infinite;
    animation-timing-function: linear;
}
.gray{
    position: fixed;
    z-index: 13;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    background: rgba(0,0,0,0.5);
    display: none;
}

@media screen and (max-width: 1700px){
    .adv-it .dd{
        line-height: 1.5;
    }
    .hon-dev .sw-prev{
        left: 0;
    }
    .hon-dev .sw-next{
        right: 0;
    }


}
@media screen and (max-width: 1480px){
    .sw-prev{
        left: -0.1rem;
    }
    .sw-next{
        right: -0.1rem;
    }
    .adv-it .dd{
        font-size: calc(12px - 0.12rem + 0.15rem);
    }
    .hon-mod .content{
        height: auto;
        padding: 0.4rem 0.4rem;
    }
    .hm-ban{
        height: 5.1rem;
    }

}

@media screen and (max-width: 1200px){
    .ind-it2{
        padding-right: 0.8rem;
    }
    .ind-it2 .dd{
        line-height: 1.6;
    }
    .ban-mod{
        height: 3.8rem;
    }
    .adv-it .tt {
        font-size: calc(12px - 0.12rem + 0.2rem);
    }
    .adv-it .tt:after{
        margin: 0.15rem auto 0.2rem;
    }
    .adv-it .dd {
        font-size: calc(12px - 0.12rem + 0.13rem);
    }
    .ej-page a, .ej-page button, .ej-page li{
        line-height:34px;
        min-width: 34px;
        font-size: 14px;
    }
    .nw-it .more{
        margin-right: 0.5rem;
        margin-top: 0;
    }
    .video-mod video{
        height: 6.2rem;
    }
    .poli-mod .pl-hd{
        height: 0.54rem;
        line-height: 0.54rem;
    }
    .nw-it1{
        height: 0.48rem;
        line-height: 0.48rem;
    }
    .pl-menu a{
        height: 0.4rem;
        line-height: 0.4rem;
        min-width: 1.9rem;
    }
    .rec-fm .f-sel{
        font-size: 12px;
        padding: 0 0.1rem;
    }
    .sta-it{
        width: 100%;
        margin: 0 auto 0.3rem;
    }
    .ser-it .tt{
        font-size: calc(12px - 0.12rem + 0.2rem);
    }
    .ser-it .dd{
        font-size: calc(12px - 0.12rem + 0.14rem);
    }
    .cult-mod .tex .hd {
        font-size: calc(12px - 0.12rem + 0.22rem);
    }
    .cult-mod .tex .dd{
        font-size: calc(12px - 0.12rem + 0.16rem);
        line-height: 1.5;
    }
    .deve-mod{
        padding: 0;
    }
    .ass-fm .tb-hd{
        padding: 0 0.1rem;
    }
    .ass-fm .rad-it{
        padding: 0.18rem 0.1rem 0;
    }
    .ass-fm .ra{
        width: 14px;
        height: 14px;
    }
    .ass-fm .f-cl, .ass-fm .f-lb{
        font-size: 12px;
    }
    .ass-fm .l-col{
        width: 22%;
    }
    .ass-fm .r-col{
        width: 78%;
    }
    .ass-fm .ip{
        font-size: 12px;
        width: 30%;
        margin: 0 1%;
    }
    .ass-fm .f-sub{
        margin-top: 0.4rem;
    }
    .cons-mod .rg-box .c-col{
        width: 45%;
        margin-left: 5%;
    }
    .hm-prof{
        height: 1.8rem;
    }
    .hm-prof .dd{
        font-size: 12px;
    }
    .hm-prof .p-data .lb,
    .hm-prof .p-data .md{
        font-size: 12px;
    }
    .hm-prof .lt-box{
        width: 45%;
        padding-right: 0.3rem;
    }
    .hm-prof .rg-box{
        width: 55%;
    }
    .hm-prof .p-data .md em {
        font-size: calc(12px - 0.12rem + 0.22rem);
    }
    .hm-prof .btn{
        font-size: 12px;
    }
    .hm-ban{
        height: 4.5rem;
    }
    .hm-ban .swiper-pagination{
        bottom: 1.8rem;
    }
    .nw-it2 .tex{
        padding: 0.2rem;
        height: 1.4rem;
    }
    .nw-it2 .tt {
        font-size: calc(12px - 0.12rem + 0.2rem);
    }
    .nw-it3 .more{
        width: 1.1rem;
    }
    .nw-it3 .tt{
        font-size: calc(12px - 0.12rem + 0.2rem);
    }
    .nw-it3 .dd{
        line-height: 1.6;
    }
    .nw-it .tt{
        width: 65%;
    }
    .nw-it .tm{
        width: 15%;
    }
    .ser-it:active .tt{
        color: #fff;
    }
    .ser-it:active .tt:after{
        background: #fff;
        margin-bottom: 0.15rem;
    }
    .ser-it:active .tex{
        /* bottom: 0;
            height: 1.8rem;*/
        background: rgba(58,95,165,0.8);
    }
    .ser-it:active .dd{
        display: block;
    }


}

@media(max-width: 1260px){
    .intr-mod .int-tex{height: 5rem;width: 6rem;}
    .intr-mod .s-pic{bottom:0}
}


@media(max-width: 1200px) and (min-width: 1100px){
    .intr-mod .int-tex{height: 5.5rem;width: 6rem;}
    .intr-mod .s-pic{bottom:0}
    .intr-mod{height: 7rem;}
    .intr-mod .b-pic{height: 6.1rem}
    .intr-mod .int-tex{top:.35rem}
    .intr-mod .in-bt {bottom:.02rem}
}



@media(max-width: 1100px){
    /*.intr-mod .int-tex{height: 5.7rem}*/

    .intr-mod{
        height: auto;
        padding: 0.15rem 0.15rem 0;
    }
    .intr-mod .b-pic{
        width: 100%;
        height: 2.5rem;
    }
    .intr-mod .int-tex{
        position: static;
        width: 100%;
        padding: 0.2rem;
    }
    .intr-mod .s-pic{
        width: 100%;
        position: static;
        padding: 0.1rem 0;
    }
    .intr-mod .in-bt{
        bottom: auto;
        position: absolute;
        width: 100%;
        top:2.75rem;
        z-index: 10;
        right: 0;
    }

    .intr-mod .int-tex .dd{padding-bottom: .2rem;height: auto}
    .intr-mod .in-bt .sw-btn{
        position: absolute;
        margin-left: 0;
    }
    .intr-mod .int-tex{height: auto}
}


@media screen and (max-width: 767px){
    .com-mod {
        padding: 0.4rem 0 0.55rem;
    }
    .title-mod{
        margin-bottom: 0.3rem;
    }
    .no-mb{
        margin-bottom: 0;
    }
    .title-mod .tt {
        font-size: calc(12px - 0.12rem + 0.28rem);
    }
    .ej-page a, .ej-page button, .ej-page li{
        line-height: 34px;
        min-width: 34px;
        font-size: 13px;
    }
    .menu-mod{
        height: 0.64rem;
        line-height: 0.64rem;
    }
    .menu-mod .layout{
        padding: 0;
    }
    .menu-mod .m-it{
        padding-top: 0.08rem
    }
    .menu-mod .m-it img{
        height: 0.22rem;
    }
    .menu-mod .m-it .tt{
        font-size: 12px;
        margin-top: 0.03rem;
    }
    .ban-mod{
        height: 2.5rem;
    }
    .ban-mod .cn{
        font-size: calc(12px - 0.12rem + 0.34rem);
        margin-bottom: 0.1rem;
    }
    .ban-mod .en{
        font-size: calc(12px - 0.12rem + 0.16rem);
    }
    .ind-mod{
        height: auto;
    }
    .indu-ct .pic{
        width: 100%;
        float: none;
        height: 3.4rem;
    }
    .indu-ct .nw-tex{
        margin-left: 0;
        height: auto;
        padding: 0.2rem 0.2rem 0;
    }
    .ind-it2{
        height: auto;
        padding: 0.3rem;
        margin-top: 0.3rem;
    }
    .ind-it2 .tex{
        margin-left: 2rem;
        padding-top: 0.2rem;
    }
    .ind-it2:after{
        display: none;
    }
    .ind-it1 .more{
        height: 0.4rem;
        line-height: 0.4rem;
        margin-top: 0.25rem;
    }
    .ind-it1 .tt{
        margin-bottom: 0.1rem;
        font-size: calc(12px - 0.12rem + 0.2rem);
    }
    .ind-it1 .md{
        margin-bottom: 0.1rem;
    }

    .intr-mod .in-bt .sw-btn{
        position: absolute;
        margin-left: 0;
    }
    .dev-line .line {
        font-size: calc(12px - 0.12rem + 0.2rem);
    }
    .dev-line .on .line{
        font-size: calc(12px - 0.12rem + 0.18rem);
    }
    .hon-mod .content{
        padding: 0.2rem;
    }
    .hon-dev{
        padding: 0;
        margin-bottom: 0.2rem;
    }
    .hon-it .tex .tt{
        margin-bottom: 0.2rem;
    }
    .hon-it .tex .tt em {
        font-size: calc(12px - 0.12rem + 0.38rem);
    }
    .hon-it .dd{
        line-height: 1.6;
    }
    .hm-ban{
        height: auto;
    }
    .hm-ban .swiper-container{
        height: 2.2rem;
    }
    .hm-ban .swiper-pagination{
        bottom: 0.1rem;
    }
    .hm-prof{
        position: static;
        background: #3a5fa5;
        height: auto;
        padding: 0.1rem 0;
    }
    .hm-prof .lt-box,
    .hm-prof .rg-box{
        width: 100%;
        float: none;
        overflow: hidden;
    }
    .hm-prof .lt-box{
        padding-right: 0;
        margin-bottom: 0.3rem;
    }
    .hm-prof .p-data{
        width: 100%;
        float: none;
        overflow: hidden;
    }
    .hm-prof .p-data li{
        text-align: center;
    }
    .hm-prof .btn{
        float: none;
        margin: 0.1rem auto 0;
        background: #333;
    }
    .hm-prof .btn:hover{
        background: #000;
    }
    .hm-news .nw-lt{
        width: 100%;
        float: none;
    }
    .hm-news .nw-rg{
        width: 100%;
        float: none;
        margin-top: 0.2rem;
        padding: 0.2rem;
    }
    .nw-it3 .lt{
        width: 65%;
    }
    .nw-it3 .more{
        width: 0.9rem;
    }

    .art-mod .tt {
        font-size: calc(12px - 0.12rem + 0.24rem);
    }
    .nw-it .tt{
        width: 70%;
    }
    .nw-it .tm{
        display: none;
        text-align: right;
    }
    .nw-it .more{
        margin-right: 0;
        margin-top: -0.02rem;
    }
    .pol-it{
        width: 48%;
        margin: 0 1% 0.3rem;
    }
    .video-mod video{
        height: 4.8rem;
    }
    .poli-mod .pl-hd,
    .nw-it1{
        padding-left: 0.2rem;
        padding-right: 0.2rem;
    }
    .nw-it1 .tt{
        width: 70%;
    }
    .nw-it1 .tm{
        width: 30%;
        text-align: right;
    }
    .pl-menu li{
        margin: 0.05rem;
    }
    .job-box .ta-title li:first-of-type, .job-box .ta-body li:first-of-type{
        padding-left: 0.15rem;
    }
    .job-box .list-box ul{
        padding-right: 0.3rem;
    }
    .job-box .ta-body:before,
    .job-box .ta-body:after{
        right: 0.05rem;
    }
    .job-box .ta-title{
        font-size: calc(12px - 0.12rem + 0.14rem);
    }
    .job-box .ta-body{
        font-size: 12px;
    }
    .job-box .list-box li{
        text-align: center;
    }
    .job-box .intro-box{
        padding: 0.2rem;
    }
    .job-box .int-item{
        width: 100%;
        float: none;
        padding-right: 0;
        padding-bottom: 0.2rem;
    }
    .rec-fm .f-sel{
        width: 32.3%;
        margin-bottom: 0.1rem;
    }
    .rec-fm .f-ip{
        width: 80%;
    }
    .rec-fm .f-sub{
        width: 18%;
        margin-right: 1%;
    }
    .sta-it{
        height: 2.8rem;
    }
    .sta-it .pic{
        width: 45%;
    }
    .sta-it .tex {
        margin-left: 45%;
        height: 100%;
        padding: 0.3rem 0.2rem 0.3rem;
    }
    .sta-it .h-nm {
        font-size: calc(12px - 0.12rem + 0.22rem);
    }
    .sta-it .h-job {
        font-size: calc(12px - 0.12rem + 0.14rem);
    }
    .sta-it .dd {
        font-size: 12px;
        height: 1.5rem;
    }
    .sta-it .hd:after {
        margin: 0.2rem 0 0.15rem;
    }
    .cont-mod .lt-box,
    .cont-mod .map{
        height: 3rem;
        width: 100%;
        float: none;
    }
    .cont-mod .lt-box{
        height: 3.2rem;
        padding: 0.3rem 0.2rem 0.2rem;
    }
    .mess-mod .ip-box,
    .mess-mod .ip-box:nth-of-type(2n){
        width: 100%;
        float: none;
        margin-bottom: 0.2rem;
        padding: 0 0.2rem;
    }
    .mess-mod .ver-box.ip-box{
        padding-right: 1.4rem;
    }
    .mess-mod .ver-box .ver{
        right: 0.2rem;
    }
    .mess-mod .t-tex{
        padding: 0.15rem 0.2rem;
    }
    .mess-mod .sub{
        margin-top: 0.2rem;
    }
    .cont-mod .hd{
        font-size: calc(12px - 0.12rem + 0.16rem);
    }
    .ass-fm .rad-it .r-col{
        height: auto;
    }
    .ass-fm .ra-li{
        width: 50%;
    }
    .ass-fm .l-col{
        width: 30%;
    }
    .ass-fm .r-col{
        width: 70%;
    }
    .ass-fm .f-cl{
        float: none;
    }
    .ass-fm .r-cl{
        float: none;
        margin-top: 0.2rem;
    }
    .ass-fm .rad-it .r-col .more{
        display: none;
    }
    .cons-mod{
        height: auto;
    }
    .cons-mod .rg-box{
        float: none;
        width: 100%;
        overflow: hidden;
    }
    .cons-mod .rg-box .c-col{
        width: 100%;
        margin-bottom: 0.3rem;
    }
    .cons-mod .lt-box{
        width: 100%;
        float: none;
        height:2.4rem;
    }
    .cons-mod .lt-box img{
        bottom: -0.4rem;
    }
    .rebox-close{
        height: 40px;
        width: 40px;
        font-size: 30px;
        line-height: 40px;
        top: 50px;
    }



}


@media screen and (max-width: 640px){
    .com-mod {
        padding: 0.3rem 0 0.4rem;
    }
    .title-mod .tt{
        font-size: calc(12px - 0.12rem + 0.24rem);
    }
    .ban-mod .cn {
        font-size: calc(12px - 0.12rem + 0.3rem);
        margin-bottom: 0.05rem;
    }
    .ban-mod{
        height: 2rem;
    }
    .ind-it2{
        padding: 0.2rem;
        margin-top: 0.2rem;
    }
    .ind-it2 .pic{
        height: 2rem;
    }
    .ind-it2 .ml{
        width: 1.1rem;
        padding-top: 0.15rem;
    }
    .ind-it2 .tex{
        margin-left: 1.2rem;
    }
    .indu-ct .pic{
        height: 2.6rem;
    }
    .ind-it2 .day{
        font-size: calc(12px - 0.12rem + 0.3rem);
    }
    .ind-it2 .tt{
        font-size: calc(12px - 0.12rem + 0.18rem);
    }
    .act-it .pic{
        height: 2rem;
    }
    .dev-it{
        height: auto;
    }
    .dev-it .pic{
        width: 100%;
        float: none;
        height: 2.3rem;
    }
    .dev-it .tex{
        height: 2.5rem;
        margin-left: 0;
        padding: 0.2rem;
    }
    .deve-mod{
        margin-top: 0;
    }
    .hon-it{
        height: auto;
    }
    .hon-it .pic{
        width: 100%;
        float: none;
        height: 2.2rem;
    }
    .cer-it img{
        max-height: 1.2rem;
        border: 8px solid transparent;
        -moz-border-image: url(../png/bg-border.webp) 8 8 stretch;
        -webkit-border-image: url(../png/bg-border.webp) 8 8 stretch;
        -o-border-image: url(../png/bg-border.webp) 8 8 stretch;
        border-image: url(../png/bg-border.webp) 8 8 stretch;
    }
    .hon-it .tex{
        margin-left: 0;
        height: 3rem;
        padding: 0.2rem;
    }
    .hon-it .tex .tt{
        margin-bottom: 0.1rem;
    }
    .hon-it .tex .tt {
        font-size: calc(12px - 0.12rem + 0.18rem);
    }
    .hon-it .tex .tt em {
        font-size: calc(12px - 0.12rem + 0.34rem);
    }
    .ser-it1 .ic{
        height: 0.76rem;
    }
    .ser-it1 .tt{
        font-size: calc(12px - 0.12rem + 0.16rem);
    }
    .ser-it1 .dd {
        font-size: 12px;
    }
    .pol-it{
        width: 100%;
        float: none;
        margin: 0 auto 0.3rem;
    }
    .video-mod video{
        height: 2.6rem;
    }
    .ide-it{
        height: 2rem;
        width: 100%;
        margin: 0 auto 0.2rem;
    }
    .ide-it .tex{
        width: 1.84rem;
        height: 0.84rem;
        background: rgba(255,255,255,0.66);
        position: absolute;
        left: 50%;
        top: 50%;
        transform:translate(-50%,-50%);
        text-align: center;
        padding-top: 0.2rem;
        line-height: 1;
    }
    .ide-it .tex:before{
        content: '';
        width: 2rem;
        height: 1rem;
        border: 1px solid rgba(255,255,255,0.66);
        position: absolute;
        left: 50%;
        top: 50%;
        transform:translate(-50%,-50%);
    }
    .ide-it .tex .cn{
        margin-bottom: 0.05rem;
        font-size: calc(12px - 0.12rem + 0.22rem);
        color: #3a5fa5;
    }
    .ide-it .tex .en{
        font-size: calc(12px - 0.12rem + 0.12rem);
        color: #333;
    }@charset "utf-8";
    html{-webkit-font-smoothing:antialiased}
    blockquote,body,code,dd,div,dl,dt,fieldset,form,h1,h2,h3,h4,h5,h6,input,legend,li,ol,p,pre,td,textarea,th,ul{margin:0;padding:0}
    header, hgroup, nav, menu, main, section, article, summary, details, aside, figure, figcaption, footer{display: block;margin:0;padding:0}
    table{border-collapse:collapse;border-spacing:0}
    fieldset,img{border:0}
    address,b,caption,cite,code,dfn,em,i,strong,th,var{font-style:normal;font-weight:400}
    dl,ol,ul{list-style-type:none}
    h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:400}
    a{text-decoration:none; color: #333;}
    a:hover{text-decoration:none;-webkit-tap-highlight-color:rgba(255,0,0,0);outline:0;outline:none;blr:expression(this.onFocus=this.blur())}
    sup{vertical-align:text-top}
    sub{vertical-align:text-bottom}
    textarea{resize:none}
    img{vertical-align:middle}
    button,input[type=submit],input[type=text],input[type=button],select{/* -webkit-appearance:none; */border-radius:0;-webkit-tap-highlight-color:rgba(255,0,0,0);outline:0;outline:0;blr:expression(this.onFocus=this.blur())}
    body{color:#000;line-height:1.3;overflow-x: hidden;background:#fff}
    .fl{float:left}
    .fr{float:right}
    .clearfix:after{content:".";display:block;height:0;clear:both;visibility:hidden;line-height:0;font-size:0}
    #web-ietip {width: 526px; height: 90px; padding: 83px 0 0 84px; overflow:hidden; background: url(../browser.html) no-repeat center center; margin: 200px auto 0; box-sizing:content-box;}
    #web-ietip a{display: block; width: 65px; height: 80px; float: left;}


    strong,
    b{
        font-weight: bold;
    }

    @media(min-width: 1201px){
        html{font-size: 100px}
    }
    @media(max-width: 1200px) and (min-width: 901px){
        html{font-size: calc(100vw / 1200 * 100);}
    }
    @media(max-width: 900px){
        html{font-size: calc(900px / 1200 * 100);}
    }
    body{font-size: 14px; font-family: Arial,"Microsoft YaHei";background-color: #fff;}
    body *{box-sizing: border-box;}
    .anmitem {
        transition: all ease .7s 0s;
        -moz-transition: all ease .7s 0s;
        -webkit-transition: all ease .7s 0s;
    }
    .oov,
    .tov,
    .thov {
        overflow: hidden;
        text-overflow: ellipsis;
        display: -webkit-box;
        -webkit-box-orient: vertical;
    }

    .oov {
        -webkit-line-clamp: 1;
        white-space：nowrap;
    }

    .tov {
        -webkit-line-clamp: 2;
    }

    .thov {
        -webkit-line-clamp: 3;
    }
    .layout{
        max-width: 1200px;
        margin: 0 auto;
    }

    body{
        padding-top: 1.1rem;
    }

    .header{
        height: 1.1rem;
        line-height: 1.1rem;
        background: #fff;
        position: fixed;
        left: 0;
        top: 0;
        z-index: 13;
        width: 100%;
        /* border-bottom: 1px solid red; */
    }

    .header .layout{
        max-width: 1400px;
    }

    .header .logo{
        float: left;
    }
    .header .logo img{
        height: 0.57rem;
    }
    .hd-rg{
        float: right;
    }
    .hd-tp{
        text-align: right;
        line-height: normal;
        padding-top: 0.25rem;
    }

    .hd-tp .hd-tel,
    .hd-tp .lk{
        display: inline-block;
        vertical-align: middle;
        line-height: 22px;
    }
    .hd-tp .hd-tel{
        font-size: calc(12px - 0.12rem + 0.22rem);
        color: #3a5fa5;
        font-weight: bold;
        margin-right: 0.4rem;
    }
    .hd-tp .hd-tel:before{
        content: '';
        width: 22px;
        height: 22px;
        display: inline-block;
        vertical-align: middle;
        background: url(../png/icon-tel.webp) no-repeat center;
        background-size: contain;
        margin-right: 0.1rem;
        margin-top: -0.02rem;
    }

    .hd-tp .lk,
    .hd-tp .lk a{
        font-size: calc(12px - 0.12rem + 0.14rem);
        color: #666;
        display: inline-block;
        vertical-align: middle;
    }
    .hd-tp .lk{
        margin-top: -.04rem;
    }
    .hd-tp .lk span{
        display: inline-block;
        vertical-align: middle;
        margin: 0  0.2rem;
    }
    .header .nav{
        line-height: 0.6rem;
    }
    .nav .fir-nav{
        float: left;
        font-size: calc(12px - 0.12rem + 0.16rem);
        margin-left: 0.5rem;
        position: relative;
    }
    .nav .fir-nav>a{
        color: #333;
        font-weight: bold;
    }
    .nav .on{
        border-bottom: 3px solid #3a5fa5;
    }
    .nav .on>a{
        color:#3a5fa5;
    }

    .nav .sec-box{
        position: absolute;
        top: 0.6rem;
        z-index: 3;
        line-height: normal;
        width: 1.5rem;
        line-height: 0.36rem;
        left: 50%;
        margin-left: -0.75rem;
        text-align: center;
        display: none;
        background: #fff;
        box-shadow: 0 0.05rem 0.05rem rgba(0,0,0,0.04);
    }
    .nav .sec-box a{
        display: block;
        text-align: center;
        color: #888;
        font-weight: bold;
        font-size: calc(12px - 0.12rem + 0.14rem);
        transition: all ease .3s 0s;
        -moz-transition: all ease .3s 0s;
        -webkit-transition: all ease .3s 0s;
    }
    .nav .sec-box a:hover{
        color:#3a5fa5;
    }
    .nav .sec-box a p{
        line-height: normal;
        display: inline-block;
        vertical-align: middle;
    }
    .nav .fir-nav:hover .sec-box{
        display: block;
    }


    .footer {
        background: #16205d;
        padding: 0.35rem 0;
    }

    .footer .lt {
        float: left;
        max-width: calc(100% - 3rem);
    }

    .ft-nav {
        margin-bottom: 0.3rem;
    }

    .ft-nav a {
        font-size: calc(12px - 0.12rem + 0.14rem);
        color: #fff;
        transition: all ease .3s 0s;
        -moz-transition: all ease .3s 0s;
        -webkit-transition: all ease .3s 0s;
    }

    .ft-nav a:before {
        content: '';
        height: 12px;
        width: 1px;
        background: #666;
        display: inline-block;
        vertical-align: middle;
        margin: -0.02rem 0.3rem;
    }
    .ft-nav a:nth-of-type(1):before {
        display: none;
    }

    .ft-nav a:hover {
        color: #fff;
    }


    .footer .cright {
        font-size: calc(12px - 0.12rem + 0.14rem);
        color: #fff;
    }

    .footer .rg {
        float: right;
        color: #fff;
    }

    .ft-link {
        width: 2.55rem;
        border-bottom: 2px solid #868686;
        position: relative;
    }

    .ft-link span {
        display: block;
        width: 100%;
    .footer .cright    height: 0.46rem;
        line-height: 0.46rem;
        padding: 0 0.05rem;
        position: relative;
        cursor: pointer;
    }

    .ft-link span:after {
        content: '';
        width: 18px;
        height: 10px;
        position: absolute;
        right: 5px;
        top: 50%;
        margin-top: -5px;
        background: url(../png/icon-arr.webp) no-repeat center;
    }

    .ft-link ul {
        width: 100%;
        position: absolute;
        bottom: 0.46rem;
        left: 0;
        background: #333;
        border: 1px solid #555;
        display: none;
        z-index: 3;
    }

    .ft-link a {
        display: inline-block;
        width: 100%;
        line-height: 0.36rem;
        padding: 0 0.05rem;
        color: #999;

    }

    .ft-link li:hover {
        background: #0061ae;
    }

    .ft-link li:hover a {
        color: #fff;
    }


    .header .menu-icon {
        width: 26px;
        height: 26px;
        display: inline-block;
        /* float: right; */
        position: relative;
        z-index: 100;
        /* top: 20px; */
        display: none;
        cursor: pointer;
    }
    .header .menu-icon em {
        width: 26px;
        height: 2px;
        display: block;
        background: #333;
        text-align: right;
        position: absolute;
        right: 0;
        transition: all ease .3s 0s;
        -moz-transition: all ease .3s 0s;
        -webkit-transition: all ease .3s 0s;
    }
    .header .menu-icon em:first-of-type {
        top: 0px;
    }
    .header .menu-icon em:nth-of-type(2) {
        top: 10px;
    }
    .header .menu-icon em:last-of-type {
        top: 20px;
    }
    .header .menu-icon.on em:first-of-type {
        transform: translate(0, 10px) rotate(-45deg);
        -moz-transform: translate(0, 10px) rotate(-45deg);
        -webkit-transform: translate(0, 10px) rotate(-45deg);
        -ms-transform: translate(0, 10px) rotate(-45deg);
    }
    .header .menu-icon.on em:nth-of-type(2) {
        transform: scale(0, 1);
        -moz-transform: scale(0, 1);
        -webkit-transform: scale(0, 1);
        -ms-transform: scale(0, 1);
    }
    .header .menu-icon.on em:last-of-type {
        transform: translate(0, -9px) rotate(45deg);
        -moz-transform: translate(0, -9px) rotate(45deg);
        -webkit-transform: translate(0, -9px) rotate(45deg);
        -ms-transform: translate(0, -9px) rotate(45deg);
    }

    @media screen and (max-width: 1460px){
        .header .layout{
            padding: 0 30px;
        }

    }
    @media screen and (max-width: 1260px){
        .layout{
            padding: 0 30px;
        }

    }

    @media screen and (max-width: 1200px){
        .header .menu-icon {
            display: inline-block;
            margin-left: 0.3rem;
            top: 0.12rem;
        }
        .header .content{
            position: fixed;
            width: 50%;
            height: 100%;
            top:0;
            right: -100%;
            padding: 60px 30px 0;
            background: #fff;
            text-align: center;
            z-index: 11;
            opacity: 0;
            transition: all ease .3s 0s;
            -moz-transition: all ease .3s 0s;
            -webkit-transition: all ease .3s 0s;
        }
        .header .content.on{
            right: 0;
            opacity: 1;
        }
        .header .content .nav{
            height: 100%;
            overflow-y: auto;
            padding-bottom: 60px;
        }

        .nav .fir-nav{
            float: none;
            width: 100%;
            margin: 0;
            height: auto;
            line-height: 50px;
            border-bottom: 1px solid rgba(0,0,0,0.05);
            text-align: left;
        }
        .nav .fir-nav>a{
            width: 100%;
            padding: 0;
            color: #333;
            opacity: 1;
            display: block;
        }
        .nav .fir-nav:hover>a,
        .nav .fir-nav.on>a{
            color: #000;
        }


        .nav .sec-box{
            width: 100%;
            /* display: block; */
            position: static;
            background: transparent;
            margin-left: 0;
        }
        .nav .sec-box{
            padding: 0.1rem 0;
        }
        .nav .sec-box .layout{
            padding: 0;
        }
        .nav .fir-nav:hover .sec-box{
            display: none;
        }
        .nav .has-sec>a{
            pointer-events: none;
            position: relative;
        }
        .nav .has-sec>a::after,
        .nav .has-sec:last-of-type>a::after{
            display: block;
            content: '';
            position: absolute;
            right: 10px;
            top: 50%;
            border-top: 2px solid #616b7f;
            border-right: 2px solid #616b7f;
            width: 7px;
            height: 7px;
            transform:rotate(135deg);
            margin-top: -4px;
            background: transparent;
        }
        .nav .fir-nav>a:before{
            display: none;
        }
        .nav .on>a{
            color: #333;
        }
        .header .sec-box{
            position: static;
            background: none;
            box-shadow: none;
            padding-top: 0;
            padding-left: 0.2rem;
        }
        .nav .sec-box a{
            text-align: left;
        }
        .hd-tp .hd-tel{
            margin-right: 0.2rem;
        }
        .ft-link{
            margin-top: 0.2rem;
        }

    }


    @media screen and (max-width: 767px){
        .layout{
            padding: 0 20px;
        }
        body{
            padding-top: 0.6rem;
        }
        .header{
            height: 0.6rem;
            line-height: 0.6rem;
        }
        .header .logo img{
            height: 0.34rem;
        }
        .hd-tp{
            padding-top: 0.04rem;
        }
        .hd-tp .hd-tel,
        .hd-tp .lk{
            display: none;
        }
        .nav .fir-nav{
            line-height: 44px;
        }
        .header .sec-box{
            line-height: 40px;
        }
        .footer .lt{
            max-width: 100%;
            width: 100%;
            float: none;
        }
        .footer .rg{
            width: 100%;
            float: none;
        }
        .ft-link{
            width: 100%;
            margin: 0.2rem auto 0;
        }
    }

    .ej-bg{
        background-position: center;
        background-repeat: no-repeat;
        background-size: cover;
    }
    .pic{
        overflow: hidden;
    }
    .pic .ej-bg{
        width: 100%;
        height: 100%;
        display: block;
        transition: all ease .5s 0s;
        -moz-transition: all ease .5s 0s;
        -webkit-transition: all ease .5s 0s;
    }
    .bg-gray{
        background-color: #f7f7fa;
    }
    .ban-mod{
        height: 4.64rem;
        display: flex;
        align-items: center;
    }
    .ban-mod .tex{
        width: 100%;
        color: #fff;
        text-align: center;
    }
    .ban-mod .cn{
        font-size: calc(12px - 0.12rem + 0.52rem);
        text-shadow: 0 0 0.1rem rgba(0,0,0,0.1);
        margin-bottom: 0.15rem;
    }
    .ban-mod .en{
        font-size: calc(12px - 0.12rem + 0.2rem);
        text-shadow: 0 0 0.1rem rgba(0,0,0,0.1);
    }


    .menu-mod{
        height: 0.74rem;
        line-height: 0.74rem;
        background: #fff;
        border-top: 1px solid #d2d2d2;
        border-bottom: 1px solid #d2d2d2;
        text-align: center;
    }
    .menu-mod .m-it{
        text-align: center;
        line-height: normal;
        display: inline-block;
        height: 100%;
        padding-top: 0.13rem;
        width: 19%;
    }
    .menu-mod .m-it img{
        height: 0.27rem;
    }
    .menu-mod .m-it .sel{
        display: none;
    }
    .menu-mod .m-it .tt{
        font-size: calc(12px - 0.12rem + 0.14rem);
        color: #666;
        margin-top: 0.05rem;
    }
    .menu-mod .on.m-it .tt{
        color: #3a5fa5;
    }
    .menu-mod .on.m-it .nor{
        display: none;
    }
    .menu-mod .on.m-it .sel{
        display: inline-block;
    }


    .com-mod{
        padding: 0.65rem 0 0.7rem;
    }

    .title-mod{
        text-align: center;
        margin-bottom: 0.65rem;
    }
    .title-mod .tt{
        font-size: calc(12px - 0.12rem + 0.32rem);
        color: #333;
        font-weight: bold;
    }
    .title-mod .dd{
        font-size: calc(12px - 0.12rem + 0.16rem);
        color: #666;
        margin-top: 0.15rem;
    }
    .title-mod  .c-wh{
        color: #fff;
    }
    .title-mod  .c-bl{
        color: #3a5fa5;
    }

    .no-mb{
        margin-bottom: 0;
    }



    .ind-mod{
        height: 4rem;
        background: #fff;
    }
    .indu-ct .pic{
        width: 50%;
        float: left;
        height: 100%;
    }
    .indu-ct .pic .swiper-container{
        width: 100%;
        height: 100%;
    }
    .indu-ct .pic .it{
        display: block;
        background-position: center;
        background-size: cover;
        width: 100%;
        height: 100%;
        transition: all ease .5s 0s;
        -moz-transition: all ease .5s 0s;
        -webkit-transition: all ease .5s 0s;
    }
    .indu-ct .pic:hover .it{
        transform:scale(1.1);
    }
    .indu-ct .nw-tex{
        margin-left: 50%;
        padding: 0.3rem;
        height: 100%;
        position: relative;
    }
    .indu-ct .nw-tex .swiper-pagination{
        position: absolute;
        right: 0.3rem;
        bottom: 0.35rem;
    }
    .indu-ct .nw-tex .swiper-pagination-bullet{
        margin:0 0.05rem;
        border-radius: 4px;
    }
    .indu-ct .swiper-pagination-bullet-active{
        background: #3a5fa5;
        width: 0.35rem;

    }
    .indu-ct .nw-top{
        /* border-bottom: 1px solid #eee; */
    }
    .ind-it1{
        display: block;
        padding-bottom: 0.4rem;
        text-align: left;
    }
    .ind-it1:hover .tt{
        color: #2b3a85;
    }
    .ind-it1 .tt{
        line-height: 0.36rem;
        margin-bottom: 0.25rem;
        font-size: calc(12px - 0.12rem + 0.24rem);
        color: #000;
        transition: all ease .3s 0s;
        -moz-transition: all ease .3s 0s;
        -webkit-transition: all ease .3s 0s;
    }
    .ind-it1 .md{
        margin-bottom: 0.3rem;
    }
    .ind-it1 .md li{
        display: inline-block;
        vertical-align: middle;
        font-size: calc(12px - 0.12rem + 0.14rem);
        color: #999;
        margin-right: 0.4rem;
    }
    .ind-it1 .md li:before{
        content: '';
        width: 0.17rem;
        height: 0.17rem;
        display: inline-block;
        vertical-align: middle;
        margin-top: -0.03rem;
        margin-right: 0.05rem;
    }
    .ind-it1 .md .time:before{
        background: url(../png/icon-time.webp) no-repeat center;
        background-size: contain;
    }
    .ind-it1 .md .visit:before{
        background: url(../png/icon-visit1.webp) no-repeat center;
        background-size: contain;
    }
    .ind-it1 .dd{
        line-height: 0.3rem;
        font-size: calc(12px - 0.12rem + 0.16rem);
        color: #666;
    }
    .ind-it1 .dd p{
        display: inline;
        vertical-align: middle;
    }
    .ind-it1 .more{
        margin-top: 0.5rem;
        width: 1.4rem;
        line-height:0.4rem;
        border-radius: 0.05rem;
        background: #3a5fa5;
        color: #fff;
        text-align: center;
        transition: all ease .3s 0s;
        -moz-transition: all ease .3s 0s;
        -webkit-transition: all ease .3s 0s;
    }
    .ind-it1 .more:after{
        content: '';
        display: inline-block;
        vertical-align: middle;
        transform:rotate(45deg);
        width: 0.08rem;
        height: 0.08rem;
        border-top: 1px solid #fff;
        border-right: 1px solid #fff;
        margin-left: 0.1rem;
    }
    .ind-it1:hover .more{
        background: #355695;
    }
    .ind-it2{
        display: block;
        width: 100%;
        height: 2rem;
        background: #fff;
        margin-top: 0.4rem;
        overflow: hidden;
        padding: 0.3rem 1.6rem 0.3rem 0.3rem;
        position: relative;
        transition: all ease .3s 0s;
        -moz-transition: all ease .3s 0s;
        -webkit-transition: all ease .3s 0s;
    }
    .ind-it2 .pic{
        float: left;
        height: 100%;
        width: 2.4rem;
        background-position: center;
        background-size: cover;
    }
    .ind-it2 .ml{
        width: 2rem;
        line-height: 1.4rem;
        text-align: center;
        float: left;
    }
    .ind-it2 .ml span{
        display: inline-block;
        vertical-align: middle;
    }
    .ind-it2 .day{
        font-size: calc(12px - 0.12rem + 0.36rem);
        line-height: 1;
        margin-bottom: 0.15rem;
        color: #444;
        transition: all ease .3s 0s;
        -moz-transition: all ease .3s 0s;
        -webkit-transition: all ease .3s 0s;
    }
    .ind-it2 .year{
        font-size: calc(12px - 0.12rem + 0.18rem);
        line-height: 1;
        color: #999;
        transition: all ease .3s 0s;
        -moz-transition: all ease .3s 0s;
        -webkit-transition: all ease .3s 0s;
    }
    .ind-it2 .tex{
        margin-left: 4.4rem;
        padding-top: 0.1rem;
    }
    .ind-it2 .tt{
        font-size: calc(12px - 0.12rem + 0.2rem);
        line-height: 1.1;
        color: #333;
        margin-bottom: 0.2rem;
        transition: all ease .3s 0s;
        -moz-transition: all ease .3s 0s;
        -webkit-transition: all ease .3s 0s;
    }
    .ind-it2 .dd{
        font-size: calc(12px - 0.12rem + 0.14rem);
        color: #999;
        line-height: 2;
        transition: all ease .3s 0s;
        -moz-transition: all ease .3s 0s;
        -webkit-transition: all ease .3s 0s;
    }
    .ind-it2:after{
        content: '';
        width: 0.22rem;
        height: 0.22rem;
        border-radius: 100%;
        position: absolute;
        right: 0.3rem;
        top:50%;
        margin-top: -0.11rem;
        background: url(../png/icon-arr1.webp) no-repeat center;
        background-size: contain;
        transition: all ease .3s 0s;
        -moz-transition: all ease .3s 0s;
        -webkit-transition: all ease .3s 0s;
    }
    .ind-it2:hover .tt{
        color: #3a5fa5;
    }
    .ind-it2:hover{
        box-shadow: 0 0 0.1rem rgba(0,0,0,0.1);
    }

    .ej-page{
        text-align: center;
        padding: 0.4rem 0;
    }
    .ej-page a,
    .ej-page button,
    .ej-page li{
        display: inline-block;
        vertical-align: middle;
        text-align: center;
        line-height: 40px;
        min-width: 40px;
        border-radius: 3px;
        margin: 0.04rem;
        font-size: 16px;
        color: #fff;
        position: relative;
        background: #b8b8b8;
        border: none;
        transition: all ease .3s 0s;
        -moz-transition: all ease .3s 0s;
        -webkit-transition: all ease .3s 0s;
    }
    .ej-page li{
        background:none;
        float:none !important;
    }
    .ej-page a:hover,
    .ej-page button:hover,
    .ej-page .on{
        background: #3a5fa5;
        color: #fff;
    }
    .ej-page .prev{
        background:#b8b8b8 url(../png/pg-prev.webp) no-repeat center;
        background-size: contain;
    }
    .ej-page .next{
        background:#b8b8b8 url(../png/pg-next.webp) no-repeat center;
        background-size: contain;
    }
    .ej-page .prev:hover{
        background:#3a5fa5 url(../png/pg-prev.webp) no-repeat center;
        background-size: contain;
    }
    .ej-page .next:hover{
        background:#3a5fa5 url(../png/pg-next.webp) no-repeat center;
        background-size: contain;
    }

    /* 文章详情页 */

    .art-mod{

    }
    .art-mod img{
        max-width: 100%;
    }
    .art-mod .hd{
        padding-bottom: 0.3rem;
        text-align: center;
    }
    .art-mod .tt{
        font-size: calc(12px - 0.12rem + 0.28rem);
        line-height: 1.5;
        color: #333;
        margin: 0 auto 0.2rem;
    }
    .art-mod .hd-bt p{
        display: inline-block;
        vertical-align: middle;
        font-size: calc(12px - 0.12rem + 0.14rem);
        line-height: calc(12px - 0.12rem + 0.14rem);
        color: #999;
        margin: 0 0.25rem;
    }
    .art-mod .hd-bt p:before{
        content: '';
        width: 17px;
        height: 17px;
        margin-top: -2px;
        margin-right: 5px;
        float: left;
        background: url(../png/icon-time.webp) no-repeat center;
        display: inline-block;
        vertical-align: middle;
    }
    .art-mod .hd-bt .vs:before{
        width: 17px;
        background: url(../png/icon-visit1.webp) no-repeat center;
    }

    .art-mod .content{
        padding: 0rem 0 1rem;

    }
    .art-mod .p16{
        font-size: calc(12px - 0.12rem + 0.16rem);
        line-height: 2;
        color: #666;
    }
    .art-mod .h18{
        font-size: calc(12px - 0.12rem + 0.18rem);
        line-height: 2;
        color: #333;
    }

    .nw-it{
        display: block;
        padding: 0.15rem 0;
        border-bottom: 1px solid #eee;
        overflow: hidden;
    }
    .nw-it .tt{
        width: 50%;
        float: left;
        font-size: calc(12px - 0.12rem + 0.16rem);
        color: #666;
    }
    .nw-it .tm{
        width: 30%;
        float: left;
        padding: 0 1%;
        font-size: calc(12px - 0.12rem + 0.16rem);
        color: #999;
    }

    .nw-it .more{
        float: right;
        width: 1.2rem;
        line-height:0.3rem;
        border-radius: 0.03rem;
        font-size: calc(12px - 0.12rem + 0.14rem);
        background: #b8b8b8;
        color: #fff;
        text-align: center;
        margin-top: -0.05rem;
        margin-right: 1.2rem;
        transition: all ease .3s 0s;
        -moz-transition: all ease .3s 0s;
        -webkit-transition: all ease .3s 0s;
    }
    .nw-it .more:after{
        content: '';
        display: inline-block;
        vertical-align: middle;
        transform:rotate(45deg);
        width: 0.08rem;
        height: 0.08rem;
        border-top: 1px solid #fff;
        border-right: 1px solid #fff;
        margin-left: 0.1rem;
    }
    .nw-it:hover .more{
        background: #3a5fa5;
    }

    .pol-it{
        display: block;
        width: 32%;
        float: left;
        margin: 0 0.65% 0.3rem;
    }
    .pol-it .pic{
        width: 100%;
        height: 2.25rem;
        position: relative;
    }
    .pol-it .pic:after{
        content: '';
        width: 0.42rem;
        height: 0.42rem;
        right: 0.2rem;
        bottom: 0.2rem;
        position: absolute;
        background: url(../png/icon-play.webp) no-repeat center;
        background-size: contain;
    }
    .pol-it:hover .ej-bg{
        transform:scale(1.1);
    }
    .pol-it .tex{
        height: 0.9rem;
        padding-top: 0.15rem;
    }
    .pol-it .tt{
        font-size: calc(12px - 0.12rem + 0.16rem);
        margin-bottom: 0.15rem;
        color: #333;
        transition: all ease .3s 0s;
        -moz-transition: all ease .3s 0s;
        -webkit-transition: all ease .3s 0s;
    }
    .pol-it .more{
        font-size: calc(12px - 0.12rem + 0.13rem);
        color: #666;
    }
    .pol-it .more:after{
        content: '';
        display: inline-block;
        vertical-align: middle;
        transform:rotate(45deg);
        width: 0.05rem;
        height: 0.05rem;
        border-top: 1px solid #868686;
        border-right: 1px solid #868686;
        margin-left: 0.1rem;
    }
    .pol-it:hover .tt{
        color: #5474b1;
    }
    .video-mod video{
        display: block;
        width: 100%;
        height: calc(100vh - 1.1rem);
        /* padding-bottom: 46%; */
        background: #000;
    }

    .pl-menu{
        text-align: center;
        margin-bottom: 0.3rem;
    }
    .pl-menu li{
        display: inline-block;
        vertical-align: middle;
        margin: 0.05rem 0.2rem;
    }
    .pl-menu a{
        display: inline-block;
        vertical-align: middle;
        min-width: 1.7rem;
        padding: 0 0.1rem;
        height: 0.32rem;
        line-height: 0.32rem;
        border: 1px solid #666;
        border-radius: 0.03rem;
        font-size: calc(12px - 0.12rem + 0.14rem);
        color: #666;
    }
    .pl-menu .on a{
        border-color: #3a5fa5;
        color: #3a5fa5;
    }

    .poli-mod .pl-hd{
        height: 0.4rem;
        line-height: 0.4rem;
        background: #b8b8b8;
        overflow: hidden;
        padding-left: 0.6rem;
        padding-right: 0.8rem;
        font-size: calc(12px - 0.12rem + 0.16rem);
        color: #333;
    }
    .poli-mod .p-tt{
        width: 85%;
        float: left;
    }
    .poli-mod .p-tm{
        width: 15%;
        float: left;
    }
    .nw-it1{
        display: block;
        overflow: hidden;
        height: 0.38rem;
        line-height: 0.38rem;
        padding-left: 0.6rem;
        padding-right: 0.8rem;
        border-bottom: 1px solid #eee;
        font-size: calc(12px - 0.12rem + 0.14rem);
        color: #666;
    }
    .nw-it1 .tt{
        width: 85%;
        float: left;
        padding-right: 2%;
        transition: all ease .3s 0s;
        -moz-transition: all ease .3s 0s;
        -webkit-transition: all ease .3s 0s;
    }
    .nw-it1 .tm{
        width: 15%;
        float: left;
    }
    .nw-it1:hover .tt{
        color: #3a5fa5;
    }

    .rec-fm{
        padding-bottom: 0.3rem;
    }
    .rec-fm .f-sel{
        width: 16%;
        height: 0.4rem;
        line-height: 0.4rem;
        background: #fff;
        border: none;
        float: left;
        margin-right: 1%;
        padding: 0 0.2rem;
    }
    .rec-fm .f-sub{
        height: 0.4rem;
        line-height: 0.4rem;
        width: 10%;
        float: right;
        text-align: center;
        color: #fff;
        font-size: calc(12px - 0.12rem + 0.14rem);
        background: #3a5fa5;
        border: none;
        cursor: pointer;
        margin-left: 1%;
        transition: all ease .3s 0s;
        -moz-transition: all ease .3s 0s;
        -webkit-transition: all ease .3s 0s;
    }
    .rec-fm .f-sub:hover{
        background: #355695;
    }
    .rec-fm .f-ip{
        width: 38%;
        height: 0.4rem;
        line-height: 0.4rem;
        background: #fff;
        border: none;
        float: left;
        padding: 0 0.2rem;
    }

    .job-box{
        background: #fff;
    }

    .job-box .ta-body:hover{
        background: #f0f0f0;
    }
    .job-box .list-box .ta-body{
        overflow: hidden;
    }
    .job-box .list-box ul{
        display: table;
        width: 100%;
        text-align: center;
        padding-right: 0.6rem;
    }
    .job-box .list-box li{
        display: table-cell;
        text-align: left;
        width: 25%;
        padding: 0 1%;
    }
    .job-box .ta-title{
        height: 0.6rem;
        line-height: 0.6rem;
        color:#fff;
        background: #999;
        font-size: calc(12px - 0.12rem + 0.16rem);
    }
    .job-box .ta-title p{
        line-height: 1.2;
        display: inline-block;
        vertical-align: middle;
    }
    .job-box .ta-body{
        height: 0.6rem;
        line-height: 0.6rem;
        font-size: calc(12px - 0.12rem + 0.14rem);
        color: #333;
        cursor: pointer;
        border-bottom: 1px solid #eee;
        position: relative;
        transition: all ease .2s 0s;
        -moz-transition: all ease .2s 0s;
        -webkit-transition: all ease .2s 0s;
    }
    .job-box .ta-body p{
        line-height: 1.2;
        vertical-align: middle;
        display: inline-block;
    }
    .job-box .ta-body:after{
        content: '';
        width: 16px;
        height: 2px;
        background: #bbb;
        position: absolute;
        right: 0.4rem;
        top:50%;
        margin-top: -1px;
        transition: all ease .3s 0s;
        -moz-transition: all ease .3s 0s;
        -webkit-transition: all ease .3s 0s;
    }
    .job-box .ta-body:before{
        content: '';
        height: 16px;
        width: 2px;
        background: #bbb;
        position: absolute;
        right: 0.4rem;
        margin-right: 7px;
        top:50%;
        margin-top: -8px;
        transition: all ease .3s 0s;
        -moz-transition: all ease .3s 0s;
        -webkit-transition: all ease .3s 0s;
    }
    .job-box .intro-box{
        width: 100%;
        padding: 0.4rem 0.5rem;
        overflow: hidden;
        font-size: calc(12px - 0.12rem + 0.14rem);
        color: #333;
        display: none;
        text-align: left;
    }
    .job-box .intro-in{
        overflow: hidden;
    }
    .job-box .strong{
        color: #333;
        line-height: 1.5;
        font-size: calc(12px - 0.12rem + 0.16rem);
        margin-bottom: 0.2rem;
    }
    .job-box .intro-box .list{
        line-height: 1.8;
    }
    .job-box .on .intro-box{
        border-bottom: none;
    }
    .job-box .on .ta-body:before{
        transform:translate(0,-0.6rem);
    }
    .job-box .int-item{
        padding-bottom: 2%;
        padding-right: 4%;
        width: 50%;
        float: left;
    }

    .job-box .int-item em{
        display: inline-block;
        margin-right: 5%;
    }
    .job-box .ta-title li:first-of-type,
    .job-box .ta-body li:first-of-type{
        text-align: left;
        padding-left: 0.4rem;
    }
    .job-box .jb-tb{
        background: #f4f4f4;
        padding: 0.2rem .4rem;
        overflow: hidden;
        margin-bottom: 0.4rem;
    }
    .job-box .jb-tb li{
        float: left;
        width: 25%;
        line-height: 2;
        font-size: calc(12px - 0.12rem + 0.14rem);
        color: #555;
    }
    .job-box .jb-tb .cl,
    .job-box .jb-tb .dd{
        float: left;
    }
    .job-box .bt{
        margin-top: 0.1rem;
    }
    .job-box .btn{
        display: inline-block;
        vertical-align: middle;
        width: 2rem;
        line-height: 0.46rem;
        background: #3a5fa5;
        color: #fff;
        font-size: calc(12px - 0.12rem + 0.14rem);
        text-align: center;
        transition: all ease .3s 0s;
        -moz-transition: all ease .3s 0s;
        -webkit-transition: all ease .3s 0s;
    }
    .job-box .btn:hover{
        background: #345492;
    }

    .job-box .list-box.on{
        background: #f7f7fa;
    }
    .job-box .list-box.on .ta-body{
        border-bottom: 1px solid #f2f2f2;
        background: #3a5fa5;
        color: #fff;
    }
    .job-box .on .ta-body:after{
        background: #fff;
    }

    .sta-it{
        display: block;
        width: 47%;
        height: 3.76rem;
        float: left;
        margin: 0 1.5% 0.35rem;
        background: #fff;
    }
    .sta-it .pic{
        width: 2.78rem;
        float: left;
        height: 100%;
    }
    .sta-it:hover .ej-bg{
        transform:scale(1.1);
    }
    .sta-it .tex{
        margin-left: 2.78rem;
        height: 100%;
        padding: 0.5rem 0.4rem 0.3rem;
    }
    .sta-it .hd:after{
        content: '';
        display: block;
        width: 0.44rem;
        height: 2px;
        margin: 0.3rem 0 0.25rem;
        background: #3a5fa5;
    }
    .sta-it .h-nm{
        color: #333;
        font-size: calc(12px - 0.12rem + 0.28rem);
        display: inline-block;
        vertical-align: middle;
    }
    .sta-it .h-job{
        color: #666;
        font-size: calc(12px - 0.12rem + 0.16rem);
        margin-left: 0.1rem;
        display: inline-block;
        vertical-align: middle;
    }
    .sta-it .dd{
        color: #666;
        font-size: calc(12px - 0.12rem + 0.16rem);
        line-height: 1.8;
        height: 1.9rem;
        overflow-y: auto;
    }

    .sta-it .dd::-webkit-scrollbar {
        width: 3px;
        background: transparent;
        border-radius: 0px;
    }
    .sta-it .dd::-webkit-scrollbar-thumb {
        background: #eee;
    }
    .sta-it .dd::-webkit-scrollbar-thumb:window-inactive {
        background: #ddd;
    }

    .ide-it{
        display: block;
        width: calc(33.3% - 0.16rem);
        height: 1.9rem;
        position: relative;
        float: left;
        margin: 0 0.08rem;
    }
    .ide-it .pic{
        width: 100%;
        height: 100%;
        position: absolute;
        left: 0;
        top: 0;
    }
    .ide-it:hover .ej-bg{
        transform:scale(1.1);
    }
    .ide-it .tex{
        width: 1.84rem;
        height: 0.84rem;
        background: rgba(255,255,255,0.66);
        position: absolute;
        left: 50%;
        top: 50%;
        transform:translate(-50%,-50%);
        text-align: center;
        padding-top: 0.2rem;
        line-height: 1;
    }
    .ide-it .tex:before{
        content: '';
        width: 2rem;
        height: 1rem;
        border: 1px solid rgba(255,255,255,0.66);
        position: absolute;
        left: 50%;
        top: 50%;
        transform:translate(-50%,-50%);
    }
    .ide-it .tex .cn{
        margin-bottom: 0.05rem;
        font-size: calc(12px - 0.12rem + 0.25rem);
        color: #3a5fa5;
    }
    .ide-it .tex .en{
        font-size: calc(12px - 0.12rem + 0.12rem);
        color: #333;
    }
    .ide-it1{
        display: block;
        width: calc(100% - 0.16rem);
        height: 4.2rem;
        position: relative;
        float: none;
        margin: 0 auto 0.16rem;
    }
    .ide-it1 .tex{
        width: 2.66rem;
        height: 1.2rem;
        left: 1.25rem;
        top: 1rem;
        transform:translate(0,0);
        padding-top: 0.3rem;
    }
    .ide-it1 .tex:before{
        width: 2.88rem;
        height: 1.46rem;
    }
    .ide-it1 .tex .cn{
        margin-bottom: 0.1rem;
        font-size: calc(12px - 0.12rem + 0.35rem);
    }
    .ide-it1 .tex .en{
        font-size: calc(12px - 0.12rem + 0.15rem);
    }



    .act-it{
        display: block;
        padding-bottom: 0.3rem;
        padding-left: 0.45rem;
        position: relative;
    }
    .act-it:before{
        content: '';
        width: 0.16rem;
        height: 0.16rem;
        border-radius: 100%;
        position: absolute;
        left: 0;
        top: 0;
        background: #3a5fa5;
    }
    .act-it:after{
        content: '';
        width: 1px;
        height: 100%;
        position: absolute;
        left: 0.08rem;
        top: 0;
        background: #3a5fa5;
    }
    .act-it:last-of-type:after{
        display: none;
    }
    .act-it .i-hd{
        margin-bottom: 0.25rem;
        line-height: calc(12px - 0.12rem + 0.18rem);
    }
    .act-it .tm{
        display: inline-block;
        vertical-align: bottom;
        font-size: calc(12px - 0.12rem + 0.18rem);
        color: #666;
        font-weight: bold;
    }
    .act-it .day{
        font-size: calc(12px - 0.12rem + 0.32rem);
        color: #3a5fa5;
    }
    .act-it .i-tt{
        margin-left: 0.1rem;
        display: inline-block;
        vertical-align: bottom;
        font-size: calc(12px - 0.12rem + 0.19rem);
        color: #666;
    }
    .act-it .pic{
        height: 2.4rem;
        width: 100%;
    }
    .act-it .bt{
        margin-top: 0.35rem;
        text-align: center;
    }
    .act-it .a-btn{
        display: inline-block;
        vertical-align: middle;
        width: 0.4rem;
        height: 0.4rem;
        background-color: #999;
        background-repeat: no-repeat;
        background-position: center;
        background-size: contain;
        border-radius: 0.03rem;
        margin: 0 0.1rem;
        cursor: pointer;
    }
    .act-it .a-btn:hover{
        background-color: #3a5fa5;
    }
    .act-it .a-prev{
        background-image: url(../png/pg-prev.webp);
    }
    .act-it .a-next{
        background-image: url(../png/pg-next.webp);
    }

    .ser-it{
        display: block;
        /* width: 2.8rem; */
        height: 4.3rem;
        position: relative;
        cursor: pointer;
    }
    .ser-it .pic{
        width: 100%;
        height: 100%;
        position: absolute;
        left: 0;
        top: 0;
    }
    .ser-it:hover .ej-bg{
        transform:scale(1.1);
    }
    .ser-it .tex{
        /* height: 1.8rem; */
        max-height: 100%;
        width: 100%;
        position: absolute;
        left: 0;
        bottom: 0;
        padding: 0.3rem 0.2rem 0;
        text-align: center;
        transition: all ease .3s 0s;
        -moz-transition: all ease .3s 0s;
        -webkit-transition: all ease .3s 0s;
    }

    .ser-it .tt{
        font-size: calc(12px - 0.12rem + 0.22rem);
        color: #333;
    }
    .ser-it .tt:after{
        content: '';
        display: block;
        width: 0.35rem;
        height: 2px;
        background: #999;
        margin: 0.1rem auto 0.3rem;
    }
    .ser-it .dd{
        font-size: calc(12px - 0.12rem + 0.16rem);
        color: #fff;
        line-height: 1.8;
        margin-bottom: 0.2rem;
        display: none;
        transition: all ease .3s 0s;
        -moz-transition: all ease .3s 0s;
        -webkit-transition: all ease .3s 0s;
    }
    .ser-it:hover .tt{
        color: #fff;
    }
    .ser-it:hover .tt:after{
        background: #fff;
        margin-bottom: 0.15rem;
    }
    .ser-it:hover .tex{
        /* bottom: 0;
        height: 1.8rem;*/
        background: rgba(58,95,165,0.8);
    }
    .ser-it:hover .dd{
        display: block;
    }


    .sw-btn{
        width: 0.4rem;
        height: 0.4rem;
        background-color: #999;
        background-repeat: no-repeat;
        background-position: center;
        background-size: contain;
        border-radius: 0.03rem;
        cursor: pointer;
        position: absolute;
        top: 50%;
        margin-top: -0.2rem;
        z-index: 3;
        transition: all ease .3s 0s;
        -moz-transition: all ease .3s 0s;
        -webkit-transition: all ease .3s 0s;
    }
    .sw-btn:hover{
        background-color: #3a5fa5;
    }
    .sw-prev{
        left:-1.1rem;
        background-image: url(../png/pg-prev.webp);
    }
    .sw-next{
        right:-1.1rem;
        background-image: url(../png/pg-next.webp);
    }

    .ser-mod .content{
        position: relative;
    }

    .cont-mod .hd{
        margin-bottom: 0.3rem;
        font-size: calc(12px - 0.12rem + 0.2rem);
        color: #666;
    }
    .cont-mod .lt-box{
        height: 5.27rem;
        width: 31%;
        box-shadow: 0 0 0.1rem rgba(0,0,0,0.05);
        padding: 0.75rem 0.3rem 0;
        float: left;
    }
    .cont-mod .lt-box .tt{
        margin-bottom: 0.25rem;
        font-size: calc(12px - 0.12rem + 0.2rem);
        color: #3a5fa5;
        font-weight: bold;
    }
    .cont-mod .c-way{
        line-height: 2;
        font-size: calc(12px - 0.12rem + 0.14rem);
        color: #333;
    }
    .cont-mod .map{
        width: 67%;
        height: 5.27rem;
        float: right;
        box-shadow: 0 0 0.1rem rgba(0,0,0,0.05);
    }
    .cont-mod .map .ej-bg{
        width: 100%;
        height: 100%;
    }

    .mess-mod .ip-box{
        height: 0.48rem;
        line-height: 0.48rem;
        width: 47%;
        border: 1px solid #ddd;
        background: #fff;
        padding: 0 0.35rem;
        float: left;
        margin-bottom: 0.3rem;
    }
    .mess-mod .ip-box .tex{
        width: 100%;
        height: 100%;
        display: block;
        border: none;
        background: transparent;
    }
    .mess-mod .ip-box:nth-of-type(2n){
        float: right;
    }
    .mess-mod .ver-box{
        padding-right: 1.6rem;
        position: relative;
    }
    .mess-mod .ver-box .ver{
        width: 1.1rem;
        height: 26px;
        position: absolute;
        right: 0.3rem;
        top: 50%;
        margin-top: -13px;
    }
    .mess-mod .ver-box img{
        display: block;
        width: 100%;
        height: 100%;
    }
    .mess-mod .t-tex{
        width: 100%;
        height: 1.35rem;
        border: 1px solid #ddd;
        background: #fff;
        padding: 0.15rem 0.35rem;
        outline: none;
    }
    .mess-mod .sub{
        width: 2rem;
        height: 0.5rem;
        line-height: 0.5rem;
        display: block;
        background: #3a5fa5;
        color: #fff;
        text-align: center;
        margin: 0.55rem auto 0;
        font-size: calc(12px - 0.12rem + 0.16rem);
        border: none;
        cursor: pointer;
        transition: all ease .3s 0s;
        -moz-transition: all ease .3s 0s;
        -webkit-transition: all ease .3s 0s;
    }
    .mess-mod .sub:hover{
        background: #355695;
    }
    .cul-it{
        height: 3.5rem;
        width: 41%;
        position: relative;
        float: left;
    }
    .cul-it .pic{
        position: absolute;
        left: 0;
        top: 0;
        z-index: -1;
        width: 100%;
        height: 100%;
    }

    .cult-mod .tex{
        height: 100%;
        color: #fff;
        padding: 0.5rem 0.5rem 0;
    }
    .cult-mod .tex .hd{
        font-size: calc(12px - 0.12rem + 0.28rem);
        font-weight: bold;
    }
    .cult-mod .tex .hd:after{
        content: '';
        width: 0.44rem;
        height: 2px;
        background: #fff;
        display: block;
        margin: 0.3rem auto 0.25rem 0;
    }
    .cult-mod .tex .dd{
        font-size: calc(12px - 0.12rem + 0.18rem);
        line-height: 1.8;
    }

    .cul-it1{
        width: 59%;
    }
    .cul-it1 .pic{
        width: 56%;
        height:100%;
        float: left;
        position: static;
    }
    .cul-it1 .tex{
        width: 44%;
        background: #3a5fa5;
        float: left;
    }

    .cul-sm{
        height: 3rem;
    }
    .cul-it1.cul-sm .pic{
        width: 44%;
    }
    .cul-it1.cul-sm .tex{
        width: 56%;
    }

    .adv-it{
        display: block;
        width: 100%;
        height: 4.2rem;
        border-radius: 0.05rem;
        color: #fff;
        text-align: center;
        padding: 0.4rem 0.25rem 0;
    }
    .adv-it .tt{
        font-size: calc(12px - 0.12rem + 0.25rem);
        font-weight: bold;
    }
    .adv-it .tt:after{
        content: '';
        display: block;
        width: 0.32rem;
        height: 1px;
        background: #fff;
        margin: 0.2rem auto 0.3rem;
    }
    .adv-it .dd{
        font-size: calc(12px - 0.12rem + 0.16rem);
        line-height: 1.8;
    }

    .adv-mod .layout{
        max-width: 100%;
        padding: 0;
    }
    .adv-mod .swiper-slide{
        padding: 0.45rem 0;
        transition: all ease .3s 0s;
        -moz-transition: all ease .3s 0s;
        -webkit-transition: all ease .3s 0s;

    }
    .adv-mod .swiper-slide:hover{
        transform:scale(1.1);
    }

    .intr-mod{
        height: 6.5rem;
        background: #fff;
        padding: 0.2rem;
        position: relative;
    }
    .intr-mod .b-pic{
        height: 5.7rem;
        width: 40%;
    }
    .intr-mod .b-pic .swiper-container{
        width: 100%;
        height: 100%;
    }
    .intr-mod .b-pic .it{
        width: 100%;
        height: 100%;
    }
    .intr-mod .s-pic{
        width: 61.2%;
        height: 1rem;
        background: #fff;
        position: absolute;
        z-index: 3;
        left: 0.4rem;
        bottom: 0.15rem;
        padding: 0.1rem 0 0.1rem 0.2rem;
    }
    .intr-mod .s-pic .it{
        height: 0.8rem;
        width: 100%;
        border-radius: 2px;
        cursor: pointer;
        opacity: 0.4;
    }
    .intr-mod .s-pic .on{
        opacity: 1;
    }
    .intr-mod .int-tex{
        position: absolute;
        z-index: 4;
        top: 0.4rem;
        right: 0.55rem;
        width: 8rem;
        height: auto;
        border-radius: 0.05rem;
        box-shadow: 0 0 0.1rem rgba(0,0,0,0.1);
        background: #fff;
        padding: 0.4rem 0.35rem 0.2rem;
    }
    .intr-mod .int-tex .hd{
        text-align: center;
        font-size: calc(12px - 0.12rem + 0.2rem);
        color:#333;
    }
    .intr-mod .int-tex .hd:after{
        content: '';
        display: block;
        width: 0.28rem;
        height: 2px;
        background: #3a5fa5;
        margin: 0.1rem auto 0.3rem;
    }
    .intr-mod .int-tex .dd{
        font-size: calc(12px - 0.12rem + 0.14rem);
        color:#555;
        line-height: 1.8;
        /*height: 4rem;*/
        overflow-y:auto;
    }
    .intr-mod .int-tex .dd::-webkit-scrollbar {
        width: 3px;
        background: transparent;
        border-radius: 0px;
    }
    .intr-mod .int-tex .dd::-webkit-scrollbar-thumb {
        background: #eee;
    }
    .intr-mod .int-tex .dd::-webkit-scrollbar-thumb:window-inactive {
        background: #ddd;
    }

    .intr-mod .int-tex .im{
        font-size: calc(12px - 0.12rem + 0.16rem);
        color: #3a5fa5;
    }
    /*.intr-mod .in-bt{
        position: relative;
        bottom: 0.3rem;
        right: 0.35rem;
        height: 0.4rem;
        text-align: right;
    }
    .intr-mod .in-bt .sw-btn{
        position: static;
        display: inline-block;
        vertical-align: middle;
        margin-top: 0;
        margin-left: 0.25rem;
    }*/



    .dev-it{
        width: 100%;
        height: 2.8rem;
        background: #fff;
        box-shadow: 0 0 0.1rem rgba(0,0,0,0.1);
    }
    .dev-it .pic{
        width:40%;
        height: 100%;
        float: left;
        overflow: hidden;
    }
    .dev-it .ej-bg{
        width: 100%;
        height: 100%;
    }
    .dev-it .tex{
        height: 100%;
        margin-left: 44%;
        padding-top: 0.4rem;
        padding-bottom: 0.4rem;
        padding-right: 0.6rem;

    }
    .dev-it .dd{
        color: #666;
        font-size: calc(12px - 0.12rem + 0.14rem);
        line-height: 1.8;
        height: 100%;
        overflow-y: auto;
    }
    .dev-it .dd::-webkit-scrollbar {
        width: 3px;
        background: transparent;
        border-radius: 0px;
    }
    .dev-it .dd::-webkit-scrollbar-thumb {
        background: #eee;
    }
    .dev-it .dd::-webkit-scrollbar-thumb:window-inactive {
        background: #ddd;
    }
    .dev-it .li{
        padding-left: 0.3rem;
        position: relative;
        margin-bottom: 0.2rem;
    }
    .dev-it .li:before{
        content: '';
        width: 0.25rem;
        height: 1px;
        background: #cacaca;
        position: absolute;
        left: 0;
        top: 0.1rem;
    }


    .deve-mod .swiper-slide{
        padding: 0.1rem;
    }

    .deve-mod{
        padding: 0 1.1rem;
        position: relative;
        margin-top:0.4rem;
    }



    .dev-line{
        /* padding:0 44px 30px; */
        position: relative;
    }
    .dev-line .swiper-container{
        /* padding-top: 12px; */
    }
    .dev-line .swiper-slide{
        cursor: pointer;
        background: none;
        text-align: center;
        padding-top: 0.85rem;
        padding-bottom: 0.9rem;
    }
    .dev-line .line{
        font-size: calc(12px - 0.12rem + 0.26rem);
        color: #666;
        line-height: 1;
        position: relative;
    }
    .dev-line .line:before{
        content: '';
        height: 16px;
        width: 1px;
        border-radius: 100%;
        background: #666;
        position: absolute;
        top: 0.4rem;
        left: 50%;
    }
    .dev-line .line:after{
        content: '';
        height: 12px;
        width: 12px;
        border-radius: 100%;
        background: #808080;
        position: absolute;
        left: 50%;
        margin-left: -6px;
        top: 0.6rem;
    }
    .dev-line .on .line{
        color: #fff;
        font-size: calc(12px - 0.12rem + 0.2rem);
        height: 0.98rem;
        line-height: 0.74rem;
        padding: 0;
        border-radius: 100%;
        width: 0.98rem;
        text-align: center;
        background: #3a5fa5;
        margin-top: -0.85rem;
        border: 0.12rem solid #bbc6de;

    }
    .dev-line .on .line:before{
        top: 0.8rem;
        height: 0.5rem;
        background: #3a5fa5;
    }
    .dev-line .on .line:after{
        top: 1.35rem;
        background: #3a5fa5;

    }
    .dev-line:after{
        content: '';
        height: 1px;
        width: 1920px;
        position: absolute;
        background: #b2b2b2;
        top: 1.5rem;
        left: 50%;
        transform:translate(-50%,0);
    }
    .dev-line .sw-btn,
    .dev-line .sw-btn:hover{
        background-color: transparent;
    }
    .dev-line .sw-prev{
        background-image: url(../png/sw-prev1.webp);
    }
    .dev-line .sw-next{
        background-image: url(../png/sw-next1.webp);
    }



    .hon-mod .layout{
        max-width: 1580px;
    }
    .hon-mod .content{
        background: #fff;
        height: 6.65rem;
        box-shadow: 0 0 0.1rem rgba(0,0,0,0.05);
        padding: 0.9rem 1.35rem 0;
        position: relative;
    }



    /* honor */
    .hon-it{
        width: 100%;
        height: 3.6rem;
        background: #fff;
    }
    .hon-it .pic{
        width: 44%;
        height: 100%;
        float: left;
        overflow: hidden;
        background: url(../png/bg-hon.webp) no-repeat center;
        background-size: cover;
    }
    .hon-it .ej-bg{
        width: 100%;
        height: 100%;
    }
    .hon-it .tex{
        margin-left: 49%;
        height: 100%;
        padding-top: 0.5rem;
        padding-bottom: 0.5rem;
        padding-right: 0.5rem;

    }
    .hon-it .tex .tt{
        color: #3a5fa5;
        font-size: calc(12px - 0.12rem + 0.22rem);
        font-weight: bold;
        margin-bottom: 0.3rem;
    }
    .hon-it .tex .tt em{
        font-size: calc(12px - 0.12rem + 0.44rem);
        font-weight: bold;
    }
    .hon-it .dd{
        color: #666;
        font-size: calc(12px - 0.12rem + 0.14rem);
        line-height: 2;
        height: 2rem;
        overflow-y: auto;
    }
    .hon-it .dd::-webkit-scrollbar {
        width: 3px;
        background: transparent;
        border-radius: 0px;
    }
    .hon-it .dd::-webkit-scrollbar-thumb {
        background: #eee;
    }
    .hon-it .dd::-webkit-scrollbar-thumb:window-inactive {
        background: #ddd;
    }
    .hon-it .li{
        padding-left: 0.2rem;
        position: relative;
    }
    .hon-it .li:before{
        content: '●';
        position: absolute;
        left: 0;
        top: 0rem;
        color: #ccc;

    }
    .hon-it .swiper-container{
        width: 100%;
        height: 100%;
    }




    .hon-dev{
        padding: 0 0.4rem;
        margin-bottom:0.55rem;
    }
    .hon-dev .sw-prev{
        left: -0.2rem;
    }
    .hon-dev .sw-next{
        right: -0.2rem;
    }
    .hon-dev .swiper-slide{
        padding: 0.1rem;
    }
    .hon-dev .hon-it{
        box-shadow: 0 0 0.1rem rgba(0,0,0,0.05);
    }


    .hon-line{
        /* padding:0 44px 30px; */
        position: relative;
    }
    .hon-line .swiper-slide{
        cursor: pointer;
        background: none;
        text-align: center;
    }
    .hon-line .line{
        font-size: calc(12px - 0.12rem + 0.18rem);
        font-weight: bold;
        color: #000;
        line-height: 1;
        position: relative;
    }
    .hon-line .line:before{
        content: '';
        height: 27px;
        width: 1px;
        border-radius: 100%;
        background: #bbb;
        display: block;
        margin: 0 auto 0.2rem;

    }
    .hon-line .on .line{
        color: #3a5fa5;
    }
    .hon-line .on .line:before{
        background: #3a5fa5;
    }

    .hon-line:after{
        content: '';
        height: 10px;
        width: 100%;
        position: absolute;
        background: url(../png/bg-line.webp) repeat-x;
        background-size: auto 100%;
        top: 17px;
        left: 50%;
        transform:translate(-50%,0);
    }

    .hon-it .swiper-slide{
        display: flex;
        -ms-align-items: center;
        align-items: center;
    }
    .hon-it .swiper-pagination{
        text-align: right;
        padding-right: 0.3rem;
    }
    .hon-it .swiper-pagination-bullet{
        opacity: 1;
        height: 0.08rem;
        width: 0.08rem;
        border-radius: 0.08rem;
        background: #fff;
    }
    .hon-it .swiper-pagination-bullet-active{
        background: #3a5fa5;
        width: 0.36rem;
    }

    .cer-it{
        display: block;
        width: 100%;
        text-align: center;
    }
    .cer-it img{
        max-width: 100%;
        max-height: 2rem;
        box-sizing: border-box;
        border: 17px solid transparent;
        -moz-border-image: url(../png/bg-border.webp) 15 15 stretch;
        -webkit-border-image: url(../png/bg-border.webp) 15 15 stretch;
        -o-border-image: url(../png/bg-border.webp) 15 15 stretch;
        border-image: url(../png/bg-border.webp) 15 15 stretch;
    }
    .cer-it .tt{
        font-size: calc(12px - 0.12rem + 0.12rem);
        color: #666;
        margin-top: 0.1rem;
    }

    .cons-mod{
        height: 3.3rem;
        padding-top: 0.55rem;
    }
    .cons-mod .layout{
        height: 100%;
    }
    .cons-mod .lt-box{
        width: 34%;
        height: 100%;
        float: left;
        position: relative;
    }
    .cons-mod .lt-box img{
        width: 100%;
        position: absolute;
        bottom: -0.7rem;
    }
    .cons-mod .rg-box{
        width: 66%;
        float: right;
    }
    .cons-mod .rg-box .c-col{
        width: 40%;
        float: left;
        margin-left: 10%;
    }
    .cons-mod .hd{
        border-bottom: 1px solid #eee;
        padding-bottom: 0.15rem;
        margin-bottom: 0.15rem;
    }
    .cons-mod .cn{
        margin-bottom: 0.1rem;
        font-size: calc(12px - 0.12rem + 0.18rem);
        color: #333;
    }
    .cons-mod .en{
        font-size: calc(12px - 0.12rem + 0.14rem);
        color: #3a5fa5;
        font-weight: bold;
        text-transform: uppercase;
    }
    .cons-mod .c-way{
        font-size: calc(12px - 0.12rem + 0.14rem);
        color: #555;
        line-height: 1.8;
    }

    .share-mod .sh-it{
        width: 0.44rem;
        height: 0.44rem;
        border-radius: 100%;
        background-color: #fff;
        box-shadow: 0 0 0.1rem rgba(0,0,0,0.05);
        float: left;
        margin-right: 0.25rem;
        position: relative;
        background-position: center;
        background-repeat: no-repeat;
        background-size: contain;
    }
    .sh-wb{
        background-image: url(../png/icon-sh1.webp);
    }
    .sh-wx{
        background-image: url(../png/icon-sh2.webp);
    }
    .sh-qq{
        background-image: url(../png/icon-sh3.webp);
    }

    .share-mod .s-tex{
        position: absolute;
        text-align: center;
        width: 1.56rem;
        height: 0.36rem;
        line-height: 0.36rem;
        border-radius: 0.05rem;
        background: #fff;
        box-shadow: 0 0 0.2rem rgba(0,0,0,0.05);
        left: 50%;
        margin-left: -0.78rem;
        top: 0.6rem;
        display: none;
    }
    .share-mod .s-tex:before{
        content: '';
        border-top: 0.1rem solid transparent;
        border-left: 0.06rem solid transparent;
        border-right: 0.06rem solid transparent;
        border-bottom: 0.1rem solid #fff;
        position: absolute;
        left: 50%;
        top: -0.2rem;
        margin-left: -0.06rem;
    }
    .sh-it:hover .s-tex{
        display: block;
    }
    .share-mod .s-code{
        position: absolute;
        text-align: center;
        width: 1.2rem;
        height: 1.2rem;
        line-height: 0.36rem;
        border-radius: 0.05rem;
        background: #fff;
        box-shadow: 0 0 0.2rem rgba(0,0,0,0.05);
        left: 50%;
        margin-left: -0.6rem;
        top: 0.6rem;
        padding: 0.05rem;
        display: none;
    }
    .share-mod .s-code:before{
        content: '';
        border-top: 0.1rem solid transparent;
        border-left: 0.06rem solid transparent;
        border-right: 0.06rem solid transparent;
        border-bottom: 0.1rem solid #fff;
        position: absolute;
        left: 50%;
        top: -0.2rem;
        margin-left: -0.06rem;
    }
    .share-mod .s-code img{
        width: 100%;
        height: 100%;
    }

    .sh-it:hover .s-code{
        display: block;
    }

    .ass-fm .as-hd{
        text-align: center;
        margin-bottom: 0.3rem;
    }
    .ass-fm .ip{
        width: 25%;
        height: 0.4rem;
        line-height: 0.4rem;
        padding: 0 0.2rem;
        border: none;
        background: #f7f7fa;
        margin: 0 3%;
        font-size: calc(12px - 0.12rem + 0.14rem);
        color: #333;
    }
    .ass-fm .tb-hd{
        height: 0.6rem;
        line-height: 0.6rem;
        background: #999;
        padding: 0 0.4rem;
        color: #fff;
    }
    .ass-fm .col{
        float: left;
        font-size: calc(12px - 0.12rem + 0.16rem);
    }
    .ass-fm .l-col{
        width: 30%;
        padding-right: 0.15rem;
    }
    .ass-fm .r-col{
        width: 70%;
    }
    .ass-fm .rad-it .r-col{
        height: 0.4rem;
        overflow: hidden;
        position: relative;
    }
    .ass-fm .rad-it .r-col.on{
        height: auto;
    }
    .ass-fm .rad-it .r-col .more{
        width: 0.2rem;
        height: 0.2rem;
        position: absolute;
        right: 0;
        top: 0;
        background: url(../png/icon-arr2.webp) no-repeat center;
        background-size: contain;
        cursor: pointer;
    }
    .ass-fm .rad-it .r-col .more.on{
        transform:rotate(180deg);
    }
    .ass-fm .rad-it{
        border-bottom: 1px solid #eee;
        overflow: hidden;
        padding: 0.18rem 0.4rem 0;
    }
    .ass-fm .f-cl,
    .ass-fm .f-lb{
        font-size: calc(12px - 0.12rem + 0.14rem);
        color: #333;
    }
    .ass-fm .f-cl{
        float: left;
    }
    .ass-fm .r-cl{
        float: right;
    }
    .ass-fm .ra-li{
        width: 20%;
        float: left;
        margin-bottom: 0.18rem;
    }
    .ass-fm .ra{
        display: inline-block;
        vertical-align: middle;
        width: 20px;
        height: 20px;
    }
    .ass-fm .f-sub{
        width: 2rem;
        height: 0.46rem;
        line-height: 0.46rem;
        text-align: center;
        color: #fff;
        font-size: calc(12px - 0.12rem + 0.14rem);
        background: #3a5fa5;
        display: block;
        margin: 0.7rem auto 0;
        border: none;
        cursor: pointer;
        transition: all ease .3s 0s;
        -moz-transition: all ease .3s 0s;
        -webkit-transition: all ease .3s 0s;
    }
    .ass-fm .f-sub:hover{
        background: #355695;
    }

    .ser-it1{
        display: block;
        width: 100%;
        height: 2.3rem;
        border-radius: 3px;
        background: #f7f7fa;
        padding: 0.25rem 0.2rem 0;
        text-align: center;
    }

    .ser-it1 .ic{
        height: 0.86rem;
        margin: 0 auto 0.15rem;
        transition: all ease .5s 0s;
        -moz-transition: all ease .5s 0s;
        -webkit-transition: all ease .5s 0s;
    }
    .ser-it1:hover .ic{
        transform:rotate(360deg);
    }
    .ser-it1 .tt{
        color: #3a5fa5;
        font-size: calc(12px - 0.12rem + 0.18rem);
        margin-bottom: 0.05rem;
        font-weight: bold;
    }
    .ser-it1 .dd{
        color: #666;
        font-size: calc(12px - 0.12rem + 0.14rem);
    }

    .hm-ser .content{
        position: relative;
    }

    .hm-news .nw-lt{
        width: 41.6%;
        float: left;
    }
    .hm-news .col{
        display: none;
    }
    .hm-news .col.on{
        display: block;
    }
    .hm-news .nw-rg{
        width: 56%;
        height: 4.52rem;
        background: #fff;
        float: right;
        box-shadow: 0 0 0.1rem rgba(0,0,0,0.05);
        border-radius: 5px;
        padding: 0.3rem;
    }
    .hm-news .n-menu{
        overflow: hidden;
    }
    .hm-news .n-menu li{
        height: 0.52rem;
        line-height: 0.52rem;
        width: 33.3%;
        float: left;
        text-align: center;
        background: #fff;
        border: 1px solid #f7f7fa;
        color: #333;
        font-size: calc(12px - 0.12rem + 0.16rem);
        cursor: pointer;
    }
    .hm-news .n-menu .on{
        background: #3a5fa5;
        color: #fff;
    }
    .hm-news .n-menu li:first-of-type{
        border-radius: 5px 0 0 0;
    }
    .hm-news .n-menu li:last-of-type{
        border-radius: 0 5px 0 0;
    }

    .nw-it2{
        display: block;
        height: 4rem;
        position: relative;
        border-radius: 0 0 5px 5px;
        overflow: hidden;
    }
    .nw-it2 .pic{
        width: 100%;
        height: 100%;
        left: 0;
        top: 0;
        position: absolute;
    }
    .nw-it2:hover .ej-bg{
        transform:scale(1.1);
    }
    .nw-it2 .tex{
        width: 100%;
        height: 1.5rem;
        background: rgba(58,95,165,0.9);
        padding: 0.3rem 0.4rem;
        position: absolute;
        left: 0;
        bottom: 0;
        color: #fff;
    }
    .nw-it2 .tt{
        margin-bottom: 0.2rem;
        font-size: calc(12px - 0.12rem + 0.24rem);
    }

    .nw-it2 .dd{
        font-size: calc(12px - 0.12rem + 0.14rem);
        line-height: 1.5;
    }
    .nw-it3{
        display: block;
        overflow: hidden;
        padding-bottom:0.2rem;
        border-bottom: 1px solid #eee;
    }
    .nw-it3 .lt{
        width: 70%;
        float: left;
    }
    .nw-it3 .rg{
        width: 30%;
        float: right;
    }
    .nw-it3 .tt{
        font-size: calc(12px - 0.12rem + 0.24rem);
        color: #333;
        margin-bottom: 0.15rem;
        transition: all ease .3s 0s;
        -moz-transition: all ease .3s 0s;
        -webkit-transition: all ease .3s 0s;
    }
    .nw-it3 .dd{
        font-size: calc(12px - 0.12rem + 0.14rem);
        color: #999;
        line-height: 1.8;
    }
    .nw-it3 .tm{
        text-align: center;
        width: 0.9rem;
        margin-left: auto;
        line-height: 1;
    }
    .nw-it3 .day{
        font-size: calc(12px - 0.12rem + 0.3rem);
        color: #333;
        margin-bottom: 0.1rem;
    }
    .nw-it3 .year{
        font-size: calc(12px - 0.12rem + 0.2rem);
        color: #333;
    }
    .nw-it3 .more{
        margin-top: 0.18rem;
        width: 1.4rem;
        line-height:0.4rem;
        border-radius: 0.05rem;
        background: #3a5fa5;
        color: #fff;
        text-align: center;
        margin-left: auto;
        transition: all ease .3s 0s;
        -moz-transition: all ease .3s 0s;
        -webkit-transition: all ease .3s 0s;
    }
    .nw-it3 .more:after{
        content: '';
        display: inline-block;
        vertical-align: middle;
        transform:rotate(45deg);
        width: 0.08rem;
        height: 0.08rem;
        border-top: 1px solid #fff;
        border-right: 1px solid #fff;
        margin-left: 0.1rem;
    }
    .nw-it3 .more:hover{
        background: #355695;
    }
    .nw-it3:hover .tt{
        color: #3a5fa5;
    }

    .nw-it4{
        display: block;
        height: 0.54rem;
        line-height: 0.54rem;
        border-bottom: 1px dashed #eee;
        overflow: hidden;
    }
    .nw-it4:last-of-type{
        border: none;
    }
    .nw-it4 .tt{
        width: 80%;
        float: left;
        font-size: calc(12px - 0.12rem + 0.14rem);
        color: #333;
        transition: all ease .3s 0s;
        -moz-transition: all ease .3s 0s;
        -webkit-transition: all ease .3s 0s;
    }
    .nw-it4 .tt:before{
        content: '●';
        display: inline-block;
        vertical-align: middle;
        margin-right: 0.15rem;
        margin-top: -0.03rem;
        color: #ccc;
    }
    .nw-it4 .tm{
        width: 20%;
        float: right;
        font-size: calc(12px - 0.12rem + 0.14rem);
        color: #999;
        text-align: right;
    }
    .nw-it4:hover .tt{
        color: #3a5fa5;
    }

    .hm-ban{
        height: 5.8rem;
        position: relative;
    }
    .hm-ban .swiper-container{
        width: 100%;
        height: 100%;
    }
    .hm-ban .ban-it{
        display: block;
        width: 100%;
        height: 100%;
    }
    .hm-ban .swiper-pagination{
        bottom: 1.6rem;
    }

    .hm-prof{
        width: 100%;
        left: 0;
        bottom: 0;
        position: absolute;
        height: 1.5rem;
        background: rgba(0,0,0,0.55);
        z-index: 3;
        padding-top: 0.2rem;
    }
    .hm-prof .lt-box{
        width: 50%;
        float: left;
        padding-right: 0.7rem;
        color: #fff;
    }
    .hm-prof .hd{
        /*margin-bottom: 0.15rem;*/
    }
    .hm-prof .hd:after{
        content: '';
        display: block;
        width: 0.46rem;
        height: 1px;
        background: #3a5fa5;
        margin-top: 0.15rem;
    }
    .hm-prof .cn{
        font-size: calc(12px - 0.12rem + 0.24rem);
    }
    .hm-prof .en{
        font-size: calc(12px - 0.12rem + 0.14rem);
        margin-left: 0.1rem;
    }
    .hm-prof .dd{
        font-size: calc(12px - 0.12rem + 0.14rem);
        line-height: 1.6;
    }
    .hm-prof .rg-box{
        width: 50%;
        float: right;
    }
    .hm-prof .p-data{
        width: 70%;
        float: left;
        color: #fff;
    }
    .hm-prof .p-data li{
        width: 33.3%;
        float: left;
        padding-right: 3%;
    }
    .hm-prof .p-data .ic{
        height: 0.31rem;
        margin-bottom: 0.2rem;
    }
    .hm-prof .p-data .md{
        font-size: calc(12px - 0.12rem + 0.13rem);
        margin-bottom: 0.05rem;
    }
    .hm-prof .p-data .md em{
        font-size: calc(12px - 0.12rem + 0.26rem);
    }
    .hm-prof .p-data .lb{
        font-size: calc(12px - 0.12rem + 0.13rem);
        color: #cfcfcf;
    }
    .hm-prof .btn{
        display: block;
        margin-top: 0.6rem;
        width: 1.4rem;
        line-height:0.4rem;
        border-radius: 0.05rem;
        background: #3a5fa5;
        color: #fff;
        text-align: center;
        margin-left: auto;
        transition: all ease .3s 0s;
        -moz-transition: all ease .3s 0s;
        -webkit-transition: all ease .3s 0s;
        box-shadow: 0 0.3rem 0.2rem rgba(0,0,0,0.05);
        border-bottom: 1px solid #fff;
        border-right: 1px solid #fff;
        transition: all ease .3s 0s;
        -moz-transition: all ease .3s 0s;
        -webkit-transition: all ease .3s 0s;
    }
    .hm-prof .btn:after{
        content: '';
        display: inline-block;
        vertical-align: middle;
        transform:rotate(45deg);
        width: 0.08rem;
        height: 0.08rem;
        border-top: 1px solid #fff;
        border-right: 1px solid #fff;
        margin-left: 0.1rem;
    }
    .hm-prof .btn:hover{
        background: #355695;
    }

    /* rebox */
    .rebox {
        cursor: pointer;
        position: fixed;
        width: 100%;
        height: 100%;
        top: 0;
        left: 0;
        z-index: 1000;
        -webkit-filter: none !important;
        background: rgb(0, 0, 0);
        background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAAIElEQVQ4T2NkYGDYDMRkA8ZRAxhGw4BhNAyA+WAYpAMAIFgLQfO9BoEAAAAASUVORK5CYII=);
        background: rgba(0, 0, 0, 0.7);
    }
    .rebox *{
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        -ms-box-sizing: border-box;
        -o-box-sizing: border-box;
        box-sizing: border-box;
        padding: 0; margin: 0;
    }
    .rebox-contents {
        position: absolute;
        top: 50%;
        left: 10%;
        text-align:
                center;
        width: 80%;
        /* height: 640px;
    line-height: 640px;
    margin-top: -320px;  */
        height: 570px;
        line-height: 570px;
        margin-top: -285px;
    }
    .rebox-contents .rebox-content {
        border: 5px solid #fff;
        box-shadow: 0 0 20px #000;
        border-radius: 1px;
        max-width: 100%;
        max-height: 100%;
    }
    .rebox-loading {
        width: 31px;
        height: 31px;
        margin: -16px 0 0 -16px;
        position: absolute;
        top: 48%;
        left: 50%;
    }
    .rebox-caption {
        display: none;
        position: absolute;
        left: 0;
        bottom: 0;
        width: 100%;
        text-align: center;
        z-index: 1000;
        background: #000;
        background: rgba(0,0,0,0.7);
    }
    .rebox-caption p {
        margin: 0 auto;
        max-width: 70%;
        display: inline-block;
        *display: inline;
        *zoom: 1;
        padding: 10px;
        color: #fff;
        font-size: 12px;
        line-height: 18px;
    }
    .rebox-button {
        position: absolute;
        z-index: 9999;
        min-width: 40px;
        height: 40px;
        line-height: 40px;
        background: rgb(0, 0, 0);
        opacity:0.4;
        text-decoration: none;
        font-size: 24px;
        color: #fff;
        text-align: center;
        vertical-align: middle;
        -webkit-border-radius: 32px;
        -moz-border-radius: 32px;
        -ms-border-radius: 32px;
        border-radius: 32px;
        -webkit-transition: all 0.3s;
        -moz-transition: all 0.3s;
        -ms-transition: all 0.3s;
        transition: all 0.3s;
    }
    .rebox-button:hover,
    .rebox-button:focus {
        opacity: 1;
        /* -webkit-transform: scale(1.1);
    -moz-transform: scale(1.1);
    -ms-transform: scale(1.1);
    transform: scale(1.1);  */
        background-color: #c0a062;
    }
    .rebox-close {
        right: 20px;
        top: 120px;
        width: 50px;
        height: 50px;
        line-height: 50px;
        font-size: 40px;
    }
    .rebox-close:hover,.rebox-close:focus{
        /* -webkit-transform: scale(1.1);
    -moz-transform: scale(1.1);
    -ms-transform: scale(1.1);
    transform: scale(1.1); */
        background-color: #c0a062;
    }
    .rebox-next {
        right: 10px;
        top: 48%;
    }
    .rebox-prev {
        left: 10px;
        top: 48%;
    }
    .rebox-loading {
        left: 50%;
        top: 48%;
        -webkit-animation-name: spin;
        -webkit-animation-duration: 2000ms;
        -webkit-animation-iteration-count: infinite;
        -webkit-animation-timing-function: linear;
        -moz-animation-name: spin;
        -moz-animation-duration: 2000ms;
        -moz-animation-iteration-count: infinite;
        -moz-animation-timing-function: linear;
        -ms-animation-name: spin;
        -ms-animation-duration: 2000ms;
        -ms-animation-iteration-count: infinite;
        -ms-animation-timing-function: linear;
        animation-name: spin; animation-duration: 2000ms;
        animation-iteration-count: infinite;
        animation-timing-function: linear;
    }
    .gray{
        position: fixed;
        z-index: 13;
        width: 100%;
        height: 100%;
        left: 0;
        top: 0;
        background: rgba(0,0,0,0.5);
        display: none;
    }

    @media screen and (max-width: 1700px){
        .adv-it .dd{
            line-height: 1.5;
        }
        .hon-dev .sw-prev{
            left: 0;
        }
        .hon-dev .sw-next{
            right: 0;
        }


    }
    @media screen and (max-width: 1480px){
        .sw-prev{
            left: -0.1rem;
        }
        .sw-next{
            right: -0.1rem;
        }
        .adv-it .dd{
            font-size: calc(12px - 0.12rem + 0.15rem);
        }
        .hon-mod .content{
            height: auto;
            padding: 0.4rem 0.4rem;
        }
        .hm-ban{
            height: 5.1rem;
        }

    }

    @media screen and (max-width: 1200px){
        .ind-it2{
            padding-right: 0.8rem;
        }
        .ind-it2 .dd{
            line-height: 1.6;
        }
        .ban-mod{
            height: 3.8rem;
        }
        .adv-it .tt {
            font-size: calc(12px - 0.12rem + 0.2rem);
        }
        .adv-it .tt:after{
            margin: 0.15rem auto 0.2rem;
        }
        .adv-it .dd {
            font-size: calc(12px - 0.12rem + 0.13rem);
        }
        .ej-page a, .ej-page button, .ej-page li{
            line-height:34px;
            min-width: 34px;
            font-size: 14px;
        }
        .nw-it .more{
            margin-right: 0.5rem;
            margin-top: 0;
        }
        .video-mod video{
            height: 6.2rem;
        }
        .poli-mod .pl-hd{
            height: 0.54rem;
            line-height: 0.54rem;
        }
        .nw-it1{
            height: 0.48rem;
            line-height: 0.48rem;
        }
        .pl-menu a{
            height: 0.4rem;
            line-height: 0.4rem;
            min-width: 1.9rem;
        }
        .rec-fm .f-sel{
            font-size: 12px;
            padding: 0 0.1rem;
        }
        .sta-it{
            width: 100%;
            margin: 0 auto 0.3rem;
        }
        .ser-it .tt{
            font-size: calc(12px - 0.12rem + 0.2rem);
        }
        .ser-it .dd{
            font-size: calc(12px - 0.12rem + 0.14rem);
        }
        .cult-mod .tex .hd {
            font-size: calc(12px - 0.12rem + 0.22rem);
        }
        .cult-mod .tex .dd{
            font-size: calc(12px - 0.12rem + 0.16rem);
            line-height: 1.5;
        }
        .deve-mod{
            padding: 0;
        }
        .ass-fm .tb-hd{
            padding: 0 0.1rem;
        }
        .ass-fm .rad-it{
            padding: 0.18rem 0.1rem 0;
        }
        .ass-fm .ra{
            width: 14px;
            height: 14px;
        }
        .ass-fm .f-cl, .ass-fm .f-lb{
            font-size: 12px;
        }
        .ass-fm .l-col{
            width: 22%;
        }
        .ass-fm .r-col{
            width: 78%;
        }
        .ass-fm .ip{
            font-size: 12px;
            width: 30%;
            margin: 0 1%;
        }
        .ass-fm .f-sub{
            margin-top: 0.4rem;
        }
        .cons-mod .rg-box .c-col{
            width: 45%;
            margin-left: 5%;
        }
        .hm-prof{
            height: 1.8rem;
        }
        .hm-prof .dd{
            font-size: 12px;
        }
        .hm-prof .p-data .lb,
        .hm-prof .p-data .md{
            font-size: 12px;
        }
        .hm-prof .lt-box{
            width: 45%;
            padding-right: 0.3rem;
        }
        .hm-prof .rg-box{
            width: 55%;
        }
        .hm-prof .p-data .md em {
            font-size: calc(12px - 0.12rem + 0.22rem);
        }
        .hm-prof .btn{
            font-size: 12px;
        }
        .hm-ban{
            height: 4.5rem;
        }
        .hm-ban .swiper-pagination{
            bottom: 1.8rem;
        }
        .nw-it2 .tex{
            padding: 0.2rem;
            height: 1.4rem;
        }
        .nw-it2 .tt {
            font-size: calc(12px - 0.12rem + 0.2rem);
        }
        .nw-it3 .more{
            width: 1.1rem;
        }
        .nw-it3 .tt{
            font-size: calc(12px - 0.12rem + 0.2rem);
        }
        .nw-it3 .dd{
            line-height: 1.6;
        }
        .nw-it .tt{
            width: 65%;
        }
        .nw-it .tm{
            width: 15%;
        }
        .ser-it:active .tt{
            color: #fff;
        }
        .ser-it:active .tt:after{
            background: #fff;
            margin-bottom: 0.15rem;
        }
        .ser-it:active .tex{
            /* bottom: 0;
            height: 1.8rem;*/
            background: rgba(58,95,165,0.8);
        }
        .ser-it:active .dd{
            display: block;
        }


    }



    @media screen and (max-width: 767px){
        .com-mod {
            padding: 0.4rem 0 0.55rem;
        }
        .title-mod{
            margin-bottom: 0.3rem;
        }
        .no-mb{
            margin-bottom: 0;
        }
        .title-mod .tt {
            font-size: calc(12px - 0.12rem + 0.28rem);
        }
        .ej-page a, .ej-page button, .ej-page li{
            line-height: 34px;
            min-width: 34px;
            font-size: 13px;
        }
        .menu-mod{
            height: 0.64rem;
            line-height: 0.64rem;
        }
        .menu-mod .layout{
            padding: 0;
        }
        .menu-mod .m-it{
            padding-top: 0.08rem
        }
        .menu-mod .m-it img{
            height: 0.22rem;
        }
        .menu-mod .m-it .tt{
            font-size: 12px;
            margin-top: 0.03rem;
        }
        .ban-mod{
            height: 2.5rem;
        }
        .ban-mod .cn{
            font-size: calc(12px - 0.12rem + 0.34rem);
            margin-bottom: 0.1rem;
        }
        .ban-mod .en{
            font-size: calc(12px - 0.12rem + 0.16rem);
        }
        .ind-mod{
            height: auto;
        }
        .indu-ct .pic{
            width: 100%;
            float: none;
            height: 3.4rem;
        }
        .indu-ct .nw-tex{
            margin-left: 0;
            height: auto;
            padding: 0.2rem 0.2rem 0;
        }
        .ind-it2{
            height: auto;
            padding: 0.3rem;
            margin-top: 0.3rem;
        }
        .ind-it2 .tex{
            margin-left: 2rem;
            padding-top: 0.2rem;
        }
        .ind-it2:after{
            display: none;
        }
        .ind-it1 .more{
            height: 0.4rem;
            line-height: 0.4rem;
            margin-top: 0.25rem;
        }
        .ind-it1 .tt{
            margin-bottom: 0.1rem;
            font-size: calc(12px - 0.12rem + 0.2rem);
        }
        .ind-it1 .md{
            margin-bottom: 0.1rem;
        }
        .intr-mod{
            height: auto;
            padding: 0.15rem 0.15rem 0;
        }
        .intr-mod .b-pic{
            width: 100%;
            height: 2.5rem;
        }
        .intr-mod .int-tex{
            position: static;
            width: 100%;
            padding: 0.2rem;
        }
        .intr-mod .s-pic{
            width: 100%;
            position: static;
            padding: 0.1rem 0;
        }

        .dev-line .line {
            font-size: calc(12px - 0.12rem + 0.2rem);
        }
        .dev-line .on .line{
            font-size: calc(12px - 0.12rem + 0.18rem);
        }
        .hon-mod .content{
            padding: 0.2rem;
        }
        .hon-dev{
            padding: 0;
            margin-bottom: 0.2rem;
        }
        .hon-it .tex .tt{
            margin-bottom: 0.2rem;
        }
        .hon-it .tex .tt em {
            font-size: calc(12px - 0.12rem + 0.38rem);
        }
        .hon-it .dd{
            line-height: 1.6;
        }
        .hm-ban{
            height: auto;
        }
        .hm-ban .swiper-container{
            height: 2.2rem;
        }
        .hm-ban .swiper-pagination{
            bottom: 0.1rem;
        }
        .hm-prof{
            position: static;
            background: #3a5fa5;
            height: auto;
            padding: 0.1rem 0;
        }
        .hm-prof .lt-box,
        .hm-prof .rg-box{
            width: 100%;
            float: none;
            overflow: hidden;
        }
        .hm-prof .lt-box{
            padding-right: 0;
            margin-bottom: 0.3rem;
        }
        .hm-prof .p-data{
            width: 100%;
            float: none;
            overflow: hidden;
        }
        .hm-prof .p-data li{
            text-align: center;
        }
        .hm-prof .btn{
            float: none;
            margin: 0.1rem auto 0;
            background: #333;
        }
        .hm-prof .btn:hover{
            background: #000;
        }
        .hm-news .nw-lt{
            width: 100%;
            float: none;
        }
        .hm-news .nw-rg{
            width: 100%;
            float: none;
            margin-top: 0.2rem;
            padding: 0.2rem;
        }
        .nw-it3 .lt{
            width: 65%;
        }
        .nw-it3 .more{
            width: 0.9rem;
        }

        .art-mod .tt {
            font-size: calc(12px - 0.12rem + 0.24rem);
        }
        .nw-it .tt{
            width: 70%;
        }
        .nw-it .tm{
            display: none;
            text-align: right;
        }
        .nw-it .more{
            margin-right: 0;
            margin-top: -0.02rem;
        }
        .pol-it{
            width: 48%;
            margin: 0 1% 0.3rem;
        }
        .video-mod video{
            height: 4.8rem;
        }
        .poli-mod .pl-hd,
        .nw-it1{
            padding-left: 0.2rem;
            padding-right: 0.2rem;
        }
        .nw-it1 .tt{
            width: 70%;
        }
        .nw-it1 .tm{
            width: 30%;
            text-align: right;
        }
        .pl-menu li{
            margin: 0.05rem;
        }
        .job-box .ta-title li:first-of-type, .job-box .ta-body li:first-of-type{
            padding-left: 0.15rem;
        }
        .job-box .list-box ul{
            padding-right: 0.3rem;
        }
        .job-box .ta-body:before,
        .job-box .ta-body:after{
            right: 0.05rem;
        }
        .job-box .ta-title{
            font-size: calc(12px - 0.12rem + 0.14rem);
        }
        .job-box .ta-body{
            font-size: 12px;
        }
        .job-box .list-box li{
            text-align: center;
        }
        .job-box .intro-box{
            padding: 0.2rem;
        }
        .job-box .int-item{
            width: 100%;
            float: none;
            padding-right: 0;
            padding-bottom: 0.2rem;
        }
        .rec-fm .f-sel{
            width: 32.3%;
            margin-bottom: 0.1rem;
        }
        .rec-fm .f-ip{
            width: 80%;
        }
        .rec-fm .f-sub{
            width: 18%;
            margin-right: 1%;
        }
        .sta-it{
            height: 2.8rem;
        }
        .sta-it .pic{
            width: 45%;
        }
        .sta-it .tex {
            margin-left: 45%;
            height: 100%;
            padding: 0.3rem 0.2rem 0.3rem;
        }
        .sta-it .h-nm {
            font-size: calc(12px - 0.12rem + 0.22rem);
        }
        .sta-it .h-job {
            font-size: calc(12px - 0.12rem + 0.14rem);
        }
        .sta-it .dd {
            font-size: 12px;
            height: 1.5rem;
        }
        .sta-it .hd:after {
            margin: 0.2rem 0 0.15rem;
        }
        .cont-mod .lt-box,
        .cont-mod .map{
            height: 3rem;
            width: 100%;
            float: none;
        }
        .cont-mod .lt-box{
            height: 3.2rem;
            padding: 0.3rem 0.2rem 0.2rem;
        }
        .mess-mod .ip-box,
        .mess-mod .ip-box:nth-of-type(2n){
            width: 100%;
            float: none;
            margin-bottom: 0.2rem;
            padding: 0 0.2rem;
        }
        .mess-mod .ver-box.ip-box{
            padding-right: 1.4rem;
        }
        .mess-mod .ver-box .ver{
            right: 0.2rem;
        }
        .mess-mod .t-tex{
            padding: 0.15rem 0.2rem;
        }
        .mess-mod .sub{
            margin-top: 0.2rem;
        }
        .cont-mod .hd{
            font-size: calc(12px - 0.12rem + 0.16rem);
        }
        .ass-fm .rad-it .r-col{
            height: auto;
        }
        .ass-fm .ra-li{
            width: 50%;
        }
        .ass-fm .l-col{
            width: 30%;
        }
        .ass-fm .r-col{
            width: 70%;
        }
        .ass-fm .f-cl{
            float: none;
        }
        .ass-fm .r-cl{
            float: none;
            margin-top: 0.2rem;
        }
        .ass-fm .rad-it .r-col .more{
            display: none;
        }
        .cons-mod{
            height: auto;
        }
        .cons-mod .rg-box{
            float: none;
            width: 100%;
            overflow: hidden;
        }
        .cons-mod .rg-box .c-col{
            width: 100%;
            margin-bottom: 0.3rem;
        }
        .cons-mod .lt-box{
            width: 100%;
            float: none;
            height:2.4rem;
        }
        .cons-mod .lt-box img{
            bottom: -0.4rem;
        }
        .rebox-close{
            height: 40px;
            width: 40px;
            font-size: 30px;
            line-height: 40px;
            top: 50px;
        }



    }


    @media screen and (max-width: 640px){
        .com-mod {
            padding: 0.3rem 0 0.4rem;
        }
        .title-mod .tt{
            font-size: calc(12px - 0.12rem + 0.24rem);
        }
        .ban-mod .cn {
            font-size: calc(12px - 0.12rem + 0.3rem);
            margin-bottom: 0.05rem;
        }
        .ban-mod{
            height: 2rem;
        }
        .ind-it2{
            padding: 0.2rem;
            margin-top: 0.2rem;
        }
        .ind-it2 .pic{
            height: 2rem;
        }
        .ind-it2 .ml{
            width: 1.1rem;
            padding-top: 0.15rem;
        }
        .ind-it2 .tex{
            margin-left: 1.2rem;
        }
        .indu-ct .pic{
            height: 2.6rem;
        }
        .ind-it2 .day{
            font-size: calc(12px - 0.12rem + 0.3rem);
        }
        .ind-it2 .tt{
            font-size: calc(12px - 0.12rem + 0.18rem);
        }
        .act-it .pic{
            height: 2rem;
        }
        .dev-it{
            height: auto;
        }
        .dev-it .pic{
            width: 100%;
            float: none;
            height: 2.3rem;
        }
        .dev-it .tex{
            height: 2.5rem;
            margin-left: 0;
            padding: 0.2rem;
        }
        .deve-mod{
            margin-top: 0;
        }
        .hon-it{
            height: auto;
        }
        .hon-it .pic{
            width: 100%;
            float: none;
            height: 2.2rem;
        }
        .cer-it img{
            max-height: 1.2rem;
            border: 8px solid transparent;
            -moz-border-image: url(../png/bg-border.webp) 8 8 stretch;
            -webkit-border-image: url(../png/bg-border.webp) 8 8 stretch;
            -o-border-image: url(../png/bg-border.webp) 8 8 stretch;
            border-image: url(../png/bg-border.webp) 8 8 stretch;
        }
        .hon-it .tex{
            margin-left: 0;
            height: 3rem;
            padding: 0.2rem;
        }
        .hon-it .tex .tt{
            margin-bottom: 0.1rem;
        }
        .hon-it .tex .tt {
            font-size: calc(12px - 0.12rem + 0.18rem);
        }
        .hon-it .tex .tt em {
            font-size: calc(12px - 0.12rem + 0.34rem);
        }
        .ser-it1 .ic{
            height: 0.76rem;
        }
        .ser-it1 .tt{
            font-size: calc(12px - 0.12rem + 0.16rem);
        }
        .ser-it1 .dd {
            font-size: 12px;
        }
        .pol-it{
            width: 100%;
            float: none;
            margin: 0 auto 0.3rem;
        }
        .video-mod video{
            height: 2.6rem;
        }
        .ide-it{
            height: 2rem;
            width: 100%;
            margin: 0 auto 0.2rem;
        }
        .ide-it .tex{
            width: 1.84rem;
            height: 0.84rem;
            background: rgba(255,255,255,0.66);
            position: absolute;
            left: 50%;
            top: 50%;
            transform:translate(-50%,-50%);
            text-align: center;
            padding-top: 0.2rem;
            line-height: 1;
        }
        .ide-it .tex:before{
            content: '';
            width: 2rem;
            height: 1rem;
            border: 1px solid rgba(255,255,255,0.66);
            position: absolute;
            left: 50%;
            top: 50%;
            transform:translate(-50%,-50%);
        }
        .ide-it .tex .cn{
            margin-bottom: 0.05rem;
            font-size: calc(12px - 0.12rem + 0.22rem);
            color: #3a5fa5;
        }
        .ide-it .tex .en{
            font-size: calc(12px - 0.12rem + 0.12rem);
            color: #333;
        }
        .cul-it{
            width: 100%;
            height: 2.8rem;
        }
        .cult-mod .tex{
            padding: 0.4rem 0.2rem;
        }

    }

    .cul-it{
        width: 100%;
        height: 2.8rem;
    }
    .cult-mod .tex{
        padding: 0.4rem 0.2rem;
    }

}



.services{
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    padding: .7rem 0 1rem;
}

.services_ul{}
.services_ul li{position: relative;margin-bottom: 40px;height: 1.47rem}
.services_ul li .line{z-index: 1;position: absolute;width: .15rem;height: 1.4rem;left: 50%;top:0;transform: translateX(-50%);background: #3a5fa5}
.services_ul li:nth-child(2n) .line{background: #666666}
.services_ul li .line:before,
.services_ul li .line:after{z-index: 2;position: absolute;display: block;content: '';width: .15rem;background-position: center;background-size: cover;background-repeat: no-repeat;}
.services_ul li .line:before{top:-.08rem;height: .08rem;left: 0;background-image: url("../m_icon12.html")}
.services_ul li .line:after{top:100%;left: 0;height: .11rem;background-image: url("../m_icon12-1.html")}
.services_ul li:nth-child(2n) .line:before{background-image: url("../m_icon13.html")}
.services_ul li:nth-child(2n) .line:after{background-image: url("../m_icon13-1.html")}
.services_ul li .line span{z-index: 5;display: block;position: absolute;width: .06rem;height: .06rem;border-radius: 50%;background: #FFF;top:50%;left: 50%;transform: translate(-50%,-50%);}
.services_ul li .line span:before{right: .1rem;top:2px;display: block;content: '';position: absolute;width: .5rem;height: 1px;background: url("../m_icon14.html") repeat-x}
.services_ul li:nth-child(2n) .line span:before{right: auto;left: .1rem;background: url("../m_icon14-1.html") repeat-x}
.services_ul li .d{width: 50%;float: left}
.services_ul li:nth-child(2n) .d{float: right}
.services_ul li .d .dd{padding-right: .8rem;}
.services_ul li:nth-child(2n) .d .dd{padding-right: 0;padding-left: .8rem}
.services_ul li .d .dd .num{text-shadow: 4px 4px 0 #bdbdbd;line-height: 1;float: left;font-size: calc(12px - 0.12rem + 1.23rem);width: 1.1rem;text-align: center;color: #3a5fa5;}
.services_ul li:nth-child(2n) .d .dd .num{color: #666666}
.services_ul li .d .dd .txt{float: left;width: calc(100% - 1.1rem);}
.services_ul li .d .dd .txt h4{color: #3a5fa5;font-size: calc(12px - 0.12rem + 0.26rem);font-weight: bold;line-height: 2}
.services_ul li .d .dd .txt .p{color: #333333;font-size: calc(12px - 0.12rem + 0.16rem)}
.services_ul li .d .dd .txt .p p{line-height: 2}



@media(max-width: 900px){
    .services_ul li{height: auto}
    .services_ul li .d{width: 100%}
    .services_ul li:nth-child(2n) .d{float: left;}
    .services_ul li .line{left: 0;right: 0;transform: translateX(0)}
    .services_ul li:nth-child(2n) .line{left: 0;right: auto}
    .services_ul li .line span:before{right: auto;left: .1rem}
    .services_ul li .d .dd{padding-left: .8rem;padding-right: 0}
}


@media(max-width: 600px){
    .services_ul li .line span:before{width: .3rem;}
    .services_ul li .d .dd .num{width: .6rem;text-align: left;font-size: .8rem}
    .services_ul li:nth-child(2n) .d .dd,
    .services_ul li .d .dd{padding-left: .5rem}
    .services_ul li .d .dd .txt h4{font-size: 18px;padding: .15rem 0}
    .services_ul li .d .dd .txt{width: calc(100% - .6rem)}
    .services_ul li .line{height: .6rem;top:7px}
    .services_ul li .d .dd .txt .p{font-size: 14px;line-height: 1.8}
}

.Culture{padding: 1rem 0;background-size: cover;background-repeat: no-repeat;background-position: center;}
.Culture .layout{max-width: 1400px}

.Culture_div{}
.Culture_div .item{padding-bottom: 2.4rem;width: 25%;position: relative;float: left;text-align: center;}
.Culture_div .item .d1{;margin-top: 2.3rem;position: relative;}
.Culture_div .item .d1 .ddd{margin: 0 auto;width: 1.85rem;height: 1.85rem;border-radius: 50%;background: rgba(61,99,171,.2);padding: .14rem;box-sizing: border-box}
.Culture_div .item:nth-child(2n) .d1 .ddd{background: rgba(255,199,101,.3)}
.Culture_div .item .d1 .i{position: absolute;bottom:calc(100% + .25rem);left: 50%;transform: translateX(-50%)}
.Culture_div .item:nth-child(2n) .d1 .i{bottom:auto;top:calc(100% + .25rem)}
.Culture_div .item .d1 .i img{}
.Culture_div .item .d1 .dd{color: #fff;box-shadow: 5px 5px 10px 2px rgba(0,0,0,.1);width: 100%;height: 100%;border-radius: 50%;background: url("../png/m_bg3.webp") no-repeat center;background-size: cover!important;}
.Culture_div .item:nth-child(2n) .d1 .dd{background: url("../png/m_bg4.webp") no-repeat center;background-size: cover!important;}
.Culture_div .item .d1 .dd h3{font-size: 23px;padding-top: .55rem}
.Culture_div .item .d1 .dd p{font-size: 16px;line-height: 1.5;padding-top: .05rem}
.Culture_div .item .d2{position: absolute;bottom: calc(100% + 1rem);left: 50%;transform: translateX(-50%);}
.Culture_div .item .d2 h4{font-size: 16px;color: #222222;line-height: 2;white-space: nowrap}
.Culture_div .item .d2 p{margin: 0 auto;font-size: 14px;color: #555555;line-height: 2;}

.Culture_div .item .d2 .p1{
    display: inline-block;
    margin: 0 auto;font-size: 14px;color: #555555;line-height: 2;
    text-align: left;
}

.Culture_div .item:nth-child(2n) .d2{bottom:auto;top:calc(100% + 1rem)}



@media(max-width: 1000px){
    .Culture_div .item .d2 h4{font-size: 14px}
    .Culture_div .item .d1 .dd h3{font-size: 18px}
    .Culture_div .item .d1 .dd p{font-size: 14px;}
}
@media(max-width: 767px){
    .Culture_div .item{width: 50%}
    .Culture_div .item .d1 .dd h3{padding-top: .5rem;}
    .Culture_div .item .d2 h4{white-space: normal}
    .Culture_div .item .d2{width: 100%}
}

@media(max-width: 500px){
    .Culture_div .item{width: 100%}
    .Culture_div .item .d1{margin-top: 0}
    .Culture_div .item .d1 .i{display: none}
    .Culture_div .item .d2 .p1{display: inline-block}
    .Culture_div .item .d2{position: static;transform: translateX(0);left: auto;margin: 0 auto;margin-top: .4rem;width: 100%;}
    .Culture_div .item{padding-bottom: .5rem}
}