@font-face
{
    font-family: 'DINPro-Light';
    src: url("");
}
@font-face
{
    font-family: 'DINPro-Regular';
    src: url("");
}
@font-face
{
    font-family: 'DINPro-Medium';
    src: url("");
}
@font-face
{
    font-family: 'DINPro-Bold';
    src: url("");
}
@font-face
{
    font-family: 'DINEngschrift';
    src: url("");
}
@font-face
{
    font-family: 'PuHuiTi-B';
    src: url("");
}
@font-face
{
    font-family: 'PuHuiTi-H';
    src: url("");
}
@font-face
{
    font-family: 'PuHuiTi-L';
    src: url("");
}
@font-face
{
    font-family: 'PuHuiTi-M';
    src: url("");
}
@font-face
{
    font-family: 'PuHuiTi-R';
    src: url("");
}
@font-face
{
    font-family: 'Times-New-Roman';
    src: url("");
}
@font-face
{
    font-family: 'Times-New-Roman-B';
    src: url("");
}
*
{
    font-family: 'Times-New-Roman',Times,serif!important;
    color: #3e3a39;
}
.wrapper
{
    width: 80vw;
    max-width: 1360px;
    margin: 0 auto;
    position: relative;
}
.wrapper:after
{
    content: '';
    display: block;
    clear: both;
}
.dom-loaded .header .nav li
{
    -webkit-transition: padding .3s ease;
    -moz-transition: padding .3s ease;
    -ms-transition: padding .3s ease;
    transition: padding .3s ease;
}
.dom-loaded .header .nav li .drop
{
    -webkit-transition: transform .1s ease,opacity .1s ease,visibility .1s;
    -moz-transition: transform .1s ease,opacity .1s ease,visibility .1s;
    -ms-transition: transform .1s ease,opacity .1s ease,visibility .1s;
    transition: transform .1s ease,opacity .1s ease,visibility .1s;
}
.dom-loaded .header .search-box
{
    -webkit-transition: all .3s ease;
    -moz-transition: all .3s ease;
    -ms-transition: all .3s ease;
    transition: all .3s ease;
}/* header */
.header
{
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    background-color: #fff;
    z-index: 9;
    box-shadow: 0 0 10px rgba(0,0,0,.1);
}
.header .logo
{
    position: absolute;
    left: 5.2vw;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
    background-image: url(/png/nelm2ok3.png);
    height: 60px;
    width: 106px;
}
.header.down .logo, .header.fixed .logo, .header:hover .logo
{
    background-image: url(/png/nelm2ok3.png)!important;
}
.header .logo img
{
    display: block;
    height: 60px;
}
.header .nav
{
    text-align: right;
    font-size: 0;
    padding-right: calc(10vw + 120px);
}
.header .nav li
{
    display: inline-block;
    vertical-align: top;
    margin-right: 2vw;
}
.header .nav li a.single
{
    display: block;
    font-size: 16px;/* line-height: 90px; */
    line-height: 70px;
    color: #515151;
    color: #3e3a39;
    -webkit-transition: all .3s ease;
    -moz-transition: all .3s ease;
    -ms-transition: all .3s ease;
    transition: all .3s ease;
}
.header.down .nav li a.active
{
    color: #004ea2;
}
@media screen and (min-width: 992px)
{
    .header .nav li .drop
    {
        position: absolute;
        top: 100%;
        left: 0;
        right: 0;
        display: flex;
        border-top: 1px solid #f7f7f7;
        box-shadow: 0 10px 10px rgba(0,0,0,.01);
        opacity: 0;
        visibility: hidden;
        -webkit-transform: translateY(20px);
        -moz-transform: translateY(20px);
        -ms-transform: translateY(20px);
        transform: translateY(20px);
    }
    .header .nav li .drop .left, .header .nav li .drop .right
    {
        display: inline-block;
        vertical-align: top;
        width: 50%;
    }
    .header .nav li .drop .left
    {
        background-color: #fff;
        text-align: right;
        padding: 4.5vw 0;
    }
    .header .nav li .drop .left .box
    {
        display: inline-block;
        text-align: left;
        width: 28vw;
        max-width: 520px;
    }
    .header .nav li .drop .left a
    {
        position: relative;
        display: block;
        font-size: 16px;
        line-height: 54px;
        color: #333;
        text-indent: 3vw;
        -webkit-transition: all .3s ease;
        -moz-transition: all .3s ease;
        -ms-transition: all .3s ease;
        transition: all .3s ease;
    }
    .header .nav li .drop .left a:after
    {
        content: '';
        width: 10px;
        height: 16px;
        background-position: center;
        background-repeat: no-repeat;
        background-size: contain;
        background-image: url("/png/3cqnq31l.png");
        position: absolute;
        right: 3vw;
        top: 50%;
        margin-top: -8px;
        opacity: 0;
        -webkit-transform: translateX(-10px);
        -moz-transform: translateX(-10px);
        -ms-transform: translateX(-10px);
        transform: translateX(-10px);
        -webkit-transition: all .3s ease;
        -moz-transition: all .3s ease;
        -ms-transition: all .3s ease;
        transition: all .3s ease;
    }
    .header .nav li .drop .left a:hover
    {
        background-color: #f7f7f7;
    }
    .header .nav li .drop .left a:hover:after
    {
        opacity: 1;
        -webkit-transform: translateX(0);
        -moz-transform: translateX(0);
        -ms-transform: translateX(0);
        transform: translateX(0);
    }
    .header .nav li .drop .right
    {
        background-color: #f7f7f7;
        padding: 4.5vw 6vw;
        text-align: left;
    }
    .header .nav li .drop .right img
    {
        width: 20vw;
        max-width: 382px;
        display: block;
    }
    .header .nav li .drop .right h3
    {
        font-size: 24px;
        color: #333;
        line-height: 1;
        margin-top: 20px;
    }
    .header .nav li .drop .right p
    {
        margin-top: 10px;
        font-size: 14px;
        line-height: 24px;
    }
}
@media screen and (min-width: 992px)
{
    .header .nav li:hover a.single
    {
        color: #004ea2;
    }/*   .header .nav li:hover .drop {
    opacity: 1;
    visibility: visible;
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
    -webkit-transition: transform 0.5s ease 0.2s, opacity 0.5s ease 0.2s, visibility 0.5s 0.2s;
    -moz-transition: transform 0.5s ease 0.2s, opacity 0.5s ease 0.2s, visibility 0.5s 0.2s;
    -ms-transition: transform 0.5s ease 0.2s, opacity 0.5s ease 0.2s, visibility 0.5s 0.2s;
    transition: transform 0.5s ease 0.2s, opacity 0.5s ease 0.2s, visibility 0.5s 0.2s;
  } */
}
.header .nav li.active a.single
{
    color: #004ea2;
}
.header .ope
{
    position: absolute;
    right: 5.2vw;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
}
.header .ope .lang, .header .ope .search
{
    display: inline-block;
    vertical-align: top;
}
.header .ope .lang a, .header .ope .lang i
{
    display: inline-block;
    vertical-align: top;
    color: #666;
    line-height: 20px;
}
.header .ope .lang i
{
    font-style: normal;
    font-size: 12px;
}
.header .ope .lang a
{
    font-size: 16px;
    -webkit-transition: color .3s ease;
    -moz-transition: color .3s ease;
    -ms-transition: color .3s ease;
    transition: color .3s ease;
}
@media screen and (min-width: 992px)
{
    .header .ope .lang a:hover
    {
        color: #004ea2;
    }
}
.header .ope .search
{
    margin-left: 2vw;
}
.header .ope .search a.icon
{
    display: block;
    width: 20px;
    height: 20px;
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
    background-image: url("/png/rawi5udb.png");
    -webkit-transition: all .3s ease;
    -moz-transition: all .3s ease;
    -ms-transition: all .3s ease;
    transition: all .3s ease;
}
@media screen and (min-width: 992px)
{
    .header .ope .search a.icon:hover
    {
        background-image: url("/png/ca11tdio.png");
    }
}
.header .search-box
{
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    height: 100vh;
    z-index: 5;
    background-color: rgba(0,78,162,.95);
    opacity: 0;
    visibility: hidden;
}
.header .search-box.active
{
    opacity: 1;
    visibility: visible;
}
.header .search-box .close
{
    position: absolute;
    top: 30px;
    right: 6vw;
    width: 70px;
    height: 70px;
    border: 1px solid rgba(255,255,255,.2);
    border-radius: 50%;
    background-position: center;
    background-repeat: no-repeat;
    background-image: url("/png/ad34w1h3.png");
    cursor: pointer;
}
.header .search-box form
{
    position: absolute;
    top: 50%;
    left: 6vw;
    right: 6vw;
    border-top: 1px solid rgba(255,255,255,.2);
    border-bottom: 1px solid rgba(255,255,255,.2);
    padding-left: 70px;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
}
.header .search-box form:before
{
    content: '';
    width: 36px;
    height: 36px;
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
    background-image: url("/png/adjfla5y.png");
    position: absolute;
    left: 0;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    opacity: .2;
}
.header .search-box input
{
    display: block;
    width: 100%;
    height: 6vw;
    background-color: transparent;
    font-size: 36px;
    color: #fff;
}
.header .search-box .tip
{
    position: absolute;
    left: 6vw;
    right: 6vw;
    font-size: 16px;
    color: #fff;
    top: 50%;
    -webkit-transform: translateY(5.5vw);
    -moz-transform: translateY(5.5vw);
    -ms-transform: translateY(5.5vw);
    transform: translateY(5.5vw);
}
.header.down .nav li a.single
{
    line-height: 70px;
}/* footer */
.footer
{
    padding: 0 6vw;
    background-color: #f7f7f7;
}
.footer .top-box
{
    padding: 7vw 0 3vw;
    font-size: 0;
}
.footer .top-box .block
{
    display: flex;
    justify-content: space-between;
}
.footer .bot-box
{
    border-top: 1px solid #dcdcdc;
    padding: 30px 0;
    position: relative;
}
.footer .left
{
    width: 34vw;
}
.footer .left .logo img
{
    display: block;
    height: 60px;
}
.footer .left .info
{
    margin-top: 20px;
    padding-left: 76px;
    font-size: 16px;
    line-height: 30px;
    color: #666;
}
.footer .center
{
    width: 50vw;
    display: flex;
}
.footer .center .box
{
    width: calc(100% / 3);
    display: inline-block;
    vertical-align: top;
}
.footer .center .box h3 a
{
    font-size: 18px;
    color: #000;
    -webkit-transition: color .3s ease;
    -moz-transition: color .3s ease;
    -ms-transition: color .3s ease;
    transition: color .3s ease;
    font-family: 'Times-New-Roman',Times,serif!important;
}
.footer .center .box h3 a:hover
{
    color: #004ea2;
}
.footer .center .box .a-block
{
    margin-top: 20px;
}
.footer .center .box .a-block a
{
    display: block;
    font-size: 16px;
    line-height: 30px;
    color: #666;
    -webkit-transition: color .3s ease;
    -moz-transition: color .3s ease;
    -ms-transition: color .3s ease;
    transition: color .3s ease;
}
.footer .center .box .a-block a:hover
{
    color: #004ea2;
}
.footer .right
{
    float: right;
}
.footer .right h3
{
    font-size: 18px;
    color: #000;
    font-family: 'Times-New-Roman',Times,serif!important;
}
.footer .right .ewm
{
    margin-top: 24px;
    font-size: 0;
}
.footer .right .ewm .item
{
    display: inline-block;
    vertical-align: top;
    text-align: center;
}
.footer .right .ewm .item:nth-of-type(2)
{
    margin-left: 30px;
}
.footer .right .ewm .item img
{
    display: block;
    width: 100px;
}
.footer .right .ewm .item p
{
    font-size: 14px;
    color: #414141;
    margin-top: 5px;
}
.footer .share
{
    margin-top: 4.5vw;
    font-size: 0;
}
.footer .share a
{
    display: inline-block;
    vertical-align: top;
    width: 36px;
    height: 36px;
    float: none;
    padding: 0;
    border-radius: 50%;
    border: 1px solid #dedede;
    background-position: center;
    background-repeat: no-repeat;
    margin: 0 10px 0 0;
}
.footer .share a:last-of-type
{
    margin-right: 0;
}
.footer .share a[data-cmd="weixin"]
{
    background-image: url("/png/qsclmo3g.png");
}
.footer .share a[data-cmd="tsina"]
{
    background-image: url("/png/mxvakgma.png");
}
.footer .share a[data-cmd="sqq"]
{
    background-image: url("/png/316e2piw.png");
}
.footer .share a[data-cmd="ibaidu"]
{
    background-image: url("/png/7rlyefsq.png");
}
.footer .share a[data-cmd="linkedin"]
{
    background-image: url("/png/f71ns2yw.png");
}
.footer .copyright, .footer .link a
{
    font-size: 16px;
    line-height: 24px;
    color: #666;
}
.footer .link
{
    position: absolute;
    right: 0;
    top: 50%;
    margin-top: -12px;
    font-size: 0;
}
@media screen and (min-width: 992px)
{
    .footer .link a
    {
        margin-left: 20px;
        -webkit-transition: all .3s ease;
        -moz-transition: all .3s ease;
        -ms-transition: all .3s ease;
        transition: all .3s ease;
    }
    .footer .link a:nth-of-type(1)
    {
        margin-left: 0;
    }
    .footer .link a:hover
    {
        color: #004ea2;
    }
}
@media screen and (max-width: 1600px)
{
    .header .logo img, .footer .left .logo img
    {
        height: 50px;
    }
    .header .nav li
    {
        margin-right: 1.5vw;
    }
    .header .ope .search
    {
        margin-left: 1.5vw;
    }
    .header .nav li .drop .right h3
    {
        font-size: 20px;
    }
    .header .nav li .drop .left a
    {
        line-height: 46px;
    }
    .header .search-box input
    {
        font-size: 28px;
    }
    .footer .center .box
    {
        width: calc(100% / 3 - 1vw);
        margin-left: 3vw;
        min-width: 120px;
    }
    .footer .left .info
    {
        padding-left: 62px;
    }
}
@media screen and (max-width: 1366px)
{
    .header .logo
    {
        left: 3vw;
    }
    .header .ope
    {
        right: 3vw;
    }
    .header .nav
    {
        padding-right: calc(100px + 3vw);
    }
    .footer
    {
        padding: 0 5vw;
    }
    .footer .right h3, .footer .center .box h3 a
    {
        font-size: 16px;
    }
    .footer .center .box .a-block a, .footer .left .info
    {
        font-size: 14px;
        line-height: 24px;
    }
    .footer .center .box
    {
        min-width: 80px;
    }
    .footer .copyright, .footer .link a
    {
        font-size: 14px;
    }
    .header .search-box input
    {
        font-size: 20px;
    }
}
@media screen and (max-width: 1200px)
{
    .header .logo img, .footer .left .logo img
    {
        height: 40px;
    }
    .header .nav li
    {
        margin-right: 10px;
    }
    .header .nav li a.single
    {
        font-size: 14px;
    }
    .header .nav li a.active
    {
        color: #004ea2;
    }
    .header .nav li .drop .left a
    {
        font-size: 14px;
        line-height: 40px;
    }
    .header .ope .lang a
    {
        font-size: 14px;
    }
    .footer .left .info
    {
        padding-left: 50px;
    }
    .footer .center .box
    {
        width: calc(100% / 3 - -1vw);
        margin-left: 3vw;
    }
}
@media screen and (max-width: 992px)
{
    .mNavBtn
    {
        display: block;
        width: 24px;
        height: 16px;
        right: 10px;
        top: 22px;
        position: absolute;
        cursor: pointer;
        z-index: 2;
    }
    .mNavBtn.active .line2
    {
        display: none;
    }
    .mNavBtn.active .line1
    {
        -webkit-transform: rotate(45deg);
        -moz-transform: rotate(45deg);
        -ms-transform: rotate(45deg);
        transform: rotate(45deg);
        top: 7px;
    }
    .mNavBtn.active .line3
    {
        -webkit-transform: rotate(-45deg);
        -moz-transform: rotate(-45deg);
        -ms-transform: rotate(-45deg);
        transform: rotate(-45deg);
        bottom: 7px;
    }
    .mNavBtn span
    {
        position: absolute;
        left: 0;
        width: 24px;
        height: 2px;
        background: #004ea2;
        -webkit-transition: all .3s ease;
        -moz-transition: all .3s ease;
        -ms-transition: all .3s ease;
        transition: all .3s ease;
    }
    .mNavBtn span.line1
    {
        top: 0;
    }
    .mNavBtn span.line2
    {
        top: 7px;
    }
    .mNavBtn span.line3
    {
        bottom: 0;
    }
    .header
    {
        height: 60px;
    }
    .header .logo img
    {
        height: 30px;
    }
    .header .logo
    {
        left: 10px;
    }
    .header .ope
    {
        right: 45px;
    }
    .header .ope .search
    {
        margin-left: 10px;
    }
    .header .nav
    {
        position: fixed;
        width: 100vw;
        top: 60px;
        left: 100%;
        right: 0;
        bottom: 0;
        background-color: #fff;
        padding: 20px 20px 0;
        border-top: 1px solid #e6e6e6;
        text-align: left;
        -webkit-transition: all .5s ease;
        -moz-transition: all .5s ease;
        -ms-transition: all .5s ease;
        transition: all .5s ease;
    }
    .header .nav.active
    {
        left: 0;
    }
    .header .nav li
    {
        padding: 0;
        margin: 0;
        display: block;
        border-bottom: 1px solid #e6e6e6;
    }
    .header .nav li a.single
    {
        line-height: 40px;
    }
    .header .nav li .drop
    {
        padding-bottom: 10px;
        margin-top: -8px;
    }
    .header .nav li .drop .left
    {
        font-size: 0;
    }
    .header .nav li .drop .left a
    {
        display: inline-block;
        vertical-align: top;
        margin: 5px 10px 0 0;
        font-size: 12px;
        color: #333;
        line-height: 16px;
    }
    .header .nav li .drop .right
    {
        display: none;
    }
    .header .search-box .close
    {
        width: 40px;
        height: 40px;
        background-size: auto 20px;
        right: 30px;
    }
    .header .search-box form
    {
        padding-left: 40px;
        left: 30px;
        right: 30px;
    }
    .header .search-box form:before
    {
        width: 24px;
        height: 24px;
    }
    .header .search-box input
    {
        height: 60px;
        font-size: 16px;
    }
    .header .search-box .tip
    {
        font-size: 14px;
        left: 30px;
        right: 30px;
        -webkit-transform: translateY(50px);
        -moz-transform: translateY(50px);
        -ms-transform: translateY(50px);
        transform: translateY(50px);
    }
    .footer
    {
        padding: 0 20px;
    }
    .footer .top-box
    {
        padding: 30px 0;
        text-align: center;
    }
    .footer .left
    {
        width: 100%;
        float: none;
        display: inline-block;
    }
    .footer .left .info
    {
        text-align: left;
        margin-top: 10px;
    }
    .footer .right, .footer .center
    {
        display: none;
    }
    .footer .bot-box
    {
        padding: 15px 0;
    }
    .footer .link
    {
        position: static;
        text-align: center;
        margin-top: 0;
    }
    .footer .link a
    {
        margin: 0 10px;
    }
    .footer .copyright
    {
        text-align: center;
        margin-top: 5px;
    }
}/* common */
.inner-tit
{
    font-size: 36px;
    line-height: 1;
}
.inner-tit.white
{
    color: #fff;
}
.inner-tit.black
{
    color: #000;
}
.inner-tit.center
{
    text-align: center;
}
.inner-tit.bold
{
    font-weight: bold;
}
.inner-btn
{
    display: block;
    width: 180px;
    font-size: 16px;
    color: #fff;
    line-height: 50px;
    background-color: #004ea2;
    text-align: center;
    -webkit-transition: all .3s ease;
    -moz-transition: all .3s ease;
    -ms-transition: all .3s ease;
    transition: all .3s ease;
}
.inner-btn:after
{
    content: '';
    width: 12px;
    height: 12px;
    display: inline-block;
    vertical-align: middle;
    margin: -3px 0 0 10px;
    background-position: center;
    background-repeat: no-repeat;
    background-image: url("/png/jws9ggt3.png");
}
@media screen and (min-width: 992px)
{
    .inner-btn:hover
    {
        -webkit-transform: translateY(-5px);
        -moz-transform: translateY(-5px);
        -ms-transform: translateY(-5px);
        transform: translateY(-5px);
        box-shadow: 0 5px 20px rgba(0,78,162,.3);
    }
}
.index-tit h3
{
    font-size: 30px;
    line-height: 1;
}
.index-tit p
{
    font-size: 16px;
    line-height: 24px;
    margin-top: 10px;
}
.index-tit.white h3, .index-tit.white p
{
    color: #fff;
}
.index-tit.gray h3
{
    color: #000;
}
.index-tit.gray p
{
    color: #a8a8a8;
}
.inner-page
{/* padding-top: 90px; */
    padding-top: 0;
}
.inner-page.message, .inner-page.news-detail
{
    padding-top: 70px;
}
.inner-banner
{
    position: relative;
}
.inner-banner .img-block
{
    overflow: hidden;
}
.inner-banner .txt-block
{
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    text-align: center;
}
.inner-banner img
{
    display: block;
    width: 100%;
}
.inner-banner h3
{
    font-size: 60px;
    line-height: 1.2;
    color: #fff;
    font-weight: normal;
}
.inner-banner p
{
    font-size: 28px;
    line-height: 1.2;
    color: #fff;
    margin-top: 20px;
}
.inner-banner.blue-font h3, .inner-banner.blue-font p
{
    color: #004ea2;
}
.comm-subnav
{
    display: flex;
}
.comm-subnav .crumbs
{
    width: 25%;
    background-color: #004ea2;
    padding-left: 5vw;
    position: relative;
}
.comm-subnav .crumbs:after
{
    content: '';
    width: 10px;
    height: 6px;
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;/*background-image: url("../images/drop.png");*/
    position: absolute;
    right: 1.5vw;
    top: 50%;
    margin-top: -3px;
}
.comm-subnav .crumbs a, .comm-subnav .crumbs span
{
    display: inline-block;
    vertical-align: middle;
    line-height: 80px;
}
.comm-subnav .crumbs a
{
    font-size: 16px;
    color: #fff;
}
.comm-subnav .crumbs span
{
    font-size: 24px;
    color: #fff;
    padding-left: 24px;
    background-position: left center;
    background-repeat: no-repeat;
    background-image: url("/png/1jmtd05b.png");
    margin-left: 16px;
}
.comm-subnav .nav
{
    font-size: 0;
    width: 75%;
    background-color: #f8f8f8;
}
.comm-subnav .nav a
{
    display: inline-block;
    vertical-align: top;
    margin-left: 5vw;
    font-size: 16px;
    line-height: 76px;
    color: #666;
    border-bottom: 4px solid transparent;
    -webkit-transition: all .3s ease;
    -moz-transition: all .3s ease;
    -ms-transition: all .3s ease;
    transition: all .3s ease;
}
.comm-subnav .nav a:nth-of-type(1)
{
    margin-left: 6vw;
}
.comm-subnav .nav a:hover, .comm-subnav .nav a.active
{
    color: #004ea2;
    border-color: #004ea2;
}
.comm-subnav.fixed
{
    position: sticky;
    left: 0;
    right: 0;
    top: 70px;
    z-index: 5;
    box-shadow: 0 0 10px rgba(0,0,0,.1);
}
.comm-subnav.fixed .crumbs a, .comm-subnav.fixed .crumbs span
{
    line-height: 60px;
}
.comm-subnav.fixed .nav a
{
    line-height: 30px;
}
.comm-pages
{
    font-size: 0;
    text-align: center;
}
.comm-pages ul li
{
    display: inline-block;
    vertical-align: top;
    margin: 0 .42vw;/* 0 8px; */
}
.comm-pages ul li a
{
    display: flex;
    width: 30px;
    height: 30px;
    font-size: 15px;
    line-height: 30px;
    -webkit-transition: all .3s ease;
    -moz-transition: all .3s ease;
    -ms-transition: all .3s ease;
    transition: all .3s ease;
    border-radius: 50%;
    align-items: center;
    justify-content: center;
    font-family: 'Times-New-Roman',Times,serif!important;
}
.comm-pages ul li input
{
    width: 50px;
    text-align: center;
    font-size: 16px;
    color: #808080;
    background-color: #f5f5f5;
    border: none;
    -moz-appearance: textfield;
}
.comm-pages ul li input::-webkit-outer-spin-button, .comm-pages ul li input::-webkit-inner-spin-button
{
    -webkit-appearance: none;
}
.comm-pages ul li button
{
    font-size: 16px;
    color: #808080;
    background-color: transparent;
    margin-left: 15px;
    cursor: pointer;
    -webkit-transition: color .3s ease;
    -moz-transition: color .3s ease;
    -ms-transition: color .3s ease;
    transition: color .3s ease;
}
.comm-pages ul li button:hover
{
    color: #004ea2;
}
.comm-pages ul li.next a
{
    background-position: center;
    background-repeat: no-repeat;/* background-image: url("../images/page.png"); */
    background-image: url("/png/jqo4cech.png");
}
.comm-pages ul li.prev a
{
    background-position: center;
    background-repeat: no-repeat;/* background-image: url("../images/prev-page.png"); */
    background-image: url("/png/ff5np9sb.png");
}
.comm-pages ul li.first a
{
    background-position: center;
    background-repeat: no-repeat;
    background-image: url("/png/cj4g7jp0.png");
}
.comm-pages ul li.last a
{
    background-position: center;
    background-repeat: no-repeat;
    background-image: url("/png/8s6528mp.png");
}
.comm-pages ul .disabled:hover a
{
    background-color: rgba(0,0,0,0)!important;
}
.comm-pages ul li:hover a, .comm-pages ul li.active a
{/*   border-color: #004ea2;
  background-color: #004ea2;
  color: #fff; */
    color: #004ea2;
    border-radius: 50%;
    border: 2px solid #004ea2;
    font-weight: bold;
}
.comm-pages ul li:hover a
{
    color: #fff;
    background: #004ea2;
}
.comm-pages ul li.prev:hover a
{
    background: none;
    background-position: center;
    background-repeat: no-repeat;
    background-image: url("/png/b0dbo4tf.png");
    border: none;
    cursor: pointer;
}
.comm-pages ul li.first:hover a
{
    background: none;
    background-position: center;
    background-repeat: no-repeat;
    background-image: url("/png/ul3blgo2.png");
    border: none;
    cursor: pointer;
}
.comm-pages ul li.next:hover a
{
    background: none;
    background-position: center;
    background-repeat: no-repeat;
    background-image: url("/png/0kq35ze9.png");
    border: none;
    cursor: pointer;
}
.comm-pages ul li.last:hover a
{
    background: none;
    background-position: center;
    background-repeat: no-repeat;
    background-image: url("/png/ax6uhgog.png");
    border: none;
    cursor: pointer;
}
@media screen and (max-width: 1280px)
{
    .comm-pages ul li a
    {
        width: 24px;
        height: 24px;
        font-size: 12px;
        line-height: 24px;
    }
}
.video-pop
{
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 11;
    display: none;
}
.video-pop .bg
{
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: rgba(0,0,0,.6);
    z-index: 1;
}
.video-pop .close
{
    width: 32px;
    height: 32px;
    position: absolute;
    right: 20px;
    top: 20px;
    background: url("/png/ad34w1h3.png") center no-repeat;
    -webkit-transition: all .5s ease;
    -moz-transition: all .5s ease;
    -ms-transition: all .5s ease;
    transition: all .5s ease;
    cursor: pointer;
    z-index: 2;
}
.video-pop .close:hover
{
    -webkit-transform: rotate(180deg);
    -moz-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    transform: rotate(180deg);
}
.video-pop video
{
    position: absolute;
    top: 50%;
    left: 50%;
    z-index: 2;
    max-height: 70vh;
    max-width: 70vw;
    -webkit-transform: translate(-50%,-50%);
    -moz-transform: translate(-50%,-50%);
    -ms-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%);
}
.comm-section1 .item
{
    display: inline-block;
    vertical-align: top;
    width: calc(33.33% - 20px);
    margin-left: 10px;
    margin-right: 10px;
    text-align: center;
    cursor: pointer;
}
.comm-section1 .item .img-block
{
    height: 15.625vw;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    background-image: url("/jpg/8s0jb3mm.jpg");
}
.comm-section1 .item .img-block img
{
    width: auto;
    max-width: 70%;
    max-height: 80%;
    border: 5px solid #fff;
    -webkit-transition: all .3s ease;
    -moz-transition: all .3s ease;
    -ms-transition: all .3s ease;
    transition: all .3s ease;
}
.comm-section1 .item h3
{
    font-size: 18px;
    line-height: 1.2;
    color: #515151;
    margin-top: 2vw;
}
@media screen and (min-width: 992px)
{
    .comm-section1 .item:hover .img-block img
    {
        border-color: #004ea2;
    }
}
.comm-section1-slick
{
    margin: 3.5vw -10px 0;
}
.comm-section1-slick .slick-arrow
{
    width: 56px;
    height: 56px;
    position: absolute;
    top: 40%;
    margin-top: -28px;
    border: 1px solid #eee;
    border-radius: 50%;
    background-color: transparent;
    font-size: 0;
    background-position: center;
    background-repeat: no-repeat;
    -webkit-transition: all .3s ease;
    -moz-transition: all .3s ease;
    -ms-transition: all .3s ease;
    transition: all .3s ease;
    cursor: pointer;
    z-index: 2;
}
.comm-section1-slick .slick-arrow:hover
{
    background-color: #004ea2;
    border-color: #004ea2;
}
.comm-section1-slick .slick-prev
{
    left: -5vw;
    background-image: url("/png/2ply5qxi.png");
}
.comm-section1-slick .slick-prev:hover
{
    background-image: url("/png/0zvwpop1.png");
}
.comm-section1-slick .slick-next
{
    right: -5vw;
    background-image: url("/png/deessttm.png");
}
.comm-section1-slick .slick-next:hover
{
    background-image: url("/png/wdb0797o.png");
}
.comm-section1-slick .slick-dots
{
    margin-top: 2.5vw;
    font-size: 0;
    text-align: center;
}
.comm-section1-slick .slick-dots li
{
    display: inline-block;
    vertical-align: top;
    width: 14px;
    height: 14px;
    background-color: #fff;
    border: 1px solid #d3d3d3;
    border-radius: 50%;
    margin: 0 8px;
    -webkit-transition: all .3s ease;
    -moz-transition: all .3s ease;
    -ms-transition: all .3s ease;
    transition: all .3s ease;
    cursor: pointer;
}
.comm-section1-slick .slick-dots li.slick-active
{
    background-color: #004ea2;
    border-color: #004ea2;
}
.comm-section1-slick .slick-dots button
{
    display: none;
}
.comm-crumbs
{
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
.comm-crumbs a
{
    font-size: 14px;
    color: #969696;
    line-height: 24px;
    -webkit-transition: color .3s ease;
    -moz-transition: color .3s ease;
    -ms-transition: color .3s ease;
    transition: color .3s ease;
}
.comm-crumbs a:after
{
    content: '';
    width: 4px;
    height: 8px;
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
    background-image: url("/png/6xj54z7k.png");
    display: inline-block;
    vertical-align: middle;
    margin: -3px 15px 0;
}
.comm-crumbs a:last-of-type:after
{
    display: none;
}
@media screen and (min-width: 992px)
{
    .comm-crumbs a:hover
    {
        color: #004ea2;
    }
}
@media screen and (min-width: 992px)
{
    .comm-crumbs.white a
    {
        color: #fff;
    }
    .comm-crumbs.white a:after
    {
        background-image: url("/png/vm2djsoj.png");
    }
}
.comm-share
{
    position: absolute;
    top: 0;
    left: -5vw;
    -webkit-transition: opacity .3s ease;
    -moz-transition: opacity .3s ease;
    -ms-transition: opacity .3s ease;
    transition: opacity .3s ease;
}
.comm-share.visi
{
    opacity: 0;
}
.comm-share a
{
    display: block;
    width: 40px;
    height: 40px!important;
    padding: 0!important;
    margin: 10px 0 0!important;
    float: none!important;
    background-position: center!important;
    background-repeat: no-repeat!important;
    -webkit-transition: all .3s ease;
    -moz-transition: all .3s ease;
    -ms-transition: all .3s ease;
    transition: all .3s ease;
}
.comm-share a:first-of-type
{
    border-radius: 50%;
    background-color: #004ea2;
    background-image: url("/png/xhdgertv.png");
}
.comm-share a.wx
{
    background-image: url("/png/heqdb6yj.png");
}
.comm-share a.wx:hover
{
    background-image: url("/png/59c1o6l0.png");
}
.comm-share a.sina
{
    background-image: url("/png/1hz2fu6o.png");
}
.comm-share a.sina:hover
{
    background-image: url("/png/g44kpnhe.png");
}
.comm-share a.qq
{
    background-image: url("/png/tqt2s4ma.png");
}
.comm-share a.qq:hover
{
    background-image: url("/png/9995wf51.png");
}
.comm-right-box
{
    display: inline-block;
    vertical-align: top;
    width: 32%;
    padding-left: 3vw;
}
.comm-right-box h3
{
    font-size: 20px;
    line-height: 54px;
    color: #fff;
    background-color: #004ea2;
    padding: 0 20px;
}
.comm-right-box .list
{
    padding: 2vw 20px;
}
.comm-right-box .list a
{
    display: block;
    font-size: 16px;
    line-height: 24px;
    margin-top: 15px;
    -webkit-transition: color .3s ease;
    -moz-transition: color .3s ease;
    -ms-transition: color .3s ease;
    transition: color .3s ease;
}
.comm-right-box .list a:nth-of-type(1)
{
    margin-top: 0;
}
@media screen and (min-width: 992px)
{
    .comm-right-box .list a:hover
    {
        color: #004ea2;
    }
}
.comm-right-box a.more
{
    display: block;
    font-size: 16px;
    padding: 0 20px;
    line-height: 50px;
    background-color: #004ea2;
    color: #fff;
    position: relative;
}
.comm-right-box a.more:after
{
    content: '';
    width: 8px;
    height: 12px;
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
    position: absolute;
    right: 20px;
    top: 50%;
    margin-top: -6px;
    background-image: url("/png/6mo721px.png");
}
.comm-section2
{
    padding: 6vw 0;
}
.comm-section2 .para
{
    text-align: center;
    font-size: 16px;
    line-height: 2;
    color: #999;
    margin-top: 20px;
}
.comm-section2 .para.left
{
    text-align: justify;
}
.comm-section2 .video-box
{
    position: relative;
    max-width: 960px;
    width: 72%;
    margin: 3.5vw auto 0;
    overflow: hidden;
}
.comm-section2 .video-box img
{
    display: block;
    width: 100%;
    -webkit-transition: transform .3s ease;
    -moz-transition: transform .3s ease;
    -ms-transition: transform .3s ease;
    transition: transform .3s ease;
}
.comm-section2 .video-box a
{
    width: 80px;
    height: 80px;
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%,-50%);
    -moz-transform: translate(-50%,-50%);
    -ms-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%);
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
    background-image: url("/png/hb6gbn3s.png");
    -webkit-transition: all .3s ease;
    -moz-transition: all .3s ease;
    -ms-transition: all .3s ease;
    transition: all .3s ease;
}
@media screen and (min-width: 992px)
{
    .comm-section2 .video-box a:hover
    {
        background-image: url("/png/o75nvsv7.png");
    }
}
@media screen and (min-width: 992px)
{
    .comm-section2 .video-box:hover img
    {
        -webkit-transform: scale(1.05);
        -moz-transform: scale(1.05);
        -ms-transform: scale(1.05);
        transform: scale(1.05);
    }
}
.comm-section3
{
    padding: 6vw 0;
    background-color: #004ea2;
}
.comm-section3 .slick
{
    font-size: 0;
    margin: 3vw -10px 0;
}
.comm-section3 .item
{
    width: calc(33.33% - 20px);
    margin: 0 10px;
}
.comm-section3 .item .img-box
{
    overflow: hidden;
}
.comm-section3 .item img
{
    display: block;
    width: 100%;
    -webkit-transition: transform .3s ease;
    -moz-transition: transform .3s ease;
    -ms-transition: transform .3s ease;
    transition: transform .3s ease;
}
.comm-section3 .item h3
{
    text-align: center;
    font-size: 18px;
    line-height: 1.2;
    color: #fff;
    margin-top: 2vw;
}
.comm-section3 .slick-arrow
{
    width: 18px;
    height: 32px;
    position: absolute;
    top: 40%;
    margin-top: -16px;
    border-radius: 50%;
    background-color: transparent;
    font-size: 0;
    background-position: center;
    background-repeat: no-repeat;
    -webkit-transition: all .3s ease;
    -moz-transition: all .3s ease;
    -ms-transition: all .3s ease;
    transition: all .3s ease;
    cursor: pointer;
    z-index: 2;
}
.comm-section3 .slick-prev
{
    left: -40px;
    background-image: url("/png/18i8nsh6.png");
}
.comm-section3 .slick-next
{
    right: -40px;
    background-image: url("/png/4y3fub1b.png");
}
.comm-section3 .slick-dots
{
    margin-top: 2.5vw;
    font-size: 0;
    text-align: center;
}
.comm-section3 .slick-dots li
{
    display: inline-block;
    vertical-align: top;
    width: 14px;
    height: 14px;
    background-color: #004ea2;
    border: 1px solid #d3d3d3;
    border-radius: 50%;
    margin: 0 8px;
    -webkit-transition: all .3s ease;
    -moz-transition: all .3s ease;
    -ms-transition: all .3s ease;
    transition: all .3s ease;
    cursor: pointer;
}
.comm-section3 .slick-dots li.slick-active
{
    background-color: #fff;
}
.comm-section3 .slick-dots button
{
    display: none;
}
.comm-section4
{
    padding: 6vw 0;
    background-color: #004ea2;
}
.comm-section4 .cont
{
    font-size: 0;
    margin-top: 2vw;
}
.comm-section4 .img-box
{
    display: inline-block;
    vertical-align: middle;
    width: 40%;
    overflow: hidden;
}
.comm-section4 .img-box img
{
    display: block;
    width: 100%;
    -webkit-transition: transform .3s ease;
    -moz-transition: transform .3s ease;
    -ms-transition: transform .3s ease;
    transition: transform .3s ease;
}
@media screen and (min-width: 992px)
{
    .comm-section4 .img-box:hover img
    {
        -webkit-transform: scale(1.1);
        -moz-transform: scale(1.1);
        -ms-transform: scale(1.1);
        transform: scale(1.1);
    }
}
.comm-section4 .txt-box
{
    display: inline-block;
    vertical-align: middle;
    width: 60%;
    padding-left: 4vw;
}
.comm-section4 .txt-box p
{
    padding-left: 60px;
    font-size: 18px;
    line-height: 2;
    color: #fff;
    position: relative;
    margin-top: 24px;
}
.comm-section4 .txt-box p:nth-of-type(1)
{
    margin-top: 0;
}
.comm-section4 .txt-box span
{
    position: absolute;
    left: 0;
    top: 0;
    font-size: 30px;
    line-height: 1;
    font-family: 'DINPro-Regular';
}
.comm-section5
{
    padding: 6vw 0;
}
.comm-section5 .items
{
    margin: 2.5vw -10px 0;
    font-size: 0;
}
.comm-section5 .item
{
    display: inline-block;
    vertical-align: top;
    width: calc(33.33% - 20px);
    margin: 2vw 10px 0;
}
@media screen and (min-width: 992px)
{
    .comm-section5 .item:nth-of-type(1), .comm-section5 .item:nth-of-type(2), .comm-section5 .item:nth-of-type(3)
    {
        margin-top: 0;
    }
}
.comm-section5 .item .img-box
{
    overflow: hidden;
}
.comm-section5 .item img
{
    display: block;
    width: 100%;
    -webkit-transition: transform .3s ease;
    -moz-transition: transform .3s ease;
    -ms-transition: transform .3s ease;
    transition: transform .3s ease;
}
.comm-section5 .item h3
{
    text-align: center;
    font-size: 18px;
    line-height: 1.2;
    color: #515151;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    margin-top: 2vw;
}
.comm-section6
{
    background-color: #004ea2;
    padding: 6vw 0;
}
.comm-section6 .slick
{
    margin-top: 3vw;
}
.comm-section6 .item .logo
{
    width: 140px;
    height: 140px;
    margin: 0 auto;
    border-radius: 50%;
    border: 10px solid #80a7d1;
    background-color: #fff;
    text-align: center;
}
.comm-section6 .item .logo img
{
    width: auto;
    max-width: 70%;
    max-height: 70%;
}
.comm-section6 .item h3
{
    text-align: center;
    font-size: 24px;
    line-height: 1.2;
    color: #fff;
    margin: 30px 0;
}
.comm-section6 .item .para
{
    width: 80%;
    max-width: 1080px;
    margin: 0 auto;
    padding: 0 100px;
    text-align: center;
    font-size: 18px;
    line-height: 2;
    color: #fff;
    position: relative;
}
.comm-section6 .item .para:before, .comm-section6 .item .para:after
{
    content: '';
    width: 46px;
    height: 37px;
    background-position: center;
    background-repeat: no-repeat;
    position: absolute;
}
.comm-section6 .item .para:before
{
    left: 0;
    top: 0;
    background-image: url("/png/9cnc8kl2.png");
}
.comm-section6 .item .para:after
{
    right: 0;
    bottom: 0;
    background-image: url("/png/a5vq8f8v.png");
}
.comm-section6 .slick-arrow
{
    width: 60px;
    height: 60px;
    position: absolute;
    top: 40%;
    margin-top: -30px;
    background-color: transparent;
    font-size: 0;
    background-position: center;
    background-repeat: no-repeat;
    -webkit-transition: all .3s ease;
    -moz-transition: all .3s ease;
    -ms-transition: all .3s ease;
    transition: all .3s ease;
    cursor: pointer;
    z-index: 2;
}
.comm-section6 .slick-arrow:hover
{
    background-color: #fff;
}
.comm-section6 .slick-prev
{
    left: 0;
    background-image: url("/png/grey76oo.png");
}
.comm-section6 .slick-prev:hover
{
    background-image: url("/png/fscd8jcg.png");
}
.comm-section6 .slick-next
{
    right: 0;
    background-image: url("/png/k5h8a1tq.png");
}
.comm-section6 .slick-next:hover
{
    background-image: url("/png/wp8r708y.png");
}
.comm-section6 .slick-dots
{
    margin-top: 2.5vw;
    font-size: 0;
    text-align: center;
}
.comm-section6 .slick-dots li
{
    display: inline-block;
    vertical-align: top;
    width: 14px;
    height: 14px;
    background-color: #004ea2;
    border: 1px solid #d3d3d3;
    border-radius: 50%;
    margin: 0 8px;
    -webkit-transition: all .3s ease;
    -moz-transition: all .3s ease;
    -ms-transition: all .3s ease;
    transition: all .3s ease;
    cursor: pointer;
}
.comm-section6 .slick-dots li.slick-active
{
    background-color: #fff;
}
.comm-section6 .slick-dots button
{
    display: none;
}
.comm-section7 .item
{
    margin: 0 1.8vw;
}
.comm-section7 .item a
{
    display: block;
    padding-bottom: calc(3vw + 30px);
    position: relative;
}
.comm-section7 .item .img-box
{
    overflow: hidden;
}
.comm-section7 .item img
{
    display: block;
    width: 100%;
    -webkit-transition: transform .3s ease;
    -moz-transition: transform .3s ease;
    -ms-transition: transform .3s ease;
    transition: transform .3s ease;
}
.comm-section7 .item h3
{
    position: absolute;
    left: 4vw;
    right: 4vw;
    bottom: 30px;
    font-size: 20px;
    line-height: 6vw;
    color: #111;
    text-align: center;
    padding: 0 20px;
    background-color: #fff;
    box-shadow: 0 0 30px rgba(0,0,0,.05);
    opacity: 0;
    -webkit-transition: all .3s ease;
    -moz-transition: all .3s ease;
    -ms-transition: all .3s ease;
    transition: all .3s ease;
}
.comm-section7 .item.slick-center h3
{
    opacity: 1;
}
@media screen and (min-width: 992px)
{
    .comm-section7 .item:hover img
    {
        -webkit-transform: scale(1.1);
        -moz-transform: scale(1.1);
        -ms-transform: scale(1.1);
        transform: scale(1.1);
    }
    .comm-section7 .item:hover h3
    {
        color: #004ea2;
    }
}
.comm-section7 .slick-arrow
{
    width: 56px;
    height: 56px;
    position: absolute;
    top: 40%;
    margin-top: -28px;
    border: 1px solid #eee;
    border-radius: 50%;
    background-color: transparent;
    font-size: 0;
    background-position: center;
    background-repeat: no-repeat;
    -webkit-transition: all .3s ease;
    -moz-transition: all .3s ease;
    -ms-transition: all .3s ease;
    transition: all .3s ease;
    cursor: pointer;
    z-index: 2;
}
.comm-section7 .slick-arrow:hover
{
    background-color: #004ea2;
    border-color: #004ea2;
}
.comm-section7 .slick-prev
{
    left: 19vw;
    background-image: url("/png/0zvwpop1.png");
}
.comm-section7 .slick-next
{
    right: 19vw;
    background-image: url("/png/wdb0797o.png");
}
.comm-section8
{
    font-size: 0;
    margin: 0 -10px;
}
.comm-section8 .item
{
    display: inline-block;
    vertical-align: top;
    width: calc(33.33% - 20px);
    margin: 2vw 10px 0;
    -webkit-transition: all .3s ease;
    -moz-transition: all .3s ease;
    -ms-transition: all .3s ease;
    transition: all .3s ease;
}
@media screen and (min-width: 992px)
{
    .comm-section8 .item:nth-of-type(1), .comm-section8 .item:nth-of-type(2), .comm-section8 .item:nth-of-type(3)
    {
        margin-top: 0;
    }
}
.comm-section8 .item .img-box
{
    height: 260px;
    text-align: center;
    box-shadow: 0 0 30px rgba(0,0,0,.05);
}
.comm-section8 .item img
{
    width: auto;
    max-width: 70%;
    max-height: 70%;
}
.comm-section8 .item h3
{
    font-size: 20px;
    color: #333;
    line-height: 1.2;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    padding: 0 2vw;
    margin-top: 1.5vw;
    -webkit-transition: color .3s ease;
    -moz-transition: color .3s ease;
    -ms-transition: color .3s ease;
    transition: color .3s ease;
}
@media screen and (min-width: 992px)
{
    .comm-section8 .item:hover
    {
        -webkit-transform: translateY(-10px);
        -moz-transform: translateY(-10px);
        -ms-transform: translateY(-10px);
        transform: translateY(-10px);
    }
    .comm-section8 .item:hover h3
    {
        color: #004ea2;
    }
}
.fixed-imgpopups
{
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 15;
    background-color: rgba(0,0,0,.8);
    display: none;
}
.fixed-imgpopups .close
{
    width: 32px;
    height: 32px;
    position: absolute;
    right: 30px;
    top: 30px;
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
    background-image: url("/png/ad34w1h3.png");
    cursor: pointer;
    z-index: 2;
}
.fixed-imgpopups .cell-box
{
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    text-align: center;
    z-index: 1;
}
.fixed-imgpopups .cell-box img
{
    width: auto;
    max-width: 80%;
    max-height: 80%;
}/* index */
.index-main .section1
{
    background-color: #000;
}
.index-main .section1 .item
{
    height: 100vh;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    position: relative;
}
.index-main .section1 .item .txt
{
    position: absolute;
    left: 0;
    right: 0;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    text-align: center;
}
.index-main .section1 .item h3
{
    font-size: 60px;
    color: #fff;
}
.index-main .section1 .item p
{
    font-size: 28px;
    color: #fff;
    margin-top: 10px;
}
.index-main .section1 .item h3, .index-main .section1 .item p
{
    opacity: 0;
    -webkit-transform: translateY(20px);
    -moz-transform: translateY(20px);
    -ms-transform: translateY(20px);
    transform: translateY(20px);
    -webkit-transition: all .3s ease;
    -moz-transition: all .3s ease;
    -ms-transition: all .3s ease;
    transition: all .3s ease;
}
.index-main .section1 .item.slick-current h3, .index-main .section1 .item.slick-current p
{
    opacity: 1;
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
}
.index-main .section1 .item.slick-current h3
{
    transition-delay: .3s;
}
.index-main .section1 .item.slick-current p
{
    transition-delay: .5s;
}
.index-main .section1 .slick-arrow
{
    width: 40px;
    height: 40px;
    position: absolute;
    top: 50%;
    margin-top: -20px;
    background-color: transparent;
    font-size: 0;
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
    opacity: .5;
    -webkit-transition: all .3s ease;
    -moz-transition: all .3s ease;
    -ms-transition: all .3s ease;
    transition: all .3s ease;
    cursor: pointer;
    z-index: 2;
}
.index-main .section1 .slick-arrow:hover
{
    opacity: 1;
}
.index-main .section1 .slick-prev
{
    left: 3.5vw;
    background-image: url("/png/zh9d6dec.png");
}
.index-main .section1 .slick-prev:hover
{
    background-image: url("/png/y87qii40.png");
}
.index-main .section1 .slick-next
{
    right: 3.5vw;
    background-image: url("/png/3ogc89vo.png");
}
.index-main .section1 .slick-next:hover
{
    background-image: url("/png/8ycr86ro.png");
}
.index-main .section1 .slick-dots
{
    position: absolute;
    bottom: 3vw;
    left: 0;
    right: 0;
    text-align: center;
    font-size: 0;
}
.index-main .section1 .slick-dots li
{
    display: inline-block;
    vertical-align: top;
    width: 14px;
    height: 14px;
    margin: 0 6px;
    background-color: #fff;
    border-radius: 7px;
    -webkit-transition: all .3s ease;
    -moz-transition: all .3s ease;
    -ms-transition: all .3s ease;
    transition: all .3s ease;
    cursor: pointer;
}
.index-main .section1 .slick-dots li.slick-active
{
    width: 30px;
    background-color: #004ea2;
}
.index-main .section1 .slick-dots button
{
    display: none;
}
.index-main .section2
{
    padding: 6vw 11vw;
    position: relative;
}
.index-main .section2 .txt-block
{
    width: 50%;
}
.index-main .section2 .txt-block:before
{
    content: '';
    display: block;
    width: 25px;
    height: 3px;
    background-color: #dcdcdc;
}
.index-main .section2 .en
{
    font-size: 20px;
    line-height: 1;
    color: #666;
    text-transform: uppercase;
    margin-top: 1vw;
    margin-bottom: 2vw;
}
.index-main .section2 .para
{
    font-size: 16px;
    line-height: 30px;
    color: #999;
    text-align: justify;
    margin-top: 1vw;
}
.index-main .section2 .inner-btn
{
    margin-top: 1.5vw;
}
.index-main .section2 .data
{
    font-size: 0;
    margin-top: 4vw;
}
.index-main .section2 .data .item
{
    display: inline-block;
    vertical-align: top;
    width: 33%;
}
.index-main .section2 .data .item .num, .index-main .section2 .data .item p
{
    font-size: 16px;
    color: #666;
}
.index-main .section2 .data .item .num span
{
    font-size: 60px;
    line-height: 1;
    color: #000;
    font-family: 'DINPro-Medium';
    display: inline-block;
    vertical-align: top;
}
.index-main .section2 .data .item p
{
    margin-top: 10px;
}
.index-main .section2 .data .item .tip
{
    font-size: 12px;
    color: #d7d7d7;
}
.index-main .section2 .img-block
{
    position: absolute;
    top: 6vw;
    bottom: 6vw;
    right: 0;
    left: 58%;
}
.index-main .section2 .img-block:before
{
    content: '';
    height: 6vw;
    width: 50%;
    position: absolute;
    right: 0;
    bottom: 100%;
    background-color: #f7f7f7;
}
.index-main .section2 .img-block:after
{
    content: '';
    width: 10vw;
    height: 1px;
    background-color: #dcdcdc;
    position: absolute;
    bottom: 3.5vw;
    left: 0;
    margin-left: -5vw;
}
.index-main .section2 .img-block .bg-box
{
    width: 100%;
    height: 100%;
    overflow: hidden;
}
.index-main .section2 .img-block .bg
{
    width: 100%;
    height: 100%;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    backface-visibility: hidden;
    -webkit-transition: transform .3s ease;
    -moz-transition: transform .3s ease;
    -ms-transition: transform .3s ease;
    transition: transform .3s ease;
}
@media screen and (min-width: 992px)
{
    .index-main .section2 .img-block:hover .bg
    {
        -webkit-transform: scale(1.05);
        -moz-transform: scale(1.05);
        -ms-transform: scale(1.05);
        transform: scale(1.05);
    }
}
.index-main .section2 .m-show
{
    display: none;
}
.index-main .section3
{
    padding: 4.5vw 11vw;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    background-image: url("/jpg/9vsqa3j0.jpg");
}
.index-main .section3 .index-tit
{
    padding-right: 120px;
    position: relative;
}
.index-main .section3 .index-tit a
{
    position: absolute;
    right: 0;
    bottom: 0;
    font-size: 16px;
    color: #fff;
}
.index-main .section3 .index-tit a:after
{
    content: '';
    width: 22px;
    height: 22px;
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
    background-image: url("/png/ton0j9kh.png");
    display: inline-block;
    vertical-align: middle;
    margin: -2px 0 0 10px;
}
.index-main .section3 .slick
{
    margin: 2vw -11vw 0;
    padding-left: 11vw;
}
.index-main .section3 .slick-list
{
    padding-right: 11vw;
}
.index-main .section3 .item
{
    margin-right: 20px;
}
.index-main .section3 .item a
{
    position: relative;
    display: block;
    height: 100%;
}
.index-main .section3 .item a:after
{
    content: '';
    position: absolute;
    top: 50%;
    left: 0;
    right: 0;
    bottom: 0;
    background: -webkit-linear-gradient(180deg,rgba(0,0,0,0),rgba(0,0,0,.8));
    background: -o-linear-gradient(180deg,rgba(0,0,0,0),rgba(0,0,0,.8));
    background: -moz-linear-gradient(180deg,rgba(0,0,0,0),rgba(0,0,0,.8));
    background: linear-gradient(180deg,rgba(0,0,0,0),rgba(0,0,0,.8));
    z-index: 1;
    -webkit-transition: opacity .3s ease;
    -moz-transition: opacity .3s ease;
    -ms-transition: opacity .3s ease;
    transition: opacity .3s ease;
}
.index-main .section3 .item a:before
{
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: rgba(0,0,0,.5);
    z-index: 1;
    opacity: 0;
    -webkit-transition: opacity .3s ease;
    -moz-transition: opacity .3s ease;
    -ms-transition: opacity .3s ease;
    transition: opacity .3s ease;
}
.index-main .section3 .item .img-block
{
    overflow: hidden;
}
.index-main .section3 .item .txt-block
{
    position: absolute;
    left: 2.8vw;
    right: 2.8vw;
    bottom: 2.8vw;
    z-index: 2;
    -webkit-transition: padding .3s ease;
    -moz-transition: padding .3s ease;
    -ms-transition: padding .3s ease;
    transition: padding .3s ease;
}
.index-main .section3 .item img
{
    display: block;
    width: 100%;
    -webkit-transition: transform .3s ease;
    -moz-transition: transform .3s ease;
    -ms-transition: transform .3s ease;
    transition: transform .3s ease;
}
.index-main .section3 .item i
{
    display: block;
    height: 34px;
    background-position: left center;
    background-repeat: no-repeat;
    background-size: contain;
}
.index-main .section3 .item h3
{
    font-size: 22px;
    color: #fff;
    margin: 10px 0;
}
.index-main .section3 .item h4
{
    font-size: 14px;
    color: #fff;
    opacity: .5;
}
.index-main .section3 .item p
{
    font-size: 14px;
    line-height: 22px;
    color: #fff;
    opacity: .5;
    margin-top: 15px;
    height: 88px;
    overflow: hidden;
}
.index-main .section3 .item .inner-btn
{
    position: absolute;
    left: 0;
    bottom: 0;
    opacity: 0;
}
@media screen and (min-width: 992px)
{
    .index-main .section3 .item:hover a:after
    {
        opacity: 0;
    }
    .index-main .section3 .item:hover a:before
    {
        opacity: 1;
    }
    .index-main .section3 .item:hover .txt-block
    {
        padding-bottom: 5vw;
    }
    .index-main .section3 .item:hover .inner-btn
    {
        opacity: 1;
    }
    .index-main .section3 .item:hover img
    {
        -webkit-transform: scale(1.1);
        -moz-transform: scale(1.1);
        -ms-transform: scale(1.1);
        transform: scale(1.1);
    }
}
.index-main .section3 .slick-arrow
{
    width: 54px;
    height: 54px;
    background-position: center;
    background-repeat: no-repeat;
    position: absolute;
    top: 50%;
    margin-top: -27px;
    font-size: 0;
    border-radius: 50%;
    cursor: pointer;
    -webkit-transition: all .3s ease;
    -moz-transition: all .3s ease;
    -ms-transition: all .3s ease;
    transition: all .3s ease;
}
.index-main .section3 .slick-arrow.slick-disabled
{
    opacity: 0;
}
.index-main .section3 .slick-prev
{
    left: 5vw;
    background-color: #fff;
    background-image: url("/png/2ply5qxi.png");
}
.index-main .section3 .slick-next
{
    right: 5vw;
    background-color: #004ea2;
    background-image: url("/png/wdb0797o.png");
}
.index-main .section3 .slick-dots
{
    margin-top: 1.8vw;
    font-size: 0;
    text-align: center;
}
.index-main .section3 .slick-dots li
{
    display: inline-block;
    vertical-align: top;
    width: 16px;
    height: 16px;
    margin: 0 10px;
    background-color: rgba(255,255,255,.2);
    border-radius: 50%;
    -webkit-transition: all .3s ease;
    -moz-transition: all .3s ease;
    -ms-transition: all .3s ease;
    transition: all .3s ease;
    cursor: pointer;
}
.index-main .section3 .slick-dots li.slick-active
{
    background-color: #fff;
}
.index-main .section3 .slick-dots button
{
    display: none;
}
.index-main .section4
{
    padding: 5vw 11vw;
}
.index-main .section4 .index-tit
{
    padding-right: 120px;
    position: relative;
}
.index-main .section4 .index-tit a
{
    position: absolute;
    right: 0;
    bottom: 0;
    font-size: 16px;
    color: #666;
}
.index-main .section4 .index-tit a:after
{
    content: '';
    width: 22px;
    height: 22px;
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
    background-image: url("/png/0ekb4cho.png");
    display: inline-block;
    vertical-align: middle;
    margin: -2px 0 0 10px;
}
.index-main .section4 .main
{
    margin-top: 2vw;
    display: flex;
}
.index-main .section4 .left-block
{
    width: 32%;
    padding-right: 24px;
}
.index-main .section4 .left-block .txt-block
{
    background-color: #f5f5f5;
    padding: 2vw;
}
.index-main .section4 .left-block .img-block
{
    overflow: hidden;
}
.index-main .section4 .left-block .date
{
    font-size: 14px;
    color: #999;
}
.index-main .section4 .left-block h3
{
    font-size: 20px;
    color: #111;
    line-height: 24px;
    margin: 10px 0;
    height: 48px;
    overflow: hidden;
    -webkit-transition: color .3s ease;
    -moz-transition: color .3s ease;
    -ms-transition: color .3s ease;
    transition: color .3s ease;
}
.index-main .section4 .left-block p
{
    font-size: 16px;
    line-height: 24px;
    color: #999;
    height: 48px;
    overflow: hidden;
}
.index-main .section4 .left-block span
{
    font-size: 24px;
    color: #111;
    text-align: right;
    display: block;
    line-height: 1;
    padding-right: 20px;
}
.index-main .section4 .left-block img
{
    display: block;
    width: 100%;
    -webkit-transition: transform .3s ease;
    -moz-transition: transform .3s ease;
    -ms-transition: transform .3s ease;
    transition: transform .3s ease;
}
@media screen and (min-width: 992px)
{
    .index-main .section4 .left-block:hover h3
    {
        color: #004ea2;
    }
    .index-main .section4 .left-block:hover img
    {
        -webkit-transform: scale(1.1);
        -moz-transform: scale(1.1);
        -ms-transform: scale(1.1);
        transform: scale(1.1);
    }
}
.index-main .section4 .right-block
{
    width: 68%;
    display: flex;
}
.index-main .section4 .right-block .img-block
{
    width: 72%;
    height: 100%;
    position: relative;
    overflow: hidden;
}
.index-main .section4 .right-block .img-block .bg
{
    height: 100%;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    -webkit-transition: all .3s ease;
    -moz-transition: all .3s ease;
    -ms-transition: all .3s ease;
    transition: all .3s ease;
}
.index-main .section4 .right-block .img-block h3
{
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: rgba(0,0,0,.5);
    padding: 1.5vw;
    text-align: center;
    font-size: 18px;
    color: #fff;
}
@media screen and (min-width: 992px)
{
    .index-main .section4 .right-block .img-block:hover .bg
    {
        -webkit-transform: scale(1.1);
        -moz-transform: scale(1.1);
        -ms-transform: scale(1.1);
        transform: scale(1.1);
    }
}
.index-main .section4 .right-block .txt-block
{
    width: 28%;
}
.index-main .section4 .right-block .txt-block .item
{
    position: relative;
    height: 33.33%;
    background-color: #f7f7f7;
    padding: 0 2vw;
    border-bottom: 1px solid #dcdcdc;
    -webkit-transition: all .3s ease;
    -moz-transition: all .3s ease;
    -ms-transition: all .3s ease;
    transition: all .3s ease;
    cursor: pointer;
}
.index-main .section4 .right-block .txt-block .item:last-of-type
{
    border: none;
}
.index-main .section4 .right-block .txt-block .item:after
{
    content: '';
    width: 0;
    height: 0;
    border-top: 10px solid transparent;
    border-bottom: 10px solid transparent;
    border-right: 12px solid #004ea2;
    position: absolute;
    right: 100%;
    top: 50%;
    margin-top: -10px;
    opacity: 0;
    -webkit-transform: translateX(12px);
    -moz-transform: translateX(12px);
    -ms-transform: translateX(12px);
    transform: translateX(12px);
    -webkit-transition: all .3s ease;
    -moz-transition: all .3s ease;
    -ms-transition: all .3s ease;
    transition: all .3s ease;
}
.index-main .section4 .right-block .txt-block .item .date
{
    font-size: 14px;
    color: #999;
    -webkit-transition: color .3s ease;
    -moz-transition: color .3s ease;
    -ms-transition: color .3s ease;
    transition: color .3s ease;
}
.index-main .section4 .right-block .txt-block .item h3
{
    font-size: 18px;
    line-height: 24px;
    color: #111;
    height: 48px;
    overflow: hidden;
    margin-top: 10px;
    -webkit-transition: color .3s ease;
    -moz-transition: color .3s ease;
    -ms-transition: color .3s ease;
    transition: color .3s ease;
}
.index-main .section4 .right-block .txt-block .item span
{
    display: block;
    font-size: 24px;
    line-height: 1;
    margin-top: -5px;
    color: #fff;
    text-align: right;
    opacity: 0;
    -webkit-transition: opacity .3s ease;
    -moz-transition: opacity .3s ease;
    -ms-transition: opacity .3s ease;
    transition: opacity .3s ease;
}
.index-main .section4 .right-block .txt-block .item:hover, .index-main .section4 .right-block .txt-block .item.active
{
    background-color: #004ea2;
}
.index-main .section4 .right-block .txt-block .item:hover .date, .index-main .section4 .right-block .txt-block .item:hover h3, .index-main .section4 .right-block .txt-block .item.active .date, .index-main .section4 .right-block .txt-block .item.active h3
{
    color: #fff;
}
.index-main .section4 .right-block .txt-block .item:hover span, .index-main .section4 .right-block .txt-block .item.active span
{
    opacity: 1;
}
.index-main .section4 .right-block .txt-block .item.active:after
{
    opacity: 1;
    -webkit-transform: translateX(0);
    -moz-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0);
}
.index-main .section4 .m-slick
{
    display: none;
}/* about */
.about-index .section1
{
    padding: 6vw 0;
}
.about-index .section1 .cont
{
    display: flex;
}
.about-index .section1 .left-box
{
    width: 50%;
    padding-right: 4vw;
}
.about-index .section1 .left-box img
{
    width: 100%;
}
.about-index .section1 .left-box .para
{
    font-size: 16px;
    line-height: 30px;
    color: #999;
    text-align: justify;
    margin-top: 2vw;
}
.about-index .section1 .left-box .inner-btn
{
    margin-top: 4vw;
}
.about-index .section1 .right-box
{
    width: 50%;
    overflow: hidden;
}
.about-index .section1 .right-box .bg
{
    height: 100%;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    -webkit-transition: transform .3s ease;
    -moz-transition: transform .3s ease;
    -ms-transition: transform .3s ease;
    transition: transform .3s ease;
}
@media screen and (min-width: 992px)
{
    .about-index .section1 .right-box:hover .bg
    {
        -webkit-transform: scale(1.1);
        -moz-transform: scale(1.1);
        -ms-transform: scale(1.1);
        transform: scale(1.1);
    }
}
.about-index .section1 .data
{
    font-size: 0;
    margin-top: 5vw;
}
.about-index .section1 .data .item
{
    display: inline-block;
    vertical-align: top;
    width: 25%;
    text-align: center;
    position: relative;
}
.about-index .section1 .data .item:after
{
    content: '';
    width: 1px;
    height: 4vw;
    position: absolute;
    right: 0;
    top: 50%;
    margin-top: -2vw;
    background-color: #dfdfdf;
}
.about-index .section1 .data .item:last-of-type:after
{
    display: none;
}
.about-index .section1 .data .item .num, .about-index .section1 .data .item p
{
    font-size: 16px;
    color: #666;
}
.about-index .section1 .data .item .num span
{
    font-size: 60px;
    line-height: 1;
    color: #004ea2;
    font-family: 'DINPro-Medium';
    display: inline-block;
    vertical-align: top;
}
.about-index .section1 .data .item p
{
    margin-top: 10px;
}
.about-index .section1 .data .item .tip
{
    font-size: 12px;
    color: #d7d7d7;
}
.about-index .section1 .m-show
{
    display: none;
}
.about-index .section2
{
    padding: 4.5vw 0 6vw;
    background-color: #f5f5f5;
}
.about-index .section2 .items
{
    font-size: 0;
    margin: 3vw -10px 0;
}
.about-index .section2 .item
{
    display: inline-block;
    vertical-align: top;
    width: calc(33.33% - 20px);
    margin: 0 10px;
    background-color: #fff;
    -webkit-transition: all .3s ease;
    -moz-transition: all .3s ease;
    -ms-transition: all .3s ease;
    transition: all .3s ease;
}
.about-index .section2 .item .img-block
{
    overflow: hidden;
}
.about-index .section2 .item .txt-block
{
    padding: 1.8vw 2.3vw;
}
.about-index .section2 .item img
{
    display: block;
    width: 100%;
    -webkit-transition: transform .3s ease;
    -moz-transition: transform .3s ease;
    -ms-transition: transform .3s ease;
    transition: transform .3s ease;
}
.about-index .section2 .item h3
{
    font-size: 24px;
    color: #111;
    line-height: 1.2;
}
.about-index .section2 .item p
{
    font-size: 16px;
    line-height: 24px;
    height: 48px;
    overflow: hidden;
    margin-top: 20px;
}
@media screen and (min-width: 992px)
{
    .about-index .section2 .item:hover
    {
        -webkit-transform: translateY(-10px);
        -moz-transform: translateY(-10px);
        -ms-transform: translateY(-10px);
        transform: translateY(-10px);
        box-shadow: 0 10px 30px rgba(0,0,0,.1);
    }
    .about-index .section2 .item:hover img
    {
        -webkit-transform: scale(1.1);
        -moz-transform: scale(1.1);
        -ms-transform: scale(1.1);
        transform: scale(1.1);
    }
}
.about-index .section3
{
    padding: 6vw 0;
    background-color: #004ea2;
}
.about-index .section3 .items
{
    margin: 3vw -10px 0;
    font-size: 0;
}
.about-index .section3 .item
{
    display: inline-block;
    vertical-align: top;
    width: calc(33.33% - 20px);
    padding: 3vw 2.5vw;
    background-color: #fff;
    margin: 0 10px;
}
.about-index .section3 .item p
{
    font-size: 16px;
    line-height: 24px;
    color: #111;
    margin-top: 1.8vw;
    cursor: pointer;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    -webkit-transition: color .3s ease;
    -moz-transition: color .3s ease;
    -ms-transition: color .3s ease;
    transition: color .3s ease;
}
.about-index .section3 .item p:nth-of-type(1)
{
    margin-top: 0;
}
@media screen and (min-width: 992px)
{
    .about-index .section3 .item p:hover
    {
        color: #004ea2;
    }
}
.about-index .section4
{
    padding: 6vw 0;
}
.about-index .section4 .items
{
    margin: 3vw -10px 0;
}
.about-index .section4 .item
{
    margin: 0 10px;
}
.about-index .section4 .item .img-block
{
    overflow: hidden;
}
.about-index .section4 .item img
{
    display: block;
    width: 100%;
    -webkit-transition: transform .3s ease;
    -moz-transition: transform .3s ease;
    -ms-transition: transform .3s ease;
    transition: transform .3s ease;
}
.about-index .section4 .item h3
{
    font-size: 20px;
    line-height: 1.2;
    color: #111;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    margin-top: 2vw;
}
.about-index .section4 .item p
{
    font-size: 16px;
    line-height: 24px;
    color: #666;
    padding-left: 30px;
    background-position: left center;
    background-repeat: no-repeat;
    background-image: url("/png/vhysu50z.png");
    margin-top: 1vw;
}
@media screen and (min-width: 992px)
{
    .about-index .section4 .item:hover img
    {
        -webkit-transform: scale(1.1);
        -moz-transform: scale(1.1);
        -ms-transform: scale(1.1);
        transform: scale(1.1);
    }
}
.about-index .section4 .slick-arrow
{
    width: 56px;
    height: 56px;
    position: absolute;
    top: 50%;
    margin-top: -28px;
    border: 1px solid #eee;
    border-radius: 50%;
    background-color: transparent;
    font-size: 0;
    background-position: center;
    background-repeat: no-repeat;
    -webkit-transition: all .3s ease;
    -moz-transition: all .3s ease;
    -ms-transition: all .3s ease;
    transition: all .3s ease;
    cursor: pointer;
    z-index: 2;
}
.about-index .section4 .slick-arrow:hover
{
    background-color: #004ea2;
    border-color: #004ea2;
}
.about-index .section4 .slick-prev
{
    left: -5vw;
    background-image: url("/png/2ply5qxi.png");
}
.about-index .section4 .slick-prev:hover
{
    background-image: url("/png/0zvwpop1.png");
}
.about-index .section4 .slick-next
{
    right: -5vw;
    background-image: url("/png/deessttm.png");
}
.about-index .section4 .slick-next:hover
{
    background-image: url("/png/wdb0797o.png");
}
.about-index .section5
{
    background-color: #004ea2;
    padding: 4vw 0;
    font-size: 0;
}
.about-index .section5 .wrapper
{
    padding-right: 200px;
}
.about-index .section5 .item
{
    display: inline-block;
    vertical-align: top;
    width: 33.33%;
}
.about-index .section5 .item i
{
    width: 70px;
    height: 70px;
    background-position: center;
    background-repeat: no-repeat;
    display: inline-block;
    vertical-align: middle;
}
.about-index .section5 .item .txt
{
    display: inline-block;
    vertical-align: middle;
    width: calc(100% - 70px);
    padding-left: 20px;
    color: #fff;
}
.about-index .section5 .item h3
{
    font-size: 30px;
    line-height: 1;
}
.about-index .section5 .item h4
{
    font-size: 20px;
    color: #fff;
}
.about-index .section5 .item p
{
    font-size: 16px;
    line-height: 1;
    margin-top: 10px;
}
.about-index .section5 .item:nth-of-type(1) i
{
    background-image: url("/png/vvehawe1.png");
}
.about-index .section5 .item:nth-of-type(2) i
{
    background-image: url("/png/rs744dq3.png");
}
.about-index .section5 .item:nth-of-type(3) i
{
    background-image: url("/png/d9l3zuu5.png");
}
.about-index .section5 a
{
    display: block;
    position: absolute;
    right: 0;
    top: 50%;
    margin-top: -25px;
    width: 186px;
    line-height: 50px;
    font-size: 16px;
    color: #333;
    text-align: center;
    background-color: #fff;
    -webkit-transition: all .3s ease;
    -moz-transition: all .3s ease;
    -ms-transition: all .3s ease;
    transition: all .3s ease;
}
@media screen and (min-width: 992px)
{
    .about-index .section5 a:hover
    {
        -webkit-transform: translateY(-5px);
        -moz-transform: translateY(-5px);
        -ms-transform: translateY(-5px);
        transform: translateY(-5px);
        color: #004ea2;
    }
}
.about-legal .section1
{
    padding: 6vw 0 8vw;
}
.about-legal .section1 .para
{
    margin-top: 3vw;
    border-top: 1px solid #d8d8d8;
    padding-top: 2vw;
    font-size: 16px;
    line-height: 36px;
    color: #666;
}
.about-legal .section1 .para h3
{
    font-size: 20px;
    color: #111;
}
.about-intro .section1
{
    padding: 6vw 0;
}
.about-intro .section1 .main
{
    max-width: 1210px;
    margin: 0 auto;
}
.about-intro .section1 .cont
{
    margin-top: 2vw;
}
.about-intro .section1 .para
{
    font-size: 16px;
    line-height: 30px;
    color: #666;
}
.about-intro .section1 .img-block
{
    margin: 2vw 0;
}
.about-intro .section1 .img-block img
{
    display: block;
    width: 100%;
}
.about-honor .section1
{
    padding: 4.5vw 0 6vw;
}
.about-honor .section1 .link-box
{
    font-size: 0;
    text-align: center;
}
.about-honor .section1 .link-box a
{
    display: inline-block;
    vertical-align: top;
    width: 160px;
    font-size: 20px;
    color: #111;
    line-height: 46px;
    border-radius: 24px;
    border: 1px solid #e5e5e5;
    background-color: #f8f8f8;
    margin: 0 12px;
    -webkit-transition: all .3s ease;
    -moz-transition: all .3s ease;
    -ms-transition: all .3s ease;
    transition: all .3s ease;
}
.about-honor .section1 .link-box a:hover, .about-honor .section1 .link-box a.active
{
    background-color: #004ea2;
    border-color: #004ea2;
    color: #fff;
}
.about-honor .section1 .comm-section1
{
    margin: 3vw -10px;
    font-size: 0;
}
.about-honor .section1 .comm-section1 .item
{
    margin-top: 2.5vw;
}
@media screen and (min-width: 992px)
{
    .about-honor .section1 .comm-section1 .item:nth-of-type(1), .about-honor .section1 .comm-section1 .item:nth-of-type(2), .about-honor .section1 .comm-section1 .item:nth-of-type(3)
    {
        margin-top: 0;
    }
}
.about-culture .section1
{
    padding: 5vw 0;
}
.about-culture .section1 .item
{
    position: relative;
}
.about-culture .section1 .item .img-box
{
    width: 50%;
    overflow: hidden;
}
.about-culture .section1 .item .txt-box
{
    width: 50%;
    padding: 0 9vw;
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
}
.about-culture .section1 .item:nth-of-type(1) .txt-box
{
    left: 0;
}
.about-culture .section1 .item:nth-of-type(odd) .img-box
{
    margin-left: 50%;
}
.about-culture .section1 .item:nth-of-type(2) .txt-box
{
    right: 0;
}
.about-culture .section1 .item img
{
    display: block;
    width: 100%;
    -webkit-transition: all .3s ease;
    -moz-transition: all .3s ease;
    -ms-transition: all .3s ease;
    transition: all .3s ease;
}
.about-culture .section1 .item h3
{
    font-size: 30px;
    line-height: 1.2;
    -webkit-transition: color .3s ease;
    -moz-transition: color .3s ease;
    -ms-transition: color .3s ease;
    transition: color .3s ease;
}
.about-culture .section1 .item p
{
    font-size: 16px;
    line-height: 24px;
    color: #666;
    margin-top: 20px;
}
@media screen and (min-width: 992px)
{
    .about-culture .section1 .item:hover img
    {
        -webkit-transform: scale(1.1);
        -moz-transform: scale(1.1);
        -ms-transform: scale(1.1);
        transform: scale(1.1);
    }
    .about-culture .section1 .item:hover h3
    {
        color: #004ea2;
    }
}
.about-culture .section2
{
    padding: 6vw 0 8vw;
    background-color: #004ea2;
}
.about-culture .section2 .tab-tit
{
    text-align: center;
    margin-top: 3vw;
    font-size: 0;
}
.about-culture .section2 .tab-tit span
{
    display: inline-block;
    vertical-align: top;
    width: 160px;
    line-height: 46px;
    font-size: 18px;
    color: #fff;
    border: 1px solid #fff;
    border-radius: 24px;
    -webkit-transition: all .3s ease;
    -moz-transition: all .3s ease;
    -ms-transition: all .3s ease;
    transition: all .3s ease;
    cursor: pointer;
    margin: 0 15px;
}
.about-culture .section2 .tab-tit span:hover, .about-culture .section2 .tab-tit span.active
{
    background-color: #fff;
    color: #000;
}
.about-culture .section2 .tab-cont
{
    max-width: 1020px;
    margin: 3.5vw auto 0;
}
.about-culture .section2 .tab-cont .child
{
    display: none;
}
.about-culture .section2 .tab-cont .child.active
{
    display: block;
}
.about-culture .section2 .tab-cont h3
{
    font-size: 28px;
    line-height: 1.2;
    color: #fff;
    text-align: center;
}
.about-culture .section2 .tab-cont .para
{
    font-size: 16px;
    line-height: 36px;
    color: #fff;
    margin-top: 2vw;
    overflow: hidden;
}
.about-culture .section2 .tab-cont .para p
{
    width: 50%;
    float: left;
    padding-left: 20px;
}
.about-culture .section3
{
    padding: 4.5vw 0 6vw;
    background-color: #f7f7f7;
}
.about-culture .section3 .img-box
{
    position: relative;
    width: 76%;
    max-width: 1020px;
    margin: 2.5vw auto 0;
    overflow: hidden;
}
.about-culture .section3 .img-box img
{
    display: block;
    width: 100%;
    -webkit-transition: transform .3s ease;
    -moz-transition: transform .3s ease;
    -ms-transition: transform .3s ease;
    transition: transform .3s ease;
}
.about-culture .section3 .img-box a
{
    width: 80px;
    height: 80px;
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%,-50%);
    -moz-transform: translate(-50%,-50%);
    -ms-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%);
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
    background-image: url("/png/hb6gbn3s.png");
    -webkit-transition: all .3s ease;
    -moz-transition: all .3s ease;
    -ms-transition: all .3s ease;
    transition: all .3s ease;
}
@media screen and (min-width: 992px)
{
    .about-culture .section3 .img-box a:hover
    {
        background-image: url("/png/o75nvsv7.png");
    }
}
@media screen and (min-width: 992px)
{
    .about-culture .section3 .img-box:hover img
    {
        -webkit-transform: scale(1.05);
        -moz-transform: scale(1.05);
        -ms-transform: scale(1.05);
        transform: scale(1.05);
    }
}
.about-culture .section4
{
    background-color: #fafafa;
    padding: 5vw 0 4vw;
    background-position: center bottom;
    background-repeat: no-repeat;
    background-size: 100% auto;
    background-image: url("/png/qy50i83x.png");
}
.about-culture .section4 img
{
    display: block;
    margin: 4vw auto 0;
    width: 28%;
    max-width: 364px;
}
.about-manage .section1
{
    padding: 5vw 0;
}
.about-manage .section2
{
    padding: 6vw 0;
    background-color: #f5f5f5;
}
.about-manage .section2 .para
{
    font-size: 16px;
    line-height: 24px;
    color: #666;
    margin-top: 2vw;
}
.about-manage .section2 .img-box
{
    width: 90%;
    max-width: 1216px;
    margin: 4vw auto 0;
}
.about-manage .section2 .img-box img
{
    display: block;
    width: 100%;
}
.about-manage .section3
{
    padding: 5vw 0;
}
.about-manage .section3 .img-box img
{
    display: block;
    width: 100%;
}
.about-manage .section4
{
    padding: 5vw 0;
    background-color: #004ea2;
}
.about-manage .section4 .para
{
    font-size: 16px;
    line-height: 24px;
    color: #fff;
    text-align: center;
    margin-top: 30px;
}
.about-manage .section4 .img-box
{
    margin-top: 2.5vw;
}
.about-manage .section4 .img-box img
{
    display: block;
    width: 100%;
}
.about-contact .section1
{
    padding: 6vw 0 4.5vw;
}
.about-contact .section1 .items
{
    margin: 2.5vw -10px 0;
    font-size: 0;
}
.about-contact .section1 .item
{
    display: inline-block;
    vertical-align: top;
    width: calc(33.33% - 20px);
    margin: 3vw 10px 0;
}
@media screen and (min-width: 992px)
{
    .about-contact .section1 .item:nth-of-type(1), .about-contact .section1 .item:nth-of-type(2), .about-contact .section1 .item:nth-of-type(3)
    {
        margin-top: 0;
    }
}
.about-contact .section1 .item .img-box
{
    overflow: hidden;
    position: relative;
    z-index: 1;
}
.about-contact .section1 .item .img-box:after
{
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: rgba(34,34,34,.5);
    z-index: 1;
}
.about-contact .section1 .item .img-box img
{
    display: block;
    width: 100%;
    -webkit-transition: transform .3s ease;
    -moz-transition: transform .3s ease;
    -ms-transition: transform .3s ease;
    transition: transform .3s ease;
}
.about-contact .section1 .item .img-box h3
{
    font-size: 20px;
    color: #fff;
    text-align: center;
    position: absolute;
    left: 0;
    right: 0;
    top: 40%;
    z-index: 2;
}
.about-contact .section1 .item .txt-box
{
    margin: -3.5vw 1.7vw 0;
    padding: 2vw 1.5vw;
    background-color: #fff;
    box-shadow: 0 10px 30px rgba(0,0,0,.1);
    position: relative;
    z-index: 2;
    -webkit-transition: all .3s ease;
    -moz-transition: all .3s ease;
    -ms-transition: all .3s ease;
    transition: all .3s ease;
}
.about-contact .section1 .item .txt-box h3
{
    font-size: 18px;
    color: #111;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    -webkit-transition: all .3s ease;
    -moz-transition: all .3s ease;
    -ms-transition: all .3s ease;
    transition: all .3s ease;
}
.about-contact .section1 .item .txt-box .addr, .about-contact .section1 .item .txt-box .tel
{
    font-size: 14px;
    line-height: 26px;
    color: rgba(102,102,102,.7);
    padding-left: 35px;
    background-position: left center;
    background-repeat: no-repeat;
    margin-top: 10px;
    -webkit-transition: all .3s ease;
    -moz-transition: all .3s ease;
    -ms-transition: all .3s ease;
    transition: all .3s ease;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
.about-contact .section1 .item .txt-box .addr
{
    background-image: url("/png/xxey4dge.png");
}
.about-contact .section1 .item .txt-box .tel
{
    background-image: url("/png/astlfntr.png");
}
@media screen and (min-width: 992px)
{
    .about-contact .section1 .item:hover .img-box img
    {
        -webkit-transform: scale(1.1);
        -moz-transform: scale(1.1);
        -ms-transform: scale(1.1);
        transform: scale(1.1);
    }
    .about-contact .section1 .item:hover .txt-box
    {
        background-color: #004ea2;
    }
    .about-contact .section1 .item:hover .txt-box h3
    {
        color: #fff;
    }
    .about-contact .section1 .item:hover .txt-box .addr, .about-contact .section1 .item:hover .txt-box .tel
    {
        color: rgba(255,255,255,.7);
    }
    .about-contact .section1 .item:hover .txt-box .addr
    {
        background-image: url("/png/6wqogurt.png");
    }
    .about-contact .section1 .item:hover .txt-box .tel
    {
        background-image: url("/png/q98od40w.png");
    }
}
.about-contact .section2
{
    padding: 4.5vw 0;
    background-position: center bottom;
    background-repeat: no-repeat;
    background-size: 100% auto;
    background-color: #004ea2;
}
.about-contact .section2 .items
{
    font-size: 0;
    margin-top: 3vw;
}
.about-contact .section2 .item
{
    display: inline-block;
    vertical-align: bottom;
    width: 33.33%;
    text-align: center;
    position: relative;
    color: #fff;
}
.about-contact .section2 .item:after
{
    content: '';
    width: 1px;
    height: 70%;
    background-color: #fff;
    position: absolute;
    right: 0;
    bottom: 0;
    opacity: .5;
}
.about-contact .section2 .item i
{
    display: block;
    width: 40px;
    height: 40px;
    margin: 0 auto;
    background-position: center;
    background-repeat: no-repeat;
}
.about-contact .section2 .item img
{
    display: block;
    margin: 0 auto;
    width: 95px;
}
.about-contact .section2 .item h3
{
    font-size: 20px;
    line-height: 1;
    margin-top: 20px;
}
.about-contact .section2 .item p
{
    font-size: 16px;
    line-height: 1;
    margin-top: 10px;
}
.about-contact .section2 .item:nth-of-type(1) i
{
    background-image: url("/png/04ouu7ab.png");
}
.about-contact .section2 .item:nth-of-type(2) i
{
    background-image: url("/png/aj0m0nts.png");
}
.about-contact .section2 .item:last-of-type:after
{
    display: none;
}/* news */
.news-company .section1
{
    padding: 6vw 0;
}
.news-company .section1 .items
{
    margin: 0 -10px 4vw;
    font-size: 0;
}
.news-company .section1 .item
{
    display: inline-block;
    vertical-align: top;
    width: calc(33.33% - 20px);
    margin: 2.5vw 10px 0;
}
@media screen and (min-width: 992px)
{
    .news-company .section1 .item:nth-of-type(1), .news-company .section1 .item:nth-of-type(2), .news-company .section1 .item:nth-of-type(3)
    {
        margin-top: 0;
    }
}
.news-company .section1 .item .img-block
{
    overflow: hidden;
}
.news-company .section1 .item img
{
    display: block;
    width: 100%;
    -webkit-transition: transform .3s ease;
    -moz-transition: transform .3s ease;
    -ms-transition: transform .3s ease;
    transition: transform .3s ease;
}
.news-company .section1 .item h3
{
    font-size: 20px;
    line-height: 30px;
    height: 60px;
    overflow: hidden;
    -webkit-transition: color .3s ease;
    -moz-transition: color .3s ease;
    -ms-transition: color .3s ease;
    transition: color .3s ease;
}
.news-company .section1 .item .date
{
    font-size: 18px;
    line-height: 1.2;
    color: #999;
    margin-top: 20px;
    margin-bottom: 10px;
}
@media screen and (min-width: 992px)
{
    .news-company .section1 .item:hover img
    {
        -webkit-transform: scale(1.1);
        -moz-transform: scale(1.1);
        -ms-transform: scale(1.1);
        transform: scale(1.1);
    }
    .news-company .section1 .item:hover h3
    {
        color: #004ea2;
    }
}
.news-party .section1
{
    padding: 6vw 0;
}
.news-party .section1 .items
{
    margin-bottom: 3vw;
}
.news-party .section1 .item
{
    border-top: 1px solid #dcdcdc;
    padding: 2.5vw 120px;
    font-size: 0;
    min-height: 125px;
    position: relative;
}
.news-party .section1 .item .box
{
    position: relative;
}
.news-party .section1 .item .date
{
    text-align: center;
    font-size: 14px;
    color: #666;
    font-family: 'DINPro-Medium';
    position: absolute;
    left: 1.5vw;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
}
.news-party .section1 .item .date span
{
    display: block;
    font-size: 48px;
    line-height: 1;
    color: #111;
    font-family: 'DINPro-Bold';
    margin-bottom: 10px;
    padding-bottom: 10px;
    border-bottom: 1px solid #d2d2d2;
}
.news-party .section1 .item .img-block
{
    width: 35%;
    max-width: 384px;
    position: relative;
    overflow: hidden;
}
.news-party .section1 .item .img-block span
{
    position: absolute;
    left: 0;
    top: 0;
    background-color: #004ea2;
    font-size: 16px;
    color: #fff;
    line-height: 40px;
    padding: 0 1.5vw;
}
.news-party .section1 .item .txt-block
{
    position: absolute;
    top: 0;
    left: 35%;
    bottom: 0;
    width: 65%;
    padding-left: 2.5vw;
}
.news-party .section1 .item .txt-block span
{
    width: 35px;
    height: 6px;
    position: absolute;
    bottom: 12px;
    background-position: center;
    background-repeat: no-repeat;
    background-image: url("/png/ykgg918a.png");
    -webkit-transition: all .3s ease;
    -moz-transition: all .3s ease;
    -ms-transition: all .3s ease;
    transition: all .3s ease;
}
.news-party .section1 .item img
{
    display: block;
    width: 100%;
    -webkit-transition: all .3s ease;
    -moz-transition: all .3s ease;
    -ms-transition: all .3s ease;
    transition: all .3s ease;
}
.news-party .section1 .item h3
{
    font-size: 20px;
    color: #111;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    -webkit-transition: all .3s ease;
    -moz-transition: all .3s ease;
    -ms-transition: all .3s ease;
    transition: all .3s ease;
}
.news-party .section1 .item p
{
    font-size: 16px;
    line-height: 30px;
    color: #636363;
    height: 60px;
    overflow: hidden;
    margin-top: 10px;
}
@media screen and (min-width: 992px)
{
    .news-party .section1 .item:hover img
    {
        -webkit-transform: scale(1.1);
        -moz-transform: scale(1.1);
        -ms-transform: scale(1.1);
        transform: scale(1.1);
    }
    .news-party .section1 .item:hover h3
    {
        color: #004ea2;
    }
    .news-party .section1 .item:hover .txt-block span
    {
        background-image: url("/png/cflz0bkt.png");
        -webkit-transform: translateX(10px);
        -moz-transform: translateX(10px);
        -ms-transform: translateX(10px);
        transform: translateX(10px);
    }
}
.news-detail .section1
{
    background-color: #f7f7f7;
    padding: 2vw 0;
}
.news-detail .section1 .main
{
    margin: 0 -5vw;
    position: relative;
}
.news-detail .section2
{
    padding: 5vw 0;
    font-size: 0;
}
.news-detail .section2 .left-box
{
    width: 68%;
    display: inline-block;
    vertical-align: top;
}
.news-detail .section2 .tit-box h3
{
    font-size: 30px;
    line-height: 36px;
    color: #414141;
}
.news-detail .section2 .tit-box .date
{
    font-size: 14px;
    color: #969696;
    margin-top: 20px;
    display: inline-block;
    vertical-align: top;
    margin-right: 20px;
}
.news-detail .section2 .cont
{
    margin-top: 20px;
}
.news-detail .section2 .other-box
{
    position: relative;
    margin-top: 4.5vw;
    padding: 2vw 180px 2vw 0;
    border-top: 1px solid #e5e5e5;
    border-bottom: 1px solid #e5e5e5;
}
.news-detail .section2 .other-box .page a
{
    display: block;
    font-size: 16px;
    line-height: 36px;
    color: #111;
    -webkit-transition: color .3s ease;
    -moz-transition: color .3s ease;
    -ms-transition: color .3s ease;
    transition: color .3s ease;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
@media screen and (min-width: 992px)
{
    .news-detail .section2 .other-box .page a:hover
    {
        color: #004ea2;
    }
}
.news-detail .section2 .other-box a.back
{
    position: absolute;
    right: 0;
    top: 50%;
    margin-top: -20px;
    width: 130px;
    font-size: 14px;
    line-height: 40px;
    color: #fff;
    text-align: center;
    background-color: #004ea2;
    border-radius: 20px;
    -webkit-transition: all .3s ease;
    -moz-transition: all .3s ease;
    -ms-transition: all .3s ease;
    transition: all .3s ease;
}
@media screen and (min-width: 992px)
{
    .news-detail .section2 .other-box a.back:hover
    {
        -webkit-transform: translateY(-5px);
        -moz-transform: translateY(-5px);
        -ms-transform: translateY(-5px);
        transform: translateY(-5px);
        box-shadow: 0 10px 30px rgba(0,78,162,.3);
    }
}/* recruit */
.recruit-idea .section1 .item
{
    position: relative;
}
.recruit-idea .section1 .item .img-box
{
    width: 50%;
    overflow: hidden;
    position: relative;
}
.recruit-idea .section1 .item .img-box a
{
    width: 80px;
    height: 80px;
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%,-50%);
    -moz-transform: translate(-50%,-50%);
    -ms-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%);
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
    background-image: url("/png/hb6gbn3s.png");
    -webkit-transition: all .3s ease;
    -moz-transition: all .3s ease;
    -ms-transition: all .3s ease;
    transition: all .3s ease;
}
.recruit-idea .section1 .item .img-box span
{
    position: absolute;
    color: #fff;
    font-size: 20px;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%,-50%);
    -moz-transform: translate(-50%,-50%);
    -ms-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%);
    -webkit-transition: all .3s ease;
    -moz-transition: all .3s ease;
    -ms-transition: all .3s ease;
    transition: all .3s ease;
}
@media screen and (min-width: 992px)
{
    .recruit-idea .section1 .item .img-box a:hover
    {
        background-image: url("/png/o75nvsv7.png");
    }
}
.recruit-idea .section1 .item img
{
    display: block;
    width: 100%;
    -webkit-transition: transform .3s ease;
    -moz-transition: transform .3s ease;
    -ms-transition: transform .3s ease;
    transition: transform .3s ease;
}
.recruit-idea .section1 .item .txt-box
{
    width: 50%;
    position: absolute;
    top: 0;
    bottom: 0;
}
.recruit-idea .section1 .item .box
{
    display: inline-block;
    width: 40vw;
    max-width: 680px;
}
.recruit-idea .section1 .item h3
{
    font-size: 30px;
    line-height: 1.2;
    color: #111;
    -webkit-transition: color .3s ease;
    -moz-transition: color .3s ease;
    -ms-transition: color .3s ease;
    transition: color .3s ease;
}
.recruit-idea .section1 .item p
{
    font-size: 16px;
    line-height: 24px;
    color: #999;
    margin-top: 20px;
}
.recruit-idea .section1 .item:nth-of-type(odd) .txt-box
{
    right: 0;
    text-align: left;
}
.recruit-idea .section1 .item:nth-of-type(odd) .box
{
    text-align: right;
}
.recruit-idea .section1 .item:nth-of-type(even) .img-box
{
    margin-left: 50%;
}
.recruit-idea .section1 .item:nth-of-type(even) .txt-box
{
    left: 0;
    text-align: right;
}
.recruit-idea .section1 .item:nth-of-type(even) .box
{
    text-align: left;
}
@media screen and (min-width: 992px)
{
    .recruit-idea .section1 .item:hover img
    {
        -webkit-transform: scale(1.1);
        -moz-transform: scale(1.1);
        -ms-transform: scale(1.1);
        transform: scale(1.1);
    }
    .recruit-idea .section1 .item:hover h3
    {
        color: #004ea2;
    }
}
.recruit-idea .section2
{
    font-size: 0;
}
.recruit-idea .section2 .item
{
    display: inline-block;
    vertical-align: top;
    width: 50%;
    position: relative;
}
.recruit-idea .section2 .item:after
{
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: rgba(0,0,0,.3);
    z-index: 1;
}
.recruit-idea .section2 .item .img-box
{
    overflow: hidden;
}
.recruit-idea .section2 .item img
{
    display: block;
    width: 100%;
    -webkit-transition: transform .3s ease;
    -moz-transition: transform .3s ease;
    -ms-transition: transform .3s ease;
    transition: transform .3s ease;
}
.recruit-idea .section2 .item .txt-box
{
    position: absolute;
    left: 0;
    right: 0;
    top: 50%;
    text-align: center;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    z-index: 2;
}
.recruit-idea .section2 .item h3
{
    font-size: 30px;
    color: #fff;
    line-height: 1.2;
}
.recruit-idea .section2 .item p
{
    font-size: 16px;
    line-height: 24px;
    color: #fff;
    margin-top: 20px;
}
@media screen and (min-width: 992px)
{
    .recruit-idea .section2 .item:hover img
    {
        -webkit-transform: scale(1.1);
        -moz-transform: scale(1.1);
        -ms-transform: scale(1.1);
        transform: scale(1.1);
    }
}
.recruit-detail .section1
{
    padding: 5vw 0 6vw;
    background-color: #f2f2f2;
}
.recruit-detail .section1 .main
{
    background-color: #fff;
    padding: 4vw 6vw 5vw;
}
.recruit-detail .section1 .top-box
{
    position: relative;
    padding-right: 160px;
}
.recruit-detail .section1 .top-box h3
{
    font-size: 30px;
    line-height: 1.2;
    color: #111;
}
.recruit-detail .section1 .top-box .label
{
    margin-top: 2vw;
    font-size: 0;
}
.recruit-detail .section1 .top-box .item
{
    display: inline-block;
    vertical-align: top;
    margin-right: 30px;
    font-size: 16px;
    line-height: 20px;
    color: #666;
}
.recruit-detail .section1 .top-box .item span
{
    color: #111;
    margin-right: 10px;
}
.recruit-detail .section1 .top-box .inner-btn
{
    position: absolute;
    right: 0;
    top: 50%;
    margin-top: -25px;
}
.recruit-detail .section1 .top-box .inner-btn:after
{
    display: none;
}
.recruit-detail .section1 .cont-box
{
    margin-top: 2vw;
}
.recruit-detail .section1 .cont-box .inner-btn
{
    margin-left: 3vw;
}
.recruit-detail .section1 .cont-box .inner-btn:after
{
    display: none;
}
.recruit-detail .section1 .box
{
    padding: 2.5vw 0;
    border-top: 1px solid #e5e5e5;
}
.recruit-detail .section1 .box .tit
{
    font-size: 20px;
    color: #111;
    line-height: 1.2;
}
.recruit-detail .section1 .box .para
{
    font-size: 16px;
    line-height: 3;
    color: #666;
    margin-top: 20px;
}
.recruit-campus .section1
{
    padding: 6vw 0;
    background-color: #f2f2f2;
}
.recruit-campus .section1 .items
{
    margin: 4vw -15px;
    font-size: 0;
}
.recruit-campus .section1 .item
{
    cursor: pointer;
    display: inline-block;
    vertical-align: top;
    width: calc(33.33% - 30px);
    margin: 30px 15px 0;
    background-color: #fff;
    padding: 2.5vw;
    position: relative;
    -webkit-transition: all .3s ease;
    -moz-transition: all .3s ease;
    -ms-transition: all .3s ease;
    transition: all .3s ease;
}
@media screen and (min-width: 992px)
{
    .recruit-campus .section1 .item:nth-of-type(1), .recruit-campus .section1 .item:nth-of-type(2), .recruit-campus .section1 .item:nth-of-type(3)
    {
        margin-top: 0;
    }
}
.recruit-campus .section1 .item .box
{
    position: relative;
}
.recruit-campus .section1 .item a
{
    display: block;
}
.recruit-campus .section1 .item h3
{
    font-size: 22px;
    color: #111;
    line-height: 30px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    -webkit-transition: color .3s ease;
    -moz-transition: color .3s ease;
    -ms-transition: color .3s ease;
    transition: color .3s ease;
}
.recruit-campus .section1 .item .label
{
    margin-top: 40px;
    font-size: 16px;
    line-height: 2;
    color: #666;
    -webkit-transition: color .3s ease;
    -moz-transition: color .3s ease;
    -ms-transition: color .3s ease;
    transition: color .3s ease;
}
.recruit-campus .section1 .item .label span
{
    margin-right: 10px;
}
.recruit-campus .section1 .item span.recruit-popups-btn a
{
    position: absolute;
    top: 30px;
    font-size: 16px;
    color: #004ea2;
    left: 0;
    -webkit-transition: color .3s ease;
    -moz-transition: color .3s ease;
    -ms-transition: color .3s ease;
    transition: color .3s ease;
    cursor: pointer;
}
.recruit-campus .section1 .item span.recruit-popups-btn :hover
{
    border-bottom: 1px solid #fff;
    color: #fff;
}
.recruit-campus .section1 .item:after
{
    content: '+';
    font-size: 30px;
    line-height: 1;
    color: #111;
    position: absolute;
    right: 2.5vw;
    bottom: 2.5vw;
    -webkit-transition: color .3s ease;
    -moz-transition: color .3s ease;
    -ms-transition: color .3s ease;
    transition: color .3s ease;
}
@media screen and (min-width: 992px)
{
    .recruit-campus .section1 .item:hover
    {
        background-color: #004ea2;
        -webkit-transform: translateY(-10px);
        -moz-transform: translateY(-10px);
        -ms-transform: translateY(-10px);
        transform: translateY(-10px);
        box-shadow: 0 10px 30px rgba(0,75,152,.3);
    }
    .recruit-campus .section1 .item:hover h3, .recruit-campus .section1 .item:hover .label, .recruit-campus .section1 .item:hover:after, .recruit-campus .section1 .item:hover span.recruit-popups-btn a
    {
        color: #fff;
    }
}
.recruit-campus .section1 .comm-pages ul li input
{
    background-color: #fff;
}
.recruit-social .section1
{
    padding: 6vw 0;
    background-color: #f2f2f2;
}
.recruit-social .section1 .items
{
    margin: 4vw 0;
}
.recruit-social .section1 .item
{
    margin-top: 20px;
    background-color: #fff;
    -webkit-transition: all .3s ease;
    -moz-transition: all .3s ease;
    -ms-transition: all .3s ease;
    transition: all .3s ease;
    font-size: 0;
    position: relative;
}
.recruit-social .section1 .item:first-of-type
{
    margin-top: 0;
}
.recruit-social .section1 .item a
{
    display: block;
    padding: 2vw 6vw;
    position: relative;
}
.recruit-social .section1 .item a:after
{
    content: '';
    position: absolute;
    right: 5vw;
    top: 50%;
    margin-top: -15px;
    width: 30px;
    height: 30px;
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
    background-image: url("/png/3h2hai0c.png");
    -webkit-transition: all .3s ease;
    -moz-transition: all .3s ease;
    -ms-transition: all .3s ease;
    transition: all .3s ease;
}
.recruit-social .section1 .item .info
{
    display: inline-block;
    vertical-align: top;
    padding-right: 20px;
}
.recruit-social .section1 .item .info:nth-of-type(1)
{
    width: 36%;
}
.recruit-social .section1 .item .info:nth-of-type(2), .recruit-social .section1 .item .info:nth-of-type(3), .recruit-social .section1 .item .info:nth-of-type(4), .recruit-social .section1 .item .info:nth-of-type(5)
{
    width: 16%;
}
.recruit-social .section1 .item h3
{
    font-size: 22px;
    color: #111;
    line-height: 24px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    -webkit-transition: color .3s ease;
    -moz-transition: color .3s ease;
    -ms-transition: color .3s ease;
    transition: color .3s ease;
}
.recruit-social .section1 .item .label
{
    font-size: 14px;
    line-height: 20px;
    color: #666;
    -webkit-transition: color .3s ease;
    -moz-transition: color .3s ease;
    -ms-transition: color .3s ease;
    transition: color .3s ease;
}
.recruit-social .section1 .item span
{
    display: block;
    font-size: 18px;
    line-height: 24px;
    color: #111;
    margin-top: 5px;
    -webkit-transition: color .3s ease;
    -moz-transition: color .3s ease;
    -ms-transition: color .3s ease;
    transition: color .3s ease;
}
.recruit-social .section1 .item span.recruit-popups-btn
{
    color: #004ea2;
    display: inline-block;
    position: absolute;
    bottom: 2vw;
    left: 6vw;
    cursor: pointer;
}
.recruit-social .section1 .item span.recruit-popups-btn:hover
{
    border-bottom: 1px solid #fff!important;
    color: #fff;
}
@media screen and (min-width: 992px)
{
    .recruit-social .section1 .item:hover
    {
        margin-left: -10px;
        margin-right: -10px;
        background-color: #004ea2;
    }
    .recruit-social .section1 .item:hover a:after
    {
        background-image: url("/png/5v53y0ml.png");
    }
    .recruit-social .section1 .item:hover h3, .recruit-social .section1 .item:hover .label, .recruit-social .section1 .item:hover span
    {
        color: #fff;
    }
}
.fixed-recruit-popups
{
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 15;
    display: none;
}
.fixed-recruit-popups .bg
{
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: rgba(0,0,0,.8);
    z-index: 1;
}
.fixed-recruit-popups .close
{
    position: absolute;
    right: 30px;
    top: 30px;
    width: 32px;
    height: 32px;
    background-position: center;
    background-repeat: no-repeat;
    background-image: url("/png/eo9ntjd0.png");
    z-index: 2;
    cursor: pointer;
}
.fixed-recruit-popups .main
{
    width: 90%;
    max-width: 720px;
    margin: 0 auto;
    position: absolute;
    left: 0;
    right: 0;
    top: 50%;
    margin: 0 auto;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    background-color: #fff;
    z-index: 2;
    padding: 3vw;
    font-size: 0;
}
.fixed-recruit-popups h3
{
    font-size: 24px;
    text-align: center;
}
.fixed-recruit-popups form
{
    margin-top: 1vw;
}
.fixed-recruit-popups .box
{
    display: inline-block;
    vertical-align: top;
    margin-top: 12px;
    width: 100%;
    position: relative;
}
@media screen and (min-width: 992px)
{
    .fixed-recruit-popups .box.half
    {
        width: calc(50% - 6px);
    }
    .fixed-recruit-popups .box.third
    {
        width: calc(33.33% - 8px);
    }
    .fixed-recruit-popups .box.ml
    {
        margin-left: 12px;
    }
}
.fixed-recruit-popups .box input[type="text"], .fixed-recruit-popups .box select, .fixed-recruit-popups .box textarea
{
    display: block;
    width: 100%;
    border: 1px solid #f5f5f5;
    border-radius: 5px;
    font-size: 14px;
    color: #333;
    font-family: 'Source Han Sans CN','Microsoft YaHei';
}
.fixed-recruit-popups .box input[type="text"], .fixed-recruit-popups .box select
{
    height: 40px;
    padding: 0 10px;
}
.fixed-recruit-popups .box select
{
    background-position: 96% center;
    background-repeat: no-repeat;
    background-image: url("/png/xcyvn4nw.png");
}
.fixed-recruit-popups .box textarea
{
    height: 90px;
    padding: 10px;
    resize: none;
}
.fixed-recruit-popups .box .file
{
    display: inline-block;
    vertical-align: top;
    position: relative;
    width: 120px;
    height: 40px;
    overflow: hidden;
}
.fixed-recruit-popups .box .file input[type="file"]
{
    display: block;
    width: 100%;
    height: 100%;
    position: relative;
    z-index: 2;
    opacity: 0;
    cursor: pointer;
}
.fixed-recruit-popups .box .file a
{
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    z-index: 1;
    text-align: center;
    background-color: #004ea2;
    font-size: 14px;
    color: #fff;
    line-height: 40px;
}
.fixed-recruit-popups .box .txt
{
    display: inline-block;
    vertical-align: top;
    margin-left: 20px;
    font-size: 14px;
    line-height: 40px;
    color: #999;
}
.fixed-recruit-popups .box button
{
    display: block;
    width: 100%;
    height: 40px;
    font-size: 14px;
    color: #fff;
    background-color: #004ea2;
    cursor: pointer;
}/* product */
.product-list .section1
{
    padding: 4.5vw 0;
}
.product-list .section1 .filter
{
    margin-top: 2.5vw;
}
.product-list .section1 .item
{
    margin-top: 2vw;
    font-size: 0;
    position: relative;
    padding-right: 60px;
}
.product-list .section1 .item:nth-of-type(1)
{
    margin-top: 0;
}
.product-list .section1 .item .label
{
    display: inline-block;
    vertical-align: top;
    width: 86px;
    font-size: 20px;
    line-height: 36px;
    color: #333;
}
.product-list .section1 .item .a-block
{
    display: inline-block;
    vertical-align: top;
    width: calc(100% - 86px);
    height: 36px;
    overflow: hidden;
}
.product-list .section1 .item .a-block.auto
{
    height: auto;
}
.product-list .section1 .item .box a
{
    display: inline-block;
    vertical-align: top;
    font-size: 14px;
    line-height: 36px;
    padding: 0 1.5vw;
    color: #808080;
    margin: 0 18px 2px 0;
    -webkit-transition: all .3s ease;
    -moz-transition: all .3s ease;
    -ms-transition: all .3s ease;
    transition: all .3s ease;
}
.product-list .section1 .item .box a:hover, .product-list .section1 .item .box a.active
{
    background-color: #004ea2;
    color: #fff;
}
.product-list .section1 .item .more
{
    position: absolute;
    right: 40px;
    top: 12px;
    width: 18px;
    height: 11px;
    background-position: center;
    background-repeat: no-repeat;
    background-image: url("/png/8aw5hns8.png");
    cursor: pointer;
    -webkit-transition: transform .3s ease;
    -moz-transition: transform .3s ease;
    -ms-transition: transform .3s ease;
    transition: transform .3s ease;
}
.product-list .section1 .item .more.open
{
    -webkit-transform: rotate(180deg);
    -moz-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    transform: rotate(180deg);
}
.product-list .section2
{
    padding: 4.5vw 0 6vw;
    background-color: #f2f2f2;
}
.product-list .section2 form
{
    position: absolute;
    right: 0;
    top: 0;
    width: 320px;
    height: 50px;
    border: 1px solid #e6e6e6;
    margin-top: -10px;
    background-color: #fff;
}
.product-list .section2 form input
{
    display: block;
    width: 100%;
    height: 100%;
    padding: 0 24px;
    font-size: 16px;
    color: #808080;
}
.product-list .section2 form button
{
    width: 48px;
    height: 48px;
    background-position: center;
    background-repeat: no-repeat;
    background-image: url("/png/6o1me2a2.png");
    position: absolute;
    right: 0;
    top: 0;
    background-color: transparent;
    cursor: pointer;
    -webkit-transition: all .3s ease;
    -moz-transition: all .3s ease;
    -ms-transition: all .3s ease;
    transition: all .3s ease;
}
.product-list .section2 form button:hover
{
    background-image: url("/png/sxhmof8p.png");
}
.product-list .section2 .items
{
    margin: 40px -10px 4vw;
    font-size: 0;
}
.product-list .section2 .item
{
    display: inline-block;
    vertical-align: top;
    width: calc(33.33% - 20px);
    margin: 20px 10px 0;
    background-color: #fff;
    -webkit-transition: all .3s ease;
    -moz-transition: all .3s ease;
    -ms-transition: all .3s ease;
    transition: all .3s ease;
}
@media screen and (min-width: 992px)
{
    .product-list .section2 .item:nth-of-type(1), .product-list .section2 .item:nth-of-type(2), .product-list .section2 .item:nth-of-type(3)
    {
        margin-top: 0;
    }
}
.product-list .section2 .item .img-box
{
    height: 260px;
    text-align: center;
}
.product-list .section2 .item img
{
    width: auto;
    max-width: 70%;
    max-height: 70%;
}
.product-list .section2 .item .txt-box
{
    border-top: 1px solid #eee;
    padding: 1.5vw 2vw 2.5vw;
}
.product-list .section2 .item h3
{
    font-size: 20px;
    color: #333;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    -webkit-transition: color .3s ease;
    -moz-transition: color .3s ease;
    -ms-transition: color .3s ease;
    transition: color .3s ease;
}
.product-list .section2 .item p
{
    font-size: 16px;
    line-height: 24px;
    color: #666;
    height: 48px;
    overflow: hidden;
    margin-top: 10px;
}
.product-list .section2 .item span
{
    display: block;
    width: 160px;
    text-align: center;
    margin-top: 2vw;
    font-size: 16px;
    line-height: 44px;
    color: #111;
    border: 1px solid #dcdcdc;
    background-color: #eee;
    -webkit-transition: all .3s ease;
    -moz-transition: all .3s ease;
    -ms-transition: all .3s ease;
    transition: all .3s ease;
}
@media screen and (min-width: 992px)
{
    .product-list .section2 .item:hover
    {
        box-shadow: 0 10px 30px rgba(0,0,0,.1);
        -webkit-transform: translateY(-10px);
        -moz-transform: translateY(-10px);
        -ms-transform: translateY(-10px);
        transform: translateY(-10px);
    }
    .product-list .section2 .item:hover h3
    {
        color: #004ea2;
    }
    .product-list .section2 .item:hover span
    {
        background-color: #004ea2;
        color: #fff;
        border-color: #004ea2;
    }
}
.product-list .section2 .comm-pages ul li input
{
    background-color: #fff;
}
.product-detail .inner-banner .wrapper
{
    width: 100%;
    max-width: 100%;
    padding: 0 5vw;
    text-align: left;
}
.product-detail .inner-banner p
{
    font-size: 20px;
}
.product-detail .section1
{
    padding: 6vw 0;
    font-size: 0;
}
.product-detail .section1 .img-box
{
    display: inline-block;
    vertical-align: middle;
    width: 38%;
    height: 30vw;
    background-color: #f5f5f5;
    text-align: center;
}
.product-detail .section1 .txt-box
{
    display: inline-block;
    vertical-align: middle;
    width: 62%;
    padding-left: 6vw;
}
.product-detail .section1 img
{
    width: auto;
    max-width: 100%;
    max-height: 100%;
}
.product-detail .section1 .inner-tit
{
    font-weight: bold;
}
.product-detail .section1 .para
{
    font-size: 16px;
    line-height: 2;
    color: #999;
    margin-top: 1.5vw;
}
.product-detail .section1 h4
{
    margin-top: 4vw;
    font-size: 24px;
    line-height: 1.2;
    color: #333;
}
.product-detail .section1 .inner-btn
{
    margin-top: 2vw;
}
.product-detail .section1 .txt_box
{
    overflow-y: auto;
}
.product-detail .section1 .inner-btn:after
{
    display: none;
}
.product-detail .section2
{
    padding: 6vw 0;
    background-color: #004ea2;
}
.product-detail .section2 .para
{
    margin-top: 4vw;
    font-size: 0;
}
.product-detail .section2 p
{
    display: inline-block;
    vertical-align: top;
    width: calc(50% - 3vw);
    padding-left: 30px;
    position: relative;
    font-size: 18px;
    line-height: 2;
    color: #fff;
    margin-top: 20px;
}
@media screen and (min-width: 992px)
{
    .product-detail .section2 p:nth-of-type(1), .product-detail .section2 p:nth-of-type(2)
    {
        margin-top: 0;
    }
    .product-detail .section2 p:nth-of-type(odd)
    {
        margin-right: 3vw;
    }
    .product-detail .section2 p:nth-of-type(even)
    {
        margin-left: 3vw;
    }
}
.product-detail .section2 p span
{
    position: absolute;
    left: 0;
    top: 0;
}
.product-detail .section3
{
    padding: 6vw 0;
}
.product-detail .section4
{
    padding: 4.5vw 0;
    background-color: #f5f5f5;
}
.product-detail .section4 .slick
{
    margin-top: 3.5vw;
}
.product-detail .section4 .item
{
    font-size: 0;
    background-color: #fff;
}
.product-detail .section4 .item .img-box
{
    width: 33%;
    display: inline-block;
    vertical-align: middle;
    max-width: 440px;
    overflow: hidden;
}
.product-detail .section4 .item .txt-box
{
    width: 67%;
    display: inline-block;
    vertical-align: middle;
    padding: 0 4vw;
}
.product-detail .section4 .item img
{
    display: block;
    width: 100%;
    -webkit-transition: transform .3s ease;
    -moz-transition: transform .3s ease;
    -ms-transition: transform .3s ease;
    transition: transform .3s ease;
}
.product-detail .section4 .item h3
{
    font-size: 24px;
    line-height: 1.2;
    color: #333;
}
.product-detail .section4 .item p
{
    font-size: 16px;
    line-height: 2;
    color: #999;
    margin-top: 20px;
}
.product-detail .section4 .slick-dots
{
    margin-top: 24px;
    font-size: 0;
    text-align: center;
}
.product-detail .section4 .slick-dots li
{
    display: inline-block;
    vertical-align: top;
    width: 14px;
    height: 14px;
    background-color: #fff;
    border: 1px solid #d3d3d3;
    border-radius: 50%;
    margin: 0 8px;
    -webkit-transition: all .3s ease;
    -moz-transition: all .3s ease;
    -ms-transition: all .3s ease;
    transition: all .3s ease;
    cursor: pointer;
}
.product-detail .section4 .slick-dots li.slick-active
{
    background-color: #004ea2;
    border-color: #004ea2;
}
.product-detail .section4 .slick-dots button
{
    display: none;
}
.product-detail .section5
{
    padding: 6vw 0;
}
.product-detail .section5 .items
{
    margin: 3vw -14px 0;
    font-size: 0;
}
.product-detail .section5 .item
{
    display: inline-block;
    vertical-align: top;
    width: calc(25% - 28px);
    margin: 28px 14px 0;
    border: 1px solid #e6e6e6;
    -webkit-transition: all .3s ease;
    -moz-transition: all .3s ease;
    -ms-transition: all .3s ease;
    transition: all .3s ease;
}
@media screen and (min-width: 992px)
{
    .product-detail .section5 .item:nth-of-type(1), .product-detail .section5 .item:nth-of-type(2), .product-detail .section5 .item:nth-of-type(3), .product-detail .section5 .item:nth-of-type(4)
    {
        margin-top: 0;
    }
}
.product-detail .section5 .item a
{
    display: block;
    padding: 1.5vw 2.5vw;
    position: relative;
}
.product-detail .section5 .item a:after
{
    content: '';
    width: 15px;
    height: 30px;
    position: absolute;
    right: calc(2.5vw - 15px);
    top: 50%;
    margin-top: -15px;
    background-position: center;
    background-repeat: no-repeat;
    background-image: url("/png/gps6dmx8.png");
    -webkit-transition: all .3s ease;
    -moz-transition: all .3s ease;
    -ms-transition: all .3s ease;
    transition: all .3s ease;
    display: none;
}
.product-detail .section5 .item h3
{
    font-size: 20px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    padding-right: 10px;
    -webkit-transition: color .3s ease;
    -moz-transition: color .3s ease;
    -ms-transition: color .3s ease;
    transition: color .3s ease;
}
.product-detail .section5 .item p
{
    font-size: 16px;
    color: #666;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    padding-right: 10px;
    -webkit-transition: color .3s ease;
    -moz-transition: color .3s ease;
    -ms-transition: color .3s ease;
    transition: color .3s ease;
}
@media screen and (min-width: 992px)
{
    .product-detail .section5 .item:hover
    {
        background-color: #004ea2;
    }
    .product-detail .section5 .item:hover a:after
    {
        background-image: url("/png/yhr4nmer.png");
        -webkit-transform: translateX(5px);
        -moz-transform: translateX(5px);
        -ms-transform: translateX(5px);
        transform: translateX(5px);
    }
    .product-detail .section5 .item:hover h3, .product-detail .section5 .item:hover p
    {
        color: #fff;
    }
}/* search */
.search-page .wrapper
{
    max-width: 1080px;
}
.search-page .section1
{
    padding: 9vw 0;
    background-color: #004ea2;
}
.search-page .section1 h3
{
    text-align: center;
    font-size: 60px;
    color: #fff;
    line-height: 1.2;
}
.search-page .section1 form
{
    display: block;
    position: relative;
    height: 60px;
    padding-right: 90px;
    margin: 2vw auto 0;
    background-color: #fff;
}
.search-page .section1 form input
{
    display: block;
    width: 100%;
    height: 100%;
    padding: 0 20px;
    font-size: 16px;
    color: #666;
    background-color: transparent;
}
.search-page .section1 form button
{
    position: absolute;
    right: 0;
    top: 0;
    width: 90px;
    height: 60px;
    background-color: transparent;
    background-position: center;
    background-repeat: no-repeat;
    background-image: url("/png/4gi9w550.png");
    cursor: pointer;
    -webkit-transition: all .3s ease;
    -moz-transition: all .3s ease;
    -ms-transition: all .3s ease;
    transition: all .3s ease;
}
.search-page .section1 form button:hover
{
    background-image: url("/png/5brfs0w5.png");
}
.search-page .section1 .cate
{
    font-size: 0;
    text-align: center;
    margin-top: 2.5vw;
}
.search-page .section1 .cate a
{
    display: inline-block;
    vertical-align: top;
    font-size: 18px;
    color: #fff;
    margin: 0 1.5vw;
    position: relative;
    padding-left: 30px;
}
.search-page .section1 .cate a.active i
{
    background-color: #004ea2;
}
.search-page .section1 .cate a.active i:after
{
    opacity: 1;
}
.search-page .section1 .cate i
{
    width: 16px;
    height: 16px;
    position: absolute;
    left: 0;
    top: 50%;
    margin-top: -8px;
    border-radius: 50%;
    background-color: #fff;
    border: 1px solid #fff;
}
.search-page .section1 .cate i:after
{
    content: '';
    width: 6px;
    height: 6px;
    background-color: #fff;
    position: absolute;
    top: 50%;
    left: 50%;
    margin: -3px 0 0 -3px;
    border-radius: 50%;
    opacity: 0;
}
.search-page .section2
{
    padding: 4.5vw 0 6vw;
}
.search-page .section2 .tip
{
    font-size: 18px;
    color: #4b4c4e;
}
.search-page .section2 .tip span
{
    color: #004ea2;
}
.search-page .section2 .items
{
    margin: 3.5vw 0;
    border-top: 1px solid #dfdfdf;
}
.search-page .section2 .item
{
    position: relative;
    border-bottom: 1px solid #dfdfdf;
}
.search-page .section2 .item a
{
    display: block;
    padding: 2vw 5vw 2vw 0;
}
.search-page .section2 .item .date
{
    font-size: 16px;
    color: #92959c;
}
.search-page .section2 .item h3
{
    font-size: 20px;
    line-height: 1.2;
    color: #111;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    margin-top: 15px;
    -webkit-transition: color .3s ease;
    -moz-transition: color .3s ease;
    -ms-transition: color .3s ease;
    transition: color .3s ease;
}
.search-page .section2 .item p
{
    font-size: 16px;
    line-height: 2;
    color: #999;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
.search-page .section2 .item:before
{
    content: '';
    position: absolute;
    left: 0;
    right: 0;
    top: 100%;
    height: 5px;
    background-color: #004ea2;
    transform-origin: left center;
    -webkit-transform: scaleX(0);
    -moz-transform: scaleX(0);
    -ms-transform: scaleX(0);
    transform: scaleX(0);
    -webkit-transition: transform .5s ease;
    -moz-transition: transform .5s ease;
    -ms-transition: transform .5s ease;
    transition: transform .5s ease;
}
.search-page .section2 .item:after
{
    content: '';
    position: absolute;
    right: 1.5vw;
    top: 50%;
    margin-top: -11px;
    width: 27px;
    height: 22px;
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
    background-image: url("/png/c6dzwai3.png");
    -webkit-transition: all .3s ease;
    -moz-transition: all .3s ease;
    -ms-transition: all .3s ease;
    transition: all .3s ease;
}
@media screen and (min-width: 992px)
{
    .search-page .section2 .item:hover h3
    {
        color: #004ea2;
    }
    .search-page .section2 .item:hover:before
    {
        -webkit-transform: scaleX(1);
        -moz-transform: scaleX(1);
        -ms-transform: scaleX(1);
        transform: scaleX(1);
    }
    .search-page .section2 .item:hover:after
    {
        background-image: url("/png/tiluf4l0.png");
    }
}/* investor */
.investor-govern .section1
{
    padding: 6vw 0;
    font-size: 0;
}
.investor-govern .section1 .txt-box
{
    width: 50%;
    display: inline-block;
    vertical-align: top;
    padding-right: 6vw;
    padding-top: 4.5vw;
}
.investor-govern .section1 .para
{
    margin-top: 2vw;
    font-size: 16px;
    line-height: 30px;
    color: #808080;
    text-align: justify;
}
.investor-govern .section1 .img-box
{
    display: inline-block;
    vertical-align: top;
    width: 50%;
}
.investor-govern .section1 .img-box img
{
    display: block;
    width: 100%;
    -webkit-transition: transform .3s ease;
    -moz-transition: transform .3s ease;
    -ms-transition: transform .3s ease;
    transition: transform .3s ease;
}
.investor-govern .section1 .img-box:hover img
{
    -webkit-transform: scale(1.1);
    -moz-transform: scale(1.1);
    -ms-transform: scale(1.1);
    transform: scale(1.1);
}
.investor-govern .section2
{
    padding: 6vw 0 4.5vw;
    background-color: #f2f2f2;
}
.investor-govern .section2 img
{
    display: block;
    margin: 0 auto;
    max-width: 1200px;
    width: 90%;
}
.investor-stock .section1
{
    padding: 6vw 0;
    font-size: 0;
}
.investor-stock .section1 .wrapper
{
    -webkit-display: flex;
    display: flex;
}
.investor-stock .section1 .left-box
{
    display: inline-block;
    vertical-align: top;
    width: 68%;
    padding-right: 2vw;
}
.investor-stock .section1 .top-box
{
    background-color: #f8f8f8;
    border: 1px solid #e6e6e6;
    padding: 2vw;
}
.investor-stock .section1 .top-box .tip
{
    font-size: 14px;
    color: #333;
    opacity: .5;
    margin-top: 2vw;
}
.investor-stock .section1 .data-item
{
    font-size: 0;
}
.investor-stock .section1 .data-item .item
{
    width: 16%;
    display: inline-block;
    vertical-align: top;
}
.investor-stock .section1 .data-item .item .label
{
    font-size: 16px;
    color: #333;
    opacity: .5;
}
.investor-stock .section1 .data-item .item .data
{
    display: block;
    font-size: 32px;
    line-height: 1;
    color: #333;
    margin-top: 24px;
    font-family: 'DINEngschrift';
}
.investor-stock .section1 .data-item .item .stock
{
    margin-top: 5px;
}
.investor-stock .section1 .data-item .item .stock span
{
    display: inline-block;
    vertical-align: bottom;
}
.investor-stock .section1 .data-item .item .stock.red span.icon
{
    background-image: url("/png/bhy25w5t.png");
}
.investor-stock .section1 .data-item .item .stock.red span.num, .investor-stock .section1 .data-item .item .stock.red span.unit
{
    color: #e8233a;
}
.investor-stock .section1 .data-item .item span.num
{
    font-size: 54px;
    line-height: 1;
    font-family: 'DINEngschrift';
}
.investor-stock .section1 .data-item .item span.icon
{
    width: 16px;
    height: 13px;
    background-position: center;
    background-repeat: no-repeat;
    margin: 0 10px 10px;
}
.investor-stock .section1 .data-item .item span.unit
{
    font-size: 26px;
    line-height: 1;
    font-family: 'DINEngschrift';
    margin-bottom: 5px;
}
.investor-stock .section1 .data-item .item:nth-of-type(1)
{
    width: 36%;
}
.investor-stock .section1 .data-item .item:nth-of-type(1) .label
{
    opacity: 1;
}
.investor-stock .section1 .tab-tit
{
    margin-top: 24px;
}
.investor-stock .section1 .tab-tit span
{
    display: inline-block;
    vertical-align: top;
    width: 20%;
    font-size: 14px;
    line-height: 48px;
    text-align: center;
    border: 1px solid #e6e6e6;
    border-bottom: none;
    margin-left: -1px;
    background-color: #f8f8f8;
    cursor: pointer;
    -webkit-transition: all .3s ease;
    -moz-transition: all .3s ease;
    -ms-transition: all .3s ease;
    transition: all .3s ease;
}
.investor-stock .section1 .tab-tit span:hover, .investor-stock .section1 .tab-tit span.active
{
    background-color: #004ea2;
    color: #fff;
}
.investor-stock .section1 .tab-cont
{
    padding: 2vw;
    border: 1px solid #e6e6e6;
    border-top: 2px solid #004ea2;
}
.investor-stock .section1 .tab-cont .child
{
    display: none;
}
.investor-stock .section1 .tab-cont .child.active
{
    display: block;
}
.investor-stock .section1 .tab-cont .child img
{
    display: block;
    width: 100%;
    max-width: 795px;
}
.investor-stock .section1 .right-box
{
    width: 32%;
    display: inline-block;
    vertical-align: top;
    background-color: #005aaa;
    background-position: center bottom;
    background-repeat: no-repeat;
    background-image: url("/jpg/dug3v2ef.jpg");
    background-size: 100% auto;
}
.investor-stock .section1 .right-box h3
{
    text-align: center;
    font-size: 22px;
    color: #fff;
    line-height: 90px;
    background-color: rgba(0,0,0,.1);
}
.investor-stock .section1 .right-box .para
{
    padding: 4vw;
    font-size: 16px;
    line-height: 36px;
    color: #fff;
}
.investor-interactive .section1
{
    padding: 6vw 0 4vw;
}
.investor-interactive .section1 .slick
{
    margin: 2vw -14px 0;
}
.investor-interactive .section1 .items
{
    font-size: 0;
}
.investor-interactive .section1 .item
{
    display: inline-block;
    vertical-align: top;
    width: calc(33.3% - 28px);
    margin: 14px;
    box-shadow: 0 4px 10px rgba(0,0,0,.1);
    padding: 1.56vw;
    -webkit-transition: all .3s ease;
    -moz-transition: all .3s ease;
    -ms-transition: all .3s ease;
    transition: all .3s ease;
}
.investor-interactive .section1 .item .date
{
    font-size: 14px;
    color: #666;
    background-position: right center;
    background-repeat: no-repeat;
    background-image: url("/png/02s7tbfx.png");
    -webkit-transition: all .3s ease;
    -moz-transition: all .3s ease;
    -ms-transition: all .3s ease;
    transition: all .3s ease;
}
.investor-interactive .section1 .item .tit
{
    margin-top: 1vw;
    padding-top: 1vw;
    border-top: 1px solid #dcdcdc;
    -webkit-transition: all .3s ease;
    -moz-transition: all .3s ease;
    -ms-transition: all .3s ease;
    transition: all .3s ease;
}
.investor-interactive .section1 .item h3
{
    font-size: 18px;
    color: #111;
    line-height: 30px;
    height: 60px;
    overflow: hidden;
    -webkit-transition: color .3s ease;
    -moz-transition: color .3s ease;
    -ms-transition: color .3s ease;
    transition: color .3s ease;
}
@media screen and (min-width: 992px)
{
    .investor-interactive .section1 .item:hover
    {
        background-color: #004ea2;
    }
    .investor-interactive .section1 .item:hover .date
    {
        color: #fff;
        background-image: url("/png/vfaegys5.png");
    }
    .investor-interactive .section1 .item:hover .tit
    {
        border-color: #dcdcdc;
    }
    .investor-interactive .section1 .item:hover h3
    {
        color: #fff;
    }
}
.investor-interactive .section1 .slick-dots
{
    margin-top: 2vw;
    font-size: 0;
    text-align: center;
}
.investor-interactive .section1 .slick-dots li
{
    display: inline-block;
    vertical-align: top;
    width: 14px;
    height: 14px;
    background-color: #fff;
    border: 1px solid #d3d3d3;
    border-radius: 50%;
    margin: 0 8px;
    -webkit-transition: all .3s ease;
    -moz-transition: all .3s ease;
    -ms-transition: all .3s ease;
    transition: all .3s ease;
    cursor: pointer;
}
.investor-interactive .section1 .slick-dots li.slick-active
{
    background-color: #004ea2;
    border-color: #004ea2;
}
.investor-interactive .section1 .slick-dots button
{
    display: none;
}
.investor-interactive .section2
{
    padding: 6vw 0;
    background-color: #f0f0f0;
}
.investor-interactive .section2 .tip
{
    font-size: 16px;
    line-height: 24px;
    color: #666;
    margin-top: 20px;
}
.investor-interactive .section2 form
{
    margin-top: 2vw;
    font-size: 0;
}
.investor-interactive .section2 form .box
{
    display: inline-block;
    vertical-align: top;
    width: calc(50% - 18px);
    position: relative;
}
.investor-interactive .section2 form .box:nth-of-type(1)
{
    margin-right: 36px;
}
.investor-interactive .section2 form .box i
{
    width: 33px;
    height: 33px;
    background-position: left center;
    background-repeat: no-repeat;
    position: absolute;
    left: 0;
    top: 50%;
    margin-top: -16px;
    opacity: 0;
    -webkit-transition: all .3s ease;
    -moz-transition: all .3s ease;
    -ms-transition: all .3s ease;
    transition: all .3s ease;
}
.investor-interactive .section2 form .box span
{
    position: absolute;
    left: 0;
    font-size: 18px;
    color: #474747;
    line-height: 70px;
    -webkit-transition: all .3s ease;
    -moz-transition: all .3s ease;
    -ms-transition: all .3s ease;
    transition: all .3s ease;
}
.investor-interactive .section2 form .box input
{
    display: block;
    width: 100%;
    height: 70px;
    border-bottom: 1px solid #b5b5b5;
    font-size: 18px;
    color: #333;
    padding-left: 100px;
    background-color: transparent;
    -webkit-transition: all .3s ease;
    -moz-transition: all .3s ease;
    -ms-transition: all .3s ease;
    transition: all .3s ease;
}
.investor-interactive .section2 form .box input:focus
{
    border-color: #004ea2;
}
.investor-interactive .section2 form .box.focus i
{
    opacity: 1;
}
.investor-interactive .section2 form .box.focus span
{
    left: 50px;
}
.investor-interactive .section2 form textarea
{
    display: block;
    width: 100%;
    height: 160px;
    font-size: 18px;
    line-height: 24px;
    color: #333;
    background-color: transparent;
    font-family: 'Microsoft HaHei';
    margin-top: 2vw;
    border-bottom: 1px solid #b5b5b5;
    -webkit-transition: all .3s ease;
    -moz-transition: all .3s ease;
    -ms-transition: all .3s ease;
    transition: all .3s ease;
}
.investor-interactive .section2 form textarea:focus
{
    border-color: #004ea2;
}
.investor-interactive .section2 form button
{
    margin-top: 2vw;
    cursor: pointer;
}
.investor-interactive .section2 form button:after
{
    display: none;
}/* solution */
.solution-case-list .section1
{
    padding: 6vw 0;
}
.solution-case-list .section1 .items
{
    margin: 0 -10px 4vw;
    font-size: 0;
}
.solution-case-list .section1 .item
{
    display: inline-block;
    vertical-align: top;
    width: calc(33.33% - 20px);
    margin: 2.5vw 10px 0;
    -webkit-transition: transform .3s ease;
    -moz-transition: transform .3s ease;
    -ms-transition: transform .3s ease;
    transition: transform .3s ease;
}
@media screen and (min-width: 992px)
{
    .solution-case-list .section1 .item:nth-of-type(1), .solution-case-list .section1 .item:nth-of-type(2), .solution-case-list .section1 .item:nth-of-type(3)
    {
        margin-top: 0;
    }
}
.solution-case-list .section1 .item .img-box
{
    overflow: hidden;
    box-shadow: 0 0 30px rgba(0,0,0,.05);
}
.solution-case-list .section1 .item img
{
    display: block;
    width: 100%;
    -webkit-transition: transform .3s ease;
    -moz-transition: transform .3s ease;
    -ms-transition: transform .3s ease;
    transition: transform .3s ease;
}
.solution-case-list .section1 .item h3
{
    font-size: 20px;
    line-height: 1.2;
    color: #333;
    margin-top: 1.5vw;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    -webkit-transition: color .3s ease;
    -moz-transition: color .3s ease;
    -ms-transition: color .3s ease;
    transition: color .3s ease;
}
@media screen and (min-width: 992px)
{
    .solution-case-list .section1 .item:hover
    {
        -webkit-transform: translateY(-10px);
        -moz-transform: translateY(-10px);
        -ms-transform: translateY(-10px);
        transform: translateY(-10px);
    }
    .solution-case-list .section1 .item:hover img
    {
        -webkit-transform: scale(1.1);
        -moz-transform: scale(1.1);
        -ms-transform: scale(1.1);
        transform: scale(1.1);
    }
    .solution-case-list .section1 .item:hover h3
    {
        color: #004ea2;
    }
}
.solution-list .section
{
    padding: 6vw 0;
}
.solution-list .section .para
{
    font-size: 16px;
    line-height: 2;
    margin-top: 10px;
}
.solution-list .section .items
{
    margin: 2vw -10px 0;
    font-size: 0;
}
.solution-list .section .item
{
    display: inline-block;
    vertical-align: top;
    width: calc(33.33% - 20px);
    margin: 20px 10px 0;
    overflow: hidden;
    box-shadow: 0 10px 30px rgba(0,0,0,.1);
    -webkit-transition: transform .3s ease;
    -moz-transition: transform .3s ease;
    -ms-transition: transform .3s ease;
    transition: transform .3s ease;
}
@media screen and (min-width: 992px)
{
    .solution-list .section .item:nth-of-type(1), .solution-list .section .item:nth-of-type(2), .solution-list .section .item:nth-of-type(3)
    {
        margin-top: 0;
    }
}
.solution-list .section .item a
{
    display: block;
    position: relative;
}
.solution-list .section .item a:after
{
    content: '';
    position: absolute;
    top: 50%;
    left: 0;
    right: 0;
    bottom: 0;
    background: -webkit-linear-gradient(180deg,rgba(0,0,0,0),rgba(0,0,0,.8));
    background: -o-linear-gradient(180deg,rgba(0,0,0,0),rgba(0,0,0,.8));
    background: -moz-linear-gradient(180deg,rgba(0,0,0,0),rgba(0,0,0,.8));
    background: linear-gradient(180deg,rgba(0,0,0,0),rgba(0,0,0,.8));
    z-index: 1;
    -webkit-transition: opacity .3s ease;
    -moz-transition: opacity .3s ease;
    -ms-transition: opacity .3s ease;
    transition: opacity .3s ease;
}
.solution-list .section .item a:before
{
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: rgba(0,0,0,.7);
    z-index: 1;
    opacity: 0;
    -webkit-transition: opacity .3s ease;
    -moz-transition: opacity .3s ease;
    -ms-transition: opacity .3s ease;
    transition: opacity .3s ease;
}
.solution-list .section .item .img-box
{
    overflow: hidden;
}
.solution-list .section .item .txt-box
{
    position: absolute;
    left: 2vw;
    right: 2vw;
    bottom: 2.5vw;
    z-index: 2;
    -webkit-transform: translateY(118px);
    -moz-transform: translateY(118px);
    -ms-transform: translateY(118px);
    transform: translateY(118px);
    -webkit-transition: transform .3s ease;
    -moz-transition: transform .3s ease;
    -ms-transition: transform .3s ease;
    transition: transform .3s ease;
}
.solution-list .section .item img
{
    display: block;
    width: 100%;
    -webkit-transition: transform .3s ease;
    -moz-transition: transform .3s ease;
    -ms-transition: transform .3s ease;
    transition: transform .3s ease;
}
.solution-list .section .item h3
{
    font-size: 20px;
    color: #fff;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
.solution-list .section .item p
{
    font-size: 14px;
    line-height: 24px;
    color: #fff;
    height: 48px;
    overflow: hidden;
    margin: 15px 0;
    opacity: 0;
    -webkit-transition: opacity .3s ease;
    -moz-transition: opacity .3s ease;
    -ms-transition: opacity .3s ease;
    transition: opacity .3s ease;
}
.solution-list .section .item span
{
    display: block;
    width: 160px;
    line-height: 40px;
    font-size: 14px;
    text-align: center;
    background-color: #004ea2;
    text-align: center;
    color: #fff;
    opacity: 0;
    -webkit-transition: opacity .3s ease;
    -moz-transition: opacity .3s ease;
    -ms-transition: opacity .3s ease;
    transition: opacity .3s ease;
}
@media screen and (min-width: 992px)
{
    .solution-list .section .item:hover
    {
        -webkit-transform: translateY(-10px);
        -moz-transform: translateY(-10px);
        -ms-transform: translateY(-10px);
        transform: translateY(-10px);
    }
    .solution-list .section .item:hover a:after
    {
        opacity: 0;
    }
    .solution-list .section .item:hover a:before
    {
        opacity: 1;
    }
    .solution-list .section .item:hover .txt-box
    {
        -webkit-transform: translateY(0);
        -moz-transform: translateY(0);
        -ms-transform: translateY(0);
        transform: translateY(0);
    }
    .solution-list .section .item:hover img
    {
        -webkit-transform: scale(1.1);
        -moz-transform: scale(1.1);
        -ms-transform: scale(1.1);
        transform: scale(1.1);
    }
    .solution-list .section .item:hover p, .solution-list .section .item:hover span
    {
        opacity: 1;
    }
}
.solution-list .section:nth-of-type(1) .inner-tit, .solution-list .section:nth-of-type(2) .inner-tit, .solution-list .section:nth-of-type(5) .inner-tit
{
    color: #111;
}
.solution-list .section:nth-of-type(1) .para, .solution-list .section:nth-of-type(2) .para, .solution-list .section:nth-of-type(5) .para
{
    color: #666;
}
.solution-list .section:nth-of-type(2), .solution-list .section:nth-of-type(6)
{
    background-color: #004ea2;
}
.solution-list .section:nth-of-type(2) .inner-tit, .solution-list .section:nth-of-type(6) .inner-tit
{
    color: #fff;
}
.solution-list .section:nth-of-type(2) .para, .solution-list .section:nth-of-type(6) .para
{
    color: #fff;
}
.solution-list .section:nth-of-type(4)
{
    background-color: #f7f7f7;
}
.solution-list .section:nth-of-type(4) .inner-tit
{
    color: #111;
}
.solution-list .section:nth-of-type(4) .para
{
    color: #666;
}
.solution-case-detail .inner-banner .wrapper
{
    width: 100%;
    max-width: 100%;
    padding: 0 8vw;
    text-align: left;
}
.solution-case-detail .inner-banner a.btn
{
    display: none;
}
.solution-case-detail .comm-crumbs
{
    position: absolute;
    left: 9vw;
    top: 2vw;
}
.solution-case-detail .section1
{
    padding: 6vw 0;
    font-size: 0;
}
.solution-case-detail .section1 .left-box
{
    width: 68%;
    display: inline-block;
    vertical-align: top;
}
.solution-case-detail .section1 .left-box .box
{
    margin-top: 3vw;
}
.solution-case-detail .section1 .left-box .box:nth-of-type(1)
{
    margin-top: 0;
}
.solution-case-detail .section1 .left-box .tit
{
    font-size: 24px;
    color: #111;
    line-height: 1.2;
}
.solution-case-detail .section1 .left-box .para
{
    font-size: 16px;
    line-height: 32px;
    color: #666;
    margin-top: 20px;
}
.solution-case-detail .section1 .left-box .cont
{
    margin-top: 20px;
}
.solution-case-detail .share-box
{
    position: absolute;
    top: 0;
    left: -5vw;
    -webkit-transition: opacity .3s ease;
    -moz-transition: opacity .3s ease;
    -ms-transition: opacity .3s ease;
    transition: opacity .3s ease;
}
.solution-case-detail .share-box.visi
{
    opacity: 0;
}
.solution-case-detail .share-box a.tat
{
    display: block;
    width: 40px;
    position: relative;
}
.solution-case-detail .share-box a.tat:hover .tel
{
    opacity: 1;
    visibility: visible;
}
.solution-case-detail .share-box i
{
    display: block;
    width: 40px;
    height: 40px;
    background-color: #004ea2;
    background-position: center;
    background-repeat: no-repeat;
    background-image: url("/png/2qrmx37p.png");
    border-radius: 50%;
    position: relative;
    z-index: 2;
}
.solution-case-detail .share-box span
{
    display: block;
    font-size: 14px;
    line-height: 18px;
    color: #636363;
    text-align: center;
    margin-top: 5px;
    position: relative;
    z-index: 2;
}
.solution-case-detail .share-box .tel
{
    position: absolute;
    left: 20px;
    top: 0;
    background-color: #004ea2;
    font-size: 14px;
    line-height: 40px;
    color: #fff;
    padding: 0 20px 0 40px;
    border-radius: 0 20px 20px 0;
    white-space: nowrap;
    z-index: 1;
    opacity: 0;
    visibility: hidden;
    -webkit-transition: all .3s ease;
    -moz-transition: all .3s ease;
    -ms-transition: all .3s ease;
    transition: all .3s ease;
}
.solution-case-detail .share-box .share a
{
    display: block;
    padding: 0;
    float: none;
    width: 40px;
    height: 40px;
    margin: 10px 0 0 0;
    background-color: #f7f7f7;
    background-position: center;
    background-repeat: no-repeat;
    border-radius: 50%;
    -webkit-transition: all .3s ease;
    -moz-transition: all .3s ease;
    -ms-transition: all .3s ease;
    transition: all .3s ease;
}
.solution-case-detail .share-box .share a[data-cmd='weixin']
{
    background-image: url("/png/heqdb6yj.png");
}
.solution-case-detail .share-box .share a[data-cmd='weixin']:hover
{
    background-image: url("/png/59c1o6l0.png");
}
.solution-case-detail .share-box .share a[data-cmd='tsina']
{
    background-image: url("/png/1hz2fu6o.png");
}
.solution-case-detail .share-box .share a[data-cmd='tsina']:hover
{
    background-image: url("/png/g44kpnhe.png");
}
.solution-case-detail .share-box .share a[data-cmd='sqq']
{
    background-image: url("/png/tqt2s4ma.png");
}
.solution-case-detail .share-box .share a[data-cmd='sqq']:hover
{
    background-image: url("/png/9995wf51.png");
}
.solution-detail2 .inner-banner .wrapper
{
    width: 100%;
    max-width: 100%;
    padding: 0 5vw;
    text-align: left;
}
.solution-detail2 .inner-banner p
{
    font-size: 18px;
    line-height: 2;
}
.solution-detail2 .section3
{
    padding: 6vw 0;
}
.solution-detail2 .section3 .items
{
    margin-top: 3vw;
}
.solution-detail2 .section3 .item
{
    position: relative;
}
.solution-detail2 .section3 .item .img-box
{
    width: 50%;
    overflow: hidden;
}
.solution-detail2 .section3 .item img
{
    width: 100%;
    display: block;
    -webkit-transition: transform .3s ease;
    -moz-transition: transform .3s ease;
    -ms-transition: transform .3s ease;
    transition: transform .3s ease;
}
.solution-detail2 .section3 .item .txt-box
{
    position: absolute;
    top: 0;
    bottom: 0;
    width: 50%;
    padding: 0 3vw;
}
.solution-detail2 .section3 .item .para
{
    font-size: 16px;
    line-height: 2;
    color: #999;
}
@media screen and (min-width: 992px)
{
    .solution-detail2 .section3 .item:nth-of-type(odd) .img-box
    {
        margin-left: 50%;
    }
    .solution-detail2 .section3 .item:nth-of-type(odd) .txt-box
    {
        left: 0;
    }
    .solution-detail2 .section3 .item:nth-of-type(even) .txt-box
    {
        right: 0;
    }
    .solution-detail2 .section3 .item:hover img
    {
        -webkit-transform: scale(1.1);
        -moz-transform: scale(1.1);
        -ms-transform: scale(1.1);
        transform: scale(1.1);
    }
}
.solution-detail1 .inner-banner .wrapper
{
    width: 100%;
    max-width: 100%;
    padding: 0 5vw;
    text-align: left;
}
.solution-detail1 .inner-banner p
{
    font-size: 18px;
    line-height: 2;
}
.solution-detail1 .section5
{
    padding: 6vw 0;
}
.solution-detail1 .section5 .slick
{
    margin-top: 2.5vw;
}
.solution-detail1 .section7
{
    padding: 6vw 0;
}
.solution-detail1 .section7 .items
{
    margin-top: 2.5vw;
}
.solution-detail3 .inner-banner .wrapper
{
    width: 100%;
    max-width: 100%;
    padding: 0 5vw;
    text-align: left;
}
.solution-detail3 .inner-banner p
{
    font-size: 18px;
    line-height: 2;
}
.solution-detail3 .section5
{
    padding: 6vw 0;
}
.solution-detail3 .section5 .tab-tit
{
    font-size: 0;
    text-align: center;
    margin-top: 2vw;
}
.solution-detail3 .section5 .tab-tit span
{
    display: inline-block;
    vertical-align: top;
    margin: 0 14px;
    font-size: 18px;
    line-height: 48px;
    color: #111;
    border-radius: 24px;
    padding: 0 35px;
    border: 1px solid #e5e5e5;
    background-color: #f8f8f8;
    -webkit-transition: all .3s ease;
    -moz-transition: all .3s ease;
    -ms-transition: all .3s ease;
    transition: all .3s ease;
    cursor: pointer;
}
.solution-detail3 .section5 .tab-tit span:hover, .solution-detail3 .section5 .tab-tit span.active
{
    background-color: #004ea2;
    border-color: #004ea2;
    color: #fff;
}
.solution-detail3 .section5 .tab-cont
{
    margin-top: 2.5vw;
}
.solution-detail3 .section5 .tab-cont .child
{
    height: 0;
    overflow: hidden;
}
.solution-detail3 .section5 .tab-cont .child.active
{
    height: auto;
}
.solution-detail3 .section7
{
    padding: 6vw 0;
}
.solution-detail3 .section7 .tab-tit
{
    font-size: 0;
    text-align: center;
}
.solution-detail3 .section7 .tab-tit span
{
    display: inline-block;
    vertical-align: top;
    margin: 0 14px;
    font-size: 18px;
    line-height: 48px;
    color: #111;
    border-radius: 24px;
    padding: 0 35px;
    border: 1px solid #e5e5e5;
    background-color: #f8f8f8;
    -webkit-transition: all .3s ease;
    -moz-transition: all .3s ease;
    -ms-transition: all .3s ease;
    transition: all .3s ease;
    cursor: pointer;
}
.solution-detail3 .section7 .tab-tit span:hover, .solution-detail3 .section7 .tab-tit span.active
{
    background-color: #004ea2;
    border-color: #004ea2;
    color: #fff;
}
.solution-detail3 .section7 .tab-cont
{
    margin-top: 2vw;
}
.solution-detail3 .section7 .tab-cont .child
{
    display: none;
}
.solution-detail3 .section7 .tab-cont .child.active
{
    display: block;
}
.solution-detail3 .section7 .news-box
{
    font-size: 0;
    margin: 0 -10px;
}
.solution-detail3 .section7 .news-box .item
{
    display: inline-block;
    vertical-align: top;
    width: calc(33.33% - 20px);
    margin: 3vw 10px 0;
    -webkit-transition: transform .3s ease;
    -moz-transition: transform .3s ease;
    -ms-transition: transform .3s ease;
    transition: transform .3s ease;
}
@media screen and (min-width: 992px)
{
    .solution-detail3 .section7 .news-box .item:nth-of-type(1), .solution-detail3 .section7 .news-box .item:nth-of-type(2), .solution-detail3 .section7 .news-box .item:nth-of-type(3)
    {
        margin-top: 0;
    }
}
.solution-detail3 .section7 .news-box .item .img-box
{
    overflow: hidden;
}
.solution-detail3 .section7 .news-box .item img
{
    display: block;
    width: 100%;
    -webkit-transition: transform .3s ease;
    -moz-transition: transform .3s ease;
    -ms-transition: transform .3s ease;
    transition: transform .3s ease;
}
.solution-detail3 .section7 .news-box .item h3
{
    font-size: 20px;
    line-height: 30px;
    color: #111;
    height: 60px;
    overflow: hidden;
    margin: 1vw 0;
    -webkit-transition: color .3s ease;
    -moz-transition: color .3s ease;
    -ms-transition: color .3s ease;
    transition: color .3s ease;
}
.solution-detail3 .section7 .news-box .item .date
{
    font-size: 14px;
    color: #999;
    font-family: 'Arial';
}
@media screen and (min-width: 992px)
{
    .solution-detail3 .section7 .news-box .item:hover
    {
        -webkit-transform: translateY(-10px);
        -moz-transform: translateY(-10px);
        -ms-transform: translateY(-10px);
        transform: translateY(-10px);
    }
    .solution-detail3 .section7 .news-box .item:hover img
    {
        -webkit-transform: scale(1.1);
        -moz-transform: scale(1.1);
        -ms-transform: scale(1.1);
        transform: scale(1.1);
    }
    .solution-detail3 .section7 .news-box .item:hover h3
    {
        color: #004ea2;
    }
}
.solution-detail3 .section8
{
    background-color: #f2f2f2;
}/* service */
.service-page .section1
{
    padding: 6vw 0;
}
.service-page .section1 .items
{
    font-size: 0;
    margin-top: 2.5vw;
    display: flex;
}
.service-page .section1 .item
{
    display: inline-block;
    vertical-align: top;
    width: calc(50% - 15px);
    border: 1px solid #e6e6e6;
    padding: 4vw 5vw;
    text-align: center;
    -webkit-transition: all .3s ease;
    -moz-transition: all .3s ease;
    -ms-transition: all .3s ease;
    transition: all .3s ease;
}
@media screen and (min-width: 992px)
{
    .service-page .section1 .item:nth-of-type(2)
    {
        margin-left: 30px;
    }
}
.service-page .section1 .item i
{
    display: block;
    height: 4.166vw;
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
}
.service-page .section1 .item h3
{
    font-size: 24px;
    line-height: 1.2;
    color: #333;
    margin-top: 10px;
}
.service-page .section1 .item p
{
    font-size: 16px;
    line-height: 24px;
    color: #333;
    margin-top: 1.5vw;
}
@media screen and (min-width: 992px)
{
    .service-page .section1 .item:hover
    {
        -webkit-transform: translateY(-10px);
        -moz-transform: translateY(-10px);
        -ms-transform: translateY(-10px);
        transform: translateY(-10px);
        box-shadow: 0 10px 30px rgba(0,0,0,.05);
    }
}
.service-page .section2
{
    padding: 6vw 0;
    background-color: #004ea2;
}
.service-page .section2 .items
{
    font-size: 0;
    margin-top: 2.5vw;
    display: flex;
}
.service-page .section2 .item
{
    display: inline-block;
    vertical-align: top;
    width: calc(50% - 15px);
    padding: 3.5vw 3vw;
    background-color: #fff;
    -webkit-transition: all .3s ease;
    -moz-transition: all .3s ease;
    -ms-transition: all .3s ease;
    transition: all .3s ease;
}
@media screen and (min-width: 992px)
{
    .service-page .section2 .item:nth-of-type(2)
    {
        margin-left: 30px;
    }
}
.service-page .section2 .item .box
{
    position: relative;
    padding-right: 8vw;
    padding-bottom: 6vw;
    height: 100%;
}
.service-page .section2 .item i
{
    position: absolute;
    right: 0;
    top: 0;
    width: 4.68vw;
    height: 5.2vw;
    background-position: center top;
    background-repeat: no-repeat;
    background-size: contain;
}
.service-page .section2 .item h3
{
    font-size: 24px;
    line-height: 1.2;
    color: #111;
}
.service-page .section2 .item h3.color
{
    color: #004ea2;
}
.service-page .section2 .item p
{
    font-size: 16px;
    line-height: 24px;
    color: #333;
    margin-top: 20px;
}
.service-page .section2 .item .absolute
{
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
}
.service-page .section2 .item .tel
{
    font-size: 48px;
    line-height: 1;
    color: #004ea2;
    font-family: 'DINPro-Medium';
}
@media screen and (min-width: 992px)
{
    .service-page .section2 .item:hover
    {
        -webkit-transform: translateY(-10px);
        -moz-transform: translateY(-10px);
        -ms-transform: translateY(-10px);
        transform: translateY(-10px);
        box-shadow: 0 10px 30px rgba(0,0,0,.3);
    }
}
.service-page .section3
{
    padding: 6vw 0;
}
.service-page .section3 .items
{
    font-size: 0;
    margin: 2.5vw -10px 0;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
}
.service-page .section3 .item
{
    display: inline-block;
    vertical-align: top;
    width: calc(33.33% - 20px);
    margin: 20px 10px 0;
    border: 1px solid #e6e6e6;
    padding: 3vw 2vw;
    -webkit-transition: all .3s ease;
    -moz-transition: all .3s ease;
    -ms-transition: all .3s ease;
    transition: all .3s ease;
}
@media screen and (min-width: 992px)
{
    .service-page .section3 .item:nth-of-type(1), .service-page .section3 .item:nth-of-type(2), .service-page .section3 .item:nth-of-type(3)
    {
        margin-top: 0;
    }
}
.service-page .section3 .item i
{
    display: block;
    height: 4.166vw;
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
    -webkit-transition: all .3s ease;
    -moz-transition: all .3s ease;
    -ms-transition: all .3s ease;
    transition: all .3s ease;
}
.service-page .section3 .item h3
{
    font-size: 24px;
    color: #333;
    line-height: 1.2;
    text-align: center;
    margin: 3vw 0 1.5vw;
    -webkit-transition: color .3s ease;
    -moz-transition: color .3s ease;
    -ms-transition: color .3s ease;
    transition: color .3s ease;
}
.service-page .section3 .item p
{
    font-size: 16px;
    line-height: 24px;
    color: #808080;
    -webkit-transition: color .3s ease;
    -moz-transition: color .3s ease;
    -ms-transition: color .3s ease;
    transition: color .3s ease;
}
.service-page .section3 .item:nth-of-type(1) i
{
    background-image: url("/png/3x4hj7m3.png");
}
@media screen and (min-width: 992px)
{
    .service-page .section3 .item:nth-of-type(1):hover i
    {
        background-image: url("/png/l7tvzx5z.png");
    }
}
.service-page .section3 .item:nth-of-type(2) i
{
    background-image: url("/png/7p8pgc5i.png");
}
@media screen and (min-width: 992px)
{
    .service-page .section3 .item:nth-of-type(2):hover i
    {
        background-image: url("/png/wxz6n6jz.png");
    }
}
.service-page .section3 .item:nth-of-type(3) i
{
    background-image: url("/png/f8oziyla.png");
}
@media screen and (min-width: 992px)
{
    .service-page .section3 .item:nth-of-type(3):hover i
    {
        background-image: url("/png/a3fsz0oa.png");
    }
}
.service-page .section3 .item:nth-of-type(4) i
{
    background-image: url("/png/0p7ft5fi.png");
}
@media screen and (min-width: 992px)
{
    .service-page .section3 .item:nth-of-type(4):hover i
    {
        background-image: url("/png/kehs0he9.png");
    }
}
.service-page .section3 .item:nth-of-type(5) i
{
    background-image: url("/png/ji9i2xj3.png");
}
@media screen and (min-width: 992px)
{
    .service-page .section3 .item:nth-of-type(5):hover i
    {
        background-image: url("/png/ywsq3t25.png");
    }
}
.service-page .section3 .item:nth-of-type(6) i
{
    background-image: url("/png/qy9ec0qz.png");
}
@media screen and (min-width: 992px)
{
    .service-page .section3 .item:nth-of-type(6):hover i
    {
        background-image: url("/png/nv8reony.png");
    }
}
@media screen and (min-width: 992px)
{
    .service-page .section3 .item:hover
    {
        background-color: #004ea2;
        -webkit-transform: translateY(-10px);
        -moz-transform: translateY(-10px);
        -ms-transform: translateY(-10px);
        transform: translateY(-10px);
        box-shadow: 0 10px 30px rgba(0,90,170,.3);
    }
    .service-page .section3 .item:hover h3, .service-page .section3 .item:hover p
    {
        color: #fff;
    }
}
.service-page .section4
{
    background-color: #f7f7f7;
    padding: 6vw 0;
}
.service-page .section4 .map-box .child
{
    display: none;
}
.service-page .section4 .china
{
    position: relative;
}
.service-page .section4 .china img
{
    display: block;
    width: 100%;
}
.service-page .section4 .china .dot
{
    width: 13px;
    height: 15px;
    margin: -7px 0 0 -6px;
    position: absolute;
}
.service-page .section4 .china .dot i
{
    display: block;
    width: 100%;
    height: 100%;
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
    background-image: url("/png/uihyohhe.png");
    position: relative;
    z-index: 2;
}
.service-page .section4 .china .dot:after
{
    content: '';
    width: 9px;
    height: 4px;
    background-color: #c6c6c6;
    border-radius: 50%;
    position: absolute;
    left: 2px;
    top: 13px;
    z-index: 1;
}
.service-page .section4 .china .dot .txt
{
    position: absolute;
    font-size: 14px;
    color: #333;
    position: absolute;
    top: 100%;
    left: 50%;
    -webkit-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
    white-space: nowrap;
    padding-top: 5px;
    z-index: 2;
}
.service-page .section4 .china .dot .circle span
{
    position: absolute;
    border-radius: 50%;
    background-color: #005aaa;
    -webkit-transform: scale(0);
    -moz-transform: scale(0);
    -ms-transform: scale(0);
    transform: scale(0);
    -webkit-transition: transform .3s ease;
    -moz-transition: transform .3s ease;
    -ms-transition: transform .3s ease;
    transition: transform .3s ease;
}
.service-page .section4 .china .dot .circle span:nth-of-type(1)
{
    width: 7.5vw;
    height: 7.5vw;
    margin: -3.75vw 0 0 -3.75vw;
    top: 3vw;
    left: -2vw;
    opacity: .03;
}
.service-page .section4 .china .dot .circle span:nth-of-type(2)
{
    width: 4vw;
    height: 4vw;
    margin: -2vw 0 0 -2vw;
    top: -1vw;
    left: 0;
    opacity: .1;
}
.service-page .section4 .china .dot .circle span:nth-of-type(3)
{
    width: 5vw;
    height: 5vw;
    margin: -2.5vw 0 0 -2.5vw;
    top: 1vw;
    left: 2.5vw;
    opacity: .06;
}
.service-page .section4 .china .dot.heilongjiang
{
    top: 18.4%;
    left: 71.52%;
}
.service-page .section4 .china .dot.heilongjiang i
{
    opacity: .8;
}
.service-page .section4 .china .dot.jilin
{
    top: 26%;
    left: 70%;
}
.service-page .section4 .china .dot.jilin i
{
    opacity: .4;
}
.service-page .section4 .china .dot.beijing
{
    top: 35.2%;
    left: 61.11%;
}
.service-page .section4 .china .dot.beijing i
{
    opacity: .2;
}
.service-page .section4 .china .dot.beijing .txt
{
    top: auto;
    bottom: 100%;
    padding-bottom: 5px;
}
.service-page .section4 .china .dot.baoding
{
    top: 37.73%;
    left: 60.27%;
}
.service-page .section4 .china .dot.baoding i
{
    opacity: .8;
}
.service-page .section4 .china .dot.shandong
{
    top: 43.33%;
    left: 61.666%;
}
.service-page .section4 .china .dot.shandong i
{
    opacity: .4;
}
.service-page .section4 .china .dot.nanjing
{
    top: 54.13%;
    left: 63.61%;
}
.service-page .section4 .china .dot.nanjing i
{
    opacity: .6;
}
.service-page .section4 .china .dot.shanghai
{
    top: 56%;
    left: 66.25%;
}
.service-page .section4 .china .dot.shanghai i
{
    opacity: .8;
}
.service-page .section4 .china .dot.shanghai .txt
{
    top: auto;
    bottom: 100%;
    padding-bottom: 5px;
}
.service-page .section4 .china .dot.zhejiang
{
    top: 60%;
    left: 65%;
}
.service-page .section4 .china .dot.zhejiang i
{
    opacity: .2;
}
.service-page .section4 .china .dot.fujian
{
    top: 67.73%;
    left: 63.9%;
}
.service-page .section4 .china .dot.fujian i
{
    opacity: .8;
}
.service-page .section4 .china .dot.neimenggu
{
    top: 32.8%;
    left: 56.38%;
}
.service-page .section4 .china .dot.neimenggu i
{
    opacity: .4;
}
.service-page .section4 .china .dot.shanxi
{
    top: 40.4%;
    left: 56.94%;
}
.service-page .section4 .china .dot.shanxi i
{
    opacity: .6;
}
.service-page .section4 .china .dot.henan
{
    top: 48%;
    left: 58.2%;
}
.service-page .section4 .china .dot.henan i
{
    opacity: .6;
}
.service-page .section4 .china .dot.wuhan
{
    top: 57.86%;
    left: 58.81%;
}
.service-page .section4 .china .dot.wuhan i
{
    opacity: .4;
}
.service-page .section4 .china .dot.guangdong
{
    top: 73.86%;
    left: 57.9%;
}
.service-page .section4 .china .dot.guangdong i
{
    opacity: .6;
}
.service-page .section4 .china .dot.ningxia
{
    top: 38.8%;
    left: 50.55%;
}
.service-page .section4 .china .dot.ningxia i
{
    opacity: .8;
}
.service-page .section4 .china .dot.shanxi1
{
    top: 48.66%;
    left: 53.33%;
}
.service-page .section4 .china .dot.shanxi1 i
{
    opacity: .2;
}
.service-page .section4 .china .dot.guizhou
{
    top: 66.13%;
    left: 50.97%;
}
.service-page .section4 .china .dot.guizhou i
{
    opacity: .8;
}
.service-page .section4 .china .dot.guangxi
{
    top: 74.66%;
    left: 52.63%;
}
.service-page .section4 .china .dot.guangxi i
{
    opacity: .2;
}
.service-page .section4 .china .dot.gansu
{
    top: 44.8%;
    left: 48.2%;
}
.service-page .section4 .china .dot.gansu i
{
    opacity: .4;
}
.service-page .section4 .china .dot.qinghai
{
    top: 43.6%;
    left: 43.75%;
}
.service-page .section4 .china .dot.qinghai i
{
    opacity: .2;
}
.service-page .section4 .china .dot.yunnan
{
    top: 70.13%;
    left: 47.08%;
}
.service-page .section4 .china .dot.yunnan i
{
    opacity: .4;
}
.service-page .section4 .china .dot.xinjiang
{
    top: 25%;
    left: 31.38%;
}
.service-page .section4 .china .dot.xinjiang i
{
    opacity: .6;
}
.service-page .section4 .china .dot.xizang
{
    top: 58.93%;
    left: 34.93%;
}
.service-page .section4 .china .dot.xizang i
{
    opacity: .6;
}
.service-page .section4 .china .dot:hover .circle span
{
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
}
.service-page .section4 .oversea
{
    position: relative;
}
.service-page .section4 .oversea img
{
    display: block;
    width: 100%;
}
.service-page .section4 .oversea .dot
{
    width: 22px;
    height: 25px;
    margin: -12px 0 0 -11px;
    position: absolute;
}
.service-page .section4 .oversea .dot i
{
    display: block;
    width: 100%;
    height: 100%;
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
    position: relative;
    z-index: 2;
}
.service-page .section4 .oversea .dot .txt
{
    position: absolute;
    top: 100%;
    left: 50%;
    font-size: 16px;
    line-height: 28px;
    -webkit-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
    white-space: nowrap;
    z-index: 2;
}
.service-page .section4 .oversea .dot .circle span
{
    border-radius: 50%;
    position: absolute;
    -webkit-transition: transform .3s ease-in-out;
    -moz-transition: transform .3s ease-in-out;
    -ms-transition: transform .3s ease-in-out;
    transition: transform .3s ease-in-out;
}
.service-page .section4 .oversea .dot:nth-of-type(1)
{
    top: 47.55%;
    left: 76.9%;
}
.service-page .section4 .oversea .dot:nth-of-type(1) i
{
    background-image: url("/png/l3r3agkc.png");
}
.service-page .section4 .oversea .dot:nth-of-type(1) .txt
{
    color: #64b400;
}
.service-page .section4 .oversea .dot:nth-of-type(1) .circle span
{
    background-color: #64b400;
}
.service-page .section4 .oversea .dot:nth-of-type(1) .circle span:nth-of-type(1)
{
    width: 7.5vw;
    height: 7.5vw;
    opacity: .1;
    top: 50%;
    left: 50%;
    margin: -3.75vw 0 0 -3.75vw;
}
.service-page .section4 .oversea .dot:nth-of-type(1) .circle span:nth-of-type(2)
{
    width: 5vw;
    height: 5vw;
    opacity: .3;
    top: -3.5vw;
    left: 100%;
    margin: -2.5vw 0 0 -2.5vw;
}
.service-page .section4 .oversea .dot:nth-of-type(1) .circle span:nth-of-type(3)
{
    width: 4vw;
    height: 4vw;
    opacity: .2;
    top: 3vw;
    left: -3vw;
    margin: -2vw 0 0 -2vw;
}
.service-page .section4 .oversea .dot:nth-of-type(2)
{
    top: 36.08%;
    left: 53.87%;
}
.service-page .section4 .oversea .dot:nth-of-type(2) i
{
    background-image: url("/png/jzf8dxps.png");
}
.service-page .section4 .oversea .dot:nth-of-type(2) .txt
{
    color: #c42a28;
}
.service-page .section4 .oversea .dot:nth-of-type(2) .circle span
{
    background-color: #c42a28;
}
.service-page .section4 .oversea .dot:nth-of-type(2) .circle span:nth-of-type(1)
{
    width: 6vw;
    height: 6vw;
    opacity: .1;
    top: 50%;
    left: -2vw;
    margin: -3vw 0 0 -3vw;
}
.service-page .section4 .oversea .dot:nth-of-type(2) .circle span:nth-of-type(2)
{
    width: 3.5vw;
    height: 3.5vw;
    opacity: .3;
    top: 1.3vw;
    left: 1.3vw;
    margin: -1.75vw 0 0 -1.75vw;
}
.service-page .section4 .oversea .dot:nth-of-type(3)
{
    top: 61.538%;
    left: 53.87%;
}
.service-page .section4 .oversea .dot:nth-of-type(3) i
{
    background-image: url("/png/zvjtyg89.png");
}
.service-page .section4 .oversea .dot:nth-of-type(3) .txt
{
    color: #d37600;
}
.service-page .section4 .oversea .dot:nth-of-type(3) .circle span
{
    background-color: #d37600;
}
.service-page .section4 .oversea .dot:nth-of-type(3) .circle span:nth-of-type(1)
{
    width: 6vw;
    height: 6vw;
    opacity: .3;
    top: 20px;
    left: -8px;
    margin: -3vw 0 0 -3vw;
}
.service-page .section4 .oversea .dot:nth-of-type(3) .circle span:nth-of-type(2)
{
    width: 4vw;
    height: 4vw;
    opacity: .15;
    top: 3.5vw;
    left: 10px;
    margin: -2vw 0 0 -2vw;
}
.service-page .section4 .oversea .dot:nth-of-type(4)
{
    top: 71%;
    left: 31.12%;
}
.service-page .section4 .oversea .dot:nth-of-type(4) i
{
    background-image: url("/png/9iukyq4b.png");
}
.service-page .section4 .oversea .dot:nth-of-type(4) .txt
{
    color: #edae00;
}
.service-page .section4 .oversea .dot:nth-of-type(4) .circle span
{
    background-color: #edae00;
}
.service-page .section4 .oversea .dot:nth-of-type(4) .circle span:nth-of-type(1)
{
    width: 6vw;
    height: 6vw;
    opacity: .3;
    top: 2vw;
    left: 1.5vw;
    margin: -3vw 0 0 -3vw;
}
.service-page .section4 .oversea .dot:nth-of-type(4) .circle span:nth-of-type(2)
{
    width: 5vw;
    height: 5vw;
    opacity: .2;
    top: 4.5vw;
    left: -1.5vw;
    margin: -2.5vw 0 0 -2.5vw;
}
.service-page .section4 .oversea .dot:nth-of-type(5)
{
    top: 23.5%;
    left: 15.56%;
}
.service-page .section4 .oversea .dot:nth-of-type(5) i
{
    background-image: url("/png/b469fp3j.png");
}
.service-page .section4 .oversea .dot:nth-of-type(5) .txt
{
    color: #43a9eb;
}
.service-page .section4 .oversea .dot:nth-of-type(5) .circle span
{
    background-color: #43a9eb;
}
.service-page .section4 .oversea .dot:nth-of-type(5) .circle span:nth-of-type(1)
{
    width: 9vw;
    height: 9vw;
    opacity: .3;
    top: 3vw;
    left: -10px;
    margin: -4.5vw 0 0 -4.5vw;
}
.service-page .section4 .oversea .dot:nth-of-type(5) .circle span:nth-of-type(2)
{
    width: 5vw;
    height: 5vw;
    opacity: .2;
    top: 5vw;
    left: 2vw;
    margin: -2.5vw 0 0 -2.5vw;
}
.service-page .section4 .oversea .dot:nth-of-type(5) .circle span:nth-of-type(3)
{
    width: 4vw;
    height: 4vw;
    opacity: .2;
    top: 3.5vw;
    left: 4.5vw;
    margin: -2vw 0 0 -2vw;
}
.service-page .section4 .oversea .dot:nth-of-type(5) .circle span:nth-of-type(4)
{
    width: 5vw;
    height: 5vw;
    opacity: .1;
    top: -2vw;
    left: -3.5vw;
    margin: -2.5vw 0 0 -2.5vw;
}
.service-page .section4 .oversea .dot:hover .circle span
{
    -webkit-transform: scale(.7);
    -moz-transform: scale(.7);
    -ms-transform: scale(.7);
    transform: scale(.7);
}
.service-page .section4 .cont
{
    background-color: #fff;
    padding: 4vw 6vw;
    box-shadow: 0 15px 30px rgba(0,0,0,.05);
}
.service-page .section4 .cont .child
{
    display: none;
}
.service-page .section4 .cont .para
{
    font-size: 16px;
    line-height: 24px;
    color: #666;
}
.service-page .section4 .tab-tit
{
    text-align: center;
    font-size: 0;
}
.service-page .section4 .tab-tit span
{
    display: inline-block;
    vertical-align: top;
    font-size: 24px;
    line-height: 1.2;
    padding-bottom: 10px;
    border-bottom: 2px solid transparent;
    color: #333;
    margin: 0 10px;
    cursor: pointer;
    -webkit-transition: all .3s ease;
    -moz-transition: all .3s ease;
    -ms-transition: all .3s ease;
    transition: all .3s ease;
}
.service-page .section4 .tab-tit span:hover, .service-page .section4 .tab-tit span.active
{
    color: #004ea2;
    border-color: #004ea2;
}
.service-page .section4 .tab-cont
{
    margin-top: 20px;
}/* sitemap */
.sitemap-page .section1
{
    padding: 4vw 0;
}
.sitemap-page .section1 .item
{
    padding: 2vw 0;
    border-bottom: 1px solid #e6e6e6;
}
.sitemap-page .section1 a.btn
{
    display: inline-block;
    vertical-align: middle;
    width: calc((100% - 120px) / 6);
    max-width: 220px;
    line-height: 60px;
    font-size: 18px;
    text-align: center;
    -webkit-transition: color .3s ease,background .3s ease;
    -moz-transition: color .3s ease,background .3s ease;
    -ms-transition: color .3s ease,background .3s ease;
    transition: color .3s ease,background .3s ease;
}
.sitemap-page .section1 h3 a.btn
{
    display: block;
    background-color: #004ea2;
    color: #fff;
}
.sitemap-page .section1 .link
{
    margin-top: 24px;
    font-size: 0;
}
.sitemap-page .section1 .link a.btn
{
    background-color: #e6e6e6;
    margin-right: 24px;
    margin-top: 24px;
    color: #666;
    padding: 0 10px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
@media screen and (min-width: 992px)
{
    .sitemap-page .section1 .link a.btn:nth-of-type(1), .sitemap-page .section1 .link a.btn:nth-of-type(2), .sitemap-page .section1 .link a.btn:nth-of-type(3), .sitemap-page .section1 .link a.btn:nth-of-type(4), .sitemap-page .section1 .link a.btn:nth-of-type(5), .sitemap-page .section1 .link a.btn:nth-of-type(6)
    {
        margin-top: 0;
    }
    .sitemap-page .section1 .link a.btn:nth-of-type(6n)
    {
        margin-right: 0;
    }
    .sitemap-page .section1 .link a.btn:hover
    {
        background-color: #004ea2;
        color: #fff;
    }
}
@media screen and (max-width: 1600px)
{
    .index-main .section1 .item h3, .inner-banner h3, .about-index .section1 .data .item .num span, .search-page .section1 h3
    {
        font-size: 50px;
    }
    .index-main .section1 .item p
    {
        font-size: 24px;
    }
    .inner-tit
    {
        font-size: 30px;
    }
    .inner-btn, .about-index .section5 a
    {
        width: 150px;
        line-height: 44px;
    }
    .index-main .section2 .en
    {
        font-size: 18px;
    }
    .index-main .section2 .data .item .num span
    {
        font-size: 40px;
    }
    .index-tit h3
    {
        font-size: 24px;
    }
    .index-main .section3 .item h3
    {
        font-size: 18px;
    }
    .index-main .section4 .right-block .txt-block .item h3, .index-main .section4 .right-block .img-block h3
    {
        font-size: 16px;
    }
    .index-main .section4 .left-block h3
    {
        font-size: 18px;
    }
    .comm-subnav .nav a
    {
        line-height: 66px;
    }
    .comm-subnav .crumbs a, .comm-subnav .crumbs span
    {
        line-height: 70px;
    }
    .comm-subnav .crumbs span
    {
        font-size: 20px;
    }
    .about-contact .section1 .item .img-box h3
    {
        font-size: 18px;
    }
    .about-contact .section1 .item .txt-box h3
    {
        font-size: 15px;
    }
    .about-contact .section1 .item .txt-box .addr, .about-contact .section1 .item .txt-box .tel
    {
        font-size: 13px;
        background-size: auto 20px;
        padding-left: 30px;
    }
    .about-contact .section2 .item h3
    {
        font-size: 18px;
    }
    .about-contact .section2 .item p
    {
        font-size: 14px;
    }
    .about-culture .section1 .item h3
    {
        font-size: 24px;
    }
    .about-culture .section2 .tab-tit span
    {
        font-size: 16px;
        line-height: 40px;
        width: 140px;
    }
    .about-culture .section2 .tab-cont h3
    {
        font-size: 24px;
    }
    .about-culture .section2 .tab-cont .para
    {
        line-height: 2;
    }
    .about-honor .section1 .link-box a
    {
        font-size: 18px;
    }
    .comm-section1 .item h3
    {
        font-size: 16px;
    }
    .inner-banner p
    {
        font-size: 24px;
    }
    .about-index .section2 .item h3
    {
        font-size: 20px;
    }
    .about-index .section2 .item p
    {
        margin-top: 10px;
    }
    .about-index .section4 .item h3
    {
        font-size: 18px;
    }
    .about-index .section5 .item h3
    {
        font-size: 24px;
    }
    .about-index .section5 .item p
    {
        font-size: 14px;
    }
    .about-index .section5 a
    {
        margin-top: -22px;
    }
    .about-index .section5 .item h4
    {
        font-size: 18px;
    }
    .about-legal .section1 .para h3
    {
        font-size: 18px;
    }
    .investor-interactive .section1 .item h3
    {
        font-size: 16px;
        line-height: 24px;
        height: 48px;
    }
    .investor-interactive .section2 form .box i
    {
        width: 28px;
        height: 28px;
        background-size: contain;
    }
    .investor-interactive .section2 form .box input, .investor-interactive .section2 form .box span, .investor-interactive .section2 form textarea
    {
        font-size: 16px;
    }
    .investor-stock .section1 .right-box h3
    {
        font-size: 18px;
        line-height: 70px;
    }
    .investor-stock .section1 .right-box .para
    {
        padding: 3vw;
        font-size: 14px;
        line-height: 2;
    }
    .investor-stock .section1 .data-item .item .data
    {
        font-size: 28px;
    }
    .investor-stock .section1 .data-item .item span.num
    {
        font-size: 46px;
    }
    .investor-stock .section1 .data-item .item span.unit
    {
        font-size: 20px;
        margin-bottom: 7px;
    }
    .investor-stock .section1 .data-item .item .data
    {
        margin-top: 20px;
    }
    .news-company .section1 .item h3, .solution-detail3 .section7 .news-box .item h3
    {
        font-size: 18px;
        line-height: 26px;
        height: 54px;
    }
    .news-company .section1 .item .date
    {
        font-size: 14px;
        margin-top: 20px;
    }
    .news-party .section1 .item h3
    {
        font-size: 18px;
    }
    .news-party .section1 .item .date span
    {
        font-size: 40px;
    }
    .news-detail .section2 .tit-box h3
    {
        font-size: 24px;
    }
    .comm-right-box h3
    {
        font-size: 18px;
        line-height: 50px;
    }
    .product-detail .section1 h4
    {
        font-size: 20px;
    }
    .product-detail .section2 p
    {
        font-size: 16px;
    }
    .product-detail .section4 .item h3
    {
        font-size: 20px;
    }
    .product-detail .section5 .item h3
    {
        font-size: 16px;
    }
    .product-detail .section5 .item p
    {
        font-size: 14px;
    }
    .product-detail .section5 .item a:after
    {
        width: 12px;
        height: 24px;
        background-size: contain;
    }
    .product-list .section2 .item h3
    {
        font-size: 18px;
    }
    .product-list .section2 .item span
    {
        width: 140px;
        line-height: 40px;
    }
    .product-list .section1 .item .label
    {
        font-size: 18px;
    }
    .recruit-campus .section1 .item h3
    {
        font-size: 18px;
        line-height: 26px;
    }
    .recruit-campus .section1 .item .label, .recruit-campus .section1 .item span.recruit-popups-btn
    {
        font-size: 14px;
        line-height: 24px;
    }
    .recruit-detail .section1 .top-box h3
    {
        font-size: 24px;
    }
    .recruit-detail .section1 .box .tit
    {
        font-size: 18px;
    }
    .recruit-detail .section1 .box .para
    {
        line-height: 2;
    }
    .recruit-idea .section1 .item h3, .recruit-idea .section2 .item h3
    {
        font-size: 24px;
    }
    .recruit-social .section1 .item h3
    {
        font-size: 18px;
    }
    .recruit-social .section1 .item span
    {
        font-size: 16px;
    }
    .search-page .section1 form
    {
        height: 50px;
    }
    .search-page .section1 form button
    {
        height: 50px;
    }
    .solution-list .section .item h3
    {
        font-size: 18px;
    }
    .solution-list .section .item p
    {
        margin: 10px 0;
    }
    .solution-list .section .item span
    {
        width: 140px;
    }
    .solution-case-list .section1 .item h3
    {
        font-size: 18px;
    }
    .solution-case-detail .section1 .left-box .tit
    {
        font-size: 20px;
    }
    .comm-section4 .txt-box p
    {
        font-size: 16px;
        margin-top: 15px;
        padding-left: 50px;
    }
    .comm-section4 .txt-box span
    {
        font-size: 26px;
    }
    .comm-section5 .item h3
    {
        font-size: 16px;
    }
    .comm-section3 .item h3
    {
        font-size: 16px;
    }
    .comm-section7 .item h3
    {
        font-size: 18px;
    }
    .comm-section6 .item h3
    {
        font-size: 20px;
    }
    .comm-section6 .item .para
    {
        font-size: 16px;
    }
    .comm-section8 .item h3
    {
        font-size: 18px;
    }
    .product-detail .inner-banner p
    {
        font-size: 18px;
    }
    .solution-detail3 .section5 .tab-tit span, .solution-detail3 .section7 .tab-tit span
    {
        font-size: 16px;
        line-height: 40px;
    }
    .service-page .section1 .item h3
    {
        font-size: 20px;
    }
    .service-page .section2 .item h3
    {
        font-size: 20px;
    }
    .service-page .section2 .item .tel
    {
        font-size: 40px;
    }
    .service-page .section3 .item h3
    {
        font-size: 20px;
    }
    .service-page .section4 .tab-tit span
    {
        font-size: 20px;
    }
    .sitemap-page .section1 a.btn
    {
        font-size: 16px;
        line-height: 50px;
    }
}
@media screen and (max-width: 1366px)
{
    .inner-banner p
    {
        font-size: 20px;
    }
    .inner-tit
    {
        font-size: 26px;
    }
    .index-main .section1 .item h3, .inner-banner h3, .about-index .section1 .data .item .num span, .search-page .section1 h3
    {
        font-size: 42px;
    }
    .index-main .section1 .item p
    {
        font-size: 20px;
    }
    .index-main .section2 .para
    {
        font-size: 14px;
        line-height: 24px;
    }
    .index-main .section2 .en
    {
        font-size: 16px;
    }
    .index-main .section2 .data .item .num span
    {
        font-size: 32px;
    }
    .index-main .section2 .data .item .num, .index-main .section2 .data .item p
    {
        font-size: 14px;
    }
    .index-tit p
    {
        font-size: 14px;
    }
    .index-main .section3 .index-tit a, .index-main .section4 .index-tit a
    {
        font-size: 14px;
    }
    .index-main .section3 .item h4
    {
        font-size: 12px;
    }
    .index-main .section3 .item p
    {
        line-height: 20px;
        height: 80px;
    }
    .index-main .section4 .left-block h3
    {
        font-size: 16px;
    }
    .index-main .section4 .left-block p
    {
        font-size: 14px;
    }
    .comm-subnav .crumbs a, .comm-subnav .crumbs span
    {
        line-height: 60px;
    }
    .comm-subnav .crumbs a
    {
        font-size: 20px;
    }
    .comm-subnav .crumbs span
    {
        font-size: 18px;
    }
    .comm-subnav .nav a
    {
        line-height: 56px;
        margin-left: 3vw;
    }
    .about-contact .section1 .item .txt-box .addr, .about-contact .section1 .item .txt-box .tel
    {
        font-size: 12px;
        margin-top: 5px;
    }
    .about-culture .section1 .item h3
    {
        font-size: 20px;
    }
    .about-culture .section1 .item p
    {
        font-size: 14px;
    }
    .about-culture .section2 .tab-cont h3
    {
        font-size: 20px;
    }
    .about-culture .section2 .tab-cont .para
    {
        font-size: 14px;
    }
    .about-honor .section1 .link-box a
    {
        font-size: 16px;
        line-height: 40px;
        width: 140px;
    }
    .about-index .section1 .left-box .para
    {
        font-size: 14px;
        line-height: 24px;
    }
    .about-index .section2 .item h3
    {
        font-size: 18px;
    }
    .about-index .section2 .item p
    {
        font-size: 14px;
    }
    .about-index .section3 .item p
    {
        font-size: 14px;
        margin-top: 15px;
    }
    .about-index .section4 .item h3
    {
        font-size: 16px;
    }
    .about-index .section4 .item p
    {
        font-size: 14px;
        background-size: auto 20px;
    }
    .about-index .section4 .slick-arrow, .comm-section1-slick .slick-arrow
    {
        width: 46px;
        height: 46px;
        margin-top: -23px;
    }
    .about-index .section5 .item i
    {
        width: 50px;
        height: 50px;
        background-size: contain;
    }
    .about-index .section5 .item .txt
    {
        width: calc(100% - 50px);
    }
    .about-index .section5 .item h3
    {
        font-size: 20px;
    }
    .about-index .section5 .item h4
    {
        font-size: 16px;
    }
    .about-index .section5 .item p
    {
        font-size: 12px;
    }
    .about-intro .section1 .para
    {
        font-size: 14px;
        line-height: 24px;
    }
    .about-legal .section1 .para h3
    {
        font-size: 16px;
    }
    .about-legal .section1 .para
    {
        font-size: 14px;
        line-height: 24px;
    }
    .about-manage .section4 .para, .about-manage .section2 .para
    {
        font-size: 14px;
    }
    .investor-govern .section1 .para
    {
        font-size: 14px;
        line-height: 28px;
    }
    .investor-interactive .section2 .tip
    {
        font-size: 14px;
    }
    .investor-stock .section1 .data-item .item .label
    {
        font-size: 14px;
    }
    .news-company .section1 .item h3, .solution-detail3 .section7 .news-box .item h3
    {
        font-size: 16px;
        line-height: 24px;
        height: 48px;
    }
    .solution-detail3 .section7 .news-box .item h3
    {
        margin-top: 15px;
    }
    .news-company .section1 .item .date
    {
        margin-top: 15px;
    }
    .news-party .section1 .item p
    {
        font-size: 14px;
        line-height: 24px;
        height: 48px;
    }
    .news-party .section1 .item .date span
    {
        font-size: 36px;
    }
    .news-party .section1 .item h3
    {
        font-size: 16px;
    }
    .news-detail .section2 .tit-box h3
    {
        font-size: 20px;
    }
    .comm-right-box h3
    {
        font-size: 16px;
        line-height: 46px;
    }
    .comm-right-box .list a
    {
        font-size: 14px;
        margin-top: 10px;
    }
    .comm-right-box a.more
    {
        line-height: 46px;
    }
    .product-detail .section1 .para
    {
        font-size: 14px;
    }
    .product-detail .section1 h4, .product-detail .section4 .item h3
    {
        font-size: 18px;
    }
    .product-detail .section4 .item p
    {
        font-size: 14px;
    }
    .product-list .section2 .item p
    {
        font-size: 14px;
    }
    .recruit-detail .section1 .top-box h3
    {
        font-size: 20px;
    }
    .recruit-detail .section1 .top-box .item
    {
        font-size: 14px;
    }
    .recruit-detail .section1 .box .tit
    {
        font-size: 16px;
    }
    .recruit-detail .section1 .box .para
    {
        font-size: 14px;
    }
    .recruit-idea .section1 .item h3, .recruit-idea .section2 .item h3
    {
        font-size: 20px;
    }
    .recruit-idea .section1 .item p, .recruit-idea .section2 .item p
    {
        font-size: 14px;
    }
    .search-page .section1 .cate a
    {
        font-size: 16px;
    }
    .search-page .section2 .tip
    {
        font-size: 16px;
    }
    .search-page .section2 .item .date
    {
        font-size: 14px;
    }
    .search-page .section2 .item h3
    {
        font-size: 18px;
    }
    .search-page .section2 .item p
    {
        font-size: 14px;
    }
    .solution-list .section .para
    {
        font-size: 14px;
    }
    .solution-case-list .section1 .item h3
    {
        font-size: 16px;
    }
    .solution-case-detail .section1 .left-box .tit
    {
        font-size: 18px;
    }
    .solution-case-detail .section1 .left-box .para
    {
        font-size: 14px;
        line-height: 28px;
    }
    .comm-section2 .para
    {
        font-size: 14px;
    }
    .comm-section7 .item h3
    {
        font-size: 16px;
    }
    .comm-section8 .item h3
    {
        font-size: 16px;
    }
    .comm-section6 .item h3
    {
        font-size: 18px;
    }
    .comm-section6 .item .para
    {
        font-size: 14px;
    }
    .solution-detail2 .section3 .item .para
    {
        font-size: 14px;
    }
    .service-page .section1 .item p
    {
        font-size: 14px;
    }
    .service-page .section2 .item p
    {
        font-size: 14px;
    }
    .service-page .section3 .item p
    {
        font-size: 14px;
    }
    .service-page .section4 .cont .para
    {
        font-size: 14px;
    }
    .service-page .section3 .item h3, .service-page .section2 .item h3, .service-page .section1 .item h3, .service-page .section4 .tab-tit span
    {
        font-size: 18px;
    }
    .service-page .section4 .china .dot .txt
    {
        font-size: 12px;
        padding-top: 0;
    }
    .service-page .section4 .oversea .dot .txt
    {
        font-size: 14px;
    }
}
@media screen and (max-width: 1300px)
{
    .investor-stock .section1 .right-box .para
    {
        padding: 2vw 3vw;
    }
    .investor-stock .section1 .right-box h3
    {
        font-size: 16px;
        line-height: 60px;
    }
    .service-page .section2 .item .box
    {
        padding-bottom: 7vw;
    }
}
@media screen and (max-width: 992px)
{
    .wrapper
    {
        width: 100%;
    }
    .inner-page, .inner-page.message, .inner-page.news-detail
    {
        padding-top: 60px;
    }
    .inner-tit
    {
        font-size: 20px;
        text-align: center;
    }
    .inner-btn, .about-index .section5 a
    {
        width: 120px;
        line-height: 40px;
        font-size: 14px;
    }
    .comm-subnav
    {
        display: block;
        padding: 10px 0;
        background-color: #f8f8f8;
    }
    .comm-subnav .crumbs
    {
        display: none;
    }
    .comm-subnav .nav
    {
        width: 100%;
    }
    .comm-subnav .nav a
    {
        font-size: 14px;
        width: 25%;
        margin: 0;
        text-align: center;
        line-height: 30px;
        border-bottom-width: 2px;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
    }
    .comm-subnav .nav a:nth-of-type(1)
    {
        margin-left: 0;
    }
    .index-main .section1 .item
    {
        height: 48vh;
    }
    .index-main .section1 .item h3, .inner-banner h3, .search-page .section1 h3
    {
        font-size: 24px;
    }
    .index-main .section1 .item p
    {
        font-size: 16px;
    }
    .index-main .section1 .slick-dots li
    {
        width: 8px;
        height: 8px;
        margin: 0 2px;
    }
    .index-main .section1 .slick-dots li.slick-active
    {
        width: 16px;
    }
    .index-main .section2
    {
        padding: 30px 20px;
    }
    .index-main .section2 .txt-block
    {
        width: 100%;
    }
    .index-main .section2 .txt-block:before
    {
        margin: 0 auto;
    }
    .index-main .section2 .en
    {
        font-size: 12px;
        margin: 10px 0;
        text-align: center;
    }
    .index-main .section2 .para
    {
        margin-top: 10px;
    }
    .index-main .section2 .inner-btn
    {
        margin: 15px auto 0;
    }
    .index-main .section2 .data
    {
        margin-top: 0;
    }
    .index-main .section2 .data .item
    {
        width: 50%;
        text-align: center;
        margin-top: 15px;
    }
    .index-main .section2 .data .item p
    {
        margin-top: 5px;
    }
    .index-main .section2 .img-block
    {
        position: static;
        height: 30vh;
        margin-top: 20px;
    }
    .index-main .section2 .img-block:before, .index-main .section2 .img-block:after
    {
        display: none;
    }
    .index-main .section2 .m-show
    {
        display: block;
    }
    .index-main .section2 .m-show img
    {
        display: block;
        width: 100%;
        margin-top: 20px;
    }
    .index-main .section2 .m-hide
    {
        display: none;
    }
    .index-main .section3
    {
        padding: 30px 20px;
    }
    .index-tit h3
    {
        font-size: 20px;
        text-align: center;
    }
    .index-main .section3 .index-tit, .index-main .section4 .index-tit
    {
        padding-right: 0;
    }
    .index-tit p
    {
        text-align: center;
    }
    .index-main .section3 .index-tit a, .index-main .section4 .index-tit a
    {
        top: 0;
        bottom: auto;
        display: none;
    }
    .index-main .section3 .slick
    {
        margin: 15px 0 0;
        padding: 0 15px;
    }
    .index-main .section3 .slick-list
    {
        padding-right: 0;
    }
    .index-main .section3 .item
    {
        margin: 0 2px;
    }
    .index-main .section3 .item a:before
    {
        opacity: 1;
    }
    .index-main .section3 .item a:after
    {
        opacity: 0;
    }
    .index-main .section3 .item .txt-block
    {
        left: 20px;
        right: 20px;
        bottom: 20px;
    }
    .index-main .section3 .item .inner-btn
    {
        position: static;
        margin-top: 10px;
        opacity: 1;
    }
    .index-main .section3 .slick-dots, .comm-section1-slick .slick-dots, .product-detail .section4 .slick-dots, .comm-section3 .slick-dots, .comm-section6 .slick-dots
    {
        margin-top: 15px;
    }
    .index-main .section3 .slick-dots li, .comm-section1-slick .slick-dots li, .product-detail .section4 .slick-dots li, .comm-section3 .slick-dots li, .comm-section6 .slick-dots li
    {
        width: 8px;
        height: 8px;
        margin: 0 2px;
    }
    .index-main .section4
    {
        padding: 30px 20px;
    }
    .index-main .section4 .main
    {
        margin-top: 15px;
        display: none;
    }
    .index-main .section4 .left-block
    {
        width: 100%;
        padding-right: 0;
    }
    .index-main .section4 .left-block .txt-block
    {
        padding: 20px;
    }
    .index-main .section4 .left-block h3
    {
        height: auto;
    }
    .index-main .section4 .right-block
    {
        width: 100%;
    }
    .index-main .section4 .m-slick
    {
        display: block;
        margin-top: 15px;
    }
    .index-main .section4 .m-slick .item
    {
        margin: 0 2px;
    }
    .index-main .section4 .m-slick .item .img-box img
    {
        display: block;
        width: 100%;
    }
    .index-main .section4 .m-slick .item .date
    {
        font-size: 14px;
        color: #666;
        margin-top: 15px;
    }
    .index-main .section4 .m-slick .item h3
    {
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
        font-size: 16px;
        line-height: 1.2;
        color: #333;
        font-weight: bold;
        margin: 10px 0;
    }
    .index-main .section4 .m-slick .item p
    {
        font-size: 14px;
        line-height: 24px;
        height: 48px;
        overflow: hidden;
    }
    .about-contact .section1
    {
        padding: 30px 20px;
    }
    .about-contact .section1 .items
    {
        margin: 15px 0 0;
    }
    .about-contact .section1 .item
    {
        width: 100%;
        margin: 15px 0 0;
    }
    .about-contact .section1 .item:nth-of-type(1)
    {
        margin-top: 0;
    }
    .about-contact .section1 .item .txt-box
    {
        margin: -20px 20px 0;
        padding: 20px;
    }
    .about-contact .section1 .item .img-box h3
    {
        font-weight: bold;
        font-size: 16px;
    }
    .about-contact .section1 .item .txt-box h3
    {
        white-space: normal;
        font-weight: bold;
    }
    .about-contact .section2
    {
        padding: 30px 20px;
    }
    .about-contact .section2 .items
    {
        margin-top: 20px;
    }
    .about-contact .section2 .item
    {
        width: 50%;
    }
    .about-contact .section2 .item:nth-of-type(3)
    {
        width: 100%;
        margin-top: 20px;
    }
    .about-contact .section2 .item:after
    {
        display: none;
    }
    .about-contact .section2 .item i
    {
        width: 30px;
        height: 30px;
        background-size: contain;
    }
    .about-contact .section2 .item h3
    {
        font-size: 16px;
        margin-top: 10px;
    }
    .about-contact .section2 .item p
    {
        font-size: 12px;
    }
    .about-culture .section1
    {
        padding: 30px 0;
    }
    .about-culture .section1 .item .txt-box
    {
        padding: 0 20px;
    }
    .about-culture .section1 .item h3
    {
        font-size: 16px;
        font-weight: bold;
    }
    .about-culture .section1 .item p
    {
        margin-top: 5px;
        line-height: 20px;
        font-size: 12px;
    }
    .about-culture .section2
    {
        padding: 30px 20px;
    }
    .about-culture .section2 .tab-tit
    {
        margin-top: 25px;
    }
    .about-culture .section2 .tab-tit span
    {
        width: 24%;
        margin: 0 .5%;
        font-size: 12px;
        line-height: 30px;
    }
    .about-culture .section2 .tab-cont
    {
        margin-top: 25px;
    }
    .about-culture .section2 .tab-cont h3
    {
        font-size: 16px;
        font-weight: bold;
    }
    .about-culture .section2 .tab-cont .para
    {
        margin-top: 15px;
    }
    .about-culture .section2 .tab-cont .para p
    {
        width: 100%;
        float: none;
        padding-left: 0;
    }
    .about-culture .section3
    {
        padding: 30px 20px;
    }
    .about-culture .section3 .img-box
    {
        width: 100%;
        margin: 20px 0 0;
    }
    .about-culture .section3 .img-box a, .recruit-idea .section1 .item .img-box a
    {
        width: 40px;
        height: 40px;
    }
    .about-culture .section4 img
    {
        margin-top: 20px;
    }
    .about-honor .section1
    {
        padding: 30px 20px;
    }
    .about-honor .section1 .link-box a
    {
        font-size: 14px;
        line-height: 30px;
        width: 100px;
        margin: 0 5px;
    }
    .about-honor .section1 .comm-section1
    {
        margin: 15px 0;
    }
    .about-honor .section1 .comm-section1 .item
    {
        margin-top: 15px;
    }
    .about-honor .section1 .comm-section1 .item:nth-of-type(1)
    {
        margin-top: 0;
    }
    .comm-section1 .item
    {
        width: 100%;
        margin-left: 0;
        margin-right: 0;
    }
    .comm-section1 .item .img-block
    {
        height: 26vh;
    }
    .comm-section1 .item h3
    {
        margin-top: 10px;
        font-weight: bold;
    }
    .comm-pages ul li a
    {
        width: 30px;
        height: 30px;
        line-height: 30px;
        font-size: 12px;
    }
    .comm-pages ul li input
    {
        width: 30px;
        height: 30px;
        font-size: 12px;
    }
    .comm-pages ul li button
    {
        font-size: 12px;
    }
    .inner-banner p
    {
        font-size: 16px;
        margin-top: 10px;
    }
    .about-index .section1
    {
        padding: 30px 20px;
    }
    .about-index .section1 .cont
    {
        display: block;
    }
    .about-index .section1 .left-box
    {
        width: 100%;
        padding-right: 0;
    }
    .about-index .section1 .left-box .para
    {
        margin-top: 15px;
    }
    .about-index .section1 .left-box img
    {
        margin-top: 20px;
    }
    .about-index .section1 .left-box .inner-btn
    {
        margin: 15px auto 0;
    }
    .about-index .section1 .right-box
    {
        width: 100%;
        height: 30vh;
        margin-top: 15px;
    }
    .about-index .section1 .data
    {
        margin-top: 0;
    }
    .about-index .section1 .data .item
    {
        width: 50%;
        text-align: center;
        margin-top: 15px;
    }
    .about-index .section1 .data .item:after
    {
        display: none;
    }
    .about-index .section1 .data .item .num span
    {
        font-size: 32px;
    }
    .about-index .section1 .data .item .num, .about-index .section1 .data .item p
    {
        font-size: 14px;
    }
    .about-index .section1 .data .item p
    {
        margin-top: 5px;
    }
    .about-index .section1 .m-spacing
    {
        margin: 15px auto 0;
    }
    .about-index .section1 .m-show
    {
        display: block;
    }
    .about-index .section1 .m-hide
    {
        display: none;
    }
    .about-index .section2
    {
        padding: 30px 20px;
    }
    .about-index .section2 .items
    {
        margin: 15px auto 0;
    }
    .about-index .section2 .item
    {
        width: 100%;
        margin: 15px 0 0;
    }
    .about-index .section2 .item:nth-of-type(1)
    {
        margin-top: 0;
    }
    .about-index .section2 .item .txt-block
    {
        padding: 20px;
    }
    .about-index .section2 .item h3
    {
        font-size: 16px;
        font-weight: bold;
    }
    .about-index .section2 .item p
    {
        height: auto;
    }
    .about-index .section3
    {
        padding: 30px 20px;
    }
    .about-index .section3 .items
    {
        margin: 15px 0 0;
        background-color: #fff;
        padding: 20px 0;
    }
    .about-index .section3 .item
    {
        width: 100%;
        margin: 0;
        padding: 0 20px;
        margin-top: 10px;
    }
    .about-index .section3 .item:nth-of-type(1)
    {
        margin-top: 0;
    }
    .about-index .section3 .item p
    {
        margin-top: 10px;
    }
    .about-index .section4
    {
        padding: 30px 20px;
    }
    .about-index .section4 .items
    {
        margin: 15px 0 0;
    }
    .about-index .section4 .item
    {
        margin: 0 2px;
    }
    .about-index .section4 .item h3
    {
        margin-top: 15px;
        white-space: normal;
    }
    .about-index .section4 .item p
    {
        margin-top: 10px;
    }
    .about-index .section4 .slick-dots, .comm-section5 .slick-dots, .comm-section7 .slick-dots, .index-main .section4 .m-slick .slick-dots
    {
        margin-top: 15px;
        font-size: 0;
        text-align: center;
    }
    .about-index .section4 .slick-dots li, .comm-section5 .slick-dots li, .comm-section7 .slick-dots li, .index-main .section4 .m-slick .slick-dots li
    {
        display: inline-block;
        vertical-align: top;
        width: 8px;
        height: 8px;
        background-color: #fff;
        border: 1px solid #d3d3d3;
        border-radius: 50%;
        margin: 0 2px;
        -webkit-transition: all .3s ease;
        -moz-transition: all .3s ease;
        -ms-transition: all .3s ease;
        transition: all .3s ease;
        cursor: pointer;
    }
    .about-index .section4 .slick-dots li.slick-active, .comm-section5 .slick-dots li.slick-active, .comm-section7 .slick-dots li.slick-active, .index-main .section4 .m-slick .slick-dots li.slick-active
    {
        background-color: #004ea2;
        border-color: #004ea2;
    }
    .about-index .section4 .slick-dots button, .comm-section5 .slick-dots button, .comm-section7 .slick-dots button, .index-main .section4 .m-slick .slick-dots button
    {
        display: none;
    }
    .about-index .section5
    {
        padding: 30px 20px;
    }
    .about-index .section5 .wrapper
    {
        padding-right: 0;
    }
    .about-index .section5 .item
    {
        width: 100%;
        margin-top: 20px;
        padding: 0 20px;
    }
    .about-index .section5 .item:nth-of-type(1)
    {
        margin-top: 0;
    }
    .about-index .section5 a
    {
        display: block;
        margin: 20px auto 0;
        position: static;
    }
    .about-intro .section1
    {
        padding: 30px 20px;
    }
    .about-intro .section1 .cont
    {
        margin-top: 15px;
    }
    .about-intro .section1 .img-block
    {
        margin: 15px 0;
    }
    .about-legal .section1
    {
        padding: 30px 20px;
    }
    .about-legal .section1 .para
    {
        margin-top: 15px;
        padding-top: 15px;
    }
    .about-legal .section1 .para h3
    {
        font-weight: bold;
    }
    .about-manage .section1
    {
        padding: 30px 20px;
    }
    .comm-section1-slick
    {
        margin: 15px 0 0;
    }
    .about-manage .section2
    {
        padding: 30px 20px;
    }
    .about-manage .section2 .para
    {
        margin-top: 15px;
    }
    .about-manage .section2 .img-box
    {
        width: 100%;
        margin-top: 15px;
    }
    .about-manage .section3
    {
        padding: 30px 20px;
    }
    .about-manage .section4
    {
        padding: 30px 20px;
    }
    .about-manage .section4 .para
    {
        margin-top: 15px;
    }
    .about-manage .section4 .img-box
    {
        margin-top: 15px;
    }
    .investor-govern .section1
    {
        padding: 30px 20px;
    }
    .investor-govern .section1 .txt-box
    {
        width: 100%;
        padding: 0;
    }
    .investor-govern .section1 .para
    {
        line-height: 24px;
        margin-top: 15px;
    }
    .investor-govern .section1 .img-box
    {
        width: 100%;
        margin-top: 15px;
    }
    .investor-govern .section2
    {
        padding: 30px 20px;
    }
    .investor-interactive .section1
    {
        padding: 30px 20px;
    }
    .investor-interactive .section1 .slick
    {
        margin: 10px 0 0;
    }
    .investor-interactive .section1 .item
    {
        width: 100%;
        margin: 15px 0 0;
        padding: 20px;
    }
    .investor-interactive .section1 .item .tit
    {
        margin-top: 10px;
        padding-top: 10px;
    }
    .investor-interactive .section2
    {
        padding: 30px 20px;
    }
    .investor-interactive .section2 .tip
    {
        margin-top: 15px;
    }
    .investor-interactive .section2 form
    {
        margin-top: 15px;
    }
    .investor-interactive .section2 form .box
    {
        width: calc(50% - 5px);
    }
    .investor-interactive .section2 form .box:nth-of-type(1)
    {
        margin-right: 10px;
    }
    .investor-interactive .section2 form .box i
    {
        display: none;
    }
    .investor-interactive .section2 form .box input, .investor-interactive .section2 form .box span, .investor-interactive .section2 form textarea
    {
        font-size: 14px;
    }
    .investor-interactive .section2 form .box input
    {
        height: 40px;
        padding-left: 34px;
    }
    .investor-interactive .section2 form .box span
    {
        line-height: 40px;
    }
    .investor-interactive .section2 form .box.focus span
    {
        left: 0;
    }
    .investor-interactive .section2 form textarea
    {
        margin-top: 10px;
        height: 80px;
    }
    .investor-interactive .section2 form button
    {
        margin: 15px auto 0;
    }
    .investor-stock .section1
    {
        padding: 30px 20px;
    }
    .investor-stock .section1 .left-box
    {
        width: 100%;
    }
    .investor-stock .section1 .wrapper
    {
        display: block;
    }
    .investor-stock .section1 .top-box
    {
        padding: 15px;
    }
    .investor-stock .section1 .data-item .item .label
    {
        font-size: 12px;
        line-height: 15px;
        height: 30px;
    }
    .investor-stock .section1 .data-item .item .data
    {
        font-size: 18px;
        margin-top: 8px;
    }
    .investor-stock .section1 .data-item .item span.num
    {
        font-size: 24px;
    }
    .investor-stock .section1 .data-item .item span.unit
    {
        font-size: 16px;
        margin-bottom: 2px;
    }
    .investor-stock .section1 .data-item .item span.icon
    {
        width: 8px;
        height: 8px;
        margin: 0 3px 5px;
        background-size: contain;
    }
    .investor-stock .section1 .top-box .tip
    {
        margin-top: 10px;
        font-size: 12px;
    }
    .investor-stock .section1 .tab-tit
    {
        margin-top: 15px;
    }
    .investor-stock .section1 .tab-tit span
    {
        line-height: 36px;
        width: 25%;
        margin-left: 0;
    }
    .investor-stock .section1 .right-box
    {
        width: 100%;
        margin-top: 20px;
    }
    .investor-stock .section1 .right-box h3
    {
        line-height: 50px;
    }
    .investor-stock .section1 .right-box .para
    {
        padding: 20px;
    }
    .news-company .section1
    {
        padding: 30px 20px;
    }
    .news-company .section1 .items
    {
        margin: 0 0 15px;
    }
    .news-company .section1 .item, .solution-detail3 .section7 .news-box .item
    {
        width: 100%;
        margin: 20px 0 0;
    }
    .news-company .section1 .item:nth-of-type(1), .solution-detail3 .section7 .news-box .item:nth-of-type(1)
    {
        margin-top: 0;
    }
    .solution-detail3 .section7 .news-box .item h3
    {
        margin-top: 10px;
    }
    .news-company .section1 .item .date
    {
        margin-top: 10px;
    }
    .news-party .section1
    {
        padding: 30px 20px;
    }
    .news-party .section1 .items
    {
        margin-bottom: 15px;
    }
    .news-party .section1 .item
    {
        padding: 15px 0;
    }
    .news-party .section1 .item .date
    {
        display: none;
    }
    .news-party .section1 .item .img-block
    {
        width: 100%;
    }
    .news-party .section1 .item .img-block span
    {
        font-size: 14px;
        line-height: 36px;
        padding: 0 10px;
    }
    .news-party .section1 .item .txt-block
    {
        position: static;
        width: 100%;
        padding-top: 15px;
    }
    .news-party .section1 .item .txt-block span
    {
        position: static;
        display: block;
        margin-top: 10px;
    }
    .news-detail .section1
    {
        padding: 10px 20px;
    }
    .news-detail .section1 .main
    {
        margin: 0;
    }
    .comm-crumbs a:after
    {
        margin: -3px 5px 0;
    }
    .news-detail .section2
    {
        padding: 30px 20px;
    }
    .comm-share
    {
        display: none;
    }
    .news-detail .section2 .left-box
    {
        width: 100%;
    }
    .news-detail .section2 .tit-box h3
    {
        font-size: 18px;
        line-height: 26px;
    }
    .news-detail .section2 .tit-box .date
    {
        margin-top: 10px;
    }
    .news-detail .section2 .cont
    {
        margin-top: 15px;
    }
    .news-detail .section2 .other-box
    {
        margin-top: 15px;
        padding-right: 120px;
    }
    .news-detail .section2 .other-box a.back
    {
        width: 100px;
        line-height: 30px;
        margin-top: -15px;
    }
    .news-detail .section2 .other-box .page a
    {
        font-size: 14px;
        line-height: 24px;
    }
    .comm-right-box
    {
        margin-top: 20px;
        padding-left: 0;
        width: 100%;
    }
    .comm-right-box .list
    {
        padding: 20px;
    }
    .comm-subnav.fixed
    {
        top: 60px;
    }
    .product-detail .section1
    {
        padding: 30px 20px;
    }
    .product-detail .section1 .img-box
    {
        width: 100%;
        height: 30vh;
    }
    .product-detail .section1 .txt-box
    {
        width: 100%;
        margin-top: 20px;
        padding-left: 0;
    }
    .product-detail .section1 .para
    {
        margin-top: 10px;
    }
    .product-detail .section1 .inner-tit
    {
        text-align: left;
    }
    .product-detail .section1 h4
    {
        margin-top: 15px;
    }
    .product-detail .section1 .inner-btn
    {
        margin-top: 15px;
    }
    .product-detail .section2
    {
        padding: 30px 20px;
    }
    .product-detail .section2 .para
    {
        margin-top: 15px;
    }
    .product-detail .section2 p
    {
        font-size: 14px;
        line-height: 24px;
        width: 100%;
        margin-top: 15px;
    }
    .product-detail .section2 p:nth-of-type(1)
    {
        margin-top: 0;
    }
    .product-detail .section3
    {
        padding: 30px 20px;
    }
    .product-detail .section4
    {
        padding: 30px 20px;
    }
    .product-detail .section4 .slick
    {
        margin-top: 15px;
    }
    .product-detail .section4 .item .img-box
    {
        width: 100%;
    }
    .product-detail .section4 .item .txt-box
    {
        width: 100%;
        padding: 20px;
    }
    .product-detail .section1 h4, .product-detail .section4 .item h3
    {
        font-size: 16px;
        font-weight: bold;
    }
    .product-detail .section4 .item p
    {
        line-height: 24px;
        margin-top: 10px;
    }
    .product-detail .section5
    {
        padding: 30px 20px;
    }
    .product-detail .section5 .items
    {
        margin: 15px 0 0;
    }
    .product-detail .section5 .item
    {
        width: 100%;
        margin: 15px 0 0;
    }
    .product-detail .section5 .item:nth-of-type(1)
    {
        margin-top: 0;
    }
    .product-detail .section5 .item a
    {
        padding: 20px 40px 20px 20px;
    }
    .product-detail .section5 .item a:after
    {
        right: 20px;
    }
    .product-list .section1
    {
        padding: 30px 20px;
    }
    .product-list .section1 .filter
    {
        margin-top: 15px;
    }
    .product-list .section1 .item
    {
        margin-top: 10px;
        padding-right: 20px;
    }
    .product-list .section1 .item .more
    {
        right: 0;
    }
    .product-list .section1 .item .label
    {
        font-size: 12px;
        line-height: 30px;
        width: 40px;
    }
    .product-list .section1 .item .box a
    {
        line-height: 30px;
        padding: 0 8px;
        margin: 0 5px 2px 0;
        font-size: 12px;
    }
    .product-list .section1 .item .a-block
    {
        width: calc(100% - 40px);
    }
    .product-list .section2
    {
        padding: 30px 20px;
    }
    .product-list .section2 form
    {
        position: relative;
        width: 100%;
        height: 40px;
        margin-top: 15px;
    }
    .product-list .section2 form button
    {
        height: 38px;
    }
    .product-list .section2 form input
    {
        font-size: 14px;
        padding: 0 10px;
    }
    .product-list .section2 .items
    {
        margin: 15px 0 0;
    }
    .product-list .section2 .item
    {
        width: 100%;
        margin: 15px 0;
    }
    .product-list .section2 .item:nth-of-type(1)
    {
        margin-top: 0;
    }
    .product-list .section2 .item .img-box
    {
        height: 30vh;
    }
    .product-list .section2 .item .txt-box
    {
        padding: 20px;
    }
    .product-list .section2 .item span
    {
        width: 120px;
        line-height: 36px;
        font-size: 14px;
    }
    .recruit-campus .section1
    {
        padding: 30px 20px;
    }
    .recruit-campus .section1 .items
    {
        margin: 15px 0;
    }
    .recruit-campus .section1 .item
    {
        margin: 15px 0 0;
        width: 100%;
        padding: 20px;
    }
    .recruit-campus .section1 .item:nth-of-type(1)
    {
        margin-top: 0;
    }
    .recruit-campus .section1 .item h3
    {
        font-size: 16px;
        font-weight: bold;
        margin-right: 80px;
    }
    .recruit-campus .section1 .item span.recruit-popups-btn
    {
        right: 0;
        left: auto;
        top: 0;
    }
    .recruit-campus .section1 .item .label
    {
        margin-top: 15px;
        overflow: hidden;
        font-size: 12px;
    }
    .recruit-campus .section1 .item .label p
    {
        float: left;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
        padding-right: 10px;
    }
    .recruit-campus .section1 .item .label p:nth-of-type(odd)
    {
        width: 44%;
    }
    .recruit-campus .section1 .item .label p:nth-of-type(even)
    {
        width: 56%;
    }
    .recruit-campus .section1 .item:after
    {
        right: 20px;
        bottom: 20px;
    }
    .recruit-detail .section1
    {
        padding: 30px 20px;
    }
    .recruit-detail .section1 .top-box
    {
        padding-right: 0;
    }
    .recruit-detail .section1 .main
    {
        padding: 15px;
    }
    .recruit-detail .section1 .top-box .label
    {
        margin-top: 10px;
    }
    .recruit-detail .section1 .top-box .inner-btn
    {
        display: none;
    }
    .recruit-detail .section1 .cont-box
    {
        margin-top: 20px;
    }
    .recruit-detail .section1 .box
    {
        padding: 15px 0;
    }
    .recruit-detail .section1 .cont-box .inner-btn
    {
        margin: 0 auto;
    }
    .recruit-idea .section1 .item h3, .recruit-idea .section2 .item h3
    {
        font-size: 16px;
    }
    .recruit-idea .section1 .item .box
    {
        width: 100%;
        padding: 0 20px;
    }
    .recruit-idea .section1 .item p, .recruit-idea .section2 .item p
    {
        line-height: 20px;
        margin-top: 5px;
        font-size: 12px;
    }
    .recruit-idea .section2 .item .txt-box
    {
        padding: 0 20px;
    }
    .recruit-social .section1
    {
        padding: 30px 20px;
    }
    .recruit-social .section1 .items
    {
        margin: 15px 0;
    }
    .recruit-social .section1 .item
    {
        margin-top: 15px;
    }
    .recruit-social .section1 .item a
    {
        padding: 15px 20px;
    }
    .recruit-social .section1 .item .info
    {
        padding-right: 0;
    }
    .recruit-social .section1 .item .info:nth-of-type(1)
    {
        width: 100%;
    }
    .recruit-social .section1 .item .info:nth-of-type(2), .recruit-social .section1 .item .info:nth-of-type(4)
    {
        width: 44%;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
        padding-right: 10px;
    }
    .recruit-social .section1 .item .info:nth-of-type(3), .recruit-social .section1 .item .info:nth-of-type(5)
    {
        width: 56%;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
        padding-right: 10px;
    }
    .recruit-social .section1 .item .info:nth-of-type(2), .recruit-social .section1 .item .info:nth-of-type(3)
    {
        margin-top: 15px;
    }
    .recruit-social .section1 .item h3
    {
        font-size: 16px;
        font-weight: bold;
        margin-right: 80px;
    }
    .recruit-social .section1 .item span.recruit-popups-btn
    {
        left: auto;
        bottom: auto;
        top: 15px;
        right: 20px;
    }
    .recruit-social .section1 .item .label
    {
        font-size: 12px;
        line-height: 24px;
        display: inline-block;
        vertical-align: top;
    }
    .recruit-social .section1 .item span
    {
        font-size: 12px;
        margin-top: 0;
        margin-left: 5px;
        display: inline-block;
        vertical-align: top;
    }
    .recruit-social .section1 .item a:after
    {
        width: 24px;
        height: 24px;
        margin-top: 0;
        bottom: 15px;
        top: auto;
    }
    .search-page .section1
    {
        padding: 30px 20px;
    }
    .search-page .section1 form
    {
        height: 40px;
        margin-top: 10px;
        padding-right: 60px;
    }
    .search-page .section1 form input
    {
        font-size: 14px;
        padding: 0 10px;
    }
    .search-page .section1 form button
    {
        height: 40px;
        width: 60px;
    }
    .search-page .section1 .cate a
    {
        font-size: 14px;
        padding-left: 20px;
    }
    .search-page .section1 .cate i
    {
        width: 12px;
        height: 12px;
    }
    .search-page .section2
    {
        padding: 30px 20px;
    }
    .search-page .section2 .tip
    {
        font-size: 14px;
    }
    .search-page .section2 .items
    {
        margin: 15px 0;
    }
    .search-page .section2 .item a
    {
        padding: 15px 40px 15px 0;
    }
    .search-page .section2 .item h3
    {
        font-size: 16px;
        margin-top: 10px;
    }
    .solution-list .section
    {
        padding: 30px 20px;
    }
    .solution-list .section .para
    {
        line-height: 24px;
    }
    .solution-list .section .items
    {
        margin: 15px 0 0;
    }
    .solution-list .section .item
    {
        width: 100%;
        margin: 15px 0 0;
    }
    .solution-list .section .item:nth-of-type(1)
    {
        margin-top: 0;
    }
    .solution-list .section .item .txt-box
    {
        left: 20px;
        right: 20px;
        bottom: 20px;
        -webkit-transform: none;
        -moz-transform: none;
        -ms-transform: none;
        transform: none;
    }
    .solution-list .section .item p, .solution-list .section .item span
    {
        opacity: 1;
    }
    .solution-list .section .item a:after
    {
        opacity: 0;
    }
    .solution-list .section .item a:before
    {
        opacity: 1;
        background-color: rgba(0,0,0,.4);
    }
    .solution-case-list .section1
    {
        padding: 30px 20px;
    }
    .solution-case-list .section1 .items
    {
        margin: 0 0 20px;
    }
    .solution-case-list .section1 .item
    {
        width: 100%;
        margin: 20px 0 0;
    }
    .solution-case-list .section1 .item:nth-of-type(1)
    {
        margin-top: 0;
    }
    .solution-case-list .section1 .item h3
    {
        font-weight: bold;
        margin-top: 10px;
        text-align: center;
    }
    .solution-case-detail .section1
    {
        padding: 30px 20px;
    }
    .solution-case-detail .share-box
    {
        display: none;
    }
    .solution-case-detail .section1 .left-box
    {
        width: 100%;
    }
    .solution-case-detail .section1 .left-box .para
    {
        line-height: 24px;
        margin-top: 10px;
    }
    .solution-case-detail .section1 .left-box .box
    {
        margin-top: 20px;
    }
    .solution-case-detail .section1 .left-box .tit
    {
        text-align: center;
    }
    .solution-case-detail .inner-banner
    {
        margin-top: 44px;
    }
    .solution-case-detail .comm-crumbs
    {
        left: 0;
        right: 0;
        top: -44px;
        padding: 10px 20px;
    }
    .solution-case-detail .inner-banner a.btn
    {
        display: block;
        margin-top: 10px;
        width: 130px;
        line-height: 36px;
        background-color: #004ea2;
        color: #fff;
        text-align: center;
        font-size: 14px;
    }
    .product-detail .inner-banner p, .solution-detail1 .inner-banner p, .solution-detail2 .inner-banner p, .solution-detail3 .inner-banner p
    {
        font-size: 14px;
        line-height: 20px;
        max-height: 60px;
        overflow: hidden;
    }
    .comm-section2
    {
        padding: 30px 20px;
    }
    .comm-section2 .para
    {
        margin-top: 10px;
        line-height: 24px;
    }
    .comm-section2 .video-box
    {
        width: 100%;
        margin-top: 20px;
    }
    .comm-section2 .video-box a
    {
        width: 40px;
        height: 40px;
    }
    .comm-section4
    {
        padding: 30px 20px;
    }
    .comm-section4 .cont
    {
        margin-top: 20px;
    }
    .comm-section4 .img-box
    {
        width: 100%;
    }
    .comm-section4 .txt-box
    {
        width: 100%;
        padding-left: 0;
        margin-top: 15px;
    }
    .comm-section4 .txt-box p
    {
        font-size: 14px;
        line-height: 24px;
        padding-left: 40px;
    }
    .comm-section4 .txt-box span
    {
        font-size: 22px;
    }
    .comm-section5
    {
        padding: 30px 20px;
    }
    .comm-section5 .items
    {
        margin: 15px 0 0;
    }
    .comm-section5 .item
    {
        width: 100%;
        margin: 0 2px;
    }
    .comm-section5 .item:nth-of-type(1)
    {
        margin-top: 0;
    }
    .comm-section5 .item h3
    {
        margin-top: 10px;
        font-weight: bold;
    }
    .comm-section3
    {
        padding: 30px 20px;
    }
    .comm-section3 .slick
    {
        margin: 15px 0 0;
    }
    .comm-section3 .item
    {
        margin: 0 2px;
    }
    .comm-section3 .item h3
    {
        font-weight: bold;
        margin-top: 10px;
    }
    .comm-section7 .item h3
    {
        line-height: 40px;
        box-shadow: 0 0 15px rgba(0,0,0,.05);
        bottom: 15px;
    }
    .comm-section7 .item a
    {
        padding-bottom: 35px;
    }
    .solution-detail1 .section5 .slick
    {
        margin-top: 15px;
    }
    .comm-section6
    {
        padding: 30px 20px;
    }
    .comm-section6 .slick
    {
        margin-top: 20px;
    }
    .comm-section6 .item .logo
    {
        width: 100px;
        height: 100px;
        border-width: 5px;
    }
    .comm-section6 .item h3
    {
        font-size: 16px;
        font-weight: bold;
        margin: 15px 0;
    }
    .comm-section6 .item .para
    {
        width: 100%;
        padding: 0;
    }
    .comm-section6 .item .para:before, .comm-section6 .item .para:after
    {
        display: none;
    }
    .solution-detail1 .section7
    {
        padding: 30px 20px;
    }
    .solution-detail1 .section7 .items
    {
        margin: 15px 0 0;
    }
    .comm-section8 .item
    {
        width: 100%;
        margin: 20px 0 0;
    }
    .comm-section8 .item:nth-of-type(1)
    {
        margin-top: 0;
    }
    .comm-section8 .item .img-box
    {
        height: 30vh;
    }
    .comm-section8 .item h3
    {
        margin-top: 10px;
        font-weight: bold;
        text-align: center;
    }
    .solution-detail2 .section3
    {
        padding: 30px 20px;
    }
    .solution-detail2 .section3 .items
    {
        margin-top: 15px;
    }
    .solution-detail2 .section3 .item
    {
        margin-top: 20px;
    }
    .solution-detail2 .section3 .item:first-of-type
    {
        margin-top: 0;
    }
    .solution-detail2 .section3 .item .img-box
    {
        width: 100%;
    }
    .solution-detail2 .section3 .item .txt-box
    {
        width: 100%;
        padding: 15px 0 0;
        position: static;
    }
    .solution-detail2 .section3 .item .para
    {
        line-height: 24px;
    }
    .solution-detail3 .section5 .tab-tit
    {
        margin-top: 15px;
    }
    .solution-detail3 .section5 .tab-tit span, .solution-detail3 .section7 .tab-tit span
    {
        font-size: 12px;
        line-height: 30px;
        padding: 0 15px;
        margin: 0 2px;
    }
    .solution-detail3 .section5 .tab-cont, .solution-detail3 .section7 .tab-cont
    {
        margin-top: 15px;
    }
    .solution-detail3 .section7
    {
        padding: 30px 20px;
    }
    .comm-section8, .solution-detail3 .section7 .news-box
    {
        margin: 0;
    }
    .solution-detail3 .section7 .news-box .item h3
    {
        margin-bottom: 10px;
    }
    .service-page .section1
    {
        padding: 30px 20px;
    }
    .service-page .section1 .items
    {
        margin-top: 20px;
        display: block;
    }
    .service-page .section1 .item
    {
        width: 100%;
        margin-top: 15px;
        padding: 20px;
    }
    .service-page .section1 .item:nth-of-type(1)
    {
        margin-top: 0;
    }
    .service-page .section1 .item i
    {
        height: 30px;
        width: 30px;
        float: left;
    }
    .service-page .section3 .item h3, .service-page .section2 .item h3, .service-page .section1 .item h3, .service-page .section4 .tab-tit span
    {
        font-size: 16px;
        font-weight: bold;
    }
    .service-page .section1 .item h3
    {
        margin: 0 0 15px 50px;
        line-height: 30px;
        text-align: left;
    }
    .service-page .section1 .item p
    {
        margin: 0;
        text-align: left;
    }
    .service-page .section2
    {
        padding: 30px 20px;
    }
    .service-page .section2 .items
    {
        margin-top: 20px;
        display: block;
    }
    .service-page .section2 .item
    {
        width: 100%;
        margin-top: 15px;
        padding: 20px;
    }
    .service-page .section2 .item:nth-of-type(1)
    {
        margin-top: 0;
    }
    .service-page .section2 .item .box
    {
        padding: 0;
    }
    .service-page .section2 .item i
    {
        width: 30px;
        height: 30px;
        position: static;
        display: block;
        margin: 0 auto 15px;
    }
    .service-page .section2 .item .absolute
    {
        position: static;
        margin-top: 10px;
    }
    .service-page .section2 .item p
    {
        margin-top: 10px;
    }
    .service-page .section2 .item .tel
    {
        font-size: 30px;
    }
    .service-page .section3
    {
        padding: 30px 20px;
    }
    .service-page .section3 .items
    {
        margin: 20px auto 0;
        display: block;
    }
    .service-page .section3 .item
    {
        width: 100%;
        margin: 15px auto 0;
        padding: 20px;
    }
    .service-page .section3 .item:nth-of-type(1)
    {
        margin-top: 0;
    }
    .service-page .section3 .item i
    {
        height: 30px;
        width: 30px;
        float: left;
    }
    .service-page .section3 .item h3
    {
        margin: 0 0 15px 50px;
        text-align: left;
        line-height: 30px;
    }
    .service-page .section4 .map-box
    {
        display: none;
    }
    .service-page .section4
    {
        padding: 30px 20px;
    }
    .service-page .section4 .cont
    {
        margin-top: 20px;
        padding: 20px;
    }
    .sitemap-page .section1
    {
        padding: 30px 20px;
    }
    .sitemap-page .section1 .item
    {
        padding: 15px 0;
    }
    .sitemap-page .section1 .link
    {
        margin-top: 5px;
    }
    .sitemap-page .section1 a.btn
    {
        font-size: 14px;
        line-height: 36px;
        width: calc((100% - 10px) / 3);
        max-width: none;
    }
    .sitemap-page .section1 .link a.btn
    {
        margin: 5px 5px 0 0;
    }
    .sitemap-page .section1 .link a.btn:nth-of-type(3n)
    {
        margin-right: 0;
    }
    .fixed-recruit-popups .main
    {
        padding: 20px;
    }
    .fixed-recruit-popups form
    {
        max-height: 70vh;
        overflow: auto;
        margin-right: -10px;
        padding-right: 10px;
    }
    .fixed-recruit-popups h3
    {
        font-size: 20px;
    }
    .fixed-recruit-popups .close
    {
        top: 15px;
        right: 15px;
    }
}/*# sourceMappingURL=bundle.css.map */
.service-page .section4 .table
{
    margin-top: 20px;
}
.service-page .section4 .table img
{
    display: block;
    width: 100%;
}
.product-list .section2 .opa-box
{
    margin-top: 20px;
    font-size: 0;
}
.product-list .section2 .opa-box .opa
{
    display: inline-block;
    vertical-align: top;
    margin: 0 15px 5px 0;
    position: relative;
}
.product-list .section2 .opa-box .opa span
{
    display: block;
    background-color: #f8f8f8;
    font-size: 14px;
    line-height: 30px;
    padding: 0 15px;
    color: #333;
}
.product-list .section2 .opa-box .opa i
{
    position: absolute;
    top: -7px;
    right: -7px;
    border-radius: 50%;
    width: 14px;
    height: 14px;
    font-size: 12px;
    line-height: 10px;
    color: #fff;
    background-color: #004ea2;
    font-style: normal;
    text-align: center;
    cursor: pointer;
}
.about-welfare .section2
{
    padding: 6vw 0;
    background-color: #f5f5f5;
}
.about-welfare .section2 .para
{
    font-size: 16px;
    line-height: 24px;
    color: #666;
    margin-top: 2vw;
}
.about-welfare .section2 .img-box
{
    width: 90%;
    max-width: 1216px;
    margin: 4vw auto 0;
}
.about-welfare .section2 .img-box img
{
    display: block;
    width: 100%;
}
.index-main div.section.section-news .card .img-box a
{
    width: 80px;
    height: 80px;
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%,-50%);
    -moz-transform: translate(-50%,-50%);
    -ms-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%);
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
    background-image: url(/png/hb6gbn3s.png);
    -webkit-transition: all .3s ease;
    -moz-transition: all .3s ease;
    -ms-transition: all .3s ease;
    transition: all .3s ease;
}
.index-main div.section.section-news .card .img-box a:hover
{
    background-image: url(/png/o75nvsv7.png);
}
.fixed-gotop
{
    position: fixed;
    left: auto;
    top: auto;
    right: 16px;
    bottom: 16px;
    z-index: 100;
    width: 48px;
    height: 48px;
    line-height: 48px;
    text-align: center;
    border-radius: 50%;
    cursor: pointer;
    background: linear-gradient(0,rgba(0,78,162,1),rgba(0,50,210,1));
    transition: all .36s;
    opacity: 0;
    transform: scale(0);
    box-shadow: 0 0 10px rgba(0,0,0,.1);
}
.fixed-gotop::after
{
    content: "";
    width: 100%;
    height: 100%;
    display: block;
    background-image: url(/png/3y928xpe.png);
    background-position: center;
    background-repeat: no-repeat;
}
@media screen and (min-width: 992px)
{
    .fixed-gotop.active
    {
        opacity: 1;
        transform: scale(1);
    }
}/* 新闻中心-公司新闻-卡片 start*/
.section-news-card
{
    padding: 4vw 5vw 5vw 5vw;
    margin-top: 5vw;
    background: #f8f9fa;
}
.section-news-card .wrapper
{
    width: 90vw;
    max-width: 100%;
    margin: 0 auto;
    position: relative;
    display: flex;
}
.section-news-card .card-block
{
    width: 42%;
    margin-right: 10px;
    display: flex;
}
.section-news-card .nav-bar
{
    width: 14px;
    display: flex;
    flex-direction: column;
}
.section-news-card .nav-item
{
    width: 100%;
    height: 100%;
    margin-bottom: 4px;
    background: #c9dae9;
    cursor: pointer;
}
.section-news-card .nav-item.active
{
    background: #004ea2;
}
.section-news-card .nav-item:last-child
{
    margin-bottom: 0;
}
.section-news-card .img-box
{
    flex: 1;
}/* .section-news-card .img-box .slider-box{
	width: 100%;
	overflow: hidden;
    height: 25%;
} */
@keyframes hiddenTransition
{
    0%
    {
        opacity: 1;
    }
    50%
    {
        opacity: .5;
    }
    100%
    {
        opacity: 0;
    }
}
@keyframes showTransition
{
    0%
    {
        opacity: 0;
    }
    50%
    {
        opacity: .5;
    }
    100%
    {
        opacity: 1;
    }
}
.section-news-card .img-item
{
    width: 100%;
    min-height: 100%;
    padding-bottom: 65%;
    position: relative;
    overflow: hidden;
    display: none;
    animation: hiddenTransition 800ms ease-in;
}/* .section-news-card .img-item.active{
    transform: scale(1.02);
    transition: transform 0.5s ease;
}*/
.section-news-card .img-item.active
{
    display: block;
    animation: showTransition 800ms ease-in;
}
.section-news-card .img-item img
{
    transition: transform .5s ease;
    width: 100%;
    height: 100%;
    position: absolute;
}
.section-news-card .img-item:hover img
{
    transform: scale(1.05);
}
.section-news-card .img-item.active img
{
    opacity: 1;
}
.section-news-card .text-block
{
    width: 58%;
    margin-left: 10px;
    padding: 10px;
}
.section-news-card .text-item
{
    display: none;
}
.section-news-card .text-item.active
{
    display: block;
}
.section-news-card .date
{
    line-height: 65px;
    height: 65px;
    font-size: 22px;
    display: block;
}
.section-news-card .date p
{
    font-family: 'Times-New-Roman',Times,serif!important;
}
.section-news-card .title
{
    font-size: 32px;
    margin: 8px 0;
    display: block;
    overflow: hidden;
    text-overflow: ellipsis;
    word-break: break-all;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
}
.section-news-card .line
{
    background: #004ea2;
}
.section-news-card .title h3
{
    font-family: "Times-New-Roman-B"!important;
}
.section-news-card .desc p, .section-news-card .read-more span
{
    font-family: 'Times-New-Roman',Times,serif!important;
}
.section-news-card .line
{
    width: 120px;
    height: 3px;
    margin: 25px 0;
}
.section-news-card .desc
{
    font-size: 22px;
    line-height: 36px;
    overflow: hidden;
    text-overflow: ellipsis;
    word-break: break-all;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
}
.section-news-card .read-more
{
    font-size: 28px;
    margin-top: 30px;
    display: flex;
    align-items: center;
}
.section-news-card .read-more span
{
    color: #004ea2;
}
.section-news-card .read-more .line-icon, .section-news-card .read-more .fill-icon
{
    margin-left: 15px;
}
.section-news-card .read-more .fill-icon
{
    display: none;
}
.section-news-card .read-more:hover
{
    cursor: pointer;
}
.section-news-card .read-more:hover .fill-icon
{
    display: inline-block;
}
.section-news-card .read-more:hover .line-icon
{
    display: none;
}
@media screen and (max-width: 1600px)
{
    .section-news-card .date
    {
        line-height: 54px;
        height: 54px;
        font-size: 18px;
    }
    .section-news-card .title
    {
        font-size: 26px;
        margin: 8px 0;
    }
    .section-news-card .line
    {
        width: 100px;
        margin: 25px 0;
    }
    .section-news-card .desc
    {
        font-size: 18px;
        line-height: 32px;
    }
    .section-news-card .read-more
    {
        font-size: 24px;
        margin-top: 26px;
    }
}
@media screen and (max-width: 1366px)
{
    .section-news-card .nav-bar
    {
        width: 10px;
    }
    .section-news-card .date
    {
        line-height: 46px;
        height: 46px;
        font-size: 16px;
    }
    .section-news-card .title
    {
        font-size: 22px;
        margin: 8px 0;
    }
    .section-news-card .line
    {
        width: 85px;
        margin: 20px 0;
    }
    .section-news-card .desc
    {
        font-size: 16px;
        line-height: 28px;
    }
    .section-news-card .read-more
    {
        font-size: 22px;
        margin-top: 24px;
    }
}
@media screen and (max-width: 1280px)
{
    .section-news-card .date
    {
        line-height: 40px;
        height: 36px;
        font-size: 15px;
    }
    .section-news-card .title
    {
        font-size: 20px;
        margin: 8px 0;
    }
    .section-news-card .line
    {
        width: 80px;
        margin: 20px 0;
    }
    .section-news-card .desc
    {
        font-size: 15px;
        line-height: 26px;
    }
    .section-news-card .read-more
    {
        font-size: 20px;
        margin-top: 24px;
    }
    .section-news-card .read-more img
    {
        width: 22px;
    }
}
@media screen and (max-width: 1200px)
{
    .section-news-card .nav-bar
    {
        width: 8px;
    }
    .section-news-card .date
    {
        line-height: 30px;
        height: 30px;
        font-size: 14px;
    }
    .section-news-card .title
    {
        font-size: 18px;
        margin: 4px 0;
    }
    .section-news-card .line
    {
        width: 75px;
        margin: 15px 0;
    }
    .section-news-card .desc
    {
        font-size: 15px;
        line-height: 22px;
    }
    .section-news-card .read-more
    {
        font-size: 18px;
        margin-top: 20px;
    }
    .section-news-card .read-more img
    {
        width: 20px;
    }
}
@media screen and (max-width: 992px)
{
    .section-news-card .wrapper
    {
        width: 100vw;
        display: flex;
        flex-direction: column;
    }
    .section-news-card .card-block
    {
        width: 100%;
        margin-right: 0;
    }
    .section-news-card .text-block
    {
        width: 100%;
        margin-left: 0;
    }
    .section-news-card .nav-bar
    {
        width: 14px;
    }
    .section-news-card .img-item:hover img
    {
        transform: none;
    }
}/* 新闻中心-公司新闻-卡片 end*//* 新闻中心-公司新闻/媒体新闻-列表 start*/
.section-news-list
{
    padding: 4vw 11.5vw;
    background: #fff;
}
.section-news-list .wrapper
{
    max-width: 100%;
    margin: 0 auto;
    width: 100%;
}
.section-news-list .item
{
    display: block;
    width: 100%;
    padding-bottom: 15%;
    position: relative;
    background: #f8f9fa;
    margin-bottom: 50px;
}
.section-news-list .item-wrapper
{
    width: 100%;
    height: 100%;
    position: absolute;
    padding: 40px;
    display: flex;
    flex-direction: column;
}
.section-news-list .title-box
{
    display: flex;
    flex: 1;
}
.section-news-list .title
{
    display: block;
    width: 40%;
    position: relative;
    padding-right: 50px;
}
.section-news-list .title:after
{
    content: "";
    position: absolute;
    top: 4px;
    right: 0;
    width: 1px;
    height: 35px;
    background: #dae1e6;
}
.section-news-list .title-text
{
    overflow: hidden;
    text-overflow: ellipsis;
    word-break: break-all;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    font-size: 22px;
    cursor: pointer;
}
.section-news-list .btns
{
    width: 60%;
}
.section-news-list .date
{
    font-size: 22px;
    line-height: 22px;
}
.section-news-list .date p, .section-news-list .read-more span
{
    font-family: 'Times-New-Roman',Times,serif!important;
}
.section-news-list .read-more
{
    display: block;
    font-size: 22px;
    display: flex;
    align-items: center;
    float: right;
    cursor: pointer;
}
.section-news-list .read-more .line-icon, .section-news-list .read-more .simple-icon
{
    margin-left: 15px;
}
.section-news-list .read-more .simple-icon
{
    display: none;
}
.section-news-list .read-more:hover
{
    cursor: pointer;
}
.section-news-list .date .read-more
{
    display: none;
}
.section-news-list .item:hover .simple-icon
{
    display: inline-block;
}
.section-news-list .item:hover .line-icon
{
    display: none;
}
.section-news-list .item:hover
{
    background: #f5f5f5;
}
.section-news-list .item:hover .title h3
{
    color: #004ea2;
    font-weight: bold;
}
.section-news-list .item:hover .date p, .section-news-list .item:hover .read-more span
{
    color: #004ea2;
}/* .section-news-list .item:hover .title:after{
	 background:#004ea2;
} */
.section-news-list.hover-left-border .item
{
    border-left: 5px solid #f8f9fa;
}
.section-news-list.hover-left-border .item:hover
{
    border-left: 5px solid #004ea2;
}
@media screen and (max-width: 1600px)
{
    .section-news-list .item
    {
        margin-bottom: 40px;
    }
    .section-news-list .item-wrapper
    {
        padding: 33px;
    }
    .section-news-list .title-text
    {
        font-size: 18px;
    }
    .section-news-list .read-more
    {
        font-size: 18px;
    }
    .section-news-list .read-more img
    {
        width: 22px;
    }
    .section-news-list .date
    {
        font-size: 18px;
        line-height: 18px;
    }
    .section-news-list.hover-left-border .item:hover
    {
        border-left: 5px solid #004ea2;
    }
}
@media screen and (max-width: 1366px)
{
    .section-news-list .item
    {
        margin-bottom: 35px;
    }
    .section-news-list .item-wrapper
    {
        padding: 28px;
    }
    .section-news-list .title-text
    {
        font-size: 16px;
    }
    .section-news-list .title:after
    {
        width: .8px;
        height: 28px;
    }
    .section-news-list .read-more
    {
        font-size: 16px;
    }
    .section-news-list .read-more img
    {
        width: 20px;
    }
    .section-news-list .date
    {
        font-size: 16px;
        line-height: 16px;
    }
    .section-news-list.hover-left-border .item:hover
    {
        border-left: 5px solid #004ea2;
    }
}
@media screen and (max-width: 1280px)
{
    .section-news-list .item
    {
        margin-bottom: 33px;
    }
    .section-news-list .item-wrapper
    {
        padding: 26px;
    }
    .section-news-list .title-text
    {
        font-size: 15px;
    }
    .section-news-list .read-more
    {
        font-size: 15px;
    }
    .section-news-list .read-more img
    {
        width: 19px;
    }
    .section-news-list .date
    {
        font-size: 15px;
        line-height: 15px;
    }
    .section-news-list.hover-left-border .item:hover
    {
        border-left: 5px solid #004ea2;
    }
    .section-news-list .title:after
    {
        width: .8px;
        height: 25px;
    }
}
@media screen and (max-width: 1200px)
{/* .section-news-list {
	    padding: 4vw 9vw;
	} */
    .section-news-list .item
    {
        margin-bottom: 26px;
    }
    .section-news-list .item-wrapper
    {
        padding: 20px;
    }
    .section-news-list .title:after
    {
        top: 2px;
        width: .8px;
        height: 25px;
    }
    .section-news-list .title-text
    {
        font-size: 14px;
    }
    .section-news-list .read-more
    {
        font-size: 14px;
    }
    .section-news-list .read-more img
    {
        width: 18px;
    }
    .section-news-list .date
    {
        font-size: 14px;
        line-height: 14px;
    }
    .section-news-list.hover-left-border .item:hover
    {
        border-left: 5px solid #004ea2;
    }
}
@media screen and (max-width: 992px)
{
    .section-news-list
    {
        padding: 4vw 2vw;
    }
    .section-news-list .item
    {
        padding-bottom: 28%;
    }
    .section-news-list .item-wrapper
    {
        padding: 10px;
    }
    .section-news-list .title-box
    {
        flex-direction: column;
    }
    .section-news-list .title:after
    {
        top: 0;
        width: 0;
        height: 0;
    }
    .section-news-list .title
    {
        width: 100%;
    }
    .section-news-list .btns
    {
        width: 100%;
        display: none;
    }
    .section-news-list .date
    {
        display: flex;
        justify-content: space-between;
    }
    .section-news-list .date .read-more
    {
        display: inline-block;
    }
}/* 新闻中心-公司新闻/媒体新闻-列表 end*//* 新闻中心-媒体新闻-视频 start*/
.section-news-media
{
    background: #f8f9fa;
    padding-top: 5vw;
    padding-bottom: 2vw;
    padding-left: 11.5vw;
    padding-right: 11.5vw;
}
.section-news-media .wrapper
{
    max-width: 100%;
    margin: 0 auto;
    width: 100%;
}
.section-news-media .slide-box
{
    width: 100%;
    overflow: hidden;
    position: relative;
}
.section-news-media .img-box
{
    width: 100%;
    padding-bottom: 56%;
    position: relative;
    min-height: 100%;
}
.section-news-media .img-box img
{
    position: absolute;
    width: 100%;
    height: 100%;
    border-radius: 20px;
}
.section-news-media .swiper-slide
{
    width: 650px;
    background: none;
    position: relative;
    margin-bottom: 10px;
}
.section-news-media .swiper-slide::after
{
    content: "";
    position: absolute;
    height: 10px;
    bottom: -5px;
    left: -23px;
    right: -23px;
    z-index: -9999999;
    background-color: rgba(0,0,0,.7);
    filter: red(3px);
    border-radius: 100%;
    filter: blur(3px);
    -webkit-filter: blur(3px);
    -moz-filter: blur(3px);
    -o-filter: blur(3px);
}
.section-news-media .swiper-slide .img-box a
{
    width: 65px;
    height: 65px;
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%,-50%);
    -moz-transform: translate(-50%,-50%);
    -ms-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%);
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
    -webkit-transition: all .3s ease;
    -moz-transition: all .3s ease;
    -ms-transition: all .3s ease;
    transition: all .3s ease;
}
.section-news-media .swiper-slide.swiper-slide-active .img-box a
{
    background-image: url(/png/hb6gbn3s.png);
}
.section-news-media .swiper-slide.swiper-slide-active .img-box a:hover
{
    background-image: url(/png/o75nvsv7.png);
}
.section-news-media .slide-info
{
    width: 100%;
    padding-top: 2vw;
    text-align: center;
}
.section-news-media .info-item.active
{
    display: block;
}
.section-news-media .slide-info .title
{
    font-size: 26px;
    line-height: 36px;
    font-family: "Times-New-Roman-B"!important;
    color: #004ea2;
}
.section-news-media .slide-info .desc
{
    font-size: 26px;
    line-height: 36px;
    font-family: 'Times-New-Roman',Times,serif!important;
}
.section-news-media .slide-info .date
{
    margin-top: .5vw;
    font-size: 22px;
    line-height: 36px;
    font-family: 'Times-New-Roman',Times,serif!important;
}
.section-news-media .swiper-button-prev
{
    background-image: url("/png/4s41v9o2.png");
    width: 50px;
    height: 80px;
    background-size: 50px 80px;
    left: 60px;
}
.section-news-media .swiper-button-prev:hover
{
    background-image: url("/png/5d6i1qmk.png");
}
.section-news-media .swiper-button-next
{
    background-image: url("/png/2af1luor.png");
    width: 50px;
    height: 80px;
    background-size: 50px 80px;
    right: 60px;
}
.section-news-media .swiper-button-next:hover
{
    background-image: url("/png/wxr9rbdo.png");
}
.section-news-media .swiper-pagination
{
    bottom: -30px;
    display: none;
}
@media screen and (max-width: 1800px)
{
    .section-news-media .swiper-slide
    {
        width: 600px;
    }
}
@media screen and (max-width: 1680px)
{
    .section-news-media .swiper-slide
    {
        width: 570px;
    }
}
@media screen and (max-width: 1600px)
{
    .section-news-media .swiper-slide
    {
        width: 540px;
    }
    .section-news-media .slide-info .title
    {
        font-size: 22px;
        line-height: 30px;
    }
    .section-news-media .slide-info .desc
    {
        font-size: 22px;
        line-height: 30px;
    }
    .section-news-media .slide-info .date
    {
        font-size: 18px;
        line-height: 30px;
    }
}
@media screen and (max-width: 1500px)
{
    .section-news-media .swiper-slide
    {
        width: 505px;
    }
}
@media screen and (max-width: 1440px)
{
    .section-news-media .swiper-slide
    {
        width: 485px;
    }
}
@media screen and (max-width: 1366px)
{
    .section-news-media .swiper-slide
    {
        width: 460px;
    }
    .section-news-media .slide-info .title
    {
        font-size: 18.5px;
        line-height: 25.5px;
    }
    .section-news-media .slide-info .desc
    {
        font-size: 18.5px;
        line-height: 25.5px;
    }
    .section-news-media .slide-info .date
    {
        font-size: 16px;
        line-height: 25.5px;
    }
}
@media screen and (max-width: 1350px)
{
    .section-news-media
    {
        padding-left: 10vw;
        padding-right: 10vw;
    }
    .section-news-media .swiper-slide
    {
        width: 455px;
    }
    .section-news-media .swiper-button-prev, .section-news-media .swiper-button-next
    {
        width: 45px;
        height: 70px;
        background-size: 45px 70px;
    }
}
@media screen and (max-width: 1320px)
{
    .section-news-media
    {
        padding-left: 10vw;
        padding-right: 10vw;
    }
    .section-news-media .swiper-slide
    {
        width: 446px;
    }
    .section-news-media .swiper-button-prev, .section-news-media .swiper-button-next
    {
        width: 40px;
        height: 60px;
        background-size: 40px 60px;
    }
}
@media screen and (max-width: 1280px)
{
    .section-news-media
    {
        padding-left: 8vw;
        padding-right: 8vw;
    }
    .section-news-media .swiper-slide
    {
        width: 430px;
    }
    .section-news-media .slide-info .title
    {
        font-size: 17.3px;
        line-height: 24px;
    }
    .section-news-media .slide-info .desc
    {
        font-size: 17.3px;
        line-height: 24px;
    }
    .section-news-media .slide-info .date
    {
        font-size: 15px;
        line-height: 24px;
    }
}
@media screen and (max-width: 1200px)
{
    .section-news-media
    {
        padding-left: 6vw;
        padding-right: 6vw;
    }
    .section-news-media .swiper-slide
    {
        width: 405px;
    }
    .section-news-media .slide-info .title
    {
        font-size: 16px;
        line-height: 22px;
    }
    .section-news-media .slide-info .desc
    {
        font-size: 16px;
        line-height: 22px;
    }
    .section-news-media .slide-info .date
    {
        font-size: 14px;
        line-height: 22px;
    }
}
@media screen and (max-width: 1100px)
{
    .section-news-media
    {
        padding-left: 6vw;
        padding-right: 6vw;
    }
    .section-news-media .swiper-slide
    {
        width: 370px;
    }
    .section-news-media .swiper-button-prev, .section-news-media .swiper-button-next
    {
        width: 30px;
        height: 50px;
        background-size: 30px 50px;
    }
}
@media screen and (max-width: 1024px)
{
    .section-news-media
    {
        padding-left: 6vw;
        padding-right: 6vw;
    }
    .section-news-media .swiper-slide
    {
        width: 345px;
    }
    .section-news-media .swiper-button-prev, .section-news-media .swiper-button-next
    {
        width: 30px;
        height: 50px;
        background-size: 30px 50px;
    }
}
@media screen and (max-width: 992px)
{
    .section-news-media .wrapper
    {
        overflow: hidden;
    }
    .section-news-media .slide-box
    {
        overflow: visible;
    }
    .section-news-media
    {
        padding-left: 0;
        padding-right: 0;
    }
    .section-news-media .img-box img
    {
        border-radius: 0;
    }
    .section-news-media .swiper-pagination
    {
        bottom: -30px;
        display: block;
    }
    .section-news-media .swiper-button-prev, .section-news-media .swiper-button-next
    {
        display: none;
    }
    .section-news-media .slide-info
    {
        margin-top: 35px;
    }
}/* 新闻中心-媒体新闻-视频 end*//* 默认-子导航 start*/
.section-default-nav
{
    padding: 2vw 11.5vw;
    font-size: 0;
    background-color: #f8f9fa;
}
.section-default-nav .wrapper
{
    width: 100%;
    max-width: 100%;
    margin: 0 auto;
    position: relative;
}
.section-default-nav .comm-crumbs a
{
    color: #3e3a39;
    font-family: 'Times-New-Roman',Times,serif!important;
}
@media screen and (max-width: 768px)
{
    .section-default-nav
    {
        padding: 2vw 5.5vw;
    }
}/* 默认-子导航 end*//* 新闻中心-新闻详情 start*/
.section-news-detail
{
    padding: 4vw 11.5vw;
    font-size: 0;
    padding-bottom: 0;
}
.section-news-detail .wrapper
{
    width: 100%;
    max-width: 100%;
    margin: 0 auto;
    position: relative;
}
.section-news-detail .content-box
{
    width: 75%;
    display: inline-block;
    vertical-align: top;
    padding-right: 50px;
    border-right: 2px solid #f5f5f5;
}
.section-news-detail .wrapper .content-box .content p span video
{
    width: calc(55vw - 79px)!important;
    height: calc(35vw - 124px)!important;
}
.section-news-detail .list-box
{
    display: inline-block;
    vertical-align: top;
    width: 25%;
    padding-left: 36px;
}
.section-news-detail .title-box
{
    padding-left: 40px;
    border-left: 3px solid #004ea2;
}
.section-news-detail .title-box h3
{
    font-size: 46px;
    line-height: 50px;
    font-family: "Times-New-Roman-B"!important;
}
.section-news-detail .title-box .date-title, .section-news-detail .title-box .date, .section-news-detail .title-box .author-title, .section-news-detail .title-box .author
{
    font-size: 24px;
    margin-top: 20px;
    display: inline-block;
    vertical-align: top;
    font-family: 'Times-New-Roman',Times,serif!important;
}
.section-news-detail .title-box .date-title, .section-news-detail .title-box .author-title
{
    margin-right: 2px;
}
.section-news-detail .title-box .date-title, .section-news-detail .title-box .author-title
{
    margin-left: 10px;
}
.section-news-detail .title-sub>span:first-child
{
    margin-left: 0;
}
.section-news-detail .content
{
    margin-top: 40px;
    padding-left: 40px;
}
.section-news-detail .list-title
{
    font-size: 24px;
    line-height: 40px;
    color: #004ea2;
    font-family: 'Times-New-Roman',Times,serif!important;
}
.section-news-detail .list-box .item
{
    display: flex;
    padding: .6vw 0;
}
.section-news-detail .list-box .item .icon
{
    width: 30px;
    display: flex;
    align-items: start;
    justify-content: center;
}
.section-news-detail .list-box .item .item-title
{
    flex: 1;
    overflow: hidden;
    white-space: normal;
    word-wrap: break-word;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    cursor: pointer;
    margin-left: 10px;
}
.section-news-detail .list-box .item .item-title p
{
    font-family: 'Times-New-Roman',Times,serif!important;
    font-size: 20px;
    line-height: 28px;
}
.section-news-detail .list-box .item:hover .item-title
{
    color: #004ea2;
}
.section-news-detail .list-box .item .line-icon
{
    display: block;
}
.section-news-detail .list-box .item .fill-icon
{
    display: none;
}
.section-news-detail .list-box .item:hover .line-icon
{
    display: none;
}
.section-news-detail .list-box .item:hover .fill-icon
{
    display: block;
}
.section-news-detail .list-box .item:hover .item-title p
{
    color: #004ea2;
}
.section-news-detail .list-box .icon
{
    padding-top: 5px;
}
.section-news-detail .page-link
{
    margin-top: 20px;
    display: flex;
    width: 75%;
    justify-content: space-between;
    padding-left: 40px;
}
.section-news-detail .page-link.page-link-mobile
{
    margin-top: 20px;
    display: none;
    flex-direction: column;
    width: 100%;
    padding-left: 0;
}
.section-news-detail .page-link a
{
    display: block;
    font-size: 18px;
    line-height: 36px;
    -webkit-transition: color .3s ease;
    -moz-transition: color .3s ease;
    -ms-transition: color .3s ease;
    transition: color .3s ease;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    width: 45%;
    cursor: pointer;
    font-family: 'Times-New-Roman',Times,serif!important;
}
.section-news-detail .page-link a:hover
{
    color: #004ea2;
}
.section-news-detail .page-link a.next
{
    text-align: right;
}
@media screen and (max-width: 1600px)
{
    .section-news-detail .title-box h3
    {
        font-size: 38px;
        line-height: 42px;
    }
    .section-news-detail .title-box .date-title, .section-news-detail .title-box .date, .section-news-detail .title-box .author-title, .section-news-detail .title-box .author
    {
        font-size: 20px;
    }
    .section-news-detail .title-box
    {
        padding-left: 33px;
    }
    .section-news-detail .content
    {
        margin-top: 30px;
        padding-left: 33px;
    }
    .section-news-detail .content-box
    {
        padding-right: 42px;
    }
    .section-news-detail .list-box
    {
        padding-left: 30px;
    }
    .section-news-detail .list-box .item .icon
    {
        width: 26px;
    }
    .section-news-detail .list-box .item .item-title
    {
        margin-left: 4px;
    }
    .section-news-detail .list-box .item .item-title p
    {
        font-size: 18px;
        line-height: 26px;
        margin-left: 8px;
    }
    .section-news-detail .list-box .item img
    {
        width: 25px;
    }
    .section-news-detail .page-link
    {
        padding-left: 33px;
    }
    .section-news-detail .page-link a
    {
        font-size: 16px;
    }
}
@media screen and (max-width: 1366px)
{
    .section-news-detail .title-box h3
    {
        font-size: 32px;
        line-height: 32px;
    }
    .section-news-detail .title-box .date-title, .section-news-detail .title-box .date, .section-news-detail .title-box .author-title, .section-news-detail .title-box .author
    {
        font-size: 18px;
    }
    .section-news-detail .title-box
    {
        padding-left: 28px;
    }
    .section-news-detail .content
    {
        margin-top: 26px;
        padding-left: 28px;
    }
    .section-news-detail .content-box
    {
        padding-right: 35px;
    }
    .section-news-detail .list-box
    {
        padding-left: 25px;
    }
    .section-news-detail .list-title
    {
        font-size: 18px;
    }
    .section-news-detail .list-box .item .icon
    {
        width: 24px;
    }
    .section-news-detail .list-box .item .item-title
    {
        margin-left: 2px;
    }
    .section-news-detail .list-box .item .item-title p
    {
        font-size: 17px;
        line-height: 24px;
        margin-left: 7px;
    }
    .section-news-detail .list-box .item img
    {
        width: 20px;
    }
    .section-news-detail .page-link
    {
        padding-left: 28px;
    }
}
@media screen and (max-width: 1280px)
{
    .section-news-detail .title-box h3
    {
        font-size: 30px;
        line-height: 30px;
    }
    .section-news-detail .title-box .date-title, .section-news-detail .title-box .date, .section-news-detail .title-box .author-title, .section-news-detail .title-box .author
    {
        font-size: 17px;
    }
    .section-news-detail
    {
        padding: 4vw 10vw;
        padding-bottom: 0;
    }
    .section-news-detail .title-box
    {
        padding-left: 26px;
    }
    .section-news-detail .content
    {
        margin-top: 24px;
        padding-left: 26px;
    }
    .section-news-detail .content-box
    {
        padding-right: 33px;
    }
    .section-news-detail .list-box
    {
        padding-left: 20px;
    }
    .section-news-detail .list-title
    {
        font-size: 17px;
    }
    .section-news-detail .list-box .item .item-title p
    {
        font-size: 16px;
        line-height: 22px;
    }
    .section-news-detail .list-box .item img
    {
        width: 18px;
    }
    .section-news-detail .page-link
    {
        padding-left: 26px;
    }
    .section-news-detail .page-link a
    {
        font-size: 15px;
    }
}
@media screen and (max-width: 1200px)
{
    .section-news-detail
    {
        padding: 3vw 6vw;
        padding-bottom: 0;
    }
    .section-news-detail .title-box h3
    {
        font-size: 28px;
        line-height: 28px;
    }
    .section-news-detail .title-box .date-title, .section-news-detail .title-box .date, .section-news-detail .title-box .author-title, .section-news-detail .title-box .author
    {
        font-size: 15px;
    }
    .section-news-detail .title-box
    {
        padding-left: 20px;
    }
    .section-news-detail .content
    {
        margin-top: 22px;
        padding-left: 20px;
    }
    .section-news-detail .content-box
    {
        padding-right: 20px;
    }
    .section-news-detail .list-box
    {
        padding-left: 20px;
    }
    .section-news-detail .list-title
    {
        font-size: 15px;
    }
    .section-news-detail .list-box .item .item-title p
    {
        font-size: 15px;
        line-height: 20px;
        margin-left: 6px;
    }
    .section-news-detail .list-box .item img
    {
        width: 18px;
    }
    .section-news-detail .page-link
    {
        padding-left: 20px;
    }
    .section-news-detail .page-link a
    {
        font-size: 14px;
        line-height: 30px;
    }
}
@media screen and (max-width: 992px)
{
    .section-news-detail .content-box
    {
        width: 100%;
        display: block;
        padding-right: 0;
        border-right: none;
    }
    .section-news-detail .list-box
    {
        display: block;
        width: 100%;
        padding-left: 0;
        margin: 20px auto;
    }
    .section-news-detail .page-link
    {
        display: none;
    }
    .section-news-detail .page-link.page-link-mobile
    {
        display: flex;
    }
    .section-news-detail .page-link.page-link-mobile a
    {
        width: 100%;
    }
    .section-news-detail .page-link a
    {
        text-align: left;
    }
}/* 新闻中心-新闻详情 end*//* 产品中心 start*/
.section-product-list
{
    padding: 0 0;
    margin-bottom: 4vw;
}
.section-product-list .wrapper
{
    width: 100%;
    max-width: 100%;
    margin: 0 auto;
}
.section-product-list .search-box
{
    width: 100%;
    padding: 50px 0;
    background: #f8f9fa;
}
.section-product-list form
{
    height: 50px;
    width: 800px;
    margin: 0 auto;
    display: flex;
}
.section-product-list form input[type="text"]
{
    display: block;
    height: 100%;
    font-size: 18px;
    color: #3e3a39;
    flex: 1;
    border: 1px solid #ccc;
    padding: 0 10px;
    font-family: 'Times-New-Roman',Times,serif!important;
}
.section-product-list form .btn-search
{
    height: 100%;
    width: 120px;
    background: #004ea2;
    background-position: center;
    background-repeat: no-repeat;
    background-image: url(/png/o1exvbxo.png);
    background-size: 24px;
    cursor: pointer;
}
.section-product-list form .btn-search:hover
{
    background-size: 26px;
}
.section-product-list form .btn-expand
{
    display: none;
}
.section-product-list .content-box
{
    position: relative;
    overflow: hidden;
    transition: min-height .3s ease;
}
.section-product-list .nav
{
    width: 390px;
    margin-right: 20px;
    position: absolute;
    top: 0;
    left: 0;
}
.section-product-list .nav>li
{
    border-top: 2px dotted #ccc;
    padding-left: 45px;
    padding-right: 15px;
}
.section-product-list .product-list
{
    width: 100%;
}
.section-product-list .product-list-empty
{
    min-height: 500px;
    background: #f7fafa;
    text-align: center;
    padding-right: 85px;
    padding-left: 440px;
}
.section-product-list .product-list .row
{
    padding: 50px 0;
    padding-left: 440px;
    padding-right: 85px;
}
.section-product-list .product-list .row:first-child
{
    padding-top: 0;
}
.section-product-list .product-list .row-odd
{
    background: #f8f9fa;
}
.section-product-list .product-list .row-even
{
    background: #fff;
}
.section-product-list ul
{
    list-style-type: none;
}
.section-product-list .nav-title
{
    display: inline-block;
    height: 24px;
    line-height: 24px;
    font-size: 20px;
    width: 100%;
    font-family: 'Times-New-Roman',Times,serif!important;
    position: relative;
}
.section-product-list li>.nav-title::after
{
    content: "";
    position: absolute;
    height: 100%;
    right: 0;
    background-position: center;
    background-repeat: no-repeat;
    width: 20px;
}
.section-product-list li.has-sub>.nav-title::after, .section-product-list li.has-sub>.sub-nav-title::after
{
    content: "";
    position: absolute;
    height: 100%;
    right: 0;
    background-position: center;
    background-repeat: no-repeat;
    width: 20px;
    background-size: 16px 16px;
}
.section-product-list li.active:not(.has-sub)>.nav-title, .section-product-list li.checked>.nav-title, .section-product-list .sub-nav li.active>.sub-nav-title, .section-product-list .nav li:hover>a
{
    color: #004ea2;
}
.section-product-list li.has-sub>.nav-title::after, .section-product-list li.has-sub>.sub-nav-title::after
{
    background-image: url("/png/tcsrvmfn.png");
}
.section-product-list li.has-sub.active>.nav-title::after, .section-product-list li.has-sub.active>.sub-nav-title::after
{
    background-image: url("/png/lza7sy2k.png");
}
.section-product-list .sub-nav
{
    max-height: 0;
    overflow: hidden;
    -webkit-transition: max-height .4s ease;
    -moz-transition: max-height .4s ease;
    -ms-transition: max-height .4s ease;
    transition: max-height .4s ease;
    padding: 10px 0 0 15px;
}
.section-product-list li.has-sub.active>.sub-nav
{/* height:auto时transition动画不起作用，使用max-height，但要设置一个足够大的值*/
    max-height: 500px;
}
.section-product-list .sub-nav>li
{
    margin-bottom: 10px;
}
.section-product-list li.has-sub>.sub-nav-title::after
{
    background-size: 18px 18px;
}
.section-product-list .sub-nav-title
{
    display: inline-block;
    height: 20px;
    font-size: 18px;
    width: 100%;
    font-family: 'Times-New-Roman',Times,serif!important;
    position: relative;
}
.section-product-list .product-list .item .item-wrapper
{
    width: 100%;
    position: relative;
    padding-bottom: 75%;
}
.section-product-list .product-list .item .img-box
{
    width: 100%;
    height: 100%;
    position: absolute;/*  padding-bottom: 75%; */
    display: flex;
    justify-content: center;
    align-items: center;
}
.section-product-list .product-list .item .img-box img
{
    width: 70%;
    height: 70%;
    object-fit: contain;/* 保持图片比例，确保图片完整显示在容器内 */
    position: absolute;/* 绝对定位 */
}
.section-product-list .product-list .item
{
    border: 1px solid #e0e0e0;
    display: inline-block;
    width: calc(33.33% - 25px);
    margin: 0 10px;
    overflow: hidden;
    box-shadow: 2px 2px 1px rgba(100,100,100,.1);
    border-radius: 10px;
    background: #fff;
    position: relative;
}
.section-product-list .product-list .item .text-box
{
    position: relative;
    padding-bottom: 25%;
    z-index: 5;
    background: #fff;
}
.section-product-list .product-list .item .text-box .title
{
    position: absolute;
    width: 100%;
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    color: #3a3a39;
    white-space: nowrap;
    padding: 0 .5vw;
}
.section-product-list .product-list .item .text-box .title p
{
    font-family: 'Times-New-Roman',Times,serif!important;
    font-size: 25px;
    width: 100%;
    white-space: normal;
    word-wrap: break-word;
    line-height: 35px;
    text-align: center;
}
.section-product-list .product-list .item:hover .text-box
{
    background: #004ea2;
}
.section-product-list .product-list .item:hover .text-box p
{
    color: #fff;
}
.section-product-list .product-list .item:hover img
{
    -webkit-transition: transform .3s ease;
    -moz-transition: transform .3s ease;
    -ms-transition: transform .3s ease;
    transition: transform .3s ease;
    transform: scale(1.1);
}
.section-product-list .product-list .item .shadow-bg-wrapper
{
    width: 100%;
    position: absolute;
    padding-bottom: 75%;
    top: 0;
    display: none;
    -webkit-transition: display .8s ease;
    -moz-transition: display .8s ease;
    -ms-transition: display .8s ease;
    transition: display .8s ease;
}
.section-product-list .product-list .item .shadow-wrapper
{
    width: 100%;
    position: absolute;
    padding-bottom: 75%;
    top: 100%;
    -webkit-transition: top .8s ease;
    -moz-transition: top .8s ease;
    -ms-transition: top .8s ease;
    transition: top .8s ease;
}
.section-product-list .product-list .item .shadow-bg
{
    position: absolute;
    width: 100%;
    height: 100%;
    background: rgba(255,255,255,.9);
    padding: 0;
    overflow: hidden;
}
.section-product-list .product-list .item .shadow
{
    position: absolute;
    width: 100%;
    height: 100%;/* background: rgba(255,255,255,0.8); */
    padding: 20px 50px;
    overflow: hidden;
}
.section-product-list .product-list .item .shadow p
{
    font-family: 'Times-New-Roman',Times,serif!important;
    font-size: 22px;
    width: 100%;
    height: 100%;
    text-align: left;/* justify-content: center; */
    overflow-y: auto;
    opacity: 0;
    -webkit-transition: opacity 1s ease;
    -moz-transition: opacity 1s ease;
    -ms-transition: opacity 1s ease;
    transition: opacity 1s ease;
}
.section-product-list .product-list .item:hover .shadow-wrapper
{
    top: 0;
}
.section-product-list .product-list .item:hover .shadow p
{
    opacity: 1;
}
@media screen and (min-width: 992px)
{
    .section-product-list .product-list .item:hover .shadow-bg-wrapper
    {
        display: block;
    }
}
@media screen and (max-width: 1600px)
{
    .section-product-list form
    {
        height: 42px;
        width: 650px;
    }
    .section-product-list form .btn-search
    {
        width: 100px;
    }
    .section-product-list form input[type="text"]
    {
        font-size: 17px;
    }
    .section-product-list .nav
    {
        width: 350px;
        margin-right: 20px;
    }
    .section-product-list li.has-sub>.nav-title::after
    {
        background-size: 18px 18px;
    }
    .section-product-list li.has-sub>.sub-nav-title::after
    {
        background-size: 16px 16px;
    }
    .section-product-list .nav-title
    {
        height: 24px;
        line-height: 24px;
        font-size: 18px;
    }
    .section-product-list .sub-nav-title
    {
        height: 20px;
        line-height: 20px;
        font-size: 16px;
    }
    .section-product-list .nav>li
    {
        padding-left: 40px;
    }
    .section-product-list .product-list .row
    {
        padding: 42px 0;
        padding-left: 400px;
        padding-right: 80px;
    }
    .section-product-list .product-list-empty
    {
        padding-right: 80px;
        padding-left: 400px;
    }
    .section-product-list .product-list .item .text-box .title p
    {
        font-size: 22px;
    }
    .section-product-list .product-list .item .shadow p
    {
        font-size: 18px;
    }
    .section-product-list .product-list .item .shadow
    {
        padding: 20px 30px;
    }
}
@media screen and (max-width: 1366px)
{
    .section-product-list form
    {
        height: 42px;
        width: 550px;
    }
    .section-product-list form input[type="text"]
    {
        font-size: 16px;
    }
    .section-product-list li.active>.nav-title::after
    {
        background-size: 26px 26px;
    }
    .section-product-list li.has-sub>.nav-title::after
    {
        background-size: 14px 14px;
    }
    .section-product-list .nav
    {
        width: 300px;
        margin-right: 10px;
    }
    .section-product-list li.has-sub>.nav-title::after
    {
        background-size: 17px 17px;
    }
    .section-product-list li.has-sub>.sub-nav-title::after
    {
        background-size: 15px 15px;
    }
    .section-product-list .nav-title
    {
        height: 24px;
        line-height: 24px;
        font-size: 17px;
    }
    .section-product-list .sub-nav-title
    {
        height: 20px;
        line-height: 20px;
        font-size: 15px;
    }
    .section-product-list .nav>li
    {
        padding-left: 30px;
    }
    .section-product-list .product-list .row
    {
        padding: 42px 0;
        padding-left: 330px;
        padding-right: 60px;
    }
    .section-product-list .product-list-empty
    {
        padding-right: 60px;
        padding-left: 330px;
    }
    .section-product-list .product-list .item .text-box .title p
    {
        font-size: 18px;
    }
    .section-product-list .product-list .item .shadow p
    {
        font-size: 17px;
    }
    .section-product-list .product-list .item .shadow
    {
        padding: 20px 30px;
    }
}
@media screen and (max-width: 1280px)
{
    .section-product-list form
    {
        height: 42px;
        width: 500px;
    }
    .section-product-list form input[type="text"]
    {
        font-size: 16px;
    }
    .section-product-list li.active>.nav-title::after
    {
        background-size: 26px 26px;
    }
    .section-product-list li.has-sub>.nav-title::after
    {
        background-size: 14px 14px;
    }
    .section-product-list .nav
    {
        width: 280px;
        margin-right: 10px;
    }
    .section-product-list li.has-sub>.nav-title::after
    {
        background-size: 16px 16px;
    }
    .section-product-list li.has-sub>.sub-nav-title::after
    {
        background-size: 15px 15px;
    }
    .section-product-list .nav-title
    {
        height: 24px;
        line-height: 24x;
        font-size: 16px;
    }
    .section-product-list .sub-nav-title
    {
        height: 20px;
        line-height: 20x;
        font-size: 15px;
    }
    .section-product-list .nav>li
    {
        padding-left: 30px;
    }
    .section-product-list .product-list .row
    {
        padding: 33px 0;
        padding-left: 310px;
        padding-right: 50px;
    }
    .section-product-list .product-list-empty
    {
        padding-right: 50px;
        padding-left: 310px;
    }
    .section-product-list .product-list .item .text-box .title p
    {
        font-size: 16px;
    }
    .section-product-list .product-list .item .shadow p
    {
        font-size: 15px;
    }
}
@media screen and (max-width: 1200px)
{
    .section-product-list form
    {
        height: 38px;
    }
    .section-product-list form input[type="text"]
    {
        font-size: 15px;
    }
    .section-product-list .nav
    {
        width: 220px;
        margin-right: 10px;
    }
    .section-product-list li.has-sub>.nav-title::after
    {
        background-size: 15px 15px;
    }
    .section-product-list li.has-sub>.sub-nav-title::after
    {
        background-size: 14px 14px;
    }
    .section-product-list .nav-title
    {
        height: 24px;
        line-height: 24px;
        font-size: 15px;
    }
    .section-product-list .sub-nav-title
    {
        height: 20px;
        line-height: 20x;
        font-size: 14px;
    }
    .section-product-list .nav>li
    {
        padding-left: 30px;
    }
    .section-product-list .product-list .row
    {
        padding: 30px 0;
        padding-left: 240px;
        padding-right: 30px;
    }
    .section-product-list .product-list-empty
    {
        padding-right: 30px;
        padding-left: 240px;
    }
    .section-product-list .product-list .item .text-box .title p
    {
        font-size: 15px;
    }
    .section-product-list .product-list .item .shadow p
    {
        font-size: 14px;
    }
    .section-product-list .product-list .item .shadow
    {
        padding: 15px 20px;
    }
}
@media screen and (max-width: 992px)
{
    .section-product-list .search-box
    {
        padding: 50px 10vw;
    }
    .section-product-list form
    {
        width: 100%;
    }
    .section-product-list form .btn-search
    {
        width: 15%;
    }
    .section-product-list form input[type="text"]
    {
        flex: none;
        width: 70%;
    }
    .section-product-list .search-box .btn-expand
    {
        display: block!important;
        width: 15%;
        height: 100%;
        background: #004ea2;
        background-position: center;
        background-repeat: no-repeat;
        background-image: url(/png/6kensafv.png);
        background-size: 24px;
        margin-right: 5px;
        cursor: pointer;
    }
    .section-product-list .product-list .row
    {
        padding: 30px 0;
        padding-left: 30px;
        padding-right: 30px;
    }
    .section-product-list .nav
    {
        width: 100%;
        margin-right: 20px;
        top: 0;
        left: -100%;
        bottom: 0;
        z-index: 8;
        background: #f7fafa;
        -webkit-transition: left .3s ease;
        -moz-transition: left .3s ease;
        -ms-transition: left .3s ease;
        transition: left .3s ease;
    }
    .section-product-list .nav.active
    {
        left: 0;
    }
    .section-product-list .product-list .item
    {
        width: 100%;
        margin: 10px auto;
    }
    .section-product-list .product-list-empty
    {
        padding-right: 30px;
        padding-left: 30px;
    }
    .section-product-list .product-list .item .text-box
    {
        background: #004ea2;
    }
    .section-product-list .product-list .item .text-box p
    {
        color: #fff;
    }
    .section-product-list .product-list .item .shadow-wrapper
    {
        position: relative;
        padding-bottom: 0;
    }
    .section-product-list .product-list .item .shadow
    {
        position: relative;
    }
    .section-product-list .product-list .item .shadow p
    {
        opacity: 1;
    }
}/* 产品中心 end*//* 投资者关系 start*/
.section-investor-stock
{
    padding: 4vw 11.5vw;
    background: #f8f9fa;
}
.section-investor-stock .wrapper
{
    max-width: 100%;
    margin: 0 auto;
    width: 100%;
}
.section-investor-stock .section-title h3, .section-investor-article .section-title h3
{
    font-size: 50px;
    font-size: calc(50 * 1rem / 100);
    font-family: "Times-New-Roman-B"!important;
    color: #004ea2;
}
.section-investor-stock .stock-box
{
    margin-top: 4vw;
}
.section-investor-stock .data-item
{
    display: flex;
    justify-content: space-between;
}
.section-investor-stock .data-item .item
{
    width: 17.5%;
    display: inline-block;
    vertical-align: top;
    border-right: 1.5px solid #dae1e6;
    padding-left: 1.5vw;
}
.section-investor-stock .data-item .item:first-child
{
    width: 30%;
    padding-left: 0;
}
.section-investor-stock .data-item .label
{
    font-size: 32px;
    line-height: 36px;
    font-family: 'Times-New-Roman',Times,serif!important;
}
.section-investor-stock .data-item .item:last-child
{
    border-right: none;
}
.section-investor-stock .data-item .item>.num
{
    margin-top: 60px;
    display: inline-block;
    font-size: 60px;
    line-height: 60px;
    font-family: 'Times-New-Roman',Times,serif!important;
}
.section-investor-stock .data-item .num-box
{
    margin-top: 25px;
}
.section-investor-stock .data-item .num-box .num
{
    font-size: 100px;
    line-height: 100px;
    font-family: 'Times-New-Roman',Times,serif!important;
}
.section-investor-stock .data-item .num-box span
{
    display: inline-block;
}
.section-investor-stock .data-item .num-box .icon
{
    width: 30px;
    height: 20px;
    background-position: center;
    background-repeat: no-repeat;
    margin-left: 10px;
    background-image: url(/png/eme7sok3.png);
    background-size: 30px 20px;
}
.section-investor-stock .data-item .num-box .unit
{
    display: inline-block;
    font-size: 30px;
    line-height: 46px;
    font-family: 'Times-New-Roman',Times,serif!important;
    margin-left: 10px;
}
.section-investor-stock .stock-box .tip
{
    text-align: right;
    margin-top: 50px;
}
.section-investor-stock .stock-box .tip span
{
    font-size: 18px;
    font-family: 'Times-New-Roman',Times,serif!important;
    color: #737272;
}
.section-investor-article
{
    padding: 4vw 11.5vw;
    background: #fff;
}
.section-investor-article .wrapper
{
    max-width: 100%;
    margin: 0 auto;
    width: 100%;
}
.section-investor-article .para
{
    margin-top: 40px;
}
.section-investor-article .para p
{
    font-size: 32px;
    line-height: 60px;
    font-family: 'Times-New-Roman',Times,serif!important;
}
.section-investor-article .para img
{
    display: block;
    margin: 100px auto;
}
.section-solution-link .link-btn, .section-investor-article .link-btn
{
    display: flex;
    justify-content: space-between;
    margin-top: 100px;
}
.section-solution-link .link-btn .btn-item, .section-investor-article .link-btn .btn-item
{
    width: 45%;
    background-position: center;
    background-repeat: no-repeat;
    background-size: 100% 100%;
    cursor: pointer;
}
.section-investor-article .link-btn .btn-item.gg
{
    background-image: url(/png/as39lzz0.png);
}
.section-investor-article .link-btn .btn-item.ly
{
    background-image: url(/png/m0hic76k.png);
}
.section-investor-article .link-btn .btn-item.gg:hover
{
    background-image: url(/png/rex2bf5z.png);
}
.section-investor-article .link-btn .btn-item.ly:hover
{
    background-image: url(/png/94ti7z6e.png);
}
.section-solution-link .link-btn .btn-item.zx
{
    background-image: url(/png/2yqcsgbw.png);
}
.section-solution-link .link-btn .btn-item.fw
{
    background-image: url(/png/ajv2ruih.png);
}
.section-solution-link .link-btn .btn-item.zx:hover
{
    background-image: url(/png/q4qo0s24.png);
}
.section-solution-link .link-btn .btn-item.fw:hover
{
    background-image: url(/png/wearfq3w.png);
}
.section-investor-article .link-btn .btn-item:hover span
{
    font-weight: bold;
}
.section-solution-link .link-btn .btn-item span, .section-investor-article .link-btn .btn-item span
{
    display: block;
    position: absolute;
    top: 30%;
    font-size: 30px;
    font-family: 'Times-New-Roman',Times,serif!important;
    color: #004ea2;
}
.section-solution-link .link-btn .btn-wrapper, .section-investor-article .link-btn .btn-wrapper
{
    width: 100%;
    padding-bottom: 26%;
    position: relative;
    display: flex;
    justify-content: center;
}
@media screen and (max-width: 1600px)
{/* .section-investor-stock .stock-box {
	    margin-top: 66px;
	} *//* 	.section-investor-stock .section-title h3,
	.section-investor-article .section-title h3 {
	    font-size: 42px;
	} */
    .section-investor-stock .data-item .label
    {
        font-size: 26px;
        line-height: 30px;
    }
    .section-investor-stock .data-item .num-box .num
    {
        font-size: 83px;
        line-height: 83px;
    }
    .section-investor-stock .data-item .num-box .unit
    {
        font-size: 25px;
        line-height: 40px;
    }
    .section-investor-stock .data-item .item>.num
    {
        margin-top: 50px;
        font-size: 50px;
        line-height: 50px;
    }
    .section-investor-article .para
    {
        margin-top: 33px;
    }
    .section-investor-article .para p
    {
        font-size: 26px;
        line-height: 50px;
    }
    .section-investor-article .para img
    {
        margin: 83px auto;
        width: 80%;
    }
    .section-solution-link .link-btn .btn-item span, .section-investor-article .link-btn .btn-item span
    {
        font-size: 25px;
    }
}
@media screen and (max-width: 1366px)
{/* .section-investor-stock .stock-box {
	    margin-top: 56px;
	} *//* .section-investor-stock .section-title h3,
	.section-investor-article .section-title h3 {
	    font-size: 35px;
	} */
    .section-investor-stock .data-item .num-box
    {
        margin-top: 20px;
    }
    .section-investor-stock .data-item .label
    {
        font-size: 22px;
        line-height: 25px;
    }
    .section-investor-stock .data-item .num-box .num
    {
        font-size: 70px;
        line-height: 70px;
    }
    .section-investor-stock .data-item .num-box .icon
    {
        width: 25px;
        height: 15px;
        margin-left: 7px;
        background-size: 25px 15px;
    }
    .section-investor-stock .data-item .num-box .unit
    {
        font-size: 22px;
        line-height: 32px;
        margin-left: 7px;
    }
    .section-investor-stock .data-item .item>.num
    {
        margin-top: 42px;
        font-size: 42px;
        line-height: 42px;
    }
    .section-investor-stock .stock-box .tip
    {
        margin-top: 35px;
    }
    .section-investor-stock .stock-box .tip span
    {
        font-size: 16px;
    }
    .section-investor-article .para
    {
        margin-top: 28px;
    }
    .section-investor-article .para p
    {
        font-size: 22px;
        line-height: 42px;
    }
    .section-investor-article .para img
    {
        margin: 70px auto;
        width: 80%;
    }
    .section-solution-link .link-btn .btn-item span, .section-investor-article .link-btn .btn-item span
    {
        font-size: 22px;
    }
}
@media screen and (max-width: 1280px)
{/* .section-investor-stock {
	    padding: 4vw 10vw;
	}
	
	.section-investor-article {
	    padding: 4vw 10vw;
	} *//* .section-investor-stock .stock-box {
	    margin-top: 50px;
	} *//* .section-investor-stock .section-title h3,
	.section-investor-article .section-title h3 {
	    font-size: 33px;
	} */
    .section-investor-stock .data-item .num-box
    {
        margin-top: 20px;
    }
    .section-investor-stock .data-item .label
    {
        font-size: 20px;
        line-height: 22px;
    }
    .section-investor-stock .data-item .num-box .num
    {
        font-size: 66px;
        line-height: 66px;
    }
    .section-investor-stock .data-item .num-box .icon
    {
        width: 18px;
        height: 17px;
        margin-left: 6px;
        background-size: 18px 17px;
    }
    .section-investor-stock .data-item .num-box .unit
    {
        font-size: 20px;
        line-height: 38px;
        margin-left: 6px;
    }
    .section-investor-stock .data-item .item>.num
    {
        margin-top: 40px;
        font-size: 40px;
        line-height: 40px;
    }
    .section-investor-stock .stock-box .tip
    {
        margin-top: 30px;
    }
    .section-investor-stock .stock-box .tip span
    {
        font-size: 15px;
    }
    .section-investor-article .para
    {
        margin-top: 26px;
    }
    .section-investor-article .para p
    {
        font-size: 20px;
        line-height: 38px;
    }
    .section-investor-article .para img
    {
        margin: 50px auto;
        width: 80%;
    }
    .section-solution-link .link-btn .btn-item span, .section-investor-article .link-btn .btn-item span
    {
        font-size: 20px;
        top: 28%;
    }
}
@media screen and (max-width: 1200px)
{/* .section-investor-stock {
	    padding: 4vw 7vw;
	}
	
	.section-investor-article {
	    padding: 4vw 7vw;
	} *//* .section-investor-stock .stock-box {
	    margin-top: 40px;
	} *//* .section-investor-stock .section-title h3,
	.section-investor-article .section-title h3 {
	    font-size: 30px;
	}
	 */
    .section-investor-stock .data-item .num-box
    {
        margin-top: 16px;
    }
    .section-investor-stock .data-item .label
    {
        font-size: 16px;
        line-height: 16px;
    }
    .section-investor-stock .data-item .num-box .num
    {
        font-size: 50px;
        line-height: 50px;
    }
    .section-investor-stock .data-item .num-box .icon
    {
        width: 16px;
        height: 15px;
        margin-left: 5px;
        background-size: 16px 15px;
    }
    .section-investor-stock .data-item .num-box .unit
    {
        font-size: 18px;
        line-height: 30px;
        margin-left: 5px;
    }
    .section-investor-stock .data-item .item>.num
    {
        margin-top: 30px;
        font-size: 30px;
        line-height: 30px;
    }
    .section-investor-stock .stock-box .tip
    {
        margin-top: 25px;
    }
    .section-investor-stock .stock-box .tip span
    {
        font-size: 14px;
    }
    .section-investor-article .para
    {
        margin-top: 20px;
    }
    .section-investor-article .para p
    {
        font-size: 18px;
        line-height: 30px;
    }
    .section-investor-article .para img
    {
        margin: 30px auto;
        width: 80%;
    }
    .section-solution-link .link-btn .btn-item span, .section-investor-article .link-btn .btn-item span
    {
        font-size: 18px;
        top: 26%;
    }
    .section-solution-link .link-btn .btn-item, .section-investor-article .link-btn .btn-item
    {
        background-size: 100% 99%;
    }
}
@media screen and (max-width: 992px)
{
    .section-investor-stock
    {
        padding: 4vw 4vw;
    }
    .section-investor-article
    {
        padding: 4vw 4vw;
    }/* .section-investor-stock .stock-box {
	    margin-top: 25px;
	} *//* .section-investor-stock .section-title h3,
	.section-investor-article .section-title h3 {
	    font-size: 24px;
	} */
    .section-investor-stock .data-item .item
    {
        padding-left: 1vw;
    }
    .section-investor-stock .data-item .num-box
    {
        margin-top: 16px;
    }
    .section-investor-stock .data-item .label
    {
        font-size: 12px;
        line-height: 12px;
        height: 15px;
    }
    .section-investor-stock .data-item .num-box .num
    {
        font-size: 24px;
        line-height: 24px;
    }
    .section-investor-stock .data-item .num-box .icon
    {
        width: 14px;
        height: 12px;
        margin-left: 0;
        background-size: 14px 12px;
    }
    .section-investor-stock .data-item .num-box .unit
    {
        font-size: 14px;
        line-height: 14px;
        margin-left: 5px;
        display: block;
    }
    .section-investor-stock .data-item .item>.num
    {
        margin-top: 30px;
        font-size: 16px;
        line-height: 16px;
    }
    .section-investor-stock .stock-box .tip
    {
        margin-top: 18px;
    }
    .section-investor-stock .stock-box .tip span
    {
        font-size: 12px;
    }
    .section-investor-article .para
    {
        margin-top: 20px;
    }
    .section-investor-article .para p
    {
        font-size: 16px;
        line-height: 28px;
    }
    .section-investor-article .para img
    {
        margin: 25px auto;
        width: 100%;
    }
    .section-solution-link .link-btn, .section-investor-article .link-btn
    {
        display: flex;
        justify-content: space-between;
        flex-direction: column;
        margin-top: 25px;
    }
    .section-solution-link .link-btn .btn-item span, .section-investor-article .link-btn .btn-item span
    {
        font-size: 18px;
        top: 26%;
    }
    .section-solution-link .link-btn .btn-item, .section-investor-article .link-btn .btn-item
    {
        background-size: 100% 99%;
    }
    .section-solution-link .link-btn .btn-item, .section-investor-article .link-btn .btn-item
    {
        width: 100%;
        margin: 10px auto;
    }
}/* 投资者关系 end*/
.inner-banner .cell-box .cell
{
    text-align: left;
    position: absolute;
    left: 0;
    bottom: 20%;
    padding: 0 11.5vw;
}
.inner-banner .cell-box .cell .wrapper
{
    width: auto;
    max-width: 100%;
}
.section-default-nav .wrapper.max-width-1360, .inner-banner .cell-box .cell .wrapper.max-width-1360
{
    max-width: 1360px;
}
.inner-banner .cell-box .cell h3
{
    font-family: "Times-New-Roman-B"!important;
}
div.comm-subnav.mobile-show
{
    display: none;
}
@media screen and (max-width: 992px)
{
    div.comm-subnav.mobile-show
    {
        display: block;
    }
}
@media screen and (max-width: 768px)
{
    .inner-banner .cell-box .cell .wrapper
    {
        width: 100%;
    }
    .inner-banner .cell-box .cell
    {
        padding: 0 5.5vw;
    }
}/* 面包屑导航 start */
.bread-nav
{
    position: absolute;
    bottom: 0;
    text-align: left;
    left: 0;
    width: 100%;
    display: inline-block;
    vertical-align: middle;
    padding: 20px 11.5vw;
}
.bread-nav .bread-nav-wrapper
{
    width: auto;
    max-width: 100%;
    margin: 0 auto;
    position: relative;
    display: block;
}
.bread-nav .bread-nav-wrapper.max-width-1360
{
    max-width: 1360px;
}
.bread-nav li
{
    list-style-type: none;
}
.bread-nav li
{
    list-style-type: none;
    display: inline-block;
}
.bread-nav li a
{
    line-height: 15px;
    font-size: 15px;
    font-family: 'Times-New-Roman',Times,serif!important;
}
.bread-nav li a
{
    line-height: 15px;
    font-size: 15px;
    cursor: pointer;
}
.bread-nav.white-font li a
{
    color: #fff;
}
.bread-nav.blue-font li a
{
    color: #004ea2;
}
.bread-nav li:not(:first-child)::before
{
    content: ">";
    display: inline-block;
    margin: 0 15px;
    font-size: 15px;
    line-height: 15px;
    color: #004ea2;
}
.bread-nav.white-font li:not(:first-child)::before
{
    color: #fff;
}
@media screen and (max-width: 1280px)
{
    .bread-nav
    {
        padding-top: 15px;
        padding-bottom: 15px;
    }
    .bread-nav li a
    {
        line-height: 14px;
        font-size: 14px;
    }
    .bread-nav li:not(:first-child)::before
    {
        margin: 0 10px;
        font-size: 14px;
        line-height: 14px;
    }
}
@media screen and (max-width: 992px)
{
    .bread-nav
    {
        padding-top: 4px;
        padding-bottom: 4px;
    }
    .bread-nav li a
    {
        line-height: 12px;
        font-size: 12px;
    }
    .bread-nav li:not(:first-child)::before
    {
        margin: 0 8px;
        font-size: 12px;
        line-height: 12px;
    }
}
@media screen and (max-width: 768px)
{
    .bread-nav
    {
        padding-left: 5.5vw;
        padding-right: 5.5vw;
    }
}/* 面包屑导航 end *//* 服务与支持  start*/
.section-service1, .section-service2, .section-service3, .section-service4
{
    padding: 2vw 11.5vw;
    background: #f8f9fa;
}
.section-service2, .section-service4
{
    background: #fff;
}
.section-service1 .wrapper, .section-service2 .wrapper, .section-service3 .wrapper, .section-service4 .wrapper
{
    max-width: 100%;
    margin: 0 auto;
    width: 100%;
}
.section-service1 .section-title, .section-service2 .section-title, .section-service3 .section-title, .section-service4 .section-title
{
    text-align: left;
}
.section-service1 .section-title span, .section-service2 .section-title span, .section-service3 .section-title span, .section-service4 .section-title span
{
    text-align: left;
    font-size: 50px;
    font-size: calc(50 * 1rem / 100);
    font-family: "Times-New-Roman-B"!important;
    color: #004ea2;
}
.section-service1 .section-items, .section-service2 .section-items, .section-service3 .section-items
{
    margin: 4vw auto;
    display: flex;
    justify-content: space-between;
}
.section-service3 .section-items
{
    flex-wrap: wrap;
}
.section-service1 .section-items .item, .section-service2 .section-items .item, .section-service3 .section-items .item
{
    border: 1px solid #eff0f1;
    border-radius: 10px;
    background: #fff;
    box-shadow: 2px 2px 1px rgba(100,100,100,.1);
    transition: all .3s ease;
}
.section-service1 .section-items .item, .section-service2 .section-items .item
{/* width: calc((100% - 40px) / 2); */
    width: calc((100% - 2.08vw) / 2);
}
.section-service3 .section-items .item
{
    width: calc((100% - 2.08vw) / 2);
}
.section-service1 .section-items .item:hover, .section-service2 .section-items .item:hover, .section-service3 .section-items .item:hover
{
    transform: translateY(-10px);
}
.section-service1 .section-items .item-wrapper, .section-service2 .section-items .item-wrapper
{
    width: 100%;
    padding-bottom: 60%;
    position: relative;
}
.section-service1 .section-items .item-content, .section-service2 .section-items .item-content
{
    position: absolute;
    width: 100%;
    height: 100%;
    text-align: center;
}
.section-service1 .section-items .item-content
{
    text-align: center;
    padding: 3.13vw 4.17vw;/* 60px 80px*/
}
.section-service2 .section-items .item-content
{
    text-align: left;
}
.section-service3 .section-items .item
{
    text-align: center;
    padding: 1.56vw;/* 30px */
    margin: 1.04vw 0;/* 20px 0 */
}
.section-service1 .section-items .icon, .section-service2 .section-items .icon, .section-service3 .section-items .icon
{
    width: 5.21vw;/* 100px */
}
.section-service1 .section-items .item-content .h3, .section-service2 .section-items .item-content .h3, .section-service3 .section-items .item .h3
{/* font-size: 40px; *//* 40px */
    font-size: calc(40 * 1rem / 100);
    font-family: 'Times-New-Roman',Times,serif!important;
}
.section-service1 .section-items .item-content .h3, .section-service3 .section-items .item .h3, .section-service1 .section-items .item-content p, .section-service3 .section-items .item p
{
    margin-top: 2.08vw;/* 40px; */
}
.section-service2 .section-items .item-content .h3
{
    line-height: calc(100 * 1rem / 100);/*  100px; */
}
.section-service1 .section-items .item-content p, .section-service2 .section-items .item-content p, .section-service3 .section-items .item p, .section-service4 .section-items .txt-box p
{
    font-size: 24px;
    font-size: calc(24 * 1rem / 100);
    font-family: 'Times-New-Roman',Times,serif!important;
    line-height: 2.08vw;/*  40px; */
    line-height: calc(40 * 1rem / 100);
}
.section-service3 .section-items .item p
{
    text-align: left;
}
.section-service2 .section-items .item-content
{
    display: flex;
    padding: 1.56vw 1.56vw;/* 30px 30px; */
}
.section-service2 .section-items .item-content .txt-box
{
    flex: 1;
    padding-right: .52vw;/* 10px; */
    position: relative;
}
.section-service2 .section-items .item-content .icon-box
{
    width: 5.21vw;/* 100px; */
}
.section-service2 .section-items .item-content .icon
{
    width: 100%;
}
.section-service2 .section-items .item-content .sub-desc
{
    position: absolute;
    right: 0;
    bottom: .52vw;/*  10px; */
    left: 0;
    color: #004ea2;
    font-family: 'Times-New-Roman',Times,serif!important;
}
.section-service2 .section-items .item-content .h4
{
    font-family: 'Times-New-Roman',Times,serif!important;
    font-size: 30px;/* 30px; */
    font-size: calc(30 * 1rem / 100);
    line-height: 2.08vw;/* 40px; */
    line-height: calc(40 * 1rem / 100);
    color: inherit;
}
.section-service2 .section-items .item-content .sub-desc b, .section-service2 .section-items .item-content .sub-desc strong
{
    font-family: "Times-New-Roman-B"!important;
    font-size: 30px;/* 30px; */
    font-size: calc(30 * 1rem / 100);
    line-height: 2.08vw;/* 40px; */
    line-height: calc(40 * 1rem / 100);
    color: inherit;
}
.section-service2 .section-items .item-content .tel
{
    font-family: 'Times-New-Roman',Times,serif!important;
    font-size: 50px;/* 50px; */
    font-size: calc(50 * 1rem / 100);
    line-height: 2.08vw;/* 40px; */
    line-height: calc(40 * 1rem / 100);
    color: inherit;
    margin-top: .52vw;/* 10px; */
}
.section-service4 .section-items img
{
    width: 100%;
}
.section-service4 .section-items .txt-box
{
    padding: .1vw 1vw;/* 2px 1vw; */
}
@media screen and (max-width: 992px)
{
    .section-service1 .section-items .item-wrapper, .section-service2 .section-items .item-wrapper
    {
        padding-bottom: 70%;
    }
}
@media screen and (max-width: 768px)
{
    .section-service1 .section-items, .section-service2 .section-items, .section-service3 .section-items
    {
        flex-direction: column;
    }
    .section-service1 .section-items .item, .section-service2 .section-items .item
    {
        width: 100%;
        margin: 10px 0;
    }
    .section-service1 .section-items .item-wrapper, .section-service2 .section-items .item-wrapper
    {
        padding-bottom: 0;
    }
    .section-service1 .section-items .item-content, .section-service2 .section-items .item-content
    {
        position: relative;
        padding: 20px;
    }
    .section-service3 .section-items .item
    {
        width: 100%;
        padding: 20px;
    }
    .section-service1 .section-items .icon, .section-service2 .section-items .icon, .section-service3 .section-items .icon
    {
        width: 50px;
    }
    .section-service2 .section-items .item-content .sub-desc
    {
        margin-top: 20px;
        position: relative;
    }
    .section-service2 .section-items .item-content .icon-box
    {
        width: 50px;
    }
    .section-service2 .section-items .item-content .h4
    {
        margin-top: 2.08vw;
    }
    .section-service2 .section-items .item-content .h3
    {
        line-height: calc(40 * 1rem / 100);
        margin-bottom: 20px;
    }
}/* 服务与支持 end *//* 招贤纳才-人才理念 start*/
.section-concept
{
    padding: 0 11.5vw;
    overflow-x: hidden;
}
.section-concept .wrapper
{
    max-width: 1360px;
    margin: 0 auto;
    width: 100%;
}
.section-concept .item
{
    padding: 3.65vw 0;
    display: flex;
    justify-content: space-between;
}
.section-concept.first .item
{
    padding-top: 5.21vw;
}
.section-concept.img-left
{
    background-color: #f8f9fa;
}
.section-concept.img-right
{
    background-color: #fff;
}
.section-concept.img-right .item
{
    flex-direction: row-reverse;
    background: #fff;
}
.section-concept.img-left .item .img-box, .section-concept.img-right .item .txt-box
{
    width: calc(46% - 1.04vw);
}
.section-concept.img-left .item .txt-box, .section-concept.img-right .item .img-box
{
    width: calc(54% - 1.04vw);
}
.section-concept .item .img-box .img-wrapper
{
    width: 100%;
    position: relative;
    padding-bottom: 60%;
}
.section-concept .item .img-box .img-wrapper img
{
    width: 100%;
    height: 100%;
    position: absolute;
    border-radius: 10px;
}
.section-concept .item .img-box
{
    transition: transform .3s ease;
}
.section-concept:hover .item .img-box
{
    transform: scale(1.06);
}
.section-concept.img-left .item .txt-box
{
    padding-left: 3.13vw;
}
.section-concept .item .txt-box
{
    display: flex;
    flex-direction: column;
    justify-content: center;
}
.section-concept .item .txt-box .h3
{
    font-size: calc(48 * 1rem / 100);
    font-family: "Times-New-Roman-B"!important;
    line-height: calc(48 * 1rem / 100);
    color: #004ea2;
}
.section-concept .item .txt-box p
{
    font-size: calc(30 * 1rem / 100);
    font-family: 'Times-New-Roman',Times,serif!important;
    line-height: calc(50 * 1rem / 100);
    margin-top: 1.56vw;
}
@media screen and (max-width: 768px)
{
    .section-concept
    {
        padding: 0 1.04vw;
    }
}/* 招贤纳才-人才理念 end *//* 招贤纳才-标题 start */
.section-recruit-title
{
    padding: 4vw 11.5vw;
    padding-bottom: 3vw;
    background-color: #f8f9fa;
}
.section-recruit-title .wrapper
{
    max-width: 1360px;
    margin: 0 auto;
    width: 100%;
}
.section-recruit-title .section-title
{
    text-align: left;
}
.section-recruit-title .section-title span
{
    font-size: calc(48 * 1rem / 100);
    font-family: "Times-New-Roman-B"!important;
    line-height: calc(48 * 1rem / 100);
    color: #004ea2;
}/* 招贤纳才-标题 end *//* 招贤纳才-社会招聘 start */
.section-recruit-social
{
    padding: 0 11.5vw;
}
.section-recruit-social .wrapper
{
    max-width: 1360px;
    margin: 0 auto;
    width: 100%;
}
.section-recruit-social .item
{
    border-left: 5px solid #f8f9fa;
}
.section-recruit-social .item
{
    display: block;
    width: 100%;
    padding-bottom: 11%;
    position: relative;
    background: #f8f9fa;
    margin-top: 1.04vw;/* 20px; */
}
.section-recruit-social .item-wrapper
{
    width: 100%;
    height: 100%;
    position: absolute;
    padding: 1.04vw 2.08vw;/* 20px 40px; */
    display: flex;
}
.section-recruit-social .item-wrapper .col
{
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: start;
}
.section-recruit-social .item-wrapper .col .h3, .section-recruit-social .item-wrapper .col span
{
    font-family: 'Times-New-Roman',Times,serif!important;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
.section-recruit-social .item-wrapper .col span
{
    margin-top: 10px;
}
.section-recruit-social .item-wrapper .col-info
{
    width: 13%;
}
.section-recruit-social .item-wrapper .col-more
{
    width: 15%;
    align-items: end;
}
.section-recruit-social .item-wrapper .col-title
{
    flex: 1;
}
.section-recruit-social .item-wrapper .col-title .h3
{
    font-size: calc(32 * 1rem / 100);
    line-height: calc(36 * 1rem / 100);
}
.section-recruit-social .item-wrapper .col-title span
{
    font-size: calc(22 * 1rem / 100);
    line-height: calc(36 * 1rem / 100);
    color: #004ea2;
    cursor: pointer;
}
.section-recruit-social .item-wrapper .col-info .h3
{
    font-size: calc(22 * 1rem / 100);
    line-height: calc(36 * 1rem / 100);
}
.section-recruit-social .item-wrapper .col-info span
{
    font-size: calc(25 * 1rem / 100);
    line-height: calc(36 * 1rem / 100);
}
.section-recruit-social .item-wrapper .col-more .read-more
{
    display: flex;
    width: 100%;
    justify-content: end;
    align-items: center;
}
.section-recruit-social .item-wrapper .col-more span
{
    font-size: calc(23 * 1rem / 100);
    line-height: calc(36 * 1rem / 100);
    margin: 0;
}
.section-recruit-social .item-wrapper .col-more .simple-icon, .section-recruit-social .item-wrapper .col-more .line-icon
{
    width: 1.3vw;/* 25px; */
    margin-left: 10px;/* 10px; */
    min-width: 14px;
}
.section-recruit-social .item-wrapper .col-more .simple-icon
{
    display: none;
}
.section-recruit-social .item:hover
{
    border-left: 5px solid #004ea2;/* 5px solid #004ea2; */
    background: #f5f5f5;
}
.section-recruit-social .item:hover .col .h3, .section-recruit-social .item:hover .col span
{
    color: #004ea2;
}
.section-recruit-social .item:hover .col-more .simple-icon
{
    display: block;
}
.section-recruit-social .item:hover .col-more .line-icon
{
    display: none;
}
.recruit-page-nav-box
{
    margin: 5.21vw auto;
}
@media screen and (max-width: 992px)
{
    .section-recruit-social .item
    {
        padding: 10px;
    }
    .section-recruit-social .item-wrapper
    {
        flex-wrap: wrap;
        position: relative;
    }
    .section-recruit-social .item-wrapper .col-title
    {
        flex: none;
        width: 100%;
        display: flex;
        flex-direction: row;
        justify-content: space-between;
        align-items: center;
        margin-bottom: 10px;
    }
    .section-recruit-social .item-wrapper .col-info, .section-recruit-social .item-wrapper .col-more
    {
        margin-top: 1.04vw;
    }
    .section-recruit-social .item .col span
    {
        margin-top: 0;
    }
    .section-recruit-social .item-wrapper .col-info
    {
        width: 50%;
    }
    .section-recruit-social .item-wrapper .col-more
    {
        flex: 1;
    }
}
@media screen and (max-width: 768px)
{
    .section-recruit-social .item
    {
        margin-top: 2.08vw;
    }
}/* 招贤纳才-社会招聘 end *//* 招贤纳才-校园招聘,实习生招聘 start */
.section-recruit-school
{
    padding: 0 11.5vw;
}
.section-recruit-school .wrapper
{
    max-width: 1360px;
    margin: 0 auto;
    width: 100%;
}
.section-recruit-school .items
{
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-start;
}
.section-recruit-school .item
{
    display: flex;
    flex-wrap: wrap;
    flex-direction: column;
    border: 1px solid #eff0f1;
    border-radius: 1.04vw;
    background: #fff;
    box-shadow: 2px 2px 1px rgba(100,100,100,.1);
    margin-right: 2.08vw;
    width: calc((100% - 4.17vw) / 3);
    padding: 2.08vw 1.56vw;
    margin-top: 2.08vw;
    position: relative;
    overflow: hidden;
    transition: all .3s ease;
}
.section-recruit-school .item:hover
{
    transform: translateY(-10px);
}
.section-recruit-school .item:nth-child(3n)
{
    margin-right: 0;
}
.section-recruit-school .item::after
{
    content: "";
    width: 100%;
    height: 1.04vw;
    background-color: #004ea2;
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    transition: all .3s ease;
    display: none;
}
.section-recruit-school .item-title .h3
{
    font-family: 'Times-New-Roman',Times,serif!important;
    font-size: calc(32 * 1rem / 100);
    line-height: calc(36 * 1rem / 100);
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
.section-recruit-school .item-data span
{
    display: inline-block;
    font-family: 'Times-New-Roman',Times,serif!important;
    font-size: calc(22 * 1rem / 100);
    line-height: calc(36 * 1rem / 100);
}
.section-recruit-school .item-title
{
    margin-bottom: 1.3vw;
    width: 100%;
}
.section-recruit-school .item-title span
{
    color: #004ea2;
    margin-top: .52vw;
    cursor: pointer;
}
.section-recruit-school .item-more
{
    margin-top: 1.04vw;
    display: flex;
    align-items: center;
    justify-content: end;
    cursor: pointer;
}
.section-recruit-school .item-more span
{
    font-size: calc(23 * 1rem / 100);
}
.section-recruit-school .item-more img
{
    width: 1.3vw;
    margin-left: 10px;
    min-width: 14px;
}
.section-recruit-school .item:hover .item-title .h3, .section-recruit-school .item:hover .item-more span
{
    color: #004ea2;
}
.section-recruit-school .item:hover .item-more .line-icon, .section-recruit-school .item-more .simple-icon
{
    display: none;
}
.section-recruit-school .item:hover::after, .section-recruit-school .item:hover .item-more .simple-icon
{
    display: block;
}
@media screen and (max-width: 992px)
{
    .section-recruit-school .item
    {
        margin-right: 2.08vw!important;
        width: calc((100% - 2.08vw) / 2);
    }
    .section-recruit-school .item:nth-child(2n)
    {
        margin-right: 0!important;
    }
}
@media screen and (max-width: 768px)
{
    .section-recruit-school .item
    {
        width: 100%;
        padding: 20px;
        flex-direction: row;
        margin-right: 0!important;
    }
    .section-recruit-school .item-title
    {
        width: 100%;
    }
    .section-recruit-school .item-info
    {
        width: 50%;
    }
    .section-recruit-school .item-more
    {
        width: 100%;
    }
    .section-recruit-school .item-more
    {
        margin-top: 10px;
    }
}/* 招贤纳才-校园招聘,实习生招聘 end *//* 关于四方-公司介绍 start */
.section-brief
{
    padding: 4vw 11.5vw;
    background: #fff;
}
.section-brief .wrapper
{
    max-width: 100%;
    max-width: 1360px;
    margin: 0 auto;
    width: 100%;
}
.section-brief .section-title
{
    margin-bottom: 2.08vw;/* 40px; */
}
.section-brief .section-title h3, .section-history .section-title h3, .section-video .section-title h3, .section-culture .section-title h3, .section-cert .section-title h3
{
    font-size: calc(50 * 1rem / 100);
    font-family: "Times-New-Roman-B"!important;
    color: #004ea2;
}
.section-brief .para p
{
    font-size: calc(26 * 1rem / 100);
    line-height: calc(56 * 1rem / 100);
    font-family: 'Times-New-Roman',Times,serif!important;
    margin-bottom: 1.04vw;
}
@media screen and (max-width: 768px)
{
    .section-brief
    {
        padding: 40px 5.5vw;
    }
}/* 关于四方-公司介绍 end *//* 关于四方-公司介绍-发展历程 start */
.section-history
{
    padding: 2vw 0;
    background: #fff;/* background: url(../images/about_us/history-bg.jpg) !important;; */
    position: relative;
}
.section-history .wrapper
{
    max-width: 100%;
    margin: 0 auto;
    width: 100%;
}
.section-history .section-title-wrapper
{
    padding: 0 11.5vw;/*  position:absolute;
	top:0;
	left:0;
	right:0;
	z-index:10; */
}
.section-history .section-title
{
    max-width: 1360px;
    margin: 0 auto;
    width: 100%;
}
.section-history .scroll-box
{
    overflow-x: auto;
    cursor: pointer;
}
.section-history .scroll-item
{
    max-width: max-content;
    -moz-user-select: none;
    -webkit-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -webkit-user-drag: none;
    height: 30vw;
}
@media screen and (max-width: 768px)
{
    .section-history .scroll-item
    {
        height: 350px;
    }
    .section-history .section-title-wrapper
    {
        padding: 0 5.5vw;
    }
}/* 关于四方-公司介绍-发展历程 end *//* 关于四方-公司介绍-宣传视频,公司司歌 start */
.section-video
{
    padding: 4vw 11.5vw;
    background: #fff;
}
.section-video .wrapper
{
    max-width: 100%;
    max-width: 1360px;
    margin: 0 auto;
    width: 100%;
}
.section-video .section-title
{
    margin-bottom: 2.08vw;/* 40px; */
}
.section-video .content
{
    width: 100%;
}
.section-video .video-box
{
    width: 100%;
    position: relative;
    padding-bottom: 55%;
    overflow: hidden;
    border-radius: 2.6vw;
}
.section-video .video-box img
{
    width: 100%;
    height: 100%;
    position: absolute;
    transition: all .5s;
}
.section-video .video-box a.js-video-btn
{
    width: 5.21vw;/* 100px; */
    height: 5.21vw;/* 100px; */
    min-width: 50px;
    min-height: 50px;
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%,-50%);
    -moz-transform: translate(-50%,-50%);
    -ms-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%);
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
    background-image: url(/png/hb6gbn3s.png);
    -webkit-transition: all .3s ease;
    -moz-transition: all .3s ease;
    -ms-transition: all .3s ease;
    transition: all .3s ease;
}
.section-video .video-box a.js-video-btn:hover
{
    background-image: url(/png/o75nvsv7.png);
}
.section-video .video-box:hover img
{
    transform: scale(1.05);
}
@media screen and (max-width: 768px)
{
    .section-video
    {
        padding: 40px 5.5vw;
    }
}/* 关于四方-公司介绍-宣传视频,公司司歌 end *//* 关于四方-公司介绍-公司文化 start */
.section-culture
{
    padding: 4vw 5vw;
    background: #f8f9fa;
}
.section-culture .wrapper
{
    max-width: 100%;
    max-width: 1360px;
    margin: 0 auto;
    width: 100%;
}
.section-culture .section-title
{
    margin-bottom: 1.04vw;/* 20px; */
}
.section-culture .items
{
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-start;
}
.section-culture .items .item
{
    border: 1px solid #eff0f1;
    border-radius: 10px;
    background: #fff;
    box-shadow: 2px 2px 1px rgba(100,100,100,.1);
    margin-right: 3.13vw;
    width: calc((100% - 6.26vw) / 3);
    padding: 2.08vw .56vw;
    margin-top: 2.08vw;
    position: relative;
    overflow: hidden;
    transition: all .3s ease;
    text-align: center;
}
.section-culture .items .item:hover
{
    transform: translateY(-10px);
}
.section-culture .items .item:nth-child(3n)
{
    margin-right: 0;
}
.section-culture .items .item h3, .section-culture .items .item p
{
    font-family: 'Times-New-Roman',Times,serif!important;/* color:#737172; */
}
.section-culture .items .item .title, .section-culture .items .item .sub-title
{
    font-size: calc(32 * 1rem / 100);
    line-height: calc(45 * 1rem / 100);
}
.section-culture .items .item .desc
{
    font-size: calc(20 * 1rem / 100);
    line-height: 2vw;
    margin-top: 1.04vw;
}
@media screen and (max-width: 992px)
{
    .section-culture .items .item
    {
        margin-right: 3.13vw!important;
        width: calc((100% - 3.13vw) / 2);
    }
    .section-culture .items .item:nth-child(2n)
    {
        margin-right: 0!important;
    }
}
@media screen and (max-width: 768px)
{
    .section-culture
    {
        padding: 40px 5.5vw;
    }
    .section-culture .items .item
    {
        margin-right: 0!important;
        padding: 20px 0;
        width: 100%;
        margin-top: 4.16vw;
    }
}/* 关于四方-公司介绍-公司文化 end *//* 关于四方-公司介绍-资质证书 start */
.section-cert
{
    padding: 2vw 11.5vw;/* background: #f8f9fa; */
    margin-bottom: 2.08vw;
    padding-bottom: 0;
}
.section-cert .wrapper
{
    max-width: 100%;
    max-width: 1360px;
    margin: 0 auto;
    width: 100%;
}
.section-cert .section-title
{
    margin-bottom: 5.21vw;/* 100px; */
    display: flex;
    justify-content: center;
}
.section-cert .section-title h3
{
    margin-right: 5.21vw;
    cursor: pointer;
    padding: 0 1.04vw;
    border-radius: 10px;
}
.section-cert .section-title h3:last-child
{
    margin-right: 0;
}
.section-cert .section-title h3.active
{
    color: #fff;
    background: #004ea2;
}
.section-cert .items
{
    display: none;
    flex-wrap: wrap;
    justify-content: flex-start;
    overflow-x: hidden;
    padding-bottom: 4.17vw;
}
.section-cert .items.active
{
    display: flex;
}
.section-cert .items .item
{
    text-align: center;
}
.section-cert .items .item .title
{
    margin-top: 1.04vw;
    font-family: 'Times-New-Roman',Times,serif!important;
    font-size: calc(20 * 1rem / 100);
}
.section-cert .items .img-box
{
    width: 100%;
    position: relative;
    padding-bottom: 75%;
}
.section-cert .items .img-box img
{
    position: absolute;
    max-height: 100%;
    max-width: 100%;/*object-fit: contain;*/
    cursor: pointer;
}
.section-cert .items .img-box .img-wrapper
{
    position: absolute;
    width: 100%;
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
}
.section-cert .swiper-pagination-bullet
{
    width: 15px;
    height: 7px;
    border-radius: 4px;
    background: #dadde6;
    opacity: 1;
    margin: 0 8px!important;
}
.section-cert .swiper-pagination-bullet-active
{
    background: #004ea2;
}
@media screen and (max-width: 768px)
{
    .section-cert
    {
        padding: 40px 5.5vw;
    }
    .section-cert .items
    {
        padding-bottom: 50px;
    }
}/* 关于四方-公司介绍-资质证书 end *//* 关于四方-联系我们 start */
.section-contact
{
    padding: 4vw 11.5vw;
    background: #f8f9fa;
}
.section-contact .wrapper
{
    max-width: 100%;
    max-width: 1360px;
    margin: 0 auto;
    width: 100%;
}
.section-contact .section-title
{
    margin-bottom: 1.04vw;/* 40px; */
}
.section-contact .section-title h3
{
    font-size: calc(50 * 1rem / 100);
    font-family: "Times-New-Roman-B"!important;
    color: #004ea2;
}
.section-contact .items
{
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-start;
}
.section-contact .items .item
{
    margin-right: 3vw;
    width: calc((100% - 3vw) / 2);
    margin-top: 2.08vw;
    margin-bottom: 3.81vw;
    transition: all .3s ease;
    text-align: center;
    position: relative;
    display: flex;
    justify-content: center;
}
.section-contact .items .item:hover
{
    transform: translateY(-10px);
}
.section-contact .items .item:nth-child(2n)
{
    margin-right: 0;
}
.section-contact .item-wrapper
{
    box-shadow: 2px 2px 1px rgba(100,100,100,.1);
    border-radius: 10px;
    overflow: hidden;
    width: 100%;
    height: 100%;
    position: relative;
    padding-bottom: 56%;
}
.section-contact .item-wrapper img, .section-contact .item-wrapper .title
{
    display: block;
    position: absolute;
    width: 100%;
    height: 100%;
}
.section-contact .item-wrapper .title
{
    display: flex;
    justify-content: center;
    align-items: center;
    font-family: "Times-New-Roman-B"!important;
    font-size: calc(30 * 1rem / 100);
    line-height: 2.08vw;
    letter-spacing: 0;
    color: #fff;
}
.section-contact .item .text-box
{
    position: absolute;
    background: #fff;
    width: 90%;
    margin: 0 auto;
    border-radius: 16px;
    border: 1px solid #eff0f1;
    box-shadow: 2px 2px 1px rgba(100,100,100,.1);
    height: 9vw;
    bottom: -6vw;
    text-align: left;
    padding: 1.04vw;
}
.section-contact .item .text-box .h3
{
    font-family: 'Times-New-Roman',Times,serif!important;
    font-size: calc(22 * 1rem / 100);
    color: #3e3a39!important;
    letter-spacing: -1px;
}
.section-contact .item .text-box .info
{
    display: flex;
    align-items: center;
    margin-top: .52vw;
}
.section-contact .item .text-box .info img
{
    width: 18px;
    margin-right: .52vw;
}
.section-contact .item .text-box .info p
{
    font-family: 'Times-New-Roman',Times,serif!important;
    font-size: calc(20 * 1rem / 100);
    color: #3e3a39!important;
    letter-spacing: -1px;
}
.section-contact-footer
{
    padding: 7vw 11.5vw;
    background: #fff;
}
.section-contact-footer .wrapper
{
    max-width: 100%;
    max-width: 1360px;
    margin: 0 auto;
    width: 100%;
}
.section-contact-footer .items
{
    display: flex;
    justify-content: space-around;
}
.section-contact-footer .items .item
{
    width: 50%;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    border-right: 3px solid #dae0e6;
}
.section-contact-footer .items .item:last-child
{
    border-right: none;
}
.section-contact-footer .items .item img
{
    width: 5.21vw;
    height: 5.21vw;
    min-width: 60px;
    min-height: 60px;
}
.section-contact-footer .items .item h3
{
    font-family: "Times-New-Roman-B"!important;
    font-size: calc(25 * 1rem / 100);
    line-height: 2.08vw;
    margin-top: 2.08vw;
}
.section-contact-footer .items .item p
{
    font-family: 'Times-New-Roman',Times,serif!important;
    font-size: calc(22 * 1rem / 100);
    line-height: 2.08vw;
}
.section-contact-footer .items .item .icon-fill
{
    display: none;
}
.section-contact-footer .items .item.msg:hover .icon-fill
{
    display: block;
    cursor: pointer;
}
.section-contact-footer .items .item.msg:hover .icon-simple
{
    display: none;
}
@media screen and (max-width: 768px)
{
    .section-contact, .section-contact-footer
    {
        padding: 40px 5.5vw;
    }
    .section-contact .items
    {
        flex-direction: column;
    }
    .section-contact .items .item
    {
        width: 100%;
        margin-top: 4.08vw;
        margin-bottom: 0;
        margin-right: 0;
        flex-direction: row;
        background: #fff;
        box-shadow: 2px 2px 1px rgba(100,100,100,.1);
        border-radius: 10px;
        overflow: hidden;
    }
    .section-contact .item-wrapper
    {
        box-shadow: none;
        border-radius: 0;
        width: 45%;
        padding-bottom: 25.2%;
    }
    .section-contact .item .text-box
    {
        position: relative;
        margin: 0 auto;
        border-radius: 0;
        height: auto;
        bottom: 0;
        text-align: left;
        padding: 2.08vw;
        border: none;
        border-radius: 0 10px 10px 0;
    }
    .section-contact .item .text-box .info
    {
        margin-top: 4px;
    }
    .section-contact .item .text-box .info img
    {
        width: 15px;
        margin-right: 10px;
    }
    .section-contact-footer .items
    {
        flex-direction: column;
    }
    .section-contact-footer .items .item
    {
        width: 100%;
        display: block;
        border: 1px solid #eee;
        box-shadow: 2px 2px 4px rgba(100,100,100,.1);
        border-radius: 4px;
        margin-top: 20px;
        padding: 10px;
    }
    .section-contact-footer .items .item img
    {
        float: left;
        margin-right: 20px;
    }
    .section-contact-footer .items .item h3
    {
        line-height: calc(30 * 1rem / 100);
        margin-bottom: 15px;
    }
    .section-contact-footer .items .item p
    {
        line-height: calc(30 * 1rem / 100);
    }
}/* 关于四方-联系我们 end *//* 关于四方-可持续发展-四方公益-简介 start */
.section-welfare-profile
{
    padding: 4vw 11.5vw;
    background: #f8f9fa;
    overflow-x: hidden;
}
.section-welfare-profile .wrapper
{
    max-width: 1360px;
    margin: 0 auto;
    width: 100%;
}
.section-welfare-profile .content
{
    display: flex;
}
.section-welfare-profile .content .para
{
    width: 60%;
    padding-right: 4.17vw;/* 80px */
}
.section-welfare-profile .content .para h3
{
    color: #004ea2;
    font-family: "Times-New-Roman-B"!important;
    font-size: calc(48 * 1rem / 100);
    margin-bottom: 2.6vw;
}
.section-welfare-profile .content .para .text p
{
    font-family: 'Times-New-Roman',Times,serif!important;
    font-size: calc(26 * 1rem / 100);
    line-height: calc(40 * 1rem / 100);
    margin-bottom: 1.56vw;
}
.section-welfare-profile .content .img
{
    flex: 1;
    padding-top: 2.4vw;
}
.section-welfare-profile .content .img-box
{
    width: 100%;
    position: relative;
    padding-bottom: 80%;
}
.section-welfare-profile .content .img-box img
{
    width: 100%;
    height: 100%;
    position: absolute;
    border-radius: 20px;
}
@media screen and (max-width: 768px)
{
    .section-welfare-profile
    {
        padding: 40px 5.5vw;
    }
    .section-welfare-profile .content
    {
        flex-direction: column;
    }
    .section-welfare-profile .content .para
    {
        width: 100%;
        padding: 0;
    }
}/* 关于四方-可持续发展-四方公益-简介 end *//* 关于四方-可持续发展-四方公益-组织架构 start */
.section-welfare-struct
{
    padding: 4vw 11.5vw;
    background: #fff;
}
.section-welfare-struct .content
{
    display: flex;
    justify-content: center;
}/* 关于四方-可持续发展-四方公益-组织架构 end *//* 关于四方-可持续发展-四方公益-新闻动态 start */
.section-welfare-news
{
    padding: 4vw 11.5vw;
    background: #f8f9fa;
}
.section-welfare-news .wrapper
{
    max-width: 1360px;
    margin: 0 auto;
    width: 100%;
}
.section-welfare-news .section-title
{
    margin-bottom: 1.04vw;/* 40px; */
    position: relative;
}
.section-welfare-news .section-title h3
{
    font-size: calc(50 * 1rem / 100);
    font-family: "Times-New-Roman-B"!important;
    color: #004ea2;
}
.section-welfare-news .section-title .read-more
{
    position: absolute;
    right: 0;
    top: .5vw;
    cursor: pointer;
    font-size: calc(20 * 1rem / 100);
    font-family: 'Times-New-Roman',Times,serif!important;
}
.section-welfare-news .section-title .read-more:hover
{
    color: #004ea2;
}
.section-welfare-news .section-title .read-more::after
{
    content: " →";
}
.section-welfare-news .items
{
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-start;
}
.section-welfare-news .items .item
{
    margin-right: 1.3vw;
    width: calc((100% - 2.6vw) / 3);
    margin-top: 2.08vw;
    text-align: center;
    box-shadow: 2px 3px 2px 0 rgba(218,224,230,.6);
    display: flex;
    flex-direction: column;
    border-radius: 1.04vw;
    overflow: hidden;
    cursor: pointer;
}
.section-welfare-news .items .item:nth-child(3n)
{
    margin-right: 0;
}
.section-welfare-news .item .img-box
{
    width: 100%;
    padding-bottom: 68%;
    position: relative;
}
.section-welfare-news .item .img-box img
{
    width: 100%;
    height: 100%;
    position: absolute;
    display: block;
    transition: all .3s ease;
}
.section-welfare-news .item:hover .img-box img
{
    -webkit-transform: scale(1.1);
    -moz-transform: scale(1.1);
    -ms-transform: scale(1.1);
    transform: scale(1.1);
}
.section-welfare-news .item .txt-box
{
    padding: 1.04vw;
    background: #fff;
    border: 1px solid #eff0f1;
    border-top: none;
    position: relative;
    text-align: left;
    flex: 1;
}
.section-welfare-news .item:hover .txt-box
{
    background-color: #004ea2;
    border: 1px solid #004ea2;
    border-top: none;
}
.section-welfare-news .item:hover .txt-box h3
{
    color: #fff;
}
.section-welfare-news .item .txt-box h3
{
    font-size: calc(28 * 1rem / 100);
    font-family: 'Times-New-Roman',Times,serif!important;
    letter-spacing: -1px;
    margin-bottom: 3vw;
}
.section-welfare-news .item .txt-box .date
{
    position: absolute;
    bottom: 1.04vw;
    left: 1.04vw;
    font-size: calc(26 * 1rem / 100);
    font-family: 'Times-New-Roman',Times,serif!important;
    color: #bdbdbd;
    letter-spacing: -1px;
}
@media screen and (max-width: 768px)
{
    .section-welfare-news
    {
        padding: 40px 5.5vw;
    }
    .section-welfare-news .items
    {
        flex-direction: column;
    }
    .section-welfare-news .items .item
    {
        width: 100%;
        margin-top: 4.08vw;
        margin-right: 0;
        flex-direction: row;
    }
    .section-welfare-news .item .img-box
    {
        width: 40%;
        padding-bottom: 28%;
    }
    .section-welfare-news .item .txt-box
    {
        padding: 2.08vw;
    }
    .section-welfare-news .item .txt-box .date
    {
        left: 2.08vw;
    }
}/* 关于四方-可持续发展-四方公益-新闻动态 end *//* 关于四方-可持续发展-四方公益-信息公开 start */
.section-welfare-info
{
    padding: 4vw 11.5vw;
    background: #fff;
}
.section-welfare-info .wrapper
{
    max-width: 1360px;
    margin: 0 auto;
    width: 100%;
}
.section-welfare-info .section-title
{
    margin-bottom: 2.08vw;/* 40px; */
    position: relative;
}
.section-welfare-info .section-title h3
{
    font-size: calc(50 * 1rem / 100);
    font-family: "Times-New-Roman-B"!important;
    color: #004ea2;
}
.section-welfare-info .items
{
    display: flex;
}
.section-welfare-info .items .item
{
    margin-right: 2.08vw;
    width: calc(100% - 2.08vw);
    text-align: center;
    box-shadow: 8px 2px 2px 0 rgba(218,224,230,.6);
    border-radius: 20px;
    overflow: hidden;
    border: 1px solid #eff0f1;
    transition: all .3s ease;
}
.section-welfare-info .items .item:last-child
{
    margin-right: 0;
}
.section-welfare-info .items .item:hover
{
    transform: translateY(-10px);
}
.section-welfare-info .item .item-wrapper
{
    width: 100%;
    position: relative;
    padding-bottom: 63%;
}
.section-welfare-info .item-wrapper .item-inner
{
    width: 100%;
    height: 100%;
    position: absolute;
    padding: 1.56vw 0;
    display: flex;
    flex-direction: column;
}
.section-welfare-info .item-inner .title-box
{
    display: flex;
    padding: 0 2.6vw;
    margin-bottom: 1.04vw;
}
.section-welfare-info .item-inner .title-box img
{
    width: 3.39vw;/* 65px; */
    height: 3.39vw;
    min-width: 50px;
    min-height: 50px;
}
.section-welfare-info .item-inner .title
{
    border-bottom: 1px solid #004ea2;/* min-width: 50%; */
    width: 12vw;
    display: flex;
    align-items: center;
    padding-left: .78vw;
    margin-left: .2vw;
}
.section-welfare-info .item-inner .title h3
{
    font-size: calc(28 * 1rem / 100);
    font-family: "Times-New-Roman-B"!important;
}
.section-welfare-info .item-inner ul
{
    list-style: none;
    text-align: left;
    padding: 0 2.6vw;
    overflow-y: auto;
}
.section-welfare-info .item-inner ul li, .section-welfare-info .item-inner ul li a
{
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    font-size: calc(24 * 1rem / 100);
    font-family: 'Times-New-Roman',Times,serif!important;
    line-height: calc(42 * 1rem / 100);
    cursor: pointer;
}
.section-welfare-info .item-inner ul li:hover a
{
    font-family: "Times-New-Roman-B"!important;
    color: #004ea2;
}
.section-welfare-info .item-inner ul li::before
{
    content: "•";
    margin-right: 1.04vw;
    font-size: calc(30 * 1rem / 100);
    line-height: calc(42 * 1rem / 100);
    color: #004ea2;
}
.section-welfare-info .item-inner ul li:hover::before
{
    font-family: 'Times-New-Roman',Times,serif!important;
    font-size: calc(30 * 1rem / 100);
    line-height: calc(42 * 1rem / 100);
}
.section-welfare-info .item-inner ul::-webkit-scrollbar-corner, .section-welfare-info .item-inner ul::-webkit-scrollbar-track
{
    background-color: #fff;
}
@media screen and (max-width: 768px)
{
    .section-welfare-info
    {
        padding: 40px 5.5vw;
    }
    .section-welfare-info .items
    {
        flex-direction: column;
    }
    .section-welfare-info .items .item
    {
        width: 100%;
        margin-right: 0;
        margin-top: 4.17vw;
    }
    .section-welfare-info .item-inner .title-box img
    {
        width: 3.39vw;
        height: 3.39vw;
        min-width: 50px;
        min-height: 50px;
    }
    .section-welfare-info .item-inner .title
    {
        width: 100%;
    }
    .section-welfare-info .item-wrapper .item-inner
    {
        padding-top: 3.5vw;
    }
    .section-welfare-info .item-inner ul
    {
        padding: 1vw 5vw;
    }
}/* 关于四方-可持续发展-四方公益-信息公开 end *//* 关于四方-可持续发展-公司治理 start */
.section-susdev-manage
{
    padding: 4.16vw 11.5vw;
    background: #f8f9fa;
}
.section-susdev-manage .wrapper
{
    max-width: 1360px;
    margin: 0 auto;
    width: 100%;
}
.section-susdev-manage .section-title
{
    margin-bottom: 2.08vw;/* 40px; */
    position: relative;
}
.section-susdev-manage .section-title h3
{
    font-size: calc(50 * 1rem / 100);
    font-family: "Times-New-Roman-B"!important;
    color: #004ea2;
}
.section-susdev-manage .content .para p
{
    font-size: calc(32 * 1rem / 100);
    line-height: calc(50 * 1rem / 100);
    font-family: 'Times-New-Roman',Times,serif!important;
}
.section-susdev-manage .content .stage
{
    display: flex;
    width: 100%;
    background: #fff;
    border-radius: 20px;
    overflow: hidden;
    box-shadow: 2px 3px 2px 0 rgba(218,224,230,.6);
    margin-top: 4.17vw;
    margin-bottom: 2.08vw;
}
.section-susdev-manage .stage .text-box
{
    width: 24.8vw;
    height: 38.25vw;
}
.section-susdev-manage .stage .text-box .text-item
{
    width: 100%;
    height: 100%;
    padding: 2.08vw 2.6vw;
    display: none;
}
.section-susdev-manage .stage .text-box .text-item.active
{
    display: block;
}
.section-susdev-manage .stage .text-item h3
{
    font-size: calc(36 * 1rem / 100);
    line-height: calc(36 * 1rem / 100);
    font-family: "Times-New-Roman-B"!important;
    color: #004ea2;
}
.section-susdev-manage .stage .text-item .line
{
    width: 13.5vw;
    border-top: 1px solid #004ea2;
    margin: 2vw 0;
}
.section-susdev-manage .stage .text-item .text p
{
    font-size: calc(24 * 1rem / 100);
    line-height: calc(36 * 1rem / 100);
    font-family: 'Times-New-Roman',Times,serif!important;
    color: #585453;
}
.section-susdev-manage .stage .wall-box
{
    flex: 1;
    border-radius: 20px 0 0 20px;
    overflow: hidden;
    position: relative;
    min-height: 21.5vw;
}
.section-susdev-manage .wall-box ul
{
    list-style: none;
}
.section-susdev-manage .wall-box .wall-wrapper
{
    width: 100%;
    position: absolute;
    padding-bottom: 44%;
    bottom: 0;
    top: 0;
}
.section-susdev-manage .wall-box .wall-inner
{
    position: absolute;
    width: 100%;
    height: 100%;
}
.section-susdev-manage .wall-inner .img-box, .section-susdev-manage .wall-inner .img-box img, .section-susdev-manage .wall-inner .title-box
{
    width: 100%;
    height: 100%;
}
.section-susdev-manage .wall-inner .img-box
{
    position: relative;
}
.section-susdev-manage .wall-inner .img-box img
{
    position: absolute;
    top: 0;
    left: 0;
    opacity: 0;
    transition: all .8s;
}
.section-susdev-manage .wall-inner .img-box img.active
{
    opacity: 1;
}
.section-susdev-manage .wall-inner .title-box
{
    position: absolute;
    top: 0;
    left: 0;
    z-index: 2;
    display: flex;/* justify-content:center; */
}
.section-susdev-manage .wall-inner .title-box li
{
    height: 100%;
    width: 100%;
    border-right: 1px solid #fff;
    text-align: center;
    display: flex;
    flex-direction: column;
    align-items: center;
}
.section-susdev-manage .wall-inner .title-box li:last-child
{
    border-right: none;
}
.section-susdev-manage span.circle
{
    display: block;
    margin-top: 5.73vw;
    display: flex;
    justify-content: center;
    align-items: center;
}
.section-susdev-manage span.circle i
{
    display: block;
    width: 26px;
    height: 26px;
    border-radius: 100%;
    background: #fff;
    opacity: .3;
    position: relative;
}
.section-susdev-manage li.active span.circle i
{
    animation-name: animation-circle;
    animation-duration: 2s;
    animation-timing-function: linear;
    animation-iteration-count: infinite;
}
.section-susdev-manage span.circle:before
{
    content: "";
    width: 12px;
    height: 12px;
    border-radius: 100%;
    background: #fff;
    opacity: 1;
    display: block;
    position: absolute;
}
.section-susdev-manage li.active span.circle:before
{
    background: #004ea2;
}
.section-susdev-manage .title-box li p
{
    font-size: calc(20 * 1rem / 100);
    line-height: calc(40 * 1rem / 100);
    font-family: "PuHuiTi-M"!important;
    color: #fff;
    margin-top: .78vw;
}
@keyframes animation-circle
{
    0%
    {
        box-shadow: 0 0 0 0 white;
    }
    50%
    {
        box-shadow: 0 0 10px 10px white;
    }
    100%
    {
        box-shadow: 0 0 0 0 white;
    }
}
@media screen and (max-width: 768px)
{
    .section-susdev-manage
    {
        padding: 40px 5.5vw;
    }
    .section-susdev-manage .content .stage
    {
        flex-direction: column;
    }
    .section-susdev-manage .stage .text-box
    {
        width: 100%;
    }
    .section-susdev-manage .stage .wall-box
    {
        border-radius: 20px 20px 0 0;
    }
    .section-susdev-manage .stage .wall-box
    {
        min-height: 200px;
    }
    .section-susdev-manage .stage .text-item .line
    {
        width: 100%;
    }
    .section-susdev-manage .stage .text-box .text-item
    {
        padding: 5vw 2.6vw;
    }
    .section-susdev-manage .stage .text-box .text
    {
        padding: 2.5vw 0;
    }
    .section-susdev-manage span.circle
    {
        margin-top: 12vw;
    }
}/* 关于四方-可持续发展-公司治理 end *//* 关于四方-可持续发展-绿色发展 start */
.section-susdev-green
{
    padding: 4.16vw 11.5vw;
    background: #fff;
}
.section-susdev-green .wrapper
{
    max-width: 1360px;
    margin: 0 auto;
    width: 100%;
}
.section-susdev-green .section-title
{
    margin-bottom: 2.08vw;/* 40px; */
    position: relative;
}
.section-susdev-green .section-title h3
{
    font-size: calc(50 * 1rem / 100);
    font-family: "Times-New-Roman-B"!important;
    color: #004ea2;
}
.section-susdev-green .items
{
    display: flex;
    margin: 1.5vw 0;
}
.section-susdev-green .items .item
{
    margin-top: 2.08vw;
    margin-right: 1.04vw;
    width: calc((100% - 2.08vw) / 2);
    text-align: center;
    box-shadow: 2px 3px 2px 0 rgba(218,224,230,.6);
    border-radius: 20px;
    overflow: hidden;
    border: 1px solid #eff0f1;
    transition: all .3s ease;
    padding: 2vw 2.5vw;
}
.section-susdev-green .items .item:last-child
{
    margin-right: 0;
}
.section-susdev-green .items .item:hover
{
    transform: translateY(-10px);
}
.section-susdev-green .content .para p
{
    font-size: calc(32 * 1rem / 100);
    line-height: calc(50 * 1rem / 100);
    font-family: 'Times-New-Roman',Times,serif!important;
}
.section-susdev-green .content .item .title
{
    display: flex;
    align-items: center;
    border-bottom: 1px solid #004ea2;
    padding-bottom: 1.5vw;
    margin-bottom: 1.5vw;
}
.section-susdev-green .content .item .title img
{
    width: 3.91vw;
    height: 3.59vw;
}
.section-susdev-green .content .item .title h3
{
    font-size: calc(36 * 1rem / 100);
    font-family: "Times-New-Roman-B"!important;
    color: #004ea2;
    margin-left: 1.04vw;
}
.section-susdev-green .content .item .text
{
    text-align: left;
}
.section-susdev-green .content .item .text p
{
    font-size: calc(24 * 1rem / 100);
    font-family: 'Times-New-Roman',Times,serif!important;
    color: #585453;
}
@media screen and (max-width: 768px)
{
    .section-susdev-green
    {
        padding: 40px 5.5vw;
    }
    .section-susdev-green .items
    {
        flex-direction: column;
    }
    .section-susdev-green .items .item
    {
        margin-top: 4.08vw;
        width: 100%;
        padding: 5vw;
        margin-right: 0;
    }
    .section-susdev-green .content .item .text
    {
        margin-top: 10px;
    }
}/* 关于四方-可持续发展-绿色发展 end *//* 关于四方-可持续发展-社会责任 start */
.section-susdev-duty
{
    padding: 2.68vw 11.5vw;
    background: url(/jpg/erc19vbl.jpg);
    background-position: center;
    background-repeat: no-repeat;
    background-size: 100% 100%;
    height: 35vw;
    margin-bottom: 10vw;
}
.section-susdev-duty .wrapper
{
    max-width: 1360px;
    margin: 0 auto;
    width: 100%;
}
.section-susdev-duty .section-title
{
    margin-bottom: 2.68vw;/* 40px; */
    position: relative;
}
.section-susdev-duty .section-title h3
{
    font-size: calc(50 * 1rem / 100);
    font-family: "Times-New-Roman-B"!important;
    color: #fff;
}
.section-susdev-duty .items
{
    display: flex;
}
.section-susdev-duty .items .item
{
    margin-right: 1.04vw;
    width: calc((100% - 2.08vw) / 2);
    text-align: center;
    box-shadow: 2px 3px 2px 0 rgba(218,224,230,.6);
    border-radius: 20px;
    overflow: hidden;
    border: 1px solid #eff0f1;
    transition: all .3s ease;
    padding: 2.6vw 3.13vw;
    background: #fff;
    text-align: left;
}
.section-susdev-duty .items .item:last-child
{
    margin-right: 0;
}
.section-susdev-duty .items .item:hover
{
    transform: translateY(-10px);
}
.section-susdev-duty .items .item h3
{
    font-size: calc(36 * 1rem / 100);
    font-family: "Times-New-Roman-B"!important;
    color: #004ea2;
    margin-bottom: 1.3vw;
}
.section-susdev-duty .items .item p
{
    font-size: calc(24 * 1rem / 100);
    line-height: calc(35 * 1rem / 100);
    font-family: 'Times-New-Roman',Times,serif!important;
}
@media screen and (max-width: 768px)
{
    .section-susdev-duty
    {
        padding: 40px 5.5vw;
        height: auto;
    }
    .section-susdev-duty .items
    {
        flex-direction: column;
    }
    .section-susdev-duty .items .item
    {
        width: 100%;
        margin-right: 0;
        margin-top: 20px;
    }
}/* 关于四方-可持续发展-社会责任 end *//* 关于四方-可持续发展-相关资料 start */
.section-susdev-annex
{
    padding: 4.17vw 11.5vw;
    background: #fff;
}
.section-susdev-annex .wrapper
{
    max-width: 1360px;
    margin: 0 auto;
    width: 100%;
}
.section-susdev-annex .section-title
{
    margin-bottom: 2.08vw;/* 40px; */
    position: relative;
}
.section-susdev-annex .section-title h3
{
    font-size: calc(50 * 1rem / 100);
    font-family: "Times-New-Roman-B"!important;
    color: #004ea2;
}
.section-susdev-annex .item
{
    display: block;
    width: 100%;
    padding-bottom: 8%;
    position: relative;
    background: #f8f9fa;
    margin-top: 1.04vw;
    border-left: 5px solid #f8f9fa;
}
.section-susdev-annex .item:hover
{
    border-left: 5px solid #004ea2;
    background: #f5f5f5;
}
.section-susdev-annex .item-wrapper
{
    width: 100%;
    height: 100%;
    position: absolute;
    display: flex;
}
.section-susdev-annex .item .col
{
    display: flex;
    justify-content: center;
    align-items: center;
}
.section-susdev-annex .item .col-icon, .section-susdev-annex .item .col-button
{
    width: 10%;
}
.section-susdev-annex .item .col-title
{
    flex: 1;
    justify-content: start;
}
.section-susdev-annex .item:hover .col .icon-simple, .section-susdev-annex .item .col .icon-fill
{
    display: none;
}
.section-susdev-annex .item:hover .col .icon-fill
{
    display: block;
}
.section-susdev-annex .item .col img
{
    width: 2.5vw;
    min-width: 20px;
}
.section-susdev-annex .item .col-title h3
{
    font-size: calc(32 * 1rem / 100);
    font-family: 'Times-New-Roman',Times,serif!important;
    padding-left: 2.6vw;
    border-left: 1px solid #dae0e6;
    cursor: pointer;
}
.section-susdev-annex .item:hover .col-title h3
{
    border-left: 1px solid #004ea2;
    color: #004ea2;
}
.section-susdev-annex .item .col-button img
{
    cursor: pointer;
}/* 解决方案详情页 start */
.section-solution-att .item
{
    display: block;
    width: 100%;
    padding-bottom: 8%;
    position: relative;
    background: #f8f9fa;
    margin-top: 1.04vw;
    border-left: 5px solid #f8f9fa;
}
.section-solution-att .item:hover
{
    border-left: 5px solid #004ea2;
    background: #f5f5f5;
}
.section-solution-att .item-wrapper
{
    width: 100%;
    height: 100%;
    position: absolute;
    display: flex;
}
.section-solution-att .item .col
{
    display: flex;
    justify-content: center;
    align-items: center;
}
.section-solution-att .item .col-icon, .section-solution-att .item .col-button
{
    width: 10%;
}
.section-solution-att .item .col-title
{
    flex: 1;
    justify-content: start;
}
.section-solution-att .item:hover .col .icon-simple, .section-solution-att .item .col .icon-fill
{
    display: none;
}
.section-solution-att .item:hover .col .icon-fill
{
    display: block;
}
.section-solution-att .item .col img
{
    width: 2.5vw;
    min-width: 20px;
}
.section-solution-att .item .col-title h3
{
    font-size: calc(32 * 1rem / 100);
    font-family: 'Times-New-Roman',Times,serif!important;
    padding-left: 2.6vw;
    border-left: 1px solid #dae0e6;
    cursor: pointer;
}
.section-solution-att .item:hover .col-title h3
{
    border-left: 1px solid #004ea2;
    color: #004ea2;
}
.section-solution-att .item .col-button img
{
    cursor: pointer;
}
@media screen and (max-width: 768px)
{
    .section-susdev-annex
    {
        padding: 40px 5.5vw;
    }
    .section-susdev-annex .item
    {
        padding-bottom: 20%;
        margin-top: 2.04vw;
    }
}/* 关于四方-可持续发展-相关资料 end *//* 关于四方-在线留言 start */
.section-message
{
    padding: 4.16vw 11.5vw;
    background: #fff;
}
.section-message .wrapper
{
    max-width: 1360px;
    margin: 0 auto;
    width: 100%;
}
.section-message .section-title
{
    margin-bottom: 2.08vw;/* 40px; */
    position: relative;
}
.section-message .section-title h3
{
    font-size: calc(50 * 1rem / 100);
    font-family: "Times-New-Roman-B"!important;
    color: #004ea2;
}
.section-message .tab
{
    display: flex;
    width: 100%;
}
.section-message .tab-item
{
    width: 25%;
    margin-right: 1.04vw;
    text-align: center;
    height: 3.65vw;
    min-height: 40px;
    max-height: 70px;
    background: #ccdcec;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
}
.section-message .tab-item.active
{
    background: #004ea1;
}
.section-message .tab-item.active span
{
    color: #fff;
}
.section-message .tab-item span
{
    font-size: calc(30 * 1rem / 100);
    font-family: 'Times-New-Roman',Times,serif!important;
}
.section-message .tab-item:last-child
{
    margin-right: 0;
}
.section-message .tab-content
{
    width: 100%;
    height: auto;
    border: 1px solid #ccdcec;
    min-height: 200px;
    box-shadow: 0 2px 3px 2px rgba(204,220,236,.6);
    border-radius: 0 0 20px 20px;
    padding: 1.04vw 2.08vw;
}
.section-message a.btn-captcha-reset
{
    width: auto;
    display: flex;
    font-size: calc(18 * 1rem / 100);
    line-height: 40px;
    transition: all .3s ease;
}
.section-message a.btn-captcha-reset:hover
{
    color: #004ea2;
    -webkit-transform: scale(1.05);
    -moz-transform: scale(1.05);
    -ms-transform: scale(1.05);
    transform: scale(1.05);
}
.section-message a.btn-captcha-reset::before
{
    content: "⟲";
    font-size: calc(25 * 1rem / 100);
    color: #004ea2;
    margin-right: .3vw;
    transition: all .2s ease;
}/*  .section-message a.btn-captcha-reset:hover::before{
 	transform: rotate(-360deg);
 } */
.section-message .form-box
{
    display: none;
}
.section-message .form-box.active
{
    display: block;
}
.section-message .captche-input-box
{
    display: flex;
    flex-direction: column;
}
.section-message .captche-input-box>input
{
    width: 150px;
}
@media screen and (max-width: 768px)
{
    .section-message
    {
        padding: 40px 2.5vw;
    }
    .section-message .captche-input-box>input
    {
        width: 100%;
    }
}/* 关于四方-在线留言 end */
.form-box
{
    width: 100%;
}/* 表单样式 start*/
.form-box .form-item-label
{
    font-size: calc(20 * 1rem / 100);
    font-family: 'Times-New-Roman',Times,serif!important;
    margin: 10px 0;
    display: block;
}
.form-box .form-item-label.strong
{
    font-family: "PuHuiTi-M"!important;
    color: #004ea2;
}
.form-box .form-row
{
    display: flex;
    width: 100%;
    margin-bottom: 1.5vw;
}
.form-box .form-row .form-item
{
    margin-right: 2.08vw;
    width: 100%;
}
.form-box .form-row .form-item:last-child
{
    margin-right: 0;
}
.form-box .form-item.required .form-item-label::before
{
    content: "*";
    color: #f00;
}
.form-box .form-item .form-item-input input, .form-box .form-item .form-item-input textarea
{
    border-width: 1px;
    border-style: solid;
    background-color: #fff;
    color: rgba(0,0,0,.65);
    padding-left: .52vw;
    border-radius: 10px;
    border-color: #eee;
    width: 100%;
    font-family: 'Times-New-Roman',Times,serif!important;
}
.form-box .form-item .form-item-input input
{
    height: 40px;
    line-height: 40px;
}
.form-box .form-item .form-item-checkbox
{
    border-top: 1px solid #eee;
    border-bottom: 1px solid #eee;
    display: flex;
    flex-wrap: wrap;
}
.form-box .form-item .form-item-submit
{
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}
.form-box .form-item .checkbox-item
{
    display: flex;
    align-items: center;
    overflow: hidden;
    margin-right: 1.04vw;
    height: 60px;
    line-height: 60px;
    position: relative;
}
.form-box .form-item .checkbox-item:last-child
{
    margin-right: 0;
}
.form-box .form-item .checkbox-item span
{
    margin-left: 8px;
    font-size: calc(18 * 1rem / 100);
    font-family: 'Times-New-Roman',Times,serif!important;
}
.form-box .form-item input[type='checkbox']
{
    cursor: pointer;
    position: relative;
    width: 15px;
    height: 15px;
    top: -50px;
}
.form-box .form-item input[type='checkbox']::before
{
    content: " ";
    position: absolute;
    top: 48px;
    width: 15px;
    height: 15px;
    border-radius: 2px;
    border: 1px solid #004ea2;
}/* .form-box .form-item input[type='checkbox']:checked::before{
	content:"\2714";
	font-size:15px;
	line-height:15px;
	color:#fff;
	border-color:#004ea2;
	background: #004ea2;
} */
.form-box .form-item .form-item-input textarea
{
    min-height: 200px;
    height: auto;
    line-height: 20px;
    padding: 6px 10px;
    resize: vertical;
    border-radius: 10px;
    width: 80%;
}
.form-box .form-item-input.inline-input, .form-box .form-item-checkbox.inline-input, .form-box .form-item-submit.inline-input
{
    display: flex;/* align-items: center; */
}
.form-box .form-item .form-item-input input:focus, .form-box .form-item .form-item-input textarea:focus
{
    border-color: #004ea2;
}
.form-box .form-item .form-item-input input.error-msg, .form-box .form-item .form-item-input textarea.error-msg
{
    border-color: #f00;
}
.form-box .form-item span.error-msg
{
    color: #f00;
    width: 100%;
    font-size: 16px;
    font-family: "PuHuiTi-L"!important;
}
.form-box .form-item .checkbox-item span.error-msg
{
    position: absolute;
    top: 20px;
    left: 0;
}
.form-box .captcha-box
{
    height: 40px;
    width: 120px;
    margin: 0 1.04vw;
    border: 1px solid #ccc;
}
.form-box .captcha-box img
{
    width: 100%;
    height: 100%;
}
.form-box .btn-submit
{
    color: #fff;
    background: #004ea2;
    border-radius: 50px;
    width: 200px;
    height: 40px;
    font-size: calc(18 * 1rem / 100);
    cursor: pointer;
    border: none;
}
.form-box .submit-box
{
    height: 60px;
    line-height: 60px;
}
@media screen and (max-width: 768px)
{
    .form-box .form-row
    {
        flex-direction: column;
    }
    .form-box .form-item-label
    {
        font-size: 14px;
    }
    .form-box .form-item .checkbox-item
    {
        height: 55px;
        line-height: 55px;
    }
    .section-message .tab-content
    {
        padding: 2.08vw 5vw;
    }/* .form-box .form-item input[type='checkbox']:checked::before {
	    content: "\2714";
	    font-size: 15px;
	    line-height: 15px;
	    color: #004ea2;
	    background: none;
	} */
    .form-box .captche-item
    {
        flex-wrap: wrap;
    }
    .form-box .captche-item
    {
        flex-wrap: wrap;
    }
    .form-box .captche-input-box
    {
        width: 100%;
    }
    .form-box .captcha-box, .form-box a.btn-captcha-reset
    {
        margin: 2.08vw 1.04vw;
    }
    .section-message a.btn-captcha-reset
    {
        font-size: 18px;
    }
    .section-message a.btn-captcha-reset::before
    {
        font-size: 24px;
    }
    .form-box .form-item-submit
    {
        flex-direction: column;
        align-items: center;
    }
    .form-box .form-item .form-item-input textarea
    {
        width: 100%;
    }
    .form-box .submit-box
    {
        margin-top: 20px;
    }
    .form-box .btn-submit
    {
        font-size: 14px;
    }
}/* 表单样式 end*//* 解决方案-应用场景 start*/
.section-scenes
{
    padding: .78vw 11.5vw;
    overflow-x: hidden;
    background-color: #f8f9fa;
}
.section-scenes .wrapper
{
    max-width: 1360px;
    margin: 0 auto;
    width: 100%;
}
.section-scenes li
{
    list-style-type: none;
    display: inline-block;
}
.section-scenes .content
{
    display: flex;
}
.section-scenes .content .title
{
    width: fit-content;
}
.section-scenes .content .items
{
    flex: 1;
}
.section-scenes .content .title .h3
{
    font-size: calc(20 * 1rem / 100);
    line-height: calc(40 * 1rem / 100);
    font-family: "Times-New-Roman-B"!important;
    color: #004ea2;
}
.section-scenes .content .items li a
{
    font-size: calc(20 * 1rem / 100);
    line-height: calc(40 * 1rem / 100);
    font-family: 'Times-New-Roman',Times,serif!important;
    cursor: default;
}
.section-scenes li:not(:first-child)::before
{
    content: "|";
    display: inline-block;
    margin: 0 10px;
    font-size: calc(26 * 1rem / 100);
    color: #004ea2;
}/* 解决方案-应用场景 end*//* 解决方案-总览 start*/
.section-solution
{
    padding: 0 7.5vw;
    overflow-x: hidden;
    padding-left: 17.5vw;
}
.aside-navbox .aside-item, .aside-navbox .aside-item-sep
{
    width: 15.5vw;
}
.section-solution .wrapper
{
    max-width: 1360px;
    margin: 0 auto;
    width: 100%;
}
.section-solution .item
{
    padding: 3.65vw 0;
    display: flex;
    justify-content: space-between;
}
.section-solution.img-left
{
    background-color: #f8f9fa;
}
.section-solution.img-right
{
    background-color: #fff;
}
.section-solution.img-right .item
{
    flex-direction: row-reverse;
    background: #fff;
}
.section-solution .item .img-box
{
    display: flex;
    justify-content: center;
    align-items: center;
    flex: 1;
}/*  	.section-solution .item .img-box,
   	.section-solution .item .txt-box{
   	  width: 50%;
   	} */
.section-solution .item .img-box .img-wrapper
{
    width: 65%;
    position: relative;
}
.section-solution .item .img-box .img-wrapper img
{
    width: 100%;/* min-height:300px; */
}
.section-solution .item .img-box
{
    transition: transform .3s ease;
}
.section-solution:hover .item .img-box
{
    transform: scale(1.06);
}
.section-solution .item .txt-box
{
    display: flex;
    flex-direction: column;
    justify-content: center;
    width: 55%;
}
.section-solution .item .txt-box .h3
{
    font-size: calc(40 * 1rem / 100);
    font-family: 'Times-New-Roman',Times,serif!important;
    line-height: calc(40 * 1rem / 100);
    color: #004ea2;
}
.section-solution .item .txt-box p
{
    font-size: calc(22 * 1rem / 100);
    font-family: 'Times-New-Roman',Times,serif!important;
    line-height: calc(40 * 1rem / 100);
    margin-top: 2.2vw;
}
.section-solution .item a.btn-detail
{
    margin-top: 3vw;
}
.section-solution.img-left .item a.btn-detail
{
    align-self: end;
}
@media screen and (max-width: 1800px)
{
    .section-solution
    {
        padding-left: 20.5vw;
        padding-right: 5.5vw;
    }
    .aside-navbox .aside-item, .aside-navbox .aside-item-sep
    {
        width: 18.5vw;
    }
}
@media screen and (max-width: 1600px)
{
    .section-solution
    {
        padding-left: 21.5vw;
    }
    .aside-navbox .aside-item, .aside-navbox .aside-item-sep
    {
        width: 19.5vw;
    }
}
@media screen and (max-width: 1200px)
{
    .section-solution
    {
        padding-left: 23vw;
    }
    .aside-navbox .aside-item, .aside-navbox .aside-item-sep
    {
        width: 21vw;
    }
}
@media screen and (max-width: 992px)
{
    .section-scenes
    {
        padding: .78vw 5.5vw;
    }
    .section-solution
    {
        padding: 0 11.5vw;
    }
    .section-solution .item, .section-solution.img-right .item
    {
        flex-direction: column;
    }
    .section-solution .item .img-box, .section-solution .item .txt-box
    {
        width: 100%;
    }
    .section-solution .item .txt-box
    {
        padding: 5.5vw;
    }
    .section-solution .item a.btn-detail, .section-solution.img-left .item a.btn-detail
    {
        align-self: center;
    }
}
@media screen and (max-width: 768px)
{
    .section-solution
    {
        padding: 0 1.04vw;
    }
}/* 解决方案-总览 end *//* 通用按钮样式 start */
a.btn-default
{
    display: block;
    width: fit-content;
    font-size: calc(24 * 1rem / 100);
    line-height: calc(48 * 1rem / 100);
    letter-spacing: 2.5px;
    font-family: 'Times-New-Roman',Times,serif!important;
    padding: 0 2.5vw;
    border-radius: 10px;
    color: #004ea2;
    border: 1px solid #004ea2;
    background: none;
    -webkit-transition: transform .5s ease;
    -moz-transition: transform .5s ease;
    -ms-transition: transform .5s ease;
    transition: transform .5s ease;
}
a.btn-default.btn-animated:hover
{
    background: #004ea2;
    color: #fff;
    box-shadow: 0 5px 20px rgba(0,78,162,.3);
    -moz-transform: translateY(-5px);
    -ms-transform: translateY(-5px);
    transform: translateY(-5px);
}/* 通用按钮样式 end */
.section-solution-link
{
    padding: 5vw 11.5vw;
    background: #fff;
}
.section-solution-link .wrapper
{
    max-width: 100%;
    margin: 0 auto;
    width: 100%;
}
.section-solution-link .link-btn
{
    margin-top: 0;
}/* 解决方案 - 详情 start */
.section-solution-overview
{
    padding: 4vw 11.5vw;
    background: #f8f9fa;
}
.section-solution-traits
{
    padding: 2.08vw 11.5vw;
    padding-bottom: 4vw;
    background: #fff;
}
.section-solution-worth
{
    padding: 2.08vw 11.5vw;
    padding-bottom: 4vw;
    background: #f8f9fa;
}
.section-solution-case
{
    padding: 2.08vw 11.5vw;
    background: #fff;
}
.section-solution-overview .wrapper, .section-solution-traits .wrapper, .section-solution-worth .wrapper, .section-solution-case .wrapper
{
    max-width: 100%;
    max-width: 1360px;
    margin: 0 auto;
    width: 100%;
}
.section-solution-overview .section-title, .section-solution-worth .section-title
{
    margin-bottom: 1.04vw;
}
.section-solution-traits .section-title, .section-solution-case .section-title
{
    margin-bottom: 2.08vw;
}
.section-solution-overview .section-title h3, .section-solution-traits .section-title h3, .section-solution-worth .section-title h3, .section-solution-case .section-title h3
{
    font-size: calc(50 * 1rem / 100);
    font-family: "Times-New-Roman-B"!important;
    color: #004ea2;
}
.section-solution-overview .para p, .section-solution-worth .para p
{
    font-size: calc(26 * 1rem / 100);
    line-height: calc(48 * 1rem / 100);
    font-family: 'Times-New-Roman',Times,serif!important;
    margin-bottom: 1.04vw;
}
.section-solution-overview .para p:last-child
{
    margin-bottom: 0;
}
.section-solution-traits .items-vertical
{
    display: flex;
    justify-content: space-around;
}
.section-solution-traits .items-vertical .item .img-box
{
    width: 70%;
}
.section-solution-traits .items-vertical .item .img-box img
{
    width: 80%;
}
.section-solution-traits .items-vertical .item .title
{
    text-align: center;
    padding: 0 1.04vw;
}
.section-solution-traits .items-vertical .item h3
{
    font-size: calc(30 * 1rem / 100);
    line-height: calc(38 * 1rem / 100);
    font-family: 'Times-New-Roman',Times,serif!important;
}
.section-solution-traits .items-vertical .item
{
    display: flex;
    flex-direction: column;
    align-items: center;
    width: 15vw;
    transition: all .3s ease;
}/* .section-solution-traits .items-vertical .item:hover{
	transform: translateY(-10px);
} */
.section-solution-traits .items-vertical .item .img-wrapper
{
    width: 100%;
    padding-bottom: 75%;
    position: relative;
    display: flex;
    justify-content: center;
}
.section-solution-traits .items-vertical .item .img-wrapper img
{
    position: absolute;/*width: 100%;*/
    height: 100%;
}
.section-solution-traits .items-vertical .item .line
{
    border-bottom: 1px solid #004ea2;
    width: 90%;
    margin-top: .52vw;
    margin-bottom: .52vw;
}
.section-solution-traits .items-horizontal
{
    display: flex;
    flex-wrap: wrap;
}
.section-solution-traits .items-horizontal .item
{
    margin-right: 2.08vw;
    width: calc((100% - 2.08vw) / 2);
    margin-top: 2.08vw;
    transition: all .3s ease;
    display: flex;
    justify-content: center;
    height: fit-content;
}/* .section-solution-traits .items-horizontal .item:hover{
	transform: translateY(-10px);
} */
.section-solution-traits .items-horizontal .item:nth-child(-n+2)
{
    margin-top: 0;
}
.section-solution-traits .items-horizontal .item:nth-child(2n)
{
    margin-right: 0;
}
.section-solution-traits .items-horizontal .item .img-box
{
    width: 6.25vw;
    height: 6.25vw;
    border: 1px solid #eff0f1;
    box-shadow: 2px 3px 2px 0 rgba(218,224,230,.6);
    background-color: #fff;
    border-radius: 10px;
    min-width: 80px;
    min-height: 80px;
    max-width: 120px;
    max-height: 120px;
}
.section-solution-traits .items-horizontal .item .img-wrapper
{
    width: 100%;
    height: 100%;
    background-position: center;
    background-repeat: no-repeat;
    background-size: 90% auto;
}
.section-solution-traits .items-horizontal .item .text-box
{
    flex: 1;
    padding: 0 1.04vw;
}
.section-solution-traits .items-horizontal .item .text-box.simple
{
    display: flex;
    align-items: center;
}
.section-solution-traits .items-horizontal .item .title
{
    font-size: calc(30 * 1rem / 100);
    line-height: calc(38 * 1rem / 100);
    font-family: 'Times-New-Roman',Times,serif!important;
    color: #004ea2;
}
.section-solution-traits .items-horizontal .item .text
{
    margin-top: .52vw;
    font-size: calc(26 * 1rem / 100);
    line-height: calc(32 * 1rem / 100);
    font-family: 'Times-New-Roman',Times,serif!important;
}
.section-solution-traits .items-horizontal .item .text-box.simple .text
{
    margin-top: 0;
}
.section-solution-traits .items-card
{
    display: flex;
    flex-wrap: wrap;
}
.section-solution-traits .items-card .item
{
    margin-right: 2vw;
    width: calc((100% - 4vw) / 3);
    margin-top: 2.08vw;
    transition: all .3s ease;
}/* .section-solution-traits .items-card .item:hover{
	transform: translateY(-10px);
} */
.section-solution-traits .items-card .item:nth-child(-n+3)
{
    margin-top: 0;
}
.section-solution-traits .items-card .item:nth-child(3n)
{
    margin-right: 0;
}
.section-solution-traits .items-card .item .img-box
{
    width: 100%;
}
.section-solution-traits .items-card .item .img-wrapper
{
    width: 100%;
    padding-bottom: 61%;
    position: relative;
}
.section-solution-traits .items-card .item .img-wrapper img
{
    position: absolute;
    width: 100%;
    height: 100%;
    border-radius: 18px;
}
.section-solution-traits .items-card .item .text-box
{
    padding: 1.5vw 2vw;
}
.section-solution-traits .items-card .item .title
{
    font-size: calc(30 * 1rem / 100);
    line-height: calc(30 * 1rem / 100);
    font-family: "Times-New-Roman-B"!important;
    display: inline-block;
    border-bottom: 2px solid #004ea2;
    transform: translateY(2px);
    padding-bottom: .8vw;
}
.section-solution-traits .items-card .item .line
{
    width: 100%;
    border-bottom: 2px solid #dae0e6;
}
.section-solution-traits .items-card .item .text
{
    font-size: calc(26 * 1rem / 100);
    line-height: calc(30 * 1rem / 100);
    font-family: 'Times-New-Roman',Times,serif!important;
    margin-top: .8vw;
}/* 价值 */
.section-solution-worth .items-horizontal
{
    display: flex;
    flex-wrap: wrap;
}
.section-solution-worth .items-horizontal .item
{
    margin-right: 2.08vw;
    width: calc((100% - 2.08vw) / 2);
    margin-top: 1.04vw;
    transition: all .3s ease;
    padding-left: 2.08vw;
}
.section-solution-worth .items-vertical .item
{
    margin-top: 1.04vw;
    padding-left: 2.08vw;
    transition: all .3s ease;
}/* .section-solution-worth .items-vertical .item:hover,
.section-solution-worth .items-horizontal .item:hover{
	transform: translateY(-10px);
} */
.section-solution-worth .items-horizontal .item:nth-child(-n+2)
{
    margin-top: 0;
}
.section-solution-worth .items-horizontal .item:nth-child(2n)
{
    margin-right: 0;
}
.section-solution-worth .items-vertical .item .h5, .section-solution-worth .items-vertical .item p, .section-solution-worth .items-horizontal .item .h5, .section-solution-worth .items-horizontal .item p
{
    font-size: calc(26 * 1rem / 100);
    line-height: calc(50 * 1rem / 100);
    font-family: 'Times-New-Roman',Times,serif!important;
    padding-left: 1.04vw;
    position: relative;
}
.section-solution-worth .items-vertical .item .h5 b, .section-solution-worth .items-vertical .item p b, .section-solution-worth .items-horizontal .item .h5 b, .section-solution-worth .items-horizontal .item p b
{
    font-family: 'Times-New-Roman',Times,serif!important;
    color: #004ea2;
}
.section-solution-worth .items-vertical .item p, .section-solution-worth .items-horizontal .item p
{
    line-height: calc(40 * 1rem / 100);
    margin-top: .52vw;
}
.section-solution-worth .items-vertical .item .h5::before, .section-solution-worth .items-horizontal .item .h5::before
{
    content: "";
    position: absolute;
    left: -.52vw;
    background: #004ea2;
    width: .52vw;
    height: .52vw;
    top: calc(20 * 1rem / 100);
    border-radius: 50%;
    min-width: 5px;
    min-height: 5px;
}
.section-solution-worth .img-box
{
    display: flex;
    justify-content: center;
    margin-top: 2.08vw;
}
.section-solution-worth .img-box img
{
    max-width: 100%;
}
.section-solution-case
{
    padding-bottom: 4vw;
}
.section-solution-case .items-wrapper
{
    padding: 0 4.69vw;
}
.section-solution-case .items
{
    width: 100%;
    overflow-x: hidden;
    margin-top: 3vw;
}
.section-solution-case .items .swiper-wrapper
{
    width: 100%;
}
.section-solution-case .items .item
{
    width: 100%;
    display: flex;
    padding: 0 1px;
}
.section-solution-case .items .item .img-box
{
    width: 35%;
}
.section-solution-case .items .item .img-wrapper
{
    width: 100%;/*  padding-bottom: 89%;
    position: relative;
    overflow: hidden;
    border-radius: 10px; */
}
.section-solution-case .items .item .img-wrapper img
{/*     position: absolute;
    height: 100%; */
    border-radius: 12px;
    width: 100%;
    user-select: none;
}
.section-solution-case .items .item .text-box
{
    padding-left: 2.6vw;
    flex: 1;
}
.section-solution-case .items .item .text-box .h3
{
    font-size: calc(30 * 1rem / 100);
    line-height: calc(30 * 1rem / 100);
    font-family: "Times-New-Roman-B"!important;
    color: #004ea2;
    margin-top: .52vw;
}
.section-solution-case .items .item .text-box p
{
    margin-top: 1.5vw;
    font-size: calc(26 * 1rem / 100);
    line-height: calc(48 * 1rem / 100);
    font-family: 'Times-New-Roman',Times,serif!important;
    text-overflow: ellipsis;
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 4;
    -webkit-box-orient: vertical;
    position: relative;
}
.section-solution-case .items .item .read-more
{
    bottom: 4px;
    cursor: pointer;
    font-size: calc(20 * 1rem / 100);
    font-family: 'Times-New-Roman',Times,serif!important;
}
.section-solution-case .items .item .read-more::after
{
    content: "→";
    margin-left: 6px;
}
.section-solution-case .items .item .read-more:hover
{
    color: #004ea2;
}
.section-solution-case .swiper-button-prev
{
    background-image: url("/png/4s41v9o2.png");
    width: 40px;
    height: 60px;
    background-size: 40px 60px;
}
.section-solution-case .swiper-button-prev:hover
{
    background-image: url("/png/5d6i1qmk.png");
}
.section-solution-case .swiper-button-next
{
    background-image: url("/png/2af1luor.png");
    width: 40px;
    height: 60px;
    background-size: 40px 60px;
}
.section-solution-case .swiper-button-next:hover
{
    background-image: url("/png/wxr9rbdo.png");
}
.section-solution-case .swiper-button-prev
{
    left: 4px;
}
.section-solution-case .swiper-button-next
{
    right: 4px;
}
.section-solution-case .swiper-button-prev.swiper-button-disabled, .section-solution-case .swiper-button-next.swiper-button-disabled
{
    opacity: .2;
}
@media screen and (max-width: 992px)
{
    .section-solution-overview, .section-solution-worth, .section-solution-traits, .section-solution-case
    {
        padding-left: 5.5vw;
        padding-right: 5.5vw;
    }
    .section-solution-traits .items-horizontal .item
    {
        flex-direction: column;
        align-items: center;
    }
    .section-solution-traits .items-horizontal .item .img-box
    {
        margin-bottom: 5.5vw;
    }
    .section-solution-case .items .item
    {
        flex-direction: column;
        align-items: center;
    }
    .section-solution-case .items .item .img-box
    {
        width: 60%;
    }
    .section-solution-case .swiper-button-prev
    {
        width: 25px;
        height: 50px;
        background-size: 25px 50px;
        left: -5px;
    }
    .section-solution-case .swiper-button-next
    {
        width: 25px;
        height: 50px;
        background-size: 25px 50px;
        right: -5px;
    }
    .section-solution-case .items .item .text-box
    {
        margin-top: 2.5vw;
    }
    .section-solution-case .items .item .read-more
    {
        position: relative;
    }
    .section-solution-traits .items-vertical
    {
        display: flex;
        flex-wrap: wrap;
        justify-content: flex-start;
    }
    .section-solution-traits .items-vertical .item
    {
        margin-right: 2.08vw;
        width: calc((100% - 2.08vw) / 2);
    }
    .section-solution-traits .items-vertical .item:nth-child(2n)
    {
        margin-right: 0;
    }
    .section-solution-traits .items-card .item
    {
        width: calc((100% - 2vw) / 2);
    }
    .section-solution-traits .items-card .item:nth-child(3n)
    {
        margin-right: 2vw;
    }
    .section-solution-traits .items-card .item:nth-child(2n)
    {
        margin-right: 0;
    }
}
div.programme-detail div.section-solution-bg:nth-child(odd)
{
    background: #f8f9fa;
}
div.programme-detail div.section-solution-bg:nth-child(even)
{
    background: #fff;
}/* 解决方案 - 详情 end *//* 解决方案 - 重大项目 start */
.section-case-category
{
    padding: 1.5vw 11.5vw;
    background: #f8f9fa;
    padding-bottom: 1.3vw;
}
.section-case-category .wrapper
{
    max-width: 100%;
    max-width: 1360px;
    margin: 0 auto;
    width: 100%;
}
.section-case-category .items
{
    display: flex;
    flex-wrap: wrap;
    list-style-type: none;
    border-bottom: 2px solid #ededed;
}
.section-case-category .items li
{
    padding-bottom: .52vw;
}
.section-case-category .items li:not(:last-child)
{
    margin-right: 2vw;
}
.section-case-category .items li a
{
    font-size: calc(24 * 1rem / 100);
    font-family: 'Times-New-Roman',Times,serif!important;
    cursor: pointer;
    padding-bottom: .52vw;
    position: relative;
}
.section-case-category .items li a::after
{
    content: "";
    height: 2px;
    position: absolute;
    bottom: -2px;
    left: 50%;
    width: 0;
    background: #004ea2;
    transition: all .36s;
    transform: translateX(-50%);
}
.section-case-category .items li:hover a::after, .section-case-category .items li.active a::after
{
    width: 100%;
}
.section-case-category .items li:hover a, .section-case-category .items li.active a
{
    color: #004ea2;
}
.solution-case-list .section-case-box:nth-child(odd)
{
    background: #f8f9fa;
}
.solution-case-list .section-case-box:nth-child(even)
{
    background: #fff;
}
.section-case-box
{
    padding: 1.5vw 0;
}
.section-case-box .items
{
    display: flex;
    flex-wrap: wrap;
}
.section-case-box .items .item
{
    margin-right: 2vw;
    width: calc((100% - 4vw) / 3);
    margin-top: 3vw;
    transition: all .3s ease;
}
.section-case-box .items .item:nth-child(-n+3)
{
    margin-top: 0;
}
.section-case-box .items .item:nth-child(3n)
{
    margin-right: 0;
}
.section-case-box .items .item .img-box
{
    width: 100%;
}
.section-case-box .items .item .img-wrapper
{
    width: 100%;
    position: relative;
    padding-bottom: 56%;
    border-radius: 10px;
    overflow: hidden;
}
.section-case-box .items .item .img-wrapper img
{
    position: absolute;
    width: 100%;
    height: 100%;
    transition: transform .3s ease;
}
.section-case-box .items .item:hover
{
    transform: translateY(-10px);
}
.section-case-box .items .item:hover .img-wrapper img
{
    transform: scale(1.1);
}
.section-case-box .items .item .text-box
{
    margin-top: 1.04vw;
    text-align: center;
}
.section-case-box .items .item .text-box .h3
{
    font-size: calc(24 * 1rem / 100);
    line-height: calc(30 * 1rem / 100);
    font-family: 'Times-New-Roman',Times,serif!important;
}
.section-case-box .items .item:hover .text-box .h3
{
    color: #004ea2;
}
@media screen and (max-width: 992px)
{
    .section-case-category
    {
        padding: 2vw 5.5vw;
    }
    .section-case-box
    {
        padding: 1.5vw 5.5vw;
    }
}/* 解决方案 - 重大项目 end *//* 解决方案 侧边导航 start */
.aside-navbox
{
    position: fixed;
    left: 0;
    padding-left: 25px;
    top: 124px;
    z-index: 1;
    transition: all .36s ease-out;
    transform: translateX(-25vw);
}
.aside-navbox.active
{
    transform: translateY(0) translateX(0);
}
.aside-navbox .aside-nav
{
    position: relative;
    margin: 0;
    list-style-type: none;
}
.aside-navbox .aside-nav::before
{
    content: "";
    position: absolute;
    left: 6px;
    top: 11px;
    z-index: -2;
    width: 1px;
    height: calc(100% - 22px);
    background: #d1d1d3;
    transition: all .36s;
}
.aside-navbox .aside-item
{
    position: relative;
    z-index: 1;
    padding-left: 20px;
    font-size: calc(18 * 1rem / 100);
    line-height: calc(20 * 1rem / 100);
    font-family: 'Times-New-Roman',Times,serif!important;
    color: #999;
    margin: 30px 0;/*  border-top: 1px solid transparent;
    border-bottom: 1px solid transparent; */
    cursor: pointer;
    transition: all .36s;
}
.aside-navbox .aside-item-sep
{
    position: relative;
    z-index: 1;
    padding-left: 20px;
    font-size: calc(18 * 1rem / 100);
    line-height: calc(20 * 1rem / 100);
    font-family: 'Times-New-Roman',Times,serif!important;
    color: #004ea2;
    margin: 30px 0;
    font-weight: bold;
    transition: all .36s;
}
.aside-navbox .aside-item.active
{
    font-size: calc(19 * 1rem / 100);
    color: #3e3a39;
}
.aside-navbox .aside-item.active::before
{
    box-shadow: 0 0 8px 0 rgba(79,115,233);
}
.aside-navbox .aside-item:hover
{
    font-size: calc(19 * 1rem / 100)!important;
    color: #3e3a39!important;
}
.aside-navbox .aside-item::before
{
    content: "";
    position: absolute;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
    width: 11px;
    height: 11px;
    border-radius: 50%;
    background: #004ea2;
    border: 1px solid #fff;
    transition: all .36s;
}
.aside-navbox .aside-item-sep::before
{
    content: "";
    position: absolute;
    left: -2px;
    top: 50%;
    transform: translateY(-50%);
    width: 15px;
    height: 15px;
    border-radius: 50%;
    background: #fff;
    border: 1px solid #004ea2;
    transition: all .36s;
}
.aside-navbox .aside-navline
{
    display: block;
    position: absolute;
    left: 6px;
    top: 11px;
    z-index: -1;
    width: 1px;
    max-height: calc(100% - 22px);
    background: #004ea2;
    transition: all .3s;
}
@media screen and (max-width: 1366px)
{
    .aside-navbox .aside-item
    {
        margin: 24px 0;
    }
}
@media screen and (max-width: 992px)
{
    .aside-navbox
    {
        display: none;
    }
}/* 解决方案 侧边导航 end *//* 关于四方 - 技术创新 - 技术成果 start */
.section-achieve
{
    padding: 4vw 11.5vw;
    background: #f8f9fa;
    padding-bottom: 0;
}
.section-achieve .section-title h3, .section-award .section-title h3, .section-appraise .section-title h3, .section-talents .section-title h3, .section-experiment .section-title h3
{
    font-size: calc(50 * 1rem / 100);
    font-family: "Times-New-Roman-B"!important;
    color: #004ea2;
}
.section-achieve .content
{
    display: flex;
    width: 100%;
    justify-content: center;
    flex-wrap: wrap;
}
.section-achieve .content .img-box
{
    width: 30.8vw;
}
.section-achieve .content .text-box
{
    flex: 1;
    display: flex;
    flex-direction: column;
    align-items: center;
}
.section-achieve .content .text-box h3
{
    font-size: calc(40 * 1rem / 100);
    font-family: 'Times-New-Roman',Times,serif!important;
    color: #585453;
    margin-top: 2vw;
}
.section-achieve .content .list-box
{
    display: flex;
    width: 100%;
    justify-content: space-around;
    padding: 0 2.6vw;
    margin-top: 3vw;
}
.section-achieve .content .list-box .list-item
{
    text-align: center;
}
.section-achieve .content .list-box .item-number, .section-achieve .content .list-box .item-number>span
{
    font-size: calc(52 * 1rem / 100);
    font-family: "Times-New-Roman-B"!important;
    color: #004ea2;
    letter-spacing: -3px;
    margin-bottom: 1vw;
    -webkit-box-reflect: below calc(-52 / 2 * 1rem / 100) -webkit-linear-gradient(transparent,rgba(0,0,0,0),rgba(0,0,0,.1),rgba(0,0,0,.2));
    box-reflect: below calc(-52 / 2 * 1rem / 100) linear-gradient(transparent,rgba(0,0,0,0),rgba(0,0,0,.1),rgba(0,0,0,.2));
}
.section-achieve .content .list-box .item-name
{
    font-size: calc(24 * 1rem / 100);
    font-family: 'Times-New-Roman',Times,serif!important;
    color: #585453;
}
@media screen and (max-width: 992px)
{
    .section-achieve
    {
        padding-left: 5.5vw;
        padding-right: 5.5vw;
    }
}
@media screen and (max-width: 768px)
{
    .section-achieve .content
    {
        flex-direction: column;
        padding-bottom: 4vw;
    }
    .section-achieve .content .img-box
    {
        width: 30.8vw;
        margin: 0 auto;
    }
}/* 关于四方 - 技术创新 - 技术成果 end *//* 关于四方 - 技术创新 - 科技奖项 start */
.section-award
{
    padding: 3.13vw 11.5vw;
    background: #fff;
    padding-bottom: 0;
}
.section-award .content
{
    display: flex;
}
.section-award .content
{
    display: flex;
}
.section-award .content .text-box
{
    flex: 1;
}
.section-award .content .img-box
{
    width: 40%;
}
.section-award .section-title
{
    margin-top: 1.2vw;
}
.section-award .content .text-box .text-para1, .section-award .content .text-box .text-para2
{
    font-size: calc(30 * 1rem / 100);
    font-family: 'Times-New-Roman',Times,serif!important;
    color: #585453;
    line-height: calc(45 * 1rem / 100);
}
.section-award .content .text-box .text-para1 .puhuiti-b-light, .section-award .content .text-box .text-para2 .puhuiti-b-light
{
    font-size: calc(36 * 1rem / 100);
}
.section-award .content .text-box b
{
    font-style: normal;
    font-size: calc(50 * 1rem / 100);
    font-family: "Times-New-Roman-B"!important;
    color: #004ea2;
    margin-left: 1.04vw;
}
.section-award .content .text-box em
{
    font-style: normal;
    font-size: calc(56 * 1rem / 100);
    font-family: 'Times-New-Roman',Times,serif!important;
    color: #004ea2;
}
.section-award .content .text-box cite
{
    font-style: normal;
    font-size: calc(30 * 1rem / 100);
    font-family: 'Times-New-Roman',Times,serif!important;
    color: #004ea2;
}
@media screen and (max-width: 992px)
{
    .section-award
    {
        padding-left: 5.5vw;
        padding-right: 5.5vw;
    }
}
@media screen and (max-width: 768px)
{
    .section-award .content
    {
        flex-direction: column;
    }
    .section-award .content .img-box
    {
        width: 65%;
        margin: 0 auto;
        margin-top: 3vw;
    }/* .section-award .content .text-box .text-para1, 
	.section-award .content .text-box .text-para2{
		padding-left:2vw;
	}  */
}/* 关于四方 - 技术创新 - 科技奖项 end *//* 关于四方 - 技术创新 - 成果鉴定 start */
.section-appraise, .section-experiment
{
    padding: 3.13vw 11.5vw;
    background: #f8f9fa;
}
.section-appraise .content
{
    display: flex;
    margin-top: 2.08vw;
}
.section-appraise .content .text-box, .section-appraise .content .img-box
{
    width: 50%;
}
.section-appraise .content .text-box
{
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    padding-right: 1.56vw;
}
.section-appraise .content .img-box
{
    padding-left: 1.56vw;
}
.section-appraise .content .img-box img
{
    border-radius: 10px;
}
.section-appraise .content .text-box p, .section-appraise .content .text-box span
{
    font-size: calc(30 * 1rem / 100);
    line-height: calc(45 * 1rem / 100);
    font-family: 'Times-New-Roman',Times,serif!important;
    letter-spacing: -1px;
}
@media screen and (max-width: 992px)
{
    .section-appraise
    {
        padding-left: 5.5vw;
        padding-right: 5.5vw;
    }
}
@media screen and (max-width: 768px)
{
    .section-appraise .content
    {
        margin-top: 2.08vw;
        flex-direction: column-reverse;
    }
    .section-appraise .content .img-box
    {
        padding: 0;
        width: 90%;
        margin: 0 auto;
    }
    .section-appraise .content .text-box
    {
        padding: 0;
        width: 100%;
        margin-top: 2.08vw;
    }
}/* 关于四方 - 技术创新 - 成果鉴定 end *//* 关于四方 - 技术创新 - 技术人才 start */
.section-talents
{
    padding: 3.13vw 11.5vw;
    background: #fff;
    padding-bottom: 0;
}
.section-talents .content
{
    display: flex;
    transform: translateY(calc(-50 * 1rem / 100));
}
.section-talents .content .text-box
{
    width: 45%;
    display: flex;
    flex-direction: column;
    justify-content: center;
}
.section-talents .content .img-box
{
    flex: 1;
}
.section-talents .content .text-box p
{
    font-size: calc(36 * 1rem / 100);
    line-height: calc(60 * 1rem / 100);
    font-family: 'Times-New-Roman',Times,serif!important;
    color: #585453;
    margin-bottom: 3vw;
}
.section-talents .content .text-box p>b
{
    color: #004ea2;
}
.section-talents .content .text-box p:first-child
{
    margin-top: 2.5vw;
}
.section-talents .content .text-box p:last-child
{
    margin-bottom: 0;
}
.section-talents .content .text-box.layout-left
{
    padding-right: 3.8vw;
}
.section-talents .content .text-box.layout-right
{
    padding-left: 3.8vw;
}
@media screen and (max-width: 992px)
{
    .section-talents
    {
        padding-left: 5.5vw;
        padding-right: 5.5vw;
    }
}
@media screen and (max-width: 768px)
{
    .section-talents
    {
        padding: 3.13vw 5.5vw;
    }
    .section-talents .content
    {
        transform: none;
        flex-direction: column;
    }
    .section-talents .content .img-box
    {
        width: 70%;
        margin: 0 auto;
    }
    .section-talents .content .text-box.layout-left
    {
        padding-right: 0;
    }
    .section-talents .content .text-box.layout-right
    {
        padding-left: 0;
    }
    .section-talents .content .text-box
    {
        width: 100%;
        flex-direction: row;
        justify-content: space-around;
        margin-top: 4vw;
    }
    .section-talents .content .text-box.layout-right
    {
        margin-top: 2vw;
    }
    .section-talents .content .text-box p:first-child
    {
        margin-top: 0;
    }
    .section-talents .content .text-box p
    {
        margin-bottom: 0;
    }
}/* 关于四方 - 技术创新 - 技术人才 end *//* 关于四方 - 技术创新 - 检测和实验 start */
.section-experiment
{
    margin-bottom: 2.08vw;
}
.section-experiment .content
{
    margin-top: 2.08vw;
}
.section-experiment .content .top-box
{
    display: flex;
}
.section-experiment .content .top-box .item-left
{
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}
.section-experiment .content .top-box .item-left, .section-experiment .content .title-box .title-item-left
{
    padding-right: 1.56vw;
}
.section-experiment .content .title-box .title-item-right, .section-experiment .content .top-box .item-right
{
    padding-left: 1.56vw;
}
.section-experiment .content .para
{
    font-size: calc(30 * 1rem / 100);
    line-height: calc(45 * 1rem / 100);
    font-family: 'Times-New-Roman',Times,serif!important;
    letter-spacing: -1px;
}
.section-experiment .content .item-left .img-box
{
    width: 80%;
    margin: 0 auto;
}
.section-experiment .content .title-box
{
    display: flex;
}
.section-experiment .content .top-box .item, .section-experiment .content .title-box .title-item
{
    width: 50%;
}
.section-experiment .content .title-box .title-item
{
    text-align: center;
    padding: 0 2.8vw;
    display: flex;
    justify-content: center;
    align-items: center;
}
.section-experiment .content .title-box .title-item .h3
{
    font-size: calc(36 * 1rem / 100);
    font-family: 'Times-New-Roman',Times,serif!important;
}
.section-experiment .content .title-box .title-item .h3>b
{
    font-family: "Times-New-Roman-B"!important;
    color: #004ea2;
}
.section-experiment .content .top-box .item-title-box
{
    text-align: center;
    display: none;
}
.section-experiment .content .top-box .item-title
{
    font-size: calc(36 * 1rem / 100);
    font-family: 'Times-New-Roman',Times,serif!important;
}
.puhuiti-r
{
    font-family: 'Times-New-Roman',Times,serif!important;
}
.puhuiti-b
{
    font-weight: bold;
    font-family: "Times-New-Roman-B"!important;
}
.puhuiti-b-light
{
    font-weight: bold;
    font-family: "Times-New-Roman-B"!important;
    color: #004ea2;
}
.section-experiment .content .top-box .item-title>b
{
    font-family: "Times-New-Roman-B"!important;
    color: #004ea2;
}
@media screen and (max-width: 992px)
{
    .section-experiment
    {
        padding-left: 5.5vw;
        padding-right: 5.5vw;
    }
}
@media screen and (max-width: 768px)
{
    .section-experiment .content .top-box
    {
        flex-direction: column;
    }
    .section-experiment .content .top-box .item-left, .section-experiment .content .title-box .title-item-left
    {
        padding-right: 0;
    }
    .section-experiment .content .title-box .title-item-right, .section-experiment .content .top-box .item-right
    {
        padding-left: 0;
    }
    .section-experiment .content .top-box .item, .section-experiment .content .title-box .title-item
    {
        width: 100%;
    }
    .section-experiment .content .item-left .img-box, .section-experiment .content .item-right .img-box
    {
        width: 80%;
        margin: 0 auto;
        margin-top: 4vw;
    }
    .section-experiment .content .title-box
    {
        display: none;
    }
    .section-experiment .content .top-box .item-title-box
    {
        display: block;
    }
}/* 关于四方 - 技术创新 - 检测和实验 end */