@charset "utf-8";
/* ============================================================================================================================
													全局默认样式
===============================================================================================================================*/
body {
    position: relative;
    font-family: Arial, "思源黑体";
    font-size: 14px;
    line-height: 1.7;
    margin: 0px;
    padding: 0px;
    color: #595959;
    background-color: #ffffff;
}

@font-face {
    font-family: Gilroy;
    /*src: url('/static-cms-static-css-.-font-gilroy/regular/3.otf.jpg');*/
}

h1, h2, h3, h4, h5, h6 {
    margin: 0px;
}

h4, h5, h6 {
    font-weight: normal;
}

ul, li, dd, dl, dt, ol {
    list-style: none;
    padding: 0px;
    margin: 0px;
}

em, i {
    font-style: normal;
}

a {
    color: #333333;
    text-decoration: none;
    cursor: pointer;
}

a:hover,
a:focus {
    color: #1894da;
    text-decoration: none;
}

p {
    padding: 0px;
    margin: 0px;
}

img {
    vertical-align: middle;
    max-width: 100%;
}

input,
input:focus,
button,
button:focus,
optgroup,
option,
select,
textarea,
textarea:focus {
    font-family: inherit;
    font-size: inherit;
    line-height: inherit;
    outline: 0;
    box-shadow: none;
}

.clearfix {
    clear: both;
}

/*============================================================================================================================
													bootstrap
===============================================================================================================================*/
.col-lg-1, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-10, .col-lg-11, .col-lg-12,
.col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12,
.col-sm-1, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-10, .col-sm-11, .col-sm-12,
.col-xs-1, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9，.col-xs-10, .col-xs-11, .col-xs-12 {
    padding: 0;
}

/* ============================================================================================================================
													超出省略
===============================================================================================================================*/
.ellipsis {
    display: -webkit-box;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
}

.ellipsis-1 {
    display: block;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    color: #666;
}

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

.ellipsis-3 {
    -webkit-line-clamp: 3;
}

.ellipsis-4 {
    -webkit-line-clamp: 4;
}

.ellipsis-5 {
    -webkit-line-clamp: 5;
}

.ellipsis-6 {
    -webkit-line-clamp: 6;
}

.ellipsis-7 {
    -webkit-line-clamp: 7;
}

.ellipsis-8 {
    -webkit-line-clamp: 8;
}

.ellipsis-9 {
    -webkit-line-clamp: 9;
}

.ellipsis-10 {
    -webkit-line-clamp: 10;
}


/* ============================================================================================================================
													全局宽度
===============================================================================================================================*/

/* --宽度--*/
.container-fluid,
.banner-container {
    width: 100%;
    margin: 0 auto;
    overflow: hidden;
    padding: 0;
}

/* --内容宽度--*/
.container {
    width: 94%;
    max-width: 1600px;
    margin: 0 auto;
    padding: 0;
}

/* --头部宽度--*/
.content_box {
    width: 94%;
    max-width: 1600px;
    margin: 0 auto;
}

/* ============================================================================================================================
													page-翻页
===============================================================================================================================*/
.pagination {
    margin: 15px auto;
    display: flex;
    align-items: center;
    justify-content: center;
    overflow: hidden;
    clear: both;
}

.pagination > .active > a,
.pagination > .active > a:focus,
.pagination > .active > a:hover,
.pagination > .active > span,
.pagination > .active > span:focus,
.pagination > .active > span:hover {
    background-color: #1894da;
    border-color: #1894da;
}

.pagination > li > a,
.pagination > li > span {
    color: #333;
}

@media (max-width: 992px) {
    .pagination {
        margin: 0.3rem 0;
    }
}

.next-map p {
    position: relative;
    margin-top: 4px;
}

.next-map p:last-child {
    position: relative;
}

.next-map p span {
    float: left;
    display: inline-block;
}

.next-map p .ellipsis-1 {
    display: inline-block;
}


/* ============================================================================================================================
													公共标题字体大小
===============================================================================================================================*/
.h1, .h2, .h3, .h4, .h5, .h6 {
    margin: 0;
    padding: 0;
    color: #262626;
}

h1 {
    font-size: 42px;
}

h2 {
    font-size: 36px;
}

h3 {
    font-size: 30px;
}

@media (max-width: 1440px) {
    h1 {
        font-size: 36px;
    }

    h2 {
        font-size: 30px;
    }

    h3 {
        font-size: 24px;
    }
}

@media (max-width: 1024px) {
    h1 {
        font-size: 30px;
    }

    h2 {
        font-size: 24px;
    }

    h3 {
        font-size: 18px;
    }
}

@media (max-width: 640px) {
    h1 {
        font-size: 24px;
    }

    h2 {
        font-size: 18px;
    }

    h3 {
        font-size: 14px;
    }
}

/* ============================================================================================================================
													more-更多按钮
===============================================================================================================================*/


/* ============================================================================================================================
													浮动
===============================================================================================================================*/
.fr {
    float: right;
}

.fl {
    float: left;
}

/* ============================================================================================================================
												弹出效果
===============================================================================================================================*/


/* ============================================================================================================================
													去掉swiper左右伪类内容
===============================================================================================================================*/
/*.swiper-button-prev::after, .swiper-container-rtl .swiper-button-next::after{*/
/*    content:""*/
/*}*/
/*.swiper-button-next::after, .swiper-container-rtl .swiper-button-prev::after{*/
/*    content:""*/
/*}*/


/* ============================================================================================================================
													banner
===============================================================================================================================*/
.banner ul li {
    position: relative;
}

.banner img {
    width: 100%;
}

.banner ul li .banner_main {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    padding: 1rem 0 0.5rem;

}

.banner ul li .banner_main h4 {
    font-size: 1rem;
    font-weight: 600;
    color: white;
    text-align: center;
    opacity: 0;
    transition: all 0.6s linear;
}

.banner ul li .banner_main > p {
    width: max-content;
    margin: auto;
    margin-top: 0.1rem;
    font-size: 0;
    line-height: 1.3rem;
    height: 1.3rem;
    width: 5.51rem;
    color: white;
    text-align: center;
    background: url('/static-cms-static-css-..-images-banner_font_bg.png.jpg') no-repeat center center;
    background-size: contain;
    opacity: 0;
    transition: all 0.7s linear;
}

.banner ul li .banner_main .desc {
    margin-top: 0.15rem;
    text-align: center;
    font-size: 0.35rem;
    color: white;
    line-height: 0.7rem;
    height: 0.7rem;
    background: url('/static-cms-static-css-..-images-banner_font_desc.png.jpg') no-repeat center center;
    opacity: 0;
    transition: all 0.8s linear;
}

.banner ul li.swiper-slide-active .banner_main h4 {
    opacity: 1;
}

.banner ul li.swiper-slide-active .banner_main > p {
    opacity: 1;
}

.banner ul li.swiper-slide-active .banner_main .desc {
    opacity: 1;
}

.banner_product {
    /* position: absolute;
    top: 50%;
    left: 50%;
    transform: translateX(-50%);
    z-index: 1; */
    width: 72%;
    margin: auto;
}

.banner_product ul {
    display: flex;
    margin: auto;
    margin-top: 0.5rem;
    width: 100%;
    transform: translateY(50px);
    opacity: 0;
    transition: all 0.5s linear;
    transition-delay: 0.5s;
}

.banner ul li.swiper-slide-active .banner_main .banner_product ul {
    opacity: 1;
    transform: translateY(0);
}

.banner_product ul li {
    width: 25%;
}

.banner_product ul li .pic {
    height: 2.6rem;
    width: 100%;
    display: flex;
    align-items: center;
}

.banner_product ul li img {
    width: 100%;
    height: 100%;
    object-fit: contain;
    min-height: initial !important;
}

.banner_product ul li p {
    font-size: 0.16rem;
    text-align: center;
    line-height: 0.3rem;
    width: 1.9rem;
    margin: auto;
    color: white;
    /* background: url('/static-cms-static-css-..-images-banner_product_font.png.jpg') no-repeat center center; */
    background: #1894da;
}

@media (max-width: 990px) {
    .banner ul li .banner_main {
        padding: 1.8rem 0 0;
    }

    .banner ul li .banner_main h4 {
        font-size: 1.4rem;
    }

    .banner ul li .banner_main > p {
        margin: auto;
        margin-top: 0.4rem;
        font-size: 0;
        line-height: 2rem;
        height: 2rem;
        width: auto;
        color: white;
        text-align: center;
        background: url(/static-cms-static-css-..-images-banner_font_bg.png.jpg) no-repeat center center;
        background-size: contain;
    }

    .banner ul li .banner_main .desc {
        margin: auto;
        margin-top: 0.2rem;
        text-align: center;
        font-size: 0.5rem;
        color: white;
        line-height: 1rem;
        height: 1rem;
        background: url(/static-cms-static-css-..-images-banner_font_desc.png.jpg) no-repeat center center;
    }

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

    .banner_product ul {
        margin-top: 1.2rem;
    }

    .banner_product ul li {
        width: 25%;
    }

    .banner_product ul li .pic {
        width: 100%;
        height: 4rem;
    }

    .banner_product ul li p {
        font-size: 0.4rem;
        text-align: center;
        line-height: 0.6rem;
        height: 0.6rem;
        width: 3.6rem;
        margin: auto;
        color: white;
        /* background: url(/static-cms-static-css-..-images-banner_product_font.png.jpg) no-repeat center center; */
    }
}

@media (max-width: 752px) {
    .banner ul li .banner_main {
        padding: 0.7rem 0 0;
    }

    .banner ul li .banner_main h4 {
        font-size: 0.7rem;
    }

    .banner ul li .banner_main > p {
        margin: auto;
        margin-top: 0.1rem;
        font-size: 0;
        line-height: 1rem;
        height: 1rem;
        width: auto;
        color: white;
        text-align: center;
        background: url(/static-cms-static-css-..-images-banner_font_bg.png.jpg) no-repeat center center;
        background-size: contain;
    }

    .banner ul li .banner_main .desc {
        margin: auto;
        margin-top: 0.1rem;
        text-align: center;
        font-size: 0.25rem;
        width: 4.2rem;
        color: white;
        line-height: 0.5rem;
        height: 0.5rem;
        background: url(/static-cms-static-css-..-images-banner_font_desc.png.jpg) no-repeat center center;
        background-size: contain;
    }

    .banner-container .banner .swiper-pagination {
        bottom: 0.15rem;
    }

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

    .banner_product ul {
        margin-top: 0.3rem;
    }

    .banner_product ul li {
        width: 25%;
    }

    .banner_product ul li .pic {
        width: 100%;
        height: 1.4rem;
    }

    .banner_product ul li p {
        font-size: 0.2rem;
        text-align: center;
        line-height: 0.3rem;
        height: 0.3rem;
        width: 1.6rem;
        margin: auto;
        color: white;
        /* background: url(/static-cms-static-css-..-images-banner_product_font.png.jpg) no-repeat center center; */
    }
}

/* ============================================================================================================================
													header
===============================================================================================================================*/
.header-box, .header {
    position: relative;
    left: 0;
    top: 0;
    width: 100%;
    height: 100px;
    background-color: #fff;
    z-index: 9999;
    transition: all 0.3s;
    box-shadow: 0 0 5px rgba(0, 0, 0, 0.1);
}

.header_fixed {
    position: fixed !important;
    box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.2);
}

.header {
    position: absolute;
}

.header.ab {
    background: white;
}

.header .content_box {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.header_mask, .header_mask_product {
    width: 100vw;
    height: 400px;
    z-index: 1;
    cursor: pointer;
    position: fixed;
    top: 0;
    left: 0;
    box-shadow: 0px 0px 10px rgba(0, 0, 0, .1), -7px -7px 12px rgba(255, 255, 255, .2);
    background-color: #fff;
    transform-origin: 0 0;
    transform: scaleY(.001);
    transition: all .5s cubic-bezier(.25, .74, .22, .99);
}

.header_mask_product {
    height: 370px;
}

/* .header-top{
    width: 100%;
    height: 30px;
    box-sizing: border-box;
    background-color: #2bc48a;
}
.header-top-content{
    display: flex;
    width: 94%;
    max-width: 1600px;
    margin: 0 auto;
    height: 30px;
    justify-content: flex-end;
    align-items: center;
}
.header-top p{
    font-size: 14px;
    line-height: 16px;
    padding: 0 10px;
    border-right: 1px solid #ccc;
    color: white;
}
.header-top p:last-child{
    padding: 0 0 0 10px;
    border-right:none;
} */
.header-right {
    line-height: 100px;
    width: auto;
    margin-left: auto;
    margin-right: 22px;
    -webkit-transition: all .3s ease;
    transition: all .3s ease;
}

.header-logo {
    width: 214px;
    position: relative;
    overflow: hidden;
    -webkit-transition: all .3s ease;
    transition: all .3s ease;
    display: flex;
    align-items: center;
    height: 100px;
}


/* --移动端导航样式--*/
.mnav {
    width: 100%;
    padding: 0 30px;
    display: none;
    position: fixed;
    left: 100%;
    top: 0;
    z-index: 99999;
    overflow-y: auto;
    background: #fff;
    border-top: 1px solid #dadada;
    -webkit-transition: all .8s ease;
    transition: all .8s ease;
}

.mnav_bg {
    position: absolute;
    right: 0;
    bottom: 0;
    z-index: -1;
}

.mnav_bg::after {
    width: 100%;
    height: 100%;
    position: absolute;
    right: 0;
    bottom: 0;
    content: '';
}

.mnav_header {
    display: flex;
    justify-content: space-between;
    height: 120px;
}

.mnav_header_pic {
    height: auto;
}

.mnav_header_pic img {
    height: 52px;
    width: auto;
}

.mnav.navon {
    left: 0;
}

.mnav > ul {
    width: 100%;
    overflow-y: auto;
    height: calc(100vh - 120px);
    padding-bottom: 100px;
}

.mnav .mnavli {
    line-height: normal;
    border-bottom: 1px solid #1894da;
    font-size: 18px;
    font-weight: bold;
    padding: 0;
    min-width: 100%;
    display: block;
    border-radius: 0;
    text-align: left;
    margin: 0;
    box-shadow: none;
    opacity: 0;
    -webkit-transform: translate(30px, 0);
    -ms-transform: translate(30px, 0);
    transform: translate(30px, 0);
    -webkit-transition: all .8s ease;
    transition: all .8s ease;
}

.mnav .mnavli.animate {
    opacity: 1;
    -webkit-transform: translate(0, 0);
    -ms-transform: translate(0, 0);
    transform: translate(0, 0);
}

.mnav .mnavlia {
    vertical-align: middle;
    display: inline-block;
    text-decoration: none;
    line-height: 50px;
    color: #383838;
    position: relative;
    box-sizing: border-box;
    text-transform: uppercase;
}

.mnav ._icon {
    position: relative;
    display: inline-block;
    vertical-align: middle;
    text-align: center;
    background: none;
    float: right;
    margin-left: 20px;
}

.mnav ._icon::after {
    content: '';
    display: block;
    width: 26px;
    height: 50px;
    background: url('/static-cms-static-css-..-images-mnav_bottom.png.jpg') no-repeat center;
    background-size: 24px auto;
}

.mnav ._icon.son::after {
    background: url('/static-cms-static-css-..-images-mnav_top.png.jpg') no-repeat center;
    background-size: 24px auto;
}

.mnav .m_navsub {
    display: none;
    margin: 0 0 20px;
    border-top: 1px solid #1894da;
}

.mnav .m_navsub li {

}

.mnav .m_navsub li a {
    display: block;
    width: 100%;
    line-height: 40px;
    font-size: 16px;
    font-weight: normal;
}

@media (max-width: 760px) {
    .mnav_header {
        height: 60px;
    }

    .mnav_header_pic img {
        height: 32px;
    }

    .mnav > ul {
        height: calc(100vh - 60px);
    }
}

/* --导航样式--*/
.nav > ul {
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 100%;
}

.nav ul .navli {
    position: relative;
    text-align: center;
    font-size: 18px;
    font-weight: normal;
}

.nav ul .navlia {
    position: relative;
    color: #333;
    display: block;
    padding: 0 12px;
    margin: 0 8px;
    position: relative;
    -webkit-transition: color 0.5s;
    transition: color 0.5s;
    -webkit-transition-timing-function: cubic-bezier(0.2, 1, 0.3, 1);
    transition-timing-function: cubic-bezier(0.2, 1, 0.3, 1);
    font-size: 18px;
    line-height: 100px;
    font-weight: normal;
}

.nav ul .navlia::after {
    transition: all 0.5s;
    position: absolute;
    top: 0;
    left: 50%;
    transform: translateX(-50%);
    width: 0;
    height: 4px;
    content: '';
    background: #1894da;
}

.nav ul .navli:hover .navlia::after {
    width: 100%;
}

.nav ul .navli:hover .navlia {
    color: #1894da;
}

.nav ul .navli.on .navlia {
    color: #1894da;
}

.nav ul .navli.on .navlia::after {
    width: 100%;
}

/* --导航子栏目样式--*/
.navsub {
    min-width: 100%;
    max-height: 300px;
    z-index: 2;
    position: absolute;
    top: 100px;
    left: 0;
    height: auto;
    display: block;
    padding: 15px 0 15px;
    background: #fff;
    display: none;
    box-shadow: 0px 5px 10px 0px rgb(0 0 0 / 6%), inset 0 17px 10px -8px rgba(0, 0, 0, 0.03);
}

.navsub.active {
    display: block;
}

.nav ul .navsub li {
    display: flex;
    visibility: inherit;
    transition: all 0.3s linear;
    font-size: 20px;
    line-height: 40px;
    color: #333;
}

.nav ul .navsub li a {
    display: block;
    font-size: 16px;
    line-height: 40px;
    width: 100%;
    text-align: center;
    color: #333;
}

.nav ul .navsub li a:hover {
    color: #1894da;
}

.header-box.active .header_mask {
    transform: scaleY(1);
}

.header-box.product_active .header_mask_product {
    transform: scaleY(1);
}

/* 导航栏产品中心子栏目 */
.navsub_product {
    max-width: 1460px;
    width: 94%;
    min-width: 1040px;
    max-height: 370px;
    position: fixed;
    top: 100px;
    left: 50%;
    transform: translateX(-50%);
    margin: auto;
    height: auto;
    opacity: 0;
    transition: all 0.8s;
    visibility: hidden;
    overflow: hidden;
    margin: 15px 0 40px;
    /* padding: 15px 0 40px; */
}

.navsub_product .swiper-button-next.swiper-button-disabled, .navsub_product .swiper-button-prev.swiper-button-disabled {
    display: none;
}

.navsub_product_container {
    width: 100%;
    padding: 0 120px;
    position: relative;
    overflow: hidden;
}

.navsub_product_container .navsub_product_banner {
    width: 100%;
    box-sizing: border-box;
    position: unset !important;
    overflow: hidden;
}

.navsub_product_container .navsub_product_banner .swiper-wrapper .swiper-slide {
    height: 220px;
    padding: 20px;
}

.navsub_product_banner .swiper-slide a {
    display: block;
}

.navsub_product_banner .swiper-slide .pic_img {
    height: 130px;
}

.navsub_product_banner .swiper-slide .pic_img img {
    width: 100%;
    height: 100%;
    object-fit: contain;
    transition: all 0.3s linear;
}

.navsub_product_banner .swiper-slide.on .pic_img img {
    scale: 0.9;
}

.navsub_product_banner .swiper-slide p {
    margin-top: 20px;
    font-size: 16px;
    white-space: nowrap;
    word-break: break-all;
    text-overflow: ellipsis;
    line-height: 30px;
    overflow: hidden;
}

.navsub_product_banner .swiper-slide.on {
    background: rgba(24, 148, 218, 0.1);
    border-radius: 8px;
}

.navsub_product_banner_next {
    position: absolute;
    margin-top: 0;
    top: 50%;
    right: 0;
    transform: translateY(-50%);
    width: 65px;
    height: 65px;
}

.navsub_product_banner_prev {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    margin-top: 0;
    left: 0;
    width: 65px;
    height: 65px;
}

.navsub_product_banner_prev i {
    display: block;
    width: 100%;
    height: 100%;
    background: url('/static-cms-static-css-..-images-solution_left/2x.png.jpg') no-repeat center center;
    background-size: 100%;
}

.navsub_product_banner_prev:hover i {
    background: url('/static-cms-static-css-..-images-banner_left_active.png.jpg') no-repeat center center;
    background-size: 100%;
}

.navsub_product_banner_next i {
    display: block;
    width: 100%;
    height: 100%;
    background: url('/static-cms-static-css-..-images-banner_next_normal.png.jpg') no-repeat center center;
    background-size: 100%;
}

.navsub_product_banner_next:hover i {
    background: url('/static-cms-static-css-..-images-video_btn/2x.png.jpg') no-repeat center center;
    background-size: 100%;
}

.more.product_btn {
    margin: auto;
    margin-top: 20px;
}

.more {
    width: 178px;
    height: 44px;
    background: url('/static-cms-static-css-..-images-more/border/2x.png.jpg') no-repeat center center;
    background-size: contain;
    /* border-radius: 25px;
    border: 2px solid #333;
    box-sizing: content-box; */
    background: none;
    border: 1px solid #333;
    border-radius: 8px;
}

.more.index_more {
    background: none;
    border: 1px solid #333;
    border-radius: 8px;
}

.more a {
    display: flex;
    height: 100%;
    justify-content: center;
    align-items: center;
}

.more a p {
    display: flex;
    font-size: 22px;
    line-height: normal;
    /* margin-right: 8px; */
    margin-right: 0;
    color: #333333;
}

.more.index_more a p {
    margin-right: 0;
    font-size: 22px;
}

.more a i {
    display: flex;
    width: 28px;
    height: 28px;
    background: url('/static-cms-static-css-..-images-more/btn/2x.png.jpg') no-repeat center center;
    background-size: contain;
    display: none;
}

.more.index_more a i {
    display: none;
}

.more.zixun a i {
    background: url('/static-cms-static-css-..-images-more/zixun.png.jpg') no-repeat center center;
    background-size: 28px;
}

.more:hover {
    background: url('/static-cms-static-css-..-images-more/border/bg/2x.png.jpg') no-repeat center center;
    background-size: contain;
    background: #1894da;
    border-color: #1894da;
}

.more.index_more:hover {
    background: #1894da;
    border-color: #1894da;
}

.more:hover a i {
    background: url('/static-cms-static-css-..-images-more/btn/active.png.jpg') no-repeat center center;
    background-size: contain;
}

.more:hover a p {
    color: white;
}

.more.zixun:hover a i {
    background: url('/static-cms-static-css-..-images-more/add/active.png.jpg') no-repeat center center;
    background-size: contain;
}

.header-box.product_active .navsub_product {
    opacity: 1;
    visibility: inherit;
}

@media (max-width: 760px) {
    .more {
        width: max-content;
        padding: 0 15px;
        height: 32px;
        background: none;
        border: 1px solid #333333;
        border-radius: 16px;
        height: 28px;
        border-radius: 6px;
    }

    .more.index_more {
        height: 28px;
        border-radius: 6px;
    }

    .more a {
        height: 100%;
    }

    .more.index_more a {
        height: 100%;
    }

    .more a p {
        font-size: 14px;
        line-height: 24px;
    }

    .more.index_more a p {
        font-size: 14px;
        line-height: 24px;
    }

    .more a i {
        width: 20px;
        height: 20px;
        background: url('/static-cms-static-css-..-images-more/btn/2x.png.jpg') no-repeat center center;
        background-size: contain;
    }

    .more.zixun a i {
        background: url('/static-cms-static-css-..-images-more/zixun.png.jpg') no-repeat center center;
        background-size: 20px auto;
    }

    .more:hover {
        border: 1px solid #1894da;
        background: #1894da;
    }

    .more:hover a i {
        background: url('/static-cms-static-css-..-images-more/btn/active.png.jpg') no-repeat center center;
        background-size: contain;
    }
}

/* --网站语言样式--*/
.lang_box {
    width: 81px;
    height: 33px;
    /*margin-right: 38px;*/
    border-radius: 16px;
    border: 1px solid black;
}

.lang_box .lang_box_main {
    display: flex;
    align-items: center;
    font-size: 18px;
}

.lang_box .lang_box_main i {
    display: block;
    width: 1px;
    height: 18px;
    background-color: #333333;
}

.lang_box .lang_box_main a {
    display: block;
    width: 39px;
    line-height: 31px;
    text-align: center;
    color: #333333;
}

.lang_box .lang_box_main a.on {
    color: #13418e;
}

/*!* 电话 *!*/
/*.header_phone {*/
/*    height: 100px;*/
/*    line-height: 100px;*/
/*}*/

/*.header_phone a {*/
/*    height: 100px;*/
/*    line-height: 100px;*/
/*    display: flex;*/
/*    align-items: center;*/
/*}*/

/*.header_phone a i {*/
/*    display: block;*/
/*    width: 33px;*/
/*    height: 33px;*/
/*    background: url('/static-cms-static-css-..-images-phone71/2x.png.jpg') no-repeat center center;*/
/*    background-size: 33px;*/
/*    margin-right: 4px;*/
/*}*/

/*.header_phone a span {*/
/*    display: block;*/
/*    color: #13418e;*/
/*    font-size: 40px;*/
/*    font-weight: bold;*/
/*}*/

@media (max-width: 1650px) {
    .nav ul .navlia {
        font-size: 18px;
    }

    .nav ul .navsub li a {
        font-size: 16px;
    }

    .header_phone a span {
        font-size: 36px;
    }

}

@media (max-width: 1520px) {
    .header-logo {
        width: 170px;
    }

    .nav ul .navlia {
        font-size: 16px;
    }

    .nav ul .navsub li a {
        font-size: 14px;
    }
}

@media (max-width: 1400px) {
    .nav ul .navlia {
        padding: 0 10px;
        margin: 0 6px;
    }

    .lang_box {
        margin-right: 30px;
    }

    .header-right {
        margin-right: 12px;
    }

    .header-logo {
        width: 160px;
    }

    .navsub_product_banner_next, .navsub_product_banner_prev {
        width: 50px;
        height: 50px;
    }

    .navsub_product_container {
        padding: 0 70px;
    }

    .navsub_product_container .navsub_product_banner .swiper-wrapper .swiper-slide {
        height: 200px;
        padding: 15px;
    }

    .navsub_product_banner .swiper-slide .pic_img {
        height: 125px;
    }

    .navsub_product_banner .swiper-slide p {
        margin-top: 15px;
    }

    .more.product_btn {
        margin-top: 30px;
    }
}

@media (max-width: 1320px) {
    .header-logo {
        width: 140px;
    }

    .nav ul .navlia {
        padding: 0 8px;
        margin: 0 4px;
    }

    .header_phone a span {
        font-size: 32px;
    }
}

@media (max-width: 1200px) {
    .content_box {
        width: 100%;
        padding: 0 30px;
        min-width: auto;
    }

    .container {
        width: 100%;
        min-width: auto;
        padding: 0 20px;
    }

    .header-logo {
        height: 52px;
        width: 214px;
    }

    .header-box, .header {
        height: 120px;
    }

    .header-right {
        width: auto;
        line-height: 120px;
        display: flex;
        align-items: center;
        margin: 0;
    }

    .lang_box {
        margin-right: 16px !important;
    }

    .mnav-btn {
        color: white;
        cursor: pointer;
        width: auto;
    }

    .mnav-btn a {
        display: flex;
        align-items: center;
        height: 120px;
        overflow: hidden;
    }

    .mnav-btn.cancel a img {
        width: auto;
        height: 40px;
    }

}

@media (max-width: 760px) {
    .header-box, .header {
        height: 60px;
    }

    .content_box {
        width: 100%;
        padding: 0 20px;
        min-width: auto;
    }

    .container {
        width: 100%;
        min-width: auto;
        padding: 0 15px;
    }

    .header-logo {
        height: 32px;
        width: auto;
    }

    .header-logo a {
        display: block;
        height: 32px;
    }

    .header-logo a img {
        height: 100%;
        width: auto;
    }

    .header-right {
        line-height: 60px;
    }

    .lang_box {
        width: 61px;
        height: 24px;
    }

    .lang_box .lang_box_main {
        font-size: 16px;
    }

    .lang_box .lang_box_main a {
        width: 30px;
        line-height: 22px;
    }

    .mnav-btn a img {
        height: 20px;
    }

    .mnav-btn.cancel a img {
        height: 28px;
    }

    .mnav-btn a {
        display: flex;
        height: 60px;
        align-items: center;
    }
}

/* 标题 */
.title {
    position: relative;
}

.title h2 {
    position: relative;
    z-index: 2;
    font-size: 54px;
    text-align: center;
    line-height: 54px;
    color: #ffffff;
    font-weight: bold;
}

.title p {
    z-index: 1;
    white-space: nowrap;
    max-width: 100%;
    overflow: hidden;
    font-size: 100px;
    line-height: 95px;
    color: rgba(255, 255, 255, 0.15);
    font-weight: bold;
    text-transform: uppercase;
    position: absolute;
    top: -30px;
    left: 50%;
    transform: translateX(-50%);
}

@media (max-width: 1600px) {

}

@media (max-width: 1200px) {
    .title p {
        top: -20px;
        font-size: 75px;
    }

    .title h2 {
        font-size: 44px;
        line-height: 78px;
    }
}

@media (max-width: 760px) {
    .title p {
        top: -20px;
        overflow: hidden;
        width: 100%;
        text-align: center;
        font-size: 30px;
        line-height: 48px;
    }

    .title h2 {
        font-size: 24px;
        line-height: 24px;
    }
}

/* 首页-推荐产品 */
.index_product {
    width: 100%;
    padding: 130px 0 0;
}

.index_product .title h2 {
    color: #333333;
}

.index_product .title p {
    color: rgba(189, 187, 187, 0.15);
}

.index_product .title {
    padding-bottom: 50px;
    border-bottom: 1px solid #cccccc;
}

.product_thumb ul {
    padding: 10px 0;
}

.product_thumb ul li {
    position: relative;
    cursor: pointer;
}

.product_thumb ul li.on p::before {
    content: '';
    position: absolute;
    bottom: 0;
    left: 50%;
    transform: translateX(-50%);
    width: 100%;
    height: 15px;
    background: url('/static-cms-static-css-..-images-product_thumb_on_line.png.jpg') no-repeat center center;
    background-size: contain;
    z-index: -1;
}

.product_thumb ul li .product_thumb_icon {
    height: 110px;
    width: 80px;
    margin: auto;
    display: flex;
    align-items: center;
    justify-content: center;
}

.product_thumb ul li .product_thumb_icon img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: contain;
}

.product_thumb ul li p {
    font-size: 22px;
    width: max-content;
    max-width: 100%;
    margin: auto;
    padding: 0 5px;
    color: #333333;
    line-height: 32px;
    text-align: center;
    position: relative;
    padding-bottom: 12px;
}

.product_thumb ul li::after {
    content: '';
    display: block;
    width: 3px;
    height: 90px;
    background: url('/static-cms-static-css-..-images-product_thumb_line.png.jpg') no-repeat center center;
    background-size: 100% 100%;
    position: absolute;
    top: 50%;
    right: 0;
    transform: translateY(-50%);
}

.product_thumb ul li:last-child::after {
    display: none;
}

.index_product_banner {
    margin-top: 170px;
    position: relative;
    padding: 0 100px;
}

.index_product_banner ul li img {
    transform: scale(1.3);
}

.index_product_banner ul {
    background: url('/static-cms-static-css-..-images-product_bg.png.jpg') no-repeat center center;
    background-size: contain;
    position: relative;
    max-width: 1400px;
    height: 500px;
    margin: auto;
    width: 100%;
}

.index_product_banner ul .news-prev {
    left: -100px;
    top: 150px;
    transform: translateY(-50%);
    cursor: pointer;
}

.index_product_banner ul .news-next {
    right: -100px;
    top: 150px;
    transform: translateY(-50%);
    cursor: pointer;
}

.index_product_banner ul li {
    width: 20%;
    transition: all 0.4s linear;
    transform-origin: 0px 0px;
    position: absolute;
    cursor: pointer;
}

.index_product_banner ul li h4 {
    font-size: 28px;
    line-height: 36px;
    margin-top: 20px;
    text-align: center;
    transition: all 0.4s linear;
}

.index_product_banner ul li .more {
    margin: auto;
    margin-top: 10px;
    cursor: pointer;
    transition: all 0.4s linear;
}

.index_product_banner ul li.b1 {
    transform: translate(550px, 50px);
    z-index: 99;
}

.index_product_banner ul li.b1 .more {
    background: url('/static-cms-static-css-..-images-more/border/bg/2x.png.jpg') no-repeat center center;
    background-size: contain;
}

.index_product_banner ul li.b1 .more.index_more {
    background: #1894da;
    border-color: #1894da;
}

.index_product_banner ul li.b1 .more p {
    color: #fff;
}

.index_product_banner ul li.b1 .more i {
    background: url('/static-cms-static-css-..-images-more/btn/active.png.jpg') no-repeat center center;
    background-size: contain;
}

.index_product_banner ul li.b2 {
    /* position: absolute; */
    transform: scale(0.8) translate(0, -30px);
    z-index: 2;
}

.index_product_banner ul li.b3 {
    /* position: absolute; */
    transform: scale(0.6) translate(650px, -180px);
    z-index: 1;
    opacity: 0.4;
}

.index_product_banner ul li.b4 {
    /* position: absolute; */
    transform: scale(0.6) translate(1350px, -180px);
    z-index: 1;
    opacity: 0.4;
}

.index_product_banner ul li.b5 {
    transform: scale(0.8) translate(1450px, -30px);
    z-index: 2;
}

.index_product_banner ul li.b3 h4 {
    opacity: 0;
}

.index_product_banner ul li.b3 .more {
    opacity: 0;
}

.index_product_banner ul li.b4 h4 {
    opacity: 0;
}

.index_product_banner ul li.b4 .more {
    opacity: 0;
}

@media (max-width: 1700px) {
    .index_product_banner {
        margin-top: 120px;
    }

    .index_product_banner ul {
        max-width: 1200px;
    }

    .index_product_banner ul li.b1 {
        transform: translate(480px, 80px);
        z-index: 99;
    }

    .index_product_banner ul li.b2 {
        /* position: absolute; */
        transform: scale(0.8) translate(0, 20px);
        z-index: 2;
    }

    .index_product_banner ul li.b3 {
        /* position: absolute; */
        transform: scale(0.6) translate(600px, -100px);
        z-index: 1;
        opacity: 0.4;
    }

    .index_product_banner ul li.b4 {
        /* position: absolute; */
        transform: scale(0.6) translate(1150px, -100px);
        z-index: 1;
        opacity: 0.4;
    }

    .index_product_banner ul li.b5 {
        transform: scale(0.8) translate(1250px, 20px);
        z-index: 2;
    }
}

@media (max-width: 1500px) {
    /* .product_thumb ul li p{
        font-size: 18px;
        line-height: 30px;
    } */
    .index_product_banner {
        margin-top: 60px;
    }

    .index_product_banner ul {
        max-width: 1000px;
    }

    .index_product_banner ul li h4 {
        font-size: 20px;
        line-height: 28px;
    }

    .index_product_banner ul li.b1 {
        transform: translate(400px, 110px);
        z-index: 99;
    }

    .index_product_banner ul li.b2 {
        /* position: absolute; */
        transform: scale(0.8) translate(0, 70px);
        z-index: 2;
    }

    .index_product_banner ul li.b3 {
        /* position: absolute; */
        transform: scale(0.6) translate(450px, -10px);
        z-index: 1;
        opacity: 0.4;
    }

    .index_product_banner ul li.b4 {
        /* position: absolute; */
        transform: scale(0.6) translate(1010px, -10px);
        z-index: 1;
        opacity: 0.4;
    }

    .index_product_banner ul li.b5 {
        transform: scale(0.8) translate(1040px, 70px);
        z-index: 2;
    }
}

@media (max-width: 1300px) {
    .index_product_banner {
        margin-top: 40px;
    }

    .index_product_banner ul {
        max-width: 900px;
    }

    .index_product_banner ul li h4 {
        font-size: 20px;
        line-height: 28px;
    }

    .index_product_banner ul li.b1 {
        transform: translate(350px, 120px);
        z-index: 99;
    }

    .index_product_banner ul li.b2 {
        /* position: absolute; */
        transform: scale(0.8) translate(0, 90px);
        z-index: 2;
    }

    .index_product_banner ul li.b3 {
        /* position: absolute; */
        transform: scale(0.6) translate(400px, 30px);
        z-index: 1;
        opacity: 0.4;
    }

    .index_product_banner ul li.b4 {
        /* position: absolute; */
        transform: scale(0.6) translate(890px, 30px);
        z-index: 1;
        opacity: 0.4;
    }

    .index_product_banner ul li.b5 {
        transform: scale(0.8) translate(940px, 90px);
        z-index: 2;
    }
}

@media (max-width: 1200px) {
    .index_product {
        padding: 80px 0 0;
    }

    .index_product .title {
        padding-bottom: 40px;
    }

    .index_product_content.container {
        width: 100%;
        padding: 0;
    }

    .index_product_content .index_product_banner {
        width: auto;
        padding: 0;
        margin: 100px 20px 0;
    }

    .index_product_banner ul li h4 {
        font-size: 24px;
        line-height: 32px;
    }

    .product_thumb {
        border-bottom: 1px solid #cccccc;
    }

    .product_thumb ul {
        padding: 20px 0;
    }

    .product_thumb ul li::after {
        width: 3px;
        height: 60px;
        background: url('/static-cms-static-css-..-images-product_thumb_line_small/2x.png.jpg') no-repeat center center;
        background-size: 100% 100%;
    }

    .index_product_banner {
        background: url(/static-cms-static-css-..-images-product_bg.png.jpg) no-repeat center center;
        background-size: contain;
    }

    .index_product_banner ul {
        width: 100%;
        max-width: 100%;
        background: none;
    }

    .index_product_banner ul li {
        width: auto;
        transition: all 0.5s linear;
        transform-origin: 0px 0px;
        position: initial;
        transform: none;
    }

    .index_product_banner_main ul li .pic img {
        width: 100%;
    }

    .index_product_banner_main .swiper-container {
        width: 100%;
    }

    .index_product_banner_main ul li.swiper-slide-active {
        transform: scale(1) !important;
    }

    .index_product_banner_main ul li.swiper-slide-next {
        -webkit-transform-origin-x: right !important;
    }

    .index_product_banner_main ul li.swiper-slide-active .more {
        display: block !important;
    }
}

@media (max-width: 990px) {
    .index_product_banner ul {
        height: auto;
        margin-bottom: 40px;
    }
}

@media (max-width: 760px) {
    .index_product_content .index_product_banner {
        margin-top: 40px;
    }

    .index_product_banner ul {
        height: auto;
        margin-bottom: 30px;
    }

    .product_thumb ul li p {
        font-size: 16px;
        line-height: 24px;
        max-width: 100%;
    }

    .index_product_banner ul li h4 {
        font-size: 16px;
        line-height: 24px;
        height: 48px;
        margin-top: 15px;
    }
}

@media (max-width: 640px) {
    .product_thumb ul li .product_thumb_icon {
        width: 40px;
        height: 60px;
    }

    .index_product_banner ul {
        height: auto;
        margin-bottom: 20px;
    }
}

/* 首页-关于我们 */
.index_about {
    width: 100%;
    /*background: url('/static-cms-static-css-..-images-about_bg/2x.png.jpg') no-repeat center center;*/
    background-size: 100% auto;
    background-position: top;
}

.index_about_main {
    margin: auto;
    margin-top: 130px;
    border-radius: 8px;
    display: flex;
    width: 100%;
    max-width: 1500px;
    box-shadow: 0px 0px 10px rgba(0, 0, 0, .1), -7px -7px 12px rgba(255, 255, 255, .2);
}

.index_about_video {
    width: 50%;
    border-radius: 8px 0 0 8px;
    overflow: hidden;
}

.index_about_video a {
    width: 100%;
    height: 100%;
    display: block;
}

.index_about_video_main {
    position: relative;
    width: 100%;
    height: 100%;
    position: relative;
}

.index_about_video_main video {
    display: block;
    visibility: hidden;
    width: 100%;
    height: 100%;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    z-index: 1;
    background: #000;
}

.index_about_video_btn {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 68px;
    height: 68px;
    cursor: pointer;
}

.index_about_video_btn img {
    width: 65px;
    height: 65px;
    border: 3px solid #ffffff;
    border-radius: 50%;
}

@keyframes videoBtn {
    from {
        transform: scale(1);
        opacity: 1;
    }
    to {
        transform: scale(2);
        opacity: 0;
    }
}

@-webkit-keyframes videoBtn {
    from {
        -webkit-transform: scale(1);
        -webkit-opacity: 1;
    }
    to {
        -webkit-transform: scale(2);
        -webkit-opacity: 0;
    }
}

@keyframes videoBtn2 {
    from {
        transform: scale(1);
        opacity: 1;
    }
    to {
        transform: scale(3);
        opacity: 0;
    }
}

@-webkit-keyframes videoBtn2 {
    from {
        -webkit-transform: scale(1);
        -webkit-opacity: 1;
    }
    to {
        -webkit-transform: scale(3);
        -webkit-opacity: 0;
    }
}

.index_about_video_btn::before {
    content: '';
    display: block;
    width: 68px;
    height: 68px;
    background: #1894da;
    z-index: -1;
    border-radius: 50%;
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    margin: auto;
    transform-origin: center;
    animation: videoBtn 2s linear infinite;
}

.index_about_video_btn::after {
    content: '';
    display: block;
    width: 68px;
    height: 68px;
    background: #55A9DD;
    z-index: -1;
    border-radius: 50%;
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    margin: auto;
    transform-origin: center;
    animation: videoBtn2 2s linear infinite;
}

.index_about_video_main img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.index_about_description {
    border-radius: 0 8px 8px 0;
    overflow: hidden;
    width: 50%;
    padding: 90px 50px;
    background: #ffffff;
}

.index_about_description h3 {
    font-size: 36px;
    line-height: 60px;
    font-weight: bold;
    color: #1894da;
}

.index_about_description p {
    font-size: 18px;
    line-height: 24px;
    color: #333333;
    font-weight: normal;
}

.index_about_description .index_about_description_content {
    margin-top: 60px;
    font-size: 18px;
    line-height: 32px;
    color: #333333;
    font-weight: normal;
}

.index_about_btn {
    margin-top: 50px;
    display: flex;
    flex-wrap: wrap;
}

.index_about_btn .more:first-child {
    margin-right: 20px;
}

.index_about_btn .more:first-child:hover p {
    color: #ffffff;
}

@media (max-width: 640px) {
    .index_about_btn {
        margin-bottom: -10px;
    }

    .index_about_btn .more {
        margin-bottom: 10px;
    }
}

/* 数字滚动 */
.index_about_bottom {
    display: flex;

    /*max-width: 1500px;*/
    /*margin: auto;*/
}

/*.index_about_bottom_left{*/
/*    width: 480px;*/
/*    margin-top: 30px;*/
/*    padding-left: 30px;*/
/*    padding-right: 10px;*/
/*}*/
/*.index_about_bottom_left .title h2{*/
/*    color: #333333;*/
/*    text-align: left;*/
/*}*/
/*.index_about_bottom_left .title p{*/
/*    left: 0;*/
/*    transform: none;*/
/*    color: rgba(189, 187, 187, 0.15);*/
/*}*/
.index_about_bottom_number {
    margin-top: 50px;
    padding-left: 3px;
}

.index_about_bottom_right {
    flex: 1;
    overflow: hidden;

    position: relative;
}

.index_about_bottom_right img {
    width: 100%;
    height: auto;
}

.index_about_bottom_right p {
    font-size: 28px;
    line-height: 36px;
    color: #1894da;
    font-weight: bold;
    position: absolute;
    transform: translate(-50%, -50%);
    white-space: nowrap;
}

.index_about_bottom_right .index_about_bottom_right_p1 {
    top: 31%;
    left: 20%;
}

.index_about_bottom_right .index_about_bottom_right_p2 {
    top: 26%;
    left: 55%;
}

.index_about_bottom_right .index_about_bottom_right_p3 {
    top: 53%;
    left: 53.4%;
}

.index_about_bottom_right .index_about_bottom_right_p4 {
    top: 27%;
    right: 27.9%;
    transform: translate(50%, -50%);
}

.index_about_bottom_right .index_about_bottom_right_p5 {
    font-size: 32px;
    line-height: 40px;
    bottom: 38%;
    right: 19%;
    transform: translate(50%, 50%);
}

.index_about_bottom_right .index_about_bottom_right_p6 {
    font-size: 16px;
    line-height: 21px;
    bottom: 68%;
    right: 12%;
    transform: translate(50%, 50%);
    font-weight: 400;
}

.index_about_bottom_right .index_about_bottom_right_p7 {
    font-size: 16px;
    line-height: 21px;
    bottom: 53.5%;
    right: 12%;
    transform: translate(50%, 50%);
    font-weight: 400;
}

.index_about_bottom_right .index_about_bottom_right_p8 {
    font-size: 16px;
    line-height: 21px;
    color: #333;
    bottom: 2%;
    left: 50%;
}

@media (max-width: 1400px) {
    .index_about_bottom_right p {
        font-size: 24px;
    }

    .index_about_bottom_right .index_about_bottom_right_p5 {
        font-size: 28px;
    }

    .index_about_bottom_right .index_about_bottom_right_p6 {
        font-size: 14px;
    }

    .index_about_bottom_right .index_about_bottom_right_p7 {
        font-size: 14px;
    }
}

@media (max-width: 760px) {
    .index_about_bottom_right p {
        font-size: 16px;
        line-height: 24px;
    }

    .index_about_bottom_right .index_about_bottom_right_p5 {
        font-size: 20px;
        line-height: 28px;
    }

    .index_about_bottom_right .index_about_bottom_right_p8 {
        font-size: 14px;
        line-height: 20px;
    }

    .index_about_bottom_right .index_about_bottom_right_p6 {
        font-size: 12px;
        line-height: 15px;
    }

    .index_about_bottom_right .index_about_bottom_right_p7 {
        font-size: 12px;
        line-height: 15px;
    }
}

@media (max-width: 510px) {
    .index_about_bottom_right img {
        transform: translateX(-15%);
    }

    .index_about_bottom_right .index_about_bottom_right_p8 {
        font-size: 12px;

    }

    .index_about_bottom_right p {
        font-size: 14px;
        line-height: 20px;
    }

    .index_about_bottom_right .index_about_bottom_right_p1 {
        left: 6%;
    }

    .index_about_bottom_right .index_about_bottom_right_p2 {
        left: 41%;
    }

    .index_about_bottom_right .index_about_bottom_right_p3 {
        left: 38.4%;
    }

    .index_about_bottom_right .index_about_bottom_right_p4 {
        right: 42.9%;
    }

    .index_about_bottom_right .index_about_bottom_right_p5 {
        right: 36%;
        font-size: 16px;
        line-height: 24px;
    }

    .index_about_bottom_right .index_about_bottom_right_p6 {
        right: 21%;
    }

    .index_about_bottom_right .index_about_bottom_right_p7 {
        right: 18%;
    }
}

/* @media (max-width: 510px){
    .index_about_bottom_right p{
        font-size: 14px;
        line-height: 20px;
    }
    .index_about_bottom_right .index_about_bottom_right_p8{
        font-size: 12px;

    }
    .index_about_bottom_right{
        height: 4.1rem;
    }
    .index_about_bottom_right img{
        position: absolute;
        right: 0;
        width: auto;
        max-width: max-content;
        height: 4.1rem;
    }
} */
.index_about_bottom_number ul {
    width: 350px;
    display: flex;
    flex-wrap: wrap;
}

.index_about_bottom_number ul li {
    width: calc(50% - 10px);
    padding: 30px 0 15px;
    border-bottom: 1px solid #E9E9E9;
}

.index_about_bottom_number ul li:nth-child(2n) {
    padding-left: 20px;
}

.index_about_bottom_number ul li:last-child {
    border-bottom: 0;
}

.index_about_bottom_number ul li:nth-last-child(2) {
    border-bottom: 0;
}

.index_about_bottom_number ul li ._number {
    display: flex;
    align-items: flex-start;
    margin-bottom: 10px;
}

.index_about_bottom_number ul li ._number h3 {
    font-size: 40px;
    line-height: 40px;
    font-weight: bold;
    color: #1894da;
}

.index_about_bottom_number ul li ._number span {
    font-size: 20px;
    line-height: 20px;
    color: #1894da;
}

.index_about_bottom_number ul li p {
    font-size: 16px;
    line-height: 20px;
    color: #666666;
    white-space: break-spaces;
}

@media (max-width: 1200px) {
    .index_about_bottom {
        display: block;
        padding: 80px 0 0;
    }

    .index_about_bottom_left {
        margin: 0;
        padding: 0;
        width: 100%;
    }

    .index_about_bottom_left .title h2 {
        color: #333333;
        text-align: center;
    }

    .index_about_bottom_left .title p {
        left: 50%;
        transform: translateX(-50%);
    }

    .index_about_bottom_number {
        margin-top: 20px;
        padding-left: 0;
    }

    .index_about_bottom_number ul {
        width: 100%;
        padding: 0 50px;
        margin-bottom: 10px;
    }

    .index_about_bottom_number ul li {
        width: 50%;
        padding: 30px 15px;
    }

    .index_about_bottom_number ul li:nth-child(2n) {
        padding-left: 15px;
    }

    .index_about_bottom_number ul li ._number {
        margin-bottom: 16px;
        justify-content: center;
    }

    .index_about_bottom_number ul li ._number h3 {
        font-size: 50px;
        line-height: 50px
    }

    .index_about_bottom_number ul li ._number span {
        font-size: 24px;
        line-height: 24px;
    }

    .index_about_bottom_number ul li p {
        font-size: 22px;
        line-height: 32px;
        text-align: center;
    }

    .index_about_bottom_right {
        width: 100%;
    }
}

@media (max-width: 1200px) {
    .index_about {
        padding: 80px 0 0;
        /*background: url('/static-cms-static-css-..-images-about_bg_small/2x.png.jpg') no-repeat top center;*/
        background-size: 100% 40%;
    }

    .index_about_main {
        margin-top: 40px;
        display: block;
        border-radius: 0;
    }

    .index_about_video {
        width: 100%;
        border-radius: 0;
        height: auto;
    }

    .index_about_description {
        width: 100%;
        height: auto;
        border-radius: 0;
        padding: 60px;
    }

    .index_about_description .index_about_description_content {
        margin-top: 40px;
        font-size: 22px;
        line-height: 35px;
    }
}

/* 首页-四大优势 */
.index_advantage {
    width: 100%;
    height: 930px;
    background: url('/static-cms-static-css-..-images-advantage_bg/2x.png.jpg') no-repeat center center;
}

.index_advantage .index_advantage_content {
    width: 100%;
    height: 930px;
    max-width: 1530px;
    position: relative;
    margin: auto;
}

.index_advantage_content .title {
    position: absolute;
    top: 130px;
    left: 50%;
    transform: translateX(-50%);
}

.index_advantage_content ul {
    display: flex;
    width: 100%;
    height: 100%;
}

.index_advantage_content ul li {
    width: 25%;
    border-left: 1px solid #ffffff;
    padding: 0 40px;
}

.index_advantage_content ul li:last-child {
    border-right: 1px solid #ffffff;
}

.index_advantage_icon {
    margin: auto;
    margin-top: 370px;
    width: 80px;
    height: 80px;
}

.index_advantage_icon img {
    width: auto;
    height: 80px;
    object-fit: contain;
}

.index_advantage_content ul li h3 {
    position: relative;
    margin-top: 40px;
    margin-bottom: 30px;
    text-align: center;
    font-size: 35px;
    line-height: 40px;
    color: #ffffff;
}

.index_advantage_content ul li h3::after {
    content: '';
    position: absolute;
    bottom: -16px;
    left: 50%;
    background-color: #ffffff;
    transform: translateX(-50%);
    display: block;
    width: 0;
    height: 2px;
    transition: all 0.5s linear;
}

.index_advantage_content ul li p {
    transition: all 0.5s linear;
    visibility: hidden;
    opacity: 0;
    font-size: 18px;
    line-height: 30px;
    text-align: center;
    color: #ffffff;
}

.index_advantage_content ul li.on {
    background: linear-gradient(to top, rgba(24, 148, 218, 0.6) 10%, rgba(24, 148, 218, 0.2) 80%, rgba(24, 148, 218, 0) 100%);
    /* background: url('/static-cms-static-css-..-images-advantage_active_bg/2x.png.jpg') no-repeat center center; */
    background-size: 100% 100%;
}

.index_advantage_content ul li.on p {
    visibility: visible;
    opacity: 1;
}

.index_advantage_content ul li.on h3::after {
    width: 50px;
}

@media (max-width: 1200px) {
    .index_advantage .index_advantage_content {
        height: auto;
    }

    .index_advantage {
        height: auto;
        background: #ffffff;
    }

    .index_advantage_content .title {
        position: relative;
        top: 0;
        left: 0;
        transform: none;
        margin-top: 80px;
    }

    .index_advantage_content .title h2 {
        color: #333333;
    }

    .index_advantage_content .title p {
        color: rgba(189, 187, 187, 0.15);
    }

    .index_advantage_content ul {
        display: block;
        margin-top: 40px;
    }

    .index_advantage_content ul li {
        border: none;
        width: 100%;
        padding: 50px 30px 40px;
        margin-bottom: 30px;
    }

    .index_advantage_content ul li:last-child {
        margin-bottom: 0;
    }

    .index_advantage_top {
        display: flex;
        align-items: center;
    }

    .index_advantage_icon {
        margin: 0;
        margin-right: 10px;
    }

    .index_advantage_content ul li h3 {
        margin: 0;
    }

    .index_advantage_content ul li h3::after {
        display: none;
    }

    .index_advantage_line {
        width: 50px;
        height: 2px;
        background: #ffffff;
        margin: 24px 0;
    }

    .index_advantage_content ul li p {
        visibility: visible;
        opacity: 1;
        text-align: left;
        font-size: 22px;
        line-height: 34px;
    }
}

/* 首页-解决方案 */
.index_solution {
    width: 100%;
}

.index_solution .title {
    background: #ffffff;
    padding-top: 130px;
    padding-bottom: 50px;
}

.index_solution .title h2 {
    color: #333333;
}

.index_solution .title p {
    top: 100px;
    color: rgba(189, 187, 187, 0.15)
}

.index_solution_content {
    width: 100%;
    position: relative;
}

.index_solution_banner {
    height: 770px;
}

.solution-banner {
    height: 770px;
}

.solution-banner ul, .solution-banner ul li {
    height: 100%;
}

.slide-inner-solution {
    width: 100%;
    height: 100%;
    position: relative;
}

.slide-inner-solution img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.solution-next, .solution-prev {
    width: 65px;
    height: 65px;
}

.solution-next {
    right: 10%;
}

.solution-prev {
    left: 10%;
}

.solution-next i {
    display: block;
    width: 65px;
    height: 65px;
    background: url('/static-cms-static-css-..-images-banner_next_normal.png.jpg') no-repeat center center;
    background-size: contain;
}

.solution-next i:hover {
    background: url('/static-cms-static-css-..-images-video_btn/2x.png.jpg') no-repeat center center;
    background-size: contain;
}

.solution-prev i {
    display: block;
    width: 65px;
    height: 65px;
    background: url('/static-cms-static-css-..-images-solution_left/2x.png.jpg') no-repeat center center;
    background-size: contain;
}

.solution-prev i:hover {
    background: url('/static-cms-static-css-..-images-banner_left_active.png.jpg') no-repeat center center;
    background-size: contain;
}

.solution_main {
    width: 760px;
    position: absolute;
    top: 90px;
    left: 50%;
    transform: translateX(-50%);
}

.solution_main h3 {
    font-size: 40px;
    line-height: 44px;
    margin-bottom: 62px;
    text-align: center;
    position: relative;
    color: #ffffff;
}

.solution_main h3::after {
    content: '';
    display: block;
    width: 20px;
    height: 2px;
    background-color: #ffffff;
    position: absolute;
    bottom: -32px;
    left: 50%;
    transform: translateX(-50%);
}

.solution_main > p {
    white-space: break-spaces;
    text-align: center;
    font-size: 18px;
    line-height: 33px;
    color: #ffffff;
    margin-bottom: 20px;
}

.solution_main .more {
    margin: auto;
    background: url('/static-cms-static-css-..-images-more/border/bg/2x.png.jpg') no-repeat center center;
    background-size: 178px 44px;
}

.solution_main .more.index_more {
    background: #1894da;
    border-color: #1894da;
}

.solution_main .more a i {
    background: url('/static-cms-static-css-..-images-more/btn/active.png.jpg') no-repeat center center;
    background-size: 28px;
}

.solution_main .more a p {
    color: white;
}

/* 缩略图 */
.index_solution_thumb {
    width: 100%;
    position: absolute;
    bottom: 80px;
    left: 0;
    z-index: 33;
}

.index_solution_thumb_content {
    width: 94%;
    max-width: 1500px;
    margin: auto;
}

.solution_thumb {
    width: 100%;
}

.solution_thumb .solution_thumb_icon {
    position: relative;
    height: 85px;
}

.solution_thumb .solution_thumb_icon::after {
    content: '';
    opacity: 0;
    transition: all 0.5s linear;
    display: block;
    height: 85px;
    background: url('/static-cms-static-css-..-images-thumb_active/2x.png.jpg') no-repeat center center;
}

.solution_thumb .swiper-slide-thumb-active .solution_thumb_icon::after {
    opacity: 1;
}

.solution_thumb_icon .solution_thumb_icon_normal {
    position: absolute;
    height: 40px;
    width: 40px;
    object-fit: contain;
    bottom: 30px;
    left: 0;
    right: 0;
    margin: auto;
    opacity: 1;
    transition: all 0.5s linear;
    z-index: 1;
}

.solution_thumb_icon .solution_thumb_icon_active {
    height: 40px;
    width: 40px;
    object-fit: contain;
    position: absolute;
    top: 0;
    bottom: 15px;
    right: 0;
    left: 0;
    z-index: 2;
    margin: auto;
    opacity: 0;
    transition: all 0.5s linear;
}

.swiper-slide-thumb-active .solution_thumb_icon .solution_thumb_icon_active {
    opacity: 1;
}

.swiper-slide-thumb-active .solution_thumb_icon .solution_thumb_icon_normal {
    opacity: 0;
}

.solution_thumb_clearfix {
    margin: 15px 0;
    display: flex;
    align-items: center;
}

.solution_thumb_clearfix i {
    display: block;
    flex: 1;
    height: 1px;
    background: rgba(255, 255, 255, 0.4);
}

.solution_thumb_clearfix em {
    font-weight: normal;
    font-style: normal;
    display: block;
    width: 25px;
    height: 25px;
    background: url('/static-cms-static-css-..-images-thumb_arc/2x.png.jpg') no-repeat center center;
    background-size: 25px;
    margin: 0 2px;
}

.swiper-slide-thumb-active .solution_thumb_clearfix em {
    background: url('/static-cms-static-css-..-images-thumb_active_arc/2x.png.jpg') no-repeat center center;
    background-size: 25px;
}

.solution_thumb .swiper-slide p {
    font-size: 24px;
    line-height: normal;
    text-align: center;
    color: #fff;
}


@media (max-width: 1200px) {
    .index_solution .title {
        padding-top: 80px;
        padding-bottom: 40px;
    }

    .index_solution .title p {
        top: 60px;
    }

    .index_solution_banner {
        height: auto;
    }

    .solution-banner {
        height: auto;
    }

    .solution-next {
        right: 20px;
    }

    .solution-prev {
        left: 20px;
    }

    .solution_main {
        top: 80px;
        width: 100%;
        padding: 0 50px;
    }

    .solution_main > p {
        white-space: normal;
        margin-bottom: 30px;
        font-size: 22px;
        line-height: 36px;
    }

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

/* 首页-荣誉证书 */
.index_honor {
    width: 100%;
    padding-top: 130px;
}

.index_honor .title h2 {
    color: #333333;
}

.index_honor .title p {
    color: rgba(189, 187, 187, 0.15);
}

.index_honor_banner {
    margin-top: 60px;
    position: relative;
    padding: 0 75px;
}

.index_honor_banner .honor_banner {
    position: unset;
    overflow: hidden;
    padding-bottom: 15px;
}

.index_honor_banner .honor_banner ul li {
    overflow: initial;
}

.honor_banner p {
    margin-top: 20px;
    font-size: 20px;
    line-height: 25px;
    height: 50px;
}

.honor_banner .honor-prev {
    width: 65px;
    height: 65px;
    margin: 0;
    position: absolute;
    top: 50%;
    transform: translateY(calc(-50% - 20px));
    left: 0;
}

.honor_banner .honor-next {
    width: 65px;
    height: 65px;
    margin: 0;
    position: absolute;
    top: 50%;
    transform: translateY(calc(-50% - 20px));
    right: 0;
}

.honor_banner .honor-prev i, .honor_banner .honor-next i {
    display: block;
    width: 65px;
    height: 65px;
}

.honor_banner .honor-prev i {
    background: url('/static-cms-static-css-..-images-solution_left/2x.png.jpg') no-repeat center center;
    background-size: contain;
}

.honor_banner .honor-prev i:hover {
    background: url('/static-cms-static-css-..-images-banner_left_active.png.jpg') no-repeat center center;
    background-size: contain;
}

.honor_banner .honor-next i {
    background: url('/static-cms-static-css-..-images-banner_next_normal.png.jpg') no-repeat center center;
    background-size: 100% 100%;
}

.honor_banner .honor-next i:hover {
    background: url('/static-cms-static-css-..-images-video_btn/2x.png.jpg') no-repeat center center;
    background-size: contain;
}

.index_honor_banner .swiper-slide-active {
    transform: scale(1) !important;;
}

.index_honor_banner .swiper-slide-active img {
    transform: scale(1) rotateY(0) !important;
}

.honor_banner .honor-spanbox {
    position: absolute;
    bottom: 0;
    height: 10px;
    display: flex;
    justify-content: center;
}

.honor_banner .honor-spanbox span {
    display: block;
    width: 10px;
    height: 10px;
    border-radius: 50%;
    background: #555;
}

.honor_banner .honor-spanbox span.swiper-pagination-bullet-active {
    background: #13418e;
}

.honor_banner_thumb {
    width: 100%;
    height: 128px;
    position: relative;
    margin-top: 40px;
}

.honor_banner_thumb::after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    display: block;
    width: 100%;
    height: 2px;
    background: url('/static-cms-static-css-..-images-honor_thumb_border/2x.png.jpg') no-repeat center center;
    background-size: 100% 100%;
}

.honor_banner_thumb::before {
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    display: block;
    width: 100%;
    height: 2px;
    background: url('/static-cms-static-css-..-images-honor_thumb_border/2x.png.jpg') no-repeat center center;
    background-size: 100% 100%;
}

.honor_thumb ul {
    max-width: max-content;
    margin: auto;
}

.honor_thumb li {
    height: 128px;
    width: auto;
    position: relative;
}

.honor_thumb li::after {
    content: '';
    position: absolute;
    top: 50%;
    left: 0;
    transform: translateY(-50%);
    width: 2px;
    height: 90px;
    background: url('/static-cms-static-css-..-images-honor_thumb_line/2x.png.jpg') no-repeat center center;
    background-size: 100% 100%;
}

.honor_thumb li:last-child::before {
    content: '';
    position: absolute;
    top: 50%;
    right: 0;
    transform: translateY(-50%);
    width: 2px;
    height: 90px;
    background: url('/static-cms-static-css-..-images-honor_thumb_line/2x.png.jpg') no-repeat center center;
    background-size: 100% 100%;
}

.honor_thumb li.on {
    background-color: #13418E;
}

.honor_thumb li.on::after {
    display: none;
}

.honor_thumb li.on::before {
    display: none;
}

.honor_thumb li.on + li::after {
    display: none;
}

.honor_thumb li.on p {
    color: #ffffff;
}

.honor_thumb li p {
    height: 100%;
    padding: 0 50px;
    text-align: center;
    display: flex;
    justify-content: center;
    align-items: center;
    line-height: 30px;
    font-size: 24px;
    color: #020202;
}

@media (max-width: 1600px) {
    .honor_banner p {
        font-size: 18px;
    }
}

@media (max-width: 1200px) {
    .honor_banner_thumb {
        height: auto;
    }

    .honor_thumb {
        height: 256px;
    }

    .honor_thumb.container {
        padding: 0;
    }

    .honor_thumb ul {
        flex-wrap: wrap;
    }

    .honor_thumb li::before {
        content: '';
        position: absolute;
        top: 0;
        right: 0;
        display: block;
        width: 100%;
        height: 2px;
        background: url('/static-cms-static-css-..-images-honor_thumb_border/2x.png.jpg') no-repeat center center;
        background-size: 100% 100%;
    }

    .honor_thumb li:last-child::before {
        content: '';
        position: absolute;
        top: 0;
        right: 0;
        display: block;
        width: 100%;
        height: 2px;
        background: url('/static-cms-static-css-..-images-honor_thumb_border/2x.png.jpg') no-repeat center center;
        background-size: 100% 100%;
        transform: none;
    }

    .index_honor_banner {
        padding: 0;
        margin-top: 40px;
    }

    .index_honor {
        padding-top: 80px;
    }

    .honor_banner .honor-next, .honor_banner .honor-prev {
        display: none;
    }

    .honor_thumb li::after {
        content: '';
        position: absolute;
        top: 0;
        right: 0;
        transform: none;
        width: 2px;
        height: 100%;
        background: url('/static-cms-static-css-..-images-honor_thumb_border/2x.png.jpg') no-repeat center center;
        background-size: 100% 100%;
    }

    .honor_thumb li.on::before {
        display: none;
    }
}

/* 首页-合作伙伴 */
.index_partner {
    width: 100%;
}

.index_partner .title h2 {
    color: #333333;
}

.index_partner .title p {
    color: rgba(189, 187, 187, 0.15)
}

.index_partner .sub_title {
    font-size: 18px;
    color: #333333;
    line-height: 18px;
    margin-top: 30px;
    text-align: center;
    margin-bottom: 70px;
}

.partner_banner a, .partner_bannertwo a {
    display: block;
    background: url('/static-cms-static-css-..-images-LOGO_border.png.jpg') no-repeat center center;
    background-size: 100%;
    border: 1px solid #ccc;
    border-radius: 12px;
    overflow: hidden;
}

.index_partner_banner {
    height: 3rem;
    position: relative;
}

.index_partner_banner p {
    font-size: 20px;
    text-align: center;
    line-height: 24px;
    color: #333333;
    margin-top: 16px;
}

/*.index_partner .more{*/
/*    margin: auto;*/
/*    position: relative;*/
/*    z-index: 2;*/
/*    margin-top: 150px;*/
/*}*/
/*.index_partner .more a p{*/
/*    margin-top: 0;*/
/*}*/

.index_partner_bottom {
    height: 542px;
    width: 542px;
    position: absolute;
    top: 160px;
    left: 50%;
    transform: translateX(-50%);
    overflow: hidden;
}

.index_partner_bottom_fs img {
    display: block;
    width: 100%;
}

.index_partner_bottom_fs::after {
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    background: url('/static-cms-static-css-..-images-fengsan_mask/2x.png.jpg') no-repeat center center;
    display: block;
    height: 567px;
    width: 100%;
}

.index_partner_bottom .more {
    position: absolute;
    top: 0;
    left: 50%;
    transform: translateX(-50%);
}

@keyframes fengsan {
    from {
        transform: rotate(0deg);
    }
    50% {
        transform: rotate(180deg);
    }
    to {
        transform: rotate(360deg);
    }
}

@-webkit-keyframes fengsan {
    from {
        -webkit-transform: rotate(0deg);
    }
    50% {
        -webkit-transform: rotate(180deg);
    }
    to {
        -webkit-transform: rotate(360deg);
    }
}

@media (max-width: 1600px) {
    .index_partner_banner p {
        font-size: 16px;
    }
}

@media (max-width: 1300px) {
    .index_partner_banner p {
        font-size: 14px;
        line-height: 20px;
    }
}

@media (max-width: 1200px) {
    .index_partner_banner {
        height: auto;
        margin-top: 40px;
    }

    .index_partner_banner p {
        font-size: 22px;
        line-height: 32px;
    }

    .partner_banner, .partner_bannertwo {
        height: 4.8rem;
    }

    .partner_banner a, .partner_bannertwo a {
        border-radius: 20px;
    }

    .index_partner {
        padding: 80px 0 0;
    }

    .index_partner_bottom {
        height: auto;
        width: 100%;
        position: relative;
        top: 0;
        left: 0;
        transform: none;
        overflow: hidden;
    }

    .index_partner_bottom_fs img {
        display: block;
        width: 75%;
        height: auto;
        margin: auto;
    }

    .index_partner_bottom_fs::after {
        content: '';
        position: absolute;
        bottom: 0;
        left: 0;
        background: url('/static-cms-static-css-..-images-fengsan_mask/2x.png.jpg') no-repeat center center;
        display: block;
        height: 100%;
        width: 100%;
        background-size: 100% 100%;
    }

    .index_partner_bottom .more {
        position: absolute;
        top: 0;
        left: 50%;
        transform: translateX(-50%);
        margin-top: 3.5rem;
    }
}

@media (max-width: 990px) {
    .partner_banner, .partner_bannertwo {
        height: 5rem;
    }
}

/* 首页-新闻 */
.index_news {
    width: 100%;
    padding: 110px 0 70px;
    margin-top: 170px;
}

.index_news .title h2 {
    color: #333333;
}

.index_news .title p {
    color: rgba(189, 187, 187, 0.15)
}

.index_news_banner {
    width: 100%;
    position: relative;
}

.index_news_banner .swiper-container {
    position: unset;
    overflow: hidden;
}

.index_news_banner li {
    /*padding: 10px;*/
}

.index_news_banner li > a {
    display: block;
    width: 100%;
    box-shadow: 0px 0px 10px rgba(0, 0, 0, .1), -7px -7px 12px rgba(255, 255, 255, .2);
    position: relative;
}

.index_news_banner .swiper-slide {
    overflow: visible;
}

.index_news_pic {
    width: 100%;
    overflow: hidden;
    padding-top: 53%;
    position: relative;
}

.index_news_pic img {
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    margin: auto;
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: all 0.4s ease;
}

.index_news_info {
    background: #fff;
    display: flex;
    align-items: center;
    position: relative;
    z-index: 1;
    padding: 15px;
    transition: all 0.4s ease;
}

.index_news_time {
    text-align: center;
    margin-right: 20px;
    padding-right: 6px;
}

.index_news_time span {
    display: block;
    font-size: 34px;
    line-height: 34px;
    font-weight: bold;
    color: #333333;
}

.index_news_banner .news-spanbox {
    position: absolute;
    bottom: 0;
    height: 10px;
    display: flex;
    justify-content: center;
}

.index_news_banner .news-spanbox span {
    display: block;
    width: 10px;
    height: 10px;
    border-radius: 50%;
    background: #555;
}

.index_news_banner .news-spanbox span.swiper-pagination-bullet-active {
    background: #13418e;
}

.news-next {
    width: 65px;
    height: 65px;
    margin: 0;
    position: absolute;
    right: 0;
    top: 50%;
    transform: translateY(calc(-50% - 25px));
}

.news-prev {
    width: 65px;
    height: 65px;
    margin: 0;
    position: absolute;
    left: 0;
    top: 50%;
    transform: translateY(calc(-50% - 25px));
}

.news-next i {
    display: block;
    width: 65px;
    height: 65px;
    background: url('/static-cms-static-css-..-images-banner_next_normal.png.jpg') no-repeat center center;
    background-size: 65px;
}

.news-next i:hover {
    background: url('/static-cms-static-css-..-images-video_btn/2x.png.jpg') no-repeat center center;
    background-size: contain;
}

.news-prev i {
    display: block;
    width: 65px;
    height: 65px;
    background: url('/static-cms-static-css-..-images-solution_left/2x.png.jpg') no-repeat center center;
    background-size: contain;
}

.news-prev i:hover {
    background: url('/static-cms-static-css-..-images-banner_left_active.png.jpg') no-repeat center center;
    background-size: contain;
}

.index_news_time p {
    font-size: 16px;
    color: #999999;
    line-height: 18px;
    margin-top: 2px;
}

.index_news_text {
    flex: 1;
    overflow: hidden;
}

.index_news_text h2 {
    font-size: 18px;
    color: #333333;
    font-weight: bold;
    line-height: 32px;
    text-align: left;
    padding-right: 42px;
}

.index_news_text p {
    font-size: 14px;
    height: 44px;
    line-height: 22px;
    color: #333333;
    text-align: left;
    padding-right: 64px;
}

.index_news_more {
    width: 100%;
    height: 50px;
    position: absolute;
    left: 0;
    bottom: 0;
    z-index: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: #1894da;
}

.index_news_more p {
    display: block;
    font-size: 22px;
    color: #ffffff;
    margin-right: 4px;
    line-height: normal;
}

/*.index_news_more i {*/
/*    display: block;*/
/*    width: 28px;*/
/*    height: 28px;*/
/*    background: url('/static-cms-static-css-..-images-more/btn/active.png.jpg') no-repeat center center;*/
/*    background-size: 28px;*/
/*}*/

.index_news_more.index_more p {
    font-size: 18px;
    margin-right: 0;
}

/*.index_news_more.index_more i {*/
/*    display: none;*/
/*}*/

.index_news_banner li > a:hover .index_news_text h2 {
    color: #1894da;
}

.index_news_banner li > a:hover .index_news_pic img {
    transform: scale(1.1);
}

.index_news_banner li > a:hover .index_news_info {
    transform: translateY(-50px);
}

@media (max-width: 1400px) {
    .index_news_info {
        padding: 30px 15px;
    }
}

@media (max-width: 1200px) {
    .index_about_description p {
        font-size: 20px;
    }

    .index_news {
        padding: 80px 0;
        margin-top: -5.8rem;
    }

    .honor_thumb li p {
        padding: 0 15px;
        font-size: 22px;
    }

    .index_news .more {
        margin: auto;
        margin-top: 50px;
    }

    .index_news_banner .swiper-container .swiper-wrapper {
        padding-bottom: 10px;
    }

    .index_news_info {
        padding: 20px 10px 30px;
        display: block;
    }

    .index_news_time {
        text-align: left;
        display: flex;
        margin-right: 0;
        margin-bottom: 16px;
    }

    .index_news_time p {
        font-size: 18px;
        line-height: 25px;
        margin-top: 0;
    }

    .index_news_text h2 {
        font-size: 20px;
        line-height: 30px;
        margin-bottom: 6px;
    }

    .index_news_text p {
        font-size: 18px;
        line-height: 26px;
        height: 52px;
    }

    .index_news_banner {
        margin-top: 40px;
        padding: 0 0 40px;
    }

    .index_news_banner li {
        padding: 0;
    }

    .news-next, .news-prev {
        display: none;
    }
}

@media (max-width: 760px) {
    .news-next i {
        width: 50px;
        height: 50px;
        background-size: contain;
    }

    .news-prev i {
        width: 50px;
        height: 50px;
        background-size: contain;
    }

    .index_news_more.index_more p {
        font-size: 16px;
    }
}

/* 首页-小屏 */
@media (max-width: 760px) {
    .index_product {
        padding: 50px 0 0;
    }

    .index_product .title {
        padding-bottom: 30px;
    }

    .productn_thumb ul {
        padding: 10px 0;
    }

    .productn_thumb ul li p {
        font-size: 16px;
        line-height: 24px;
    }

    .index_about {
        padding: 50px 0 0;
    }

    .index_about_description {
        padding: 20px;
    }

    .index_about_description h3 {
        font-size: 22px;
        line-height: 26px;
        margin-bottom: 4px
    }

    .index_about_description p {
        font-size: 14px;
        line-height: 16px;
    }

    .index_about_description .index_about_description_content {
        margin-top: 15px;
        font-size: 16px;
        line-height: 24px;
    }

    .index_about_btn {
        margin-top: 20px;
    }

    .index_about_bottom {
        padding: 50px 0 0;
    }

    .index_about_bottom_number {
        margin-top: 10px;
    }

    .index_about_bottom_number ul li {
        padding: 20px 10px;
    }

    .index_about_bottom_number ul li ._number h3 {
        font-size: 26px;
        line-height: 26px;
    }

    .index_about_bottom_number ul li ._number span {
        font-size: 14px;
        line-height: 14px;
    }

    .index_about_bottom_number ul li ._number {
        margin-bottom: 10px;
    }

    .index_about_bottom_number ul {
        padding: 0 30px;
    }

    .index_about_bottom_number ul li p {
        font-size: 16px;
        line-height: 24px;
        white-space: nowrap;
    }

    .index_advantage_content .title {
        margin-top: 50px;
    }

    .index_advantage_content ul li {
        padding: 20px 15px;
        margin-bottom: 20px;
    }

    .index_advantage_content ul {
        margin-top: 30px;
    }

    .index_advantage_icon {
        width: 36px;
        height: 36px;
    }

    .index_advantage_icon img {
        height: 36px;
    }

    .index_advantage_content ul li h3 {
        font-size: 20px;
        line-height: 36px;
    }

    .index_advantage_line {
        width: 30px;
        margin: 12px 0;
    }

    .index_advantage_content ul li p {
        font-size: 16px;
        line-height: 24px;
        height: auto;
    }

    .index_solution .title {
        padding-top: 50px;
        padding-bottom: 30px;
    }

    .index_solution .title p {
        top: 30px;
    }

    .solution_main {
        top: 20px;
        padding: 0 30px;
    }

    .solution_main h3 {
        font-size: 20px;
        line-height: 20px;
        margin-bottom: 22px;
    }

    .solution_main h3::after {
        bottom: -12px;
    }

    .solution_main > p {
        font-size: 16px;
        line-height: 24px;
        margin-bottom: 20px;
    }

    .solution_thumb .swiper-slide p {
        font-size: 18px;
    }

    .index_honor {
        padding-top: 50px;
    }

    .index_honor_banner {
        margin-top: 30px;
    }

    .honor_banner_thumb {
        margin-top: 30px;
    }

    .honor_thumb {
        height: 120px;
    }

    .honor_thumb li {
        height: 60px;
    }

    .honor_thumb li p {
        font-size: 16px;
        line-height: 24px;
        padding: 0 15px;
    }

    .honor_banner p {
        margin-top: 10px;
        font-size: 16px;
        line-height: 24px;
        height: 48px;
    }

    .index_honor_banner .honor_banner {
        padding-bottom: 20px;
    }

    .index_partner {
        padding: 50px 0 0;
    }

    .index_news_banner {
        margin-top: 30px;
        padding: 0 0 20px;
    }

    .index_news_info {
        padding: 15px 10px 20px;
    }

    .index_news_time p {
        font-size: 14px;
        line-height: 16px;
    }

    .index_news_time {
        margin-bottom: 16px;
    }

    .index_news_text h2 {
        font-size: 18px;
        line-height: 20px;
    }

    .index_news_text p {
        font-size: 16px;
        line-height: 24px;
        height: 48px;
    }

    .index_news .more {
        margin-top: 30px;
    }

    .index_news {
        padding: 50px 0;
    }

    .index_news_more {
        height: 36px;
    }

    .index_news_more p {
        font-size: 16px;
        line-height: normal;
    }

    .index_news_banner li > a:hover .index_news_info {
        transform: translateY(-36px);
    }

    .index_news_more i {
        width: 20px;
        height: 20px;
        background-size: contain;
    }
}

@media (max-width: 760px) {
    .index_partner_banner {
        margin-top: 30px;
    }

    .index_partner_banner p {
        font-size: 16px;
        line-height: 24px;
    }
}

@media (max-width: 752px) {
    .index_partner_bottom .more {
        margin-top: 1.2rem;
    }

    .partner_banner, .partner_bannertwo {
        height: 2.2rem;
    }

    .partner_banner a, .partner_bannertwo a {
        border-radius: 12px;
    }

    .index_news {
        margin-top: -2.5rem;
    }
}

@media (max-width: 640px) {
    .honor_banner p {
        margin-top: 10px;
        font-size: 14px;
        line-height: 20px;
        height: 40px;
    }

    .partner_banner, .partner_bannertwo {
        height: 2.4rem;
    }

    .index_partner_banner p {
        font-size: 12px;
        line-height: 16px;
    }

    /*.index_partner .more{*/
    /*    margin-top: 1.2rem;*/
    /*}*/
    /*.index_partner .more a i{*/
    /*    background-size: contain;*/
    /*}*/
    .solution_main .more {
        border: none;
    }

    .solution_main .more a i {
        background-size: contain;
    }

    .solution-next, .solution-prev {
        width: 36px;
        height: 36px;
    }

    .solution-prev i {
        width: 36px;
        height: 36px;
        background-size: contain;
    }

    .solution-next i {
        width: 36px;
        height: 36px;
        background-size: contain;
    }

    .index_solution_thumb {
        bottom: 40px;
    }

    .solution_thumb .solution_thumb_icon {
        height: 70px;
    }

    .solution_thumb .solution_thumb_icon::after {
        height: 70px;
        background-size: contain;
    }

    .solution_thumb_icon .solution_thumb_icon_normal {
        height: 32px;
        width: 32px;
        bottom: 24px;
    }

    .solution_thumb_icon .solution_thumb_icon_active {
        height: 32px;
        width: 32px;
        bottom: 8px;
    }

    .solution_thumb_clearfix {
        margin: 10px 0;
    }

    .solution_thumb_clearfix em {
        width: 16px;
        height: 16px;
        background-size: contain;
    }

    .swiper-slide-thumb-active .solution_thumb_clearfix em {
        background-size: contain;
    }

    .solution_thumb .swiper-slide p {
        font-size: 16px;
    }

    .index_news_more {
        height: 36px;
    }

    .index_news_more p {
        font-size: 16px;
        line-height: normal;
    }

    .index_news_banner li > a:hover .index_news_info {
        transform: translateY(-36px);
    }

    .index_news_more i {
        width: 20px;
        height: 20px;
        background-size: contain;
    }
}

@media (max-width: 540px) {
    .partner_banner, .partner_bannertwo {
        height: 2.6rem;
    }

    .index_about_bottom_number ul li p {
        font-size: 14px;
        line-height: 20px;
    }

    .index_advantage_content ul li p {
        font-size: 14px;
        line-height: 20px;
    }

    .solution_main > p {
        font-size: 14px;
        line-height: 20px;
    }

    .index_about_description .index_about_description_content {
        font-size: 14px;
        line-height: 20px;
    }

    .honor_thumb li p {
        font-size: 14px;
        line-height: 20px;
    }

    .index_news_text p {
        font-size: 14px;
        line-height: 20px;
        height: 40px;
    }

    .index_news_text h2 {
        font-size: 16px;
    }
}

@media (max-width: 500px) {
    .partner_banner, .partner_bannertwo {
        height: 2.8rem;
    }
}

/* 搜索 */
.header_search,
.header_search span {
    line-height: 100px;
    display: block;
    color: #333;
    cursor: pointer;
    font-size: 22px;
}

.header_search {
    margin-left: 30px;
}

.header_search .search {
    position: fixed;
    z-index: 999;
    top: 0;
    left: 0;
    display: none;
    height: 130px;
    width: 100%;
    background-color: #ffffff;
}

.header_search i {
    position: relative;
    width: 0.3rem;
    height: 0.3rem;
    line-height: 130px;
    cursor: pointer;
    font-size: 28px;
    color: #1e1e1e;
    z-index: 5;
    margin-right: 10%;
    margin-top: 0;
}

.header_search .search ul {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto;
    padding: 0;
    height: 70px;
    width: 90%;
    max-width: 7rem;
    z-index: 2;
}

.header_search .search ul form {
    position: relative;
    height: 50px;
    width: 100%;
    overflow: hidden;
    background: #ffffff;
    border-bottom: 1px solid #1e1e1e;
}

.header_search .search ul input[type="text"] {
    border: none;
    width: 100%;
    display: block;
    border: none;
    height: 50px;
    text-align: left;
    color: #666;
    font-size: 14px;
    background: none;
    line-height: 60px;
    padding: 0 85px 0 0.2rem;
    background: #fff;
}

.header_search .search_btn {
    position: absolute;
    right: 0;
    top: 0;
    padding: 0;
    z-index: 2;
    width: 85px;
    height: 50px;
    line-height: 60px;
    cursor: pointer;
    border: none;
    outline: none;
    color: #1e1e1e;
    background: #ffffff;
    font-size: 24px;
}

/* @media (max-width:992px) {
    .header_search,
    .header_search span {
        line-height: 50px;
    }

    .header_search .search {
        height: 100%;
    }

    .header_search i {
        margin-right: 20px;
        width: 26px;
        height: 55px;
        font-size: 24px;
        line-height: 55px;
    }

    .header_search .search ul {
        margin: 0.5rem auto 0;
        position: relative;
        overflow: hidden;
        width: 100%;
        max-width: initial;
    }

    .header_search .search ul,
    .header_search .search ul form,
    .header_search .search ul input[type="text"],
    .header_search .search_btn {
        height: 48px;
        line-height: 48px;
    }

    .header_search .search ul form {
        margin: 0 auto;
        width: 90%;
    }

    .header_search .search ul input[type="text"] {
        padding-right: 55px;
    }

    .header_search .search_btn {
        width: 50px;
        font-size: 20px;
    }
} */


/* ============================================================================================================================
													内页banner
===============================================================================================================================*/
.adv_container {
    position: relative;
    width: 100%;
}

.adv_container ._main {
    position: absolute;
    width: 100%;
    height: auto;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    color: #ffffff;
    text-align: center;
    padding: 0 15px;
}

.adv_container ._main h2 {
    position: relative;
    z-index: 2;
    font-size: 54px;
    text-align: center;
    line-height: 54px;
    color: #ffffff;
    font-weight: bold;
}

.adv_container ._main p {
    z-index: 1;
    white-space: nowrap;
    width: 100%;
    overflow: hidden;
    font-size: 100px;
    line-height: 95px;
    color: rgba(255, 255, 255, 0.15);
    font-weight: bold;
    text-transform: uppercase;
    position: absolute;
    top: -30px;
    left: 0;
    bottom: 0;
    right: 0;
    margin: auto;
}

.adv_container .container {
    position: absolute;
    top: 0;
    left: 50%;
    transform: translateX(-50%);
}

.adv_container .container .crumb span {
    color: white;
    font-weight: 400;
}

.adv_container .container .crumb a {
    color: white;
}

.adv_container picture img {
    width: 100%;
}

@media (max-width: 990px) {
    .adv_container ._main h2 {
        font-size: 44px;
        line-height: 78px;
    }

    .adv_container ._main p {
        top: -20px;
        font-size: 75px;
    }
}

@media (max-width: 760px) {
    .adv_container ._main h2 {
        font-size: 24px;
        line-height: 24px;
    }

    .adv_container ._main p {
        font-size: 30px;
        line-height: 48px;
    }

}


/* ============================================================================================================================
													网站底部
===============================================================================================================================*/
.footer {
    overflow: hidden;
    position: relative;
    background-color: #202021;
    color: #ffffff;
}

.footer .container {
    position: relative;
    z-index: 1;
}

.footer_bottom {
    position: relative;
    z-index: 1;
}

.footer_fengsan {
    position: absolute;
    z-index: 0;
    right: 0;
    bottom: 0;
    max-width: 510px;
    max-height: 510px;
    width: 95%;
    height: 100%;
    overflow: hidden;
}

.footer_fengsan img {
    width: 100%;
    animation: footerFengsan 12s linear infinite;
    position: absolute;
    bottom: -10%;
    right: -10%;
}

.footer_fengsan::before {
    content: '';
    display: block;
    width: 510px;
    height: 510px;
    z-index: 9999;
    position: absolute;
    bottom: 0;
    right: 0;
    background: url('/static-cms-static-css-..-images-footer_fengsan_mask/2x.png.jpg') no-repeat center center;
}

@keyframes footerFengsan {
    0% {
        transform: rotate(0deg);
    }
    100% {
        transform: rotate(360deg);
    }
}

@-webkit-keyframes footerFengsan {
    0% {
        -webkit-transform: rotate(0deg);
    }
    100% {
        -webkit-transform: rotate(360deg);
    }
}

.footer a {
    color: #ffffff;
}

.footer a:hover {
    color: #1894da;
}

.footer_main {
    display: flex;
    justify-content: space-between;
    margin: 50px 0 30px;
}

.footer_left {
    width: calc(32% - 80px);
}

.footer_left_main {
    display: flex;
    flex-wrap: wrap;
    margin-bottom: -30px;
}

.footer_top {
    width: 100%;
    display: flex;
    align-items: flex-start;
    flex-direction: column;
}

.footer_logo {
    width: 214px;
    height: 52px;
}

.footer_logo a, .footer_logo a img {
    display: block;
    width: 100%;
    height: 100%;
}

.footer_top h2 {
    font-size: 35px;
    font-weight: bold;
    color: #ffffff;
}

.footer_left .gs {
    margin-bottom: 30px;
    margin-top: 21px;
    font-weight: 400;
    font-size: 30px;
    color: #FFFFFF;
}

.footer_left ul {
    /*display: none;*/
    margin-bottom: 30px;
    width: 100%;
    margin-right: 20px;
}

.footer_left ul:nth-child(3n) {
    margin-right: 0;
    width: 100%;
}

.footer_left ul li {
    display: flex;
    align-items: center;
    margin-bottom: 14px;
}

.footer_left ul li:last-child {
    margin-bottom: 0;
}

.footer_left ul li i {
    display: block;
    width: 33px;
    height: 33px;
    margin-right: 12px;
}

.footer_left ul li i.address {
    background: url('/static-cms-static-css-..-images-footer_address/2x.png.jpg') no-repeat center center;
}

.footer_left ul li i.mobile {
    background: url('/static-cms-static-css-..-images-footer_mobile/2x.png.jpg') no-repeat center center;
}

.footer_left ul li i.phone {
    background: url('/static-cms-static-css-..-images-footer_phone/2x.png.jpg') no-repeat center center;
}

.footer_left ul li i.email {
    background: url('/static-cms-static-css-..-images-footer_email/2x.png.jpg') no-repeat center center;
}

.footer_left ul li i.website {
    background: url('/static-cms-static-css-..-images-footer_website/2x.png.jpg') no-repeat center center;
}

.footer_left ul li p {
    display: block;
    flex: 1;
    overflow: hidden;
}

.footer_left ul li p a {
    display: block;
    font-size: 16px;
    color: #BBBBBB;
    line-height: 20px;
}

.footer_right {
    width: 65%;
    display: flex;
    justify-content: space-between;
    position: relative;
}

.footer_nav_item h3 {
    font-size: 20px;
    line-height: 30px;
    color: #ffffff;
    font-weight: normal;
}

.footer_nav_item ul {
    margin-top: 36px;
    position: relative;
    z-index: 1;
}

.footer_nav_item ul li a {
    font-size: 16px;
    line-height: 36px;
    color: #BBBBBB;
}

.footer_right_fl {
    display: flex;
    width: 50%;
    position: absolute;
    right: 0;
    bottom: 0;
    flex-direction: row-reverse;
    z-index: 1;
}

.footer_right_fl_icon {
    display: flex;
    align-items: center;
}

.footer_right_fl_icon.sm {
    display: none;
}

.footer_right_fl_icon i {
    margin-right: 5px;
    display: block;
    width: 40px;
    height: 40px;
}

.footer_right_fl_icon i:first-child {
    background: url('/static-cms-static-css-..-images-footer/fl/icon1.png.jpg') no-repeat center center;
    background-size: contain;
}

.footer_right_fl_icon i:nth-child(2) {
    background: url('/static-cms-static-css-..-images-footer/fl/icon2.png.jpg') no-repeat center center;
    background-size: contain;
}

.footer_right_fl_icon i:nth-child(3) {
    background: url('/static-cms-static-css-..-images-footer/fl/icon3.png.jpg') no-repeat center center;
    background-size: contain;
}

.footer_right_fl_icon i:nth-child(4) {
    background: url('/static-cms-static-css-..-images-footer/fl/icon4.png.jpg') no-repeat center center;
    background-size: contain;
}

.footer_right_fl_icon i:last-child {
    margin-right: 0;
}

.footer_link {
    padding: 0 15px;
    border-radius: 8px;
    overflow: hidden;
    transition: all 0.4s linear;
    position: relative;
    z-index: 2;
}

.footer_link.on {
    background: white;
    padding: 0 15px 5px;
}

.footer_link a {
    display: block;
    font-size: 16px;
    line-height: 30px;
    text-align: center;
    color: #BBBBBB;
}

.footer_link.on a {
    color: #333;
}

.footer_link.on a:hover {
    color: #1894da;
}

.footer_link_main {
    display: none;
    padding: 15px 0 10px;
}

.footer_link.on .footer_link_main {
    display: block;
}

.footer_link_btn p {
    display: block;
    font-size: 16px;
    line-height: 24px;
    color: #BBBBBB;
}

.footer_link_btn {
    display: flex;
    align-items: center;
    cursor: pointer;
}

.footer_link i {
    cursor: pointer;
    margin-left: 4px;
    display: block;
    width: 27px;
    height: 27px;
    background: url('/static-cms-static-css-..-images-footer_link/2x.png.jpg') no-repeat center center;
    background-size: contain;
}

.footer_link.on i {
    background: url('/static-cms-static-css-..-images-footer_link_actuve/2x.png.jpg') no-repeat center center;
    background-size: contain;
}

.footer_link.on p {
    color: #333;
}

.footer_right_fl_erweima.sm {
    display: none;
}

.footer_right_fl_erweima {
    display: flex;
    align-items: center;
}

.footer_right_fl_erweima_item:last-child {
    margin-left: 30px;
}

.footer_right_fl_erweima_item .pic {
    width: 120px;
    height: 120px;
}

.footer_right_fl_erweima_item .pic img {
    width: 100%;
    height: 100%;
    object-fit: contain;
}

.footer_right_fl_erweima_item p {
    font-size: 16px;
    line-height: 26px;
    color: #BBBBBB;
    margin-top: 10px;
    text-align: center;
}

.footer_bottom {
    border-top: 1px solid #474747;
    padding: 10px 0;
    width: 80%;
    margin: 0 auto;
}

.footer_bottom_main {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}

.footer_bottom_left {
    display: flex;
}

.footer_bottom_left a {
    display: flex;
    font-size: 16px;
    line-height: 24px;
    font-weight: 100;
    color: #BBBBBB;
    margin-right: 30px;
}

.footer_bottom_left a i {
    display: block;
    width: 24px;
    height: 24px;
    background: url('/static-cms-static-css-..-images-gan.png.jpg') no-repeat center center;
    background-size: contain;
    margin-right: 4px;
}

.footer_bottom_right {
    display: flex;
}

.footer_bottom_right a {
    display: block;
    color: #fff;
    font-size: 16px;
    line-height: 24px;
    margin-right: 4px;
    font-weight: 100;
}

.footer_bottom_right a:last-child {
    margin-right: 0;
}

@media (max-width: 1600px) {
    .footer_left {
        width: calc(32% - 40px);
    }
}

@media (max-width: 1400px) {
    .footer_left {
        width: calc(32% - 20px);
    }

    .footer_right_fl_erweima_item:last-child {
        margin-left: 20px;
    }
}

@media (max-width: 1200px) {
    .footer_right_fl_erweima.sm {
        display: flex;
    }

    .footer_right_fl_icon.sm {
        display: flex;
        margin-top: 25px;
    }

    .footer_right_fl_erweima_item .pic {
        width: 180px;
        height: 180px;
    }

    .footer_right_fl_erweima_item p {
        margin-top: 15px;
        font-size: 24px;
        line-height: 34px;
    }

    .footer_right_fl_erweima_item:last-child {
        margin-left: 40px;
    }

    .footer_right_fl_icon i {
        width: 60px;
        height: 60px;
        margin-right: 10px;
    }

    .footer_top {
        padding-top: 70px;
    }

    .footer_top h2 {
        font-size: 45px;
        line-height: 45px;
    }

    .footer_right {
        display: none;
    }

    .footer_left {
        width: 100%;
    }

    .footer_left_main {
        display: block;
        margin-bottom: 0;
    }

    .footer_left h2 {
        font-size: 30px;
        line-height: 30px;
        margin-bottom: 20px;
    }

    .footer_left ul, .footer_left ul:nth-child(3n) {
        width: 100%;
        margin-bottom: 40px;
        margin-right: 0;
    }

    .footer_main {
        display: block;
        width: 100%;
        margin-top: 50px;
        margin-bottom: 20px;
    }

    .footer_left ul li i {
        width: 50px;
        height: 50px;
    }

    .footer_left ul li {
        margin-bottom: 14px;
    }

    .footer_left ul li p a {
        font-size: 24px;
        line-height: 30px;
    }

    .footer_left ul li i.address {
        background: url('/static-cms-static-css-..-images-footer_address_x/2x.png.jpg') no-repeat center center;
        background-size: contain;
    }

    .footer_left ul li i.mobile {
        background: url('/static-cms-static-css-..-images-footer_mobile_x/2x.png.jpg') no-repeat center center;
        background-size: contain;
    }

    .footer_left ul li i.phone {
        background: url('/static-cms-static-css-..-images-footer_phone_x/2x.png.jpg') no-repeat center center;
        background-size: contain;
    }

    .footer_left ul li i.email {
        background: url('/static-cms-static-css-..-images-footer_email_x/2x.png.jpg') no-repeat center center;
        background-size: contain;
    }

    .footer_left ul li i.website {
        background: url('/static-cms-static-css-..-images-footer_website_x/2x.png.jpg') no-repeat center center;
        background-size: contain;
    }

    .footer_link {
        display: none;
    }

    .footer_bottom {
        padding: 30px 0;
    }

    .footer_bottom_main {
        display: block;
    }

    .footer_bottom_left {
        display: block;
        text-align: center;
    }

    .footer_bottom_left a {
        display: inline-flex;
        font-size: 24px;
        margin-bottom: 10px;
        text-align: center;
        vertical-align: middle;
    }

    .footer_bottom_left a:first-child {
        display: block;

    }

    .footer_bottom_right {
        justify-content: center;
        flex-wrap: wrap;
        margin-top: 15px;
    }

    .footer_bottom_right a {
        font-size: 24px;
        margin-right: 10px;
    }
}

@media (max-width: 760px) {
    .footer_logo {
        width: auto;
        height: 32px;
    }

    .footer_right_fl_erweima_item .pic {
        width: 140px;
        height: 140px;
    }

    .footer_right_fl_erweima_item:last-child {
        margin-left: 30px;
    }

    .footer_right_fl_erweima_item p {
        font-size: 16px;
        line-height: 24px;
        margin-top: 10px;
    }

    .footer_right_fl_icon.sm {
        margin-top: 20px;
    }

    .footer_right_fl_icon i {
        width: 48px;
        height: 48px;
        margin-right: 8px;
    }

    .footer_top {
        padding-top: 60px;
    }

    .footer_main {
        margin-bottom: 15px;
        margin-top: 40px;
    }

    .footer_bottom {
        padding: 25px 0;
    }

    .footer_logo a, .footer_logo a img {
        width: auto;
        height: 32px;
    }

    .footer_top h2 {
        font-size: 24px;
        line-height: 28px;
    }

    .footer_left h2 {
        font-size: 20px;
        line-height: 20px;
        margin-bottom: 15px;
    }

    .footer_left ul {
        margin-bottom: 30px;
    }

    .footer_left ul li {
        margin-bottom: 10px;
    }

    .footer_left ul li i {
        width: 40px;
        height: 40px;
    }

    .footer_left ul li p {
        flex: 1;
        overflow: hidden;
    }

    .footer_left ul li p a {
        font-size: 16px;
        line-height: 24px
    }

    .footer_bottom_left a {
        font-size: 16px;
        line-height: 16px;
        margin-bottom: 8px;
    }

    .footer_bottom_left a i {
        width: 16px;
        height: 16px;
    }

    .footer_bottom_right a {
        font-size: 16px;
        line-height: 16px;
    }

    .footer_bottom_right {
        margin-top: 12px;
    }
}

@media (max-width: 540px) {
    .footer_top h2 {
        font-size: 22px;
        line-height: 30px;
    }

    .footer_left h2 {
        font-size: 18px;
        line-height: 18px;
    }

    .footer_left ul li p a {
        font-size: 14px;
        line-height: 20px;
    }

    .footer_left ul li i {
        width: 33px;
        height: 33px;
    }

    .footer_right_fl_erweima_item .pic {
        width: 110px;
        height: 110px;
    }

    .footer_right_fl_erweima_item:last-child {
        margin-left: 20px;
    }

    .footer_right_fl_erweima_item p {
        font-size: 14px;
        line-height: 20px;
    }

    .footer_right_fl_icon i {
        width: 40px;
        height: 40px;
        margin-right: 5px;
    }

    .footer_bottom_left a {
        font-size: 14px;
        line-height: 14px;
    }

    .footer_bottom_right a {
        font-size: 14px;
        line-height: 14px;
    }
}

/* 底部悬浮 */
.footer_float {
    position: fixed;
    z-index: 999;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 140px;
}

.footer_float ul {
    display: flex;
    width: 100%;
    height: 100%;
}

.footer_float ul li {
    width: calc(100% / 3);
    height: 100%;
    background: #737373;
    position: relative;
}

.footer_float ul li::after {
    content: '';
    position: absolute;
    top: 50%;
    right: -1px;
    transform: translateY(-50%);
    width: 2px;
    height: 100%;
    background: #ffffff;
}

.footer_float ul li:last-child::after {
    display: none;
}

.footer_float ul li a {
    display: block;
    padding: 25px 0 15px;
}

.footer_float ul li a .pic {
    height: 56px;
    text-align: center;
}

.footer_float ul li a .pic img {
    height: 100%;
    width: auto;
}

.footer_float ul li a p {
    margin-top: 20px;
    font-size: 24px;
    line-height: 24px;
    text-align: center;
    color: #ffffff;
}

.footer_float_clear {
    height: 140px;
}

.footer_float ul li:first-child {
    background: #1894da;
}

/* .footer_float ul li:hover{
    background: #1894da;
} */

@media (max-width: 760px) {
    .footer_float_clear {
        height: 80px;
    }

    .footer_float {
        height: 80px;
    }

    .footer_float ul li a {
        padding: 10px 0 5px;
    }

    .footer_float ul li a .pic {
        height: 36px;
    }

    .footer_float ul li a p {
        font-size: 16px;
        margin-top: 5px;
    }
}

/*==============================================================================================*/
/*手机底导航
/*==============================================================================================*/
.footer_bnav {
    position: fixed;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: 998;
    background-color: #ffffff;
    height: 50px;
    display: block;
    box-shadow: 0 0 0.1rem rgba(0, 0, 0, 0.25);
}

.footer_bnav ul {
    position: relative;
    display: block;
}

.footer_bnav ul li {
    float: left;
    width: 20%;
    height: 50px;
    text-align: center;
    overflow: hidden;
}

.footer_bnav ul li a {
    display: block;
    width: 100%;
    height: 100%;
}

.footer_bnav ul li span {
    position: relative;
    display: block;
    text-align: center;
    width: 20px;
    height: 20px;
    margin: 6px auto 5px;
    overflow: hidden;
}

.footer_bnav ul li:nth-child(3) span {
    position: absolute;
    top: -1.6em;
    width: 5.2em;
    height: 5.2rem;
    left: 0;
    right: 0;
    margin: 0 auto;
    overflow: hidden;
}

.footer_bnav ul li:nth-child(3) p {
    display: none;
}

.footer_bnav ul li span img {
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    margin: auto;
    max-width: 100%;
    height: 100%;
}

/*.footer_bnav ul li span ._on,
.footer_bnav ul li.on span img {
    display: none;
}

.footer_bnav ul li.on span img._on {
    display: block;
}*/

.footer_bnav ul li p {
    color: #2e2e2e;
    text-align: center;
    font-size: 14px;
    line-height: 16px;
    margin: 0;
}

.footer_bnav ul li:nth-child(3) span img {
    position: relative;
    width: 100%;
    height: auto;
}


/* ============================================================================================================================
													右侧面导航
===============================================================================================================================*/
.sidebar-nav {
    position: fixed;
    z-index: 999;
    right: 5px;
    top: 30%;
}

.sidebar-nav .item {
    display: block;
    position: relative;
    height: 50px;
    width: 55px;
    cursor: pointer;
    margin-bottom: 6px;
}

.sidebar-nav i {
    margin-left: 5px;
    position: relative;
    overflow: hidden;
    height: 50px;
    width: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 26px;
    border-radius: 50%;
    color: #fff;
    background: #2bc48a;
    box-shadow: 0px 0px 10px 0px rgb(255 255 255 / 20%);
}

.sidebar-nav .item:hover {
    opacity: 1;
}

.sidebar-nav ._main {

    position: absolute;
    right: 64px;
    background: #2bc48a;
    top: 0;
    bottom: 0;
    height: 50px;
    line-height: 50px;
    max-width: 0;
    white-space: nowrap;
    transition: all 0.5s;
    -moz-transition: all 0.5s;
    -webkit-transition: all 0.5s;
    -o-transition: all 0.5s;
}

.sidebar-nav ._main p {
    font-size: 16px;
    color: #fff;
    overflow: hidden;
    max-width: 0;
}

.sidebar-nav .item:hover ._main._mainbf::after {
    content: '';
    display: block;
    border: transparent 8px solid;
    position: absolute;
    top: 50%;
    right: -16px;
    transform: translateY(-50%);
    border-left-color: #2bc48a;
}

.sidebar-nav ._mains, .sidebar-nav ._mains img {
    height: 160px;
    background-color: inherit;
}

.sidebar-nav .item:hover ._main {
    display: block;
    max-width: 6rem;
    padding: 0 30px;
    border-radius: 15px;
}

.sidebar-nav .item:hover ._main p {
    display: block;
    max-width: 6rem;
}

.sidebar-nav .item:hover ._mains {
    display: block;
    border-radius: 0px;
    padding: 0px;
    width: 160px;
}

/* ============================================================================================================================
													crumb-box面包屑
===============================================================================================================================*/
.crumb {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    padding: 25px 0;
    margin-bottom: -10px;
}

.crumb span {
    display: block;
    font-size: 18px;
    line-height: 18px;
    color: #808080;
    margin-bottom: 10px;
    font-weight: 400;
}

.crumb a {
    display: block;
    font-weight: 400;
    font-size: 18px;
    line-height: 18px;
    color: #808080;
    margin-right: 4px;
    margin-bottom: 10px;
}

/* ============================================================================================================================
													临床服务样式
===============================================================================================================================*/
/* == 内页标题 ==*/
.wu_title {
    width: 100%;
    text-align: center;
    line-height: 1.4;
    margin-bottom: 5%;
}

.wu_title p, .wu_title2 p {
    font-size: 18px;
    color: #999999;
    margin-top: 0px;
}

.wu_title h2 {
    color: #2bc48a;
    margin-top: 4px;
    font-size: 40px;
    position: relative;
    z-index: 1;
}

.wu_title h2::after {
    content: '';
    position: absolute;
    background: #dddddd;
    width: 40px;
    height: 3px;
    z-index: 5;
    left: 50%;
    bottom: -25px;
    transform: translate(-50%, -50%);
}

.wu_title1 h2 {
    font-size: 32px;
    color: #333;
    font-weight: bold;
}

.wu_title1 p, .wu_title4 h2, .wu_title4 h2 {
    color: #fff;
}

.wu_title4 p {
    color: #ffb0b2;
}

.wu_title1 h2::after, .wu_title2 h2::after {
    background: #2bc48a;
}

.wu_title2 h2 {
    font-size: 32px;
    color: #333;
    font-weight: bold;
}

.wu_title4 h2::after {
    background: #ffffff;
}

@media (max-width: 992px) {
    .wu_title p {
        font-size: 14px;
    }

    .wu_title h2 {
        font-size: 28px;
    }

    .wu_title h2::after {
        bottom: -15px;
    }
}


/* == fw_box1 ==*/
.fw_box1 {
    overflow: hidden;
    margin-top: 64px;
}

.fw_box1 img {
    width: 100%;
    display: block;
}

@media (max-width: 992px) {
    .fw_box1 {
        margin: 0.7rem 0 0.2rem;
    }
}

/* == fw_box2 ==*/
.fw_box2 {
    padding: 64px 0;
    background-color: rgba(247, 247, 247, 1);
}

.fw_box2 ul {
    overflow: hidden;
    width: 101.5%;
}

.fw_box2 ul li {
    float: left;
    width: 23.5%;
    margin-right: 1.5%;
    margin-bottom: 0.3rem;
    background: #eee;
    text-align: center;
    border-radius: 5px;
    position: relative;
}

.fw_box2 ul li .pic {
    max-height: 400px;
    overflow: hidden;
    position: relative;
    border-radius: 5px;
}

.fw_box2 ul li .pic img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.fw_box2 ul li p {
    padding: 20px;
    position: absolute;
    width: 100%;
    bottom: 0px;
    left: 0px;
    border-radius: 5px;
    background: rgba(202, 43, 47, 0.5);
    font-size: 20px;
    color: #fff;
    font-weight: bold;
    text-transform: uppercase;
}

@media (max-width: 992px) {
    .fw_box2 {
        padding: 0.7rem 0;
    }
}

@media (max-width: 767px) {
    .fw_box2 ul, .fw_box2 ul li {
        width: 100%;
        padding: 0;
    }
}


/* == fw_box3 ==*/
.fw_box3 {
    padding: 64px 0;
}

.fw_box3 ._main {
    display: flex;
    flex-wrap: wrap;
    align-items: flex-start;
    justify-content: space-between;
}

.fw_box3 ._main ._left {
    position: relative;
    padding-left: 12px;
    min-width: 30%;

}

.fw_box3 ._main ._left::after {
    position: absolute;
    left: 0px;
    bottom: 0;
    background: #cb2b2f;
    width: 4px;
    height: 65px;
    content: '';
}

.fw_box3 ._main ._left p {
    font-size: 16px;
    color: #999999;
}

.fw_box3 ._main ._left h3 {
    font-size: 32px;
    color: #333;
    font-weight: bold;
    text-align: left;
    margin-top: 5px;
}

.fw_box3 ._main ._right {
    flex: 1;
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
}

.fw_box3 ._main ._right li {
    font-size: 20px;
    text-align: center;
}

.fw_box3 ._main ._right li span {
    color: #2bc48a;
}

@media (max-width: 992px) {
    .fw_box3 {
        padding: 0.7rem 0;
    }
}

@media (max-width: 767px) {
    .fw_box3 ._main ._left {
        margin-top: 0.15rem;
        text-align: center;
    }

    .fw_box3 ._main ._left h3 {
        text-align: center;
        font-size: 20px;
        margin: 0;
    }

    .fw_box3 ._main ._left::after {
        opacity: 0;
    }

    .fw_box3 ._main > div, .fw_box3 ._main ._right li {
        width: 100% !important;
    }

    .fw_box3 ._main ._right {
        flex-wrap: wrap;
    }
}

/* == fw_box4 ==*/
.fw_box4 {
    padding: 55px 0;
    overflow: hidden;
}

.fw_box4 ul {
    width: 90%;
    padding: 0 5%;
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    background: url(/static-cms-static-css-..-images-hx.png.jpg) no-repeat center 40%;
}

.fw_box4 ul li {
    display: flex;
    flex-direction: column;
    text-align: center;
}

.fw_box4 ul .pic {
    display: block;
    overflow: hidden;
    width: 113px;
    height: 113px;
    margin: 0 auto;
}

.fw_box4 ul img {
    display: block;
    max-width: 113px;
}

.fw_box4 ul h3 {
    font-size: 20px;
    margin: 20px auto 5px;
}

.fw_box4 ul p {
    font-size: 16px;
    color: #666;
    line-height: 1.5;
}

@media (max-width: 767px) {
    .fw_box4 {
        padding: 0.7rem 0;
    }

    .fw_box4 ul {
        width: 100%;
        padding: 0;
        flex-wrap: wrap;
        background: none;
    }

    .fw_box4 ul li {
        width: 50%;
        margin: 10px 0;
    }

    .fw_box4 ul .pic {
        width: 1.13rem;
        height: 1.13rem;
    }

    .fw_box4 ul img {
        max-width: 1.13rem;
    }
}

/* == fw_box5 ==*/
.fw_box5 {
    padding: 60px 0 75px;
    background-color: rgba(247, 247, 247, 1);
}

.fw_box5 .wu_title {
    margin-bottom: 4%;
}

.fw_box5 ul {
    overflow: hidden;
    display: flex;
    align-items: stretch;
    justify-content: space-between;
}

.fw_box5 ul li {
    flex: 1;
}

.fw_box5 ul li img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

@media (max-width: 767px) {
    .fw_box5 {
        padding: 0.7rem 0;
    }

    .fw_box5 ul {
        margin-top: 0.5rem;
        flex-wrap: wrap;
    }

    .fw_box5 ul li {
        flex: auto;
        width: 100%;
    }
}

/* == fw_box6 ==*/
.fw_box6 {
    padding: 60px 0 75px;
}

.fw_box6 ul {
    width: 100%;
    font-size: 0px;
    overflow: hidden;
}

.fw_box6 li {
    position: relative;
    vertical-align: top;
    display: inline-block;
    width: calc(100% / 6);
    height: 610px;
    background: #000;
    transition: all 0.8s;
    opacity: 1;
    vertical-align: top;
}

.fw_box6 li ._pic {
    position: absolute;
    height: 100%;
    width: 100%;
    object-fit: cover;
}

.fw_box6 li ._con {
    position: absolute;
    top: 0;
    left: 0;
    width: 90%;
    margin: 0 5%;
    z-index: 2;
    color: #ffffff;
    transition: all 1s;
    height: 100%;
    padding: 25px 0;
}

.fw_box6 li ._con h3 {
    text-align: center;
}

.fw_box6 li ._con p {
    font-size: 16px;
    opacity: 0;
    position: relative;
    margin-top: 20px;
    top: 20px;
    transition: all 1s;
}

.fw_box6 li::after {
    position: absolute;
    top: 0;
    left: 0%;
    content: '';
    background-color: rgba(0, 0, 0, 0.3);
    width: 100%;
    height: 100%;
    opacity: 0;
}

@media (min-width: 767px) {
    .fw_box6 li.on {
        width: calc(100% / 2);
    }

    .fw_box6 li.on ._con p {
        opacity: 1;
        margin-top: 0px;
        text-align: center;
    }

    .fw_box6 li.on::after {
        opacity: 1;
    }

}

@media (max-width: 767px) {
    .fw_box6 {
        padding: 0.7rem 0;
    }

    .fw_box6 ._main {
        margin-top: 30px;
    }

    .fw_box6 li {
        width: 50% !important;
        height: 27vh !important;
        vertical-align: top;
    }

    .fw_box6 li::after {
        opacity: 1;
    }

    .fw_box6 li ._con h3 {
        font-size: 20px;
    }

    .fw_box6 li ._con p {
        opacity: 1;
        margin-top: 10px;
        top: 0;
        font-size: 14px;
    }
}

/* == fw_box7 ==*/
.fw_box7 {
    padding: 0px 0 60px;
}

.fw_box7 ul {
    display: flex;
    justify-content: space-evenly;
    align-items: stretch;
    text-align: center;
}

.fw_box7 ul li {
    background: #fff;
    border-radius: 5px;
    box-shadow: 0 0 30px #fde1e1;
    padding: 2.5vw 1vw;
    flex-basis: 25%;
    margin: 10px;
    transition: 0.5s;
}

.fw_box7 ul li img {
    max-width: 90px;
}

.fw_box7 ul li h3 {
    margin: 10px 0;
    font-size: 24px;
    font-weight: bold;
    color: #000;
}

.fw_box7 ul li p {
    font-size: 16px;
    color: #666;
    line-height: 1.5;
}

@media (max-width: 767px) {
    .fw_box7 {
        padding: 0px 0 0.7rem;
    }

    .fw_box7 ul {
        flex-wrap: wrap;

    }

    .fw_box7 ul li {
        flex-basis: auto;
        width: 100%;
    }
}

/* == fw_box8 ==*/
.fw_box8 {
    padding: 75px 0;
    color: #ffffff;
}

.fw_box8 ._main {
    overflow: hidden;
    display: flex;
    align-items: stretch;
}

.fw_box8 ._main > div, .fw_box8 ._main > li, .fw_box8 ._main ._right .item {
    width: 50%;
}

.fw_box8 ._main li {
    position: relative;
}

.fw_box8 ._main h3 {
    font-size: 22px;
    font-weight: bold;
}

.fw_box8 ._main p {
    font-size: 16px;
    line-height: 26px;
    margin-top: 8px;
}

.fw_box8 ._main li > dl {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    padding: 0 20px 25px;
}

.fw_box8 ._main ._left {
    height: 5rem;
    min-height: 400px;
}

.fw_box8 ._main ._right {
    display: flex;
    align-items: stretch;
    flex-wrap: wrap;
}

.fw_box8 ._main ._right li {
    height: 2.5rem;
    min-height: 200px;
}

.fw_box8 ._main ._right ._bottom {
    width: 100%;
}

@media (max-width: 767px) {
    .fw_box8 {
        padding: 0.7rem 0;
    }

    .fw_box8 ._main {
        flex-direction: column;
    }

    .fw_box8 ._main > div, .fw_box8 ._main > li {
        width: 100%;
    }

    .fw_box8 ._main ._left {
        height: 400px;
    }

    .fw_box8 ._main ._right li {
        height: 200px;
    }
}

/* == fw_box9==*/
.fw_box9 {
    padding: 75px 0;
}

.fw_box9 ul {
    display: flex;
    justify-content: space-evenly;
    align-items: stretch;
    text-align: center;
    width: 101%;
    margin-left: -0.5%;
}

.fw_box9 ul li {
    background: #f7f7f7;
    border-radius: 5px;
    padding: 3.5vw 1vw;
    transition: 0.5s;
    flex-basis: 25%;
    margin: 10px 0.5%;
}

.fw_box9 ul li img {
    max-width: 90px;
}

.fw_box9 ul li p {
    margin-top: 25px;
    font-size: 18px;
    line-height: 2;
}

.fw_box9 ul li:hover {
    background: linear-gradient(#fe7e81, #d64144);
    transition: 0.5s;
}

.fw_box9 ul li:hover img {
    filter: grayscale(100%) brightness(333%);
}

.fw_box9 ul li:hover p {
    color: #fff;
}


@media (max-width: 767px) {
    .fw_box9 {
        padding: 0.7rem 0;
    }

    .fw_box9 ul {
        flex-wrap: wrap;

    }

    .fw_box9 ul li {
        flex-basis: auto;
        width: 100%;
    }
}

/* == fw_box10 ==*/
.fw_box10 {
    padding: 75px 0;
    background-color: rgba(247, 247, 247, 1);
}

.fw_box10 ul {
    display: flex;
    justify-content: space-between;
    align-items: stretch;
    text-align: center;
}

.fw_box10 ul li {
    position: relative;
    width: 32%;
    height: 320px;
    border-radius: 16px;
    overflow: hidden;
}

.fw_box10 ul li > dl {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    text-align: center;
    color: #fff;
    z-index: 2;
}

.fw_box10 ul li > dl h3 {
    font-size: 26px;
    font-weight: bold;
    margin-bottom: 5px;
}

.fw_box10 ul li::after {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.5);
    content: '';
    opacity: 0;
}

.fw_box10 ul li:hover::after {
    opacity: 1;
}

/* ============================================================================================================================
													临床服务样式
===============================================================================================================================*/

/* == js_box ==*/
.js_box {
    width: 100%;
    padding: 0.8rem 0;
    overflow: hidden;
}

.js_box ul {
    padding: 60px 0;
    flex-wrap: nowrap;
    display: flex;
    justify-content: center;
    align-items: center;
}

.js_box ul li {
    flex-grow: 1;
}

.js_box ul dl {
    color: #333333;
    line-height: 1.1;
    font-family: 'Oswald', arial;
    text-align: center;
    font-size: 22px;
}

.js_box ul dl h3 {
    display: inline;
    font-size: 60px;
    color: #2bc48a;
}

.js_box ul dl span {
    color: #2bc48a;
    font-size: 44px;
}

.js_box ul p {
    font-size: 20px;
    text-align: center;
    color: #666;
    line-height: 30px;
}

@media (max-width: 767px) {

    .js_box ul {
        flex-wrap: wrap;
        padding: 0.6rem 0 0;
    }

    .js_box ul dl h3 {
        font-size: 26px;
        margin-right: 10px;
    }

    .js_box ul li {
        flex-basis: 50%;
        padding-left: 0%;
        margin-bottom: 10px;
    }
}

/* == js_box1 ==*/
.js_box1 {
    overflow: hidden;
}

.js_box1 ._main, .js_box1 ._main img {
    display: block;
    max-width: 100%;
    margin: 0 auto;
    overflow: hidden;
}

/* == js_box2 ==*/
.js_box2 {
    padding: 0.8rem 0;
    background-color: rgba(247, 247, 247, 1);
}

.js_box2 ._main {
    overflow: hidden;
}

.js_box2 ._main ul {
    display: flex;
    flex-wrap: wrap;
}

.js_box2 ._main ul li {
    width: 25%;
    height: 400px;
    border: 1px solid #eee;
    position: relative;
    transition: 0.5s;
}

.js_box2 ._main ul li ._con {
    width: 100%;
    height: 100%;
    padding: 48px 25px;
    position: relative;
    z-index: 9;
    transition: 0.5s;
    border-top: 3px solid rgba(255, 255, 255, 0);
}

.js_box2 ._main ul li h3 {
    color: #2bc48a;
    font-size: 22px;
    font-weight: bold;
}

.js_box2 ._main ul li p {
    color: #666666;
    font-size: 14px;
    line-height: 2;
    max-height: 250px;
    overflow-y: auto;
}

.js_box2 ._main ul li .xian {
    width: 25px;
    height: 2px;
    background: #ddd;
    margin: 20px 0;
}

.js_box2 ._main ul li:hover ._con {
    background: rgba(202, 43, 47, 0.5);
    border-top: 3px solid rgb(202 43 47);
}

.js_box2 ._main ul li:hover p, .js_box2 ._main ul li:hover h2 {
    color: #fff;
}

@media (max-width: 767px) {
    .js_box2 ._main ul li {
        width: 100%;
    }
}


/* == js_box3 ==*/
.js_box3 {
    padding: 0.8rem 0;
}

.js_box3 ul {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    -moz-flex-wrap: wrap;
    flex-wrap: wrap;
    width: 102%;
}

.js_box3 ul li {
    width: 23%;
    margin-right: 2%;
    margin-bottom: 30px;
}

.js_box3 ul li a {
    max-height: 400px;
    overflow: hidden;
    position: relative;
    border-radius: 5px;
    display: block;
}

.js_box3 ul li img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.js_box3 ul li p {
    padding: 20px;
    position: absolute;
    width: 100%;
    bottom: 0px;
    left: 0px;
    border-radius: 5px;
    background: rgba(255, 255, 255, 0.5);
    font-size: 20px;
    color: #000;
    font-weight: bold;
    text-transform: uppercase;
    text-align: center;
}

@media (max-width: 992px) {
    .js_box3 ._main ul li {
        width: 48%;
    }
}

@media (max-width: 767px) {
    .js_box3 ._main ul {
        width: 100%;
    }

    .js_box3 ._main ul li {
        width: 100%;
        margin: 15px 0 0px;
    }
}

/* == js_box4 ==*/
.js_box4 {
    padding: 0.8rem 0;
    overflow: hidden;
}

.js_box4 ._main, .js_box4 ._main img {
    display: block;
    max-width: 100%;
    margin: 0 auto;
    overflow: hidden;
}

.js_box4 ._con {
    width: 100%;
    max-width: 680px;
    height: auto;
    margin: 0 auto;
    padding: 0px;
    background: url(/uploads-image-20230216-0f4b96f19b32901badc4c85baa9973ad.png.jpg) no-repeat center;
    color: #ffffff;
    font-size: 24px;
    line-height: 2;
    text-align: center;
}

@media (max-width: 767px) {
    .js_box4 ._con {
        display: none;
    }
}


/* ============================================================================================================================
												 内页样式
===============================================================================================================================*/
.list_main {
    overflow: hidden;
    padding: 150px 0 70px;
}

.box_left {
    float: left;
}

.box_right {
    overflow: hidden;
}

.dropload-noData {
    font-size: 14px;
}

.dropload-noData1 {
    font-size: 16px;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #666;
}

.dropload-noData1 i {
    font-size: 32px;
    color: #09bb07;
    padding-right: 3px;
}

/* ============================================================================================================================
													文章列表样式
===============================================================================================================================*/
.list_article {
    padding: 80px 50px 100px;
    background: #f3f3f3;
}

.list_article_tab {
    display: flex;
    justify-content: center;
    align-items: center;
}

.list_article_tab a {
    display: block;
    width: 178px;
    height: 44px;
    line-height: 44px;
    text-align: center;
    font-size: 22px;
    color: #333;
    /* background: url('/static-cms-static-css-..-images-news_tab.png.jpg') no-repeat center center;
    background-size: 100% 100%; */
    border-radius: 8px;
    border: 1px solid #333;
}

.list_article_tab a.active, .list_article_tab a:hover {
    width: 178px;
    height: 44px;
    line-height: 44px;
    color: #fff;
    background: #1894da;
    border-color: #1894da;
    /* background: url('/static-cms-static-css-..-images-news_active_tab.png.jpg') no-repeat center center;
    background-size: 100% 100%; */
}

.list_article_tab a:first-child {
    margin-right: 30px;
}

.list_article_banner {
    margin-top: 70px;
}

.article_banner {
    display: none;
}

.article_banner.on {
    display: block;
}

.article_banner ul li a {
    display: flex;
    width: 100%;
}

.article_pic {
    width: 50%;
    max-height: 510px;
}

.article_pic img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.article_info {
    width: 50%;
    padding: 100px 50px;
    background: #fff;
}

.article_time {
    display: flex;
    align-items: center;
}

.article_time p {
    font-size: 22px;
    line-height: 24px;
    color: #444444;
    margin-right: 10px;
}

.article_time span {
    display: block;
    width: 89px;
    height: 30px;
    line-height: 30px;
    text-align: center;
    font-size: 16px;
    color: #666;
    /* background: url('/static-cms-static-css-..-images-news_sub_desc.png.jpg') no-repeat center center;
    background-size: 100% 100%; */
    border: 1px solid #333;
    border-radius: 6px;
}

.article_info h2 {
    font-size: 30px;
    line-height: 30px;
    font-weight: bold;
    color: #333;
    margin-top: 30px
}

.article_desc {
    margin-top: 30px;
    font-size: 16px;
    line-height: 24px;
    height: 96px;
    color: #666666;
}

.article_info .article_more:hover {
    /* background: url('/static-cms-static-css-..-images-more/border/bg/2x.png.jpg') no-repeat center center;
    background-size: 178px 44px; */
    background: #1894da;
    border-color: #1894da;
}

.article_info .article_more:hover i {
    background: url('/static-cms-static-css-..-images-more/btn/active.png.jpg') no-repeat center center;
    background-size: 28px;
}

.article_info .article_more:hover p {
    color: white;
}

.article_info .article_more {
    margin-top: 50px;
    width: 178px;
    height: 44px;
    /* background: url('/static-cms-static-css-..-images-more/border/2x.png.jpg') no-repeat center center;
    background-size: 178px 44px; */
    border: 1px solid #333;
    border-radius: 8px;
}

.article_info .article_more p {
    font-size: 22px;
    line-height: 28px;
    /* margin-right: 8px; */
    color: #333333;
}

.article_more_content {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 178px;
    height: 44px;
}

.article_info .article_more i {
    /* display: block; */
    width: 28px;
    height: 28px;
    background: url('/static-cms-static-css-..-images-more/btn/2x.png.jpg') no-repeat center center;
    background-size: 28px;
    display: none;
}

.article_banner ul li {
    padding-bottom: 50px;
}

.article_banner .article_spanbox {
    position: absolute;
    bottom: 0;
    height: 10px;
    display: flex;
    justify-content: center;
}

.article_banner .article_spanbox span {
    display: block;
    width: 10px;
    height: 10px;
    border-radius: 50%;
    background: #555;
}

.article_banner .article_spanbox span.swiper-pagination-bullet-active {
    background: #13418E;
}

.list_article_content {
    margin-top: 80px;
    display: flex;
}

.list_article_content_left {
    width: 30%;
    max-width: 376px;
    margin-right: 20px;
}

.list_article_hot {
    padding: 30px 20px;
    background: #fff;
    box-shadow: 0 0px 10px rgba(0, 0, 0, .1);
}

.list_article_hot h4 {
    font-size: 24px;
    line-height: 24px;
    color: #333;
    font-weight: bold;
}

.list_article_content_left ul {
    margin-top: 10px;
    display: none;
}

.list_article_content_left ul.on {
    display: block;
}

.list_article_content_left ul li a {
    display: flex;
    align-items: center;
}

.list_article_content_left ul li a span {
    display: block;
    font-size: 24px;
    line-height: 52px;
    font-weight: bold;
    font-style: italic;
    color: #999999;
    margin-right: 12px;
}

.list_article_content_left ul li a p {
    font-size: 16px;
    line-height: 52px;
    color: #666;
}

.list_article_content_left ul li:hover a p {
    color: #1894da;
}

.list_article_content_left ul li:first-child a span {
    color: #1894da;
}

.list_article_content_left ul li:nth-child(3) a span {
    color: #1894da;
}

.list_article_content_left ul li:nth-child(2) a span {
    color: #1894da;
}

.list_article_content_right {
    flex: 1;
    overflow: hidden;
}

.list_article_recommon {
    margin-top: 30px;
    padding: 30px 20px;
    background: #fff;
    box-shadow: 0 0px 10px rgba(0, 0, 0, .1);
}

.list_article_recommon h4 {
    font-size: 24px;
    line-height: 24px;
    color: #333;
    font-weight: bold;
}

.list_article_recommon ul {
    margin-top: 10px;
}

.list_article_recommon ul li {
    border-bottom: 1px solid #E3E3E3;
}

.list_article_recommon ul li:last-child {
    border-bottom: none;
}

.list_article_recommon ul li a {
    padding: 20px 0;
}

.list_article_recommon ul li a p {
    font-size: 16px;
    line-height: 24px;
    color: #666;
}

.article_list_banner {
    padding-bottom: 100px;
}

.article_list_banner .article_list_li {
    width: 100%;
    margin-bottom: 20px;
    background: #fff;
}

.article_list_banner .article_list_li:hover .article_list_info_main h2 {
    color: #1894da;
}

.article_list_banner .article_list_li:hover .article_list_time span {
    color: #1894da;
}

.article_list_li a {
    display: flex;
    margin-bottom: 21px;
    box-shadow: 0px 10px 38px 2px rgba(130, 130, 130, 0.1);
    height: 200px;
}

.article_list_li a:hover .article_list_info_main h2,
.article_list_li a:hover .article_list_time span {
    color: #1894DA;
}

.article_list_li a:hover .article_list_pic img {
    transform: scale(1.1);
    transition: all 0.3s ease-in-out;
}

.article_list_pic {
    width: 33%;
    position: relative;
    overflow: hidden;
    padding-bottom: 15%;
}

.article_list_pic img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    margin: auto;
}

.article_list_info {
    flex: 1;
    overflow: hidden;
    /*display: flex;*/
    align-items: center;
    padding: 25px 0;
}

.article_list_time {
    padding: 0 30px;
    display: flex;
    align-items: center;
}

.article_list_time .pxbox {
    display: flex;
    flex-direction: column;
    margin-right: 20px;
    flex: 0.17;
}

.article_list_time span {
    display: block;
    font-size: 45px;
    text-align: center;
    color: #333333;
    font-weight: bold;
}

.article_list_time p {
    font-size: 18px;
    color: #333;
    text-align: center;
    margin-top: 10px;
}

.article_list_info_main {
    padding: 20px;
    flex: 0.83;
    border-left: 1px solid #E3E3E3;
    overflow: hidden;
    height: 147px;
}

.article_list_info_main span {
    display: none;
}

.article_list_info_main h2 {
    font-size: 22px;
    line-height: 24px;
    color: #333;
    font-weight: bold;
}

.article_list_info_main p {
    font-size: 16px;
    line-height: 24px;
    color: #666;
    margin-top: 20px;
}

.article_list_banner .news-next {
    top: initial;
    left: initial;
    bottom: 0;
    right: 50%;
    transform: translateY(0) translateX(calc(50% + 45px));
}

.article_list_banner .news-prev {
    top: initial;
    right: initial;
    left: 50%;
    bottom: 0;
    transform: translateY(0) translateX(calc(-50% - 45px));
}

@media (max-width: 1400px) {
    .article_list_time {
        padding: 0 25px;
    }

    .article_list_info {
        padding: 20px 0;
    }

    .article_list_info_main {
        padding: 0 15px;
    }

    .article_list_info_main p {
        margin-top: 15px;
    }
}

@media (max-width: 1500px) {
    .list_article {
        padding: 80px 0 100px;
    }
}

@media (max-width: 1200px) {
    .article_list_pic {
        padding-bottom: 20%;
    }

    .list_article {
        padding: 90px 0;
    }

    .list_article_content {
        margin-top: 100px;
        flex-wrap: wrap;
        flex-direction: column-reverse;
    }

    .list_article_content_left {
        width: 100%;
        max-width: initial;
        margin-right: 0;
        margin-top: 80px;
    }

    .list_article_content_right {
        width: 100%;
        flex: none;
    }

    .article_list_banner .news-next {
        display: block;
    }

    .article_list_banner .news-prev {
        display: block;
    }

    .article_list_banner {
        padding-bottom: 160px;
    }

    .list_article_recommon {
        margin-top: 40px;
    }

    /* .article_list_info{
        padding: 15px;
    }
    .article_list_info_main{
        padding: 10px;
    }
    .article_list_info_main p{
        margin-top: 10px;
    } */
}

@media (max-width: 980px) {
    .article_banner ul li a {
        flex-wrap: wrap;
    }

    .article_pic {
        width: 100%;
        padding-bottom: 60%;
        position: relative;
    }

    .article_pic img {
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
        width: 100%;
        height: 100%;
        object-fit: cover;
    }

    .article_info {
        width: 100%;
    }

    .article_info {
        padding: 70px 50px;
    }

    .article_info h2 {
        /* font-size: 35px;
        line-height: 35px; */
    }

    .article_desc {
        font-size: 22px;
        line-height: 34px;
        height: 136px;
    }

    .article_banner ul li {
        padding-bottom: 70px;
    }

    .article_list_li a {
        flex-wrap: wrap;

    }

    .article_list_pic {
        width: 100%;
        padding-bottom: 0;
    }

    .article_list_pic img {
        position: relative;
        width: 100%;
        height: auto;
        object-fit: initial;
    }

    .article_list_info {
        flex: none;
        width: 100%;
    }

    .article_list_time {
        display: none;
    }

    .article_list_info_main span {
        display: block;
        font-size: 22px;
        line-height: 24px;
        color: #666;
    }

    .article_list_info {
        padding: 70px 50px 90px;
    }

    .article_list_info_main {
        padding: 0;
        border-left: none;
    }

    .article_list_info_main h2 {
        font-size: 30px;
        line-height: 30px;
        margin-top: 30px;
    }

    .article_list_info_main p {
        margin-top: 30px;
        font-size: 22px;
        line-height: 34px;
    }

    .list_article_hot h4 {
        font-size: 30px;
        line-height: 30px;
    }

    .list_article_content_left ul li a span {
        font-size: 22px;
        line-height: 60px;
    }

    .list_article_content_left ul li a p {
        font-size: 22px;
        line-height: 60px;
    }

    .list_article_recommon h4 {
        font-size: 30px;
        line-height: 30px;
    }

    .list_article_recommon ul li a p {
        font-size: 22px;
        line-height: 34px;
    }

    .list_article_recommon ul li a {
        padding: 30px 0;
    }

    .list_article_hot {
        padding: 60px 30px;
    }

    .list_article_content_left ul {
        margin-top: 30px;
    }

    .list_article_recommon {
        padding: 60px 30px;
    }

    .list_article_content_left ul {
        margin-top: 15px;
    }
}

@media (max-width: 760px) {
    .list_article {
        padding: 50px 0;
    }

    .list_article_banner {
        margin-top: 30px;
    }

    .article_info {
        padding: 30px 20px;
    }

    .article_time p {
        font-size: 16px;
    }

    .article_time span {
        width: auto;
        height: 28px;
        display: flex;
        align-items: center;
        background: none;
        /* border: 1px solid #000; */
        padding: 0 15px;
        /* border-radius: 15px; */
        border-radius: 6px;
        font-size: 14px;
        line-height: 28px;
    }

    .article_info h2 {
        font-size: 20px;
        line-height: 20px;
        margin-top: 20px;
    }

    .article_desc {
        font-size: 16px;
        line-height: 24px;
        height: 96px;
        margin-top: 15px;
    }

    .article_list_banner .news-prev {
        width: 50px;
        height: 50px;
    }

    .article_list_banner .news-next {
        width: 50px;
        height: 50px;
    }

    .article_list_info {
        padding: 30px 20px 50px;
    }

    .article_list_info_main span {
        font-size: 16px;
    }

    .article_list_info_main h2 {
        font-size: 20px;
        line-height: 20px;
        margin-top: 15px;
    }

    .article_list_info_main p {
        font-size: 16px;
        line-height: 24px;
        margin-top: 15px;
    }

    .article_list_banner {
        padding-bottom: 65px;
    }

    .list_article_content_left {
        margin-top: 50px
    }

    .list_article_hot {
        padding: 30px 20px;
    }

    .list_article_hot h4 {
        font-size: 20px;
        line-height: 20px;
    }

    .list_article_content_left ul li a span {
        font-size: 20px;
        line-height: 35px;
    }

    .list_article_content_left ul li a p {
        font-size: 16px;
        line-height: 35px;
    }

    .list_article_content_left ul {
        margin-top: 10px;
    }

    .list_article_recommon {
        margin-top: 30px;
        padding: 30px 20px;
    }

    .list_article_recommon h4 {
        font-size: 20px;
        line-height: 20px;
    }

    .list_article_recommon ul li a {
        padding: 10px 0;
    }

    .list_article_recommon ul li a p {
        font-size: 16px;
        line-height: 24px;
    }

    .list_article_content_left ul {
        margin-top: 5px;
    }

    .article_banner ul li {
        padding-bottom: 40px;
    }

    .list_article_content {
        margin-top: 50px;
    }

    .list_article_tab a {
        display: flex;
        align-items: center;
        line-height: normal;
        font-size: 16px;
        width: auto;
        padding: 0 15px;
        height: 32px;
        background: none;
        border: 1px solid #333333;
        border-radius: 6px;
    }

    .list_article_tab a:first-child {
        margin-right: 15px;
    }

    .list_article_tab a.active, .list_article_tab a:hover {
        width: auto;
        height: 32px;
        line-height: normal;
        color: #fff;
        background: #1894da;
        border-color: #1894da;
    }
}

@media (max-width: 540px) {
    .article_info h2 {
        font-size: 16px;
        line-height: 16px;
    }

    .article_time p {
        font-size: 14px;
    }

    .article_desc {
        font-size: 14px;
        line-height: 20px;
        height: auto;
    }

    .article_list_info_main span {
        font-size: 14px;
        line-height: 22px;
    }

    .article_list_info_main h2 {
        font-size: 16px;
        line-height: 16px;
    }

    .article_list_info_main p {
        font-size: 14px;
        line-height: 20px;
        height: auto;
    }
}

/* ============================================================================================================================
													图文列表样式
===============================================================================================================================*/
.list_multi_main {
    padding: 150px 0 70px;
}

.list_multi {
    width: 100%;
}

.list_multi ul {
    display: flex;
    flex-wrap: wrap;
    padding: 0 30px;
}

.list_multi ul li {
    width: calc((100% - 60px) / 3);
    margin-right: 30px;
    margin-bottom: 30px;
}

.list_multi ul li:nth-child(3n) {
    margin-right: 0;
}

.list_multi ul li a {
    display: block;
}

.list_multi ul li a .pic {
    overflow: hidden;
}

.list_multi ul li a .pic img {
    width: 100%;
    transition: all 0.5s linear;
    height: auto;

}

.list_multi ul li:hover a .pic img {
    transform: scale(1.1);
}

.list_multi ul li:hover a dl {
    color: #1894DA;
}

.list_multi ul li a dl {
    margin-top: 50px;
    font-size: 34px;
    line-height: 34px;
    color: #333;
}

.list_multi ul li a dd {
    font-size: 18px;
    line-height: 28px;
    margin-top: 10px;
    color: #333;
    margin-bottom: 45px;
}

.list_multi_more {
    margin: auto;
    width: max-content;
}

.list_multi_more p {
    font-size: 22px;
    line-height: 30px;
    padding-bottom: 25px;
    color: #333;
    position: relative;
    animation: listMultiMore 3s linear infinite;
    cursor: pointer;
}

.list_multi_more p::before {
    content: '';
    display: block;
    width: 20px;
    height: 12px;
    position: absolute;
    bottom: 8px;
    left: 50%;
    transform: translateX(-50%);
    background: url('/static-cms-static-css-..-images-list_multi_before.png.jpg') no-repeat center center;
    background-size: contain;
}

.list_multi_more p::after {
    content: '';
    display: block;
    width: 20px;
    height: 12px;
    position: absolute;
    bottom: 0;
    left: 50%;
    transform: translateX(-50%);
    background: url('/static-cms-static-css-..-images-list_multi_after.png.jpg') no-repeat center center;
    background-size: contain;
}

@keyframes listMultiMore {
    from {
        transform: translateY(0);
    }
    50% {
        transform: translateY(-20px);
    }
    to {
        transform: translateY(0);
    }
}

@-webkit-keyframes listMultiMore {
    from {
        -webkit-transform: translateY(0);
    }
    50% {
        -webkit-transform: translateY(-20px);
    }
    to {
        -webkit-transform: translateY(0);
    }
}

@media (max-width: 1200px) {
    .list_multi_main {
        padding: 100px 0 60px;
    }

    .list_multi ul {
        padding: 0;
    }

    .list_multi ul li {
        width: calc((100% - 15px) / 2);
        margin-right: 15px;
        margin-bottom: 30px;
    }

    .list_multi ul li:nth-child(3n) {
        margin-right: 15px;
    }

    .list_multi ul li:nth-child(2n) {
        margin-right: 0;
    }

    .list_multi ul li a dl {
        margin-top: 30px;
    }

    .list_multi ul li a dd {
        margin-bottom: 30px;
    }
}

@media (max-width: 760px) {
    .list_multi_more p {
        font-size: 18px;
        padding-bottom: 20px;
    }

    .list_multi_more p::before {
        width: 18px;
        height: 10px;
    }

    .list_multi_more p::after {
        width: 18px;
        height: 10px;
    }

    .list_multi_main {
        padding: 50px 0 50px;
    }

    .list_multi ul li {
        margin-right: 10px;
        margin-bottom: 10px;
    }

    .list_multi ul li:nth-child(3n) {
        margin-right: 10px;
    }

    .list_multi ul li:nth-child(2n) {
        margin-right: 0px;
    }

    .list_multi ul li a dl {
        font-size: 18px;
        line-height: 18px;
        margin-top: 15px;
    }

    .list_multi ul li a dd {
        margin-top: 5px;
        margin-bottom: 5px;
        font-size: 14px;
        line-height: 20px;
    }

    .list_multi_more p {
        font-size: 16px;
        line-height: 28px;
    }

    .list_multi_more p::before {
        width: 16px;
    }

    .list_multi_more p::after {
        width: 16px;
    }
}

@media (max-width: 540px) {

}

/* 图文详情 */
.multi_detail {
    padding: 100px 0;
}

.multi_detail_top {
    /*padding: 0 50px;*/
    display: flex;
    align-items: center;
    flex-wrap: wrap;
}

.multi_detail_top .pic {
    width: 48%;
    margin-left: 4%;
    position: relative;
}

.multi_detail_top .pic p {
    position: absolute;
    font-size: 22px;
    line-height: 30px;
    color: #fff;
    text-align: center;
}

.multi_detail_top .pic p span {
    display: block;
    font-size: 85px;
    line-height: 85px;
}

.multi_detail_top .pic p.p1 {
    top: 29%;
    right: 40%;
    transform: translate(50%, -50%);
}

.multi_detail_top .pic p.p2 {
    top: 47%;
    right: 16%;
    color: #fff;
    transform: translate(50%, -50%);
}

.multi_detail_top .pic p.p3 {
    bottom: 20.5%;
    right: 28.5%;
    transform: translate(50%, 50%);
}

.multi_detail_top .pic p.p4 {
    bottom: 20.5%;
    right: 52.7%;
    transform: translate(50%, 50%);
}

.multi_detail_top .pic p.p5 {
    bottom: 28.5%;
    left: 21%;
    color: #fff;
    transform: translate(-50%, 50%);
}

.multi_detail_top .pic p.p6 {
    top: 46%;
    left: 15.5%;
    transform: translate(-50%, -50%);
}

.multi_detail_top .pic p.p7 {
    top: 22.5%;
    left: 28%;
    transform: translate(-50%, -50%);
}

.multi_detail_top .pic p.p8 {
    top: 10%;
    left: 44%;
    transform: translate(-50%, -50%);
}

.multi_detail_top .pic p.p9 {
    bottom: 46%;
    left: 37.2%;
    transform: translate(-50%, 50%);
}

.multi_detail_top .pic img {
    width: 100%;
}

@media (max-width: 1600px) {
    .multi_detail_top .pic p {
        font-size: 18px;
        line-height: 26px;
    }

    .multi_detail_top .pic p span {
        font-size: 70px;
        line-height: 70px;
    }
}

@media (max-width: 1200px) {
    .multi_detail_top .pic p {
        font-size: 22px;
        line-height: 30px;
    }

    .multi_detail_top .pic p span {
        font-size: 85px;
        line-height: 85px;
    }
}

@media (max-width: 760px) {
    .multi_detail_top .pic p {
        font-size: 16px;
        line-height: 24px;
    }

    .multi_detail_top .pic p span {
        font-size: 48px;
        line-height: 48px;
    }
}

@media (max-width: 530px) {
    .multi_detail_top .pic p {
        font-size: 12px;
        line-height: 18px;
    }

    .multi_detail_top .pic p span {
        font-size: 40px;
        line-height: 40px;
    }
}

.multi_detail_top_right {
    width: 48%;
}

.multi_detail_top_right h2 {
    font-size: 54px;
    line-height: 54px;
    color: #333;
    font-weight: bold;
}

.multi_detail_top_right p {
    margin-top: 54px;
    font-size: 22px;
    line-height: 30px;
    color: #333;
}

.multi_detail_top_right .more {
    margin-top: 58px;
    font-size: 22px;
}

.multi_detail_top_right .more p {
    margin-top: 0;
}

/*.multi_detail_content {*/
/*    padding: 130px 50px 0;*/
/*}*/
.multi_detail_content {
    margin-top: 60px;
}

.multi_detail_content .title h2 {
    font-weight: bold;
    font-size: 54px;
    color: #333333;
    text-align: left;
}

.multi_detail_content .title p {
    color: rgba(189, 187, 187, 0.15);
}

.multi_detail_content_main {
    margin-top: 33px;
    font-size: 18px;
    line-height: 30px;
    color: #333;
    font-size: 22px;
    text-align: center;
}

.multi_detail_content img {
    margin-top: 33px;
    width: 100%;
}

/*.multi_detail_advantage {*/
/*    padding: 130px 50px 0;*/
/*}*/
.multi_detail_advantage {
    margin-top: 60px;
}

.multi_detail_advantage .title h2 {
    font-weight: bold;
    font-size: 43px;
    color: #333333;
    text-align: left;
}

.multi_detail_advantage .title p {
    color: rgba(189, 187, 187, 0.15);
}

.multi_detail_advantage_content {
    margin-top: 26px;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
}

.multi_detail_advantage_left {
    width: 49%;
    margin-right: 6%;
    background: url(/static-cms-static-css-..-images-58a3c14613a39c3f55dc33a2b1e4be59.png.jpg);
    background-repeat: no-repeat;
    background-position: center;
}

.multi_detail_advantage_left ul {
    position: relative;
}

.multi_detail_advantage_bg {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 80%;
}

.multi_detail_advantage_bg img {
    width: 100%;
    height: auto;
}

.multi_detail_advantage_content .pic {
    width: 45%;
}

.multi_detail_advantage_left ul li {
    margin-bottom: 25px;
}

.multi_detail_advantage_left ul li h4 {
    font-size: 32px;
    padding-left: 12px;
    line-height: 32px;
    color: #333;
    position: relative;
}

.multi_detail_advantage_left ul li h4 i {
    display: block;
    background: url('/static-cms-static-css-..-images-detail_advantage_line.png.jpg') no-repeat center center;
    background-size: 100% 100%;
    width: 5px;
    height: 22px;
    position: absolute;
    top: 50%;
    left: 0;
    transform: translateY(-50%);
}

.multi_detail_advantage_left ul li p {
    font-size: 18px;
    line-height: 28px;
    color: #333;
    margin-top: 15px;
}

/*.multi_detail_domain {*/
/*    padding: 130px 20px 0;*/
/*}*/
.multi_detail_domain {
    margin-top: 60px;
}

.multi_detail_domain .title h2 {
    font-weight: bold;
    font-size: 43px;
    color: #333333;
    text-align: left;
}

.multi_detail_domain .title p {
    color: rgba(189, 187, 187, 0.15);
}

.multi_detail_domain_content {
    margin-top: 33px;
}

.multi_detail_domain_content ul {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}

.multi_detail_domain_content ul li {
    width: calc((100% - 80px) / 3);
    margin-right: 20px;
    margin-bottom: 20px;
}

/*.multi_detail_domain_content ul li:nth-child(5n) {*/
/*    margin-right: 0;*/
/*}*/

.multi_detail_domain_content ul li .pic {
    width: 100%;
    position: relative;
    overflow: hidden;
    border-radius: 6px;
}

.multi_detail_domain_content ul li .pic .img img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: all 0.5s linear;
}

.multi_detail_domain_content ul li:hover .pic img {
    transform: scale(1.1);
}

.multi_detail_domain_content ul li .pic p {
    font-size: 22px;
    margin-top: 15px;
    color: #2e2e2e;
}

.multi_detail_domain_content ul li .pic .img {
    overflow: hidden;
    border-radius: 6px;
    height: 300px;
}

@media (max-width: 1600px) {
    .multi_detail_advantage_left ul li {
        margin-bottom: 20px;
    }

    .multi_detail_advantage_left ul li p {
        margin-top: 10px;
    }
}

@media (max-width: 1200px) {
    .multi_detail {
        padding: 60px 0;
    }

    .multi_detail_top {
        padding: 0;
    }

    .multi_detail_top .pic {
        width: 100%;
        margin-right: 0;
        text-align: center;
    }

    .multi_detail_top_right {
        width: 100%;
        margin-top: 50px;
    }

    .multi_detail_top_right p {
        margin-top: 30px;
    }

    .multi_detail_top_right h2 {
        text-align: center;
    }

    .multi_detail_top_right .more {
        margin: auto;
        margin-top: 50px;
    }

    .multi_detail_content_main {
        margin-top: 30px;
    }

    .multi_detail_content img {
        margin-top: 40px;
    }

    .multi_detail_content {
        padding: 80px 0 0;
    }

    .multi_detail_advantage {
        padding: 80px 0 0;
    }

    .multi_detail_advantage_content {
        margin-top: 30px;
        flex-direction: column-reverse;
    }

    .multi_detail_advantage_left {
        width: 100%;
        margin-right: 0;
        margin-top: 50px;
    }

    .multi_detail_advantage_content .pic {
        width: 100%;
        text-align: center;
    }

    .multi_detail_advantage_left ul li h4 {
        /* font-size: 33px;
        line-height: 33px; */
    }

    .multi_detail_advantage_left ul li p {
        /* font-size: 22px;
        line-height: 35px; */
        margin-top: 15px;
    }

    .multi_detail_advantage_left ul li {
        margin-bottom: 30px;
    }

    .multi_detail_advantage_left ul li:last-child {
        margin-bottom: 0;
    }

    .multi_detail_domain {
        padding: 80px 0 0;
    }

    .multi_detail_domain_content {
        margin-top: 30px;
    }

    .multi_detail_domain_content ul li {
        width: calc((100% - 20px) / 3);
        margin-right: 10px;
        margin-bottom: 10px;
    }

    .multi_detail_domain_content ul li:nth-last-child(5n) {
        margin-right: 10px;
    }

    .multi_detail_domain_content ul li:nth-child(3n) {
        margin-right: 0;
    }
}

@media (max-width: 760px) {
    .multi_detail {
        padding: 40px 0;
    }

    .multi_detail_top_right {
        margin-top: 30px;
    }

    .multi_detail_top_right h2 {
        font-size: 24px;
        line-height: 24px;
    }

    .multi_detail_top_right p {
        font-size: 16px;
        line-height: 24px;
    }

    .multi_detail_top_right p {
        margin-top: 30px;
    }

    .multi_detail_top_right .more {
        margin-top: 30px;
    }

    .multi_detail_content {
        padding: 50px 0 0;
    }

    .multi_detail_content_main {
        margin-top: 30px;
        font-size: 16px;
        line-height: 24px;
    }

    .multi_detail_content img {
        margin-top: 20px;
    }

    .multi_detail_advantage {
        padding: 50px 0 0;
    }

    .multi_detail_advantage_left {
        margin-top: 30px;
    }

    .multi_detail_advantage_left ul li h4 {
        font-size: 20px;
        line-height: 20px;
    }

    .multi_detail_advantage_left ul li p {
        font-size: 16px;
        line-height: 24px;
        margin-top: 10px;
    }

    .multi_detail_advantage_left ul li {
        margin-bottom: 20px;
    }

    .multi_detail_domain {
        padding: 50px 0 0;
    }

    .multi_detail_domain_content ul li {
        width: calc((100% - 10px) / 2);
    }

    .multi_detail_domain_content ul li:nth-child(3n) {
        margin-right: 10px;
    }

    .multi_detail_domain_content ul li:nth-child(2n) {
        margin-right: 0;
    }

    .multi_detail_domain_content ul li .pic p {
        font-size: 16px;
        line-height: 16px;
        bottom: 10px;
    }
}

@media (max-width: 540px) {
    .multi_detail_top_right p {
        font-size: 14px;
        line-height: 20px;
    }

    .multi_detail_content_main {
        font-size: 14px;
        line-height: 20px;
    }

    .multi_detail_advantage_left ul li h4 {
        font-size: 18px;
        line-height: 18px;
    }

    .multi_detail_advantage_left ul li h4 i {
        height: 20px;
    }

    .multi_detail_advantage_left ul li p {
        font-size: 14px;
        line-height: 20px;
    }
}

/* ============================================================================================================================
													技术支持样式
===============================================================================================================================*/
.technical_detail .title h2 {
    color: #333;
}

.technical_detail .title p {
    color: rgba(189, 187, 187, 0.15);
}

.technical_detail_download {
    width: 100%;
    background: #F3F3F3;
    padding: 130px 0 70px;
}

.technical_detail_download_main {
    padding: 0 50px;
    margin-top: 60px;
}

.technical_detail_download_tab {
    display: flex;
    justify-content: center;
    align-items: center;
}

.technical_detail_download_tab a {
    display: block;
    width: 180px;
    height: 48px;
    margin-right: 30px;
    font-size: 22px;
    line-height: 48px;
    color: #333;
    text-align: center;
    /* background: url('/static-cms-static-css-..-images-download_tab.png.jpg') no-repeat center center;
    background-size: contain; */
    border: 1px solid #333;
    border-radius: 8px;
}

.technical_detail_download_tab a:last-child {
    margin-right: 0;
}

.technical_detail_download_tab a.active {
    color: #fff;
    /* background: url('/static-cms-static-css-..-images-download_tab_active.png.jpg') no-repeat center center;
    background-size: contain; */
    background: #333;
    border-color: #333;
}

.technical_detail_download_tab a:hover {
    background: #333;
    border-color: #333;
    color: #fff;
}

.technical_detail_download_list {
    margin-top: 80px;
}

.technical_detail_download_list .technical_detail_download_list_ul {
    display: flex;
    flex-wrap: wrap;
    margin-bottom: -20px;
}

.technical_detail_download_list .technical_detail_download_list_ul li {
    width: calc((100% - 60px) / 4);
    margin-right: 20px;
    margin-bottom: 20px;
    background: #fff;
    border-radius: 10px;
    padding: 30px;
    overflow: hidden;
}

.technical_detail_download_list .technical_detail_download_list_ul li:nth-child(4n) {
    margin-right: 0;
}

.technical_detail_download_list .technical_detail_download_list_ul li .pic {
    width: 100%;
    text-align: center;
}

.technical_detail_download_list .technical_detail_download_list_ul li h4 {
    font-size: 22px;
    line-height: 30px;
    margin-top: 25px;
    text-align: center;
    color: #333;
}

.technical_detail_download_list .technical_detail_download_list_ul li p {
    font-size: 16px;
    line-height: 16px;
    text-align: center;
    color: #666;
    margin-top: 6px;
}

.technical_detail_download_btn {
    margin-top: 18px;
    display: flex;
    justify-content: center;
    align-items: center;
}

.technical_detail_download_btn a {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 113px;
    height: 37px;
    /* background: url('/static-cms-static-css-..-images-download_btn_bg.png.jpg') no-repeat center center;
    background-size: contain; */
    margin-right: 30px;
    border: 1px solid #333;
    border-radius: 8px;
    font-size: 22px;
    line-height: 37px;
}

.technical_detail_download_btn a:hover {
    color: #333;
}

.technical_detail_download_btn a i {
    /* display: block; */
    margin-left: 4px;
    display: none;
}

.technical_detail_download_btn a:last-child {
    margin-right: 0;
}

.technical_detail_download_btn a.technical_detail_download_download i {
    margin-left: 8px;
    width: 18px;
    height: 18px;
    background: url('/static-cms-static-css-..-images-download_btn_download.png.jpg') no-repeat center center;
    background-size: contain;
}

.technical_detail_download_btn a.technical_detail_download_view i {
    width: 27px;
    height: 15px;
    background: url('/static-cms-static-css-..-images-download_btn_view.png.jpg') no-repeat center center;
    background-size: contain;
}

.page {
    margin-top: 60px;
}

.page.null {
    display: none;
}

.page .pagination {
    margin: 0;
    flex-wrap: wrap;
    margin-bottom: -10px;
}

.page .pagination li {
    cursor: pointer;
    display: block;
    width: 44px;
    height: 44px;
    border-radius: 50%;
    margin-right: 10px;
    overflow: hidden;
    background: url('/static-cms-static-css-..-images-pagenation_bg.png.jpg') no-repeat center center;
    background-size: contain;
    margin-bottom: 10px;
}

.page .pagination li:last-child {
    margin-right: 0;
}

.page .pagination li a, .pagination li span {
    position: initial;
    float: none;
    padding: 0;
    margin-left: 0;
    display: block;
    width: 44px;
    height: 44px;
    text-align: center;
    line-height: 44px;
    font-size: 18px;
    color: #666;
    text-decoration: none;
    border: 0;
}

/*.pagination > .active > a, .pagination > .active > a:focus, .pagination > .active > a:hover, .pagination > .active > span, .pagination > .active > span:focus, .pagination > .active > span:hover {*/
/*    background: url('/static-cms-static-css-..-images-pagenation_bg_active.png.jpg') no-repeat center center;*/
/*    background-size: contain;*/
/*}*/

.page .pagination li:first-child a, .page .pagination li:first-child span {
    background: url('/static-cms-static-css-..-images-pagenation_prev_icon.png.jpg') no-repeat center center;
    background-size: 13px 18px;
    font-size: 0;
}

.page .pagination li:last-child a, .page .pagination li:last-child span {
    background: url('/static-cms-static-css-..-images-pagenation_next_icon.png.jpg') no-repeat center center;
    background-size: 13px 18px;
    font-size: 0;
}

@media (max-width: 1500px) {
    .technical_detail_download_list .technical_detail_download_list_ul li {
        padding: 30px 20px;
    }

    .technical_detail_download_btn a {
        margin-right: 20px;
    }

    .technical_detail_download_main {
        padding: 0 30px;
    }
}


.technical_detail_video {
    width: 100%;
    background: #fff;
    padding: 140px 0 0;
}

.technical_detail_video_main {
    margin-top: 80px;
}

.technical_detail_video_main ul {
    display: flex;
    flex-wrap: wrap;
}

.video_mask {
    width: 100vw;
    height: 100vh;
    position: fixed;
    top: 0;
    left: 0;
    display: none;
    z-index: 999999;
    background: rgba(0, 0, 0, 0.6);
}

.video_mask .video_mask_contnet {
    width: 50%;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

.video_mask video {
    width: 100%;
    height: auto;
    background: #000;
}

.video_mask .video_mask_contnet i {
    display: none;
    cursor: pointer;
    width: 46px;
    height: 46px;
    background: url('/static-cms-static-css-..-images-close_default.png.jpg') no-repeat center center;
    background-size: contain;
    position: absolute;
    top: 0;
    right: 0;
}

.video_mask .video_mask_contnet:hover i {
    display: block;
}

.video_mask .video_mask_contnet i:hover {
    background: url('/static-cms-static-css-..-images-close_hover.png.jpg') no-repeat center center;
    background-size: contain;
}

.technical_detail_video_main ul li {
    margin-right: 20px;
    margin-bottom: 20px;
    width: calc((100% - 40px) / 3);
}

.technical_detail_video_main ul li .pic {
    position: relative;
    border-radius: 8px;
    overflow: hidden;
}

.technical_detail_video_main ul li .pic img {
    width: 100%;
    height: auto;
}

.technical_detail_video_main ul li .pic p {
    font-size: 18px;
    line-height: 18px;
    color: #fff;
    position: absolute;
    left: 20px;
    bottom: 20px;
    z-index: 2;
}

.technical_detail_video_main ul li .pic::after {
    content: '';
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    display: block;
    width: 93px;
    height: 93px;
    background: url('/static-cms-static-css-..-images-view_video_btn.png.jpg') no-repeat center center;
    background-size: 100% 100%;
    z-index: 3;
    cursor: pointer;
}

.technical_detail_video_main ul li .pic::before {
    content: '';
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    display: block;
    width: 100%;
    height: 100%;
    background: url('/static-cms-static-css-..-images-view_video_mask.png.jpg') repeat center;
    background-size: 100% 100%;
    z-index: 1;
}

.technical_detail_video_main ul li:nth-child(5) {
    width: calc((100% - 20px) / 2);
}

.technical_detail_video_main ul li:nth-child(4) {
    width: calc((100% - 20px) / 2);
}

.technical_detail_video_main ul li:nth-child(3) {
    margin-right: 0;
}

.technical_detail_video_main ul li:last-child {
    margin-right: 0;
}


.technical_detail_question {
    width: 100%;
    background: #fff;
    padding: 140px 0 130px;
}

.technical_detail_question_content {
    padding: 90px 80px 120px;
}

.technical_detail_question_content_tab {
    display: flex;
    align-items: center;
    justify-content: space-between;
    border-bottom: 1px solid #cccccc;
}

.technical_detail_question_content_tab h4 {
    padding-right: 30px;
    flex: 1;
    overflow: hidden;
    font-size: 24px;
    color: #333;
    line-height: 90px;
}

.technical_detail_question_content_tab i {
    display: block;
    width: 35px;
    height: 35px;
    background: url('/static-cms-static-css-..-images-faq_btn.png.jpg') no-repeat center center;
    background-size: contain;
}

.technical_detail_question_content_main {
    display: none;
    background: #f3f3f3;
    padding: 20px;
}

.technical_detail_question_content_main p {
    font-size: 18px;
    line-height: 28px;
    color: #333;
}

.technical_detail_question_content_tab.active {
    border-bottom: none;
}

.technical_detail_question_content_tab.active h4 {
    color: #1894da;
}

.technical_detail_question_content_tab.active i {
    background: url('/static-cms-static-css-..-images-faq_btn_active.png.jpg') no-repeat center center;
    background-size: contain;
}

.technical_detail_question_content ul {
    position: relative;
}

.technical_detail_question_content ul li {
    position: relative;
    z-index: 2;
}

.technical_detail_question_content_bg {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 75%;
    z-index: 0;
}

.technical_detail_question_content_bg img {
    width: 100%;
    height: auto;
}


@media (max-width: 1200px) {
    .technical_detail_download_list .technical_detail_download_list_ul li .pic img {
        width: 70%;
    }

    .video_mask .video_mask_contnet {
        width: 70%;
    }

    .technical_detail_video_main ul li .pic::after {
        width: 60px;
        height: 60px;
    }

    .technical_detail_download {
        padding: 100px 0 60px;
    }

    .technical_detail_download_main {
        padding: 0;
        margin-top: 50px;
    }

    .technical_detail_download_tab a {
        /* width: 195px;
        height: 60px;
        margin-right: 45px;
        font-size: 30px;
        line-height: 60px;
        color: #333;
        text-align: center; */
        /* background: url('/static-cms-static-css-..-images-download_tab_mobile.png.jpg') no-repeat center center;
        background-size: contain; */
    }

    .technical_detail_download_tab a.active {
        /* background: url('/static-cms-static-css-..-images-download_tab_active_mobile.png.jpg') no-repeat center center;
        background-size: contain; */
    }

    .technical_detail_download_list {
        margin-top: 70px;
    }

    .technical_detail_download_list .technical_detail_download_list_ul li {
        width: calc((100% - 20px) / 2);
        padding: 30px;
    }

    .technical_detail_download_list .technical_detail_download_list_ul li h4 {
        /* font-size: 24px;
        line-height: 32px; */
        margin-top: 25px;
    }

    .technical_detail_download_list .technical_detail_download_list_ul li p {
        font-size: 18px;
        line-height: 18px;
        margin-top: 6px;
    }

    .technical_detail_download_btn {
        margin-top: 15px;
    }

    .technical_detail_download_btn a {
        /* width: 150px;
        height: 52px;
        line-height: 52px;
        margin-right: 30px; */
        /* background: url('/static-cms-static-css-..-images-download_btn_bg_mobile.png.jpg') no-repeat center center;
        background-size: contain; */
        /* font-size: 30px; */
    }

    .technical_detail_download_btn a.technical_detail_download_view i {
        width: 45px;
        height: 24px;
        background: url('/static-cms-static-css-..-images-download_btn_view_mobile.png.jpg') no-repeat center center;
        background-size: contain;
    }

    .technical_detail_download_btn a.technical_detail_download_download i {
        width: 29px;
        height: 29px;
        background: url('/static-cms-static-css-..-images-download_btn_download_mobile.png.jpg') no-repeat center center;
        background-size: contain;
    }

    .technical_detail_download_list .technical_detail_download_list_ul li:nth-child(2n) {
        margin-right: 0;
    }

    .page {
        margin-top: 40px;
    }

    .technical_detail_video {
        padding: 110px 0 0;
    }

    .technical_detail_video_main {
        margin-top: 50px
    }

    .technical_detail_question {
        padding: 100px 0 100px;
    }

    .technical_detail_question_content {
        padding: 50px 0 0;
    }
}

@media (max-width: 990px) {
    .technical_detail_video_main ul li .pic::after {
        width: 93px;
        height: 93px;
    }

    .technical_detail_download_list .technical_detail_download_list_ul li .pic img {
        width: auto;
    }

    .video_mask .video_mask_contnet {
        width: 80%;
    }

    .technical_detail_video_main ul li {
        width: 100%;
        margin-right: 0;
    }

    .technical_detail_video_main ul li:nth-child(4) {
        width: 100%;
    }

    .technical_detail_video_main ul li:nth-child(5) {
        width: 100%;
    }

    .technical_detail_video_main ul li .pic p {
        /* font-size: 24px;
        line-height: 24px; */
        left: 20px;
        bottom: 40px;
    }

    .technical_detail_question_content_tab h4 {
        font-size: 24px;
    }

    .technical_detail_question_content_main p {
        font-size: 18px;
        line-height: 28px;
    }

    .technical_detail_question_content_tab i {
        width: 53px;
        height: 53px;
        background: url('/static-cms-static-css-..-images-faq_btn_mobile.png.jpg') no-repeat;
        background-size: contain;
    }

    .technical_detail_question_content_tab.active i {
        background: url('/static-cms-static-css-..-images-faq_btn_active_mobile.png.jpg') no-repeat;
    }
}

@media (max-width: 760px) {
    .video_mask .video_mask_contnet {
        width: 94%;
    }

    .technical_detail_download_list .technical_detail_download_list_ul li .pic img {
        width: 60%;
    }

    .technical_detail_download {
        padding: 50px 0 30px;
    }

    .technical_detail_download_main {
        margin-top: 30px;
    }

    .technical_detail_download_tab a {
        width: auto;
        height: 32px;
        padding: 0 15px;
        font-size: 16px;
        line-height: normal;
        display: flex;
        align-items: center;
        background: none;
        border: 1px solid #333333;
        margin-right: 15px;
        border-radius: 6px;
    }

    .technical_detail_download_tab a.active {
        border: 0;
        background: #333;
    }

    .technical_detail_download_tab a {
        margin-bottom: 10px;
    }

    .technical_detail_download_list {
        margin-top: 20px;
    }

    .technical_detail_download_list .technical_detail_download_list_ul li {
        padding: 20px;
    }

    .technical_detail_download_list .technical_detail_download_list_ul li h4 {
        font-size: 20px;
        line-height: 30px;
        margin-top: 15px;
    }

    .technical_detail_download_list .technical_detail_download_list_ul li p {
        font-size: 16px;
        line-height: 16px;
        margin-top: 5px;
    }

    .technical_detail_download_btn a {
        width: auto;
        height: 32px;
        line-height: 32px;
        margin-right: 10px;
        font-size: 16px;
        padding: 0 15px;
        background: none;
        border: 1px solid #333;
        /* border-radius: 16px; */
        border-radius: 6px;
    }

    .technical_detail_download_btn a.technical_detail_download_view i {
        height: 16px;
        width: 22px;
    }

    .technical_detail_download_btn a.technical_detail_download_download i {
        width: 16px;
        height: 16px;
    }

    .page {
        margin-top: 20px;
    }

    .technical_detail_video {
        padding: 50px 0 0;
    }

    .technical_detail_video_main {
        margin-top: 30px;
    }

    .technical_detail_video_main ul li .pic p {
        font-size: 16px;
        line-height: 16px;
        left: 15px;
        bottom: 15px;
    }

    .technical_detail_question {
        padding: 30px 0 50px;
    }

    .technical_detail_question_content {
        padding: 20px 0 0;
    }

    .technical_detail_question_content_tab h4 {
        font-size: 16px;
        line-height: 50px;
        padding-right: 20px;
    }

    .technical_detail_question_content_tab i {
        width: 31px;
        display: block;
        height: 30px;
        background-size: 31px 30px;
    }

    .technical_detail_question_content_main p {
        font-size: 14px;
        line-height: 20px;
        word-break: break-all;
    }

    .technical_detail_question_content_main {
        padding: 15px;
    }

    .technical_detail_question_content_tab.active i {
        background-size: 31px 30px;
    }

    .technical_detail_video_main ul li .pic::after {
        width: 60px;
        height: 60px;
    }

    .technical_detail_download_tab {
        flex-wrap: wrap;
    }
}

@media (max-width: 640px) {
    .technical_detail_download_list .technical_detail_download_list_ul li .pic img {
        width: 100%;
    }

    .technical_detail_download_list .technical_detail_download_list_ul li h4 {
        font-size: 18px;
        line-height: 26px;
    }

    /* .technical_detail_download_list .technical_detail_download_list_ul li p{
        margin-top: 2px;
    } */
    .technical_detail_download_btn {
        margin-top: 10px;
        flex-wrap: wrap;
        justify-content: space-evenly;
        margin-bottom: -10px;
    }

    .technical_detail_download_btn a {
        /* padding: 10px; */
        height: 28px;
        line-height: 28px;
        font-size: 14px;
        margin-right: 0;
        margin-bottom: 10px;
    }

    .technical_detail_download_list .technical_detail_download_list_ul li {
        padding: 15px;
        width: calc((100% - 10px) / 2);
        margin-right: 10px;
        margin-bottom: 10px;
    }

    /* .technical_detail_download_list .technical_detail_download_list_ul li{
        width: 100%;
        margin-right: 0;
    } */
}

@media (max-width: 540px) {
    .technical_detail_download_list .technical_detail_download_list_ul li h4 {
        font-size: 16px;
        line-height: 24px;
    }

    .technical_detail_download_list .technical_detail_download_list_ul li p {
        font-size: 14px;
        line-height: 14px;
    }
}

/* @media (max-width: 410px){
    .technical_detail_download_btn a{
        height: 24px;
        line-height: 24px;
        font-size: 12px;
        padding: 0 8px;
    }
    .technical_detail_download_btn a.technical_detail_download_view i{
        width: 20px;
        height: 14px;
    }
    .technical_detail_download_btn a.technical_detail_download_download i{
        margin-left: 4px;
        width: 14px;
        height: 14px;
    }
} */
/* ============================================================================================================================
													产品列表样式
===============================================================================================================================*/
.list_product {
    width: 100%;
    padding: 80px 0 0;
}

.list_product_tab ul li {
    padding: 20px 0;
    position: relative;

}

.list_product_tab ul li a {
    display: block;
    transition: all 0.3s linear;
}

.list_product_tab ul li a .pic {
    height: 110px;
    width: 80px;
    margin: auto;
}

.list_product_tab ul li a .pic img {
    width: 100%;
    height: 100%;
    display: block;
    object-fit: contain;
}

.list_product_tab ul li a .pic .active_img {
    display: none;
}

.list_product_tab ul li a p {
    font-size: 22px;
    line-height: 30px;
    white-space: nowrap;
    color: #333;
    text-align: center;
}

.list_product_tab ul li::after {
    content: '';
    display: block;
    width: 3px;
    height: 50%;
    background: url('/static-cms-static-css-..-images-product_tap_line.png.jpg') repeat center center;
    background-size: 100% 100%;
    position: absolute;
    top: 50%;
    right: 0;
    transform: translateY(-50%);
}

.list_product_tab ul li:last-child::after {
    display: none;
}

.list_product_tab {
    width: 85%;
    margin: auto;

}

.list_product_tab .product_tab {
    width: 100%;
    overflow: hidden;
}

.list_product_tab ul li.active a .pic .active_img {
    display: block;
}

.list_product_tab ul li.active a .pic .img {
    display: none;
}

.list_product_tab ul li.active a {
    transform: translateY(-15px);
}

.list_product_tab ul li:hover a .pic .active_img {
    display: block;
}

.list_product_tab ul li:hover a .pic .img {
    display: none;
}

.list_product_tab ul li:hover a {
    transform: translateY(-15px);
}


.list_product_search {
    width: 660px;
    height: 70px;
    margin: auto;
    margin-top: 60px;
    background: #fff;
    box-shadow: 0 0 10px rgba(0, 0, 0, .1);
    border-radius: 35px;
    padding: 0 25px 0 40px;
    position: relative;
}

.list_product_search_mask {
    display: none;
    width: calc(100% - 80px);
    background: #fff;
    position: absolute;
    top: 100px;
    left: 50%;
    transform: translateX(-50%);
    padding: 15px 20px;
    box-shadow: 0 0 10px rgba(0, 0, 0, .1);
    border-radius: 8px;
    z-index: 22;
}

.list_product_search_mask::before {
    content: '';
    position: absolute;
    top: -15px;
    left: 50%;
    transform: translateX(-50%);
    border-bottom: 15px solid #fff;
    border-right: 15px solid transparent;
    border-left: 15px solid transparent;
}

.list_product_search_mask ul li:hover a {
    color: #1894da;
}

.list_product_search_mask ul li a {
    font-size: 18px;
    display: block;
    line-height: 35px;
    color: #333;
}

@media (max-width: 760px) {
    .list_product_search_mask {
        top: 70px;
        width: calc(100% - 50px);
    }

    .list_product_search_mask::before {
        content: '';
        position: absolute;
        top: -10px;
        left: 50%;
        transform: translateX(-50%);
        border-bottom: 10px solid #fff;
        border-right: 10px solid transparent;
        border-left: 10px solid transparent;
    }
}

.list_product_search form {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.list_product_search input {
    border: none;
    background: none;
    padding: 0;
    outline: none;
    font-size: 18px;
    line-height: 70px;
    flex: 1;
    overflow: hidden;
    padding-right: 30px;
    color: #333;
}

.list_product_search button {
    display: block;
    width: 30px;
    height: 24px;
    border: none;
    outline: none;
    padding: 0;
    background: url('/static-cms-static-css-..-images-product_search_btn.png.jpg') no-repeat center center;
    background-size: contain;
}

.list_product_list {
    margin-top: 90px;
    padding: 0 50px;
    padding-bottom: 16px;
}

.list_product_list ul {
    display: flex;
    flex-wrap: wrap;
    margin-bottom: -20px;
}

.list_product_list ul li {
    width: calc((100% - 60px) / 3);
    margin-right: 20px;
    margin-bottom: 20px;
    padding: 30px;
    border-radius: 10px;
    background: #fff;
    overflow: hidden;
    box-shadow: 0 0 10px rgba(0, 0, 0, .1);
    cursor: pointer;
}

.list_product_list ul li:nth-child(3n) {
    margin-right: 0;
}

.list_product_list ul li a {
    display: block;
}

.list_product_list ul li a .pic {
    overflow: hidden;

    display: flex;
    justify-content: center;
}

.list_product_list ul li a .pic img {
    width: 240px;
    height: 240px;
    object-fit: cover;
    transition: all 0.5s linear;
}

.list_product_list ul li:hover a .pic img {
    transform: scale(1.1);
}

.list_product_list ul li a h4 {
    margin-top: 40px;
    text-align: center;
    font-family: SourceHanSansCN;
    font-weight: 400;
    font-size: 22px;
    color: #2E2E2E;
}

.list_product_list ul li a .list_product_list_btn {
    display: flex;
    width: 178px;
    height: 44px;
    line-height: 44px;
    /* background: url('/static-cms-static-css-..-images-more/border/2x.png.jpg') no-repeat center center;
    background-size: 178px 44px; */
    display: flex;
    justify-content: center;
    align-items: center;
    margin: auto;
    margin-top: 15px;
    border: 1px solid #333;
    border-radius: 8px;
}

.list_product_list ul li a .list_product_list_btn p {
    font-size: 22px;
    line-height: 28px;
    /* margin-right: 8px; */
    color: #333333;
}

.list_product_list ul li a .list_product_list_btn i {
    margin-left: 8px;
    width: 22px;
    height: 22px;
    background: #000;
    border-radius: 50%;
    display: flex;
    color: #fff;
    align-items: center;
    justify-content: center;
}

.list_product_list ul li:hover a .list_product_list_btn {
    /* background: url('/static-cms-static-css-..-images-more/border/bg/2x.png.jpg') no-repeat center center;
    background-size: 178px 44px; */
    background: transparent;
    border-color: #000;
}

/*.list_product_list ul li:hover a .list_product_list_btn i {*/
/*    background: url('/static-cms-static-css-..-images-more/add/active.png.jpg') no-repeat center center;*/
/*    background-size: 28px;*/
/*}*/

.list_product_list ul li:hover a .list_product_list_btn p {
    color: #333;
}

.list_product_list ul li:hover {
    background: url("/static-cms-static-css-..-images-cpbj.png.jpg") no-repeat center;
    background-size: cover;
}

.list_product .page {
    margin-top: 45px;
}

.list_product_advantage {
    padding: 130px 90px 110px;
}

.list_product_advantage .title h2 {
    color: #333;
}

.list_product_advantage .title p {
    color: rgba(189, 187, 187, 0.15);
}

.list_product_advantage .list_product_advantage_desc {
    font-size: 20px;
    line-height: 30px;
    margin-top: 35px;
    text-align: center;
    color: #191919;
}

.list_product_advantage_list {
    margin-top: 65px;
}

.list_product_advantage_list ul {
    display: flex;
    flex-wrap: wrap;
}

.list_product_advantage_list ul li {
    width: calc(100% / 3);
    background: #fff;
    padding: 30px;
}

.list_product_advantage_list ul li:nth-child(odd) {
    background: url('/static-cms-static-css-..-images-product_advantage_bg.png.jpg') no-repeat center;
    background-size: 100% 100%;
}

.list_product_advantage_list ul li .pic {
    height: 70px;
    line-height: 70px;
}

.list_product_advantage_list ul li .pic img {
    background: url('/static-cms-static-css-..-images-product_advantage_img_mask.png.jpg') no-repeat center center;
    background-size: 51px 51px;
}

.list_product_advantage_list ul li h4 {
    margin-top: 6px;
    font-size: 24px;
    line-height: 32px;
    color: #333;
}

.list_product_advantage_list ul li p {
    margin-top: 8px;
    font-size: 20px;
    line-height: 30px;
    color: #333;
}

.list_product_advantage_list ul li:nth-child(odd) h4 {
    color: #fff;
}

.list_product_advantage_list ul li:nth-child(odd) p {
    color: #fff;
}

@media (max-width: 1600px) {
    .list_product_tab {
        width: 100%;
    }
}

@media (max-width: 1550px) {
    .list_product_tab {
        padding: 0;
    }

    .list_product_list {
        padding: 0;
    }

    .list_product_advantage {
        padding: 130px 0 110px;
    }
}

@media (max-width: 1200px) {
    .list_product {
        padding: 0;
    }

    .list_product_tab ul li.active a {
        transform: none;
    }

    .list_product_tab ul li:hover a {
        transform: none;
    }

    .list_product_tab ul li {
        padding: 20px 20px 25px;
    }

    .list_product_tab {
        position: relative;
    }

    .list_product_tab::before {
        content: '';
        display: block;
        width: calc(100% + 40px);
        height: 2px;
        bottom: -1px;
        left: -20px;
        position: absolute;
        background-color: #eaeaea;
    }

    .list_product_list {
        margin-top: 65px;
    }

    .list_product_search {
        margin-top: 65px;
    }

    .list_product_list ul li {
        width: calc((100% - 40px) / 3);
    }

    .list_product_list ul li:nth-child(4n) {
        margin-right: 20px;
    }

    .list_product_list ul li:nth-child(3n) {
        margin-right: 0;
    }

    .list_product .page {
        margin-top: 40px;
    }

    .list_product_advantage {
        padding: 100px 0 90px;
    }

    .list_product_advantage_list {
        margin-top: 30px;
    }

    .list_product_tab ul li a p {
        /* font-size: 24px;
        line-height: 32px; */
    }

    .list_product_search input {
        font-size: 22px;
    }

    .list_product_search button {
        width: 46px;
        height: 37px;
        background: url('/static-cms-static-css-..-images-product_search_btn_mobile.png.jpg') no-repeat center center;
        background-size: contain;
    }

    .list_product_list ul li a h4 {
        /* font-size: 24px;
        line-height: 32px; */
        margin-top: 35px;
    }

    .list_product_list ul li a .list_product_list_btn {
        margin-top: 12px;
    }

    .list_product_advantage .list_product_advantage_desc {
        /* font-size: 24px;
        line-height: 35px; */
        margin-top: 25px;
    }

    .list_product_advantage_list ul li {
        width: 100%;
        padding: 60px
    }

    .list_product_advantage_list ul li h4 {
        font-size: 32px;
        line-height: 34px;
        margin-top: 18px;
    }

    .list_product_advantage_list ul li p {
        margin-top: 15px;
        font-size: 22px;
        line-height: 32px;
        /* font-size: 24px;
        line-height: 34px; */
    }

    .list_product_advantage_list ul li .pic {
        height: 110px;
        line-height: 110px;
    }

    .list_product_advantage_list ul li .pic img {
        background: url('/static-cms-static-css-..-images-product_advantage_btn_bg_mobile.png.jpg') no-repeat center center;
        background-size: 80px 80px;
    }
}


@media (max-width: 980px) {
    .list_product_list ul li {
        width: calc((100% - 20px) / 2);
    }

    .list_product_list ul li:nth-child(4n) {
        margin-right: 20px;
    }

    .list_product_list ul li:nth-child(3n) {
        margin-right: 20px;
    }

    .list_product_list ul li:nth-child(2n) {
        margin-right: 0;
    }

}

@media (max-width: 760px) {
    .list_product_tab ul li a p {
        font-size: 16px;
        line-height: 24px;
    }

    .list_product_tab::before {
        width: calc(100% + 30px);
        left: -15px;
    }

    .list_product_search {
        margin-top: 30px;
    }

    .list_product_search {
        padding: 0 15px 0 25px;
        width: calc(100% - 80px);
        height: 50px;
    }

    .list_product_search input {
        font-size: 18px;
        line-height: 50px;
        padding-right: 30px;
    }

    .list_product_search button {
        height: 24px;
        width: 36px;
    }

    .list_product_list {
        margin-top: 30px;
    }

    .list_product_list ul li {
        padding: 20px;
    }

    .list_product_list ul li a h4 {
        font-size: 20px;
        line-height: 28px;
        margin-top: 10px;
    }

    .list_product_list ul li a .list_product_list_btn {
        margin-top: 10px;
    }

    .list_product_list ul li a .list_product_list_btn {
        width: max-content;
        border-radius: 6px;
        height: 32px;
        line-height: 32px;
        padding: 0 15px;
        background: none;
        border: 1px solid #333;
    }

    .list_product_list ul li a .list_product_list_btn p {
        font-size: 16px;
        line-height: 24px;
    }

    .list_product_list ul li a .list_product_list_btn i {
        width: 20px;
        height: 20px;
        background-size: contain;
    }

    .list_product_list ul li:hover a .list_product_list_btn {
        border: 1px solid #333;
        background: none;
    }

    .list_product_list ul li:hover a .list_product_list_btn i {
        background: url('/static-cms-static-css-..-images-more/zixun.png.jpg') no-repeat center center;
        background-size: contain;
    }

    .list_product_list ul li:hover a .pic img {
        transform: none;
    }

    .list_product_list ul li:hover a .list_product_list_btn p {
        color: #333;
    }

    .list_product_advantage {
        padding: 50px 0 50px;
    }

    .list_product_advantage .list_product_advantage_desc {
        font-size: 16px;
        line-height: 24px;
        margin-top: 20px;
    }

    .list_product_advantage_list {
        margin-top: 10px;
    }

    .list_product_advantage_list ul li {
        padding: 20px;
    }

    .list_product_advantage_list ul li .pic {
        height: 50px;
    }

    .list_product_advantage_list ul li .pic img {
        display: block;
        height: 50px;
        width: auto;
        min-width: 40px;
        background: url('/static-cms-static-css-..-images-product_advantage_btn_bg_mobile.png.jpg') no-repeat center center;
        background-size: 40px 40px;
    }

    .list_product_advantage_list ul li h4 {
        font-size: 20px;
        line-height: 28px;
        margin-top: 10px;
    }

    .list_product_advantage_list ul li p {
        font-size: 16px;
        line-height: 24px;
        margin-top: 6px;
    }
}

@media (max-width: 640px) {
    .list_product_search {
        width: calc(100% - 40px);
    }

    .list_product_list ul li {
        padding: 15px;
        width: calc((100% - 10px) / 2);
        margin-right: 10px;
        margin-bottom: 10px;
    }

    .list_product_list ul li:nth-child(3n) {
        margin-right: 10px;
    }

    .list_product_list ul li a h4 {
        margin-top: 6px;
    }

    .list_product_list ul li:nth-child(2n) {
        margin-right: 0;
    }

    .list_product_list ul li a .list_product_list_btn {
        margin-top: 6px;
        height: 28px;
        line-height: 28px;
    }

    .list_product_list ul li a .list_product_list_btn p {
        margin-right: 0;
        font-size: 14px;
    }

    .list_product_tab ul li {
        padding: 20px 10px 25px;
    }

    .list_product_tab ul li a .pic {
        width: 40px;
        height: 60px;
    }

    .list_product_tab ul li a p {
        white-space: pre-wrap;
    }

    .list_product_list ul li a h4 {
        font-size: 18px;
        line-height: 26px;
    }
}

@media (max-width: 540px) {
    .list_product_list ul li a h4 {
        font-size: 16px;
        line-height: 24px;
    }

    .list_product_advantage_list ul li h4 {
        font-size: 18px;
        line-height: 26px;
    }

    .list_product_search input {
        font-size: 16px;
    }

    .list_product_advantage .list_product_advantage_desc {
        font-size: 14px;
        line-height: 20px;
    }

    .list_product_advantage_list ul li p {
        font-size: 14px;
        line-height: 20px;
    }
}

/* ============================================================================================================================
													文章详情样式
===============================================================================================================================*/
.article_detail {
    padding: 80px 0 100px;
    width: 100%;
    max-width: 1500px;
    margin: auto;
}

/* .article_detail .list_article_content_right{
    box-shadow: 0 0px 10px rgba(0,0,0,.1);
} */

.article_detail .list_article_content {
    margin-top: 0;
}

.article_detail_main {
    background: #fff;
    padding: 40px 20px;
    box-shadow: 0 0 10px rgba(0, 0, 0, .1);
}

.article_detail_main h2 {
    font-size: 28px;
    line-height: 28px;
    color: #1894da;
}

.article_detail_main_content {
    padding: 40px 10px 0;
}

.article_detail_main_sub_desc {
    display: flex;
    align-items: center;
    padding-bottom: 20px;
}

.article_detail_main_time {
    display: flex;
    align-items: center;
}

.article_detail_main_time i {
    display: block;
    margin-right: 5px;
    width: 14px;
    height: 14px;
    background: url('/static-cms-static-css-..-images-detail_article_time.png.jpg') no-repeat center center;
    background-size: contain;
}

.article_detail_main_view {
    display: flex;
    align-items: center;
}

.article_detail_main_view i {
    display: block;
    margin-right: 5px;
    width: 21px;
    height: 12px;
    background: url('/static-cms-static-css-..-images-detail_article_view.png.jpg') no-repeat center center;
    background-size: contain;
}

.article_detail_main_sub_desc li p {
    font-size: 16px;
    line-height: 24px;
    color: #999999;
}

.article_detail_main_sub_desc li {
    margin-right: 40px;
}

.article_detail_main_sub_desc li:last-child {
    margin-right: 0;
}

.article_detail_main_info {
    padding: 40px 0 50px;
    border-top: 1px solid #E3E3E3;
    border-bottom: 1px solid #E3E3E3;
}

.article_detail_main_info {
    font-size: 16px;
    line-height: 24px;
    color: #333333;
}

.article_detail_main_pagenation {
    padding: 80px 0;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.article_detail_main_pagenation .more a.prev p {
    /* margin-right: 30px; */
}

.article_detail_main_pagenation .more a.prev i {
    background: url('/static-cms-static-css-..-images-page_left.png.jpg') no-repeat center center;
    background-size: contain;
}

.article_detail_main_pagenation .more a.prev:hover i {
    background: url('/static-cms-static-css-..-images-left_icon_active.png.jpg') no-repeat center center;
    background-size: contain;
}

.article_detail_main_pagenation .more a.next p {
    /* margin-right: 30px; */
}


@media (max-width: 980px) {
    .article_detail {
        padding: 40px 0 100px;
    }

    .article_detail_main {
        padding: 60px 40px 70px;
    }

    .article_detail_main h2 {
        font-size: 30px;
        line-height: 30px;
    }

    .article_detail_main_content {
        padding: 30px 0 0;
    }

    .article_detail_main_sub_desc {
        padding-bottom: 15px;
    }

    .article_detail_main_sub_desc li {
        margin-right: 50px;
    }

    .article_detail_main_sub_desc li p {
        /* font-size: 20px; */
    }

    .article_detail_main_info {
        padding: 60px 0 0;
        border-bottom: none;
        font-size: 18px;
        line-height: 30px;
    }

    .article_detail_main_pagenation {
        padding: 70px 0 0;
    }

    .article_detail .list_article_content_left {
        margin-top: 70px;
    }

    .article_detail_main_view i {
        /* width: 26px;
        height: 16px; */
        background-size: contain;
    }

    .article_detail_main_time i {
        /* width: 17px;
        height: 17px; */
        background-size: contain;
    }
}

@media (max-width: 760px) {
    .article_detail {
        padding: 40px 0 70px;
    }

    .article_detail_main {
        padding: 30px 20px 40px;
    }

    .article_detail_main h2 {
        font-size: 24px;
        line-height: 32px;
    }

    .article_detail_main_content {
        padding: 15px 0 0;
    }

    .article_detail_main_sub_desc li p {
        font-size: 16px;
    }

    .article_detail_main_view i {
        width: 21px;
        height: 12px;
        background-size: contain;
    }

    .article_detail_main_time i {
        width: 14px;
        height: 14px;
        background-size: contain;
    }

    .article_detail_main_info {
        padding: 30px 0 0;
        font-size: 16px;
        line-height: 24px;
    }

    .article_detail_main_sub_desc {
        padding-bottom: 10px;
    }

    .article_detail_main_pagenation {
        padding: 30px 0 0;
    }

    .article_detail .list_article_content_left {
        margin-top: 50px;
    }
}

@media (max-width: 640px) {

    .article_detail_main_sub_desc {
        flex-wrap: wrap;
    }

    .article_detail_main_sub_desc li {
        margin-right: 20px;
    }

    .article_detail_main_pagenation .more {
        margin-top: 0;
        margin-bottom: 10px;
    }

    .article_detail_main_pagenation .more a.next p {
        /* margin-right: 8px; */
    }

    .article_detail_main_pagenation .more a.prev p {
        /* margin-right: 8px; */
    }

    .article_detail_main_pagenation {
        flex-wrap: wrap;
    }
}

@media (max-width: 540px) {
    .article_detail_main_info {
        font-size: 14px;
        line-height: 20px;
    }

    .article_detail_main_sub_desc li p {
        font-size: 14px;
    }

    .article_detail_main_time i {
        font-size: 12px;
        height: 12px;
    }

    .article_detail_main_view i {
        height: 10px;
        width: 20px;
    }

    .article_detail_main h2 {
        font-size: 20px;
        line-height: 28px;
    }
}

/* ============================================================================================================================
													联系我们详情样式
===============================================================================================================================*/
.contact_detail {
    margin-top: 80px;
    margin-bottom: 120px;
    background: #fff;
    box-shadow: 0 0 10px rgba(0, 0, 0, .1);
    border-radius: 10px;
}

.contact_detail_content {
    padding: 130px 100px 100px;
}

.contact_detail_company .title h2 {
    color: #333;
}

.contact_detail_company .title p {
    color: rgba(0, 0, 0, .1);

}

.contact_detail_company_list {
    margin-top: 80px;
}

.contact_detail_company_list ul {
    display: flex;
    flex-wrap: wrap;
    margin-bottom: -70px;
}

.contact_detail_company_list ul li {
    width: calc((100% - 140px) / 3);
    margin-right: 70px;
    margin-bottom: 70px;
}

.contact_detail_company_list ul li:nth-child(3n) {
    margin-right: 0;
}

.contact_detail_company_list ul li h4 {
    font-size: 30px;
    line-height: 48px;
    color: #333;
    white-space: nowrap;
    font-weight: bold;
}

.contact_detail_company_list ul li .contact_info {
    height: 240px;
    margin-top: 25px
}

.contact_detail_company_list ul li p {
    font-size: 20px;
    /*white-space: nowrap;*/
    line-height: 48px;
    color: #333;
}

.contact_detail_company_list ul li .pic {
    margin-top: 40px;
    width: 100%;
    overflow: hidden;
}

.contact_detail_company_list ul li .pic img {
    width: 100%;
    height: auto;
    transition: all 0.5s linear;
}

.contact_detail_company_list ul li .pic img:hover {
    transform: scale(1.1);
}

.contact_detail_company_list ul li .line {
    margin-top: 50px;
    width: 100%;
    height: 2px;
    background: url('/static-cms-static-css-..-images-contact_line.png.jpg') repeat center;
    background-size: 100%;
}

.contact_detail_inquiry {
    margin-top: 150px;
}

.contact_detail_inquiry .title h2 {
    color: #333;
}

.contact_detail_inquiry .title p {
    color: rgba(0, 0, 0, .1);
}

/*.inquiry-box {*/
/*    margin-top: 80px;*/
/*}*/

.inquiry-box .form-row {
    width: 100%;
    display: flex;
    align-items: center;
    margin-bottom:36px;
}

.inquiry-box .row-controls {
    display: flex;
    align-items: center;
    padding-left: 24px;
    height: 70px;
    border-radius: 10px;
    border: 1px solid #E3E3E3;
    overflow: hidden;
    background: #fff;
}

.inquiry-box .row-controls span {
    display: flex;
    width: max-content;
    line-height: 70px;
    font-weight: 400;
    font-size: 22px;
    color: #333333;
}

.inquiry-box .row-controls span i {
    display: block;
    color: red;
    font-size: 20px;
    margin-left: 1px;
    line-height: 70px;
}

.inquiry-box .row-controls input {
    display: block;
    border: none;
    line-height: 70px;
    flex: 1;
    overflow: hidden;
    height: 70px;
    font-size: 20px;
    color: #666;
    box-shadow: none;
    outline: none;
    padding: 0;
    padding-left: 30px;
    border-radius: 0;
}

.inquiry-box .row-controls.small_list {
    width: calc((100% - 90px) / 4);
    margin-right: 30px;
    height: 85px;
}

.inquiry-box .row-controls.small_list:last-child {
    margin-right: 0;
}

.inquiry-box .row-controls.middle_list {
    width: calc((100% - 30px) / 2);
    margin-right: 30px;
}

.inquiry-box .row-controls.middle_list:last-child {
    margin-right: 0;
}

.inquiry-box .row-controls.message {
    height: 200px;
    width: 100%;
    padding: 0;
    color: #333333;
    padding-left: 10px;
}

.inquiry-box .row-controls.message textarea {
    width: 100% !important;
    height: 200px;
    border: none;
    outline: none;
    box-shadow: none;
    font-weight: 400;
    font-size: 22px;
    color: #333333;
    padding: 25px 12px;
    resize: none;
}

.inquiry-box .row-controls.verify_list {
    width: 277px;
    margin-right: 30px;
}

.inquiry-box .form-row img {
    width: auto;
    height: 70px;
}

.inquiry-box .form-row.submit {
    width: 277px;
    margin: auto;
    padding: 0;
    text-align: center;
    margin-bottom: 76px;
}

.inquiry-box .form-row.submit .button {
    background: #fff;
    border: none;
    outline: none;
    width: 100%;
    line-height: 70px;
    font-size: 20px;
    padding: 0;
    border-radius: 10px;
    border: 1px solid #E3E3E3;
    color: #666;
    text-align: center;
    height: 70px;
    display: block;
}

.inquiry-box .form-row.submit .button:hover {
    border: 0;
    background-color: #1894da;
    color: white;
}

/*2行列*/
/*@media (max-width: 1700px){*/
/*    .contact_detail_content{*/
/*        padding: 130px 100px 100px;*/
/*    }*/
/*    .contact_detail_company_list ul li {*/
/*        width: calc((100% - 100px) / 2);*/
/*        margin-right: 100px;*/
/*        margin-bottom: 70px;*/
/*    }*/
/*}*/
/*@media (max-width: 1500px){*/
/*    .contact_detail_content{*/
/*        padding: 130px 70px 100px;*/
/*    }*/
/*    .contact_detail_company_list ul li {*/
/*        width: calc((100% - 70px) / 2);*/
/*        margin-right: 70px;*/
/*        margin-bottom: 70px;*/
/*    }*/
/*}*/
@media (max-width: 1400px) {
    .contact_detail_content {
        padding: 130px 40px 100px;
    }

    /*.contact_detail_company_list ul li {*/
    /*    width: calc((100% - 40px) / 2);*/
    /*    margin-right: 40px;*/
    /*    margin-bottom: 70px;*/
    /*}*/
}

@media (max-width: 1200px) {
    .contact_detail {
        margin-top: 60px;
        margin-bottom: 100px;
    }

    .contact_detail_content {
        padding: 100px 20px;
    }

    .contact_detail_company_list {
        margin-top: 60px;
    }

    .contact_detail_company_list ul li {
        width: 100%;
        margin-right: 0;
    }

    .contact_detail_company_list ul li h4 {
        /* font-size: 35px; */
    }

    .contact_detail_company_list ul li p {
        /* font-size: 24px; */
        font-size: 22px;
    }

    .contact_detail_company_list ul li .contact_info {
        margin-top: 20px;
    }

    .contact_detail_company_list ul li .pic {
        margin-top: 10px;
    }

    .contact_detail_company_list ul li .line {
        margin-top: 60px;
    }

    .contact_detail_company_list ul li:last-child .line {
        display: none;
    }

    .contact_detail_inquiry {
        margin-top: 120px;
    }

    .inquiry-box {
        margin-top: 60px;
    }

    .inquiry-box .form-row {
        flex-wrap: wrap;
        margin-bottom: 0;
    }

    .inquiry-box .row-controls.small_list {
        width: 100%;
        margin-right: 0;
        padding-left: 20px;
        margin-bottom: 30px;
    }

    .inquiry-box .row-controls.middle_list {
        width: 100%;
        margin-right: 0;
        margin-bottom: 30px;
    }

    .inquiry-box .row-controls.message {
        margin-bottom: 30px;
        height: 150px;
    }

    .inquiry-box .row-controls.message textarea {
        padding: 20px;
        height: 150px;
    }

    .inquiry-box .row-controls.verify_list {
        width: 230px;
        padding-left: 20px;
    }

    .inquiry-box .form-row.submit {
        margin-top: 30px;
        width: 230px;
    }

    .inquiry-box .form-row.submit .button {
        border: none;
        background: #1894da;
        /* font-size: 24px; */
        font-size: 22px;
        color: #fff;
    }

    .inquiry-box .row-controls span {
        /* font-size: 24px; */
        font-size: 22px;
    }

    .inquiry-box .row-controls.message textarea {
        font-size: 22px;
    }

    .inquiry-box .row-controls input {
        /* font-size: 24px; */
        font-size: 22px;
    }

    .inquiry-box .row-controls.middle_list {
        padding-left: 20px;
    }
}

@media (max-width: 760px) {
    .contact_detail_content {
        padding: 50px 20px;
    }

    .contact_detail_company_list {
        margin-top: 30px;
    }

    .contact_detail_company_list ul li h4 {
        font-size: 20px;
        line-height: 30px;
        white-space: normal;
    }

    .contact_detail_company_list ul li .contact_info {
        height: auto;
        margin-top: 15px;
    }

    .contact_detail_company_list ul li .line {
        margin-top: 20px;
    }

    .contact_detail_company_list ul li {
        margin-bottom: 30px;
    }

    .contact_detail_company_list ul {
        margin-bottom: -30px;
    }

    .contact_detail_company_list ul li p {
        font-size: 16px;
        line-height: 24px;
        white-space: normal;
        word-break: break-all;
    }

    .contact_detail_inquiry {
        margin-top: 60px;
    }

    .inquiry-box {
        margin-top: 30px;
    }

    .inquiry-box .row-controls.small_list {
        padding-left: 12px;
        height: 40px;
        margin-bottom: 20px;
        border-radius: 6px;;
    }

    .inquiry-box .row-controls span {
        font-size: 16px;
        align-items: center;
    }

    .inquiry-box .row-controls span i {
        font-size: 16px;
        line-height: 40px;
    }

    .inquiry-box .row-controls input {
        font-size: 16px;
        line-height: 40px;
        height: 40px;
    }

    .inquiry-box .row-controls.middle_list {
        height: 40px;
        margin-bottom: 20px;
        padding-left: 12px;
        border-radius: 6px;
    }

    .inquiry-box .row-controls.message {
        margin-bottom: 20px;
        height: 100px;
    }

    .inquiry-box .row-controls.message textarea {
        padding: 12px;
        font-size: 16px;
        height: 100px;
    }

    .inquiry-box .row-controls.verify_list {
        height: 40px;
        padding-left: 12px;
        margin-bottom: 20px;
    }

    .inquiry-box .row-controls {
        height: 40px;
        border-radius: 6px;
    }

    .inquiry-box .form-row img {
        height: 40px;
        margin-bottom: 20px;
    }

    .inquiry-box .form-row.submit {
        margin-top: 0;
        width: 120px;
        height: 40px;
    }

    .inquiry-box .form-row.submit .button {
        height: 40px;
        line-height: initial;
        font-size: 16px;
        border-radius: 6px;
        display: flex;
        align-items: center;
        justify-content: center;
    }

    .contact_detail {
        margin-top: 50px;
        margin-bottom: 50px;
    }
}

@media (max-width: 540px) {
    .contact_detail_company_list ul li h4 {
        font-size: 18px;
        line-height: 28px;
    }

    .contact_detail_company_list ul li p {
        font-size: 14px;
        line-height: 20px;
    }
}

/* ============================================================================================================================
												产品详情样式
===============================================================================================================================*/
.product_detail_top {
    width: 100%;
    background: #fff;
    padding-bottom: 50px;
}

.product_detail_top_main {
    display: flex;
    flex-wrap: wrap;
}

.product_detail_top_main_left {
    width: 50%;
}

.product_detail_top_main_left_main {
    padding: 0 100px;
    margin-top: 70px;
}

.product_detail_top_main_right {
    width: 50%;
    margin-top: 30px;
    padding-right: 100px;
}

.product_detail_top_main_left h4 {
    font-size: 54px;
    line-height: 78px;
    font-weight: bold;
    color: #191919;
}

.product_detail_top_main_left p {
    margin-top: 30px;
    font-size: 24px;
    line-height: 35px;
    color: #191919;
}

.product_detail_top_main_left_btn {
    display: flex;
    margin-top: 60px;
}

.product_detail_top_main_left_btn .more a p {
    margin-top: 0;
}

.product_detail_top_main_left_btn .more.product_zixun_btn {
    margin-right: 20px;
}

.product_detail_main_banner {
    height: 440px;
    width: 100%;
    position: relative;
}

.product_detail_main_banner .product_detail_banner {
    width: 440px;
    height: 440px;
    margin: auto;
    position: initial;
}

.product_detail_main_banner .product_detail_banner ul li .pic img {
    width: 100%;
    height: 100%;
    object-fit: contain;
}

.product_detail_banner .product_detail_next {
    width: 20px;
    height: 36px;
    margin: 0;
    position: absolute;
    right: 0;
    top: 50%;
    transform: translateY(-50%);
}

.product_detail_banner .product_detail_prev {
    width: 20px;
    height: 36px;
    margin: 0;
    position: absolute;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
}

.product_detail_next i {
    display: block;
    width: 20px;
    height: 36px;
    background: url('/static-cms-static-css-..-images-right_detail_product.png.jpg') no-repeat center center;
    background-size: contain;
}

.product_detail_next:hover i {
    background: url('/static-cms-static-css-..-images-product_detail_banner_right.png.jpg') no-repeat center center;
    background-size: contain;
}

.product_detail_prev i {
    display: block;
    width: 20px;
    height: 36px;
    background: url('/static-cms-static-css-..-images-product_detail_banner_left.png.jpg') no-repeat center center;
    background-size: contain;
}

.product_detail_prev:hover i {
    background: url('/static-cms-static-css-..-images-left_detail_product_active.png.jpg') no-repeat center center;
    background-size: contain;
}

.product_detail_main_thumb_banner {
    margin: auto;
    margin-top: 20px;
    width: 340px;
}

.product_detail_main_thumb_banner .product_detail_thumb ul li .pic {
    box-sizing: border-box;
    border: 1px solid #ececec;
}

.product_detail_main_thumb_banner .product_detail_thumb ul li.swiper-slide-thumb-active .pic {
    border: 1px solid #1894da;
}

.product_detail .list_product_advantage {
    margin-top: 130px;
    padding: 0;
}

.product_detail .list_product_advantage_list ul li {
    background: #F3F3F3;
}

.product_detail .list_product_advantage_list ul li:nth-child(odd) {
    background: url(/static-cms-static-css-..-images-product_advantage_bg.png.jpg) no-repeat center;
    background-size: 100% 100%;
}

@media (max-width: 1500px) {
    .product_detail_top_main_left_main {
        padding: 0 50px;
    }

    .product_detail_top_main_right {
        padding-right: 50px;
    }
}

@media (max-width: 1400px) {
    .product_detail_top_main_left_main {
        padding: 0 25px 0;
    }

    .product_detail_top_main_right {
        padding-right: 25px;
        padding-left: 25px;
    }
}


.product_detail {
    margin-top: 70px;
    background: #fff;
    border-radius: 10px;
    overflow: hidden;
    padding: 0 100px 100px;
}

.product_detail_stats {
    margin-top: 120px;
}

.product_detail_stats .title h2 {
    color: #333;
}

.product_detail_stats .title p {
    color: rgba(189, 187, 187, 0.15);
}

.product_detail_stats_main {
    margin-top: 30px;
}

.product_detail_stats_main ul {
    display: flex;
    flex-wrap: wrap;
}

.product_detail_stats_main ul li {
    width: 50%;
    min-height: 60px;
    padding: 0 50px;
    box-sizing: border-box;
    border-bottom: 1px solid #ececec;
    border-left: 1px solid #ececec;
    border-right: 1px solid #ececec;
    display: flex;
    align-items: center;
}

.product_detail_stats_main ul li:first-child {
    border-top: 1px solid #ececec;
}

.product_detail_stats_main ul li:nth-child(2) {
    border-top: 1px solid #ececec;
}

.product_detail_stats_main ul li:nth-child(2n) {
    border-left: 0;
}

.product_detail_stats_main ul li p {
    font-size: 18px;
    line-height: 28px;
    color: #191919;
}

.product_detail_stats_main ul li span {
    flex: 1;
    overflow: hidden;
    white-space: pre-wrap;
    flex-wrap: wrap;
    display: block;
    font-size: 18px;
    line-height: 28px;
    color: #191919;
}

@media (max-width: 1550px) {
    .product_detail {
        padding: 0 30px 100px;
    }

    .product_detail_stats_main ul li {
        padding: 0 20px;
    }
}

.product_detail_argument {
    /*margin-top: 130px;*/
}

.product_detail_argument .title h2 {
    color: #333;
}

.product_detail_argument .title p {
    color: rgba(189, 187, 187, 0.15);
}

.product_detail_argument .content {
    /*margin-top: 60px;*/
}

.product_detail_argument table {
    width: 100% !important;
}

.product_detail_argument .content tr td {
    font-size: 18px !important;
    text-align: center;
    height: 60px !important;
}

.product_detail_argument .content tr td span {
    font-size: 18px !important;
}

.product_detail_content {
    margin-top: 100px;
}

.product_detail_return {
    display: flex;
    justify-content: space-around;
    align-items: center;
    margin-top: 90px;
}

.product_detail_return a {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 178px;
    height: 44px;
    box-sizing: border-box;
    /* background: url('/static-cms-static-css-..-images-more/border/2x.png.jpg') no-repeat center center; */
    border: 1px solid #333;
    border-radius: 8px;
}

.product_detail_return a p {
    font-size: 22px;
    line-height: 28px;
    /* margin-right: 20px; */
    margin-right: 0;
    color: #333333;
}

.product_detail_return a:hover {
    /* background: url('/static-cms-static-css-..-images-more/border/bg/2x.png.jpg') no-repeat center center;
    background-size: contain; */
    background: #1894da;
    border-color: #1894da;
}

.product_detail_return a:hover p {
    color: white;
}

.product_detail_return a.list_return p {
    /* margin-right: 5px; */
    margin-bottom: 0;
}

.product_detail_return a i {
    /* display: block; */
    width: 28px;
    height: 28px;
    display: none;
}

.product_detail_return a.list_return i {
    /* display: block; */
    width: 28px;
    height: 28px;
    background: url('/static-cms-static-css-..-images-top_icon_normal.png.jpg') no-repeat center center;
    background-size: contain;
    display: none;
}

.product_detail_return a.list_return:hover i {
    background: url('/static-cms-static-css-..-images-page_return_list.png.jpg') no-repeat center center;
    background-size: contain;
}

.product_detail_return a.prev i {
    background: url('/static-cms-static-css-..-images-page_left.png.jpg') no-repeat center center;
    background-size: contain;
}

.product_detail_return a.prev:hover i {
    background: url('/static-cms-static-css-..-images-left_icon_active.png.jpg') no-repeat center center;
    background-size: contain;
}

.product_detail_return a.next i {
    background: url('/static-cms-static-css-..-images-more/btn/2x.png.jpg') no-repeat center center;
    background-size: contain;
}

.product_detail_return a.next:hover i {
    background: url('/static-cms-static-css-..-images-more/btn/active.png.jpg') no-repeat center center;
    background-size: contain;
}

@media (max-width: 1200px) {
    .product_detail_argument .content {
        margin-top: 60px;
        scrollbar-color: #333 #eee;
        overflow-x: auto;
    }

    .product_detail_argument table {
        min-width: 1200px;
    }

    .product_detail_top_main_left {
        width: 100%;
        padding: 0 25px;
    }

    .product_detail_top_main_left_main {
        margin-top: 55px;
        padding: 0;
    }

    .product_detail_top_main_left p {
        margin-top: 30px;
        font-size: 22px;
        line-height: 33px;
    }

    .product_detail_stats_main ul li span {
        font-size: 18px;
        line-height: 28px;
    }

    .product_detail_argument .content tr td {
        font-size: 18px !important;
    }

    .product_detail_argument .content tr td span {
        font-size: 18px !important;
    }

    .product_detail_stats_main ul li p {
        font-size: 18px;
        line-height: 28px;
    }

    .product_detail_top_main_left_btn {
        margin-top: 35px;
    }

    .product_detail_top_main_right {
        width: 100%;
        padding: 0 50px;
    }

    .product_detail_main_banner {
        height: auto;
    }

    .product_detail_main_banner .product_detail_banner {
        width: 70%;
        height: auto;
    }

    .product_detail_main_thumb_banner {
        width: 420px;
    }

    .product_detail_top {
        padding-bottom: 100px;
    }

    .product_detail {
        margin-top: 90px;
        padding: 0 25px 90px;
    }

    .product_detail_stats {
        margin-top: 80px;
    }

    .product_detail_stats_main {
        margin-top: 30px;
    }

    .product_detail_stats_main ul li {
        padding: 0 50px;
        width: 100%;
    }

    .product_detail_stats_main ul li:nth-child(2) {
        border-top: 0;
    }

    .product_detail_stats_main ul li:nth-child(2n) {
        border-left: 1px solid #ececec;
    }

    .product_detail_argument {
        margin-top: 80px;
    }

    .product_detail_argument .content {
        margin-top: 30px;
    }

    .product_detail .list_product_advantage {
        margin-top: 80px;
        padding: 0;
    }

    .product_detail_return {
        margin-top: 80px;
    }
}

@media (max-width: 980px) {
    .product_detail_content img {
        width: 100% !important;
        height: auto;
    }
}

/* ==产品推荐样式==*/
.product_detail_recommon {
    margin-top: 120px;
    margin-bottom: 80px;
}

.product_detail_recommon .title h2 {
    color: #333;
}

.product_detail_recommon .title p {
    color: rgba(189, 187, 187, 0.15);
}

.product_detail_recommon_content {
    margin-top: 80px;
}

.product_detail_recommon_banner {
    padding-bottom: 60px;
}

.product_detail_recommon_banner ul li {
    border-radius: 10px;
    background: #fff;
}

.product_detail_recommon_banner ul li a {
    display: block;
    padding: 30px;
}

.product_detail_recommon_banner ul li a .pic img {
    width: 100%;
    height: auto;
}

.product_detail_recommon_banner ul li a p {
    margin-top: 25px;
    font-size: 22px;
    line-height: 30px;
    text-align: center;
    color: #333;
}

.product_recommon-spanbox {
    position: absolute;
    bottom: 0;
    height: 10px;
    display: flex;
    justify-content: center;
}

.product_recommon-spanbox span {
    display: block;
    width: 10px;
    height: 10px;
    border-radius: 50%;
    background: #555;
}

.product_recommon-spanbox span.swiper-pagination-bullet-active {
    background: #1894da;
}

@media (max-width: 1500px) {
    .product_detail_recommon_banner ul li a {
        padding: 20px;
    }

    .product_detail_recommon_banner ul li a p {
        font-size: 16px;
        line-height: 24px;
    }
}

@media (max-width: 1400px) {
    .product_detail_recommon_banner ul li a {
        padding: 15px;
    }
}

@media (max-width: 1200px) {
    .product_detail_recommon_banner ul li a {
        padding: 30px;
    }

    .product_detail_recommon {
        margin-top: 80px;
        margin-bottom: 90px;
    }

    .product_detail_recommon_banner ul li a p {
        font-size: 22px;
        line-height: 30px;
    }
}

@media (max-width: 760px) {
    .product_detail_top_main_left {
        padding: 0 20px;
    }

    .product_detail_top_main_left .crumb {
        padding: 20px 0;
    }

    .product_detail_top_main_left .crumb span {
        font-size: 16px;
        line-height: 16px;
    }

    .product_detail_top_main_left .crumb a {
        font-size: 16px;
        line-height: 16px;
    }

    .product_detail_top_main_left_main {
        margin-top: 15px;
    }

    .product_detail_top_main_left h4 {
        font-size: 24px;
        line-height: 32px;
    }

    .product_detail_top_main_left p {
        font-size: 16px;
        line-height: 24px;
        margin-top: 20px;
    }

    .product_detail_top_main_left_btn {
        margin-top: 20px;
    }

    .product_detail_top_main_right {
        padding: 0 20px;
        margin-top: 20px;
    }

    .product_detail_main_thumb_banner {
        width: 80%;
        margin-top: 15px;
    }

    .product_detail_main_banner .product_detail_banner {
        width: 80%;
    }

    .product_detail_top {
        padding-bottom: 50px;
    }

    .product_detail {
        margin-top: 50px;
        padding: 0 20px 50px;
    }

    .product_detail_stats {
        margin-top: 50px;
    }

    .product_detail_stats_main ul li {
        padding: 0 15px;
        min-height: 60px;
    }

    .product_detail_stats_main ul li p {
        font-size: 16px;
        line-height: 24px;
    }

    .product_detail_stats_main ul li span {
        font-size: 16px;
        line-height: 24px;
    }

    .product_detail_argument {
        margin-top: 50px;
    }

    .product_detail_argument .content tr td {
        font-size: 18px !important;
        height: 40px !important;
    }

    .product_detail_argument .content tr td span {
        font-size: 18px !important;
    }

    .product_detail .list_product_advantage {
        margin-top: 50px;
        padding: 0;
    }

    .product_detail_content {
        margin-top: 50px;
    }

    .product_detail_return {
        margin-top: 50px;
        flex-wrap: wrap;
        margin-bottom: -10px;
    }

    .product_detail_return a {
        width: max-content;
        height: 32px;
        padding: 0 15px;
        margin-bottom: 10px;
    }

    .product_detail_return a.prev, .product_detail_return a.next, .product_detail_return a.list_return {
        background: none;
        /* border: 1px solid; */
        border-radius: 6px;
    }

    .product_detail_return a.prev:hover, .product_detail_return a.next:hover, .product_detail_return a.list_return:hover {
        background: #1894da;
        border: 1px solid #1894da;
        /* border-radius: 16px; */
    }

    .product_detail_return a p {
        font-size: 16px;
        line-height: 24px;
        /* margin-right: 5px; */
        margin-right: 0
    }

    .product_detail_return a i {
        width: 20px;
        height: 20px;
    }

    .product_detail_return a.list_return i {
        width: 20px;
        height: 20px;
    }

    .product_detail_recommon {
        margin-top: 50px;
        margin-bottom: 50px;
    }

    .product_detail_recommon_content {
        margin-top: 30px;
    }

    .product_detail_recommon_banner {
        padding-bottom: 40px;
    }

    .product_detail_recommon_banner ul li a {
        padding: 20px;
    }

    .product_detail_recommon_banner ul li a p {
        font-size: 16px;
        line-height: 24px;
        margin-top: 15px;
    }
}

@media (max-width: 640px) {
    .product_detail_return a {
        height: 28px;
    }

    .product_detail_return a p {
        font-size: 14px;
    }

    .product_detail_recommon_banner ul li a {
        padding: 15px;
    }

    .product_detail_recommon_banner ul li a p {
        margin-top: 10px;
    }

    .more.zixun:hover a i {
        background: url('/static-cms-static-css-..-images-more/add/active.png.jpg') no-repeat center center;
        background-size: contain;
    }

}

@media (max-width: 540px) {
    .product_detail_top_main_left .crumb span {
        font-size: 14px;
        line-height: 14px;
    }

    .product_detail_top_main_left .crumb a {
        font-size: 14px;
        line-height: 14px;
    }

    .product_detail_top_main_left h4 {
        font-size: 20px;
        line-height: 28px;
    }

    .product_detail_top_main_left p {
        font-size: 14px;
        line-height: 20px;
    }

    .product_detail_stats_main ul li p {
        font-size: 14px;
        line-height: 20px;
    }

    .product_detail_stats_main ul li span {
        font-size: 14px;
        line-height: 20px;
    }

    .product_detail_stats_main ul li {
        min-height: 45px;
    }
}

/* ============================================================================================================================
												关于我们样式
===============================================================================================================================*/
.detail_about {
    width: 100%;
    background: url('/static-cms-static-css-..-images-detail_about_bg.png.jpg') no-repeat center center;
    background-size: cover;
    padding: 190px 0;
    z-index: 0;
}

.detail_about_center {
    position: relative;
    z-index: 1;
    background: white;
}

.detail_about_content {
    display: flex;
    margin-top: 100px;
}

.detail_about_content_left {
    width: 49%;
    margin-right: 2%;
}

.detail_about_content_left p {
    text-indent: 2em;
    color: #ffffff;
    font-size: 16px;
    line-height: 25px;
    margin-bottom: 10px;
}

.detail_about_content_right {
    width: 49%;
    margin-top: 30px;
}

.detail_about_video_main {
    position: relative;
    background: url('/static-cms-static-css-..-images-detail_about_video_mask.png.jpg') no-repeat center center;
    background-size: cover;
    padding: 10px;
}

.detail_about_video_main video {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    background: #000;
    z-index: 1;
    display: block;
    visibility: hidden;
}

.detail_about_video_main img {
    width: 100%;
    height: auto;
}

.detail_about_more {
    margin-top: 30px;
}

.detail_about_more a {
    display: flex;
    align-items: center;
    width: max-content;
    margin: auto;
    padding: 9px 20px;
    /* border: 1px solid #ffffff;
    border-radius: 25px; */
    cursor: pointer;
    border: 1px solid #ffffff;
    border-radius: 8px;
}

.detail_about_more a p {
    font-size: 22px;
    line-height: 24px;
    color: #ffffff;
    /* margin-right: 8px; */
    margin-right: 0;
}

.detail_about_more a i {
    /* display: block; */
    width: 24px;
    height: 24px;
    background: url('/static-cms-static-css-..-images-more/btn/active.png.jpg') no-repeat center center;
    background-size: 24px 24px;
    display: none;
}

.detail_pinzhi .index_about_bottom {
    padding: 130px 0 30px;
}

/* 发展历程 */
.detail_develop {
    overflow: hidden;
    padding: 190px 0 0;
    width: 100%;
}

.detail_develop_content {
    margin-top: 100px;
}

.detail_develop .title h2 {
    color: #333;
}

.detail_develop .title p {
    color: rgba(189, 187, 187, 0.15);
}

.develop_banner {
    position: relative;
    height: 790px;
}

.detail_develop_san {
    position: absolute;
    width: 100vw;
    bottom: 0;
    left: 50%;
    transform: translateX(-50%);
    z-index: 2;
}

.detail_develop_san img {
    width: 100%;
    height: auto;
    min-height: 520px;
    object-fit: cover;
}

.develop_banner.swiper-container {
    overflow: initial;
}

.develop_banner ul {
    /* padding-bottom: 190px; */
}

/* .develop_banner ul li:nth-child(even){
    margin-top: 100px;
} */
.develop_banner ul li {
    padding: 0 20px;
    position: relative;
    opacity: 0.4;
}

.develop_banner ul li h4 {
    font-size: 44px;
    line-height: 68px;
    margin-top: 10px;
    color: #333333;
    font-weight: bold;
}

.develop_banner ul li p {
    font-size: 18px;
    line-height: 28px;
    color: #333333;
}

.develop_banner ul li.swiper-slide-active {
    opacity: 1;
}

.develop_banner ul li.swiper-slide-next {
    opacity: 1;
}

.develop_banner ul li.swiper-slide-next + li {
    opacity: 1;
}

.develop_banner ul li::before {
    position: absolute;
    top: 0;
    left: 0;
    content: '';
    width: 2px;
    height: 100%;
    background-color: #000000;

}

.develop_banner .develop-next {
    width: 65px;
    height: 65px;
    position: absolute;
    top: initial;
    bottom: 90px;
    right: 50%;
    transform: translateX(calc(50% + 90px));

}

.develop_banner ul li a img {
    width: 75%;
}

.develop_banner .develop-next i {
    display: block;
    width: 65px;
    height: 65px;
    background: url('/static-cms-static-css-..-images-develop_banner_right.png.jpg') no-repeat center;
    background-size: contain;
}

.develop_banner .develop-next:hover i {
    background: url('/static-cms-static-css-..-images-video_btn/2x.png.jpg') no-repeat center;
    background-size: contain;
}

.develop_banner .develop-prev {
    width: 65px;
    height: 65px;
    position: absolute;
    top: initial;
    bottom: 90px;
    left: 50%;
    transform: translateX(calc(-50% - 90px));
}

.develop_banner .develop-prev i {
    display: block;
    width: 65px;
    height: 65px;
    background: url('/static-cms-static-css-..-images-develop_banner_left.png.jpg') no-repeat center;
    background-size: contain;
}

.develop_banner .develop-prev:hover i {
    background: url('/static-cms-static-css-..-images-banner_left_active.png.jpg') no-repeat center;
    background-size: contain;
}

@media (max-width: 1550px) {
    .develop_banner ul li a img {
        width: 80%;
    }
}

@media (max-width: 760px) {
    .develop_banner ul li a img {
        width: 95%;
    }
}

/* 公司环境 */
.detail_environment {
    padding: 190px 0 140px;
}

.detail_environment .title h2 {
    color: #333;
}

.detail_environment .title p {
    color: rgba(189, 187, 187, 0.15);
}

.detail_environment_content {
    width: 100%;
    margin-top: 100px;
}

.detail_environment_content .waterfull .item {
    width: 32%;
    margin-right: 1.2%;
    margin-bottom: 1.2%;
    overflow: hidden;
    border-radius: 20px;
    position: relative;
}

.detail_environment_content .waterfull .item::after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-image: linear-gradient(to right top, rgba(0, 0, 0, 0.6), rgba(0, 0, 0, 0.1));
}

.detail_environment_content .waterfull .item:hover img {
    transform: scale(1.1);
    transition: all 0.5s linear;
}

.detail_environment_content .waterfull .item p {
    position: absolute;
    left: 20px;
    bottom: 20px;
    font-size: 18px;
    line-height: 28px;
    color: #fff;
    z-index: 2;
}

.big {
    width: 100vw;
    height: 100vh;
    background: rgba(0, 0, 0, 0.6);
    position: fixed;
    top: 0;
    left: 0;
    z-index: 999999;
    display: none;
}

.big_img {
    width: auto;
    zoom: 1.5;
    height: auto;
    max-width: 90%;
    max-height: 90%;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    z-index: 2;
}

/* 企业使命 */
.culture-slide {
    position: relative;
}

.detail_culture .container {
    position: relative;
}

.culture-wr .culture-info {
    position: absolute;
    top: 100px;
    left: 80px;
    opacity: 0;
    visibility: hidden;
    transform: translateY(60px);
    transition: 0.65s 0.8s;
}

.culture-slide.swiper-slide-active .culture-wr .culture-info {
    opacity: 1;
    visibility: visible;
    transform: translateY(0);
    transition-delay: 0.65s;
}

.culture-info h4 {
    font-size: 44px;
    line-height: 44px;
    color: #fff;
}

.culture-info p {
    font-size: 18px;
    line-height: 28px;
    margin-top: 16px;
    color: #fff;
}

.culture-hide {
    position: absolute;
    left: 50%;
    bottom: 90px;
    transform: translateX(-50%);
    z-index: 99;
}

.culture-hide ul {
    display: flex;
}

.culture-hide ul li {
    margin-right: 60px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    width: max-content !important;
    height: auto;
}

.culture-hide ul li:last-child {
    margin-right: 0;
}

.culture-hide ul li .pic {
    width: 80px;
    height: 80px;
    border: 1px solid #fff;
    box-sizing: border-box;
    border-radius: 50%;
    display: flex;
    justify-content: center;
    align-items: center;
}

.culture-hide ul li .pic img {
    display: block;
    width: 50px;
    height: 50px;
    object-fit: contain;
}

.culture-hide ul li p {
    font-size: 22px;
    color: #fff;
    margin-top: 10px;
    line-height: 22px;
    white-space: nowrap;
}

.culture-hide ul li.swiper-slide-thumb-active .pic {
    background: #1894da;
    border: none;
}

/* 四大优势 */
.detail_advantage {
    padding: 190px 0 160px;
}

.detail_advantage .title h2 {
    color: #333;
}

.detail_advantage .title p {
    color: rgba(189, 187, 187, 0.15);
}

.detail_advantage_content {
    margin-top: 90px;
    padding: 0 40px;
}

.detail_advantage_content ul {
    display: flex;
}

.detail_advantage_content ul li {
    width: calc((100% - 30px) / 4);
    margin-right: 10px;
    border: 1px solid #E3E3E3;
    box-sizing: border-box;
    padding: 100px 40px 130px;
}

.detail_advantage_content ul li:last-child {
    margin-right: 0;
}

.detail_advantage_content ul li .pic {
    width: 80px;
    height: 80px;
    margin: auto;
}

.detail_advantage_content ul li .pic img {
    display: block;
    width: 80px;
    height: 80px;
    object-fit: contain;
}

.detail_advantage_content ul li .pic .active_img {
    display: none;
}

.detail_advantage_content ul li.on .pic .img {
    display: none;
}

.detail_advantage_content ul li.on .pic .active_img {
    display: block;
}

.detail_advantage_content ul li h4 {
    margin-top: 40px;
    font-size: 30px;
    text-align: center;
    color: #333;
}

.detail_advantage_content ul li p {
    margin-top: 35px;
    font-size: 18px;
    line-height: 30px;
    color: #333;
    text-align: center;
}


@media (max-width: 1600px) {
    .detail_about_content_left p {
        font-size: 18px;
        line-height: 30px;
    }
}

@media (max-width: 1200px) {
    .culture-info p {
        font-size: 22px;
        line-height: 34px;
        margin-top: 20px;
    }

    .detail_pinzhi .index_about_bottom {
        padding: 80px 0 0;
    }

    .detail_develop {
        padding: 130px 0 0;
    }

    .develop_banner {
        height: 810px;
    }

    .detail_develop_content {
        margin-top: 70px;
    }

    .detail_about_content {
        display: block;
        margin-top: 30px;
    }

    .detail_environment {
        padding: 130px 0 90px;
    }

    .detail_environment_content {
        margin-top: 70px;
    }

    .detail_environment_content .waterfull .item {
        width: 49%;
        margin-right: 0.8%;
        margin-bottom: 0.8%;
        overflow: hidden;
        border-radius: 20px;
    }

    .detail_environment_content .waterfull .item img {
        width: 100%;
    }

    .detail_advantage {
        padding: 130px 0 80px;
    }

    .detail_advantage_content {
        margin-top: 70px;
        padding: 0;
    }

    .detail_advantage_content ul {
        flex-wrap: wrap;
    }

    .detail_advantage_content ul li {
        width: calc(50% - 5px);
        margin-right: 10px;
        margin-bottom: 10px;
        border: 1px solid #E3E3E3;
        box-sizing: border-box;
        padding: 90px 40px 100px;
    }

    .detail_advantage_content ul li:nth-child(2n) {
        margin-right: 0;
    }

    .culture-wr img {
        width: 100%;
    }

    .detail_about_content_left {
        width: 100%;
        margin-right: 0;
    }

    .detail_about_content_right {
        width: 100%;
        margin-top: 50px;
    }

    .detail_about {
        padding: 80px 0 60px;
    }

    .detail_about_content_left p {
        /* font-size: 24px;
        line-height: 33px; */
        font-size: 22px;
        line-height: 36px;
    }

    .detail_about_more {
        margin-top: 50px;
    }

    .detail_about_more a {
        padding: 10px 20px;
        /* border-radius: 30px; */
        border-radius: 8px;
    }

    .detail_about_more a i {
        /* display: block; */
        width: 40px;
        height: 40px;
        background: url('/static-cms-static-css-..-images-more/btn/active.png.jpg') no-repeat center center;
        background-size: 40px 40px;
        display: none;
    }

    .detail_about_more a p {
        /* font-size: 33px;
        line-height: 36px; */
    }
}

@media (max-width: 760px) {
    .detail_pinzhi .index_about_bottom {
        padding: 50px 0 0;
    }

    .detail_about {
        padding: 50px 0 30px;
    }

    .detail_about_content {
        margin-top: 30px;
    }

    .detail_about_content_left p {
        font-size: 16px;
        line-height: 24px;
    }

    .detail_about_content_right {
        margin-top: 30px;
    }

    .detail_about_more {
        margin-top: 30px;
    }

    .detail_about_more a {
        display: flex;
        align-items: center;
        width: max-content;
        margin: auto;
        padding: 9px 20px;
        /* border: 1px solid #ffffff;
        border-radius: 25px; */
    }

    .detail_about_more a p {
        font-size: 22px;
        line-height: 24px;
        color: #ffffff;
        /* margin-right: 8px; */
        margin-right: 0;
    }

    .detail_about_more a i {
        /* display: block; */
        width: 24px;
        height: 24px;
        background: url('/static-cms-static-css-..-images-more/btn/active.png.jpg') no-repeat center center;
        background-size: 24px 24px;
        display: none;
    }

    .detail_develop {
        padding: 50px 0 0;
        /* background: url('/static-cms-static-css-..-images-develop_banner_bg_mobile.png.jpg') no-repeat bottom center;
        background-size: contain; */
    }

    .detail_develop_san img {
        min-height: 70vw;
        object-fit: contain;
        object-position: bottom;
    }

    .detail_develop_content {
        margin-top: 30px;
    }

    .develop_banner ul li h4 {
        font-size: 30px;
        line-height: 40px;
    }

    .develop_banner ul li p {
        font-size: 16px;
        line-height: 24px;
    }

    .develop_banner {
        height: calc(80vw + 190px);
    }

    .develop_banner ul li::before {
        height: 100%;
    }

    .develop_banner .develop-prev {
        width: 50px;
        height: 50px;
        position: absolute;
        top: initial;
        bottom: 60px;
        left: 50%;
        transform: translateX(calc(-50% - 75px));
    }

    .develop_banner .develop-prev i {
        display: block;
        width: 50px;
        height: 50px;
        background: url(/static-cms-static-css-..-images-develop_banner_left.png.jpg) no-repeat center;
        background-size: contain;
    }

    .develop_banner .develop-next {
        width: 50px;
        height: 50px;
        position: absolute;
        top: initial;
        bottom: 60px;
        right: 50%;
        transform: translateX(calc(50% + 75px));
    }

    .develop_banner .develop-next i {
        display: block;
        width: 50px;
        height: 50px;
    }

    .detail_environment {
        padding: 50px 0;
    }

    .detail_environment_content {
        margin-top: 30px;
    }

    .detail_environment_content .waterfull .item {
        width: 100%;
        margin-right: 0;
        margin-bottom: 20px;
        overflow: hidden;
        border-radius: 12px;
    }

    .detail_environment_content .waterfull .item p {
        position: absolute;
        left: 20px;
        bottom: 20px;
        font-size: 16px;
        line-height: 24px;
        color: #fff;
    }

    .detail_advantage {
        padding: 50px 0;
    }

    .detail_advantage_content {
        margin-top: 30px;
    }

    .detail_advantage_content ul li {
        width: 100%;
        margin-right: 0;
        margin-bottom: 15px;
        border: 1px solid #E3E3E3;
        box-sizing: border-box;
        padding: 30px 20px;
    }

    .detail_advantage_content ul li .pic {
        width: 50px;
        height: 50px;
        margin: auto;
    }

    .detail_advantage_content ul li .pic img {
        width: 50px;
        height: 50px;
    }

    .detail_advantage_content ul li h4 {
        font-size: 20px;
        margin-top: 20px;
        line-height: 20px;
    }

    .detail_advantage_content ul li p {
        font-size: 16px;
        line-height: 24px;
        margin-top: 15px;
    }

    .culture-hide ul li {
        width: 28% !important;
        margin-right: 0;
    }

    .culture-hide {
        width: 100%;
        padding: 0 20px;
    }

    .culture-wr .culture-info {
        top: 30px;
        left: 20px;
    }

    .culture-info h4 {
        font-size: 24px;
        line-height: 24px;
    }

    .culture-info p {
        font-size: 16px;
        line-height: 24px;
        margin-top: 10px;
    }

    .culture-hide ul li p {
        font-size: 16px;
        line-height: 24px;
    }
}

@media (max-width: 540px) {
    .develop_banner ul li p {
        font-size: 14px;
        line-height: 20px;
    }

    .detail_advantage_content ul li p {
        font-size: 14px;
        line-height: 20px;
    }

    .culture-info p {
        font-size: 14px;
        line-height: 20px;
    }

    .culture-hide ul li .pic {
        width: 50px;
        height: 50px;
    }

    .culture-hide ul li .pic img {
        width: 32px;
        height: 32px;
    }

    .culture-hide {
        bottom: 60px;
    }

    .detail_about_content_left p {
        font-size: 14px;
        line-height: 20px;
    }

    .detail_about_more a p {
        font-size: 18px;
    }
}

/* ============================================================================================================================
												文化样式
===============================================================================================================================*/
.culture_title {
    width: 100%;
    text-align: center;
    color: #000000;
    font-size: 36px;
    line-height: 1.8;
}

@media (max-width: 1366px) {
    .culture_title {
        font-size: 24px;
    }
}

.culture_box {
    padding: 0.6rem 0;
    overflow: hidden;
    width: 100%;
    background-color: #f5f5f5;
}

.culture_box ul {
    width: 102%;
    margin-left: -1%;
    font-size: 0px;
}

.culture_box li {
    display: inline-block;
    vertical-align: top;
    margin: 1%;
    background-color: rgba(238, 238, 238, 1);
    border-radius: 12px;
    transition: all .5s ease;
}

.culture_box li:hover {
    transform: translateY(-10px);
    -webkit-transform: translateY(5px);
}

.culture_box li dt {
    width: 100px;
    height: 100px;
    margin: 40px auto 0;
}

.culture_box li dt img {
    width: 100%;
}

.culture_box li dd {
    padding: 20px;
}

.culture_box li h3 {
    text-align: center;
    color: #2bc48a;
    font-size: 22px;
    font-weight: bold;
    margin-bottom: 10px;
}

.culture_box li p {
    line-height: 1.7;
    font-size: 16px;
    color: #333;
    text-align: center;
}

@media (min-width: 1400px) {
    .culture_box li {
        width: 18%;
    }
}

@media (max-width: 1400px) {
    .culture_box li {
        width: 23%;
    }

    .culture_box li p {
        font-size: 14px;
    }
}

@media (min-width: 1366px) {
    .culture_box li:nth-child(1) {
        margin-top: 40px;
    }

    .culture_box li:nth-child(2) {
        margin-top: 18px;
    }

    .culture_box li:nth-child(3) {
        margin-top: 30px;
    }

    .culture_box li:nth-child(5) {
        margin-top: 22px;
    }
}

@media (max-width: 1366px) {
    .culture_box li {
        width: 31.33%;
    }
}

@media (max-width: 767px) {

    .culture_box ul {
        width: 100%;
        margin: 0;
    }

    .culture_box li {
        width: 100%;
        margin: 1% 0;
    }
}


.culture_box1 {
    width: 100%;
    overflow: hidden;
    padding: 0.4rem 0 0;
}

.culture_box2 {
    width: 100%;
    overflow: hidden;
    position: relative;
    margin-top: 10px;
}

.culture_box2 li {
    position: relative;
    overflow: hidden;
    padding-top: 17.1%;
}

.culture_box2 li img {
    position: absolute;
    width: 100%;
    min-height: 100%;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    transition: all 0.5s;
}

.culture_box2 li:hover img {
    transform: translate(-50%, -50%) scale(1.2);
}

@media (max-width: 767px) {
    .culture_box2 {
        width: 94%;
        margin: 0 auto;
    }

    .culture_box2 li {
        padding-top: 0;
        height: 2.2rem;
    }
}

.left-boxs {
    display: block;
    width: 100%;
    overflow: hidden;
}

.left-boxs ._left img {
    width: 100%;
}

.left-boxs ._right {
    padding: 3%;
    display: flex;
    align-items: center;
    flex-wrap: wrap;
}

.left-boxs ._right h2 {
    color: #2980b9;
    font-size: 24px;
    font-weight: bolder;
    width: 100%;
    line-height: 1.6;
}

.left-boxs ._right p {
    font-size: 16px;
    padding-top: 10px;
    line-height: 2;
    color: #666;
}

.right-boxs {
    display: block;
    width: 100%;
    overflow: hidden;
}

.right-boxs ._left img {
    width: 100%;
}

.right-boxs ._right {
    padding: 3%;
    display: flex;
    align-items: center;
    flex-wrap: wrap;
}

.right-boxs ._right h2 {
    color: #2bc48a;
    font-size: 24px;
    font-weight: bolder;
    width: 100%;
    line-height: 1.6;
}

.right-boxs ._right p {
    font-size: 16px;
    padding-top: 10px;
    line-height: 2;
    color: #666;
}

.right-boxs ._left {
    float: right !important;
}

.right-boxs ._right {
    float: left !important;
}

@media (max-width: 767px) {
    .left-boxs ._right p, .right-boxs ._right p {
        font-size: 14px;
    }

    .right-boxs ._right {
        float: right !important;
    }

    .right-boxs ._left {
        float: left !important;
    }
}