@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
}

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(../css/ietip/browser.png) no-repeat center center;
    margin: 200px auto 0;
}

#web-ietip a {
    display: block;
    width: 65px;
    height: 80px;
    float: left;
}


strong {
    font-weight: bold;
}

@media (min-width: 1700px) {
    html {
        font-size: 100px
    }
}

@media (max-width: 1700px) and (min-width: 901px) {
    html {
        font-size: calc(80vw / 1700 * 100);
    }

    .layout {
        padding: 0 6%;
    }

    .footer .layout {
        padding: 0 20px;
    }
}

@media (max-width: 900px) {
    html {
        font-size: calc(900px / 1620 * 100);
    }

    .layout {
        padding: 0 20px;
    }

}

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: 1620px;
    margin: 0 auto;
}

body {
    /* padding-top: 0.9rem; */
}


/* .header.on{background-color:rgba(0,104,183,.75);line-height:55px;} */
.header { /* position: fixed; */
    position: relative;
    line-height: 0.9rem;
    z-index: 1000;
    left: 0;
    right: 0;
    top: 0;
    color: #ffffff;
    transition: background-color .6s;
    background: #0068b7;
}

.logo {
    float: left;
}

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

.logo img {
    position: absolute;
    top: 50%;
    left: 0;
    transform: translateY(-50%);
    max-height: 80%;
}

.rightbox {
    float: right
}

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

.nav li {
    float: left;
    margin-right: 0px;
    font-size: calc(12px - 0.12rem + 0.18rem);
    position: relative;
}

.nav li a {
    color: #fff;
    display: block;
    font-weight: bold;
}

.nav > li {
    padding: 0 10px;
}

.lan {
    float: left;
    position: relative;
    padding: 0 0.25rem;
    transition: all .25s
}

/* .search{float: left;transition: all .25s}
.search_b{display: inline-block;vertical-align: middle;border: 1px solid rgba(255,255,255,.7);height: 38px;border-radius: 38px;}
.search-t{vertical-align: top;background: none;height: 38px;line-height: 38px;text-indent: 15px;font-size: 14px;color: #fff;border: none;float: left;width: 100px;}
.search-t::placeholder{
    color:#fff;
}
.search-s{width: 43px;height: 38px;background:url(../images/searchb.png) center no-repeat;border: none;vertical-align: top;cursor: pointer;}
 */


.lan-open {
    display: inline-block;
    width: 31px;
    height: 22px;
    background: url(../images/lano.png) center no-repeat;
    vertical-align: middle;
}

.lan-list {
    position: absolute;
    background: #0068b7;
    width: 100%;
    top: 150%;
    text-align: center;
    line-height: 40px;
    opacity: 0;
    left: -20000px;
    transition: top .35s, opacity .35s;
}

.lan-list a {
    color: #fff;
    display: block;
    border-bottom: 1px solid #6e96e8;
    font-size: 15px;
}

.lan-list li:last-child a {
    border: none
}

.lan:hover .lan-list {
    display: block;
    left: 0;
    top: 100%;
    opacity: 1;
}

.rightbox-o {
    display: none;
}

.rightbox-c {
    display: none;
}

.lan-open {
    display: inline-block;
    width: 31px;
    height: 22px;
    background: url(../images/lano.png) center no-repeat;
    vertical-align: middle;
}

.lan-list {
    position: absolute;
    background: #0068b7;
    width: 100%;
    top: 150%;
    text-align: center;
    line-height: 40px;
    opacity: 0;
    left: -20000px;
    transition: top .35s, opacity .35s;
}

.lan-list a {
    color: #fff;
    display: block;
    border-bottom: 1px solid #6e96e8;
    font-size: 15px;
}

.lan-list li:last-child a {
    border: none
}

.lan:hover .lan-list {
    display: block;
    left: 0;
    top: 100%;
    opacity: 1;
}

.rightbox-o {
    display: none;
}

.rightbox-c {
    display: none;
}

.lan .cur {
    font-size: 18px;
    color: #fff;
    position: relative;
    display: inline-block;
    width: 31px;
    height: 22px;
    background: url(../images/lano.png) center no-repeat;
    vertical-align: middle;
}

.lan .cur:before{
    content:'';
    width:1px;
    height:20px;
    background:#fff;
    position:absolute;
    left:-0.2rem;
    top:50%;
    margin-top:-10px;

}

/* .lan .cur:after {
    display: inline-block;
    content: '';
    width: 10px;
    height: 10px;
    border-top: 1px solid #fff;
    border-right: 1px solid #fff;
    transform: rotate(-45deg) translateY(50%);
    margin-left: 10px;
} */


.sub {
    width: 100%;
    background-color: #ee7c00;
    position: absolute;
    left: 0%;
    top: 100%;
    display: none;
}

.sub > li {
    margin-left: 0;
    float: none;
    width: 100%;
}

.sub > li > a {
    display: block;
    width: 100%;
    height: 35px;
    line-height: 35px;
    text-align: center;
    font-size: calc(12px - 0.12rem + 0.18rem);
    color: #fff;
    font-weight: normal;
}

.sub > li > a:hover {
    background-color: #de7400;
}

.nav > li.active > a {
    position: relative;
}


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

.nav > li:hover,
.nav .on {
    background: #ee7c00;
    /* padding-right: 30px; */
    position: relative;
}

.has-nav:hover:after {
    content: '';
    width: 6px;
    height: 6px;
    border-top: 1px solid #fff;
    border-right: 1px solid #fff;
    transform: rotate(-45deg) translateY(-50%);
    position: absolute;
    right: 5px;
    top: 50%;
}


.footer {
    z-index: 1;
    position: relative;
    background: #0068b7;
    padding: 4.1% 0 3%;
}

.weblink {
    overflow: hidden;
    margin-bottom: 40px;
}

.weblink dl {
    float: left;
    text-align: center;
}

.weblink dt {
    margin-bottom: 15px;
    line-height: 1.3;
    padding: 0 15px;
    position: relative;
}

.weblink dt:after {
    content: '';
    width: 1px;
    height: 15px;
    background: #fff;
    position: absolute;
    right: 0;
    top: 3px;
}

.weblink dl:last-of-type dt {
    border: none;
    padding-right: 0;
}

.weblink dl:first-of-type dt {
    padding-left: 0;
}

.weblink dl:last-of-type dt:after {
    display: none;
}

.weblink dt a {
    color: #fff;
    font-weight: bold;
    font-size: 14px;
    transition: all ease .3s 0s;
    -moz-transition: all ease .3s 0s;
    -webkit-transition: all ease .3s 0s;
}

.weblink dd {
    line-height: 26px;
}

.weblink dd a {
    color: #fff;
    font-size: 14px;
    transition: all ease .3s 0s;
    -moz-transition: all ease .3s 0s;
    -webkit-transition: all ease .3s 0s;
}

.weblink dt a:hover,
.weblink dd a:hover {
    color: #f08200;
}

.ft-ser {
    /*max-width: 520px;*/
    max-width: 600px;
    font-size: 16px;
    color: #fff;
    font-weight: 600;
    vertical-align: bottom;
}

.cell-tp {
    font-style: oblique;
    margin-bottom: 10px;
    line-height: 26px;
}

.cell-tp span {
    font-size: 24px;
    color: #f08200;
}

.cell-tp em {
    font-weight: normal;
}

.cell-bt {
    overflow: hidden;
}

.cell-bt li {
    float: left;
    font-size: 14px;
    margin-left: 18px;
    width: 200px;
    /* width: 50%; */
}

.cell-bt li:nth-of-type(3n-2) {
    margin-left: 0;
}


.footbot {
    margin-top: 20px;
    border-top: 1px solid #7eadce;
    font-size: 14px;
    float: left;
    width: 100%;
    padding: 20px 0 0;
}

.commsg {
    font-size: 12px;
}

.commsg a {
    color: #fcf1e4;
    display: inline-block;
    transition: all ease .3s 0s;
    -moz-transition: all ease .3s 0s;
    -webkit-transition: all ease .3s 0s;
}

.commsg a:after {
    content: '';
    display: inline-block;
    vertical-align: middle;
    height: 15px;
    width: 1px;
    background: #fff;
    margin: -3px 10px 0;
}

.commsg a:last-of-type:after {
    display: none;
}

.commsg a:hover {
    color: #f08200;
}

.commsg span {
    margin: 0 12px;
    color: #e1e1e1;
}

.copyright {
    font-size: 12px;
    color: #fcf1e4;
    padding-top: 10px;
}

.ft-lt {
    float: left;
    /* overflow: hidden; */
    /* width: 25%; */
}
.ft-lt .ft-ewm{
    overflow: hidden;
    margin-bottom: 0.3rem;
}

.share-mod .sh-it{
    height: 40px;
    width: 40px;
    border-radius: 100%;
    margin-right: 0.15rem;
    background-position: center;
    background-size: 100% 100%;
    background-repeat: no-repeat;
    display: block;
    float: left;
}
.share-mod .ic-linkedin{
    background-image: url(../images/ic-linkedin.png);
}
.share-mod .ic-facebook{
    background-image: url(../images/ic-facebook.png);
}
.share-mod .ic-weibo{
    background-image: url(../images/ic-weibo.png);
}
.share-mod .ic-linkedin:hover{
    background-image: url(../images/ic-linkedin-sel.png);
}
.share-mod .ic-facebook:hover{
    background-image: url(../images/ic-facebook-sel.png);
}
.share-mod .ic-weibo:hover{
    background-image: url(../images/ic-weibo-sel.png);
}
.share-mod .a2a_svg{
    width: 100%;
    height: 100%;
    background: none! important;
}
.share-mod .a2a_svg svg{
    display: none;
}

.logo2 {
    margin-bottom: 70px;
    display: block;
}

.logo2 img {
    max-width: 65%;
}

.footer .layout {
    max-width: 1200px;
}

.ft-ewm li {
    float: left;
    margin-right: 30px;
    text-align: center;
    font-size: 12px;
    color: #fff;
}

.ft-ewm li img {
    margin-bottom: 10px;
}

.ft-rg {
    width: 71%;
    float: right;
}


@media screen and (max-width: 1700px) {
    .nav li,
    .sub > li > a {
        font-size: calc(12px - 0.12rem + 0.16rem);
    }

    .nav > li {
        /* padding: 0 16px 0 16px; */
        font-size: calc(12px - 0.12rem + 0.16rem);
    }

}

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

}

@media screen and (max-width: 1220px) {
    .rightbox-c {
        text-align: right;
        display: block;
        border-bottom: 1px solid #eee;
        margin-bottom: 20px;
    }

    .rightbox-c i {
        display: inline-block;
        width: 24px;
        background: url(../images/menuc.png) center no-repeat;
        background-size: 100% auto;
        margin-right: 20px;
    }

    .rightbox-o {
        float: right;
        display: block;
        width: 24px;
        background: url(../images/menu.png) center no-repeat;
        background-size: 100% auto;
    }

    .header {
        line-height: 55px;
    }

    .logo img {
        max-height: 60%;
    }

    /* body{ padding-top: 55px; }
     */
    .rightbox {
        position: fixed;
        z-index: 10000;
        width: 0;
        height: 0;
    }

    .rightbox::after {
        transition: opacity .35s;
        position: fixed;
        left: 200%;
        top: 0;
        right: 0;
        bottom: 0;
        background: rgba(0, 0, 0, .5);
        content: '';
        opacity: 0;
    }

    .rightbox-b {
        position: fixed;
        top: 0;
        bottom: 0;
        width: 200px;
        z-index: 1;
        overflow: auto;
        background: #ffffff;
        right: -100%;
        opacity: 0;
        transition: right .35s, opacity .35s;
    }

    .rightbox.on::after {
        opacity: 1;
        left: 0;
    }

    .rightbox.on .rightbox-b {
        right: 0;
        opacity: 1;
    }

    .nav {
        float: left;
        padding-right: 0;
        width: 100%;
    }

    .nav li {
        margin-left: 0;
        font-size: 16px;
        width: 100%;
        text-align: center;
    }

    .nav li a {
        color: #333;
    }

    .lan {
        padding: 20px 0;
        width: 100%;
    }

    .lan-list {
        position: inherit;
        top: 0;
        float: left;
        line-height: 50px;
        opacity: 1;
        left: 0;
    }

    .lan-list li {
        float: left;
        width: 50%;
    }

    .lan-list a {
        border-bottom: none;
        font-size: 14px;
    }

    .lan:hover .lan-list {
        top: 0;
    }

    .footer .layout {
        padding: 0 30px;
    }

    .ft-lt {
        width: 100%;
        float: none;
        text-align: center;
        margin-bottom: 6%;
    }

    .ft-ewm li {
        display: inline-block;
        float: none;
        margin: 0 15px;
    }
    /* 修改2-start */
    .share-mod,
    .share-mod .a2a_kit{
        text-align: center;
    }
    .share-mod .sh-it{
        display: inline-block;
        vertical-align: middle;
        margin: 0 0.1rem;
        float: none;
    }
    .share-mod .a2a_default_style .a2a_svg{
        float: none;
        display: inline-block;
    }
     /* 修改2-end */
    .logo2 {
        margin-bottom: 4%;
    }

    .ft-rg {
        width: 100%;
        float: none;
    }

    .weblink {
        display: flex;
    }

    .weblink dl {
        flex: 1;
    }

    .ft-ser {
        margin: 0 auto;
    }

    .footbot {
        text-align: center;
    }

}


@media screen and (max-width: 800px) {
    .rightbox-c {
        margin-bottom: 10px;
    }

    .rightbox-c i {
        width: 20px;
        margin-right: 10px;
    }

    .rightbox-o {
        width: 20px;
    }

    .header {
        line-height: 45px;
    }

    .header.on {
        line-height: 45px;
    }

    /* body{ padding-top: 45px; } */
    .nav li {
        font-size: 15px;
    }

    .lan {
        padding: 15px 0;
    }

    .lan-list {
        top: 0;
        float: left;
        line-height: 41px;
    }

    .lan-list a {
        font-size: 13px;
    }

    .weblink {
        display: block;
        margin-bottom: 3%;
    }

    .weblink dt a {
        font-size: 13px;
    }

    .weblink dt {
        position: relative;
        padding: 0 0 3px;
        line-height: 25px;
        margin-bottom: 0;
    }

    .weblink dt::after {
        display: none;
    }

    .weblink .has-sec dt::after {
        display: block;
        content: '';
        position: absolute;
        right: 10px;
        top: 50%;
        background: url("../images/i1.png") center no-repeat;
        width: 14px;
        height: 7px;
        margin-top: -4px;
    }

    .weblink .has-sec.on dt::after {
        transform: rotateX(180deg)
    }

    .weblink dd {
        line-height: 23px;
    }

    .weblink dl {
        border-bottom: 1px solid #7eadce;
        width: 100%;
        margin-bottom: 3%;
        text-align: left;
    }

    .weblink dl.on {
        padding-bottom: 3%
    }

    .weblink dd {
        display: none;
    }

    .weblink dl.on dd {
        display: block;
    }

    .weblink dd a {
        font-size: 13px;
    }

    .ft-ser {
        width: 100%;
        font-size: 15px;
        max-width: 100%;
    }

    .cell-tp span {
        font-size: 18px;
    }

    .cell-bt li {
        width: 100%;
        line-height: 1.6;
    }

    .cell-bt li:nth-of-type(2n),
    .cell-bt li:nth-of-type(3) {
        margin-left: 0px;
    }
}


.hm-ban {
    position: relative;
    padding-bottom: 0.5rem;
}

.hm-ban img {
    width: 100%;
}

.sear-box {
    width: 1620px;
    height: 1.4rem;
    line-height: 0.9rem;
    background: #fff;
    box-shadow: 0 0 0.2rem rgba(0, 0, 0, 0.1);
    position: absolute;
    bottom: 0.1rem;
    left: 50%;
    transform: translate(-50%, 0);
    z-index: 3;
    padding: 0.25rem 0.5rem;
    display: flex;
    align-items: center;
}

.sear-box .tex {
    width: 85%;
    height: 100%;
    border: 2px solid #f08200;
    border-right: none;
    padding: 0 0.4rem;
    font-size: calc(12px - 0.12rem + 0.24rem);
}

.sear-box .btn {
    width: 15%;
    height: 100%;
    float: right;
    background: url(../images/icon-search.png) no-repeat center;
    border: 2px solid #f08200;
    border-left: none;
    background-size: 0.54rem 0.42rem;
    border-radius: 0 0.05rem 0.05rem 0;
    cursor: pointer;
}

.sear-box .sear-lt {
    height: 100%;
    float: left;
    flex: 1;
    padding-left: 1.6rem;
    position: relative;
}

.sear-box .sear-lt span {
    position: absolute;
    width: 1.6rem;
    height: 100%;
    left: 0;
    top: 0;
    text-align: center;
    background: #f08200;
    font-size: calc(12px - 0.12rem + 0.24rem);
    color: #fff;
    border-radius: 0.05rem 0 0 0.05rem;
}

.sear-box .sear-rg {
    float: right;
    color: #f08200;
    margin-left: 0.8rem;
}

.sear-box .tel {
    display: inline-block;
    vertical-align: middle;
    font-size: calc(12px - 0.12rem + 0.38rem);
    font-weight: 600;
    font-style: italic;
}

.sear-box .tel em {
    font-weight: normal;
    font-size: calc(12px - 0.12rem + 0.32rem);
    font-style: italic;
}

.sear-box .sear-rg span {
    font-size: calc(12px - 0.12rem + 0.3rem);
    font-weight: 600;
    display: inline-block;
    vertical-align: middle;
}

.sear-box .sear-rg span:before {
    content: '';
    width: 2px;
    height: 0.44rem;
    display: inline-block;
    vertical-align: middle;
    background: #f08200;
    margin: 0 0.2rem;
}

.hm-ban .swiper-pagination {
    bottom: 1.6rem;

}

.hm-ban .swiper-pagination-bullet {
    width: 1.1rem;
    height: 7px;
    border-radius: 7px;
}

.hm-ban .swiper-pagination-bullet-active {
    background: #ee7c00;
}

.tt-mod {
    color: #434343;
    padding: 0.4rem 0 0.3rem;
}

.tt-mod .cn {
    display: inline-block;
    font-size: calc(12px - 0.12rem + 0.4rem);
    border-bottom: 0.06rem solid #f08200;
}

.tt-mod .en {
    display: inline-block;
    font-size: calc(12px - 0.12rem + 0.3rem);
}

.hm-bus {
    padding-bottom: 0.95rem;
}

.hm-bus .content {
    height: 7.15rem;
}

.hm-bus .pic {
    height: 100%;
    width: 40%;
    float: left;
    background: #eee;
}

.hm-bus .pic .it {
    height: 100%;
    width: 100%;
    background-position: center;
    background-size: cover;
    display: none;
}

.hm-bus .pic .it.on {
    display: block;
}

.hm-bus .bus-rg {
    width: 60%;
    height: 100%;
    float: right;
}

.hm-bus .bus-rg .con-box {
    width: 100%;
    height: 100%;
}

.hm-bus .bus-it {
    display: block;
    float: left;
    width: 33.3%;
    height: 50%;
    background-color: #f08200;
    display: flex;
    position: relative;
    text-align: center;
    overflow: hidden;
    cursor: pointer;
}

.hm-bus .bus-rg .bg {
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    opacity: 0.6;
    background-position: center;
    background-size: cover;
}

.hm-bus .bus-rg .con {
    width: 100%;
    height: 100%;
    position: absolute;
    text-align: center;
    top: 50%;
    transform: translateY(-25%);
}

.hm-bus .bus-rg .con .icon {
    height: 1rem;
}

.bus-rg .tt {
    color: #fff;
    font-size: calc(12px - 0.12rem + 0.24rem);
    margin-top: 0.1rem;
}

.bus-it:hover,
.bus-it.on {
    background: #0068b7;
}

.bus-it:hover .bg,
.bus-it.on .bg {
    display: none;

}

.bus-it:hover .con,
.bus-it.on .con {
    display: none;
}

.bus-it:hover .sh-con,
.bus-it.on .sh-con {
    display: block;
}

.bus-it .sh-con {
    padding: 0.4rem 0.25rem;
    color: #fff;
    text-align: left;
    display: none;
    transition: all ease .3s 0s;
    -moz-transition: all ease .3s 0s;
    -webkit-transition: all ease .3s 0s;
}

.bus-it .sh-con .dd {
    font-size: calc(12px - 0.12rem + 0.18rem);
    line-height: 1.5;
    margin-bottom: 0.2rem;
}

.bus-it .sh-con .sh-sec {
    display: flex;
    height: 1.5rem;
}

.bus-it .sh-con li {
    /* width: 50%;
    float: left; */
    flex: 1;
    text-align: center;
    font-size: calc(12px - 0.12rem + 0.14rem);
}

.bus-it .sh-con .icon {
    margin-bottom: 0.15rem;
    height: 0.5rem;
}

.bus-it .sh-con .more {
    display: inline-block;
    vertical-align: middle;
    text-align: center;
    width: auto;
    line-height: 0.34rem;
    padding:  0 0.15rem;
    border: 1px solid #fff;
    border-radius: 0.04rem;
    color: #fff;
    font-size: calc(12px - 0.12rem + 0.15rem);
    /* float: right; */
    position: absolute;
    right: 0.3rem;
    bottom: 0.3rem;
    /*  margin-top: 0.65rem; */
}
.bus-it .sh-con .more:hover{
    background:#f08200;
    border-color: #f08200;
}

.hm-core {
    height: 8.3rem;
}

.hm-core .tt-mod1 {
    margin-top: 0.5rem;
    margin-bottom: 0.3rem;
}

.core-lt {
    height: 100%;
    width: 72%;
    float: left;
    background: #e5e5e5;
    /* padding-left: 8%; */
    position: relative;
}

.core-lt .pic {
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
}

.core-lt .pic .it {
    width: 100%;
    height: 100%;
    display: none;
    background-position: center;
    background-size: cover;
}

.core-lt .pic .it.on {
    display: block;
}

.core-lt .tex-box {
    position: relative;
    z-index: 2;
}

.core-lt .cl-top {
    text-align: center;
    color: #fff;
    border-bottom: 2px solid rgba(255, 255, 255, 0.5);
    width: 75.2%;
    margin: 0 auto;
}

.core-lt .cl-top .icon {
    height: 0.6rem;
}

.core-it:nth-of-type(1) .cl-top {
    width: 80%;

}

.core-it:nth-of-type(4) .cl-top {
    width: 83.4%;

}

.core-it:nth-of-type(5) .cl-top {
    width: 67%;
}
.core-it:nth-of-type(6) .cl-top {
    width: 87.6%;
}

/* .core-lt .cl-top.on{
    transform: translateX(0px);
    opacity: 1;
} */
.core-lt .cl-top:after {
    content: "";
    height: 0.5rem;
    width: 2px;
    display: block;
    margin: 0.1rem auto 0;
    background: #fff;
    opacity: 0.5;
}

.core-lt .cl-top .tt {
    font-size: calc(12px - 0.12rem + 0.3rem);
    line-height: 1.1;
    margin-bottom: 4px;
    margin-top: 0.1rem;
}

.core-lt .cl-top .dd {
    font-size: calc(12px - 0.12rem + 0.2rem);
    line-height: 1.1;
}

.core-lt .cl-it {
    /* width: 20%;
    float: left; */
    text-align: center;
    color: #fff;
    flex: 1;
}

/* .core-lt .cl-it.anmitem{
    transform: translateX(-100px);
    opacity: 0;
}
.core-lt .cl-it.on{
    transform: translateX(0px);
    opacity: 1;
} */
.core-lt .cl-it .it {
    margin-bottom: 0.3rem;
}

.core-lt .cl-it .it:hover .icon {
    transform: rotate(360deg);
}

.core-lt .cl-it:before {
    content: "";
    height: 0.35rem;
    width: 0.11rem;
    display: block;
    margin: 0 auto 0.15rem;
    background: url(../images/ej-arr.png) no-repeat center;
    background-size: 100% 100%;
}

.core-lt .cl-it .icon {
    margin-bottom: 0.1rem;
    height: 0.5rem;
    transition: all .5s
}

.core-lt .cl-it .tt {
    font-size: calc(12px - 0.12rem + 0.2rem);
    line-height: 1.1;
    margin-bottom: 0.1rem;
    width: 90%;
    margin: 0 auto;
}

/* .core-lt .cl-it .dd{
    font-size: 16px;
    line-height: 18px;
    opacity: 0.35;
} */
.core-lt .cl-line {
    /*  border-top: 1px solid rgba(255,255,255,0.5); */
    display: flex;
}

/* .core-lt  .cl-line:before{
    content: '';
    width: 80.1%;
    height: 1px;
    background: #fff;
    opacity: 0.5;
    display: block;
    margin: 0 auto;
    flex:0;
}  */


.tt-mod1 {
    color: #fff;
    text-align: center;
    margin-top: 0.8rem;
    margin-bottom: 0.5rem;
    position: relative;
    z-index: 2;
}

.tt-mod1 .cn {
    display: inline-block;
    font-size: calc(12px - 0.12rem + 0.4rem);
    /*border-bottom: 0.06rem solid #fff;*/
    border-bottom: 0.03rem solid #fff;
}

.tt-mod1 .en {
    /*font-size: calc(12px - 0.12rem + 0.3rem);*/
    font-size: calc(12px - 0.12rem + 0.2rem);
}

.core-menu {
    height: 100%;
    width: 28%;
    float: right;
    /* overflow: hidden; */
}

.core-menu .it {
    /* height: 20%; */
    background: #d8d8d8;
    border-top: 1px solid #fff;
    border-bottom: 1px solid #fff;
    padding: 0 0.4rem;
    /* display: flex;
    align-items: center; */
    height: 1.38rem;
    line-height: 1.38rem;
    position: relative;
    cursor: pointer;
    transition: all ease .3s 0s;
    -moz-transition: all ease .3s 0s;
    -webkit-transition: all ease .3s 0s;
}

.core-menu .it:before {
    transition: all ease .3s 0s;
    -moz-transition: all ease .3s 0s;
    -webkit-transition: all ease .3s 0s;
}

.core-menu .icon {
    width: 0.8rem;
    position: relative;
    z-index: 2;
    display: inline-block;
    vertical-align: middle;
    margin-top: -0.03rem;
}

.core-menu .icon img {
    width: 100%;
    transition: all ease .3s 0s;
    -moz-transition: all ease .3s 0s;
    -webkit-transition: all ease .3s 0s;
}

.core-menu .icon .sel {
    display: none;
}

.core-menu .tt {
    color: #000;
    font-size: calc(12px - 0.12rem + 0.24rem);
    margin-left: 0.2rem;
    position: relative;
    z-index: 2;
    display: inline-block;
    vertical-align: middle;
}

.core-menu .it:hover .nor,
.core-menu .it.on .nor {
    display: none;
}

.core-menu .it:hover .sel,
.core-menu .it.on .sel {
    display: inline-block;
}

.core-menu .it:hover .tt,
.core-menu .it.on .tt {
    color: #fff;
}

.core-menu .it:hover,
.core-menu .it.on {
    background: #f08200;
}

.core-menu .it:nth-of-type(1):hover,
.core-menu .it:nth-of-type(1).on,
.core-menu .it:nth-of-type(3):hover,
.core-menu .it:nth-of-type(3).on,
.core-menu .it:nth-of-type(5):hover,
.core-menu .it:nth-of-type(5).on {
    background: #0068b7;
}

/* .core-menu .it:hover:before,
.core-menu .it.on:before{
    content: '';
    width: 100%;
    height: 100%;
    background: red;
    position: absolute;
    z-index: 1;
    left: 0;
    top: -0.2rem;
    background: #f08200;
    border-top: 0.2rem solid #fff;
    border-bottom: 0.2rem solid #fff;
    box-shadow:  0 0.1rem 0.2rem rgba(0,0,0,0.1);

} */
.core-it {
    display: none;
}

.core-it.on {
    display: block;
}

.sol-it {
    display: block;
    width: 100%;
}

.sol-it .pic {
    height: 4.5rem;
    position: relative;
    overflow: hidden;
    background: #f08200;
    transition: all ease .3s 0s;
    -moz-transition: all ease .3s 0s;
    -webkit-transition: all ease .3s 0s;

}

.sol-it .pic .bg {
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    background-position: center;
    background-size: cover;
    opacity: 0.6;
}

.sol-it .tex {
    height: 2.2rem;
    text-align: center;
    background: #d8d8d8;
    padding: 0.4rem 0.5rem;
}

.sol-it .tex .icon {
    height: 0.7rem;
    margin-bottom: 0.15rem;
}

.sol-it .tex .icon img {
    height: 100%;
}

.sol-it .tex .icon .sel {
    display: none;
}

.sol-it .tex .dd {
    font-size: calc(12px - 0.12rem + 0.24rem);
    color: #444;
}

.hm-page .swiper-container {
    padding: 0 0 1.1rem;
}

.hm-page .swiper-pagination {
    bottom: 0.7rem;

}

.hm-page .swiper-pagination-bullet {
    width: 1.1rem;
    height: 7px;
    border-radius: 7px;
}

.hm-page .swiper-pagination-bullet-active {
    background: #ee7c00;
}

.hm-solu .swiper-slide {
    padding-top: 0.3rem;
    padding-bottom: 0.3rem;
    transition: all ease .3s 0s;
    -moz-transition: all ease .3s 0s;
    -webkit-transition: all ease .3s 0s;
    height: 7.3rem;
}

.hm-solu .swiper-slide:hover {
    padding-top: 0;
    padding-bottom: 0;
}

.sol-it:hover {
    /* transform:translateY(-0.3rem); */
}

.sol-it:hover .pic {
    height: 4.7rem;
}

.sol-it:hover .tex {
    height: 2.5rem;
    background: #f08200;
}

.sol-it:hover .tex .dd {
    color: #fff;
}

.sol-it:hover .tex .icon .nor {
    display: none;
}

.sol-it:hover .tex .icon .sel {
    display: inline-block;
}

.sol-it:hover .pic .bg {
    opacity: 1;
}

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

.hm-solu .sw-button {
    position: absolute;
    width: 0.3rem;
    height: 0.9rem;
    top: 3.4rem;
    z-index: 3;
    background-position: center;
    background-size: contain;
    cursor: pointer;
}

.hm-solu .sw-prev {
    left: -0.5rem;
    background-image: url(../images/sw-prev.png);
}

.hm-solu .sw-next {
    right: -0.5rem;
    background-image: url(../images/sw-next.png);
}

.hm-net {
    background-position: center;
    background-size: cover;
    padding: 0.7rem 0 0.8rem;
}


.hm-net .ab-bt {
    margin-top: 0.75rem;
    text-align: center;
}

.hm-net .ab-bt ul {
    /* width: 80%; */
    margin: 0 auto;
    overflow: hidden;
}

.hm-net .ab-bt li {
    width: 32%;
    display: inline-block;
    text-align: center;
    color: #8e8e8c;
    font-size: calc(12px - 0.12rem + 0.2rem);
    position: relative;
    margin-bottom: 1rem;
}

.hm-net .ab-bt li:after {
    content: '';
    width: 3px;
    height: 1.2rem;
    background: #fff;
    opacity: 0.6;
    position: absolute;
    right: 0;
    top: 0%;
}

.hm-net .ab-bt li:nth-of-type(3):after,
.hm-net .ab-bt li:nth-of-type(5):after {
    display: none;
}

.hm-net .ab-bt li h3 {
    display: inline-block;
    font-weight: 600;
    font-size: calc(12px - 0.12rem + 0.6rem);
}

.hm-net .ab-bt li .hd {
    font-size: calc(12px - 0.12rem + 0.38rem);
    color: #f08200;
    display: inline-block;
}

.hm-net .ab-bt .intro {
    display: inline-block;
    color: #fff;
    font-size: calc(12px - 0.12rem + 0.24rem);
}

.nw-it {
    width: 100%;
    display: block;
    height: 6.3rem;
    border: 2px solid #707070;
    padding: 0.35rem;
    color: #000;
    transition: all ease .3s 0s;
    -moz-transition: all ease .3s 0s;
    -webkit-transition: all ease .3s 0s;
}

.nw-it .pic {
    height: 2.55rem;
    background-position: center;
    background-size: cover;
    margin-bottom: 0.5rem;
}

.nw-it .time {
    font-size: calc(12px - 0.12rem + 0.2rem);
    padding-bottom: 0.15rem;
    border-bottom: 2px solid #707070;
    margin-bottom: 0.15rem;
    transition: border ease .3s 0s;
    -moz-transition: border ease .3s 0s;
    -webkit-transition: border ease .3s 0s;
}

.nw-it .tt {
    /* width: 60%; */
    font-size: calc(12px - 0.12rem + 0.24rem);
    line-height: 1.2;
    height: calc(12px * 1.2 * 2 - 0.12rem * 1.2 * 2 + 0.24rem * 1.2 * 2);
    font-weight: 600;
    margin-bottom: 0.2rem;
}

.nw-it .dd {
    font-size: calc(12px - 0.12rem + 0.18rem);
    line-height: 1.2;
    height: calc(12px * 1.2 * 3 - 0.12rem * 1.2 * 3 + 0.18rem * 1.2 * 3);
}

.nw-it .more {
    float: right;
    font-size: calc(12px - 0.12rem + 0.18rem);
    margin-top: 0.1rem;
}

.nw-it:hover {
    border-color: #ee7c00;
    box-shadow: 0 0 0.1rem rgba(0, 0, 0, 0.2);
    color: #ee7c00;
}

.nw-it:hover .time {
    border-color: #ee7c00;
}

.hm-news .swiper-container {
    padding-bottom: 1.4rem;
}

.bgg {
    background-color: #edecec;
}

.hm-gro {
    padding: 1.1rem 0;
}

.gro-lt {
    width: 42%;
    float: left;
}

.gro-lt .intro {
    font-size: calc(12px - 0.12rem + 0.18rem);
    line-height: 1.5;
    margin-top: 0.2rem;
    height: 3.7rem;
    border-bottom: 2px solid #989797;
}

.gro-lt .tex {
    height: 3.1rem;
}

.gro-lt .tex .thov {
    -webkit-line-clamp: 4;
}

.gro-lt .more {
    float: right;
    font-size: calc(12px - 0.12rem + 0.18rem);
    color: #000;
    transition: all ease .3s 0s;
    -moz-transition: all ease .3s 0s;
    -webkit-transition: all ease .3s 0s;
}

.gro-lt .more:hover {
    color: #f08200;
}

.hm-gro .video-box {
    width: 44%;
    float: right;
    height: 4.8rem;
    margin-top: 0.4rem;
    background: #000;
    border-radius: 0.1rem;
    overflow: hidden;
    box-shadow: 0 0.1rem 0.2rem rgba(0, 0, 0, 0.2);
    position: relative;
}

.hm-gro .video-box video {
    width: 100%;
    height: 100%;
}

.hm-gro .video-box .bg {
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    background-position: center;
    background-size: cover;
    z-index: 3;

}

.hm-gro .video-box .play {
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    z-index: 4;
    width: 0.8rem;
    height: 0.8rem;
    border-radius: 100%;
    background: rgba(0, 0, 0, 0.2) url(../images/icon-play.png) no-repeat center;
    background-size: contain;
    opacity: 0.8;
}

.fl-win {
    width: 0.8rem;
    position: fixed;
    right: 0rem;
    bottom: 1rem;
    z-index: 10;
}

.fl-win li {
    height: 0.8rem;
    line-height: 0.8rem;
    text-align: center;
    color: #fff;
    font-size: calc(12px - 0.12rem + 0.18rem);
    box-shadow: 0 0.1rem 0.2rem rgba(0, 0, 0, 0.24);
    background: #0068b7;
    position: relative;
    border-bottom: 1px solid #2b81c3;
}

.fl-win li a {
    line-height: normal;
    display: inline-block;
    vertical-align: middle;
    color: #fff;
    width: 100%;
}

.fl-win .tele-no {
    height: 100%;
    width: 2.6rem;
    padding: 0 0.1rem;
    background: #0068b7;
    position: absolute;
    color: #fff;
    z-index: -1;
    right: -3rem;
    top: 0;
    transition: all ease .5s 0s;
    -moz-transition: all ease .5s 0s;
    -webkit-transition: all ease .5s 0s;
}

.fl-win .tele-no p {
    font-size: 0.3rem;
}

.fl-win li:hover {
    background: #ee7c00;
}

.fl-win li:hover .tele-no {
    right: 0.8rem;
}

#backTop {
    cursor: pointer;
}

@media screen and (max-width: 1220px) {
    .hm-solu .sw-prev {
        left: 0;
    }

    .hm-solu .sw-next {
        right: 0;
    }

}

@media screen and (max-width: 1620px) {
    .sear-box {
        width: 84%;
        bottom: 0;
    }

    .lan {
        /* padding-left: 0; */
    }

    .core-lt {
        padding-left: 0;
    }

    .nw-it {
        padding: 0.25rem;
    }

    .nw-it .pic {
        margin-bottom: 0.3rem;
    }

    .hm-ban {
        /* padding-bottom: 0; */
    }

    /* .hm-ban .swiper-pagination{
        bottom: 0.5rem;
    } */
    .sol-it .tex .dd {
        font-size: calc(12px - 0.12rem + 0.2rem);
    }
}

@media screen and (max-width: 1220px) {
    .sear-box .tex {
        padding: 0 0.2rem;
        font-size: calc(12px - 0.12rem + 0.18rem);
    }

    .sear-box .sear-lt span {
        font-size: calc(12px - 0.12rem + 0.18rem);
    }

    .sear-box .sear-rg {
        margin-left: 0.3rem;
    }

    .sear-box .btn {
        background-size: 0.38rem 0.3rem;
    }

    .hm-ban .swiper-pagination {
        bottom: 0.3rem;
    }

    .hm-bus .content {
        height: auto;
    }

    .hm-bus .pic {
        width: 100%;
        height: 6rem;
    }

    .hm-bus .bus-rg {
        width: 100%;
        height: 7rem;
        float: none;
    }

    .bus-it .sh-con .more {
        margin-top: 0.3rem;
        width: auto;
        padding: 0.05rem 0.1rem;
        bottom: 0.1rem;
    }

    .bus-it .sh-con .dd {
        line-height: 1.3;
    }

    .hm-core {
        height: auto;
    }

    .core-lt {
        height: 9.5rem;
        float: none;
        width: 100%;
        overflow: hidden;
    }

    .core-menu {
        width: 100%;
        float: none;
    }

    /* .hm-bus{
    padding-bottom: 0;
} */
    .core-menu .it {
        height: 1.2rem;
        line-height: 1.2rem;
    }

    .sol-it .tex {
        padding: 0.4rem 0.3rem;
    }

    .sol-it .tex .dd {
        font-size: calc(12px - 0.12rem + 0.2rem);
    }

    .nw-it .dd {
        -webkit-line-clamp: 2;
        font-size: calc(12px - 0.12rem + 0.16rem);
        height: calc(12px * 1.2 * 2 - 0.12rem * 1.2 * 2 + 0.16rem * 1.2 * 2);
    }

    .nw-it .tt {
        /* width: 80%; */
        font-size: calc(12px - 0.12rem + 0.22rem);
        height: calc(12px * 1.2 * 2 - 0.12rem * 1.2 * 2 + 0.22rem * 1.2 * 2);
    }

    .nw-it .more {
        font-size: calc(12px - 0.12rem + 0.2rem);
    }

    .gro-lt {
        width: 100%;
        float: none;
    }

    .hm-gro .video-box {
        width: 100%;
        float: none;
        height: 6rem;
    }

    .bus-it .sh-con .sh-sec {
        height: 1rem;
    }

    .sear-box {
        width: 100%;
        position: static;
        transform: translate(0%, 0);
    }

    .hm-ban {
        padding-bottom: 0;
    }
}

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

    .footer .layout {
        padding: 0 20px;
    }

    .sear-box {
        height: auto;
        display: block;
        overflow: hidden;
        padding: 0.2rem 20px 0.1rem;
    }

    .sear-box .sear-lt {
        float: none;
        height: 0.7rem;
        line-height: 0.7rem;
    }

    .sear-box .tex {
        float: left;
    }

    .sear-box .sear-rg {
        margin-left: 0;
        margin-top: 0.1rem;
        float: none;
        text-align: center;
    }

    .hm-ban .swiper-pagination {
        bottom: 0.2rem;
    }

    .hm-ban .swiper-pagination-bullet,
    .hm-page .swiper-pagination-bullet {
        width: 0.5rem;
        height: 4px;
        border-radius: 4px;
    }

    .tt-mod .cn,
    .tt-mod1 .cn {
        font-size: calc(12px - 0.12rem + 0.32rem);
    }

    .tt-mod .en,
    .tt-mod1 .en {
        font-size: calc(12px - 0.12rem + 0.22rem);
        display: block;
    }

    .hm-bus .pic {
        height: 4rem;
    }

    .hm-bus .bus-it {
        width: 16%;
        height: 100%;
    }

    .hm-bus .bus-rg {
        height: 3.3rem;
        overflow-x: auto;
    }

    .hm-bus .bus-rg .con-box {
        width: 420%;
    }

    .bus-rg .tt {
        font-size: calc(12px - 0.12rem + 0.2rem);
    }

    .bus-it .sh-con .dd,
    .bus-it .sh-con li {
        font-size: calc(12px - 0.12rem + 0.13rem);
    }

    .hm-bus {
        padding-bottom: 0.4rem;
    }

    .tt-mod1 {
        margin-top: 0.5rem;
        margin-bottom: 0.3rem;
    }

    .core-lt .cl-it .icon {
        margin-bottom: 0.1rem;
    }

    .core-lt .cl-it .tt {
        font-size: calc(12px - 0.12rem + 0.14rem);
    }

    .core-lt .cl-top .tt {
        font-size: calc(12px - 0.12rem + 0.24rem);
    }

    .core-lt .cl-top .dd {
        font-size: calc(12px - 0.12rem + 0.14rem);
    }

    .core-lt {
        height: 7.5rem;
    }

    .core-menu .it {
        height: 0.8rem;
        line-height: 0.8rem;
        border-top: 1px solid #898989;
        border-bottom: 1px solid #898989;
    }

    .core-menu .icon {
        width: 0.5rem;
    }

    .core-menu .tt {
        font-size: calc(12px - 0.12rem + 0.2rem);
    }

    .core-menu .it:hover:before, .core-menu .it.on:before {
        border-top: 0.1rem solid #fff;
        border-bottom: 0.1rem solid #fff;
        top: -0.1rem;
    }

    .core-lt .cl-top:after {
        height: 0.3rem;
    }

    .hm-solu .swiper-slide {
        height: 6.6rem;
    }

    .sol-it .pic {
        height: 3.8rem;
    }

    .sol-it:hover .pic {
        height: 4.1rem;
    }

    .sol-it .tex {
        padding: 0.3rem 0.2rem;
        height: 2.2rem;
    }

    .sol-it:hover .tex {
        height: 2.5rem;
    }

    .hm-net .ab-bt .intro {
        font-size: calc(12px - 0.12rem + 0.18rem);
    }

    .hm-net .ab-bt li {
        margin-bottom: 0.5rem;
    }

    .hm-net .ab-bt li:nth-of-type(3):after {
        display: block;
    }

    .hm-net .ab-bt li:nth-of-type(2):after,
    .hm-net .ab-bt li:nth-of-type(4):after,
    .hm-net .ab-bt li:nth-of-type(5):after {
        display: none;
    }

    .hm-net .ab-bt li .hd {
        font-size: calc(12px - 0.12rem + 0.2rem);
    }

    .hm-net .ab-bt li h3 {
        font-size: calc(12px - 0.12rem + 0.4rem);
    }

    .hm-gro {
        padding: 0.5rem 0;
    }

    .gro-lt .intro {
        font-size: calc(12px - 0.12rem + 0.18rem);
    }

    .hm-gro .video-box {
        height: 3.6rem;
    }

    .fl-win {
        width: 0.8rem;
        right: 0;
    }

    .fl-win li {
        height: 0.8rem;
        line-height: 0.8rem;
        font-size: calc(12px - 0.12rem + 0.14rem);
    }

    .fl-win li:hover .tele-no {
        right: -3rem;
    }
}

@media screen and (max-width: 640px) {
    .hm-net .ab-bt li {
        width: 48%;
    }

}


.banner img {
    width: 100%;
}

.sto-page1 {
    padding: 0.9rem 0;

}

.sto-page1 .layout {
    display: flex;
    align-items: center;
}

.sto-page1 .lt,
.sto-page1 .rg {
    width: 50%;
    float: left;
    padding: 0 1.5%;
}

.sto-page1 .lt {
    padding-top: 0.35rem;
}

.sto-page1 .lt img {
    max-width: 100%;
}

.sto-page1 .pic {
    margin-bottom: 0.6rem;
    max-width: 60%;
}

.sto-page1 .more {
    display: block;
    width: 2.3rem;
    line-height: 0.6rem;
    height: 0.6rem;
    background: #0168b5;
    color: #fff;
    text-align: center;
    font-size: calc(12px - 0.12rem + 0.22rem);
    transition: all ease .3s 0s;
    -moz-transition: all ease .3s 0s;
    -webkit-transition: all ease .3s 0s;
}

.sto-page1 .more:hover {
    background: #f08200;
}

.sto-page1 .hd {
    margin-bottom: 0.3rem;
    padding-bottom: 0.35rem;
    position: relative;
}

.sto-page1 .hd:after {
    content: '';
    position: absolute;
    left: 0;
    bottom: 0;
    width: 0.62rem;
    height: 5px;
    background: #0068b7;
}

.sto-page1 .hd .tt {
    color: #444;
    font-size: calc(12px - 0.12rem + 0.3rem);
    font-weight: 600;
}

.sto-page1 .tex {
    line-height: 1.8;
    font-size: calc(12px - 0.12rem + 0.22rem);
    color: #444;
    text-align: justify;
}

.sto-page1 .tex img {
    max-width: 100%;
}

.xb-cir {
    padding: 0.1rem 0 0.8rem;
    position: relative;
    width: 6.96rem;
    margin: 0.4rem auto 0;
}

.xb-cir .cri {
    width: 100%;
    height: 3.8rem;
    line-height: 3.8rem;
    border-radius: 100%;
    border: 2px dashed #f18709;
    text-align: center;
    background-position: center center;
    background-size: 100% 100%;
    position: relative;
}

.xb-cir .cri .ct {
    display: inline-block;
    vertical-align: middle;
    width: 1.3rem;
    height: 1.3rem;
    line-height: 1.3rem;
    border-radius: 100%;
    background: #403152;
    position: absolute;
    left: 50%;
    top: 0.9rem;
    margin-left: -0.65rem;
    transition: all ease .5s 0s;
    -moz-transition: all ease .5s 0s;
    -webkit-transition: all ease .5s 0s;
}

.xb-cir .ct img {
    max-width: 74%;
}

.xb-cir ul li {
    position: absolute;
    height: 1.3rem;
    width: 1.3rem;
    line-height: 1.3rem;
    border-radius: 100%;
    text-align: center;
    background: #f08300;
    font-weight: 600;
    font-size: calc(12px - 0.12rem + 0.28rem);
    color: #fff;
    transition: all ease .5s 0s;
    -moz-transition: all ease .5s 0s;
    -webkit-transition: all ease .5s 0s;
}

@keyframes animX {
    0% {
        left: -0.65rem;
    }
    100% {
        left: 6.56rem;
    }
}

@keyframes animY {
    0% {
        top: -0.65rem;
    }
    100% {
        top: 3.4rem;
    }
}

/* @keyframes animX1{
      0% {left: -0.65rem;}
    100% {left: 6.56rem;}
}
@keyframes animY1{
      0% {top: -0.65rem;}
    100% {top: 3.4rem;}
} */
@keyframes scale {

    0% {
        transform: scale(0.7)
    }
    50% {
        transform: scale(1)
    }
    100% {
        transform: scale(0.7)
    }
}

@keyframes opacity {
    0% {
        opacity: 0;
    }
    99% {
        opacity: 0;
    }
    100% {
        opacity: 1;
    }
}


.xb-cir .li1 {
    top: 0;
    left: 0.3rem;
    /* animation:
      animX 4s  cubic-bezier(0.36, 0, 0.64, 1) -2s infinite alternate,
      animY 4s cubic-bezier(0.36, 0, 0.64, 1) 0s infinite alternate,
      scale 8s cubic-bezier(0.36, 0, 0.64, 1) 0s infinite alternate; */
}

.xb-cir .li2 {
    top: 0;
    right: 0.3rem;
    /* animation:
      animX 4s  cubic-bezier(0.36, 0, 0.64, 1) -0s infinite alternate,
      animY 4s cubic-bezier(0.36, 0, 0.64, 1) 2s infinite alternate,
      scale 8s cubic-bezier(0.36, 0, 0.64, 1) 2s infinite alternate,
      opacity 2s; */
}

.xb-cir .li3 {
    bottom: 0;
    left: 50%;
    margin-left: -0.65rem;
    /*  animation:
     animX 4s  cubic-bezier(0.36, 0, 0.64, 1) 2s infinite alternate,
     animY 4s cubic-bezier(0.36, 0, 0.64, 1) 4s infinite alternate,
     scale 8s cubic-bezier(0.36, 0, 0.64, 1) 4s infinite alternate,
     opacity 4s; */
}

.xb-cir .cri .ct:hover {
    transform: rotate(360deg);
}

.xb-cir ul li:hover {
    transform: translate(0, -0.15rem);
}

.ej-bg {
    background-position: center;
    background-size: cover;
}

.sto-hd {
    margin: 0.9rem 0 0.7rem;
    text-align: center;
}

.sto-hd .tt {
    font-size: calc(12px - 0.12rem + 0.36rem);
    color: #000;
    font-weight: 600;
}

.sto-it {
    width: 31%;
    float: left;
    box-shadow: 0 0 0.15rem rgba(0, 0, 0, 0.1);
    margin: 0 1.1% 0.2rem;
    transition: all ease .3s 0s;
    -moz-transition: all ease .3s 0s;
    -webkit-transition: all ease .3s 0s;
}

.sto-it .hd {
    height: 0.9rem;
    line-height: 0.9rem;
    text-align: center;
    background: #0168b5;
    font-size: calc(12px - 0.12rem + 0.24rem);
    color: #fff;
    position: relative;
    transition: all ease .3s 0s;
    -moz-transition: all ease .3s 0s;
    -webkit-transition: all ease .3s 0s;
}

.sto-it .hd .icon {
    float: left;
    height: 0.64rem;
    position: absolute;
    left: 0.3rem;
    top: 50%;
    margin-top: -0.32rem;
}

.sto-it .hd .tt {
    display: inline-block;
}

.sto-it .tex {
    height: 2.7rem;
    background: #fff;
    padding: 0.35rem 0.2rem 0;
}

.sto-it .tex ul {
    overflow: hidden;
}
.sto-it .tex ul:after{
    content:'......';
    width:50%;
    float:right;
   font-size:0.3rem;
    padding-left: 9px;
    box-sizing: border-box;
}

.sto-it .tex li {
    width: 50%;
    float: left;
    font-size: calc(12px - 0.12rem + 0.21rem);
    color: #444;
    margin-bottom: 0.06rem;
    padding-left: 0.1rem;
    display: -webkit-box;
    position: relative;
}

.sto-it .tex li:before {
    content: '';
    display: inline-block;
    vertical-align: middle;
    width: 4px;
    height: 4px;
    border-radius: 100%;
    background: #444;
    margin-top: -3px;
    margin-right: 4px;
    position: absolute;
    left: 0;
    top: 50%;
}
/* .sto-it .tex .dot {
    padding-left: 8px;
} */

/* .sto-it .tex .dot:before {
    display: none;

} */

.sto-it:hover {
    transform: translate(0, -10px);
}

.sto-it:hover .hd {
    background: #f08200;
}

.sto-page2 .layout {
    max-width: 1480px;
}

.sto-page6 {
    padding-bottom: 1rem;
}

.sto-it1 {
    display: block;
    width: 24%;
    float: left;
    height: 3.3rem;
    line-height: 3.3rem;
    text-align: center;
    background: #0274c9;
    color: #fff;
    font-size: calc(12px - 0.12rem + 0.24rem);
    position: relative;
    margin: 0 .5% 2%;
    overflow: hidden;
    transition: all ease .3s 0s;
    -moz-transition: all ease .3s 0s;
    -webkit-transition: all ease .3s 0s;
}

.sto-it1 .pic {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    opacity: 0.4;
    transition: all ease .5s 0s;
    -moz-transition: all ease .5s 0s;
    -webkit-transition: all ease .5s 0s;
}

.sto-it1:hover .pic {
    transform: scale(1.1);
}

.sto-it1 .tex {
    position: relative;
    z-index: 2;
}

.sto-it1:hover {
    background: #f07100;
}


.sto-page5 .content {
    height: 85vh;
}

.sto-page5 .lt {
    width: 40%;
    height: 100%;
    line-height: 80vh;
    float: left;
    position: relative;
}

/* .sto-page5 .lt:before{
    content: '';
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    background: #0449d2;
    opacity: 0.7;
    position: absolute;
} */
.sto-page5 .lt .tex {
    display: inline-block;
    vertical-align: middle;
    line-height: normal;
    margin-left: 25%;
    width: 50%;
    color: #fff;
    position: relative;
    z-index: 2;
}

.sto-page5 .lt .hd {
    font-size: calc(12px - 0.12rem + 0.34rem);
    padding-bottom: 0.2rem;
    border-bottom: 0.06rem solid #fff;
    margin-bottom: 0.15rem;
}

.sto-page5 .lt li {
    line-height: 0.7rem;
    height: 0.7rem;
    border-bottom: 2px solid #fff;
    font-size: calc(12px - 0.12rem + 0.22rem);
}

.sto-page5 .lt em {
    font-size: calc(12px - 0.12rem + 0.42rem);
}

.sto-page5 .rg {
    width: 60%;
    height: 100%;
    float: right;
}

.sto-it2 {
    display: block;
    float: left;
    width: 49%;
    margin-left: 1%;
    height: 32.5%;
    margin-bottom: 1%;
    position: relative;
}

.sto-it2:before {
    content: '';
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    background: #0058cf;
    opacity: 0.7;
    position: absolute;
}

.sto-it2 .tt {
    position: absolute;
    height: 0.6rem;
    line-height: 0.6rem;
    width: 100%;
    padding: 0 0.3rem;
    left: 0;
    bottom: 0;
    color: #fff;
    font-size: calc(12px - 0.12rem + 0.24rem);
    transition: all ease .3s 0s;
    -moz-transition: all ease .3s 0s;
    -webkit-transition: all ease .3s 0s;
}

.sto-it2:hover:before {
    display: none;
}

.sto-it2 .more {
    position: absolute;
    left: 50%;
    top: 50%;
    color: #fff;
    font-size: calc(12px - 0.12rem + 0.26rem);
    transform: translate(-50%, -50%);
}

.core-menu .tex {
    color: #000;
    font-size: calc(12px - 0.12rem + 0.24rem);
    margin-left: 0.2rem;
    position: relative;
    z-index: 2;
    display: block;
    vertical-align: middle;
    line-height: normal;
    margin-left: 1.2rem;
    padding-top: 3%;
}

.core-menu .tex .tt {
    margin-left: 0;
    margin-bottom: 0.08rem;
    color: #0068b7;
}

.core-menu .tex .dd {
    color: #000;
    line-height: 1.3;
    font-size: calc(12px - 0.12rem + 0.14rem);
}

.core-menu .it:hover .tex .dd,
.core-menu .it.on .tex .dd {
    color: #fff;
}

.sto-page3 .core-menu {
    width: 40%;
}

.sto-page3 .core-lt {
    width: 60%;
}

.sto-page3 .hm-core {
    height: 85vh;
}

.sto-page3 .core-menu .it {
    height: 20%;
    line-height: 16vh;
    position: relative;
}

.sto-page3 .core-menu .icon {
    float: left;
    height: 100%;
}

.sto-page3 .more {
    display: inline-block;
    vertical-align: middle;
    text-align: center;
    width: 1.04rem;
    line-height: 0.34rem;
    border: 1px solid #333;
    border-radius: 0.04rem;
    color: #333;
    font-size: calc(12px - 0.12rem + 0.15rem);
    position: absolute;
    right: 0.2rem;
    bottom: 0.1rem;
}

.sto-page3 .core-menu .it:hover .more,
.sto-page3 .core-menu .it.on .more{
    color: #fff;
    border-color: #fff;
}

.sto-page3 .core-lt .tex-box {
    padding-top: 0.5rem;
}

.sto-page3 .core-lt .cl-top .icon {
    display: inline-block;
    vertical-align: middle;
}

.sto-page3 .core-lt .t-rg {
    display: inline-block;
    vertical-align: middle;
    margin-left: 0.1rem;
}

.sto-page3 .core-lt .cl-it .icon {
    margin-bottom: 0.05rem;
    height: 0.36rem;
}

.sto-page3 .core-lt .cl-it .it {
    margin-bottom: 0.15rem;
}

.sto-page3 .core-lt .cl-it .tt {
    font-size: calc(12px - 0.12rem + 0.16rem);
}

.sto-page3 .core-lt .cl-top .tt {
    font-size: calc(12px - 0.12rem + 0.26rem);
}

.sto-page3 .core-lt .cl-top .dd {
    font-size: calc(12px - 0.12rem + 0.14rem);
}

.sto-page3 .core-lt .cl-it:before {
    height: 0.25rem;
}

.sto-page3 .core-lt .cl-top:after {
    height: 0.3rem;
}

.sto-page3 .core-lt .cl-top .icon {
    height: 0.54rem;
}

.sto-page3 .cl-col {
    margin-bottom: 0.45rem;
}

.sto-page3 .cl-col:nth-of-type(2) .cl-top {
    width: 75.2%;
}

.bcs-mod {
    height: 6.4rem;
    box-shadow: 0 0 0.15rem rgba(0, 0, 0, 0.15);
    margin-bottom: 0.8rem;
}

.bcs-mod .int {
    text-align: center;
    width: 20%;
    height: 100%;
    float: left;
    color: #fff;
    padding: 0.65rem 0.1rem 0;
    transition: all ease .3s 0s;
    -moz-transition: all ease .3s 0s;
    -webkit-transition: all ease .3s 0s;
}

.bcs-mod .int:hover {
    transform: translate(0, -10px);
}

.bcs-mod .lt {
    background: #f08200;
}

.bcs-mod .con {
    width: 60%;
    height: 100%;
    float: left;
    padding: 0 0.2rem;
}

.bcs-mod .rg {
    background: #0068b7;
    float: right;
}

.bcs-mod .int .hd {
    margin-bottom: 0.25rem;
}

.bcs-mod .int .icon {
    margin-bottom: 0.25rem;
    height: 0.74rem;
}

.bcs-mod .int .hd .tt {
    font-size: calc(12px - 0.12rem + 0.24rem);
    font-weight: 600;
}

.bcs-mod .int li {
    margin-bottom: 0.2rem;
}

.bcs-mod .int li .tt {
    font-size: calc(12px - 0.12rem + 0.18rem);
    font-weight: 600;
    margin-bottom: 0.05rem;
}

.bcs-mod .int li .dd {
    font-size: calc(12px - 0.12rem + 0.16rem);
    line-height: 1.3;
}

.bcs-mod .con {
    padding-top: 0.8rem;
    text-align: center;
}

.bcs-mod .con img {
    max-width: 90%;
    max-height: 70%;
}

.bcs-mod .con .tt {
    font-size: calc(12px - 0.12rem + 0.24rem);
    color: #000;
    font-weight: 600;
    margin-bottom: 0.6rem;
}

.cs-mod {
    box-shadow: 0 0 0.15rem rgba(0, 0, 0, 0.15);
}

.cs-mod .hd {
    height: 0.9rem;
    line-height: 0.9rem;
}

.cs-mod .hd li {
    width: 20%;
    float: left;
    text-align: center;
    background: #0068b7;
    color: #fff;
    font-size: calc(12px - 0.12rem + 0.22rem);
    border-right: 2px solid #fff;
    cursor: pointer;
    transition: all ease .3s 0s;
    -moz-transition: all ease .3s 0s;
    -webkit-transition: all ease .3s 0s;
}

.cs-mod .hd li:last-of-type {
    border-right: none;
}

.cs-mod .hd .on,
.cs-mod .hd li:hover {
    background: #f08200;
    box-shadow: 0 0 0.15rem rgba(0, 0, 0, 0.15);
}

.cs-mod .bt {
    height: 6.4rem;
    overflow: hidden;
}

.cs-mod .bt li {
    width: 100%;
    height: 100%;
    padding-top: 0.7rem;
    text-align: center;
    display: none;
}

.cs-mod .bt li img {
    max-width: 80%;
    max-height: 70%;
}

.cs-mod .bt .tt {
    font-size: calc(12px - 0.12rem + 0.24rem);
    color: #000;
    font-weight: 600;
    margin-bottom: 0.6rem;
}

.cs-mod .bt .on {
    display: block;
}


.hea-it {
    float: left;
    display: block;
    width: 49.4%;
    margin: 0 0.3% 0.2rem;
}

.hea-it .pic {
    height: 4.4rem;
    overflow: hidden;
}

.hea-it .pic .ej-bg {
    width: 100%;
    height: 100%;
    transition: all ease .5s 0s;
    -moz-transition: all ease .5s 0s;
    -webkit-transition: all ease .5s 0s;
}

.hea-it .tex {
    height: 1.6rem;
    text-align: center;
    color: #000;
    background: #edecec;
    padding: 0.12rem 0.1rem;
    transition: all ease .3s 0s;
    -moz-transition: all ease .3s 0s;
    -webkit-transition: all ease .3s 0s;
}

.hea-it .tt {
    font-size: calc(12px - 0.12rem + 0.3rem);
    font-weight: 600;
    margin-bottom: 0.12rem;
}

.hea-it .dd {
    font-size: calc(12px - 0.12rem + 0.22rem);
}

.hea-it1 {
    display: block;
    width: 33.3%;
    float: left;
    cursor: pointer;
}

.hea-it1 .pic {
    height: 3.6rem;
    overflow: hidden;
}

.hea-it1 .tex {
    height: 3.6rem;
    background: #edecec;
    padding: 0.6rem 0.7rem 0;
    color: #000;
    transition: all ease .3s 0s;
    -moz-transition: all ease .3s 0s;
    -webkit-transition: all ease .3s 0s;
}

.hea-it1 .tt {
    font-size: calc(12px - 0.12rem + 0.26rem);
    font-weight: 600;
    margin-bottom: 0.35rem;
}

.hea-it1 .dd {
    font-size: calc(12px - 0.12rem + 0.16rem);
    line-height: 2;
}

.hea-it:hover .tex {
    background: #f08200;
    color: #fff;
}

.hea-it:hover .ej-bg {
    transform: scale(1.1);
}

.hea-page2 {
    padding-bottom: 0.9rem;
}

.hea-it1:hover .tex {
    color: #fff;
    background: #f08200;
}

.ds-page {
    padding-bottom: 1rem;
}

.ds-page .con-box {
    width: 100%;
    /* height: 5.5rem;
    line-height: 4.9rem; */
    text-align: center;
    /*background: #eee;*/
    border-radius: 0.1rem;
    padding: 0.3rem;
}

.ds-page .con-box img {
    max-width: 100%;
    max-height: 100%;
}


.gy-it {
    display: block;
    width: 100%;
    float: left;
    cursor: pointer;
}

.gy-it .pic {
    height: 4.8rem;
}

.gy-it .tex {
    height: 3.6rem;
    background: #edecec;
    padding: 0.3rem 0.4rem 0;
    color: #000;
    transition: all ease .3s 0s;
    -moz-transition: all ease .3s 0s;
    -webkit-transition: all ease .3s 0s;
}

.gy-it .tt {
    font-size: calc(12px - 0.12rem + 0.26rem);
    font-weight: 600;
    margin-bottom: 0.15rem;
    text-align: center;
    color: #0068b7;
    transition: all ease .3s 0s;
    -moz-transition: all ease .3s 0s;
    -webkit-transition: all ease .3s 0s;
}

.gy-it .dd {
    font-size: calc(12px - 0.12rem + 0.16rem);
    line-height: 1.8;
    text-align: justify;
}

.gy-it:hover .tex {
    color: #fff;
    background: #f08200;
}

.gy-it:hover .tt {
    color: #fff;
}

.part-mod .con-box {
    margin-bottom: 2rem;
    border-top: 4px solid #f08200;
    border-bottom: 4px solid #f08200;
    padding: 0.4rem 0;
    text-align: center;
}

.part-mod .it {
    display: inline-block;
    height: 1.4rem;
    line-height: 1.4rem;
    width: 9%;
    padding: 0.1rem;
}

.part-mod .it img {
    max-width: 94%;
    max-height: 94%;
    transition: all ease .3s 0s;
    -moz-transition: all ease .3s 0s;
    -webkit-transition: all ease .3s 0s;
}

.part-mod .it:hover img {
    transform: scale(1.1);
}


.wl-it {
    display: block;
    width: 32%;
    float: left;
    cursor: pointer;
    margin: 0 0.6% 0.2rem;
    transition: all ease .3s 0s;
    -moz-transition: all ease .3s 0s;
    -webkit-transition: all ease .3s 0s;
}

.wl-it:hover {
    transform: translate(0, -10px);
}

.wl-it .pic {
    height: 3.25rem;
}

.wl-it .tex {
    height: 1.65rem;
    background: #edecec;
    padding: 0.3rem 0.45rem 0;
    color: #000;
    transition: all ease .3s 0s;
    -moz-transition: all ease .3s 0s;
    -webkit-transition: all ease .3s 0s;
}

.wl-it .tt {
    font-size: calc(12px - 0.12rem + 0.24rem);
    font-weight: 600;
    margin-bottom: 0.3rem;
    text-align: center;
}

.wl-it .dd {
    font-size: calc(12px - 0.12rem + 0.16rem);
    height: 0.38rem;
    line-height: 0.38rem;
    width: 100%;
    border: 2px solid #f08200;
    text-align: center;
}

.wl-it:hover .tex {
    color: #fff;
    background: #f08200;
}

.wl-it:hover .dd {
    border-color: #fff;
}


.wl-it1 {
    display: block;
    float: left;
    height: 3.6rem;
    width: 16.6%;
    background: #edecec;
    text-align: center;
    cursor: pointer;
    color: #000;
    border-left: 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;
}

.wl-it1 .icon {
    height: 2.6rem;
    line-height: 2.6rem;
}

.wl-it1 .icon img {
    max-height: 1.1rem;
}

.wl-it1 .icon .sel {
    display: none;
}

.wl-it1 .tt {
    font-size: calc(12px - 0.12rem + 0.24rem);
    font-weight: 600;
    margin-top: 0.1rem;
}

.wl-it1:hover {
    background: #f08200;
    border-color: #f08200;
    color: #fff;
    box-shadow: 0 0 0.1rem rgba(0, 0, 0, 0.1);
}

.wl-it1:hover .nor {
    display: none;
}

.wl-it1:hover .sel {
    display: inline-block;
}

.wl-page4 {
    padding-bottom: 1rem;
}

.wl-it2 {
    width: 49%;
    display: block;
    float: left;
    margin: 0 0.5% 0.7rem;
}

.wl-it2 .hd {
    font-size: calc(12px - 0.12rem + 0.26rem);
    font-weight: 600;
    color: #000;
    padding: 0 0.6rem 0.3rem;
}

.wl-it2 .con {
    width: 100%;
    height: 3.6rem;
    margin-bottom: 0.25rem;
    position: relative;
    overflow: hidden;
}

.wl-it2 .con .tex {
    position: absolute;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(240, 130, 0, 0.8);
    padding: 0.7rem 0.6rem 0;
    color: #fff;
    bottom: -100%;
    transition: all ease .3s 0s;
    -moz-transition: all ease .3s 0s;
    -webkit-transition: all ease .3s 0s;
}

.wl-it2 .con .tt {
    font-size: calc(12px - 0.12rem + 0.22rem);
    font-weight: 600;
    margin-bottom: 0.25rem;
}

.wl-it2 .con .dd {
    font-size: calc(12px - 0.12rem + 0.16rem);
    line-height: 1.6;
    text-align: justify;
}

.wl-it2 .bt {
    padding: 0 0.6rem;
}

.wl-it2 .bt span {
    display: block;
    float: left;
    width: 32%;
    height: 0.42rem;
    line-height: 0.42rem;
    border-radius: 0.1rem;
    background: #f08200;
    text-align: center;
    color: #fff;
    font-size: calc(12px - 0.12rem + 0.22rem);
    margin: 0 0.6% 1%;
}

.wl-it2:hover .con .tex {
    bottom: 0;
}

.wl-page2 .content {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
}

.wl-it3 {
    display: block;
    float: left;
    height: 6rem;
    background: #edecec;
    text-align: center;
    width: 33.3%;
    padding-top: 0.5rem;
    color: #000;
    border-left: 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; */
}

.wl-it3 .pic {
    height: 2.6rem;
    line-height: 2.6rem;
    margin-bottom: 0.65rem;
}

.wl-it3 .pic img {
    max-height: 100%;
    max-width: 100%;
}

.wl-it3 .pic .sel {
    display: none;
}

.wl-it3 .tt {
    font-size: calc(12px - 0.12rem + 0.26rem);
    font-weight: 600;
    margin-bottom: 0.2rem;
}

.wl-it3 .dd {
    line-height: 1.4;
    font-size: calc(12px - 0.12rem + 0.22rem);
}

.wl-it3:hover {
    color: #fff;
    background: #f08200;
}

.wl-it3:hover .nor {
    display: none;
}

.wl-it3:hover .sel {
    display: inline-block;
}

.zx-page2 .wl-it3 {
    height: 7.4rem;
    padding-top: 0.6rem;
}

.zx-page2 .wl-it3 .pic {
    height: 2.9rem;
    line-height: 2.9rem;
    margin-bottom: 0.8rem;
}

.zx-page2 .wl-it3 .tex {
    width: 95%;
    margin: 0 auto;
}

.zx-page2 .wl-it3 .tt {
    font-size: calc(12px - 0.12rem + 0.22rem);
    line-height: 1.6;
    margin-bottom: 0.3rem;
}

.zx-page2 .wl-it3 .dd {
    font-size: calc(12px - 0.12rem + 0.16rem);
    line-height: 2;
    width: 82%;
    margin: 0 auto;
    text-align: left;
}

.zx-mod {
    height: 4.6rem;
    width: 100%;
}

.zx-mod .lt {
    width: 50%;
    height: 100%;
    float: left;
}

.zx-mod .lt .pic {
    width: 100%;
    height: 100%;
    display: none;
}

.zx-mod .lt .on {
    display: block;
}

.zx-mod .rg {
    width: 49.5%;
    height: 100%;
    float: right;
}

.zx-mod .rg li {
    height: 33.3%;
    line-height: 33.3%;
    width: 100%;
    background: #edecec;
    border-top: 1px solid #Fff;
    border-bottom: 1px solid #Fff;
    display: flex;
    align-items: center;
    cursor: pointer;
    padding-right: 0.1rem;
}

.zx-mod .rg .tt {
    width: 2rem;
    float: left;
    font-size: calc(12px - 0.12rem + 0.26rem);
    font-weight: 600;
    text-align: center;
    line-height: 100%;
}

.zx-mod .rg .dd {
    flex: 1;
    font-size: calc(12px - 0.12rem + 0.2rem);
    line-height: 1.5;
}

.zx-mod .rg .on {
    background: #f08200;
    color: #fff;
}

.zx-page3 .content {
    height: 7.5rem;
}

.zx-page3 .lt {
    width: 33.3%;
    height: 100%;
    float: left;
}

.zx-page3 .lt .pic {
    width: 100%;
    height: 100%;
}

.zx-page3 .rg {
    width: 66.6%;
    height: 100%;
    float: right;
}

.zx-page3 .rg .it {
    width: 33.3%;
    height: 50%;
    float: left;
    border: 1px solid #fff;
    background: #edecec;
    text-align: center;
    padding-top: 0.4rem;
    color: #000;
}

.zx-page3 .rg .it:hover {
    color: #fff;
    background: #f08200;
}

.zx-page3 .rg .tt {
    font-weight: 600;
    font-size: calc(12px - 0.12rem + 0.28rem);
    margin-bottom: 0.3rem;
}

/*.zx-page3 .rg ol li{
    font-size: calc(12px - 0.12rem + 0.18rem);
    line-height: 2;
    font-weight: 600;
}*/

.zx-page3 .rg ul li {
    font-size: calc(12px - 0.12rem + 0.18rem);
    line-height: 2;
    /* font-weight: 600; */
}

.fw-it {
    display: block;
    float: left;
    width: 24.5%;
    margin: 0 0.25% 2%;
    height: 3.6rem;
    text-align: center;
    border: 2px solid #dcdcdc;
    color: #000;
    position: relative;
    overflow: hidden;
}

.fw-it:after {
    content: '';
    width: 0.42rem;
    height: 0.56rem;
    position: absolute;
    right: 0.2rem;
    top: 50%;
    margin-top: -0.28rem;
    background: url(../images/icon-arr.png) no-repeat;
    background-size: contain;
    transition: all ease .3s 0s;
    -moz-transition: all ease .3s 0s;
    -webkit-transition: all ease .3s 0s;
}

.fw-it .pic {
    height: 2.5rem;
    line-height: 2.5rem;
}

.fw-it .pic img {
    max-width: 90%;
    max-height: 90%;
    opacity: 0.8;
}

.fw-it .tt {
    font-size: calc(12px - 0.12rem + 0.28rem);
    font-weight: 600;
}

.fw-it:hover {
    background: #f08200;
    border-color: #f08200;
    color: #fff;
}

.fw-it:hover:after {
    right: -0.5rem;
}

.kc-it {
    display: block;
    width: 50%;
    float: left;
    height: 1.14rem;
    line-height: 1.14rem;
    background: #edecec;
    padding-left: 1.1rem;
    padding-right: 0.1rem;
    color: #000;
    border: 1px solid #fff;
}

.kc-it .icon {
    width: 1rem;
    text-align: center;
    float: left;
}

.kc-it .icon .sel {
    display: none;
}

.kc-it .tt {
    font-size: calc(12px - 0.12rem + 0.28rem);
    font-weight: 600;
    float: left;
}

.kc-it:hover {
    color: #fff;
    background: #f08200;
}

.kc-it:hover .nor {
    display: none;
}

.kc-it:hover .sel {
    display: inline-block;
}

.sear-page1 {
    margin-bottom: 0.7rem;
}

.sear-page1 .con-box {
    background: #eeeeee;
    padding: 0.6rem 1.5rem 0.7rem;
}

.sear-page1 .sear-box {
    position: static;
    transform: translate(0%, 0);
    background: none;
    box-shadow: none;
    margin: 0 auto;
    max-width: 10.6rem;
    margin-bottom: 0.8rem;
}

.sear-page1 .sear-box .tex {
    background: none;
}

.sear-it {
    display: block;
    width: 100%;
    color: #000;
    position: relative;
    margin-bottom: 0.6rem;
}

.sear-it .hd {
    font-size: calc(12px - 0.12rem + 0.28rem);
    margin-bottom: 0.3rem;
    padding: 0 0.5%;
}

.sear-it .pic {
    margin-bottom: 0.3rem;
}

.sear-it .pic li {
    height: 3.7rem;
    width: 100%;
    /* margin: 0 0.5%;
    float: left;
     */
}

.sear-it .tex {
    font-size: calc(12px - 0.12rem + 0.22rem);
    line-height: 1.5;
    padding: 0 0.5%;
}

.sear-it .tex li span {
    font-weight: 600;
}

.sear-page1 .bt {
    position: relative;
}

.sear-it .sw-button {
    position: absolute;
    width: 0.3rem;
    height: 0.9rem;
    top: 2.1rem;
    z-index: 3;
    background-position: center;
    background-size: contain;
    cursor: pointer;
}

.sear-it .sw-prev {
    left: -0.5rem;
    background-image: url(../images/sw-prev.png);
}

.sear-it .sw-next {
    right: -0.5rem;
    background-image: url(../images/sw-next.png);
}

.sear-page2 {
    padding: 0 0 1.2rem;
}

.sear-page2 .layout {
    padding: 0 0.9rem;
}

.sear-page2 .content {
    padding: 0 0.6rem;
}

.sear-page2 .p-hd {
    padding: 0 0.6rem 0.3rem;
    border-bottom: 1px solid #959595;
    margin-bottom: 0.3rem;
    font-size: calc(12px - 0.12rem + 0.3rem);
    color: #f08200;
}

.sear-page2 .sear-it {
    margin-bottom: 0.6rem;
}

.ej-page {
    text-align: center;
    padding: 0.4rem 0;
}

.ej-page li {
    display: inline-block;
    vertical-align: middle;
    height: 0.6rem;
    line-height: 0.6rem;
    min-width: 0.6rem;
    border: 2px solid #cacaca;
    font-size: calc(12px - 0.12rem + 0.22rem);
    color: #cacaca;
    margin: 5px;
}

.ej-page li:hover,
.ej-page .on {
    background: #0168b5;
    border-color: #0168b5;
}

.ej-page li:hover a,
.ej-page .on a {
    color: #fff;
}

.ej-page li a {
    display: block;
    width: 100%;
    height: 100%;
    color: #cacaca;
}

.ej-page .btn {
    width: 1.8rem;
    background: #0168b5;
    border-color: #0168b5;
}

.ej-page .btn a {
    color: #fff;
}

.zx-page5 {
    padding-bottom: 1rem;
}

.cont-hd {
    text-align: left;
    color: #333;
    margin-top: 0.9rem;
    margin-bottom: 0.6rem;
}

.cont-hd .tt {
    display: inline-block;
    font-size: calc(12px - 0.12rem + 0.4rem);
    border-bottom: 6px solid #ee7c00;
    margin-bottom: 0.3rem;
}

.cont-hd .sw {
    float: right;
    padding-top: 0.08rem;
}

.cont-hd .sw-btn {
    width: 0.5rem;
    height: 0.5rem;
    border-radius: 100%;
    margin-left: 0.2rem;
    float: left;
    background: #fff;
    box-shadow: 0 0 0.1rem rgba(0, 0, 0, 0.1);
    cursor: pointer;
    background-color: #ededed;
    background-size: 100% 100%;
}

.cont-hd .sw-prev {
    background-image: url(../images/sw-prev10.png);
}

.cont-hd .sw-prev:hover {
    background-image: url(../images/sw-prev1-sel.png);
}

.cont-hd .sw-next {
    background-image: url(../images/sw-next10.png);
}

.cont-hd .sw-next:hover {
    background-image: url(../images/sw-next1-sel.png);
}

.cont-hd .dd {
    font-size: calc(12px - 0.12rem + 0.18rem);
    line-height: 1.7;
}

.cont-hd.w-hd {
    color: #fff;
}

.cont-page1 .lt {
    width: 50%;
    height: 4.55rem;
    background: #fafafa;
    float: left;
    padding: 0.6rem 0.6rem 0;
    position: relative;
}

.cont-page1 .lt .tip {
    height: 0.4rem;
    line-height: 0.4rem;
    width: 70%;
    background: #ee7c00;
    position: absolute;
    left: 15%;
    bottom: 0;
    font-size: calc(12px - 0.12rem + 0.18rem);
    text-align: center;
    color: #fff;
}

.cont-page1 .lt .tip:before {
    content: '';
    border-top: 0.2rem solid transparent;
    border-left: 0.2rem solid transparent;
    border-right: 0.2rem solid #ee7c00;
    border-bottom: 0.2rem solid #ee7c00;
    position: absolute;
    left: -0%;
    bottom: 0;
    margin-left: -0.4rem;
}

.cont-page1 .lt .tip:after {
    content: '';
    border-top: 0.2rem solid transparent;
    border-right: 0.2rem solid transparent;
    border-left: 0.2rem solid #ee7c00;
    border-bottom: 0.2rem solid #ee7c00;
    position: absolute;
    right: 0%;
    bottom: 0;
    margin-right: -0.4rem;
}

.cont-page1 .lt .tip a {
    color: #fff;
    font-weight: 600;
}

.cont-page1 .video-box {
    width: 50%;
    height: 4.55rem;
    overflow: hidden;
    position: relative;
    background: #000;
}

.cont-page1 .video-box video {
    width: 100%;
    height: 100%;
}

.cont-page1 .video-box .bg {
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    background-position: center;
    background-size: cover;
    z-index: 3;

}

.cont-page1 .video-box .play {
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    z-index: 4;
    width: 0.8rem;
    height: 0.8rem;
    border-radius: 100%;
    background: rgba(0, 0, 0, 0.2) url(../images/icon-play.png) no-repeat center;
    background-size: contain;
    opacity: 0.8;
}

.step-it {
    width: 33.3%;
    text-align: center;
    float: left;
    margin-bottom: 0.6rem;
    position: relative;
}

.step-it:after {
    content: '';
    width: 0.24rem;
    height: 0.11rem;
    background: url(../images/step-arr.png) no-repeat center;
    background-size: contain;
    position: absolute;
    top: 0.35rem;
    right: 0;
    transform: translate(50%, 0%);
}

.step-it:nth-of-type(3n):after {
    display: none;
}

.step-it:nth-of-type(n+3):after {
    transform: translate(50%, 0%) rotate(-180deg);
}

.step-it:nth-of-type(3):after {
    display: block;
    width: 0.11rem;
    height: 0.24rem;
    top: 100%;
    right: 50%;
    background: url(../images/step-arr1.png) no-repeat center;
    background-size: contain;
    transform: translate(50%, 0.16rem);

}

.step-it .icon {
    height: 0.8rem;
    margin-bottom: 0.2rem;
    transition: all ease .5s 0s;
    -moz-transition: all ease .5s 0s;
    -webkit-transition: all ease .5s 0s;
}

.step-it .lb {
    font-size: calc(12px - 0.12rem + 0.18rem);
    color: #333;
}

.step-it:hover .icon {
    transform: rotate(360deg);
}

.zp-sear {
    /* padding: 0.3rem 0.65rem;
    background: #ee7c00;*/
    margin-bottom: 0.2rem;
}

.zp-sear .sear-box {
    width: 100%;
    position: static;
    transform: translate(0%, 0);
}

.zp-fm {
    width: 100%;
    height: 0.6rem;
}

.zp-fm .tex {
    height: 100%;
    float: left;
    width: 87%;
    border: none;
    font-size: calc(12px - 0.12rem + 0.16rem);
    padding: 0 0.3rem;
}

.zp-fm .btn {
    height: 100%;
    width: 13%;
    float: right;
    background: #0068b7;
    border: none;
    font-size: calc(12px - 0.12rem + 0.16rem);
    color: #fff;
    cursor: pointer;
}

.zp-fm .btn:before {
    content: '';
    display: inline-block;
    vertical-align: middle;
    width: 0.26rem;
    height: 0.26rem;
    margin-right: 0.15rem;
    background: url(../images/icon-search1.png) no-repeat center;
    background-size: contain;
}

.zp-hd {
    height: 0.64rem;
    line-height: 0.64rem;
    background: #f8f8f8;
    border: 1px solid #eee;
    padding: 0 0.3rem;
    overflow: hidden;
    margin-bottom: 0.2rem;
}

.zp-hd .tt {
    font-size: calc(12px - 0.12rem + 0.24rem);
    color: #333;
    float: left;
}

.zp-hd .lb {
    font-size: calc(12px - 0.12rem + 0.14rem);
    color: #999;
    float: right;
}

.zp-hd .lb em {
    font-size: calc(12px - 0.12rem + 0.18rem);
    color: #0068b7;
}


/* 人才招聘 */
.job-box {
    margin-bottom: 30px;
    background: #fff;
}

.job-box .ta-body:hover,
.job-box .list-box:nth-of-type(2n+1):hover .ta-body {
    background: #ee7c00;
    color: #fff;
}

.job-box .list-box:hover .ta-body {
    overflow: hidden;
}

.job-box .list-box ul {
    display: table;
    width: 100%;
    text-align: center;
    box-sizing: border-box;
}

.job-box .list-box li {
    display: table-cell;
    text-align: center;
    width: 25%;
    padding: 0 1%;
}

.job-box .ta-title {
    height: 0.62rem;
    line-height: 0.62rem;
    color: #333;
    background: #f5f5f5;
    font-size: 18px;
}

.job-box .ta-body {
    height: 0.7rem;
    line-height: 0.7rem;
    font-size: 14px;
    color: #666;
    cursor: pointer;
    border-top: 1px solid #f2f2f2;
    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: 20px;
    vertical-align: middle;
    display: inline-block;
}

.job-box .ta-body:after {
    content: '';
    width: 10px;
    height: 10px;
    border-top: 1px solid #666;
    border-right: 1px solid #666;
    transform: rotate(135deg);
    position: absolute;
    right: 30px;
    top: 50%;
    margin-top: -8px;
    transition: all ease .2s 0s;
    -moz-transition: all ease .2s 0s;
    -webkit-transition: all ease .2s 0s;
}

.job-box .list-box:nth-of-type(2n+1) .ta-body {
    background: #f5f5f5;
}

.job-box .list-box.on:nth-of-type(2n+1) .ta-body {
    background: #ee7c00;
}

.job-box .intro-box {
    width: 100%;
    padding: 30px;
    overflow: hidden;
    box-sizing: border-box;
    font-size: 14px;
    color: #666;
    display: none;
    text-align: left;
    border: 1px solid #f2f2f2;
    box-sizing: border-box;
}

.job-box .intro-in {
    overflow: hidden;
}

.job-box .strong {
    color: #0068b7;
    line-height: 28px;
    font-size: 18px;
    font-weight: 600;
    margin-bottom: 20px;
}

.job-box .intro-box .list {
    line-height: 32px;
}

.job-box .on .ta-body {
    background: #ee7c00;
    color: #fff;
}

.job-box .on .intro-box {
    border-bottom: none;
}

.job-box .on .ta-body:after {
    transform: rotate(-45deg);
    border-color: #fff;
}

.job-box .int-item {
    float: left;
    width: 50%;
    box-sizing: border-box;
    padding-right: 2%;
}

.job-box .jo-btn {
    width: 1.1rem;
    height: 0.4rem;
    line-height: 0.4rem;
    border-radius: 0.4rem 0 0 0.4rem;
    text-align: center;
    background: #0068b7;
    font-size: 14px;
    color: #fff;
    display: block;
    margin-top: 0.3rem;
    position: relative;
}

.job-box .jo-btn:after {
    content: '>';
    width: 0.4rem;
    height: 0.4rem;
    background: #0068b7;
    position: absolute;
    border-radius: 0 0.4rem 0.4rem 0;
    right: -0.43rem;
}

.job-box .jo-btn:hover,
.job-box .jo-btn:hover:after {
    background: #005fa8;
}

.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: 30px;
}

.job-box .list-box:last-of-type {
    border-bottom: 1px solid #f2f2f2;
}

.ej-page1 {
    text-align: center;
    padding: 0.3rem 0;
}

.ej-page1 a {
    display: inline-block;
    vertical-align: middle;
    border-radius: 100%;
}

.ej-page1 .btn {
    width: 0.4rem;
    height: 0.4rem;
    line-height: 0.38rem;
    border: 1px solid #dedede;
    margin: 0 0.2rem;
    color: #747474;
}

.ej-page1 .page {
    width: 15px;
    height: 15px;
    border: 1px solid #dedede;
    margin: 0 0.07rem;
}

.ej-page1 a:hover,
.ej-page1 .on {
    border-color: #0068b7;
    background: #0068b7;
    color: #fff;
}

.cont-mod {
    box-shadow: 0 0 0.1rem rgba(0, 0, 0, 0.1);
    margin-bottom: 0.9rem;
}

.cont-mod .cont-tp {
    border-top: 4px solid #ee7c00;
    padding: 0.5rem 0.3rem;
}

.cont-mod .col {
    /* width: 50%; */
    width: 40%;
    float: left;
    padding: 0 0.3rem;
}
.cont-mod .col:nth-of-type(2){
    width: 60%;
}

.cont-mod .hd {
    padding-bottom: 0.35rem;
    margin-bottom: 0.25rem;
    font-size: calc(12px - 0.12rem + 0.26rem);
    color: #333;
    position: relative;
}

.cont-mod .hd:after {
    content: '';
    width: 0.4rem;
    height: 3px;
    position: absolute;
    left: 0;
    bottom: 0;
    background: #0068b7;
}

.cont-mod li {
    margin-bottom: 0.2rem;
    color: #333;
    font-size: calc(12px - 0.12rem + 0.18rem);
    line-height: calc(12px - 0.12rem + 0.24rem);
}

.cont-mod li .lb {
    display: inline-block;
    color: #999;
}

.cont-mod li .im {
    font-weight: 600;
    color: #0068b7;
    font-size: calc(12px - 0.12rem + 0.24rem);
}

.cont-mod .w50 li {
    width: 40%;
    float: left;
}
.cont-mod .w50 li:nth-of-type(2n){
    width: 60%;
}

.cont-mod .map {
    height: 5rem;
}

.lm-mod {
    padding: 0.75rem 0 0.9rem;
}

.lm-mod .cont-hd {
    margin-top: 0;
}

.lm-mod .lt {
    width: 40%;
    float: left;
}

.lm-mod .lm-fm {
    width: 60%;
    float: right;
}

.lm-mod .fm-it {
    height: 0.5rem;
    line-height: 0.5rem;
    border-bottom: 1px solid #e8e8e8;
    width: 48%;
    margin: 0 1% 0.25rem;
    float: left;
    display: flex;
}

.lm-mod .btn {
    text-align: center;
    background: #ee7c00;
    border: none;
    border-radius: 0.5rem;
    display: block;
    color: #fff;
    font-size: calc(12px - 0.12rem + 0.16rem);
    transition: all ease .3s 0s;
    -moz-transition: all ease .3s 0s;
    -webkit-transition: all ease .3s 0s;

}

.lm-mod .btn:hover {
    background: #e27600;
}

.lm-mod .fm-it label {
    color: #fff;
    font-size: calc(12px - 0.12rem + 0.16rem);
    min-width: 1rem;
}

.lm-mod .fm-it .tex {
    flex: 1;
    border: none;
    background: none;
    color: #fff;
    font-size: calc(12px - 0.12rem + 0.16rem);
    padding: 0 0.15rem;
}

.lm-mod .fm-it .ver {
    /*width: 0.95rem;*/
    text-align: center;
}

.lm-mod .fm-it .ver img {
    max-width: 100%;
    max-height: 100%;
}

.menu-mod {
    height: 0.9rem;
    line-height: 0.9rem;
    background: #fff;
    overflow: hidden;
    width: 100%;
    border-bottom: 1px solid #eee;
    font-size: calc(12px - 0.12rem + 0.16rem);
    color: #999;
}

.menu-mod a {
    font-size: calc(12px - 0.12rem + 0.16rem);
    color: #999;
    transition: all ease .3s 0s;
    -moz-transition: all ease .3s 0s;
    -webkit-transition: all ease .3s 0s;
}

.menu-mod a:hover {
    color: #ee7c00;
}

/* .menu-mod a:hover:before{
    color: #999;
} */

.menu-mod .menu-lt {
    float: left;
}

.menu-mod .menu-lt a:last-of-type {
    color: #333;
}

.menu-mod .menu-lt a:before {
    content: '';
    position: absolute;
    width: 4px;
    height: 6px;
    background: url(../images/nw-arr.png) no-repeat center;
    background-size: contain;
    left: 0.08rem;
    top: 50%;
    margin-top: -3px;
}

.menu-mod .home:before {
    content: '';
    width: 14px;
    height: 14px;
    margin: 0;
    display: inline-block;
    vertical-align: middle;
    margin-top: -0.04rem;
    margin-right: 0.1rem;
    background: url(../images/icon-ps.png) no-repeat center;
    background-size: contain;
}

.menu-mod .menu-lt a {
    position: relative;
    padding-left: 0.2rem;
}

.menu-mod .menu-lt a:first-of-type:before {
    display: none;
}

.menu-mod .menu-lt .on {
    color: #0482fd;
}

.menu-mod .menu-lt .on:before {
    color: #999;
}

.menu-mod .menu-rg {
    float: right;
}

.menu-mod .menu-rg li {
    float: left;
    position: relative;
}

.menu-mod .menu-rg a {
    display: block;
    padding: 0 0.25rem;
    color: #000;
    font-size: calc(12px - 0.12rem + 0.16rem);
}

.menu-mod .menu-rg .on a,
.menu-mod .menu-rg li:hover a {
    /*  background: #b29652; */
    color: #ee7c00;
}

.menu-mod .menu-rg .on:after {
    content: '';
    width: 0.4rem;
    height: 4px;
    background: #ee7c00;
    position: absolute;
    left: 50%;
    margin-left: -0.2rem;
    bottom: 0;
}

.soc-it {
    display: block;
    width: 100%;
}

.soc-it .pic {
    /* height: 2.2rem; */
    height: 0;
    padding-bottom: 56%;
    position: relative;
    overflow: hidden;
}

.soc-it .pic .ej-bg {
    width: 100%;
    height: 100%;
    position: absolute;
    transition: all ease .5s 0s;
    -moz-transition: all ease .5s 0s;
    -webkit-transition: all ease .5s 0s;
}

.soc-it:hover .ej-bg {
    transform: scale(1.1);
}

.soc-it .tex {
    padding: 0.2rem 0.05rem 0;
}

.soc-it .tt {
    color: #333;
    font-size: calc(12px - 0.12rem + 0.24rem);
    margin-bottom: 0.1rem;
}

.soc-it .dd {
    color: #666;
    line-height: 1.6;
    font-size: calc(12px - 0.12rem + 0.16rem);
}

.abo-page1,
.abo-page2,
.cont-page1,
.cont-page2,
.cont-page3,
.cont-page4 {
    overflow: hidden;
}

.cont-page3 .cont-hd {
    margin-top: 0.4rem;
}

.abo-page3 {
    padding-bottom: 1rem;
    overflow: hidden;
}

.abo-page4 {
    background: #f5f5f5;
    overflow: hidden;
    padding-bottom: 0.6rem;
    overflow: hidden;
}

.hor-it {
    display: block;
    width: 100%;
    text-align: center;
    transition: all ease .3s 0s;
    -moz-transition: all ease .3s 0s;
    -webkit-transition: all ease .3s 0s;
}

.hor-it .pic {
    /* height: 1.9rem;
    line-height: 1.9rem; */
    background: #fff;
    border: 1px solid #ccc;
    margin-bottom: 0.2rem;
    overflow: hidden;
    height: 0;
    padding-bottom: 75%;
    position: relative;
}

.hor-it .pic img {
    max-width: 90%;
    max-height: 90%;
    transition: all ease .5s 0s;
    -moz-transition: all ease .5s 0s;
    -webkit-transition: all ease .5s 0s;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%,-50%);
}

.hor-it:hover{
    transform: translate(0,0.1rem);
}

.hor-it .tt {
    color: #333;
    font-size: calc(12px - 0.12rem + 0.16rem);
}

.abo-page5 {
    padding-bottom: 1rem;
}

.coop-it {
    width: 100%;
    height: 1rem;
    line-height: 1rem;
    text-align: center;
    border: 1px solid #eee;
    transition: all ease .3s 0s;
    -moz-transition: all ease .3s 0s;
    -webkit-transition: all ease .3s 0s;

}

.coop-it img {
    max-width: 60%;
    max-height: 60%;
    transition: all ease .5s 0s;
    -moz-transition: all ease .5s 0s;
    -webkit-transition: all ease .5s 0s;
}

.coop-it:hover {
    border-color: #ee7c00;
}

.coop-it:hover img {
    transform: scale(1.1);
}

.abo-page1 {
    padding-bottom: 0.5rem;
}

.abo-page1 .tex {
    width: 46%;
    float: left;
    color: #333;
    font-size: calc(12px - 0.12rem + 0.18rem);
    line-height: 2;
}

.abo-page1 .tex .bt {
    border-top: 1px solid #eee;
    margin-top: 0.3rem;
    padding-top: 0.2rem;
}

.abo-page1 .tex .bt li {
    margin-bottom: 0.2rem;
    color: #333;
    font-size: calc(12px - 0.12rem + 0.18rem);
}

.abo-page1 .tex .lb {
    font-size: calc(12px - 0.12rem + 0.26rem);
}

.abo-page1 .pic {
    width: 50%;
    float: right;
}

.abo-page1 .pic img {
    width: 100%;
}

.abo-page1 .pic .swiper-container {
    width: 100%;
}

.abo-page1 .pic .swiper-pagination {
    /*  text-align: right;
   padding-right: 40px; */
    bottom: 25px;

}

.abo-page1 .pic .swiper-pagination-bullet {
    /* width: 10px;
    height: 10px;
    border-radius: 10px; */
    /* opacity: 1; */
    width: 0.4rem;
    height: 7px;
    border-radius: 7px;
}

.abo-page1 .pic .swiper-pagination-bullet-active {
   /*  width: 30px; */
    background: #ee7c00;
}

.abo-page1 .cont-hd {
    margin-bottom: 0.1rem;
}

.dev-mod {
    padding: 0.6rem 0 0.2rem;
    overflow: hidden;
}

.dev-mod .hd {
    font-size: calc(12px - 0.12rem + 0.4rem);
    color: #fff;
    font-weight: 600;
    text-align: center;
    margin-bottom: 1rem;
}

.dev-it {
    width: 100%;
    color: #fff;
    height: 1.4rem;
    padding-left: 0.2rem;
    border-left: 1px solid #fff;
    position: relative;
}

.dev-it:before {
    content: '';
    position: absolute;
    height: 0.2rem;
    width: 0.2rem;
    border-radius: 100%;
    background: rgba(255, 255, 255, 0.4);
    left: -0.1rem;
    top: -0.1rem;
}

.dev-it:after {
    content: '';
    position: absolute;
    height: 0.1rem;
    width: 0.1rem;
    border-radius: 100%;
    background: #fff;
    left: -0.05rem;
    top: -0.05rem;
}

.dev-it .year {
    font-size: calc(12px - 0.12rem + 0.28rem);
    font-weight: 600;
    margin-bottom: 0.2rem;
    line-height: 1;
}

.dev-it .tt {
    font-size: calc(12px - 0.12rem + 0.2rem);
    font-weight: 600;
    margin-bottom: 0.15rem;
    line-height: 1;
}

.dev-it .dd {
    font-size: calc(12px - 0.12rem + 0.16rem);
}

.dev-mod .swiper-slide {
    padding-top: 0.1rem;
    padding-bottom: 1.3rem;
    padding-left: 0.2rem;
    padding-right: 0.1rem;

}

.dev-mod .swiper-slide:nth-of-type(2n) .dev-it {
    margin-top: 1.3rem;
    padding-top: 0.3rem;
}

.dev-mod .swiper-slide:nth-of-type(2n) .dev-it:before {
    top: 100%;
    margin-top: -0.1rem;
}

.dev-mod .swiper-slide:nth-of-type(2n) .dev-it:after {
    top: 100%;
    margin-top: -0.05rem;
}

.dev-mod .content {
    position: relative;
    width: 100%;
}

.dev-mod .content:after {
    content: '';
    position: absolute;
    top: 1.4rem;
    height: 0.1rem;
    width: 200%;
    left: -50%;
    background: url(../images/dev-line.png) repeat-x;
    background-size: auto 100%;
}

.dev-mod .sw-btn {
    position: absolute;
    top: 1.45rem;
    margin-top: -0.28rem;
    width: 0.56rem;
    height: 0.56rem;
    z-index: 3;
    cursor: pointer;
}

.dev-mod .sw-prev {
    left: -0.28rem;
    background: url(../images/sw-prev1.png);
    background-size: 100% 100%;
}

.dev-mod .sw-next {
    right: -0.28rem;
    background: url(../images/sw-next1.png);
    background-size: 100% 100%;
}

.nw-page1 {
    padding: 0.8rem 0 0.2rem;
}

.nw-page1 .nw-lt {
    height: 4.6rem;
    width: 50%;
    float: left;
}

.nw-it1 {
    display: block;
    width: 100%;
    height: 100%;
    overflow: hidden;
    position: relative;
}

.nw-it1 .tt {
    position: absolute;
    left: 0;
    bottom: 0;
    height: 0.8rem;
    line-height: 0.8rem;
    color: #fff;
    font-size: calc(12px - 0.12rem + 0.2rem);
    padding: 0 0.3rem;
}

.nw-it1 .pic {
    width: 100%;
    height: 100%;
    transition: all ease .5s 0s;
    -moz-transition: all ease .5s 0s;
    -webkit-transition: all ease .5s 0s;
}

.nw-it1:hover .pic {
    transform: scale(1.05);
}

.nw-page1 .nw-rg {
    width: 50%;
    float: left;
    height: 4.6rem;
}

.nw-it2 {
    display: block;
    height: 33.3%;
    width: 100%;
    padding: 0.3rem 0.4rem;
    border: 2px solid #fafafa;
    border-bottom: 2px solid #e8e8e8;
    background: #fafafa;
    transition: all ease .3s 0s;
    -moz-transition: all ease .3s 0s;
    -webkit-transition: all ease .3s 0s;
}

.nw-it2 .tt {
    font-size: calc(12px - 0.12rem + 0.2rem);
    color: #333;
    margin-bottom: 0.15rem;
    padding-left: 0.25rem;
    position: relative;
    transition: box-shadow ease .3s 0s;
    -moz-transition: box-shadow ease .3s 0s;
    -webkit-transition: box-shadow ease .3s 0s;
}

.nw-it2 .tt:before {
    content: '';
    position: absolute;
    width: 8px;
    height: 12px;
    background: url(../images/nw-arr.png) no-repeat center;
    background-size: contain;
    left: 0;
    top: 50%;
    margin-top: -6px;
}

.nw-it2 .dd {
    font-size: calc(12px - 0.12rem + 0.16rem);
    line-height: 1.8;
    color: #666;
    transition: box-shadow ease .3s 0s;
    -moz-transition: box-shadow ease .3s 0s;
    -webkit-transition: box-shadow ease .3s 0s;
}

.nw-it2 .more {
    color: #ee7c00;
}

.nw-it2:hover {
    border: 2px solid #ee7c00;
    box-shadow: 0 0 0.1rem rgba(0, 0, 0, 0.2);
}

.nw-it2:hover .tt,
.nw-it2:hover .dd {
    color: #ee7c00;
}

.ind-it2 {
    display: block;
    width: 100%;
    height: 1.6rem;
    background: #fff;
    margin-top: 0.1rem;
    overflow: hidden;
    padding: 0.1rem 3.4rem 0.1rem 0.5rem;
    position: relative;
    border-bottom: 1px solid #f0f0f0;
    transition: box-shadow ease .3s 0s;
    -moz-transition: box-shadow ease .3s 0s;
    -webkit-transition: box-shadow ease .3s 0s;
}

.ind-it2 .pic {
    float: left;
    height: 100%;
    width: 2.25rem;
    background-position: center;
    background-size: cover;
}

.ind-it2 .ml {
    width: 1.5rem;
    line-height: 1.4rem;
    float: left;
    position: relative;
}

.ind-it2 .day:after {
    content: '';
    width: 0.5rem;
    height: 1px;
    background: #ccc;
    position: absolute;
    right: 0%;
    top: 50%;
    margin-right: -120%;
}

.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: #999;
    transition: all ease .3s 0s;
    -moz-transition: all ease .3s 0s;
    -webkit-transition: all ease .3s 0s;
    position: relative;
}

.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: 3.1rem;
    padding-top: 0.2rem;
}

.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.16rem);
    color: #999;
    line-height: 2;
    transition: all ease .3s 0s;
    -moz-transition: all ease .3s 0s;
    -webkit-transition: all ease .3s 0s;
}

.ind-it2 .more {
    position: absolute;
    width: 1.6rem;
    height: 0.46rem;
    line-height: 0.46rem;
    border-radius: 0.46rem;
    text-align: center;
    background: #eee;
    font-size: calc(12px - 0.12rem + 0.16rem);
    color: #999;
    top: 50%;
    margin-top: -0.23rem;
    right: 0.55rem;
    transition: all ease .3s 0s;
    -moz-transition: all ease .3s 0s;
    -webkit-transition: all ease .3s 0s;
}

.ind-it2 .more:after {
    content: '';
    width: 0.17rem;
    height: 0.09rem;
    display: inline-block;
    vertical-align: middle;
    background: url(../images/nw-arr1.png) no-repeat center;
    background-size: contain;
    margin-left: 0.2rem;
}

/* .ind-it2:after{
    content: '';
    width: 0.4rem;
    height: 0.4rem;
    border-radius: 100%;
    position: absolute;
    right: 0.3rem;
    top:50%;
    margin-top: -0.2rem;
    background:#ccc url(../images/sw-next.png) 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:after{
    background-image: url(../images/sw-next.png);
    background-color: #cbb378;
} */
.ind-it2:hover .day,
.ind-it2:hover .year {
    color: #ee7c00;
}

.ind-it2:hover {
    box-shadow: 0 0 0.3rem rgba(0, 0, 0, 0.15);
    border: none;
}

.ind-it2:hover .more {
    background: #ee7c00;
    color: #fff;
}

.ind-it2:hover .more:after {
    background-image: url(../images/nw-arr1-w.png);
}

.nw-page2 {
    padding-bottom: 1rem;
}

.news-art .layout {
    max-width: 1200px;
}

.article {
    padding: 0.7rem 0.8rem 0;
    background: #fff;
}

.article img {
    max-width: 100%;
}

.article .hd {
    border-bottom: 1px dashed #cccccc;
    padding-bottom: 0.3rem;
}

.article .tt {
    font-size: calc(18px - 0.18rem + 0.38rem);
    line-height: 1.2;
    color: #333;
    margin: 0 auto 0.4rem;
    text-align: center;
}

.article .hd-bt .lt {
    overflow: hidden;
    margin-bottom: 0.25rem;
    float: left;
}

.article .lt p {
    display: inline-block;
    vertical-align: middle;
    font-size: calc(12px - 0.12rem + 0.16rem);
    color: #666;
    margin-right: 0.2rem;
}

.article .content {
    padding: 30px 0;
    border-bottom: 1px dashed #ccc;
    font-size: calc(12px - 0.12rem + 0.18rem);
    line-height: 2;
    color: #666;
}

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

.ej-share-box {
    overflow: hidden;
    padding: 30px 0 50px;
}

.ej-share-box ul {
    float: left;
    width: 74%;
}

.ej-share-box li {
    font-size: calc(12px - 0.12rem + 0.16rem);
    color: #666;
    line-height: 1.5;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    transition: all ease .3s 0s;
    -moz-transition: all ease .3s 0s;
    -webkit-transition: all ease .3s 0s;
}

.ej-share-box li a {
    color: #666;
    transition: all ease .2s 0s;
    -moz-transition: all ease .2s 0s;
    -webkit-transition: all ease .2s 0s;
}

.ej-share-box li:hover,
.ej-share-box li:hover a {
    color: #f88100;
}

.ej-share-box .break {
    float: right;
    padding: 0 0.3rem;
    line-height: 0.48rem;
    border-radius: 0.02rem;
    text-align: center;
    background: #0168b5;
    display: block;
    font-size: calc(12px - 0.12rem + 0.16rem);
    color: #fff;
    margin-top: 5px;
}

.ej-share-box .break:before {
    content: '';
    width: 16px;
    height: 14px;
    display: inline-block;
    vertical-align: middle;
    margin-top: -2px;
    margin-right: 20px;
    background: url(../images/icon-break.png) no-repeat center;
}

.ej-share-box .break:hover {
    background: #f08200;
}

.share {
    display: inline-block;
    vertical-align: middle;
}

.share p {
    display: inline-block;
    font-size: calc(12px - 0.12rem + 0.16rem);
    line-height: 20px;
    color: #666;
}

.share .lb {
    float: left;
}

.share a {
    display: inline-block;
    width: 20px;
    height: 20px;
    border-radius: 100%;
    vertical-align: middle;
    margin-left: 15px;
    position: relative;
    float: left;
}

.share a:hover .pic-box {
    display: block;
}

.share .pic-box {
    position: absolute;
    z-index: 4;
    width: 140px;
    height: 140px;
    background: #fff;
    bottom: 34px;
    left: 50%;
    margin-left: -70px;
    text-align: center;
    padding: 10px;
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.05);
    box-sizing: border-box;
    display: none;
}

.share .pic-box:before {
    content: '';
    position: absolute;
    border-top: 10px solid #fff;
    border-left: 10px solid transparent;
    border-right: 10px solid transparent;
    bottom: -10px;
    left: 50%;
    margin-left: -10px;
}

.share .pic-box p {
    font-size: 14px;
    color: #333;
    line-height: 16px;
}

.share .pic-box img {
    display: inline-block;
    width: 100px;
    height: 100px;
    margin-top: 5px;
}

.share .sh1 {
    background: url(../images/icon-sh11.png) no-repeat center;
    background-size: contain;
}

.share .sh2 {
    background: url(../images/icon-sh12.png) no-repeat center;
    background-size: contain;
}

.share .sh3 {
    background: url(../images/icon-sh13.png) no-repeat center;
    background-size: contain;
}

.share .sh1:hover {
    background-image: url(../images/icon-sh11-sel.png);
}

.share .sh2:hover {
    background-image: url(../images/icon-sh12-sel.png);
}

.share .sh3:hover {
    background-image: url(../images/icon-sh13-sel.png);
}

.article .share {
    margin-left: 1.2rem;
}

.ej-pop{
    position: fixed;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    z-index: 100;
}
.ej-pop:before{
    content: '';
    position: fixed;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: rgba(0,0,0,0.5);
}
.ej-pop .pp-con{
    width: 500px;
    height: 300px;
    background: #fff;
    border-radius: 0.1rem;
    position: fixed;
    left: 50%;
    top: 50%;
    overflow: hidden;
    transform:translate(-50%,-50%);
}
.ej-pop .hd{
    height: 80px;
    line-height: 80px;
    background: #ee7c00 url(../images/pp-hd.png) no-repeat center;
    padding: 0 0.3rem;
    color: #fff;
    position: relative;
}
.ej-pop .hd .rg{
    display: inline-block;
    vertical-align: middle;
    line-height: normal;
    margin-left: 15px;
}
.ej-pop .hd .cn{
    font-size: 26px;
    line-height: 1;
    margin-bottom: 0.1rem;
}
.ej-pop .hd .en{
    font-size: 14px;
    line-height: 1;
    opacity: 0.5;
}
.ej-pop .close{
    width: 30px;
    height: 30px;
    background: url(../images/icon-close10.png) no-repeat center;
    position: absolute;
    right: 30px;
    top: 25px;
    cursor: pointer;
}
.ej-pop  .content{
    text-align: center;
}
.ej-pop  .content .tex{
    text-align: center;
    padding: 40px 10px 0;
    font-size: 20px;
    line-height: 2;
    color: #333;
}
.ej-pop  .content em{
    color: #ee7c00;
    font-weight: bold;
}
.ej-pop .btn{
    width: 200px;
    height: 50px;
    line-height: 50px;
    border-radius: 50px;
    border: none;
    background: #ee7c00;
    margin: 20px auto 0;
    font-size: 16px;
    color: #fff;
    cursor: pointer;
}

/* .xb-cir{
    width: 6.96rem;
     background: red;
    margin: 0 auto;
    background-size: 100% 100%;
    position: relative;
} */

.oct-mod{
    max-width: 1280px;
    margin: 0 auto;
}
.oct-mod .tt{
    font-size: calc(12px - 0.12rem + 0.3rem);
    color: #ee7c00;
    font-weight: bold;
    text-align: center;
    margin-bottom: 0.3rem;
}
.oct-it{
    text-align: center;
    font-size: calc(12px - 0.12rem + 0.24rem);
    color: #444;
    position: relative;
}
.oct-it:hover img{
    transform:scale(1.1);
}

.oct-mod .line{
    display: block;
    width: 1rem;
    height: 0.14rem;
    background: url(../images/oct-arr.png) no-repeat center;
    background-size: 100% 100%;
    margin-top:0.6rem;
    position: relative;
    text-align: center;
    /* position: absolute;
    top: 35%;
    right: -2.8rem;
    margin-right: 1rem; */
}
.oct-mod .line:after{
    content: '';
    height: 2px;
    width: 4rem;
    background: url(../images/oct-line.png) repeat-x;
    position: absolute;
    margin-right: -2rem;
    right: 50%;
    top: 39%;
    z-index: -1;
}
.col4 .line:after{
    width: 6rem;
    margin-right: -3rem;
}

.oct-mod .col2 .line,
.oct-mod .col4 .line{
    background-image: url(../images/oct-arr-l.png);
}

.col2 .oct-it:last-of-type:before,
.col4 .oct-it:last-of-type:before{
    content: '';
    height: 3rem;
    width: 2px;
    background: url(../images/oct-line1.png) repeat-y;
    position: absolute;
    right: 0.7rem;
    top: -2rem;
    z-index: -1;
}
.col2 .oct-it:last-of-type:after,
.col4 .oct-it:last-of-type:after{
    content: '';
    height: 1rem;
    width: 0.14rem;
    background: url(../images/oct-arr-d.png) no-repeat center;
    background-size: 100% 100%;
    position: absolute;
    right: calc(0.7rem - 0.07rem);
    top: -100%;
}
/* .oct-it:last-of-type:after{
    transform:rotate(90deg);
    right: -50%;
    top: -40%;  
} */

.oct-it .icon{
    display: block;
    padding: 0.15rem 0.3rem;
    height: 1rem;
    background: #fff;
    margin: 0 auto;
}
.oct-it .icon img{
    height: 100%;
    transition: all ease .5s 0s; 
    -moz-transition: all ease .5s 0s; 
    -webkit-transition: all ease .5s 0s;
}
.oct-mod .line .em{
    position: relative;
    top: 0.4rem;
}
.oct-mod .line em:before{
    content: '';
    width: 0.38rem;
    height: 0.34rem;
    background: url(../images/icon-ship.png) no-repeat center;
    background-size: contain;
    display: block;
    margin: -0.4rem auto 0;
   /*  right: -2.6rem; */
}
.oct-mod .line em:after{
     content: '';
    width: 0.58rem;
    height: 0.35rem;
    background: url(../images/icon-plane.png) no-repeat center;
    background-size: contain;
    /* margin-top: 100%; */
    /* right: -2.65rem; */
    top: 0.5rem;
    display: block;
    margin: 0.3rem auto 0;
}

.oct-it .arr{
    display: block;
    margin: 0.1rem auto; 
    width: 0.32rem;
    height: 0.34rem;
    background: url(../images/oct-arr1.png) no-repeat center;
    background-size: contain;
}
.oct-it .tex{
    position: absolute;
    width: 200px;
    left: 50%;
    margin-left: -100px;
}
.oct-it .tex .lb{
    display: inline-block;
    vertical-align: middle;
    height: 0.72rem;
    line-height: 0.68rem;
    border: 2px dashed #ee7c00;
    border-radius: 0.05rem;
    padding: 0 15px;
}
.oct-it .tex .lb img{
    height: 0.4rem;
}
.oct-mod .col{
    display: flex;
    justify-content: space-between;
    padding-bottom: 1.7rem;
}
.col2 .oct-it:before,
.col4 .oct-it:before{
     background-image: url(../images/oct-arr-l.png);
}
.col2 .oct-it:before{
    right: -2.3rem;
}
.col3 .oct-it:before{
    right: -2.5rem;
}
.col4 .oct-it:before{
    right: -3.5rem;
}

.oct-it.no-line:before,
.oct-it.no-line:after{
    display: none;
}
.col4 .oct-it:after{
    width: 4.5rem;
    right: -4.5rem;
}
/* .col4 .oct-it:last-of-type:after{
    width: 2.8rem;
    right: -51%;
} */

.gy-page1 .sto-hd{
    margin-top: 0;
}


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


}

@media screen and (max-width: 1700px) {
    .sto-page3 .more {
        margin-top: 0.3rem;
        width: auto;
        padding: 0.05rem 0.1rem;
    }

    .sto-it .tex {
        height: 3.4rem;
    }

    .bcs-mod,
    .cs-mod .bt {
        height: 7.6rem;
    }

    .sto-page5 .content {
        height: 94vh;
    }

    .sto-page3 .hm-core {
        height: 94vh;
    }

    .sto-page3 .core-menu .it {
        line-height: 13vh;
    }

    .sto-page5 .lt .tex {
        margin-left: 17%;
        width: 65%;
    }

    .hea-it .tt {
        font-size: calc(12px - 0.12rem + 0.26rem);
    }

    .hea-it .dd {
        font-size: calc(12px - 0.12rem + 0.2rem);
    }

    .hea-it1 .tex {
        padding: 0.4rem 0.6rem 0;
    }

    .hea-it1 .tt {
        margin-bottom: 0.25rem;
    }

    .hea-it1 .dd {
        line-height: 1.6;
    }

    .gy-it .tt {
        font-size: calc(12px - 0.12rem + 0.24rem);
    }

    .gy-it .dd {
        font-size: calc(12px - 0.12rem + 0.15rem);
        line-height: 1.4;
    }

    .part-mod .it {
        /*  width: 12%; */
    }

    .wl-it3 .pic {
        height: 2.3rem;
        line-height: 2.3rem;
    }

    .wl-it3 .dd {
        line-height: 1.6;
        font-size: calc(12px - 0.12rem + 0.18rem);
    }

    .wl-it2 .con {
        height: 4.2rem;
    }

    .wl-it2 .bt span {
        height: 0.64rem;
        line-height: 0.64rem;
        font-size: calc(12px - 0.12rem + 0.18rem);
    }

    .wl-it .dd {
        font-size: 12px;
        height: 0.46rem;
        line-height: 0.46rem;
    }

    .wl-it .tt {
        margin-bottom: 0.15rem;
    }

    .zx-mod {
        height: 5.6rem;
    }

    .zx-page2 .wl-it3 .pic {
        height: 2.3rem;
        line-height: 2.3rem;
        margin-bottom: 0.4rem;
    }

    .zx-page2 .wl-it3 .tt {
        line-height: 1.4;
    }

    .zx-page2 .wl-it3 .dd {
        line-height: 1.6;
    }

    .zx-page3 .content {
        height: 8.5rem;
    }

    .zx-page3 .rg .tt {
        font-size: calc(12px - 0.12rem + 0.24rem);
        margin-bottom: 0.2rem;
    }

    .zx-page3 .rg ol li {
        font-size: calc(12px - 0.12rem + 0.18rem);
        line-height: 1.6;
    }

    .fw-it .pic img {
        max-height: 60%;
    }

    .fw-it .tt {
        font-size: calc(12px - 0.12rem + 0.24rem);
    }

    .kc-it {
        height: 1.3rem;
        line-height: 1.3rem;
    }

    .kc-it .tt {
        font-size: calc(12px - 0.12rem + 0.22rem);
    }

    .sear-page1 .sear-box {
        width: 90%;
        max-width: 90%;
    }

    .ej-share-box .break {
        line-height: 0.6rem;
    }

    .nw-page1 .nw-lt,
    .nw-page1 .nw-rg {
        height: 5.6rem;
    }

    .ind-it2 {
        padding-top: 0.05rem;
    }

    .ind-it2 .tt {
        margin-bottom: 0.1rem;
    }

    .ind-it2 .dd {
        line-height: 1.6;
    }

    .ind-it2 .more {
        width: 1.9rem;
        height: 0.6rem;
        line-height: 0.6rem;
    }

    .cont-page1 .lt,
    .cont-page1 .video-box {
        height: 5.2rem;
    }

    .cont-page1 .lt .tip {
        width: 80%;
        left: 10%;
        height: 0.5rem;
        line-height: 0.5rem;
        font-size: calc(12px - 0.12rem + 0.14rem);
    }

    .cont-page1 .lt .tip:before {
        border-top: 0.25rem solid transparent;
        border-left: 0.25rem solid transparent;
        border-right: 0.25rem solid #ee7c00;
        border-bottom: 0.25rem solid #ee7c00;
        margin-left: -0.5rem;
    }

    .cont-page1 .lt .tip:after {
        border-top: 0.25rem solid transparent;
        border-right: 0.25rem solid transparent;
        border-left: 0.25rem solid #ee7c00;
        border-bottom: 0.25rem solid #ee7c00;
        margin-right: -0.5rem;
    }

    .cont-mod .col {
        padding: 0 0.15rem;
    }

    .cont-mod li {
        font-size: calc(12px - 0.12rem + 0.16rem);
        line-height: calc(12px - 0.12rem + 0.2rem);
    }

    .cont-mod li .im {
        font-size: calc(12px - 0.12rem + 0.2rem);
    }

    .lm-mod .fm-it {
        height: 0.6rem;
        line-height: 0.6rem;

    }

    .job-box .intro-box {
        padding: 0.3rem;
    }

    .job-box .jo-btn {
        width: 1.5rem;
        height: 0.54rem;
        line-height: 0.54rem;
    }

    .job-box .jo-btn:after {
        width: 0.54rem;
        height: 0.54rem;
        border-radius: 0 0.54rem 0.54rem 0;
        right: -0.6rem;
    }

    .ej-page1 .btn {
        height: 0.54rem;
        width: 0.54rem;
        line-height: 0.52rem;
    }

    .job-box .ta-body,
    .job-box .ta-title {
        height: 0.8rem;
        line-height: 0.8rem;
    }

    .abo-page1 .tex .bt li {
        margin-bottom: 0.1rem;
    }

    .dev-it {
        height: 1.8rem;
    }

    .dev-mod .swiper-slide {
        padding-bottom: 1.8rem;
    }

    .dev-mod .swiper-slide:nth-of-type(2n) .dev-it {
        margin-top: 1.7rem;
    }

    .dev-mod .content:after {
        top: 1.8rem;
    }

    .dev-mod .sw-btn {
        top: 1.85rem;
    }

    .sear-page2 {
        padding: 0 1.3rem 1.2rem;
    }

    .sear-page2 .layout {
        /* padding: 0 1.3rem;*/
    }
    .oct-it .si:before{
        right: -3.6rem;
    }
    .oct-it .si:after{
        right: -3.65rem;
        top: 0.4rem;
    }
    .oct-it:before{
        top: 33%;
    }
    .col2 .oct-it:before {
    right: -2.8rem;
}
.col3 .oct-it:before {
    right: -2.9rem;
}
.col4 .oct-it:after {
    width: 6rem;
    right: -6.5rem;
}
.col4 .oct-it:before {
    right: -4.8rem;
}


}

@media screen and (max-width: 1220px) {
    .sto-page3 .core-lt {
        width: 100%;
    }

    .sto-page3 .core-menu {
        width: 100%;
    }

    .sto-page3 .hm-core {
        height: auto;
    }

    .sto-page3 .core-menu .it {
        height: 2.05rem;
        line-height: 2.05rem;
    }

    .core-menu .tex {
        padding-top: 0.2rem;
    }

    .core-menu .tex .dd {
        line-height: 1.3;
        font-size: calc(12px - 0.12rem + 0.16rem);
    }

    .sto-it .hd {
        font-size: calc(12px - 0.12rem + 0.22rem);
    }

    .sto-it .hd .icon {
        left: 0.1rem;
        height: 0.5rem;
        margin-top: -0.25rem;
    }

    .sto-it .tex li {
        font-size: calc(12px - 0.12rem + 0.18rem);
    }

    .cs-mod .hd li {
        font-size: calc(12px - 0.12rem + 0.18rem);
    }

    .bcs-mod {
        height: auto;
    }

    .bcs-mod .int {
        width: 50%;
        height: 7.2rem;
    }

    .bcs-mod .con {
        width: 100%;
        height: 7.2rem;
    }

    .sto-page5 .content {
        height: auto;
    }

    .sto-page5 .lt {
        height: 7rem;
        line-height: 7rem;
        width: 100%;
        float: none;
    }

    .sto-page5 .rg {
        width: 100%;
        float: none;
    }

    .sto-it2 {
        height: 3rem;
        margin: 1% 0.5% 0;
    }

    .sto-page5 .lt .hd {
        font-size: calc(12px - 0.12rem + 0.3rem);
    }

    .sto-page5 .lt li {
        line-height: 0.8rem;
        height: 0.8rem;
    }

    .sto-page5 .lt em {
        font-size: calc(12px - 0.12rem + 0.36rem);
    }

    .sto-it1 {
        width: 49%;
        margin-bottom: 1%;
    }

    .sto-page1 .layout {
        display: block;
    }

    .sto-page1 .lt, .sto-page1 .rg {
        width: 100%;
    }

    .sto-page1 .lt {
        padding-bottom: 1rem;
    }

    .hea-it1 .tex,
    .hea-it1 .pic {
        height: 4.2rem;
    }

    .hea-it1 .tex {
        padding: 0.4rem 0.3rem 0;
    }

    .hea-it1 .tt {
        font-size: calc(12px - 0.12rem + 0.24rem);
        margin-bottom: 0.2rem;
    }

    .part-mod .it {
        width: 16%;
    }

    .wl-it3 .tt {
        font-size: calc(12px - 0.12rem + 0.22rem);
        margin-bottom: 0.15rem;
    }

    .wl-it2 .con .tex {
        padding: 0.4rem 0.3rem 0;
    }

    .wl-it2 .con .tt {
        font-size: calc(12px - 0.12rem + 0.2rem);
        margin-bottom: 0.15rem;
    }

    .wl-it2 .con .dd {
        font-size: calc(12px - 0.12rem + 0.16rem);
        line-height: 1.4;
    }

    .wl-it2 .hd {
        font-size: calc(12px - 0.12rem + 0.24rem);
        padding: 0 0.3rem 0.3rem;
    }

    .wl-it2 .bt {
        padding: 0 0.3rem;
    }

    .wl-it2 .bt span {
        font-size: calc(12px - 0.12rem + 0.14rem);
    }

    .wl-it {
        width: 48.8%;
    }

    .wl-it1 {
        width: 33.3%;
        border-top: 1px solid #fff;
        border-bottom: 1px solid #fff;
    }

    .zx-mod .rg .tt {
        width: 1.6rem;
        font-size: calc(12px - 0.12rem + 0.24rem);
    }

    .zx-mod .rg .dd {
        font-size: calc(12px - 0.12rem + 0.18rem);
        line-height: 1.5;
    }

    .wl-it3 {
        width: 50%;
        border-top: 1px solid #fff;
        border-bottom: 1px solid #fff;
    }

    .zx-page3 .content {
        height: auto;
    }

    .zx-page3 .lt {
        width: 100%;
        height: 6rem;
        float: none;
    }

    .zx-page3 .rg {
        height: 7.7rem;
        width: 100%;
        float: none;
    }

    .zx-page3 .rg .it {
        padding-top: 0.25rem;
    }

    .fw-it {
        width: 49.5%;
    }

    .kc-it {
        padding-left: 0.3rem;
    }

    .kc-it .tt {
        font-size: calc(12px - 0.12rem + 0.18rem);
    }

    .sear-page1 .con-box {
        padding: 0.4rem 0.7rem 0.7rem;
    }

    .nw-page1 .nw-lt, .nw-page1 .nw-rg {
        float: none;
        width: 100%;
    }

    .ind-it2 {
        padding-right: 2.8rem;
    }

    .cont-page1 .lt, .cont-page1 .video-box {
        float: none;
        width: 100%;
    }

    .job-box .strong {
        line-height: 24px;
        font-size: 16px;
        margin-bottom: 15px;
    }

    .zp-fm .tex {
        width: 80%;
    }

    .zp-fm .btn {
        width: 20%;
    }

    .cont-mod .col,
    .cont-mod .col:nth-of-type(2){
        width: 100%;
        float: none;
        margin-bottom: 0.5rem;
    }

    .lm-mod .lm-fm,
    .lm-mod .lt {
        width: 100%;
        float: none;
    }

    .lm-mod .fm-it {
        height: 0.7rem;
        line-height: 0.7rem;
    }

    .lm-mod .fm-it .ver {
        width: 1.3rem;
    }

    .cont-hd .tt {
        /* font-size: calc(12px - 0.12rem + 0.4rem); */
        border-bottom: 4px solid #ee7c00;
    }

    .abo-page1 .tex {
        width: 100%;
        float: none;
        margin-bottom: 0.4rem;
    }

    .abo-page1 .pic {
        float: none;
        width: 100%;
    }

    .abo-page1 .pic .swiper-pagination {
        bottom: 10px;
        padding-right: 10px;
    }

    .cont-hd .sw-btn {
        width: 0.6rem;
        height: 0.6rem;
    }

    .xb-cir ul li {
        font-size: calc(12px - 0.12rem + 0.2rem);
    }

    .ind-it2 {
        height: 1.7rem;
    }

    .sear-page2 {
        padding: 0 0rem 1.2rem;
    }

    .sear-page2 .layout {
        padding: 0 6%;
    }
    .oct-it .si:before {
    right: -2.7rem;
}
.oct-it .si:after {
    right: -2.75rem;
    top: 0.4rem;
}


}

@media screen and (max-width: 901px) {
    .sear-page2 .layout {
        padding: 0 20px;
    }
}

@media screen and (max-width: 768px) {
    .cont-mod .w50 li,
    .cont-mod .w50 li:nth-of-type(2n){
        width: 100%;
    }
    .cont-mod li .im{
        font-size: calc(12px - 0.12rem + 0.18rem);
    }
    .oct-mod .line:after{
        display: none;
    }
    .swiper-button-next, .swiper-button-prev{
    width: 18px;
    height: 33px;
    margin-top: -16px;
    -moz-background-size: 18px 33px;
    -webkit-background-size: 18px 33px;
    background-size: 18px 33px;
    }
    .ej-pop .pp-con{
        width: 300px;
        height: 250px;
    }
    .ej-pop .content .tex {
    padding: 20px 10px 0;
    font-size: 15px;
    line-height: 2;
}
.ej-pop .btn {
    width: 140px;
    height: 40px;
    line-height: 40px;
    border-radius: 40px;
}
.ej-pop .hd{
    height: 60px;
    line-height: 60px;
}
.ej-pop .hd .cn {
    font-size: 18px;
}
.ej-pop .hd .en {
    font-size: 12px;
}
.ej-pop .hd img{
    max-height: 60%;
}
.ej-pop .close {
    width: 20px;
    height: 20px;
    right: 10px;
    top: 20px;
}
    .sto-page1 .lt img {
    max-width: 50%;
}
    .ds-page .con-box{
        padding: 0.3rem 0.1rem;
    }
    .sto-page1 .tex {
        line-height: 1.6;
        font-size: calc(12px - 0.12rem + 0.18rem);
    }

    .sto-page1 .more {
        font-size: calc(12px - 0.12rem + 0.18rem);
    }

    .sto-it {
        width: 100%;
        margin: 0 auto 3%;
        float: none;
    }

    .sto-hd {
        margin: 0.6rem 0 0.4rem;
        text-align: center;
    }

    .sto-hd .tt {
        font-size: calc(12px - 0.12rem + 0.32rem);
    }

    .core-menu .tex {
        margin-left: 0.8rem;
        line-height: normal;
        padding-top: 0.1rem;
    }

    .core-menu .tex .dd {
        font-size: 13px;
    }

    .bcs-mod .int {
        width: 100%;
    }

    .bcs-mod .con {
        height: 6rem;
    }

    .cs-mod .hd li {
        width: 100%;
        border-right: none;
        border-bottom: 1px solid #Fff;
    }

    .cs-mod .hd {
        height: auto;
        overflow: hidden;
        line-height: 0.7rem;
    }

    .cs-mod .bt {
        height: 6rem;
    }

    .sto-it2 {
        height: 2rem;
    }

    .sto-it2 .tt,
    .sto-it2 .more {
        font-size: calc(12px - 0.12rem + 0.18rem);
    }

    .sto-it1 {
        height: 2.4rem;
        font-size: calc(12px - 0.12rem + 0.18rem);
    }

    .hea-it {
        width: 100%;
    }

    .hea-it1 {
        width: 50%;
    }

    .hea-it1 .tex, .hea-it1 .pic {
        height: 4.8rem;
    }

    .hea-it1:nth-of-type(3) {
        width: 100%;
    }

    .hea-it1:nth-of-type(3) .pic {
        width: 50%;
        float: left;
    }

    .hea-it1:nth-of-type(3) .tex {
        width: 50%;
        float: right;
    }

    .hea-it1 .dd {
        font-size: calc(12px - 0.12rem + 0.16rem);
        line-height: 1.6;
    }

    .hea-it1 .tt {
        margin-bottom: 0.1rem;
    }

    .part-mod .it {
        width: 23%;
    }

    .part-mod .con-box {
        padding: 0.1rem 0;
    }

    .part-mod .con-box {
        margin-bottom: 1rem;
    }

    .sto-page1 {
        padding: 0.5rem 0;
    }

    .wl-it3 {
        width: 100%;
        margin-bottom: 3%;
    }

    .wl-it2 {
        width: 100%;
    }

    .wl-it2 .hd {
        padding-bottom: 0.15rem;
    }

    .wl-it2 .bt {
        padding: 0;
    }

    .wl-it2 .bt span {
        font-size: 12px;
    }

    .wl-it {
        width: 100%;
    }

    .wl-it1 {
        height: 3rem;
    }

    .wl-it .tt {
        font-size: calc(12px - 0.12rem + 0.22rem);
    }

    .wl-it1 .tt {
        font-size: calc(12px - 0.12rem + 0.18rem);
    }

    .wl-it1 .icon {
        height: 2rem;
        line-height: 2rem;
    }

    .wl-it1 .icon img {
        max-height: 0.8rem;
    }

    .zx-mod {
        height: auto;
    }

    .zx-mod .lt {
        width: 100%;
        float: none;
        height: 4rem;
    }

    .zx-mod .rg {
        width: 100%;
        float: none;
        height: 4rem;
    }

    .zx-mod .rg .tt {
        width: 1.4rem;
        font-size: calc(12px - 0.12rem + 0.2rem);
    }

    .zx-mod .rg .dd {
        font-size: calc(12px - 0.12rem + 0.16rem);
    }

    .zx-page3 .lt {
        height: 4rem;
    }

    .zx-page3 .rg .it {
        width: 50%;
    }

    .zx-page3 .rg ol li {
        font-size: calc(12px - 0.12rem + 0.15rem);
    }

    .kc-it {
        width: 100%;
    }

    .kc-it .icon {
        height: 100%;
    }

    .kc-it .icon img {
        max-height: 46%;
    }

    .sear-page2 .content {
        padding: 0;
    }

    .sear-page1 .con-box {
        padding: 0.3rem 0.5rem;
    }

    .sear-page1 .sear-box {
        width: 100%;
        max-width: 100%;
        padding-left: 0;
        padding-right: 0;
        margin-bottom: 0.3rem;
    }

    .sear-it .tex {
        font-size: calc(12px - 0.12rem + 0.17rem);
    }

    .sear-it .hd {
        font-size: calc(12px - 0.12rem + 0.24rem);
        margin-bottom: 0.3rem;
        padding: 0 0.5%;
    }

    .sear-page2 .p-hd {
        padding: 0 0.1rem 0.2rem;
    }

    .sear-it .pic li {
        height: 2.4rem;
    }

    .ej-page li {
        height: 0.6rem;
        line-height: 0.6rem;
        min-width: 0.6rem;
        font-size: calc(12px - 0.12rem + 0.16rem);
        margin: 3px;
    }

    .ej-page .btn {
        width: 1.5rem;
    }

    .sear-page2 {
        padding: 0 0.5rem 0.5rem;
    }

    .sear-page1 .sw-prev {
        left: -0.5rem;
        top: 1.6rem;
        background-repeat: no-repeat;
        background-size: 70%;
    }

    .sear-page1 .sw-next {
        right: -0.5rem;
        top: 1.6rem;
        background-repeat: no-repeat;
        background-size: 70%;
    }

    .sear-it .sw-button {
        top: 1.5rem;
        background-repeat: no-repeat;
        background-size: 70%;
    }

    .article {
        padding: 0.5rem 0rem 0;
    }

    .article .tt {
        font-size: calc(18px - 0.18rem + 0.3rem);
        margin-bottom: 0.3rem;
    }

    .article .share {
        margin-left: 0;
    }

    .share a {
        width: 16px;
        height: 16px;
        margin-left: 10px;
    }

    .article .hd-bt .lt {
        margin-bottom: 0.15rem;
    }

    .ej-share-box ul {
        width: 100%;
        float: none;
    }

    .ej-share-box .break {
        float: none;
        width: 2.4rem;
        margin: 0.3rem auto 0;
    }

    .ej-share-box {
        padding: 0.2rem 0 0.4rem;
    }

    .menu-mod {
        height: auto;
        line-height: 0.7rem;
    }

    .menu-mod .menu-lt {
        float: none;
    }

    .menu-mod .menu-rg {
        float: none;
        display: flex;
    }

    .menu-mod .menu-rg li {
        flex: 1;
        text-align: center;
    }

    .menu-mod .menu-rg a {
        padding: 0rem 0.05rem;
        font-size: calc(12px - 0.12rem + 0.14rem);
    }

    .nw-page1 .nw-lt {
        height: 3.8rem;
    }

    .nw-page1 .nw-rg {
        height: 5rem;
    }

    .nw-it2 .dd {
        line-height: 1.3;
    }

    .ind-it2 {
        padding: 0.2rem 0.1rem;
        height: 1.8rem;
    }

    .ind-it2 .day:after {
        display: none;
    }

    .ind-it2 .tex {
        margin-left: 1.6rem;
    }

    .ind-it2 .more {
        display: none;
    }

    .ind-it2 .dd {
        line-height: 1.3;
    }

    .cont-page1 .lt {
        height: 4.8rem;
        padding: 0.5rem 0rem;
    }

    .step-it .lb {
        font-size: calc(12px - 0.12rem + 0.16rem);
    }

    .cont-page1 .lt .tip {
        width: 100%;
        left: 0;
        height: auto;
        line-height: normal;
        padding: 0.1rem;
    }

    .cont-page1 .lt .tip:before,
    .cont-page1 .lt .tip:after {
        display: none;
    }

    .cont-page1 .video-box {
        height: 3.8rem;
    }

    .zp-sear {
        /* padding: 0.2rem 0.2rem; */
    }

    .zp-fm .btn {
        width: 32%;
    }

    .zp-fm .tex {
        width: 68%;
    }

    .cont-hd .tt {
        font-size: calc(12px - 0.12rem + 0.36rem);
        border-bottom: 2px solid #ee7c00;
        margin-bottom: 0.2rem;
    }

    .cont-hd {
        margin: 0.6rem 0 0.4rem;
    }

    .job-box .ta-title li:first-of-type, .job-box .ta-body li:first-of-type {
        padding-left: 10px;
    }

    .job-box .ta-body:after {
        right: 10px;
    }

    .job-box .ta-title {
        font-size: 14px;
    }

    .job-box .ta-body {
        font-size: 12px;
    }

    .job-box .ta-body p {
        line-height: normal;
    }

    .job-box .ta-body:after {
        width: 8px;
        height: 8px;
    }

    .zp-hd .tt {
        font-size: calc(12px - 0.12rem + 0.2rem);
    }

    .job-box {
        margin-bottom: 0.2rem;
    }

    .cont-mod .cont-tp {
        padding: 0.3rem 0.1rem;
    }

    .lm-mod .fm-it {
        width: 100%;
    }

    .dev-mod {
        padding-bottom: 0;
    }

    .dev-mod .hd {
        font-size: calc(12px - 0.12rem + 0.3rem);
        margin-bottom: 0.5rem;
    }

    .dev-it .year {
        font-size: calc(12px - 0.12rem + 0.26rem);
        margin-bottom: 0.15rem;
    }

    .dev-it .tt {
        font-size: calc(12px - 0.12rem + 0.18rem);
        margin-bottom: 0.15rem;
    }

    .dev-it .dd {
        font-size: calc(12px - 0.12rem + 0.14rem);
    }

    .dev-mod .sw-btn {
        top: 1.8rem;
    }

    .sto-page3 .core-lt {
        height: 8.2rem;
    }

    .sto-page3 .cl-col {
        margin-bottom: 0.2rem;
    }

    .xb-cir {
        width: 5rem;
        padding-bottom: 0.5rem;
    }

    .xb-cir .cri {
        height: 2.7rem;
        line-height: 2.7rem;
    }

    .xb-cir ul li {
        width: 0.9rem;
        height: 0.9rem;
        line-height: 0.9rem;
    }

     .xb-cir .li3{
    margin-left: -0.45rem;
} 
    .xb-cir .cri .ct {
        width: 0.9rem;
        height: 0.9rem;
        line-height: 0.9rem;
        margin-left: -0.45rem;
        top: 0.6rem;
    }
    .oct-it {
    font-size: 12px;
}
.oct-it .t-tt{
    /* width: 1.3rem; */
}
.oct-it .icon{
    height: 0.7rem;
    padding: 0.15rem 0.1rem;
}
.oct-it .tex .lb{
    padding: 0 0.1rem;
    height: 0.52rem;
    line-height: 0.5rem;
    border: 1px dashed #ee7c00;
}
.oct-it .tex .lb img{
    height: 0.3rem;
}
.oct-it:after{
    right: -1.8rem;
}
.oct-it:after{

}
.oct-it:before{
    width: 0.4rem;
    height: 0.1rem;
    right: -1.3rem;
    top: 28%;
}
.oct-it .si:before {
    right: -1.6rem;
    top: -0.1rem;
    transform:scale(0.7);
}
.oct-it .si:after {
    right: -1.65rem;
    top: .3rem;
    transform:scale(0.7);
}
/* .col2 .oct-it:before {
    right: -1.4rem;
} */
.col3 .oct-it:before {
    right: -1.3rem;
}
.col4 .oct-it:before{
    right: -1.8rem;
}
.oct-mod .col{
    padding-bottom: 1.3rem;

}
.col2 .oct-it:last-of-type:before,
.col4 .oct-it:last-of-type:before{
   display: none;
}
.col2 .oct-it:last-of-type:after, .col4 .oct-it:last-of-type:after{
        right: calc(0.3rem - 0.07rem);
        top: -110%;
}
.oct-mod .tt {
    font-size: calc(12px - 0.12rem + 0.24rem);
}

    /* @keyframes animX{
      0% {left: -0.45rem;}
    100% {left: 4.55rem;}
}
@keyframes animY{
      0% {top: -0.45rem;}
    100% {top: 2.25rem;}
}
 */
}