.svg-popup
{
    box-sizing: border-box;
    width: 180px;
    height: 150px;
    position: fixed;
    top: 40%;
    left: 50%;
    margin-top: -75px;
    margin-left: -90px;
    z-index: 999;
    background-color: #fff;
    text-align: center;
    box-shadow: 0 0 12px 0 rgba(0,0,0,.1);
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    align-content: center;
    border-radius: 8px;
}
.svg-popup p
{
    width: 100%;
    padding: 0 5px;
    margin-top: 10px;
    line-height: 24px;
    font-size: 16px;
}
.success-svg .p-ico
{
    -webkit-animation: suc 1.3s cubic-bezier(.6,-.3,.2,1.6) forwards;
    animation: suc 1.3s cubic-bezier(.6,-.3,.2,1.6) forwards;
    stroke: #2faa18;
    fill: none;
    stroke-width: 3px;
    stroke-dasharray: 51,51;
    stroke-dashoffset: 17;
}
.success-svg .p-circle
{
    -webkit-animation: sucCircle 1.3s forwards;
    animation: sucCircle 1.3s forwards;
    stroke: #2faa18;
    fill: none;
    stroke-width: 2px;
    stroke-dasharray: 160,160;
    stroke-dashoffset: 0;
}
.failed-svg .p-ico
{
    -webkit-animation: warn 1.3s cubic-bezier(.6,-.3,.2,1.6) forwards;
    animation: warn 1.3s cubic-bezier(.6,-.3,.2,1.6) forwards;
    stroke: #f24949;
    fill: none;
    stroke-width: 3px;
    stroke-dasharray: 18,18;
    stroke-dashoffset: 0;
}
.failed-svg .p-circle
{
    -webkit-animation: warnCircle 1.3s forwards;
    animation: warnCircle 1.3s forwards;
    stroke: #f24949;
    fill: none;
    stroke-width: 2px;
    stroke-dasharray: 160,160;
    stroke-dashoffset: 0;
}
@-webkit-keyframes suc
{
    0%
    {
        stroke-dashoffset: 51;
    }
    50%
    {
        stroke-dashoffset: 51;
    }
    100%
    {
        stroke-dashoffset: 17;
    }
}
@keyframes suc
{
    0%
    {
        stroke-dashoffset: 51;
    }
    50%
    {
        stroke-dashoffset: 51;
    }
    100%
    {
        stroke-dashoffset: 17;
    }
}
@-webkit-keyframes sucCircle
{
    0%
    {
        stroke-dashoffset: 160;
    }
    30%
    {
        stroke-dashoffset: 160;
    }
    80%
    {
        stroke-dashoffset: 0;
    }
}
@keyframes sucCircle
{
    0%
    {
        stroke-dashoffset: 160;
    }
    30%
    {
        stroke-dashoffset: 160;
    }
    80%
    {
        stroke-dashoffset: 0;
    }
}
@-webkit-keyframes warn
{
    0%
    {
        stroke-dashoffset: 18;
    }
    50%
    {
        stroke-dashoffset: 18;
    }
    100%
    {
        stroke-dashoffset: 0;
    }
}
@keyframes warn
{
    0%
    {
        stroke-dashoffset: 18;
    }
    50%
    {
        stroke-dashoffset: 18;
    }
    100%
    {
        stroke-dashoffset: 0;
    }
}
@-webkit-keyframes warnCircle
{
    0%
    {
        stroke-dashoffset: 160;
    }
    30%
    {
        stroke-dashoffset: 160;
    }
    80%
    {
        stroke-dashoffset: 0;
    }
}
@keyframes warnCircle
{
    0%
    {
        stroke-dashoffset: 160;
    }
    30%
    {
        stroke-dashoffset: 160;
    }
    80%
    {
        stroke-dashoffset: 0;
    }
}
@font-face
{
    font-family: bananaslip;
    src: url();
}
.ft-num
{
    font-family: "bananaslip";
}
.dot-slider .slick-dots
{
    text-align: center;
}
.dot-slider .slick-dots li
{
    margin: 0 5px;
    display: inline-block;
}
.dot-slider .slick-dots button
{
    height: 10px;
    width: 10px;
    border-radius: 50%;
    color: transparent;
    border: 0 none;
    background: rgba(34,34,34,.2);
    font-size: 0;
    line-height: 0;
}
.dot-slider .slick-active button
{
    background: #cf0e1e;
}
.u-head .tit
{
    font-size: 24px;
}
@media screen and (max-width: 568px)
{
    .u-head .tit
    {
        font-size: 20px;
    }
}
.u-head .u-more
{
    padding-top: 2px;
}
@media screen and (max-width: 768px)
{
    .u-head .u-cate-wp
    {
        position: static;
        clear: left;
        width: 100%;
        overflow-x: auto;
        -webkit-overflow-scrolling: touch;
    }
}
.u-head .u-more-line
{
    display: inline-block;
    margin-left: 15px;
    margin-right: 15px;
    width: 1px;
    height: 14px;
    background: #e0e0e0;
    vertical-align: middle;
}
@media screen and (max-width: 568px)
{
    .u-head .u-more-line
    {
        margin-bottom: 10px;
    }
}
.u-head .u-more-cate
{
    vertical-align: middle;
}
.u-head .u-more-cate.active
{
    color: #cf0e1e;
    font-weight: 500;
}
@media screen and (max-width: 568px)
{
    .u-head .u-more-cate
    {
        line-height: 2;
        margin-bottom: 10px;
    }
}
.ui-button
{
    font-size: 16px;
}
.m-main
{
    background: #f2f2f2;
}
.m-i-banner
{
    height: 360px;
    background-repeat: no-repeat;
    background-position: center 0;
    color: #fff;
}
.m-i-banner .layout
{
    position: relative;
}
@media screen and (max-width: 768px)
{
    .m-i-banner
    {
        background-size: cover;
    }
}
@media screen and (max-width: 568px)
{
    .m-i-banner.normal
    {
        height: 260px;
        background-size: cover;
    }
}
.product-list-banner
{
    height: auto;
    min-height: 360px;
    padding-bottom: 20px;
    background-image: url(/jpg/q721f1tp.jpg);
}
@media screen and (max-width: 768px)
{
    .product-list-banner
    {
        min-height: 360px;
        background-image: linear-gradient(to bottom,#525252,#6b6b6b);
    }
    .product-list-banner .mi-ban_tit
    {
        font-size: 18px;
    }
}
@media screen and (max-width: 768px)
{
    .mi-ban
    {
        display: flex;
        justify-content: space-between;
        width: 100%;
        height: 100%;
        align-items: center;
    }
}
.mi-ban_tit
{
    padding-top: 108px;
    font-size: 32px;
}
@media screen and (max-width: 768px)
{
    .mi-ban_tit
    {
        padding-top: 0;
    }
}
@media screen and (max-width: 568px)
{
    .mi-ban_tit
    {
        font-size: 24px;
    }
}
.mi-ban_main
{
    width: 100%;
}
.mi-ban_des
{
    margin-top: 6px;
    color: rgba(255,255,255,.86);
}
.mi-ban_btn
{
    line-height: 48px;
    height: 48px;
    padding-left: 22px;
    padding-right: 22px;
    width: auto;
    font-size: 16px;
    position: absolute;
    top: 130px;
    right: 0;
    background-color: rgba(207,14,30,.79);
}
@media screen and (max-width: 568px)
{
    .mi-ban_btn
    {
        position: static;
        margin-top: 10px;
    }
}
.mi-ban_cover
{
    position: absolute;
    width: 450px;
    top: 30px;
    right: 30px;
}
@media screen and (max-width: 768px)
{
    .mi-ban_cover
    {
        top: auto;
        right: auto;
        position: relative;
        margin: 50px auto 20px;
        flex-shrink: 0;
        max-width: 80%;
    }
}
.mi-ban_cover img
{
    position: relative;
    width: 100%;
    border-radius: 4px;
    z-index: 1;
    background: #fff;
}
.mi-ban_cover:before
{
    content: "";
    position: absolute;
    left: -30px;
    right: -30px;
    top: 30px;
    bottom: 30px;
    border-radius: 4px;
    background: rgba(255,255,255,.08);
}
.mi-ban_cover:after
{
    content: "";
    position: absolute;
    left: -15px;
    right: -15px;
    top: 15px;
    bottom: 15px;
    border-radius: 4px;
    background: rgba(255,255,255,.16);
}
.mi-ban_con
{
    text-align: center;
    padding-top: 134px;
}
@media screen and (max-width: 568px)
{
    .mi-ban_con
    {
        padding-top: 0;
        display: flex;
        height: 260px;
        flex-direction: column;
        justify-content: center;
    }
}
.mi-ban_title
{
    font-size: 32px;
    font-weight: 600;
    line-height: 1.625;
    margin-bottom: 12px;
}
.mi-ban_title em
{
    font-style: normal;
}
.mi-ban_title span
{
    color: #333;
}
@media screen and (max-width: 568px)
{
    .mi-ban_title
    {
        font-size: 24px;
    }
}
.mi-ban_intro
{
    line-height: 2;
    color: rgba(255,255,255,.86);
}
.product-index-banner .mi-ban_main
{
    margin-top: -60px;
}
.mi-ban_con.left .mi-ban_title, .mi-ban_con.left .mi-ban_intro
{
    color: #808080;
    text-align: left;
}
.crumbs-wrap
{
    background: #f2f2f2;
}
.crumbs-wrap .crumbs-span
{
    color: #575757;
}
.crumbs-wrap .icon-map
{
    color: #adadad;
}
.crumbs-wrap .breadcrumbs
{
    padding-top: 5px;
    padding-bottom: 5px;
}
.breadcrumbs
{
    color: #808080;
    font-size: 13px;
    line-height: 1.85;
    padding-top: 12px;
    padding-bottom: 12px;
}
.breadcrumbs .local
{
    float: left;
    position: relative;
    padding-left: 24px;
}
.breadcrumbs .local .icon-map
{
    position: absolute;
    left: 0;
    top: 0;
}
@media screen and (max-width: 568px)
{
    .breadcrumbs .local span
    {
        display: none;
    }
}
.breadcrumbs .crumbs-list
{
    float: left;
}
.breadcrumbs .crumbs-li
{
    float: left;
    margin-right: 6px;
    padding-right: 11px;
    height: 24px;
    line-height: 24px;
    position: relative;
}
.breadcrumbs .crumbs-li:after
{
    content: "/";
    position: absolute;
    right: 0;
    top: 0;
    vertical-align: middle;
}
.breadcrumbs .crumbs-li:last-child:after
{
    display: none;
}
.breadcrumbs .crumbs-a:hover
{
    color: #cf0e1e;
}
.breadcrumbs .crumbs-span
{
    display: inline-block;
    font-size: inherit;
    font-weight: 400;
    height: 24px;
}
.m-i-banner .breadcrumbs
{
    position: absolute;
    top: 0;
    color: rgba(255,255,255,.5);
    z-index: 1;
}
.m-i-banner .crumbs-inner
{
    border-bottom: 0 none;
}
.m-i-banner .crumbs-a:hover
{
    color: #fff;
}
.m-s-nav
{
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
}
@media screen and (max-width: 568px)
{
    .m-s-nav.mt-30
    {
        margin-top: 20px;
    }
}
@media screen and (max-width: 568px)
{
    .ms-nav_list
    {
        display: flex;
        flex-wrap: nowrap;
    }
}
.ms-nav_item
{
    float: left;
    width: 20%;
    padding-right: 1px;
}
@media screen and (max-width: 568px)
{
    .ms-nav_item
    {
        min-width: 100px;
    }
}
.ms-nav_a
{
    display: block;
    line-height: 56px;
    text-align: center;
    color: #575757;
    font-size: 16px;
    background: #fff;
}
@media screen and (max-width: 568px)
{
    .ms-nav_a
    {
        font-size: 14px;
        line-height: 46px;
    }
}
.ms-nav_a:hover, .ms-nav_a.active
{
    background: #cf0e1e;
    color: #fff;
}
.nav-about .ms-nav_item
{
    width: 14.2%;
}
@media screen and (max-width: 568px)
{
    .nav-about .ms-nav_item
    {
        min-width: 100px;
    }
}
.u-hd_tit
{
    font-size: 26px;
    line-height: 1.38;
    margin-bottom: 20px;
    text-align: center;
    font-weight: 700;
}
@media screen and (max-width: 568px)
{
    .u-hd_tit
    {
        font-size: 20px;
    }
}
.u-hd_tit.mb-14
{
    margin-bottom: 14px;
}
.u-hd_tit.mb-30
{
    margin-bottom: 30px;
}
@media screen and (max-width: 568px)
{
    .u-hd_tit.mb-30
    {
        margin-bottom: 20px;
    }
}
.u-hd_des
{
    color: #666;
    line-height: 1.72;
}
.sticky-side
{
    position: -webkit-sticky;
    position: sticky;
    top: 0;
}
.u-paging
{
    text-align: center;
}
@media screen and (max-width: 768px)
{
    .u-paging
    {
        display: flex;
        justify-content: center;
    }
}
.u-paging a
{
    height: 40px;
    width: 40px;
    display: inline-block;
    background: #fff;
    border: 1px solid #dcdfe1;
    vertical-align: middle;
    text-align: center;
    line-height: 38px;
    border-radius: 4px;
    color: #666;
    font-size: 16px;
    margin: 0 5px;
}
@media screen and (max-width: 568px)
{
    .u-paging a
    {
        margin: 0 3px;
    }
}
.u-paging .prev:before, .u-paging .next:before
{
    font-family: "iconfont";
    font-size: 24px;
    -webkit-font-smoothing: antialiased;
    color: #999;
}
.u-paging .prev:before
{
    content: "";
}
.u-paging .next:before
{
    content: "";
}
.u-paging a:hover, .u-paging .current, .u-paging .active
{
    color: #fff;
    background: #cf0e1e;
    border-color: #cf0e1e;
}
.u-paging a:hover:before, .u-paging .current:before, .u-paging .active:before
{
    color: #fff;
}
@media screen and (max-width: 568px)
{
    .m-s-pro-tab
    {
        padding-left: 10px;
        padding-right: 10px;
    }
}
.ms-proTab
{
    margin-top: -94px;
    margin-bottom: 40px;
    background: #fff;
    border-radius: 4px 4px 0 0;
    border-bottom: 1px solid #e6e6e6;
}
@media screen and (max-width: 568px)
{
    .ms-proTab
    {
        margin-bottom: 20px;
    }
}
.ms-proTab_title
{
    margin-bottom: 17px;
    font-size: 28px;
    line-height: 1.33;
    text-align: center;
}
@media screen and (max-width: 568px)
{
    .ms-proTab_title
    {
        font-size: 20px;
        text-align: left;
    }
}
.ms-proTab_intro
{
    border-bottom: 1px solid #f0f0f0;
    padding: 40px 50px;
    font-size: 20px;
    font-weight: 600;
}
.ms-proTab_intro em
{
    font-style: normal;
}
@media screen and (max-width: 768px)
{
    .ms-proTab_intro
    {
        padding: 20px;
        font-size: 16px;
    }
}
.ms-proTab_list
{
    margin-top: 20px;
}
@media screen and (max-width: 568px)
{
    .ms-proTab_list
    {
        overflow-x: auto;
        -webkit-overflow-scrolling: touch;
        white-space: nowrap;
        overflow-y: hidden;
    }
}
.ms-proTab_item
{
    float: left;
    width: 11.1111111111%;
    text-align: center;
    padding-bottom: 18px;
    cursor: pointer;
    position: relative;
    transition: color .3s;
}
@media screen and (max-width: 568px)
{
    .ms-proTab_item
    {
        min-width: 100px;
        width: auto;
        display: inline-block;
        float: none;
    }
}
.ms-proTab_item:hover, .ms-proTab_item.active
{
    color: #cf0e1e;
    font-weight: 600;
}
.ms-proTab_item:after
{
    content: "";
    position: absolute;
    bottom: -1px;
    height: 2px;
    background: #cf0e1e;
    width: 0;
    left: 50%;
    transform: translate(-50%,0);
    transition: .3s;
    transform-origin: center 0;
}
@media screen and (max-width: 568px)
{
    .ms-proTab_item:after
    {
        height: 3px;
    }
}
.ms-proTab_item:hover:after, .ms-proTab_item.active:after
{
    width: 100%;
}
.ms-proTab_img
{
    height: 56px;
    width: 56px;
    margin-bottom: 6px;
    vertical-align: baseline;
}
.ms-pro
{
    display: none;
}
.ms-pro.show
{
    display: block;
}
.ms-pro_list
{
    margin: 0 -10px 20px;
}
@media screen and (max-width: 768px)
{
    .ms-pro_list
    {
        margin-bottom: 0;
    }
}
@media screen and (max-width: 568px)
{
    .ms-pro_list
    {
        margin-left: -5px;
        margin-right: -5px;
    }
}
.ms-pro_item
{
    padding-left: 10px;
    padding-right: 10px;
    margin-bottom: 20px;
    height: 325px;
}
@media screen and (max-width: 768px)
{
    .ms-pro_item
    {
        height: auto;
    }
}
@media screen and (max-width: 568px)
{
    .ms-pro_item
    {
        padding-left: 5px;
        padding-right: 5px;
        margin-bottom: 10px;
    }
}
.ms-pro_wrap
{
    height: 100%;
    background: #fff;
}
.ms-pro_cate
{
    padding-top: 30px;
    padding-left: 30px;
    height: 325px;
    position: relative;
    background-repeat: no-repeat;
    background-position: center center;
    background-size: contain;
}
.ms-pro_cate:before
{
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    background: rgba(255,255,255,.9);
}
@media screen and (max-width: 568px)
{
    .ms-pro_cate
    {
        height: 66vw;
        padding-top: 20px;
        padding-left: 20px;
    }
}
.ms-pro_cate-main
{
    display: block;
    width: 100%;
    height: 100%;
    position: relative;
    z-index: 1;
}
.ms-pro_name
{
    position: relative;
    margin-bottom: 11px;
    padding-left: 13px;
    font-size: 24px;
    line-height: 1.33;
}
.ms-pro_name:before
{
    content: "";
    width: 4px;
    height: 24px;
    background: #cf0e1e;
    position: absolute;
    left: 0;
    top: 4px;
}
@media screen and (max-width: 568px)
{
    .ms-pro_name
    {
        font-size: 20px;
    }
    .ms-pro_name:before
    {
        height: 20px;
    }
}
.ms-pro_des
{
    color: #808080;
    font-size: 13px;
}
.ms-pro_btn
{
    position: absolute;
    bottom: 36px;
    height: 44px;
    line-height: 38px;
    padding-left: 36px;
    padding-right: 32px;
    width: auto;
    font-size: 16px;
    background: none;
    color: #cf0e1e;
    border: 2px solid #cf0e1e;
    transition: .1s;
    display: inline-flex;
    align-items: center;
}
.ms-pro_btn:before
{
    top: 0;
    bottom: 0;
    left: 0;
    width: 0;
    content: "";
    position: absolute;
    background: #cf0e1e;
    transition: width .4s;
}
.ms-pro_btn:hover
{
    color: #fff;
}
.ms-pro_btn:hover:before
{
    width: 100%;
}
.ms-pro_btn span
{
    position: relative;
}
@media screen and (max-width: 568px)
{
    .ms-pro_btn
    {
        bottom: 20px;
    }
}
.ms-pro_trigger
{
    position: absolute;
    top: 0;
    right: 30px;
    width: 68px;
    height: 32px;
    border: 2px solid #cf0e1e;
    text-align: center;
    line-height: 28px;
    color: #cf0e1e;
    border-radius: 2px;
    transition: color .2s,background .2s;
}
.ms-pro_trigger .iconfont
{
    display: inline-block;
    transition: .2s;
}
.ms-pro_trigger:hover
{
    color: #fff;
    background: #cf0e1e;
}
@media screen and (max-width: 768px)
{
    .ms-pro_trigger
    {
        position: static;
        display: block;
        margin-top: 20px;
    }
}
.ms-pro_a
{
    display: block;
}
.ms-pro_img img
{
    width: 100%;
}
.ms-pro_tit
{
    margin-bottom: 10px;
    padding-top: 20px;
    padding-left: 30px;
    font-size: 16px;
    color: #343434;
    font-weight: 600;
}
.ms-pro_tit span:after
{
    background: #343434;
}
@media screen and (max-width: 568px)
{
    .ms-pro_tit
    {
        padding: 10px 10px 0;
    }
}
.ms-pro_con
{
    padding-bottom: 12px;
}
.ms-pro_intro
{
    height: 52px;
    font-size: 13px;
    line-height: 2;
    color: #808080;
    padding-left: 30px;
    padding-right: 30px;
    overflow: hidden;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
}
@media screen and (max-width: 568px)
{
    .ms-pro_intro
    {
        padding-left: 10px;
        padding-right: 10px;
    }
}
.ms-pro .item3, .ms-pro .item4, .ms-pro .item5, .ms-pro .item6
{
    display: none;
}
.ms-pro .more
{
    display: none;
}
.ms-pro .expand .item3, .ms-pro .expand .item4, .ms-pro .expand .item5, .ms-pro .expand .item6
{
    display: block;
    -webkit-animation-name: fadeInUp;
    animation-name: fadeInUp;
    -webkit-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
}
.ms-pro .expand .item3
{
    -webkit-animation-delay: .2s;
    animation-delay: .2s;
}
.ms-pro .expand .item4
{
    -webkit-animation-delay: .4s;
    animation-delay: .4s;
}
.ms-pro .expand .item5
{
    -webkit-animation-delay: .6s;
    animation-delay: .6s;
}
.ms-pro .expand .item6
{
    -webkit-animation-delay: .8s;
    animation-delay: .8s;
}
.ms-pro .expand .icon-down2
{
    transform: rotate(180deg);
}
.ms-pro .expand .more
{
    display: inline;
}
.ms-pro .expand .normal
{
    display: none;
}
.m-sm-form
{
    margin-bottom: 50px;
}
@media screen and (max-width: 568px)
{
    .m-sm-form
    {
        margin-bottom: 20px;
    }
}
.m-sm-form .layout
{
    background: #fff;
    padding: 36px 40px 18px;
}
@media screen and (max-width: 768px)
{
    .m-sm-form .layout
    {
        padding: 20px;
    }
}
.m-sm-form .tit
{
    padding-left: 42px;
    background: url(/png/02tnsp0b.png) no-repeat 0 center;
    background-size: 32px 32px;
    line-height: 32px;
}
.m-sm-form .sm-form-item
{
    float: left;
    width: 28.3%;
    padding-right: 20px;
}
@media screen and (max-width: 768px)
{
    .m-sm-form .sm-form-item
    {
        padding-right: 0;
    }
}
.m-sm-form .form-group
{
    display: block;
}
.m-sm-form .form-label
{
    padding-left: 0;
    display: block;
    text-align: left;
}
.m-sm-form .form-con
{
    display: block;
}
.m-sm-form .ui-form-control
{
    width: 100%;
}
.m-sm-form .btn-wrap
{
    padding-top: 34px;
    float: left;
    width: 15%;
}
@media screen and (max-width: 768px)
{
    .m-sm-form .btn-wrap
    {
        padding-top: 0;
    }
}
.m-sm-form .submit
{
    height: 48px;
    line-height: 48px;
    width: 100%;
}
@media screen and (max-width: 768px)
{
    .m-sm-form .sm-form-item, .m-sm-form .btn-wrap
    {
        width: 100%;
        float: none;
    }
}
.m-s-ban
{
    background: url(/jpg/qvopd7ok.jpg) no-repeat center 0;
    color: #fff;
    font-size: 15px;
    line-height: 2;
}
@media screen and (max-width: 568px)
{
    .m-s-ban
    {
        background-image: url(/jpg/aj8e689y.jpg);
        padding-bottom: 60px;
    }
}
.m-s-ban .text
{
    margin-bottom: 60px;
    padding-right: 220px;
}
@media screen and (max-width: 568px)
{
    .m-s-ban .text
    {
        margin-bottom: 25px;
    }
}
.m-s-ban .ui-button
{
    height: 44px;
    line-height: 42px;
    padding-left: 40px;
    padding-right: 34px;
    width: auto;
    font-size: 16px;
    border-radius: 2px;
}
@media screen and (max-width: 768px)
{
    .m-s-ban
    {
        background-size: cover;
    }
    .m-s-ban .text
    {
        padding-right: 0;
    }
}
.ms-proSide
{
    background: #fff;
    border-top: 4px solid #ccc;
    padding: 26px 30px 30px;
}
.ms-proSide_tit
{
    padding-left: 24px;
    margin-bottom: 16px;
    font-size: 18px;
    font-weight: 700;
    background: url(/png/3kxfohkj.png) no-repeat 0 center;
}
.ms-proSide_li
{
    border-bottom: 1px solid #e0e0e0;
}
.ms-proSide_name
{
    position: relative;
    height: 48px;
    padding-top: 12px;
    padding-bottom: 12px;
    font-size: 15px;
    line-height: 24px;
    color: #575757;
    font-weight: 500;
}
.ms-proSide_cate.active, .ms-proSide_sub-cate.active
{
    color: #cf0e1e;
}
.ms-proSide_more
{
    position: absolute;
    right: 0;
    top: 6px;
    height: 36px;
    width: 18px;
    cursor: pointer;
    transition: .3s;
}
.ms-proSide_more:hover:before, .ms-proSide_more:hover:after
{
    background: #cf0e1e;
}
.ms-proSide_more:before, .ms-proSide_more:after
{
    content: "";
    position: absolute;
    background: #a2a2a2;
}
.ms-proSide_more:before
{
    width: 2px;
    height: 12px;
    top: 12px;
    left: 8px;
    transition: .3s;
}
.ms-proSide_more:after
{
    height: 2px;
    top: 17px;
    left: 3px;
    width: 12px;
}
.ms-proSide_sub
{
    padding-bottom: 6px;
    display: none;
}
.ms-proSide_sub .ms-proSide_more
{
    top: 0;
}
.ms-proSide_sub-li
{
    line-height: 36px;
    position: relative;
}
.ms-proSide_sub-name
{
    display: block;
    padding-left: 12px;
    color: #575757;
    background-image: linear-gradient(to right,#cf0e1e,#cf0e1e);
    background-size: 0 100%;
    background-repeat: no-repeat;
    transition: .4s;
}
.ms-proSide_sub-name.active, .ms-proSide_sub-name:hover
{
    color: #fff;
    background-size: 100% 100%;
}
.ms-proSide .expand .ms-proSide_more
{
    transform: rotate(180deg);
}
.ms-proSide .expand .ms-proSide_more:before
{
    transform: rotate(90deg);
    opacity: 0;
}
@media screen and (max-width: 768px)
{
    .lay-main
    {
        width: 100%;
    }
    .m-product-list
    {
        padding-top: 10px;
    }
    .ms-proSide_wrap
    {
        position: fixed;
        width: 100%;
        top: 0;
        left: 0;
        z-index: 800;
        height: 100vh;
        overflow-y: auto;
        background: #fff;
        opacity: 0;
        transform: translate3d(-100%,0,0);
        transition: .3s ease-out;
    }
    .ms-proSide_wrap.show
    {
        opacity: 1;
        transform: translate3d(0,0,0);
    }
    .ms-proSide
    {
        padding: 24px 20px;
    }
    .ms-proSide_close
    {
        position: absolute;
        right: 20px;
        top: 20px;
        cursor: pointer;
        color: #666;
    }
    .ms-proSide_close .iconfont
    {
        font-size: 24px;
    }
}
.m-product-list .ms-proSide_filter
{
    margin-left: 10px;
    margin-right: 10px;
    display: none;
    text-align: center;
    margin-bottom: 10px;
    cursor: pointer;
    align-items: center;
}
@media screen and (max-width: 768px)
{
    .m-product-list .ms-proSide_filter
    {
        display: flex;
    }
}
.m-product-list .ms-proSide_filter:before
{
    content: "产品设备导航";
    font-size: 18px;
    font-weight: 500;
}
.m-product-list .ms-proSide_filter .iconfont
{
    font-size: 18px;
    background: #fff;
    margin-left: auto;
    width: 30px;
    display: inline-block;
}
.m-app-list .ms-proSide_filter
{
    position: relative;
    z-index: 1;
}
.m-app-list .ms-proSide_filter .iconfont
{
    font-size: 20px;
    margin-left: auto;
    width: 40px;
    display: inline-block;
    position: absolute;
    text-align: center;
    right: 15px;
    top: 10px;
}
.m-pro-primary .mp-slider
{
    height: 360px;
    width: 91.2%;
    border: 1px solid #eaeaea;
    position: relative;
    overflow: hidden;
}
@media screen and (max-width: 568px)
{
    .m-pro-primary .mp-slider
    {
        width: 100%;
        height: auto;
        padding-bottom: 20px;
        margin-bottom: 20px;
        border: 0 none;
    }
}
.m-pro-primary .pro-cb_img
{
    height: 360px;
}
@media screen and (max-width: 568px)
{
    .m-pro-primary .pro-cb_img
    {
        height: auto;
    }
}
.m-pro-primary .dot-slider
{
    height: 100%;
}
.m-pro-primary .slick-slider
{
    height: 100%;
}
.m-pro-primary .slick-slider img
{
    margin: 0 auto;
    max-width: 100%;
}
.m-pro-primary .slick-dots
{
    position: absolute;
    bottom: 30px;
    left: 0;
    width: 100%;
}
@media screen and (max-width: 568px)
{
    .m-pro-primary .slick-dots
    {
        bottom: -20px;
    }
}
.m-pro-primary .mp-info
{
    padding-left: 10px;
}
@media screen and (max-width: 768px)
{
    .m-pro-primary .mp-info
    {
        padding-left: 0;
    }
}
.m-pro-primary .mp-title
{
    font-size: 32px;
    margin-bottom: 20px;
    display: inline-block;
    vertical-align: middle;
    margin-right: 10px;
}
@media screen and (max-width: 568px)
{
    .m-pro-primary .mp-title
    {
        font-size: 28px;
    }
}
.m-pro-primary .pd-qrcode
{
    position: relative;
    background: #f6f6f6;
    border-radius: 2px;
    height: 28px;
    padding-left: 10px;
    padding-right: 10px;
    line-height: 28px;
    display: inline-block;
    vertical-align: middle;
    margin-bottom: 20px;
}
@media screen and (max-width: 768px)
{
    .m-pro-primary .pd-qrcode
    {
        display: none;
    }
}
.m-pro-primary .pd-qrcode-trigger
{
    color: #808080;
    font-size: 13px;
    cursor: default;
}
.m-pro-primary .pd-qrcode-img
{
    position: absolute;
    visibility: hidden;
    opacity: 0;
    top: 28px;
    left: 50%;
    margin-left: -80px;
    border-radius: 4px;
    background: #fff;
    padding: 20px;
    box-shadow: 0 1px 10px 0 rgba(43,49,63,.08);
    transition: opacity .2s,transform .2s,visibility .2s;
    transform: translate3d(0,-4px,0);
}
.m-pro-primary .pd-qrcode:hover .pd-qrcode-img
{
    visibility: visible;
    opacity: 1;
    transform: translate3d(0,0,0);
}
.m-pro-primary .mp-intro
{
    margin-bottom: 40px;
    color: #999;
    line-height: 1.72;
    padding-right: 70px;
}
@media screen and (max-width: 768px)
{
    .m-pro-primary .mp-intro
    {
        padding-right: 0;
        margin-bottom: 20px;
    }
}
.m-pro-primary .ui-button
{
    height: 48px;
    line-height: 48px;
    font-size: 16px;
    float: left;
    margin-right: 10px;
    width: 180px;
}
@media screen and (max-width: 568px)
{
    .m-pro-primary .ui-button
    {
        width: calc(50% - 10px);
        margin-right: 0;
    }
}
.m-pro-primary .btn-gray .iconfont
{
    color: #808080;
}
@media screen and (max-width: 568px)
{
    .m-pro-primary .btn-gray
    {
        float: right;
        margin-bottom: 10px;
    }
}
.m-pro-primary .btn-gray:hover .iconfont
{
    color: #cf0e1e;
}
.m-pro-primary .mp-tel
{
    width: 150px;
    float: left;
}
@media screen and (max-width: 568px)
{
    .m-pro-primary .btn-red+.mp-tel
    {
        margin-left: 10px;
    }
}
.m-pro-primary .tel-text
{
    margin-bottom: 4px;
    font-size: 13px;
    color: #666;
}
.m-pro-primary .tel
{
    font-size: 16px;
    line-height: 20px;
}
.pd-table
{
    display: table;
    margin-bottom: 40px;
}
@media screen and (max-width: 568px)
{
    .pd-table
    {
        margin-bottom: 20px;
    }
}
.pd-table .pd-tr
{
    display: table-row;
}
.pd-table .pd-th
{
    padding-right: 50px;
    white-space: nowrap;
    font-weight: 700;
}
.pd-table .pd-th, .pd-table .pd-td
{
    display: table-cell;
    padding-bottom: 9px;
}
.m-product-detail
{
    position: relative;
}
.m-pro-nav
{
    background: #f2f2f2;
    position: -webkit-sticky;
    position: sticky;
    top: 0;
    z-index: 10;
    white-space: nowrap;
    overflow-x: auto;
}
@media screen and (max-width: 768px)
{
    .m-pro-nav
    {
        z-index: 500;
    }
    .m-pro-nav .layout
    {
        overflow-x: visible;
    }
}
.m-pro-nav .pd-anchor-item
{
    display: inline-block;
    padding: 20px 40px;
    position: relative;
    font-size: 16px;
}
.m-pro-nav .pd-anchor-item:after
{
    content: "";
    width: 1px;
    height: 18px;
    top: 23px;
    background: #cacaca;
    position: absolute;
    right: 0;
}
.m-pro-nav .pd-anchor-item:first-child
{
    padding-left: 0;
}
.m-pro-nav .pd-anchor-item:last-child:after
{
    display: none;
}
.m-pro-nav .pd-anchor-item:active
{
    color: #cf0e1e;
    font-weight: 700;
}
.m-pro-nav .pd-anchor-a.current
{
    color: #d8262b;
    font-weight: 700;
}
.m-pro-detail
{
    padding-bottom: 50px;
}
@media screen and (max-width: 568px)
{
    .m-pro-detail
    {
        padding-bottom: 20px;
    }
}
.m-pro-detail .article_tit
{
    margin-top: 50px;
}
@media screen and (max-width: 568px)
{
    .m-pro-detail .article_tit
    {
        margin-top: 20px;
    }
}
.article_tit
{
    margin-bottom: 20px;
    font-size: 24px;
}
@media screen and (max-width: 568px)
{
    .article_tit
    {
        font-size: 20px;
        margin-bottom: 10px;
    }
}
.article_tit .iconfont
{
    color: #cf0e1e;
    font-size: 24px;
    margin-right: 5px;
    font-weight: 400;
    display: none;
}
.article_content
{
    font-size: 16px;
    line-height: 1.75;
    overflow-x: auto;
    color: #808080;
}
.article_content img
{
    max-width: 100%;
}
.article_content table
{
    width: 100%;
    border: 0 none!important;
}
.article_content table th, .article_content table tr:first-child td
{
    background: #cdcdcd;
    font-size: 16px;
}
.article_content table th, .article_content table td
{
    height: 46px;
    text-align: center;
    border: 0 none!important;
}
.article_content table td
{
    font-size: 14px;
}
.article_content table tr:nth-child(2n+1)
{
    background: #f2f2f2;
}
.article_title
{
    font-size: 32px;
}
@media screen and (max-width: 568px)
{
    .article_title
    {
        font-size: 24px;
    }
}
@media screen and (max-width: 568px)
{
    .article_title.mb-20
    {
        margin-bottom: 10px;
    }
}
.m-pro-ban
{
    background: url(/jpg/brjo7ojr.jpg) no-repeat center 0;
    color: #fff;
    padding-bottom: 0;
    height: 426px;
}
.m-pro-ban .ban-text
{
    max-width: 520px;
    margin-top: 30px;
    margin-bottom: 24px;
    line-height: 2;
}
.m-pro-ban .ban-imgs
{
    height: 120px;
    margin-left: -10px;
}
.m-pro-ban .ban-imgs img
{
    margin-right: -24px;
    max-height: 100%;
}
@media screen and (max-width: 568px)
{
    .m-pro-ban .ban-imgs
    {
        height: 100px;
    }
    .m-pro-ban .ban-imgs img
    {
        margin-right: -20px;
    }
}
.m-s-pro
{
    padding-top: 50px;
    padding-bottom: 30px;
}
@media screen and (max-width: 568px)
{
    .m-s-pro
    {
        padding-top: 24px;
        padding-bottom: 10px;
    }
}
.m-s-pro .ms-pro_list
{
    margin-bottom: 0;
}
@media screen and (max-width: 568px)
{
    .m-s-pro-cate
    {
        margin-bottom: 10px;
    }
}
.service-process
{
    background: #fff;
    padding: 30px;
}
@media screen and (max-width: 768px)
{
    .service-process
    {
        padding: 10px 5px;
    }
    .service-process .sp-list
    {
        display: flex;
        justify-content: space-between;
    }
}
.service-process .sp-item
{
    float: left;
    width: 14%;
    padding-top: 18px;
    padding-bottom: 14px;
    margin-left: 3%;
    border: 1px dashed #dcdfe1;
    border-radius: 4px;
    position: relative;
}
.service-process .sp-item:before
{
    position: absolute;
    content: "";
    font-family: iconfont;
    color: #cbcbcb;
    font-size: 16px;
    top: 50%;
    margin-top: -8px;
    line-height: 1;
    left: -16%;
}
@media screen and (max-width: 768px)
{
    .service-process .sp-item:before
    {
        left: -19%;
    }
}
.service-process .sp-item:first-child
{
    margin-left: 0;
}
.service-process .sp-item:first-child:before
{
    display: none;
}
@media screen and (max-width: 568px)
{
    .service-process .sp-item
    {
        width: 15.7%;
        margin-left: 0;
        padding: 5px 0;
    }
    .service-process .sp-item:before
    {
        display: none;
    }
}
.service-process .sp-img
{
    height: 48px;
    width: 48px;
    display: block;
    margin: 0 auto;
}
@media screen and (max-width: 568px)
{
    .service-process .sp-img
    {
        height: 35px;
        width: 35px;
    }
}
.service-process .sp-name
{
    color: #666;
    line-height: 1.72;
    text-align: center;
}
@media screen and (max-width: 568px)
{
    .service-process .sp-name
    {
        font-size: 10px;
    }
}
.strength-banner
{
    background-image: url(/jpg/vepkwrii.jpg);
}
@media screen and (max-width: 568px)
{
    .strength-banner .mi-ban_title
    {
        margin-top: -70px;
        margin-bottom: 0;
    }
    .strength-banner .mi-ban_intro br
    {
        display: none;
    }
}
.m-overview .u-hd_des
{
    margin-bottom: 40px;
}
@media screen and (max-width: 568px)
{
    .m-overview .u-hd_des
    {
        margin-bottom: 20px;
    }
}
.m-overview .ow-left
{
    float: left;
    width: 49%;
    position: relative;
}
@media screen and (max-width: 1024px)
{
    .m-overview .ow-left
    {
        width: 45%;
    }
}
@media screen and (max-width: 768px)
{
    .m-overview .ow-left
    {
        width: 100%;
        float: none;
    }
}
.m-overview .ow-img
{
    height: 360px;
    background: url(/jpg/w8nzcpvt.jpg) no-repeat center 0;
    line-height: 1;
    background-size: cover;
}
@media screen and (max-width: 568px)
{
    .m-overview .ow-img
    {
        height: 60vw;
    }
}
.m-overview .ow-text
{
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    color: #808080;
    text-align: center;
    height: 40px;
    line-height: 40px;
    background: #e0e0e0;
}
@media screen and (max-width: 568px)
{
    .m-overview .ow-text
    {
        position: static;
        margin-top: -15px;
    }
}
.m-overview .ow-main
{
    float: left;
    width: 51%;
    background: #fff;
    height: 360px;
    padding: 40px 40px 0;
}
@media screen and (max-width: 1024px)
{
    .m-overview .ow-main
    {
        width: 55%;
        padding: 20px 20px 0;
    }
}
@media screen and (max-width: 768px)
{
    .m-overview .ow-main
    {
        float: none;
        width: 100%;
        padding: 10px;
        height: auto;
    }
}
.m-overview .ow-tit
{
    font-size: 16px;
    line-height: 1.75;
    font-weight: 500;
    margin-bottom: 20px;
}
@media screen and (max-width: 568px)
{
    .m-overview .ow-tit
    {
        margin-bottom: 10px;
    }
}
.m-overview .ow-des
{
    line-height: 2;
    color: #666;
}
.m-overview .ow-count
{
    margin: 40px -27px 0;
    text-align: center;
}
@media screen and (max-width: 768px)
{
    .m-overview .ow-count
    {
        margin-top: 20px;
    }
}
@media screen and (max-width: 568px)
{
    .m-overview .ow-count
    {
        margin: 20px -7px 0;
    }
}
.m-overview .number
{
    color: #cf0e1e;
    font-size: 36px;
    line-height: 1;
    margin-bottom: 16px;
}
.m-overview .ow-item
{
    border-left: 1px solid #e0e0e0;
}
.m-overview .ow-item:first-child
{
    border-left: 0 none;
}
@media screen and (max-width: 568px)
{
    .m-overview .ow-name
    {
        font-size: 11px;
    }
}
.m-cert
{
    background: url(/jpg/ubg2s1ei.jpg) no-repeat center 0;
    min-height: 302px;
    padding-top: 60px;
}
@media screen and (max-width: 768px)
{
    .m-cert
    {
        min-height: auto;
        padding-bottom: 50px;
    }
}
@media screen and (max-width: 568px)
{
    .m-cert
    {
        padding-top: 20px;
        padding-bottom: 20px;
        background-size: cover;
    }
}
.m-cert .ce-box
{
    color: #fff;
    font-size: 16px;
}
@media screen and (max-width: 768px)
{
    .m-cert .ce-box
    {
        font-size: 14px;
    }
}
.m-cert .ce-box img
{
    width: 178px;
}
.m-cert .ce-box ul
{
    padding-top: 30px;
}
@media screen and (max-width: 1024px)
{
    .m-cert .ce-box ul
    {
        padding-top: 20px;
    }
}
.m-cert .ce-box li
{
    margin-bottom: 20px;
}
@media screen and (max-width: 568px)
{
    .m-cert .ce-box li
    {
        margin-bottom: 10px;
    }
}
.m-cert .ce-box p
{
    margin-top: 30px;
    line-height: 1.71;
}
.m-cert-gray .cg-tit
{
    padding-top: 20px;
    margin-bottom: 22px;
    font-size: 16px;
    font-weight: 500;
    line-height: 1.375;
}
@media screen and (max-width: 568px)
{
    .m-cert-gray .cg-tit
    {
        padding-top: 0;
        margin-bottom: 10px;
    }
}
.m-cert-gray .cg-des
{
    color: #666;
    line-height: 2;
}
.m-cert-gray .cg-img
{
    float: right;
}
@media screen and (max-width: 568px)
{
    .m-cert-gray .cg-img
    {
        float: none;
        margin-bottom: 10px;
    }
}
.m-tech .u-hd_des
{
    margin-bottom: 40px;
    line-height: 2;
}
@media screen and (max-width: 568px)
{
    .m-tech .u-hd_des
    {
        margin-bottom: 20px;
    }
}
.m-tech .te-imgs
{
    margin-left: -10px;
    margin-right: -10px;
}
@media screen and (max-width: 568px)
{
    .m-tech .te-imgs
    {
        margin: 0 -5px;
    }
}
.m-tech .te-img
{
    padding-left: 10px;
    padding-right: 10px;
}
@media screen and (max-width: 568px)
{
    .m-tech .te-img
    {
        padding: 0 5px 10px;
    }
}
.m-tech .te-img img
{
    display: block;
    width: 100%;
}
.m-tech .te-up
{
    margin-top: 30px;
    margin-bottom: 30px;
    border: 1px solid #e6e6e6;
}
@media screen and (max-width: 568px)
{
    .m-tech .te-up
    {
        margin-top: 10px;
    }
}
.m-tech .te-circle
{
    margin-top: 20px;
    margin-bottom: 20px;
    height: 140px;
    text-align: center;
    font-size: 15px;
    padding-top: 74px;
    background: url(/png/86jh8frt.png) no-repeat center 0;
}
.m-tech .te-circle.c4
{
    background-image: url(/png/1eqglxdx.png);
}
.m-tech .c2, .m-tech .c3, .m-tech .c4
{
    position: relative;
}
.m-tech .c2:before, .m-tech .c3:before, .m-tech .c4:before
{
    content: "";
    width: 1px;
    height: 100px;
    position: absolute;
    left: 0;
    background: rgba(34,34,34,.1);
    top: 20px;
}
.m-tech .te-card
{
    padding-top: 40px;
    padding-left: 60px;
    position: relative;
    background: url(/png/vkw05pki.png) no-repeat center 0;
    color: #ffe6e6;
    height: 180px;
}
@media screen and (max-width: 568px)
{
    .m-tech .te-card
    {
        padding: 40px 10px 20px;
        height: auto;
        background-size: cover;
    }
}
.m-tech .tec-tit
{
    font-size: 24px;
    font-weight: 700;
    margin-bottom: 12px;
}
@media screen and (max-width: 568px)
{
    .m-tech .tec-tit
    {
        font-size: 18px;
    }
}
.m-tech .tec-number
{
    font-size: 20px;
    font-weight: 700;
    background: linear-gradient(180deg,#ff5f60 0%,#fff 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}
.m-tech .tec-number span
{
    font-size: 40px;
}
@media screen and (max-width: 568px)
{
    .m-tech .tec-number span
    {
        font-size: 34px;
    }
}
.m-tech .tec-logo
{
    position: absolute;
    top: 40px;
    right: 30px;
}
@media screen and (max-width: 1024px)
{
    .m-tech .tec-logo
    {
        top: 10px;
        right: 10px;
    }
}
.m-tech .tec-logo img
{
    height: 20px;
}
@media screen and (max-width: 568px)
{
    .m-tech .tec-logo img
    {
        height: 12px;
    }
}
.m-break
{
    background: url(/jpg/sudmm2hc.jpg) no-repeat center 0;
}
.m-break img
{
    max-width: 100%;
}
.m-break .u-hd_tit
{
    color: #fff;
}
.m-break .slick-list
{
    background: #fff;
}
.m-break .bk-box
{
    padding: 50px 40px 0;
    overflow: hidden;
}
@media screen and (max-width: 768px)
{
    .m-break .bk-box
    {
        padding: 20px;
    }
}
.m-break .bk-img
{
    text-align: center;
}
.m-break .bk-img img
{
    display: inline-block;
}
.m-break .bk-tit
{
    font-size: 18px;
    font-weight: 600;
    line-height: 1.33;
    position: relative;
    margin-bottom: 16px;
}
.m-break .bk-left
{
    background: #ebebeb;
    width: 45.7%;
    float: left;
    height: 300px;
    text-align: center;
}
@media screen and (max-width: 768px)
{
    .m-break .bk-left
    {
        float: none;
        width: 100%;
        height: auto;
    }
}
.m-break .bk-con
{
    color: #666;
    line-height: 1.71;
}
.m-break .bk-con p
{
    margin-bottom: 10px;
}
.m-brand
{
    padding-top: 50px;
    padding-bottom: 27px;
}
@media screen and (max-width: 568px)
{
    .m-brand
    {
        padding: 20px 0 10px;
    }
}
.m-brand .brand-item
{
    float: left;
    margin-right: 80px;
    margin-bottom: 23px;
    height: 99px;
}
.m-brand .brand-item img
{
    max-height: 100%;
}
@media screen and (max-width: 568px)
{
    .m-brand .brand-item
    {
        margin-right: 0;
        width: 25%;
        margin-bottom: 10px;
        height: 60px;
        text-align: center;
    }
}
.m-brand .brand-item:nth-child(7n)
{
    margin-right: 0;
}
.m-ser-map
{
    padding-top: 70px;
    padding-bottom: 68px;
}
@media screen and (max-width: 568px)
{
    .m-ser-map
    {
        padding-top: 20px;
        padding-bottom: 20px;
    }
}
.m-ser-map .ser-map-wrap
{
    padding-top: 40px;
}
.m-ser-map .ser-map
{
    width: 57%;
    height: 576px;
    float: left;
    position: relative;
}
@media screen and (max-width: 768px)
{
    .m-ser-map .ser-map
    {
        width: 100%;
        float: none;
        height: 70vw;
    }
}
.m-ser-map .map-mark
{
    position: absolute;
    left: 0;
    bottom: 40px;
}
.m-ser-map .map-mark-item
{
    margin-bottom: 3px;
}
.m-ser-map .map-mark-item img, .m-ser-map .map-mark-item span
{
    vertical-align: middle;
}
.m-ser-map .map-mark-item img
{
    margin-right: 9px;
}
@media screen and (max-width: 568px)
{
    .m-ser-map .map-mark-item
    {
        font-size: 12px;
    }
}
.m-ser-map .ser-card
{
    width: 400px;
    float: right;
    background: #fff;
    border-top: 3px solid #e0e0e0;
    padding: 37px 40px 40px;
    position: relative;
    z-index: 1;
}
.m-ser-map .ser-card .ui-button
{
    height: 48px;
    line-height: 48px;
}
.m-ser-map .ser-card .ui-button .iconfont
{
    font-size: 28px;
}
@media screen and (max-width: 768px)
{
    .m-ser-map .ser-card
    {
        width: 100%;
        float: none;
        margin-top: 20px;
    }
}
@media screen and (max-width: 568px)
{
    .m-ser-map .ser-card
    {
        padding: 20px;
    }
}
.m-ser-map .sc-tit
{
    padding-bottom: 20px;
    padding-left: 34px;
    padding-right: 15px;
    margin-bottom: 16px;
    font-size: 20px;
    line-height: 1.4;
    font-weight: 500;
    border-bottom: 1px solid #e0e0e0;
    background: url(/png/tktqbxjn.png) no-repeat 0 3px;
    background-size: 20px 20px;
}
.m-ser-map .sc-contact
{
    color: #cf0e1e;
    line-height: 1.72;
    font-weight: 600;
    margin-bottom: 6px;
    padding-left: 14px;
    position: relative;
}
.m-ser-map .sc-contact:before
{
    content: "";
    height: 10px;
    width: 10px;
    border-radius: 50%;
    border: 2px solid #cf0e1e;
    position: absolute;
    left: 0;
    top: 7px;
}
.m-ser-map .sc-list
{
    color: #575757;
    line-height: 1.72;
    margin-right: -5px;
    margin-bottom: 24px;
}
.m-ser-map .sc-list a:hover
{
    color: #cf0e1e;
}
.jsmap-svg-container
{
    margin-left: -30%!important;
}
@media screen and (max-width: 768px)
{
    .jsmap-svg-container
    {
        margin-left: -35%!important;
    }
}
.jsmap-svg-container svg
{
    width: 100%!important;
}
@media screen and (max-width: 768px)
{
    .jsmap-svg-container svg
    {
        margin-left: 0!important;
    }
}
.m-ser-profile
{
    position: relative;
    background: linear-gradient(270deg,#d4ac78 0%,#d4ac78 100%);
    color: #fff;
}
.m-ser-profile .left
{
    width: 50%;
    padding: 50px 90px 0 0;
    height: 416px;
}
@media screen and (max-width: 768px)
{
    .m-ser-profile .left
    {
        width: 100%;
        padding: 20px 10px;
        height: auto;
    }
}
.m-ser-profile p
{
    line-height: 1.72;
}
.m-ser-profile .btn-wrap
{
    margin-top: 50px;
}
@media screen and (max-width: 768px)
{
    .m-ser-profile .btn-wrap
    {
        margin-top: 20px;
        display: flex;
        justify-content: space-between;
    }
    .m-ser-profile .btn-wrap .ui-button
    {
        width: 48%;
        margin-right: 0;
    }
}
.m-ser-profile .ui-button
{
    height: 44px;
    line-height: 44px;
    width: 180px;
    margin-right: 20px;
}
.m-ser-profile .btn-white-line
{
    line-height: 42px;
}
.m-ser-profile .btn-white-line:hover
{
    background: #fff;
    color: #cf0e1e;
}
.m-ser-profile .right
{
    position: absolute;
    left: 50%;
    top: 0;
    right: 0;
    bottom: 0;
    background: url(/jpg/xkfalj29.jpg) no-repeat 0 0;
}
@media screen and (max-width: 768px)
{
    .m-ser-profile .right
    {
        position: static;
        height: 43vw;
        background-size: cover;
        margin: 0 -10px;
    }
}
.m-ser-join .join-card
{
    padding-bottom: 50px;
    background-color: #fff;
    background-repeat: no-repeat;
    background-position: center 0;
}
@media screen and (max-width: 568px)
{
    .m-ser-join .join-card
    {
        padding-bottom: 30px;
    }
}
.m-ser-join .card1
{
    background-image: url(/jpg/mf3ftyhw.jpg);
}
@media screen and (max-width: 568px)
{
    .m-ser-join .card1
    {
        margin-bottom: 20px;
    }
}
.m-ser-join .card2
{
    background-image: url(/jpg/5z35hr93.jpg);
}
.m-ser-join .pure-g
{
    margin-left: -10px;
    margin-right: -10px;
}
.m-ser-join .pure-u-1-1
{
    padding-left: 10px;
    padding-right: 10px;
}
.m-ser-join .jc-hd
{
    padding: 10px 0 10px 30px;
    border-bottom: 1px solid #ebebeb;
    color: #666;
    font-weight: 500;
}
@media screen and (max-width: 568px)
{
    .m-ser-join .jc-hd
    {
        padding-left: 10px;
    }
}
.m-ser-join .jc-hd img
{
    height: 40px;
    width: 40px;
    vertical-align: middle;
    margin-right: 16px;
}
.m-ser-join .jc-hd span
{
    vertical-align: middle;
}
.m-ser-join .jc-tit
{
    margin-top: 50px;
    margin-bottom: 20px;
    text-align: center;
    font-size: 20px;
    line-height: 1.6;
    font-weight: 600;
}
@media screen and (max-width: 568px)
{
    .m-ser-join .jc-tit
    {
        margin-top: 20px;
        margin-bottom: 10px;
        font-size: 18px;
    }
}
.m-ser-join .jc-des
{
    font-size: 13px;
    color: #808080;
    margin-bottom: 40px;
    text-align: center;
}
@media screen and (max-width: 568px)
{
    .m-ser-join .jc-des
    {
        margin-bottom: 20px;
        padding-left: 10px;
        padding-right: 10px;
    }
}
.m-ser-join .ui-button
{
    display: block;
    width: 180px;
    height: 44px;
    line-height: 44px;
    margin: 0 auto;
}
.faq-banner
{
    background-image: url(/jpg/ag1bo663.jpg);
}
.faq-banner .mi-ban_con
{
    padding-top: 99px;
}
@media screen and (max-width: 568px)
{
    .faq-banner .mi-ban_con
    {
        padding-top: 0;
    }
}
.faq-banner .mi-ban_title
{
    margin-bottom: 19px;
}
.faq-banner .search-wrap
{
    padding-top: 0;
}
.faq-banner .u-hot
{
    color: #eaeaea;
}
.faq-banner .search-btn
{
    display: inline-block;
}
.faq-banner .search-input
{
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
}
.m-faq-cate
{
    margin-top: 30px;
    margin-bottom: 20px;
}
@media screen and (max-width: 568px)
{
    .m-faq-cate
    {
        margin: 20px 0;
    }
}
.m-faq-cate .faq-cate
{
    margin-left: -10px;
    margin-right: -10px;
}
@media screen and (max-width: 568px)
{
    .m-faq-cate .faq-cate
    {
        margin: 0;
    }
}
.m-faq-cate .fc-wrap
{
    padding-left: 10px;
    padding-right: 10px;
}
@media screen and (max-width: 568px)
{
    .m-faq-cate .fc-wrap
    {
        padding: 0;
    }
}
.m-faq-cate .fc-item
{
    padding: 30px;
    background: #fff;
    position: relative;
    display: block;
}
@media screen and (max-width: 568px)
{
    .m-faq-cate .fc-item
    {
        padding: 10px;
    }
}
.m-faq-cate .fc-item:after, .m-faq-cate .fc-item:before
{
    height: 2px;
    background: #cf0e1e;
}
.m-faq-cate .inner-box:after, .m-faq-cate .inner-box:before
{
    width: 2px;
    background: #cf0e1e;
}
.m-faq-cate .fc-icon
{
    float: left;
    background: #cf0e1e;
    color: #fff;
    height: 32px;
    width: 32px;
    border-radius: 4px;
    line-height: 32px;
    text-align: center;
    margin-right: 10px;
}
@media screen and (max-width: 568px)
{
    .m-faq-cate .fc-icon
    {
        display: none;
    }
}
.m-faq-cate .fc-icon .iconfont
{
    font-size: 24px;
}
.m-faq-cate .fc-con
{
    overflow: hidden;
}
.m-faq-cate .fc-name
{
    color: #808080;
    font-size: 18px;
    line-height: 32px;
    margin-bottom: 10px;
}
@media screen and (max-width: 568px)
{
    .m-faq-cate .fc-name
    {
        margin-bottom: 0;
        text-align: center;
        font-size: 16px;
    }
}
.m-faq-cate .fc-intro
{
    color: #808080;
    font-size: 13px;
    line-height: 18px;
}
@media screen and (max-width: 568px)
{
    .m-faq-cate .fc-intro
    {
        display: none;
    }
}
.m-faq-cate .fc-item:hover .fc-name, .m-faq-cate .active .fc-name
{
    font-weight: 600;
    color: #333;
}
.m-faq-cate .active:before, .m-faq-cate .active:after
{
    width: 100%;
}
.m-faq-cate .active .inner-box:before, .m-faq-cate .active .inner-box:after
{
    height: 100%;
}
.m-faq-list
{
    margin-bottom: 50px;
}
@media screen and (max-width: 568px)
{
    .m-faq-list
    {
        margin-bottom: 20px;
    }
}
.m-faq-list .u-paging
{
    padding-top: 30px;
    padding-bottom: 40px;
}
@media screen and (max-width: 568px)
{
    .m-faq-list .u-paging
    {
        padding-top: 10px;
        padding-bottom: 10px;
    }
}
.m-faq-list .faq-list
{
    background: #fff;
}
.faq_item
{
    padding-left: 30px;
    padding-right: 30px;
}
@media screen and (max-width: 568px)
{
    .faq_item
    {
        padding: 0 10px;
    }
}
.faq_wrap
{
    padding: 30px 0;
    border-bottom: 1px solid #ebebeb;
}
@media screen and (max-width: 568px)
{
    .faq_wrap
    {
        padding: 15px 0;
    }
}
.faq_img
{
    height: 32px;
    width: 32px;
    float: left;
    margin-right: 12px;
}
@media screen and (max-width: 568px)
{
    .faq_img
    {
        height: 24px;
        width: 24px;
        margin-right: 10px;
    }
}
.faq_tit
{
    color: #2e2e2e;
    font-size: 18px;
    line-height: 32px;
    margin-bottom: 6px;
}
.faq_tit a:after
{
    background-color: #bb2d2e;
}
.faq_tit a:hover
{
    color: #bb2d2e;
    font-weight: 700;
}
@media screen and (max-width: 568px)
{
    .faq_tit
    {
        font-size: 16px;
        margin-bottom: 3px;
    }
}
.faq_con
{
    overflow: hidden;
}
.faq_intro
{
    color: #808080;
    margin-bottom: 24px;
}
@media screen and (max-width: 568px)
{
    .faq_intro
    {
        margin-bottom: 10px;
    }
}
.faq_date
{
    color: #808080;
}
.download-banner
{
    background-image: url(/jpg/1lb1juik.jpg);
}
@media screen and (max-width: 568px)
{
    .download-banner
    {
        background-image: url(/jpg/c5d6fsmx.jpg);
    }
}
.download-banner .mi-ban_con.left .mi-ban_title
{
    color: #2e2e2e;
}
.download-banner .mi-ban_con.left .mi-ban_intro
{
    color: rgba(87,87,87,.86);
}
.m-file-list
{
    margin-top: 40px;
}
@media screen and (max-width: 568px)
{
    .m-file-list
    {
        margin-top: 20px;
    }
}
.file_list
{
    margin-left: -20px;
    margin-right: -20px;
}
@media screen and (max-width: 568px)
{
    .file_list
    {
        margin-left: 0;
        margin-right: 0;
    }
}
.file_item
{
    padding-left: 20px;
    padding-right: 20px;
    margin-bottom: 40px;
}
@media screen and (max-width: 568px)
{
    .file_item
    {
        padding-left: 10px;
        padding-right: 10px;
    }
}
.file_img
{
    background: #fff;
    box-shadow: 0 3px 7px 0 rgba(0,0,0,.04);
    margin-bottom: 12px;
}
.file_img img
{
    width: 100%;
    display: block;
}
.file_date
{
    margin-bottom: 6px;
    font-size: 12px;
    color: #adadad;
}
.file_tit
{
    font-size: 16px;
    font-weight: 600;
    margin-bottom: 10px;
    height: 24px;
}
.file_link
{
    line-height: 1.71;
}
.file_link .vd-line
{
    line-height: 1;
}
.file_link span, .file_link a
{
    display: inline-block;
    vertical-align: middle;
}
.file_a
{
    text-decoration: underline;
}
.file_a:hover
{
    text-decoration: none;
}
.file_a:after
{
    bottom: 6px;
}
.contact-banner
{
    background-image: url(/jpg/ihqm88z3.jpg);
}
.m-ctc-primary
{
    background: url(/jpg/nrrw9l4g.jpg) no-repeat center bottom;
}
.m-ctc-primary .ctcp-wrap
{
    margin-left: -15px;
    margin-right: -15px;
}
.m-ctc-primary .ctcp-item
{
    padding-left: 15px;
    padding-right: 15px;
}
.m-ctc-primary .ctcp-card
{
    padding-top: 40px;
    padding-left: 40px;
    height: 267px;
    margin-top: 40px;
}
@media screen and (max-width: 768px)
{
    .m-ctc-primary .ctcp-card
    {
        margin-top: 20px;
        padding: 20px 0;
        height: auto;
        display: flex;
        flex-direction: column;
        align-items: center;
    }
}
.m-ctc-primary .card1
{
    background: #fff url(/jpg/lmaer0uq.jpg) no-repeat 0 0;
}
.m-ctc-primary .card2
{
    background: #fff url(/jpg/j9nhwpmk.jpg) no-repeat 0 0;
}
.m-ctc-primary .ctcp-tit
{
    margin-bottom: 40px;
    font-size: 20px;
    line-height: 32px;
    font-weight: 600;
}
@media screen and (max-width: 568px)
{
    .m-ctc-primary .ctcp-tit
    {
        margin-bottom: 20px;
        font-size: 18px;
    }
}
.m-ctc-primary .ctcp-tit span
{
    font-size: 24px;
}
@media screen and (max-width: 568px)
{
    .m-ctc-primary .ctcp-tit span
    {
        font-size: 18px;
    }
}
.m-ctc-primary .ctcp-list
{
    width: 304px;
}
.m-ctc-primary .ctcp-li
{
    float: left;
    width: 152px;
    height: 48px;
    border: 1px solid #cf0e1e;
    margin-right: -1px;
    margin-bottom: -1px;
    background: rgba(255,255,255,.6);
}
.m-ctc-primary .ctcp-a
{
    display: block;
    height: 100%;
    line-height: 44px;
    color: #cf0e1e;
    text-align: center;
    font-weight: 500;
}
.m-ctc-primary .ctcp-a .iconfont
{
    margin-left: 24px;
    font-weight: 400;
}
.m-ctc-primary .ctcp-a i, .m-ctc-primary .ctcp-a span
{
    vertical-align: middle;
}
.m-ctc-contact
{
    background: url(/jpg/rtw9aw4b.jpg) no-repeat center 0;
}
.m-ctc-contact.lg
{
    background-image: url(/jpg/r8y7ok4p.jpg);
}
.m-ctc-contact.lg .ctc-c-box
{
    padding-top: 30px;
    padding-bottom: 30px;
}
@media screen and (max-width: 768px)
{
    .m-ctc-contact
    {
        background-size: cover;
    }
}
.m-ctc-contact .u-hd_tit
{
    color: #fff;
}
.m-ctc-contact .ctc-c-box
{
    padding-top: 40px;
    padding-bottom: 40px;
    background: linear-gradient(180deg,rgba(255,255,255,.9) 0%,rgba(255,255,255,.93) 100%);
}
.m-ctc-contact .ctc-c-tit
{
    margin-bottom: 14px;
    font-size: 18px;
    line-height: 1.33;
    font-weight: 700;
}
.m-ctc-contact .ctc-c-list
{
    line-height: 2;
}
.m-ctc-contact .ctc-c-card1
{
    padding-left: 42px;
}
@media screen and (max-width: 768px)
{
    .m-ctc-contact .ctc-c-card1
    {
        padding-left: 20px;
    }
}
.m-ctc-contact .ctc-c-card2
{
    padding-left: 80px;
    position: relative;
}
@media screen and (max-width: 768px)
{
    .m-ctc-contact .ctc-c-card2
    {
        padding-left: 20px;
    }
}
@media screen and (max-width: 568px)
{
    .m-ctc-contact .ctc-c-card2
    {
        padding-left: 20px;
        margin-top: 10px;
        margin-bottom: 10px;
    }
}
.m-ctc-contact .ctc-c-card3
{
    padding-left: 80px;
}
@media screen and (max-width: 768px)
{
    .m-ctc-contact .ctc-c-card3
    {
        padding-left: 20px;
    }
}
.m-ctc-contact .ctc-c-card2:after, .m-ctc-contact .ctc-c-card2:before
{
    content: "";
    width: 1px;
    top: 0;
    left: 0;
    bottom: 0;
    background: rgba(34,34,34,.1);
    position: absolute;
}
@media screen and (max-width: 768px)
{
    .m-ctc-contact .ctc-c-card2:after, .m-ctc-contact .ctc-c-card2:before
    {
        display: none;
    }
}
.m-ctc-contact .ctc-c-card2:after
{
    right: 0;
    left: auto;
}
.m-ctc-contact .as-card1, .m-ctc-contact .as-card2, .m-ctc-contact .as-card3, .m-ctc-contact .as-card4
{
    float: left;
    text-align: center;
}
.m-ctc-contact .as-box
{
    display: inline-block;
    text-align: left;
}
@media screen and (max-width: 568px)
{
    .m-ctc-contact .as-box
    {
        text-align: center;
    }
}
@media screen and (max-width: 568px)
{
    .m-ctc-contact .as-btn
    {
        margin-top: 10px;
    }
    .m-ctc-contact .as-btn .ui-button
    {
        width: 160px;
    }
}
.m-ctc-contact .as-card1
{
    width: 21%;
}
.m-ctc-contact .as-card2
{
    width: 23%;
}
.m-ctc-contact .as-card3
{
    width: 30%;
}
.m-ctc-contact .as-card4
{
    width: 26%;
}
@media screen and (max-width: 568px)
{
    .m-ctc-contact .as-card1, .m-ctc-contact .as-card2, .m-ctc-contact .as-card3, .m-ctc-contact .as-card4
    {
        width: 100%;
        text-align: center;
        padding-left: 0;
        margin-bottom: 10px;
    }
    .m-ctc-contact .as-card4
    {
        margin-bottom: 0;
    }
}
.m-ctc-contact .as-card1, .m-ctc-contact .as-card2, .m-ctc-contact .as-card3
{
    border-right: 1px solid rgba(0,0,0,.1);
}
@media screen and (max-width: 568px)
{
    .m-ctc-contact .as-card1, .m-ctc-contact .as-card2, .m-ctc-contact .as-card3
    {
        border-right: 0 none;
    }
}
.m-ctc-contact .as-icon
{
    margin-bottom: 10px;
    height: 32px;
    width: 32px;
}
.m-ctc-contact .as-icon .iconfont
{
    font-size: 32px;
    color: #cf0e1e;
    line-height: 32px;
}
.m-ctc-contact .as-card3 .iconfont, .m-ctc-contact .as-card4 .iconfont
{
    font-size: 26px;
}
.m-ctc-contact .as-tit
{
    font-size: 16px;
    color: #222;
    line-height: 22px;
    margin-bottom: 10px;
}
@media screen and (max-width: 568px)
{
    .m-ctc-contact .as-icon
    {
        display: inline-block;
        vertical-align: middle;
        margin-right: 10px;
        margin-bottom: 3px;
    }
    .m-ctc-contact .as-tit
    {
        display: inline-block;
        vertical-align: middle;
        margin-bottom: 3px;
    }
}
.m-ctc-contact .as-con
{
    padding-bottom: 8px;
    line-height: 28px;
    font-size: 16px;
    font-weight: 700;
}
@media screen and (max-width: 568px)
{
    .m-ctc-contact .as-con
    {
        padding-bottom: 12px;
        font-size: 18px;
    }
}
.m-ctc-show .ctc-s-wrap
{
    margin-left: -10px;
    margin-right: -10px;
}
.m-ctc-show .ctc-s-item
{
    padding-left: 10px;
    padding-right: 10px;
}
.m-ctc-show .ctc-s-box
{
    margin-top: 30px;
    padding-bottom: 20px;
    background: #f5f5f5;
    text-align: center;
}
@media screen and (max-width: 768px)
{
    .m-ctc-show .ctc-s-box
    {
        margin-top: 20px;
    }
}
.m-ctc-show .ctc-s-tit
{
    margin-top: 20px;
    margin-bottom: 6px;
    font-size: 18px;
    line-height: 1.34;
    font-weight: 600;
}
.m-ctc-show .ctc-s-des
{
    color: #808080;
}
.m-ctc-form .ctc-f-wrap
{
    background: #fff;
    padding: 40px 35px 30px;
}
@media screen and (max-width: 568px)
{
    .m-ctc-form .ctc-f-wrap
    {
        padding: 20px 5px;
    }
}
.m-ctc-form .form-group, .m-ctc-form .form-label, .m-ctc-form .form-con
{
    display: block;
}
.m-ctc-form .ui-form-control
{
    width: 100%;
}
.m-ctc-form textarea
{
    height: auto;
}
.m-ctc-form .form-group
{
    margin-bottom: 16px;
}
.m-ctc-form .pure-u-1-1
{
    padding-left: 15px;
    padding-right: 15px;
}
.m-ctc-form .form-label
{
    text-align: left;
    margin-bottom: 4px;
}
.m-ctc-form .btn-wrap
{
    text-align: center;
    margin-top: 8px;
    padding-left: 15px;
    padding-right: 15px;
}
.m-ctc-form .submit
{
    width: 220px;
    height: 48px;
    line-height: 48px;
}
@media screen and (max-width: 568px)
{
    .m-ctc-form .submit
    {
        width: 100%;
    }
}
.m-ctc-map
{
    height: 480px;
    position: relative;
    background: rgba(187,46,46,.94);
}
@media screen and (max-width: 568px)
{
    .m-ctc-map
    {
        height: 550px;
        background: none;
    }
}
.m-ctc-map .bd-map
{
    height: 480px;
    right: 0;
    position: absolute;
    left: 50%;
    margin-left: -590px;
    top: 0;
    background: #fff;
}
@media screen and (max-width: 568px)
{
    .m-ctc-map .bd-map
    {
        left: 0;
        top: 0;
        bottom: 0;
        margin-left: 0;
    }
}
.m-ctc-map .map-card
{
    position: relative;
    padding: 50px 0 0 50px;
    z-index: 2;
    width: 380px;
    height: 480px;
    background: rgba(187,46,46,.94);
    color: #fff;
}
.m-ctc-map .map-card .ft-num
{
    font-size: 20px;
}
@media screen and (max-width: 568px)
{
    .m-ctc-map .map-card .ft-num
    {
        font-size: 13px;
    }
}
@media screen and (max-width: 568px)
{
    .m-ctc-map .map-card
    {
        position: absolute;
        bottom: 10px;
        padding: 15px;
        left: 10px;
        right: 10px;
        width: auto;
        font-size: 13px;
        height: auto;
    }
}
.m-ctc-map .ctc-m-logo
{
    margin-bottom: 40px;
}
@media screen and (max-width: 568px)
{
    .m-ctc-map .ctc-m-logo
    {
        margin-bottom: 10px;
    }
    .m-ctc-map .ctc-m-logo img
    {
        height: 16px;
    }
}
.m-ctc-map .ctc-m-tit
{
    font-size: 20px;
    line-height: 1.3;
    font-weight: 700;
    margin-bottom: 20px;
}
@media screen and (max-width: 568px)
{
    .m-ctc-map .ctc-m-tit
    {
        font-size: 15px;
        margin-bottom: 6px;
    }
}
.m-ctc-map .ctc-m-add
{
    margin-bottom: 20px;
    line-height: 1.72;
}
@media screen and (max-width: 568px)
{
    .m-ctc-map .ctc-m-add
    {
        margin-bottom: 6px;
    }
}
.m-ctc-map .ctc-m-tit span
{
    display: inline-block;
    height: 8px;
    width: 8px;
    border-radius: 50%;
    background: #fff;
    vertical-align: middle;
    margin-left: 6px;
    margin-right: 6px;
    margin-top: -2px;
}
.m-ctc-map .ui-button
{
    width: 245px;
    height: 40px;
    position: absolute;
    left: 50px;
    bottom: 50px;
    line-height: 40px;
    color: #cf0e1e;
    font-size: 14px;
    font-weight: 600;
}
.m-ctc-map .ui-button:hover
{
    color: #fff;
}
@media screen and (max-width: 568px)
{
    .m-ctc-map .ui-button
    {
        position: static;
        height: 36px;
        line-height: 36px;
        margin-top: 10px;
        width: 100%;
    }
}
.m-ctc-map .BMap_Marker.BMap_noprint:first-child:after
{
    content: "";
    width: 300px;
    height: 56px;
    position: absolute;
    background: rgba(255,255,255,.96) url(/png/qwwpm7gu.png) no-repeat center center;
    top: -56px;
    left: 50%;
    margin-left: -150px;
    box-shadow: 0 2px 8px 0 rgba(0,0,0,.06);
    border-radius: 4px;
    border: 1px solid #fff;
}
.csr-banner
{
    background-image: url(/jpg/r5q7ud2s.jpg);
}
.m-csr
{
    padding-bottom: 0;
}
.m-csr .u-hd
{
    margin-bottom: 40px;
}
.m-csr .csr-layout
{
    padding-bottom: 50px;
    background: #fff url(/png/l9wn9t0f.png) no-repeat center 0;
}
@media screen and (max-width: 568px)
{
    .m-csr .csr-layout
    {
        padding-bottom: 20px;
    }
}
.m-csr .csr-item+.csr-item
{
    margin-top: 50px;
}
@media screen and (max-width: 568px)
{
    .m-csr .csr-item+.csr-item
    {
        margin-top: 20px;
    }
}
.m-csr .csr-img
{
    float: left;
    width: 47%;
}
@media screen and (max-width: 568px)
{
    .m-csr .csr-img
    {
        float: none;
        width: 100%;
    }
}
.m-csr .csr-con
{
    float: left;
    width: 53%;
    padding-left: 70px;
    padding-top: 20px;
}
@media screen and (max-width: 568px)
{
    .m-csr .csr-con
    {
        float: none;
        width: 100%;
        padding-left: 0;
    }
}
.m-csr .reverse .csr-img
{
    float: right;
}
@media screen and (max-width: 568px)
{
    .m-csr .reverse .csr-img
    {
        float: none;
    }
}
.m-csr .reverse .csr-con
{
    padding-left: 0;
    padding-right: 70px;
}
@media screen and (max-width: 568px)
{
    .m-csr .reverse .csr-con
    {
        padding-right: 0;
    }
}
.m-csr .csr-tit
{
    font-size: 22px;
    font-weight: 600;
    margin-bottom: 20px;
}
@media screen and (max-width: 568px)
{
    .m-csr .csr-tit
    {
        font-size: 18px;
        margin-bottom: 10px;
    }
}
.m-csr .csr-tit em
{
    font-style: normal;
    color: #cf0e1e;
}
.m-csr .csr-des
{
    color: #666;
    line-height: 2;
}
.csr-0 .m-csr-nav
{
    margin-bottom: 0;
}
.m-csr-nav
{
    margin-top: 50px;
    margin-bottom: -20px;
    color: #fff;
}
@media screen and (max-width: 568px)
{
    .m-csr-nav
    {
        margin-top: 20px;
        margin-bottom: 0;
    }
}
.m-csr-nav .csr-nav-wp
{
    margin-left: -1px;
    margin-right: -1px;
}
.m-csr-nav .csr-nav-item
{
    padding-left: 1px;
    padding-right: 1px;
}
.m-csr-nav .csr-nav
{
    background-repeat: no-repeat;
    background-size: cover;
    height: 180px;
    padding-top: 30px;
    padding-left: 30px;
}
.m-csr-nav .csr-nav1
{
    background-image: url(/jpg/w9d8urg7.jpg);
}
.m-csr-nav .csr-nav2
{
    background-image: url(/jpg/fheqz4fy.jpg);
}
.m-csr-nav .csr-nav3
{
    background-image: url(/jpg/r9xtcxb8.jpg);
}
.m-csr-nav .csr-nav-tit
{
    font-size: 18px;
    font-weight: 600;
    line-height: 1.4;
    margin-bottom: 14px;
}
.m-csr-nav .link-hover1:after
{
    background: #fff;
}
.m-csr-about
{
    background: url(/jpg/f8019ozn.jpg) no-repeat center 0;
    padding-top: 60px;
    padding-bottom: 50px;
}
@media screen and (max-width: 568px)
{
    .m-csr-about
    {
        padding-top: 24px;
        padding-bottom: 24px;
    }
}
.m-csr-about .u-hd_des
{
    color: #666;
}
.m-csr-about .pure-g
{
    margin-left: -10px;
    margin-right: -10px;
}
.m-csr-about .csr-cert-item
{
    margin-top: 25px;
    padding-left: 10px;
    padding-right: 10px;
    margin-bottom: 35px;
    -webkit-box-reflect: below 0 -webkit-linear-gradient(transparent,transparent 80%,rgba(255,255,255,.3));
}
.m-csr-about img
{
    width: 100%;
    display: block;
}
.m-csr-about .btn-red
{
    width: 220px;
    display: block;
    margin: 0 auto;
    height: 48px;
    line-height: 48px;
}
.after-sales-banner
{
    background-image: url(/jpg/0embt5q9.jpg);
}
.ser-slogan
{
    height: 260px;
    background: url(/jpg/111hfo0w.jpg) no-repeat center center;
    position: relative;
}
@media screen and (max-width: 568px)
{
    .ser-slogan
    {
        height: auto;
        padding-bottom: 30px;
    }
}
.ser-slogan .logo-white
{
    position: absolute;
    width: 178px;
    height: 20px;
    top: 40px;
    right: 30px;
}
@media screen and (max-width: 568px)
{
    .ser-slogan .logo-white
    {
        top: 10px;
        right: 10px;
        height: 10px;
        width: 89px;
    }
}
.ser-slogan .quote
{
    font-weight: 700;
    font-family: Arial,sans-serif;
    font-size: 100px;
    color: rgba(255,255,255,.2);
    left: 40px;
    top: 40px;
    position: absolute;
    line-height: 1;
}
@media screen and (max-width: 568px)
{
    .ser-slogan .quote
    {
        font-size: 60px;
        left: 10px;
        top: 10px;
    }
}
.ser-slogan .text
{
    font-weight: 700;
    font-size: 24px;
    padding: 111px 20px 0 80px;
    color: #f2f2f2;
}
@media screen and (max-width: 568px)
{
    .ser-slogan .text
    {
        padding-top: 50px;
        font-size: 18px;
        padding-left: 35px;
    }
}
.m-service-con
{
    padding-bottom: 50px;
}
@media screen and (max-width: 568px)
{
    .m-service-con
    {
        padding-bottom: 0;
    }
}
.m-service-con .msc-item
{
    padding-left: 5%;
    padding-right: 5%;
}
@media screen and (max-width: 568px)
{
    .m-service-con .msc-item
    {
        padding-left: 0;
        padding-right: 0;
    }
}
.m-service-con .msc-item+.msc-item
{
    margin-top: 50px;
}
@media screen and (max-width: 568px)
{
    .m-service-con .msc-item+.msc-item
    {
        margin-top: 20px;
    }
}
.m-service-con .msc-opt
{
    float: left;
    text-align: center;
    margin-right: 30px;
}
@media screen and (max-width: 568px)
{
    .m-service-con .msc-opt
    {
        margin-right: 0;
        float: none;
        padding: 0 0 20px;
    }
}
.m-service-con .msc-con
{
    padding: 2.6% 3.3%;
    overflow: hidden;
    background: #f5f5f5;
    color: #808080;
    line-height: 2;
}
@media screen and (max-width: 568px)
{
    .m-service-con .msc-con
    {
        overflow: visible;
    }
}
.m-service-con .msc-icon
{
    margin-bottom: 10px;
    height: 44px;
    line-height: 1;
}
.m-service-con .msc-icon img
{
    height: 44px;
    width: 44px;
}
@media screen and (max-width: 568px)
{
    .m-service-con .msc-icon
    {
        margin-bottom: 5px;
        margin-top: 5px;
    }
}
.m-service-con .msc-text
{
    font-size: 16px;
    font-weight: 600;
    margin-bottom: 18px;
}
@media screen and (max-width: 568px)
{
    .m-service-con .msc-text
    {
        margin-bottom: 15px;
    }
}
.m-service-con .ui-button
{
    line-height: 42px;
    height: 44px;
    font-weight: 500;
    width: 180px;
}
@media screen and (max-width: 568px)
{
    .m-service-con .ui-button
    {
        height: 40px;
        line-height: 38px;
    }
}
.video-banner
{
    background-image: url(/jpg/01pvqjp9.jpg);
}
.m-video-list .ms-video_item
{
    margin-bottom: 40px;
}
@media screen and (max-width: 768px)
{
    .m-video-list .ms-video_item
    {
        margin-top: 0!important;
        margin-bottom: 20px;
    }
}
.vd-info
{
    color: #808080;
    margin-bottom: 30px;
}
@media screen and (max-width: 568px)
{
    .vd-info
    {
        margin-bottom: 10px;
    }
}
.vd-info span
{
    vertical-align: middle;
}
.vd-line
{
    width: 1px;
    height: 15px;
    display: inline-block;
    background: #dcdfe1;
    margin-left: 20px;
    margin-right: 20px;
}
@media screen and (max-width: 568px)
{
    .vd-line
    {
        margin-left: 10px;
        margin-right: 10px;
    }
}
.icon-tit
{
    color: #2e2e2e;
    font-size: 18px;
    line-height: 1.33;
    font-weight: 600;
    padding-left: 24px;
    background: url(/png/3kxfohkj.png) no-repeat 0 center;
}
.m-video-detail .vd-main
{
    padding: 40px;
}
@media screen and (max-width: 768px)
{
    .m-video-detail .vd-main
    {
        padding: 10px;
    }
}
@media screen and (max-width: 568px)
{
    .m-video-detail .back
    {
        display: none;
    }
}
.m-video-detail .vd-video
{
    margin-bottom: 40px;
}
@media screen and (max-width: 568px)
{
    .m-video-detail .vd-video
    {
        margin-bottom: 20px;
    }
}
.m-video-detail .video-wrap
{
    width: 73%;
    height: 450px;
    float: left;
    background: #f2f3f4;
}
@media screen and (max-width: 768px)
{
    .m-video-detail .video-wrap
    {
        width: 100%;
        float: none;
        height: 50vw;
    }
}
.m-video-detail .vd-side
{
    width: 27%;
    height: 450px;
    float: right;
    background: #f2f2f2;
    padding: 30px 20px 0 30px;
}
@media screen and (max-width: 768px)
{
    .m-video-detail .vd-side
    {
        width: 100%;
        float: none;
        padding: 10px;
        height: auto;
        margin-top: 10px;
    }
}
.m-video-detail .vd-tit
{
    margin-bottom: 30px;
}
@media screen and (max-width: 568px)
{
    .m-video-detail .vd-tit
    {
        margin-bottom: 10px;
    }
}
.m-video-detail .vd_item
{
    margin-bottom: 26px;
}
@media screen and (max-width: 568px)
{
    .m-video-detail .vd_item
    {
        margin-bottom: 10px;
    }
}
.m-video-detail .vd_img
{
    width: 114px;
    height: 64px;
    float: left;
    margin-right: 10px;
}
.m-video-detail .vd_tit
{
    font-size: 13px;
    color: #1e1e1d;
    line-height: 20px;
    height: 40px;
    font-weight: 500;
    margin-bottom: 8px;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
}
.m-video-detail .vd_date
{
    color: #808080;
    font-size: 12px;
}
.article_nav
{
    border-top: 1px solid #dcdfe1;
    padding: 20px 40px 40px;
    color: #808080;
}
@media screen and (max-width: 568px)
{
    .article_nav
    {
        padding: 10px;
    }
}
.article_nav .prev
{
    float: left;
    width: 50%;
}
.article_nav .next
{
    float: right;
    width: 50%;
    text-align: right;
}
.article_nav .iconfont
{
    font-size: 20px;
    vertical-align: middle;
    line-height: 1;
}
.article_nav a:hover
{
    color: #cf0e1e;
}
.news-banner
{
    background-image: url(/jpg/8e3w1p70.jpg);
}
@media screen and (max-width: 568px)
{
    .news-banner
    {
        background-image: url(/jpg/etwkyhbn.jpg);
    }
}
.nav-news .ms-nav_item
{
    width: 25%;
}
.m-news-primary .slick-dots
{
    margin-top: 8px;
}
.m-news-primary .np-list
{
    height: 351px;
    overflow: hidden;
}
@media screen and (max-width: 568px)
{
    .m-news-primary .np-list
    {
        height: 229px;
    }
}
.m-news-primary .np-item
{
    background: #fff;
}
.m-news-primary .np-img
{
    float: left;
    width: 50%;
    height: 322px;
    background-size: cover;
    background-repeat: no-repeat;
}
@media screen and (max-width: 568px)
{
    .m-news-primary .np-img
    {
        width: 40%;
        height: 200px;
    }
}
.m-news-primary .np-con
{
    float: right;
    width: 50%;
    height: 322px;
    padding: 40px 40px 0;
}
@media screen and (max-width: 568px)
{
    .m-news-primary .np-con
    {
        height: 200px;
        padding: 10px 10px 0;
        width: 60%;
    }
}
.m-news-primary .np-cate
{
    color: #999;
    font-size: 12px;
    line-height: 20px;
    padding-left: 6px;
    padding-right: 6px;
    background: #ebebeb;
    border-radius: 3px;
    display: inline-block;
    margin-bottom: 20px;
}
@media screen and (max-width: 568px)
{
    .m-news-primary .np-cate
    {
        margin-bottom: 10px;
    }
}
.m-news-primary .np-tit
{
    font-weight: 500;
    font-size: 20px;
    line-height: 24px;
    color: #1e1e1d;
    margin-bottom: 10px;
}
@media screen and (max-width: 568px)
{
    .m-news-primary .np-tit
    {
        display: -webkit-box;
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 2;
        overflow: hidden;
        font-size: 18px;
    }
}
.m-news-primary .np-date
{
    font-size: 12px;
    color: #adadad;
    margin-bottom: 20px;
}
@media screen and (max-width: 568px)
{
    .m-news-primary .np-date
    {
        margin-bottom: 10px;
    }
}
.m-news-primary .np-intro
{
    line-height: 24px;
    color: #808080;
    max-height: 116px;
    overflow: hidden;
}
@media screen and (max-width: 768px)
{
    .m-news-primary .np-intro
    {
        display: -webkit-box;
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 2;
        overflow: hidden;
        height: 48px;
    }
}
.m-news-list
{
    padding-bottom: 50px;
}
@media screen and (max-width: 568px)
{
    .m-news-list
    {
        padding-bottom: 24px;
    }
}
.mnl_list
{
    margin-left: -10px;
    margin-right: -10px;
}
@media screen and (max-width: 568px)
{
    .mnl_list
    {
        margin: 0 -5px;
    }
}
.mnl_item
{
    padding-left: 10px;
    padding-right: 10px;
    margin-bottom: 40px;
}
@media screen and (max-width: 568px)
{
    .mnl_item
    {
        margin-bottom: 10px;
        padding: 0 5px;
    }
}
.mnl_wrap
{
    background: #fff;
}
.mnl_con
{
    padding: 20px;
}
@media screen and (max-width: 568px)
{
    .mnl_con
    {
        padding: 10px;
    }
}
.mnl_tit
{
    font-size: 16px;
    line-height: 1.75;
    height: 54px;
    overflow: hidden;
    font-weight: 500;
}
@media screen and (max-width: 568px)
{
    .mnl_tit
    {
        font-size: 14px;
        height: 50px;
    }
}
.article
{
    padding: 40px 40px 0;
}
@media screen and (max-width: 568px)
{
    .article
    {
        padding: 10px 10px 0;
    }
}
.m-news-detail
{
    padding-bottom: 50px;
}
@media screen and (max-width: 568px)
{
    .m-news-detail
    {
        padding-bottom: 20px;
    }
}
.m-news-detail .lay-main
{
    padding: 40px 40px 0;
}
@media screen and (max-width: 568px)
{
    .m-news-detail .lay-main
    {
        padding: 10px 10px 0;
    }
}
.nd-info
{
    background: #f2f2f2;
    padding: 12px 20px;
}
@media screen and (max-width: 568px)
{
    .nd-info
    {
        padding: 10px;
    }
}
.article_nav2
{
    margin-top: 30px;
    padding-top: 20px;
    padding-bottom: 20px;
    border-top: 1px solid #ebebeb;
    color: #808080;
}
@media screen and (max-width: 568px)
{
    .article_nav2
    {
        padding-bottom: 10px;
    }
}
.article_nav2 .nav-row
{
    margin-bottom: 20px;
    line-height: 1.715;
}
@media screen and (max-width: 568px)
{
    .article_nav2 .nav-row
    {
        margin-bottom: 8px;
    }
}
.side-contact
{
    background: #fff;
    padding: 30px 20px;
}
.side-contact.border
{
    border: 1px solid #ebebeb;
}
.side-contact .sc-icon
{
    float: left;
    height: 46px;
    width: 46px;
    border-radius: 50%;
    background: #f2f2f2;
    text-align: center;
    line-height: 46px;
    color: #cf0e1e;
    margin-right: 14px;
}
.side-contact .sc-icon .iconfont
{
    font-size: 22px;
}
.side-contact .sc-item
{
    margin-bottom: 30px;
}
.side-contact .sc-tit
{
    color: #999;
}
.side-contact .sc-main
{
    font-size: 18px;
    font-family: Robot,sans-serif;
    font-weight: 700;
}
.side-contact .sc-mail
{
    font-size: 16px;
    font-weight: 600;
}
.side-contact .ui-button
{
    height: 40px;
    line-height: 40px;
    font-size: 14px;
}
.side-contact.lit
{
    padding-right: 0;
    padding-bottom: 20px;
}
.side-contact.lit .sc-mail
{
    font-family: robot,sans-serif;
}
.side-contact.lit .sc-item
{
    margin-bottom: 20px;
}
@media screen and (max-width: 768px)
{
    .side-contact2
    {
        display: none;
    }
}
.side-contact2 .btn-red-line
{
    border-width: 2px;
    font-weight: 500;
}
.side-contact2 .sc-icon
{
    color: #808080;
    background: #fff;
    border: 1px solid #e0e0e0;
}
.side-contact2 .sc-search-form
{
    position: relative;
    height: 40px;
    margin-top: 20px;
}
.side-contact2 .sc-search-input
{
    display: block;
    width: 100%;
    height: 100%;
    border: 2px solid #e0e0e0;
    padding-left: 12px;
    padding-right: 40px;
    border-radius: 2px;
}
.side-contact2 .sc-search-btn
{
    position: absolute;
    width: 40px;
    height: 40px;
    right: 0;
    top: 0;
    background: none;
    border: 0 none;
    color: #575757;
}
.side-info
{
    background: #fff;
    padding: 30px 20px;
}
.side-info .si-item
{
    padding-top: 16px;
    margin-top: 16px;
    border-top: 1px solid #eaeaea;
}
.side-info .si-item:first-child
{
    border: none;
    padding-top: 0;
    margin-top: 20px;
}
.side-info .si-tit
{
    color: #1e1e1d;
    line-height: 1.72;
    font-weight: 500;
    margin-bottom: 10px;
}
.side-info .si-date
{
    font-size: 12px;
    color: #adadad;
}
.solution-banner
{
    background-image: url(/jpg/r0zuseew.jpg);
}
.app-list-head
{
    padding: 24px 30px 20px;
    margin-bottom: 30px;
    background: url(/jpg/sx1k5430.jpg) no-repeat center 0;
}
@media screen and (max-width: 768px)
{
    .app-list-head
    {
        background-size: cover;
        margin-bottom: 20px;
    }
}
@media screen and (max-width: 568px)
{
    .app-list-head
    {
        padding: 10px;
        background-size: cover;
        margin-bottom: 10px;
    }
}
.app-list-head .tit
{
    font-size: 22px;
    line-height: 32px;
    font-weight: 600;
    margin-bottom: 10px;
}
@media screen and (max-width: 568px)
{
    .app-list-head .tit
    {
        font-size: 18px;
    }
}
.app-list-head .icon-fuhao
{
    color: #cf0e1e;
    font-size: 24px;
    vertical-align: middle;
    line-height: 1;
    margin-right: 8px;
    font-weight: 400;
    display: none;
}
.app-list-head p
{
    line-height: 2;
}
.app-list .ms-solu_wrap
{
    background: #fff;
    margin-bottom: 30px;
    position: relative;
    display: block;
    cursor: default;
}
@media screen and (max-width: 568px)
{
    .app-list .ms-solu_wrap
    {
        margin-bottom: 10px;
    }
}
.app-list .ms-solu_wrap:after
{
    bottom: 0;
    height: 0;
    position: absolute;
    content: "";
    background: #cf0e1e;
    width: 100%;
    transition: .3s;
}
.app-list .ms-solu_wrap:hover:after
{
    height: 3px;
}
.app-list .ms-solu_con
{
    padding: 0 20px 20px;
}
@media screen and (max-width: 568px)
{
    .app-list .ms-solu_con
    {
        padding: 0 10px 10px;
    }
}
.app-detail
{
    background-image: url(/jpg/idai9e7q.jpg);
    background-repeat: no-repeat;
    background-position: center 0;
}
.app-detail .crumbs-wrap
{
    background: none;
}
@media screen and (max-width: 568px)
{
    .m-cate-nav
    {
        overflow-x: auto;
        -webkit-overflow-scrolling: touch;
    }
}
.m-cate-nav .item-link
{
    display: block;
    width: 100%;
    height: 72px;
    text-align: center;
    line-height: 69px;
    border-bottom: 1px solid #e6e6e6;
    background: #fff;
    font-size: 16px;
    color: #666;
}
@media screen and (max-width: 568px)
{
    .m-cate-nav .item-link
    {
        width: auto;
        padding-left: 20px;
        padding-right: 20px;
        height: 50px;
        line-height: 50px;
    }
}
.m-cate-nav .item-link:after
{
    height: 3px;
    bottom: -1px;
}
.m-cate-nav .active, .m-cate-nav .item-link:hover
{
    font-weight: 700;
    background: #f2f2f2;
}
.m-cate-nav .active:after
{
    transform: scaleY(1);
}
@media screen and (max-width: 568px)
{
    .m-cate-nav .pure-g
    {
        display: flex;
        flex-wrap: nowrap;
    }
    .m-cate-nav .pure-g>div
    {
        width: auto;
        flex-shrink: 0;
    }
}
.m-app-detail
{
    margin-top: 30px;
}
@media screen and (max-width: 568px)
{
    .m-app-detail
    {
        margin-top: 20px;
    }
    .m-app-detail .u-head
    {
        margin-bottom: 10px;
    }
}
.app-content
{
    padding: 40px;
    background: #fff;
}
@media screen and (max-width: 568px)
{
    .app-content
    {
        padding: 10px;
    }
}
.app-content .app-picture
{
    width: 44%;
    float: left;
}
@media screen and (max-width: 568px)
{
    .app-content .app-picture
    {
        width: 100%;
        float: none;
    }
}
.app-content .img
{
    text-align: center;
    line-height: 1;
    margin-bottom: 30px;
}
@media screen and (max-width: 568px)
{
    .app-content .img
    {
        margin-bottom: 10px;
    }
}
.app-content .img img
{
    width: 100%;
    display: block;
}
.app-content .ui-button
{
    height: 48px;
    line-height: 48px;
    margin-bottom: 20px;
}
@media screen and (max-width: 568px)
{
    .app-content .ui-button
    {
        margin-bottom: 10px;
    }
}
.app-content .tel
{
    height: 48px;
    line-height: 48px;
    background-color: #f4f4f4;
    text-align: center;
    display: block;
    background-image: linear-gradient(to right,#ededed,#ededed);
    background-size: 0 100%;
    transition: background .3s;
    background-repeat: no-repeat;
}
.app-content .tel:hover
{
    background-size: 100% 100%;
}
.app-content .tel span
{
    color: #999;
}
.app-content .tel b
{
    font-size: 18px;
    font-weight: 700;
}
.app-content .app-main
{
    float: right;
    width: 53%;
}
@media screen and (max-width: 568px)
{
    .app-content .app-main
    {
        float: none;
        width: 100%;
        margin-top: 20px;
        padding-bottom: 10px;
    }
}
.app-content .app-title
{
    margin-bottom: 20px;
    font-size: 24px;
    line-height: 31px;
    font-weight: 700;
}
.app-content .article_content
{
    color: #666;
}
.article-banner
{
    background-image: url(/jpg/yndpb4im.jpg);
}
.m-article-list
{
    margin-top: 40px;
}
@media screen and (max-width: 568px)
{
    .m-article-list
    {
        margin-top: 20px;
    }
}
.m-article-list .u-paging
{
    margin-top: 40px;
    margin-bottom: 50px;
}
@media screen and (max-width: 568px)
{
    .m-article-list .u-paging
    {
        margin-top: 10px;
        margin-bottom: 10px;
    }
}
.ms-article_item
{
    padding-top: 30px;
    padding-bottom: 30px;
    border-bottom: 1px dotted #dcdfe1;
}
@media screen and (max-width: 568px)
{
    .ms-article_item
    {
        padding-top: 15px;
        padding-bottom: 15px;
    }
}
.ms-article_item:first-child
{
    padding-top: 0;
}
.ms-article_img
{
    width: 240px;
    height: 160px;
    float: left;
    margin-right: 30px;
}
@media screen and (max-width: 568px)
{
    .ms-article_img
    {
        width: 120px;
        height: 80px;
        margin-right: 10px;
    }
}
.ms-article_tit
{
    padding-top: 10px;
    font-size: 18px;
    line-height: 1.33;
    color: #2e2e2e;
    margin-bottom: 10px;
}
@media screen and (max-width: 568px)
{
    .ms-article_tit
    {
        padding-top: 5px;
        font-size: 16px;
        margin-bottom: 8px;
    }
}
.ms-article_intro
{
    height: 48px;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
}
.ms-article_date
{
    color: #808080;
    font-size: 13px;
    line-height: 20px;
    margin-bottom: 38px;
}
@media screen and (max-width: 568px)
{
    .ms-article_date
    {
        margin-bottom: 15px;
    }
}
.ms-article_con
{
    line-height: 1.72;
    color: #808080;
}
.m-article-detail
{
    padding-top: 30px;
}
@media screen and (max-width: 568px)
{
    .m-article-detail
    {
        padding-top: 20px;
    }
}
.side-cate
{
    background: #f7f7f7;
    border-radius: 4px;
    padding: 20px;
}
.side-cate .ct-li+.ct-li
{
    margin-top: 10px;
}
.side-cate .ct-link
{
    display: block;
    background: #fff;
    font-size: 16px;
    color: #808080;
    padding: 12px 16px 12px 20px;
}
.side-cate .ct-link:hover
{
    color: #cf0e1e;
}
.side-cate .iconfont
{
    float: right;
}
.about-banner
{
    background-image: url(/jpg/3bzoyfew.jpg);
}
.m-ab-overview .u-hd_tit
{
    margin-bottom: 10px;
}
.m-ab-overview .ao-des
{
    color: #666;
    line-height: 1.71;
    margin-bottom: 30px;
}
@media screen and (max-width: 568px)
{
    .m-ab-overview .ao-des
    {
        width: 100%;
        margin-bottom: 10px;
        padding-left: 10px;
        padding-right: 10px;
        text-align: left;
    }
}
.m-ab-overview .ao-wrap
{
    position: relative;
}
.m-ab-overview .ao-contact
{
    float: left;
    width: 51%;
    color: #666;
    padding: 40px 40px 0;
}
@media screen and (max-width: 1024px)
{
    .m-ab-overview .ao-contact
    {
        padding-left: 10px;
    }
}
@media screen and (max-width: 768px)
{
    .m-ab-overview .ao-contact
    {
        width: 50%;
    }
}
@media screen and (max-width: 568px)
{
    .m-ab-overview .ao-contact
    {
        width: 100%;
        padding: 10px 0 20px;
        text-align: center;
    }
}
.m-ab-overview .ao-img
{
    width: 49%;
    float: right;
    line-height: 0;
}
.m-ab-overview .ao-img img
{
    width: 100%;
}
@media screen and (max-width: 768px)
{
    .m-ab-overview .ao-img
    {
        width: 50%;
    }
}
@media screen and (max-width: 568px)
{
    .m-ab-overview .ao-img
    {
        width: 100%;
        position: static;
    }
}
.m-ab-overview .ao-icon
{
    height: 32px;
    width: 32px;
    border: 2px solid #e0e0e0;
    border-radius: 50%;
    text-align: center;
    line-height: 28px;
    margin-bottom: 10px;
}
.m-ab-overview .ao-icon .iconfont
{
    font-size: 18px;
}
@media screen and (max-width: 568px)
{
    .m-ab-overview .ao-icon
    {
        display: inline-block;
    }
}
.m-ab-overview .ao-con
{
    line-height: 1.71;
    margin-bottom: 20px;
    padding-right: 30px;
}
@media screen and (max-width: 1024px)
{
    .m-ab-overview .ao-con
    {
        padding-right: 5px;
    }
}
.m-ab-overview .ui-button
{
    height: 40px;
    border-width: 2px;
    font-size: 14px;
}
@media screen and (max-width: 568px)
{
    .m-ab-overview .pure-u-1-1
    {
        display: flex;
        align-items: center;
        padding-left: 10px;
        margin-bottom: 10px;
    }
    .m-ab-overview .pure-u-1-1 .ao-con, .m-ab-overview .pure-u-1-1 .ao-icon
    {
        margin-bottom: 0;
    }
    .m-ab-overview .pure-u-1-1 .ao-icon
    {
        margin-right: 10px;
    }
    .m-ab-overview .pure-u-1-1 p
    {
        display: inline-block;
    }
}
.m-ab-quote
{
    background: url(/jpg/w3c3sfdd.jpg);
}
.m-ab-quote .ser-slogan
{
    background: none;
}
.m-ab-quote .logo-white
{
    right: 0;
}
.m-ab-quote .des
{
    text-align: right;
    color: #f2f2f2;
    font-size: 16px;
    margin-top: 29px;
}
.m-ab-history
{
    background: url(/jpg/kcoxoz1m.jpg) no-repeat center bottom;
    padding-top: 60px;
    padding-bottom: 50px;
}
@media screen and (max-width: 568px)
{
    .m-ab-history
    {
        padding-top: 20px;
        padding-bottom: 20px;
    }
}
.m-ab-history .ah-img
{
    float: left;
    width: 33.2%;
}
@media screen and (max-width: 568px)
{
    .m-ab-history .ah-img
    {
        display: none;
    }
}
.m-ab-history .ah-img img
{
    max-width: 100%;
}
.m-ab-history .ah-list
{
    float: right;
    width: 62.5%;
    font-size: 15px;
    position: relative;
    line-height: 1.6;
}
@media screen and (max-width: 568px)
{
    .m-ab-history .ah-list
    {
        float: none;
        width: 100%;
    }
}
.m-ab-history .ah-list:before
{
    content: "";
    width: 1px;
    top: 11px;
    bottom: 11px;
    position: absolute;
    left: 0;
    background: #ccc;
}
.m-ab-history .item
{
    padding-left: 38px;
    position: relative;
}
.m-ab-history .item:before
{
    content: "";
    width: 8px;
    height: 1px;
    background: #ccc;
    position: absolute;
    left: 0;
    top: 11px;
}
.m-ab-history .item+.item
{
    margin-top: 20px;
}
@media screen and (max-width: 568px)
{
    .m-ab-history .item+.item
    {
        margin-top: 15px;
    }
}
.m-ab-history .sp
{
    font-weight: 700;
}
.m-ab-history .sp:before
{
    height: 2px;
    background: #d12432;
}
.m-ab-super .as-item
{
    margin-top: 20px;
    background: #f7f7f7;
    padding: 30px;
}
.m-ab-super .pure-g
{
    margin-left: -10px;
    margin-right: -10px;
}
.m-ab-super .pure-u-1-1
{
    padding-left: 10px;
    padding-right: 10px;
}
.m-ab-super .as-icon
{
    float: left;
    height: 48px;
    width: 48px;
    border-radius: 50%;
    color: #fff;
    background: #cf0e1e;
    margin-right: 12px;
    text-align: center;
    line-height: 48px;
}
.m-ab-super .as-icon .iconfont
{
    font-size: 24px;
}
.m-ab-super .as-con
{
    overflow: hidden;
}
.m-ab-super .as-tit
{
    font-size: 16px;
    font-weight: 700;
    margin-top: 10px;
    margin-bottom: 14px;
}
.m-ab-super .as-des
{
    line-height: 2;
    color: #666;
}
.m-ab-product
{
    background: url(/jpg/3j6ebzuy.jpg) no-repeat center 0;
}
@media screen and (max-width: 768px)
{
    .m-ab-product
    {
        background-size: cover;
    }
}
.m-ab-product .u-hd_tit, .m-ab-product .u-hd_des
{
    color: #fff;
}
.m-ab-product .ui-button
{
    width: 336px;
    height: 48px;
    line-height: 48px;
    display: block;
    margin: 40px auto 0;
}
@media screen and (max-width: 568px)
{
    .m-ab-product .ui-button
    {
        margin-top: 10px;
    }
}
.m-ab-product .pure-g
{
    margin-left: -10px;
    margin-right: -10px;
}
.m-ab-product .pure-g .ap-wp
{
    padding-left: 10px;
    padding-right: 10px;
}
.m-ab-product .ap-wp2
{
    margin-top: 20px;
}
@media screen and (max-width: 568px)
{
    .m-ab-product .ap-wp
    {
        margin-bottom: 20px;
    }
    .m-ab-product .ap-wp2
    {
        margin-top: 0;
    }
}
.m-ab-product .ap-item
{
    position: relative;
    display: block;
}
.m-ab-product .ap-name
{
    text-align: center;
    height: 40px;
    line-height: 40px;
    background: rgba(255,255,255,.8);
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    font-weight: 500;
    overflow: hidden;
    font-size: 15px;
}
.m-ab-product .link-img img
{
    -o-object-fit: fill;
    object-fit: fill;
}
.m-ab-cert .ab-cert-item
{
    float: left;
}
.m-ab-cert img
{
    max-width: 100%;
    display: block;
}
.m-ab-cert .item1
{
    width: 49.1%;
}
.m-ab-cert .item2, .m-ab-cert .item3, .m-ab-cert .item4, .m-ab-cert .item5
{
    width: 23.7%;
    margin-left: 1.6%;
}
.m-ab-cert .item2, .m-ab-cert .item3
{
    margin-bottom: 1.1%;
}
.m-ab-ser .abs-item
{
    padding-top: 40px;
    height: 344px;
    border-left: 1px solid #ebebeb;
    background: #fff;
}
.m-ab-ser .abs-item:first-child
{
    border-left: 0 none;
}
@media screen and (max-width: 768px)
{
    .m-ab-ser .abs-item
    {
        margin-top: 1px;
    }
}
@media screen and (max-width: 568px)
{
    .m-ab-ser .abs-item
    {
        border: 0 none;
        padding-top: 20px;
        padding-bottom: 20px;
        height: auto;
    }
}
.m-ab-ser .abs-icon
{
    background: #cf0e1e;
    height: 56px;
    width: 56px;
    border-radius: 50%;
    color: #fff;
    text-align: center;
    line-height: 56px;
    margin: 0 auto 30px;
}
.m-ab-ser .abs-icon .iconfont
{
    font-size: 30px;
}
@media screen and (max-width: 568px)
{
    .m-ab-ser .abs-icon
    {
        margin-bottom: 10px;
        height: 45px;
        width: 45px;
        line-height: 45px;
    }
    .m-ab-ser .abs-icon .iconfont
    {
        font-size: 24px;
    }
}
.m-ab-ser .abs-tit
{
    font-size: 18px;
    font-weight: 700;
    text-align: center;
    margin-bottom: 10px;
}
.m-ab-ser .abs-des
{
    padding-left: 10.2%;
    padding-right: 10.2%;
    font-size: 13px;
    color: #666;
    line-height: 1.84;
}
@media screen and (max-width: 568px)
{
    .m-ab-ser .abs-des
    {
        padding-left: 10px;
        padding-right: 10px;
    }
}
.m-ab-ser .ui-button
{
    width: 336px;
    height: 48px;
    margin: 40px auto 0;
    display: block;
    line-height: 48px;
}
.m-ab-card
{
    text-align: center;
}
.m-ab-card .pure-g
{
    margin-left: -10px;
    margin-right: -10px;
}
.m-ab-card .ac-item
{
    border: 1px solid #ebebeb;
    height: 296px;
    padding: 40px 11px 0;
}
@media screen and (max-width: 768px)
{
    .m-ab-card .ac-item
    {
        padding: 20px 10px 0;
        margin-top: 20px;
    }
}
@media screen and (max-width: 568px)
{
    .m-ab-card .ac-item
    {
        padding: 10px;
        margin-top: 0;
        height: auto;
        border: 0 none;
    }
}
.m-ab-card .ac-wp
{
    padding-left: 10px;
    padding-right: 10px;
}
.m-ab-card .ac-icon
{
    height: 56px;
    width: 56px;
    margin: 0 auto 20px;
}
.m-ab-card .ac-icon img
{
    width: 100%;
}
.m-ab-card .ac-tit
{
    font-size: 18px;
    font-weight: 700;
    margin-bottom: 10px;
}
.m-ab-card .ac-des
{
    font-size: 13px;
    line-height: 1.85;
    color: #666;
}
.job-banner
{
    background-image: url(/jpg/por4epcc.jpg);
}
.job-list
{
    margin-top: 30px;
    margin-bottom: 50px;
    background: #fff;
    padding: 16px 0 40px;
}
@media screen and (max-width: 568px)
{
    .job-list
    {
        margin-top: 20px;
        padding: 10px 0;
        margin-bottom: 20px;
    }
}
.mj_list
{
    margin-bottom: 40px;
    padding-left: 20px;
    padding-right: 20px;
}
@media screen and (max-width: 568px)
{
    .mj_list
    {
        padding: 0;
        margin-bottom: 20px;
    }
}
.mj_item
{
    padding: 0 20px;
}
@media screen and (max-width: 568px)
{
    .mj_item
    {
        padding: 0 10px;
    }
}
.mj_wrap
{
    padding: 24px 0;
    border-bottom: 1px solid #ebebeb;
    position: relative;
}
@media screen and (max-width: 568px)
{
    .mj_wrap
    {
        padding: 15px 0;
    }
}
.mj_intro
{
    color: #999;
    padding-left: 34px;
    height: 22px;
}
.mj_intro span
{
    vertical-align: middle;
}
.mj_intro .line
{
    width: 1px;
    display: inline-block;
    height: 13px;
    margin-left: 10px;
    margin-right: 10px;
    background: #dcdfe1;
}
.mj_tit
{
    line-height: 24px;
    font-size: 16px;
    font-weight: 500;
    margin-bottom: 10px;
}
.mj_tit img
{
    vertical-align: middle;
    line-height: 1;
    margin-right: 10px;
}
.mj_tit .ft-link
{
    vertical-align: middle;
}
.mj_more
{
    position: absolute;
    right: 0;
    top: 27px;
    font-weight: 600;
}
@media screen and (max-width: 568px)
{
    .mj_more
    {
        display: none;
    }
}
.mj_more:after
{
    bottom: 0;
}
.mj_more span
{
    vertical-align: middle;
}
.mj_more .iconfont
{
    font-weight: 400;
    margin-left: 4px;
    font-size: 16px;
    line-height: 1;
    vertical-align: middle;
}
.m-job-imgs .job-img
{
    float: left;
}
.m-job-imgs .job-img img
{
    width: 100%;
    display: block;
}
.m-job-imgs .job-img1
{
    width: 49.15%;
    margin-right: 1.7%;
}
@media screen and (max-width: 568px)
{
    .m-job-imgs .job-img1
    {
        width: 100%;
        margin-right: 0;
        margin-bottom: 5px;
    }
}
.m-job-imgs .job-img2
{
    width: 49.15%;
    margin-bottom: 1.7%;
}
@media screen and (max-width: 568px)
{
    .m-job-imgs .job-img2
    {
        width: 100%;
        margin-bottom: 5px;
    }
}
.m-job-imgs .job-img3
{
    margin-right: 1.7%;
    width: 23.7%;
}
@media screen and (max-width: 568px)
{
    .m-job-imgs .job-img3
    {
        width: 50%;
        margin-right: 0;
    }
}
.m-job-imgs .job-img4
{
    width: 23.7%;
}
@media screen and (max-width: 568px)
{
    .m-job-imgs .job-img4
    {
        width: 50%;
    }
}
.m-apply.single
{
    padding-top: 50px;
}
@media screen and (max-width: 568px)
{
    .m-apply.single
    {
        padding-top: 20px;
    }
}
.m-apply .tit
{
    font-size: 18px;
    font-weight: 700;
    margin-bottom: 12px;
    line-height: 1.33;
}
.m-apply .des
{
    margin-bottom: 30px;
    color: #666;
}
@media screen and (max-width: 568px)
{
    .m-apply .des
    {
        margin-bottom: 10px;
    }
}
.m-apply .step-card
{
    float: left;
    background: #fff;
    border-radius: 8px;
    width: 18%;
    padding-top: 20px;
    padding-bottom: 20px;
    text-align: center;
    margin-left: 2.5%;
    position: relative;
}
@media screen and (max-width: 568px)
{
    .m-apply .step-card
    {
        padding: 10px 0;
    }
}
.m-apply .step-card:first-child
{
    margin-left: 0;
}
.m-apply .step-card:after
{
    content: "";
    font-family: "iconfont";
    position: absolute;
    font-size: 22px;
    color: #cbcbcb;
    left: -26px;
    top: 50%;
    margin-top: -11px;
    line-height: 1;
}
@media screen and (max-width: 568px)
{
    .m-apply .step-card:after
    {
        display: none;
    }
}
.m-apply .step-card:first-child:after
{
    display: none;
}
.m-apply .icon
{
    height: 48px;
    width: 48px;
    margin: 0 auto 10px;
    border-radius: 50%;
    background-image: linear-gradient(90deg,#e69e4e,rgba(230,158,78,.7));
    background-repeat: no-repeat;
    background-size: cover;
    color: #fff;
    text-align: center;
    line-height: 48px;
}
@media screen and (max-width: 568px)
{
    .m-apply .icon
    {
        height: 40px;
        line-height: 40px;
        width: 40px;
    }
}
.m-apply .icon .iconfont
{
    font-size: 24px;
}
@media screen and (max-width: 568px)
{
    .m-apply .icon .iconfont
    {
        font-size: 18px;
    }
}
.m-apply .step-name
{
    font-weight: 700;
}
@media screen and (max-width: 568px)
{
    .m-apply .step-name
    {
        font-size: 12px;
    }
}
.m-apply .job-ctc
{
    border-radius: 8px;
    overflow: hidden;
    margin-top: 30px;
}
@media screen and (max-width: 568px)
{
    .m-apply .job-ctc
    {
        margin-top: 10px;
    }
}
.m-apply .jc-main
{
    float: left;
    width: 68%;
    background: #fff url(/jpg/9ovfce7t.jpg) no-repeat 0 0;
    padding: 30px 0;
    height: 184px;
}
@media screen and (max-width: 768px)
{
    .m-apply .jc-main
    {
        height: auto;
        width: 100%;
        padding: 20px 0;
        float: none;
        background-size: cover;
    }
}
.m-apply .jc-item
{
    float: left;
    margin-left: 40px;
}
@media screen and (max-width: 768px)
{
    .m-apply .jc-item
    {
        margin-left: 20px;
    }
}
@media screen and (max-width: 568px)
{
    .m-apply .jc-item
    {
        float: none;
        margin-left: 10px;
        display: flex;
        align-items: center;
        margin-bottom: 10px;
    }
}
.m-apply .jc-icon
{
    height: 40px;
    width: 40px;
    border: 2px solid #e0e0e0;
    border-radius: 50%;
    text-align: center;
    line-height: 36px;
    margin-bottom: 16px;
    background: #fff;
}
.m-apply .jc-icon .iconfont
{
    font-size: 22px;
}
@media screen and (max-width: 568px)
{
    .m-apply .jc-icon .iconfont
    {
        font-size: 18px;
    }
}
@media screen and (max-width: 568px)
{
    .m-apply .jc-icon
    {
        margin-bottom: 0;
        height: 35px;
        width: 35px;
        display: inline-flex;
        justify-content: center;
        align-items: center;
        margin-right: 5px;
    }
}
.m-apply .jc-tit
{
    margin-bottom: 18px;
    font-size: 16px;
    color: #666;
    line-height: 22px;
}
@media screen and (max-width: 568px)
{
    .m-apply .jc-tit
    {
        display: none;
        margin-bottom: 10px;
        margin-left: 10px;
    }
}
.m-apply .jc-con
{
    font-size: 16px;
    line-height: 1.75;
    font-weight: 600;
}
@media screen and (max-width: 568px)
{
    .m-apply .jc-con
    {
        display: inline-block;
        font-size: 15px;
        line-height: 1;
    }
}
.m-apply .jc-side
{
    float: left;
    width: 32%;
    background: #bf3a3b url(/png/gatdvuos.png) no-repeat right 0;
    color: #fff;
    padding-top: 30px;
    padding-left: 40px;
    height: 184px;
}
@media screen and (max-width: 768px)
{
    .m-apply .jc-side
    {
        width: 100%;
        float: none;
        padding: 20px;
        height: auto;
    }
}
.m-apply .jcs-tit
{
    font-size: 16px;
    line-height: 21px;
    font-weight: 600;
    margin-bottom: 10px;
}
.m-apply .jcs-des
{
    margin-bottom: 33px;
    font-size: 13px;
    line-height: 20px;
}
.m-apply .ui-button
{
    height: 40px;
    line-height: 40px;
    width: 178px;
    font-weight: 600;
    font-size: 14px;
}
.m-job-detail .job-doc
{
    padding-bottom: 40px;
    margin-bottom: 30px;
    border-bottom: 1px solid #cacaca;
}
@media screen and (max-width: 568px)
{
    .m-job-detail .job-doc
    {
        padding-bottom: 20px;
        margin-bottom: 20px;
    }
}
.m-job-detail .job-doc .mail-btn
{
    width: auto;
    padding-left: 40px;
    padding-right: 40px;
    height: 48px;
    line-height: 48px;
    margin-right: 20px;
}
@media screen and (max-width: 568px)
{
    .m-job-detail .job-doc .mail-btn
    {
        width: 100%;
        padding: 0;
        font-size: 14px;
        margin-bottom: 10px;
    }
}
.m-job-detail .btn-gray
{
    height: 48px;
    padding-left: 40px;
    padding-right: 40px;
    width: auto;
    font-weight: 500;
}
.m-job-detail .btn-gray .iconfont
{
    color: #808080;
    transition: color .3s;
    font-weight: 400;
}
@media screen and (max-width: 568px)
{
    .m-job-detail .btn-gray
    {
        width: 100%;
        padding: 0;
    }
}
.m-job-detail .btn-gray:hover .iconfont
{
    color: #cf0e1e;
}
.jd-info
{
    background: #f7f7f7;
    padding: 20px 30px 1px;
    margin-bottom: 30px;
}
@media screen and (max-width: 568px)
{
    .jd-info
    {
        padding: 10px 10px 1px;
        margin-bottom: 10px;
    }
}
.jd-info .ji-item
{
    float: left;
    width: 33%;
    color: #808080;
    margin-bottom: 20px;
}
@media screen and (max-width: 568px)
{
    .jd-info .ji-item
    {
        width: 50%;
        font-size: 13px;
        margin-bottom: 10px;
    }
}
.cooperation-banner
{
    background-image: url(/jpg/k9e9pu7d.jpg);
}
.m-cp-main
{
    background: url(/jpg/knvoj9u7.jpg) no-repeat center bottom;
}
.m-cp-main .cp-ban
{
    margin-top: 30px;
    margin-bottom: 50px;
    padding: 30px 15px;
    background: #fff;
}
@media screen and (max-width: 768px)
{
    .m-cp-main .cp-ban
    {
        padding: 15px 10px;
    }
}
@media screen and (max-width: 568px)
{
    .m-cp-main .cp-ban
    {
        margin-top: 10px;
        margin-bottom: 20px;
        padding: 10px 5px;
    }
}
.m-cp-main .cp-ban img
{
    max-width: 100%;
}
.m-cp-main .cp-ban .pure-u-1-1
{
    padding-left: 15px;
    padding-right: 15px;
}
@media screen and (max-width: 768px)
{
    .m-cp-main .cp-ban .pure-u-1-1
    {
        padding-left: 5px;
        padding-right: 5px;
    }
}
.m-cp-main .ban1
{
    background: url(/jpg/inodyi95.jpg) no-repeat center 0;
}
@media screen and (max-width: 568px)
{
    .m-cp-main .ban1
    {
        margin-bottom: 10px;
    }
}
.m-cp-main .ban2
{
    background: url(/jpg/aly9evkz.jpg) no-repeat center 0;
}
.m-cp-main .ban1, .m-cp-main .ban2
{
    padding: 7% 9% 0;
    height: 200px;
    color: #fff;
}
@media screen and (max-width: 768px)
{
    .m-cp-main .ban1, .m-cp-main .ban2
    {
        background-size: cover;
    }
}
.m-cp-main .cp-ban-tit
{
    font-size: 20px;
    line-height: 1.3;
    font-weight: 700;
    margin-bottom: 19px;
}
@media screen and (max-width: 568px)
{
    .m-cp-main .cp-ban-tit
    {
        font-size: 16px;
    }
}
.m-cp-main .cp-ban-des
{
    font-size: 15px;
    line-height: 1.87;
}
@media screen and (max-width: 568px)
{
    .m-cp-main .cp-ban-des
    {
        font-size: 14px;
    }
}
.m-cp-main .cp-card
{
    background: #fff;
}
.m-cp-main .cp-item
{
    padding: 40px 54px;
    background: linear-gradient(90deg,#e0e0e0 0%,rgba(235,235,235,.7) 100%);
}
@media screen and (max-width: 768px)
{
    .m-cp-main .cp-item
    {
        padding: 20px;
    }
}
.m-cp-main .cp-img
{
    margin-bottom: 20px;
    text-align: center;
    line-height: 1;
}
@media screen and (max-width: 568px)
{
    .m-cp-main .cp-img
    {
        margin-bottom: 10px;
    }
}
.m-cp-main .cp-img img
{
    height: 68px;
}
@media screen and (max-width: 568px)
{
    .m-cp-main .cp-img img
    {
        height: 50px;
    }
}
.m-cp-main .cp-tit
{
    text-align: center;
    font-size: 20px;
    font-weight: 700;
    line-height: 1.3;
    margin-bottom: 20px;
}
@media screen and (max-width: 568px)
{
    .m-cp-main .cp-tit
    {
        margin-bottom: 10px;
    }
}
.m-cp-main .cp-area
{
    color: #666;
}
.cp-table
{
    border: 1px solid #e0e0e0;
    width: 100%;
}
.cp-table td
{
    padding-top: 20px;
    padding-left: 40px;
    border-bottom: 1px solid #e0e0e0;
}
@media screen and (max-width: 568px)
{
    .cp-table td
    {
        padding-left: 10px;
        padding-top: 10px;
    }
}
.cp-table th
{
    text-align: center;
    vertical-align: middle;
    background: #f7f7f7;
    border-bottom: 1px solid #e0e0e0;
    font-weight: 700;
}
@media screen and (max-width: 568px)
{
    .cp-table th
    {
        font-size: 12px;
    }
}
.cp-table .th
{
    font-size: 16px;
    border-right: 1px solid #e0e0e0;
}
@media screen and (max-width: 568px)
{
    .cp-table .th
    {
        font-size: 13px;
    }
}
.cp-table .td-item
{
    display: inline-block;
    margin-bottom: 18px;
    padding-left: 28px;
    background: url(/svg/kin94qug.svg) no-repeat 0 center;
    background-size: 18px;
    margin-right: 50px;
}
@media screen and (max-width: 568px)
{
    .cp-table .td-item
    {
        margin-right: 10px;
        margin-bottom: 10px;
        padding-left: 20px;
        font-size: 12px;
        background-size: 14px;
        background-position: 0 2px;
    }
}
.cp-table .td-item.sp
{
    width: 336px;
}
@media screen and (max-width: 568px)
{
    .cp-table .td-item.sp
    {
        width: auto;
    }
}
.m-cp-form
{
    padding-bottom: 20px;
    background: linear-gradient(180deg,#f7f7f7 0%,#fff 100%);
}
.cp-steps
{
    background: #fff;
    padding: 30px 0 30px 12px;
    margin-bottom: 10px;
    counter-reset: steps;
}
@media screen and (max-width: 568px)
{
    .cp-steps
    {
        padding: 20px 0 10px 10px;
    }
}
.cp-steps .step
{
    float: left;
    padding-right: 40px;
    padding-left: 28px;
    position: relative;
    min-height: 53px;
    counter-increment: steps;
}
@media screen and (max-width: 568px)
{
    .cp-steps .step
    {
        padding-left: 10px;
        float: none;
        margin-bottom: 10px;
        min-height: auto;
    }
}
.cp-steps .step:before
{
    content: counter(steps);
    height: 32px;
    width: 32px;
    float: left;
    margin-right: 10px;
    border-radius: 50%;
    background: #f8ebeb;
    border: 2px solid #c03c3d;
    text-align: center;
    line-height: 28px;
    font-weight: 700;
    color: #c03c3d;
}
.cp-steps .step:after
{
    content: "";
    font-family: "iconfont";
    color: #cbcbcb;
    position: absolute;
    right: 0;
    top: 6px;
}
@media screen and (max-width: 568px)
{
    .cp-steps .step:after
    {
        display: none;
    }
}
.cp-steps .step:last-child:after
{
    display: none;
}
.cp-steps .cp-file
{
    padding-left: 42px;
    color: #cf0e1e;
}
.cp-steps .cp-file a
{
    text-decoration: underline;
}
.cp-steps .text
{
    line-height: 32px;
    font-weight: 700;
}
.cp-form
{
    background: #fff;
    padding: 30px 50px;
}
@media screen and (max-width: 568px)
{
    .cp-form
    {
        padding: 20px 10px 0;
    }
}
.cp-form .form-label
{
    text-align: left;
    display: block;
    width: 100%;
    margin-bottom: 4px;
}
.cp-form .form-con
{
    width: 100%;
}
.cp-form .ui-form-control
{
    width: 100%;
    display: block;
}
.cp-form textarea
{
    height: auto;
}
.cp-form .pure-g
{
    margin-left: -15px;
    margin-right: -15px;
}
.cp-form .pure-u-1-1
{
    padding-left: 15px;
    padding-right: 15px;
}
.cp-form .btn-wrap
{
    text-align: center;
    padding-top: 10px;
}
@media screen and (max-width: 568px)
{
    .cp-form .btn-wrap
    {
        padding-top: 0;
    }
}
.cp-form .submit
{
    width: 220px;
    height: 48px;
}
@media screen and (max-width: 568px)
{
    .cp-form .submit
    {
        width: 100%;
    }
}
.nav-search .ms-nav_a
{
    background: #f5f5f5;
}
.nav-search .ms-nav_a.active, .nav-search .ms-nav_a:hover
{
    background: #cf0e1e;
}
.m-search-list.download .ms-article_img
{
    width: auto;
}
@media screen and (max-width: 568px)
{
    .m-search-list .ms-article_tit
    {
        height: 20px;
        padding-top: 0;
        overflow: hidden;
        margin-bottom: 4px;
    }
    .m-search-list .ms-article_date
    {
        margin-bottom: 4px;
        font-size: 10px;
        line-height: 1.3;
    }
    .m-search-list .ms-article_intro
    {
        line-height: 1.4;
        font-size: 13px;
        height: 37px;
    }
}
.sl-empty
{
    padding: 30px 0 169px 35%;
}
@media screen and (max-width: 768px)
{
    .sl-empty
    {
        padding-left: 20%;
    }
}
@media screen and (max-width: 568px)
{
    .sl-empty
    {
        padding: 30px 0 30px 15%;
    }
}
.sl-empty .ui-button
{
    font-size: 14px;
}
.sl-empty .icon-chat
{
    font-size: 20px;
    line-height: 1;
    vertical-align: middle;
}
.sl-check
{
    margin-bottom: 30px;
    line-height: 2;
    color: #808080;
}
.sl-tip
{
    position: relative;
    font-size: 22px;
}
.sl-tip:before
{
    font-family: iconfont;
    content: "";
    color: #d0272c;
    position: absolute;
    left: -34px;
}
.sl-count
{
    margin-bottom: 20px;
}
.m-search-top .search-input
{
    background: #fff;
}
.m-search-top .search-wrap
{
    padding-top: 60px;
    padding-bottom: 30px;
}
@media screen and (max-width: 568px)
{
    .m-search-top .search-wrap
    {
        padding-top: 30px;
        padding-bottom: 10px;
    }
}
@media screen and (max-width: 568px)
{
    .m-search-top .search-btn
    {
        display: inline-block;
    }
}
.s-key
{
    font-style: normal;
    color: #cf0e1e;
}
.pure-wrap
{
    overflow: hidden;
}
@media screen and (min-width: 568px)
{
    .pure-wrap
    {
        overflow: visible;
    }
}
.ms-solu_list
{
    margin-left: -10px;
    margin-right: -10px;
}
@media screen and (max-width: 568px)
{
    .ms-solu_list
    {
        margin-left: -5px;
        margin-right: -5px;
    }
}
.ms-solu_item
{
    padding-left: 10px;
    padding-right: 10px;
}
@media screen and (max-width: 568px)
{
    .ms-solu_item
    {
        padding-left: 5px;
        padding-right: 5px;
    }
}
@media screen and (max-width: 568px)
{
    .ms-solu_item:first-child, .ms-solu_item:nth-child(2)
    {
        margin-bottom: 10px;
    }
}
.ms-solu_img
{
    margin-bottom: 20px;
}
@media screen and (max-width: 568px)
{
    .ms-solu_img
    {
        margin-bottom: 10px;
    }
}
.ms-solu_tit
{
    margin-bottom: 6px;
    font-size: 16px;
    font-weight: 600;
}
.ms-solu_intro
{
    font-size: 13px;
    color: #666;
    line-height: 22px;
    height: 44px;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
}
@media screen and (max-width: 568px)
{
    .ms-solu_intro
    {
        margin-bottom: 10px;
    }
}
.ms-news .pure-g
{
    margin: 0 -10px;
}
.ms-news .pure-u-1-1
{
    padding-left: 10px;
    padding-right: 10px;
}
@media screen and (max-width: 768px)
{
    .ms-news .pure-u-1-1:first-child
    {
        margin-bottom: 20px;
    }
}
.ms-news_box
{
    padding: 30px 30px 0;
    background: #fff;
}
@media screen and (max-width: 568px)
{
    .ms-news_box
    {
        padding: 20px 15px 0;
    }
}
.ms-news_item
{
    padding-top: 24px;
    padding-bottom: 25px;
}
.ms-news_item+.ms-news_item
{
    border-top: 1px solid #dcdfe1;
}
@media screen and (max-width: 568px)
{
    .ms-news_item
    {
        padding-top: 15px;
        padding-bottom: 15px;
    }
}
.ms-news_img
{
    float: left;
    width: 220px;
    height: 120px;
    margin-right: 20px;
}
@media screen and (max-width: 768px)
{
    .ms-news_img
    {
        width: 45%;
        height: auto;
    }
}
.ms-news_con
{
    overflow: hidden;
}
.ms-news_tit
{
    margin-bottom: 10px;
    font-size: 16px;
}
.ms-news_date
{
    margin-bottom: 16px;
    color: #808080;
    line-height: 20px;
}
@media screen and (max-width: 568px)
{
    .ms-news_date
    {
        margin-bottom: 8px;
    }
}
.ms-news_intro
{
    font-size: 14px;
    line-height: 1.72;
    height: 48px;
    overflow: hidden;
    color: #808080;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
}
.ms-news_wp
{
    position: relative;
}
.ms-news_li
{
    padding-top: 16px;
    padding-bottom: 16px;
}
@media screen and (max-width: 568px)
{
    .ms-news_li
    {
        padding-top: 10px;
        padding-bottom: 10px;
    }
}
.ms-news_li .ms-news_tit
{
    width: 80%;
    margin-bottom: 0;
}
@media screen and (max-width: 568px)
{
    .ms-news_li .ms-news_tit
    {
        width: 70%;
    }
}
.ms-news_li .ms-news_date
{
    position: absolute;
    right: 0;
    top: 0;
}
.ms-news_li+.ms-news_li
{
    border-top: 1px solid #dcdfe1;
}
.ms-news .list2
{
    padding-top: 6px;
    padding-bottom: 8px;
}
.ms-news .list2 .ms-news_li
{
    padding-top: 20px;
    padding-bottom: 20px;
}
@media screen and (max-width: 568px)
{
    .ms-news .list2 .ms-news_li
    {
        padding-top: 15px;
        padding-bottom: 15px;
    }
}
.ms-video_list
{
    margin-left: -10px;
    margin-right: -10px;
}
@media screen and (max-width: 568px)
{
    .ms-video_list
    {
        margin-left: -5px;
        margin-right: -5px;
    }
}
.ms-video_item
{
    padding-left: 10px;
    padding-right: 10px;
}
@media screen and (max-width: 768px)
{
    .ms-video_item+.ms-video_item
    {
        margin-top: 10px;
    }
}
@media screen and (max-width: 568px)
{
    .ms-video_item
    {
        padding-left: 5px;
        padding-right: 5px;
    }
}
.ms-video_img
{
    margin-bottom: 20px;
    position: relative;
    color: #fff;
}
.ms-video_a:before
{
    content: "";
    height: 40px;
    width: 40px;
    position: absolute;
    left: 50%;
    top: 50%;
    margin-top: -20px;
    margin-left: -20px;
    background: url(/png/wayxware.png) no-repeat 0 0;
    background-size: 40px 40px;
    z-index: 2;
}
.ms-video_time
{
    position: absolute;
    padding-right: 15px;
    left: 0;
    right: 0;
    bottom: 0;
    height: 40px;
    line-height: 40px;
    text-align: right;
    background: linear-gradient(180deg,rgba(0,0,0,0) 0%,rgba(0,0,0,.4) 100%);
}
.ms-video_tit
{
    margin-bottom: 6px;
    font-size: 16px;
    font-weight: 500;
}
.ms-video_intro
{
    height: 44px;
    line-height: 22px;
    font-size: 13px;
    color: #808080;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
}
.m-s-download
{
    padding-bottom: 30px;
}
.ms-down_list
{
    margin-left: -10px;
    margin-right: -10px;
}
.ms-down_item
{
    padding-left: 10px;
    padding-right: 10px;
    margin-bottom: 20px;
    position: relative;
}
@media screen and (max-width: 568px)
{
    .ms-down_item
    {
        margin-bottom: 10px;
    }
    .ms-down_item:last-child
    {
        margin-bottom: 0;
    }
}
.ms-down_wrap
{
    padding: 16px 20px;
    border: 1px solid #eaeaea;
    position: relative;
}
@media screen and (max-width: 568px)
{
    .ms-down_wrap
    {
        padding: 15px;
    }
}
.ms-down_img
{
    width: 57px;
    height: 80px;
    float: left;
    margin-right: 14px;
}
.ms-down_img img
{
    width: 100%;
}
.ms-down_tit
{
    font-size: 16px;
    margin-bottom: 12px;
    margin-right: 60px;
    margin-top: 5px;
}
@media screen and (max-width: 568px)
{
    .ms-down_tit
    {
        font-size: 15px;
        margin-top: 0;
    }
}
.ms-down_date
{
    color: #999;
}
.ms-down_link
{
    color: #cf0e1e;
    position: absolute;
    right: 22px;
    top: 23px;
    display: inline-flex;
    align-items: center;
}
@media screen and (max-width: 568px)
{
    .ms-down_link
    {
        top: 14px;
        right: 10px;
    }
}
.form-label, .form-con
{
    display: inline-block;
}
.form-wrap
{
    margin-top: 10px;
    background: #fff;
}
.form-wrap form
{
    padding-top: 40px;
    width: 73%;
    float: left;
}
@media screen and (max-width: 568px)
{
    .form-wrap form
    {
        float: none;
        width: 100%;
        padding-top: 10px;
    }
}
.form-wrap .form-con
{
    width: 73%;
}
@media screen and (max-width: 768px)
{
    .form-wrap .form-con
    {
        width: calc(100% - 120px);
    }
}
@media screen and (max-width: 568px)
{
    .form-wrap .form-con
    {
        width: 100%;
    }
}
.form-wrap .form-group
{
    margin-bottom: 16px;
}
@media screen and (max-width: 768px)
{
    .form-wrap .form-group
    {
        padding-left: 16px;
        padding-right: 16px;
    }
}
.form-wrap textarea.ui-form-control
{
    height: auto;
}
.form-wrap .form-group-btn
{
    padding-left: 160px;
    padding-bottom: 16px;
}
@media screen and (max-width: 768px)
{
    .form-wrap .form-group-btn
    {
        padding-left: 114px;
    }
}
@media screen and (max-width: 568px)
{
    .form-wrap .form-group-btn
    {
        padding-left: 16px;
        padding-right: 16px;
    }
}
.form-wrap .ui-form-control
{
    width: 100%;
}
.form-wrap .form-label
{
    line-height: 48px;
    width: 160px;
}
@media screen and (max-width: 768px)
{
    .form-wrap .form-label
    {
        width: 114px;
    }
}
@media screen and (max-width: 568px)
{
    .form-wrap .form-label
    {
        text-align: left;
        display: block;
    }
}
.form-wrap .submit
{
    width: 220px;
    height: 48px;
    font-size: 16px;
    border-radius: 2px;
}
@media screen and (max-width: 568px)
{
    .form-wrap .submit
    {
        width: 100%;
    }
}
.form-wrap .form-side
{
    width: 27%;
    float: right;
    height: 408px;
    background: url(/png/5c0zayky.png) no-repeat right 0;
    padding-left: 30px;
    padding-top: 30px;
    background-size: cover;
}
@media screen and (max-width: 768px)
{
    .form-wrap .form-side
    {
        padding-left: 10px;
    }
}
@media screen and (max-width: 568px)
{
    .form-wrap .form-side
    {
        display: none;
    }
}
.form-wrap .fs-title
{
    font-size: 24px;
    line-height: 1.33;
    margin-bottom: 30px;
    font-weight: 700;
}
@media screen and (max-width: 768px)
{
    .form-wrap .fs-title
    {
        font-size: 20px;
        margin-bottom: 10px;
    }
}
.form-wrap .fs-row
{
    margin-bottom: 20px;
    font-size: 16px;
}
.form-wrap .fs-row span
{
    color: #666;
    font-size: 15px;
}
@media screen and (max-width: 768px)
{
    .form-wrap .fs-row span
    {
        display: block;
        font-size: 14px;
    }
}
@media screen and (max-width: 768px)
{
    .form-wrap .fs-row
    {
        margin-bottom: 10px;
        font-size: 14px;
    }
}
.form-wrap .fs-online
{
    margin-top: 56px;
    background: rgba(255,255,255,.56);
    border-radius: 4px;
    margin-right: 30px;
    padding: 20px;
}
@media screen and (max-width: 768px)
{
    .form-wrap .fs-online
    {
        margin-right: 10px;
        margin-top: 10px;
    }
}
@media screen and (max-width: 568px)
{
    .form-wrap .fs-online
    {
        margin-right: 0;
        margin-top: 24px;
    }
}
.form-wrap .fs-online p
{
    margin-bottom: 16px;
    color: #666;
}
.form-wrap .fs-online .ui-button
{
    height: 40px;
    line-height: 36px;
    width: 100%;
    border-width: 2px;
    border-radius: 2px;
}
.ui-form-control
{
    height: 48px;
    border: 0 none;
    background: #f5f5f5;
}
.m-sm-nav
{
    padding-top: 30px;
    padding-bottom: 30px;
}
@media screen and (max-width: 568px)
{
    .m-sm-nav
    {
        padding-top: 10px;
        padding-bottom: 10px;
    }
}
.m-sm-nav img
{
    height: 32px;
    width: 32px;
    vertical-align: middle;
    margin-right: 12px;
}
@media screen and (max-width: 568px)
{
    .m-sm-nav img
    {
        display: block;
        margin: 0 auto 4px;
    }
}
.m-sm-nav .sm-nav-item
{
    float: left;
    width: 32%;
}
@media screen and (max-width: 568px)
{
    .m-sm-nav .sm-nav-item
    {
        width: 25%;
        text-align: center;
    }
}
.m-sm-nav .item1, .m-sm-nav .item2, .m-sm-nav .item3
{
    position: relative;
}
.m-sm-nav .item1:after, .m-sm-nav .item2:after, .m-sm-nav .item3:after
{
    content: "";
    position: absolute;
    width: 1px;
    height: 24px;
    background: #e6e6e6;
    right: 0;
    top: 4px;
}
@media screen and (max-width: 568px)
{
    .m-sm-nav .item1:after, .m-sm-nav .item2:after, .m-sm-nav .item3:after
    {
        top: 12px;
        height: 36px;
    }
}
.m-sm-nav .item1
{
    width: 18%;
}
@media screen and (max-width: 568px)
{
    .m-sm-nav .item1
    {
        width: 25%;
    }
}
.m-sm-nav .item2, .m-sm-nav .item3
{
    text-align: center;
}
.m-sm-nav .item4
{
    width: 18%;
    text-align: right;
}
@media screen and (max-width: 568px)
{
    .m-sm-nav .item4
    {
        width: 25%;
        text-align: center;
    }
}
@media screen and (max-width: 568px)
{
    .m-sm-nav .iconfont
    {
        display: none;
    }
    .m-sm-nav a
    {
        color: #575757;
    }
}
.m-timeline
{
    background: url(/jpg/lm4buvi4.jpg) no-repeat center bottom;
}
.m-timeline .tl-title
{
    text-align: center;
    font-size: 26px;
    font-weight: 700;
    margin-bottom: 30px;
}
@media screen and (max-width: 568px)
{
    .m-timeline .tl-title
    {
        font-size: 18px;
        margin-bottom: 20px;
    }
}
.m-timeline .tl-slide
{
    position: relative;
    background: #fff url(/png/ebp537ja.png) no-repeat center 0;
}
.m-timeline .tl-img
{
    float: left;
    width: 324px;
    height: 208px;
    margin-right: 40px;
}
@media screen and (max-width: 568px)
{
    .m-timeline .tl-img
    {
        float: none;
        width: 100%;
    }
}
.m-timeline .tl-img img
{
    width: 100%;
}
.m-timeline .tl-intro
{
    padding-top: 20px;
}
@media screen and (max-width: 568px)
{
    .m-timeline .tl-intro
    {
        padding-top: 10px;
    }
}
.m-timeline .tl-year
{
    margin-bottom: 20px;
    color: #808080;
}
@media screen and (max-width: 568px)
{
    .m-timeline .tl-year
    {
        margin-bottom: 10px;
    }
}
.m-timeline .tl-year span
{
    font-size: 28px;
    margin-right: 8px;
    color: #333;
    font-weight: 700;
}
.m-timeline .tl-des
{
    font-size: 15px;
    color: #575757;
}
.m-timeline .tl-logo
{
    position: absolute;
    top: 70px;
    right: 50px;
}
.m-timeline .tl-logo img
{
    height: 16px;
}
@media screen and (max-width: 768px)
{
    .m-timeline .tl-logo
    {
        right: 10px;
        top: 10px;
    }
}
@media screen and (max-width: 568px)
{
    .m-timeline .tl-logo
    {
        display: none;
    }
}
.m-timeline .tl-con
{
    padding: 50px;
    height: 308px;
    overflow: hidden;
}
@media screen and (max-width: 768px)
{
    .m-timeline .tl-con
    {
        padding: 10px;
        height: auto;
    }
}
.m-timeline .tl-time
{
    padding: 21px 30px 0;
    height: 94px;
    background: url(/png/unjbdf26.png) no-repeat center 0;
    position: relative;
}
.m-timeline .tl-time .slick-current
{
    color: #cf0e1e;
}
@media screen and (max-width: 568px)
{
    .m-timeline .tl-time
    {
        padding-left: 20px;
        padding-right: 20px;
    }
}
.m-timeline .tl-time-item
{
    float: left;
    color: #808080;
    font-size: 16px;
    padding-left: 35px;
}
@media screen and (max-width: 568px)
{
    .m-timeline .tl-time-item
    {
        padding-left: 10px;
    }
}
.m-timeline .next-arrow, .m-timeline .prev-arrow
{
    position: absolute;
    height: 32px;
    width: 32px;
    background: #f0f0f0;
    color: #999;
    right: 71px;
    top: -82px;
    text-align: center;
    line-height: 32px;
    cursor: pointer;
}
@media screen and (max-width: 568px)
{
    .m-timeline .next-arrow, .m-timeline .prev-arrow
    {
        right: 38px;
        top: -150px;
    }
}
.m-timeline .next-arrow .iconfont, .m-timeline .prev-arrow .iconfont
{
    font-size: 22px;
}
.m-timeline .next-arrow:hover, .m-timeline .prev-arrow:hover
{
    background-color: #cf0e1e;
    color: #fff;
}
.m-timeline .next-arrow
{
    right: 23px;
}
@media screen and (max-width: 568px)
{
    .m-timeline .next-arrow
    {
        right: 0;
    }
}
.history-banner
{
    background-image: url(/jpg/qnu13x39.jpg);
}
.m-album
{
    padding-top: 50px;
    padding-bottom: 40px;
    background: url(/jpg/4y6yz45b.jpg) no-repeat center 0;
    background-size: cover;
}
@media screen and (max-width: 768px)
{
    .m-album
    {
        padding-top: 20px;
        padding-bottom: 20px;
    }
}
.m-album .album-tit
{
    color: #fff;
    text-align: center;
    font-size: 26px;
    font-weight: 700;
    margin-bottom: 30px;
}
.m-album .pure-u-md-1-4
{
    padding-left: 10px;
    padding-right: 10px;
    margin-bottom: 30px;
}
@media screen and (max-width: 568px)
{
    .m-album .pure-u-md-1-4
    {
        padding-left: 5px;
        padding-right: 5px;
        margin-bottom: 10px;
    }
}
.m-album .ai-item
{
    background: #fff;
}
.m-album .ai-item img
{
    width: 100%;
    display: block;
}
.m-album .ai-name
{
    text-align: center;
    height: 40px;
    line-height: 40px;
}
@media screen and (max-width: 568px)
{
    .m-album .ai-name
    {
        height: 30px;
        line-height: 30px;
        font-size: 13px;
    }
}
.m-album .slick-dots button
{
    background: rgba(255,255,255,.2);
}
.m-album .slick-active button
{
    background: #cf0e1e;
}