@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('./font/gilroy-regular-3.otf');
}
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: #00c957;
    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: #00c957;
    border-color: #00c957;
}

.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('../images/banner_font_bg.png') 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('../images/banner_font_desc.png') 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('../images/banner_product_font.png') no-repeat center center; */
    background: #00c957;
}

@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(../images/banner_font_bg.png) 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(../images/banner_font_desc.png) 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(../images/banner_product_font.png) 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(../images/banner_font_bg.png) 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(../images/banner_font_desc.png) 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(../images/banner_product_font.png) 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: 318px;
    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 #dee6cf;
    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('../images/mnav_bottom.png') no-repeat center;
    background-size: 24px auto;
}
.mnav ._icon.son::after{
    background: url('../images/mnav_top.png') no-repeat center;
    background-size:24px auto;
}

.mnav .m_navsub{
    display: none;
    margin:0 0 20px;
    border-top: 1px solid #00c957;
}
.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: #00c957;
}
.nav ul .navli:hover .navlia::after{
    width: 100%;
}
.nav ul .navli:hover .navlia{
    color: #00c957;
}
.nav ul .navli.on .navlia{
    color: #00c957;
}
.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: #00c957;
}
.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('../images/solution_left@2x.png') no-repeat center center;
    background-size: 100%;
}
.navsub_product_banner_prev:hover i{
    background: url('../images/banner_left_active.png') no-repeat center center;
    background-size: 100%;
}
.navsub_product_banner_next i{
    display: block;
    width: 100%;
    height: 100%;
    background: url('../images/banner_next_normal.png') no-repeat center center;
    background-size: 100%;
}
.navsub_product_banner_next:hover i{
    background: url('../images/video_btn@2x.png') no-repeat center center;
    background-size: 100%;
}
.more.product_btn{
    margin: auto;
    margin-top: 20px;
}
.more{
    width: 178px;
    height: 44px;
    background: url('../images/more-border@2x.png') 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('../images/more-btn@2x.png') no-repeat center center;
    background-size: contain;
    display: none;
}
.more.index_more a i{
    display: none;
}
.more.zixun a i{
    background: url('../images/more-zixun.png') no-repeat center center;
    background-size: 28px;
}
.more:hover{
    background: url('../images/more-border-bg@2x.png') no-repeat center center;
    background-size: contain;
    background: #00c957;
    border-color: #00c957;
}
.more.index_more:hover{
    background: #00c957;
    border-color: #00c957;
}
.more:hover a i{
    background: url('../images/more-btn-active.png') no-repeat center center;
    background-size: contain;
}
.more:hover a p{
    color: white;
}
.more.zixun:hover a i{
    background: url('../images/more-add-active.png') 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('../images/more-btn@2x.png') no-repeat center center;
        background-size: contain;
    }
    .more.zixun a i{
        background: url('../images/more-zixun.png') no-repeat center center;
        background-size: 20px auto;
    }
    .more:hover{
        border: 1px solid #00c957;
        background: #00c957;
    }
    .more:hover a i{
        background: url('../images/more-btn-active.png') no-repeat center center;
        background-size:contain;
    }
}

/* --网站语言样式--*/
.lang_box{
    width: 81px;
    height: 33px;
    margin-right: 38px;
    border-radius: 16px;
    border: 1px solid #a59e9e;
}
.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: #00c957;
}
/* 电话 */
.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('../images/tel.png') no-repeat center center;
    background-size: 33px;
    margin-right: 4px;
}
.header_phone a span{
    display: block;
    color: #00c957;
    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 .pbt{
    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 .pbt{
        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 .pbt{
        font-size: 24px;
        line-height: 24px;
    }
}

/* 首页-推荐产品 */
.index_product{
    width: 100%;
    padding: 130px 0 0;
}
.index_product .title .pbt{
    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('../images/product_thumb_on_line.png') 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('../images/product_thumb_line.png') 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('../images/product_bg.png') 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 .pwz{
    font-size: 28px;
    line-height: 36px;
    margin-top: 18%;
    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('../images/more-border-bg@2x.png') no-repeat center center;
    background-size: contain;
}
.index_product_banner ul li.b1 .more.index_more{
    background: #00c957;
    border-color: #00c957;
}
.index_product_banner ul li.b1 .more p{
    color: #fff;
}
.index_product_banner ul li.b1 .more i{
    background: url('../images/more-btn-active.png') 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('../images/product_thumb_line_small@2x.png') no-repeat center center;
        background-size: 100% 100%;
    }
    .index_product_banner{
        background: url(../images/product_bg.png) 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;
    }
}

/*首页产品中心*/
.in_about{width: 100%; height: auto; overflow: hidden; background: #fff url(../images/a1b1.png) bottom center no-repeat; padding:5% 0; box-sizing: border-box;}
.in_about_left{width: 40%; float:left;}
.in_about_leftbt{overflow: hidden; margin-top:20px;}
.in_about_leftbt span{font-size: 40px; font-weight: 600; color: #333; float: left}
.in_about_leftbt p{font-size: 20px; color: #666;float: left; margin-top: 25px;}
.in_about_leftny{font-size: 16px; line-height: 30px; color: #555; margin-top:20px;}
.in_amore{margin:20px 0; overflow: hidden;}

.in_about_right{width: 50%; float: right; position:relative;}
.in_about_right_pic{overflow: hidden;  border-radius: 15px;}
.in_about_right_pic img{ position: relative; z-index: 2; width: 100%;vertical-align: middle;transition: all 0.5s; border-radius: 15px;}
.in_about_right_pic:hover img{transform: scale(1.1)!important;-webkit-transform: scale(1.1)!important;}
.in_about_rightbg{position: absolute; z-index: 1; background-color: rgba(255, 255, 255, 0.5); top: 20px; left: 20px; display: block; width: 100%; height: 100%; border-radius: 15px;}
.h80{height: 100px; overflow: hidden;}
.index_num{ padding-top:70px;}
.index_num li{ float:left; font-size:16px; color:#fff; border-right:1px solid #bed29b; width:20%; padding: 0 2%; box-sizing: border-box; text-align: center;}
.index_num li span{ display:block; font-size:16px; color:#fff; margin-bottom:0px;}
.index_num li b{ font-family:Arial, Helvetica, sans-serif; font-size:40px; color:#fff; padding-right:8px;}
.index_num li .aico{float: left}
.index_num li .aico img{max-width: 100%;}
.index_num li .last{border-right: 0px; display: none;}


.index-three{}.index-three .index-dec{margin-top: 8px;}
.int-con{position: relative;margin-top: 0;}
.int-nav{position: absolute;width: 100%;bottom:0;left: 0;background: rgba(0,0,0,.2);}
.int-menu{font-size: 0;text-align: center;overflow-x: auto;white-space: nowrap;}

.face4-font p::-webkit-scrollbar,
.pron-right-ul::-webkit-scrollbar,
.productxq-one-tit p::-webkit-scrollbar,
.int-menu::-webkit-scrollbar {
 height: 5px;
 width: 3px;
 padding-left: 5px;
 background-color: #fff;
 border-radius: 10px;
}
.face4-font p::-webkit-scrollbar-thumb,
.pron-right-ul::-webkit-scrollbar-thumb,
.productxq-one-tit p::-webkit-scrollbar-thumb,
.int-menu::-webkit-scrollbar-thumb {
 background-color:#23295a;
 border-radius: 10px;
}
.pron-right-ul::-webkit-scrollbar-thumb{background-color:#ccc;}

.int-menu1{display: inline-block;position: relative; width:15.6%;vertical-align: top;padding:1% 0; box-sizing: border-box;}
.int-menu1::before{position: absolute;content:"";width: 1px;height: 100%;background: rgba(255,255,255,.08);right: 0;top: 0;}
.int-menu1:last-child::before{display: none;}
.int-menu1.on{background: #00c957;}

.int-icon{font-size: 0;text-align: center;line-height: 37px;}
.int-icon img{display: inline-block; height:33px;vertical-align: bottom;}
.int-menu1 .cmbt{margin-top: 5%; font-size: 18px;line-height: 30px;color: #e8e8e8;}
.int-bg{}
.int-bg1{display: none; height: 722px;width: 100%; background-size: cover;background-repeat: no-repeat;background-position: center;}
.int-bg1.on{display: block;}
.int-font{position: absolute;width: 100%;top: 50%;left: 0;transform: translateY(-50%);}
.int-txt{width: 43%;padding-bottom: 12%;}
.int-txt .cbt{font-size: 40px;line-height: 50px;color: #fff;font-weight: bold;}
.int-p{margin-top: 2%;max-height: 150px; font-size: 16px;line-height: 30px;color: #fff;}
.int-mo{margin-top: 7%; display: block;text-align: center;border-left: 1px solid rgba(255,255,255,.43);border-right: 1px solid rgba(255,255,255,.43); font-size: 15px;line-height: 30px;color: #fff;width: 131px;height: 36px;line-height: 36px;}
.int-mo span{display: inline-block;position: relative;padding-right: 20px;}
.int-mo span::before{position: absolute;content: "";width: 6px;height: 8px;background: url(../img/int-mo.png)no-repeat center;background-size: 100% 100%;right: 0;top: 50%;transform: translateY(-50%);}


/* 首页-解决方案 */
.index_solution{
    width: 100%;
}
.index_solution .title{
    background: #ffffff;
    padding-top: 130px;
    padding-bottom: 50px;
}
.index_solution .title .pbt{
    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('../images/banner_next_normal.png') no-repeat center center;
    background-size: contain;
}
.solution-next i:hover{
    background: url('../images/video_btn@2x.png') no-repeat center center;
    background-size: contain;
}
.solution-prev i{
    display: block;
    width: 65px;
    height: 65px;
    background: url('../images/solution_left@2x.png') no-repeat center center;
    background-size: contain;
}
.solution-prev i:hover{
    background: url('../images/banner_left_active.png') 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('../images/more-border-bg@2x.png') no-repeat center center;
    background-size: 178px 44px;
}
.solution_main .more.index_more{
    background: #00c957;
    border-color: #00c957;
}
.solution_main .more a i{
    background: url('../images/more-btn-active.png') 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('../images/thumb_active@2x.png') 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('../images/thumb_arc@2x.png') no-repeat center center;
    background-size: 25px;
    margin: 0 2px;
}
.swiper-slide-thumb-active .solution_thumb_clearfix em{
    background: url('../images/thumb_active_arc@2x.png') 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_partner{
    width: 100%;
    padding: 130px 0 0;
}
.index_partner .title .pbt{
    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('../images/LOGO_border.png') 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('../images/fengsan_mask@2x.png') 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('../images/fengsan_mask@2x.png') 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;
     background: #fafafa;
}
.index_news .title .pbt{
    color: #333333;
}
.index_news .title p{
    color: rgba(189, 187, 187, 0.15)
}
.index_news_banner{
    width: 100%;
    position: relative;
    padding: 0 75px 50px;
    margin-top: 50px;
}
.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: 40px 20px;
    transition: all 0.4s ease;
}
.index_news_time{
    text-align: center;
    margin-right: 20px;   
}
.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: #00c957;
}
.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('../images/banner_next_normal.png') no-repeat center center;
    background-size: 65px;
}
.news-next i:hover{
    background: url('../images/video_btn@2x.png') no-repeat center center;
    background-size: contain;
}
.news-prev i{
    display: block;
    width: 65px;
    height: 65px;
    background: url('../images/solution_left@2x.png') no-repeat center center;
    background-size: contain;
}
.news-prev i:hover{
    background: url('../images/banner_left_active.png') 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 .nbt{
    font-size: 18px;
    color: #333333;
    font-weight: bold;
    line-height: 32px;
}
.index_news_text p{
    font-size: 14px;
    height: 44px;
    line-height: 22px;
    color: #333333;
}
.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: #00c957;
}
.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('../images/more-btn-active.png') 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 .nbt{
    color: #00c957;
}
.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 .nbt{
        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 .nbt{
        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 .nbt{
        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 .nybbt{
    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 .nybbt{
        font-size: 44px;
        line-height: 78px;
    }
    .adv_container ._main p{
        top: -20px;
        font-size: 75px;
    }
}
@media (max-width:760px){
    .adv_container ._main .nybbt{
        font-size: 24px;
        line-height: 24px;
    }
    .adv_container ._main p{
        font-size: 30px;
        line-height: 48px;
    }

}

/*内页公用菜单*/
.menuBox{background:#f7f7f7;height:auto;line-height:60px;font-size:16px; overflow: hidden; color: #333;}
.menuBox a{color: #333;}
.listMenu{font-size: 16px;}
.listMenu a{display:inline-block;position:relative;color:#555;margin-left:50px; }
.listMenu a:hover,.listMenu .cur{color:#00c957;}
.listMenu a::after{content:"";position: absolute;left:0;bottom:0;background:#00c957;width:0;height:2px;transition:all .5s;}
.listMenu .cur::after,.listMenu a:hover::after{width:100%;}
.pro_subMenu{text-align:center;font-size:.875rem;margin-bottom:30px;}
.pro_subMenu a{margin:0 10px;border:1px solid #ccc;height:36px;line-height:36px;display:inline-block;padding:0 15px;margin-bottom:5px;}
.pro_subMenu a:hover,.pro_subMenu .cur{background:#00c957;border:1px solid #00c957;color:#fff;}

.l-a {width: 100%;padding: 3% 0;}
.aboutny{font-size: 16px;color: #3c3d3a;line-height:32px;}
.aboutny .abt{font-size:40px; color: #3c3d3a; margin-bottom:2%; font-weight: 600;}
.aboutny img{max-width: 100%; margin:auto; clear: both; display: block;}

.abaimg{width: 100%; padding: 2% 0; height: auto; overflow: hidden;}
.abaimg ul{ margin-right: -1%}
.abaimg li{width:32.333%; float: left; margin-right: 1%}
.abaimg li .abimg{overflow: hidden;}
.abaimg li .abimg img{width: 100%; overflow: hidden; transition: all .5s; -webkit-transition: all .5s; height:auto}
.abaimg li:hover .abimg img{transform: scale(1.1);-webkit-transform: scale(1.1);}


@media all and (max-width:1024px) {  
    .menuBox {padding:0;height:auto;line-height:100%;text-align:center;} 
    .menuBox p{display: none;}
    .listMenu{width:100%; display: flex;flex-flow:row wrap;justify-content: space-between;overflow: hidden;padding-top:1px;padding-left:1px;background:#f5f5f5;margin-top:0;padding:0;line-height:45px;}
    .listMenu a{flex-grow:1;border:1px solid #ddd;margin:0;margin-left:-1px;margin-top:-1px;padding:0 20px;}
    .listMenu .cur{background:#00c957;color:#fff;}
  
}

.Floor001201{background-position:center top;background-repeat:no-repeat;background-size:cover;padding:4% 0 6%; background: url(../images/c_bg.jpg) no-repeat;}
.cbigbt{font-size:40px;color:#222;font-weight:normal;text-align:center; font-weight:600}
.cbigbt::after{display:block;content:'';margin:20px auto 50px;width:40px;height:4px;background:#00c957}
.Floor001201 li{width:22.75%;margin-right:3%;background-color:rgba(255,255,255,0.8);position:relative;float:left;padding:4% 3% 4%;transition:all ease 0.5s}
.Floor001201 li:last-child{margin-right:0}
.Floor001201 li a{position:absolute;left:0;top:0;width:100%;height:100%;z-index:10}
.Floor001201 li .ccbt{text-align:center;margin:0;font-weight:normal;font-size:20px;color:#222;padding:5% 0;position:relative}
.Floor001201 li .ccbt::before{position:absolute;content:'';width:20%;height:3px;background-color:#00c957;left:40%;bottom:0}
.Floor001201 li figure{padding-bottom:40%;background:url(../images/Floor001201-icon1.png) no-repeat center top/contain;background-position:center top/contain;background-repeat:no-repeat}
.Floor001201 li figure.hover{display:none}
.Floor001201 li p{font-size:18px;line-height:20px;height:80px;overflow:hidden;text-align:center;color:#333;opacity:0.75;margin-top:10%}
.Floor001201 li span{position:absolute;width:70px;height:23px;line-height:23px;text-align:center;background-color:#00c957;color:#fff;left:50%;margin-left:-35px;bottom:0}
.Floor001201 li:hover{background-color:rgba(0,201,87,0.67)}
.Floor001201 li:hover .ccbt,.Floor001201 li:hover p{color:#fff}
.Floor001201 li:hover .ccbt::before{background-color:#fff}
.Floor001201 li:hover span{background-color:#fff;color:#00c957}
.Floor001201 li:hover figure{animation:ease 0.8s hover001201}
.Floor001201 li:hover figure.defaul{display:none}
.Floor001201 li:hover figure.hover{display:block}
@media(max-width:640px){
    .Floor001201 li .ccbt{font-size:16px}
    .Floor001201 li p{display:none}
}
@media(max-width:480px){
    .Floor001201 li{padding:3% 0}
    .Floor001201 li span{display:none}
    .Floor001201 li figure{padding-bottom:60%}
    .Floor001201 li .ccbt{font-size:14px}
}
@keyframes hover001201{0%{background-position:left top;opacity:0}
50%{background-position:right top;opacity:0.5}
100%{background-position:center top;opacity:1}
}@-moz-keyframes hover001201{0%{background-position:left top;opacity:0}
50%{background-position:right top;opacity:0.5}
100%{background-position:center top;opacity:1}
}@-webkit-keyframes hover001201{0%{background-position:left top;opacity:0}
50%{background-position:right top;opacity:0.5}
100%{background-position:center top;opacity:1}
}



.index_honor{width:100%;padding:3% 0}
.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('../images/solution_left@2x.png') no-repeat center center;background-size:contain}
.honor_banner .honor-prev i:hover{background:url('../images/banner_left_active.png') no-repeat center center;background-size:contain}
.honor_banner .honor-next i{background:url('../images/banner_next_normal.png') no-repeat center center;background-size:100% 100%}
.honor_banner .honor-next i:hover{background:url('../images/video_btn@2x.png') 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:#00c957}
.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('../images/honor_thumb_border@2x.png') 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('../images/honor_thumb_border@2x.png') 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('../images/honor_thumb_line@2x.png') 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('../images/honor_thumb_line@2x.png') no-repeat center center;background-size:100% 100%}
.honor_thumb li.on{background-color:#00c957}
.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('../images/honor_thumb_border@2x.png') 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('../images/honor_thumb_border@2x.png') no-repeat center center;background-size:100% 100%;transform:none}
    .index_honor_banner{padding:0;margin-top:40px}
    .index_honor{padding-top:4%}
    .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('../images/honor_thumb_border@2x.png') no-repeat center center;background-size:100% 100%}
    .honor_thumb li.on::before{display:none}
}

.protemptwo{width:100%; overflow: hidden; padding: 3% 0;}
.protemptwo ul{margin-right: -2%;}
.protemptwo li{ float:left; width:23%; transition: all .5s ease; position:relative; margin:0 2% 2% 0%; border:1px solid #eee}
.protemppic{overflow:hidden; position:relative;}
.protemppic img{ width:100%; transition:all .5s ease; display: block;}
.protemptitl a{ display:block; position:relative; font-size:16px; line-height:60px; padding:0px 3%;}
.protemptitl{position:relative;}
.protemptitl a:after,.protemptitl:before,.protemppic a:after{content:''; display:block; position:absolute;}
.protemptitl a:after{ width:18px; height:18px; border-radius:50%; right:20px; top:22px; background: url(../images/cymprotwo_1.png) no-repeat top center;}
.protemptitl:before{ width:100%; height:0px; bottom:0px; left:0px; background:#00c957; transition:all 0.5s ease;}
.protemppic a:after{ width:100%; height:0px; /* background: linear-gradient(to bottom, rgba(255,255,255,0.3), transparent);*/top:0px; left:0px; transition:all 0.5s ease;} 
.protemptwo li:hover .protemppic a:after{ height:100%;}
.protemptwo li:hover .protemptitl:before{height: 100%;transition: 0.6s;}
.protemptwo li:hover .protemptitl a:after{ background-position-y:-18px;}
.protemptwo li:hover .protemptitl a{ color:#fff;}
.protemptwo li:hover .protemppic img{ transform:scale(1.2) rotateY(-180deg);}

.pro_rightss{width: 100%; padding: 3% 0; overflow: hidden;}
.productss{width:100%;}
.productss img{max-width: none !important;}
.promore_l{width:48%;float:left;}
.jqzoom{float:left;border:none;position:relative;padding:0px;cursor:pointer;margin:0px;display:block;}
.jqzoom img{width:100%;border:1px solid #d6d6d6;}
.zoomdiv{z-index:100;position:absolute;top:0px;left:0px;width:100%;height:100%;background:#fff;border:1px solid #ccc;display:none;text-align:center;overflow:hidden;}
.jqZoomPup{z-index:10;visibility:hidden;position:absolute;top:0px;left:0px;width:20px;height:20px;border:1px solid #aaa;background:#fff;opacity: 0.5;-moz-opacity: 0.5;-khtml-opacity: 0.5;filter: alpha(Opacity=50);}
.spec-preview{width:100%;height:100%;}
.spec-scroll{clear:both;margin-top:10px;width:100%;float:left;}
.spec-scroll .prev{float:left;margin-right:4px;}
.spec-scroll .next{float:right;}
.spec-scroll .prev,.spec-scroll .next{display:block;width:32px;height:32px;cursor:pointer;margin-top:5px;}
.spec-scroll .items{float:left;position:relative;width:80%;height:51px;overflow:hidden;}
.spec-scroll .items ul{position:absolute;width:999999px;}
.spec-scroll .items ul li{float:left;width:66px;text-align:center;}
.spec-scroll .items ul li img{border:1px solid #d6d6d6;padding:2px;width:57px;height:44px;}
.spec-scroll .items ul li img:hover{border:2px solid #00c957;padding:1px;}
.pros_right{width:48%;float:right;overflow:hidden;}
.pros_right_top{overflow:hidden;border-bottom:2px solid #e6e6e6;}
.pros_right_top .pbt{overflow:hidden;font-size:24px;color:#333;padding-bottom:3%;}
.pros_right_top .pwz{overflow:hidden;font-size:16px;color:#333;line-height:25px;padding-bottom:3%;}
.proleft{font-size:16px;line-height:30px;margin:5% 0;}
.proleft .bt{font-size: 16px; font-weight: 600; color: #00c957;}
.proleft p{font-size:16px;line-height:25px;}
.prorights{font-size:14px;line-height:30px;margin:2% 0; width: 68%; float: left; }
.prorights .bt{font-size: 16px; font-weight: 600; color: #00c957;}
.prorights p{font-size:14px;line-height:25px; width: 48%; float: left; margin-right: 2%;}

.pc-cx-tel-1{width: 100%;height: auto;border-top: 2px solid #e6e6e6;padding-top: 2%;overflow:hidden;margin-top:4%;}
.pc-cx-tel-1-t1{width: 28%;height: auto;background: #333;font-size: 18px;line-height: 44px;text-align: center;float: right;margin-top: 15px;}
.pc-cx-tel-1-t1 a{display: block;color: #fff;}
.pc-cx-tel-1-t2{height: auto;padding-left: 70px;background: url(../img/head-c-r1.png) no-repeat 0px center;font-size:20px;color: #454545;float:left;line-height:30px;}
.pc-cx-tel-1-t2 p{line-height: 24px;font-size: 18px}
.proleft_btn{width:100%;float:left;margin-top:3%;}
.proleft_btn li{width:150px;float:left;margin-right:10px;}
.proleft_btn li a{width:150px;height:40px;float:left;line-height:40px;text-align:center;font-size:16px;background:#eee;display:block;color: #333722}
.proleft_btn li span{float:left;padding-right:20px;}
.proleft_btn li a:hover,.proleft_btn li a.on{background:#333;color:#fff;}
.tabs-basic{width:100%;margin-top:3%;float:left;}
/* The tabs*/.tabs-basic ul{list-style:none;text-align:left;margin:0;padding:0;border-bottom:1px solid #e6e6e6;background:#eee;}
.tabs-basic ul li{display:inline-block;margin-bottom:-1px;font-size:16px;text-transform:uppercase;}
.tabs-basic a{display:block;text-decoration:none;background:#333;border:1px solid transparent;padding:10px 40px;color: #fff}
.tabs-basic .tab-active{border-bottom:2px solid #00c957;color:#fff;background:#00c957;}
/* The content*/.tabs-basic .tabs-content-placeholder{overflow:hidden;margin:auto;padding:20px 0;}
.tabs-basic .tabs-content-placeholder .div{display:none;}
.tabs-basic .tabs-content-placeholder .div.tab-content-active{display:block;line-height:30px;font-size:14px;}
.tabs-basic .tabs-content-placeholder .div.tab-content-active table{border:1px solid #d6d6d6;line-height:24px;text-align:center;}
.tabs-basic .tabs-content-placeholder .div.tab-content-active table tr{padding-left:20px;}
.tabs-basic .tabs-content-placeholder .div p{line-height:30px;text-align:left;margin-top:10px;}
.tabs-basic .tabs-content-placeholder .div img{max-width:100%;margin:auto;display: block;clear: both;}
.tabs-basic table{border-collapse:collapse;border: 1px #e6e6e6 solid !important;width:100% !important;line-height:30px!important;}
.tabs-basic table td{padding:8px!important;padding-left:12px !important;word-wrap:break-word;word-break:break-all;border:1px #e6e6e6 solid !important;line-height:30px!important;}
.tabs-basic table td div{padding:0px!important;height:auto!important;}
.hot_pro2{width:100%;float:left;margin-top:3%;}
.hot_pro2_tit{width:100%;height:45px;background:#f1f1f1;color:#333;line-height:45px;font-size:16px;padding:0 20px;border:1px solid #d6d6d6;box-sizing: border-box;}
.scrollleft2{width:100%;float:left;margin-top:20px;margin-bottom: 30px;}
.scrollleft2 li{width:200px;float:left;margin-right:20px;overflow:hidden;}
.scrollleft2 li img{width:99%;display:block;border:1px solid #e6e6e6;}
.scrollleft2 li img:hover{border:1px solid #00c957;}
.scrollleft2 li a{color: #333}
.scrollleft2 li span{display:block;width:100%;line-height:30px;margin-top:10px;font-size:14px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;text-align:center;}
.fanhui{float:right;width:126px;margin:0 auto;position:relative;height:1px;}
.fanhui a{position:absolute;z-index:2;width:125px;height:42px;line-height:42px;top:25px;right:0;text-align:center;background:#00c957;font-size:16px;color:#fff;display:inline-block;border-radius:5px;-webkit-border-radius:5px;-moz-border-radius:5px;}
.fanhui a:hover{color:#fff;font-size:16px;font-weight:100;text-decoration:underline;}
.PreveNext{border-top:1px #DEDEDE solid;margin:0px auto;width:100%;height:70px;padding-top:10px;padding-bottom:10px;clear:both;overflow:hidden;}
.PreveNext ul{float:left;}
.PreveNext li{width:100%;float:left;line-height:32px;text-align:left; font-size: 15px;}

.pbtn{margin-top:10px;overflow:hidden;}
.pbtn a{width:33%;height:50px;line-height:50px;float:left;text-align:center;margin-right:3%; background: #00c957;
    color: #fff; font-size:18px}
.pbtn i{font-family:"iconfont";position:relative;margin-right:5px;font-style:normal;line-height:1;top:0px;}
.pbtn i img{width:20px; vertical-align: middle;}
.pbtn a:hover{background:#ef8200;color:#fff;}
.pbtn a:nth-child(2){width:50%; background:#ef8200;}


.dept_box{padding:3% 0; overflow: hidden;}
.dept_box .mproduct-title{font-size: 30px; color: #000; padding-bottom:30px; display: block;}
.dept_box ul{margin-right: -1%; overflow: hidden;}
.dept_box ul li{ width: 24%; float: left; margin-right:1%; margin-bottom: 3%;}
.dept_box ul li .dep_image{width:100%; overflow: hidden;}
.dept_box ul li .dep_image img{width: 100%; display: block;transform: translateZ(0); transition: transform .3s linear;}
.dept_box ul li:hover .dep_image img{transform: scale(1.1,1.1)}
.dept_box ul li p{font-size: 16px;font-weight: 400;  line-height: 1.5;  color: #000;font-family: 'Poppins'; padding-top: 18px; text-align: center;}


.xinwenxiangqing{overflow: hidden;box-sizing: border-box;}
.xinwenxiangqing .nd_head{text-align: center;border-bottom: 1px dashed #d6d6d6;padding-bottom: 2%}
.xinwenxiangqing .nd_head p{color: #06b251;font-size:32px;height: auto;}
.xinwenxiangqing .nd_head span{color: #666;font-size:15px;margin: 0 15px;}
.xinwenxiangqing .nd_text{text-align: left;font-size:16px;line-height:30px;padding: 15px 0;}
.xinwenxiangqing .nd_text .big{font-size: 16px;line-height: 35px;font-weight: 600;color:#06b251}
.xinwenxiangqing .nd_text img{max-width: 100%;display: block;margin: 10px auto;}
.xinwenxiangqing .nd_text .baimg{width: 40%;float: right;margin-left: 30px;}
.xinwenxiangqing .nd_text .baimg img{width: 100%;clear: both;display: block;margin: auto}
.detail_fenx a{font-size:14px;padding:12px 0;overflow:hidden;margin-top:20px;border-top:1px dotted #adadad;color:#333;}
.new_s2{width:100%;float:left;margin-top:5%;}
.hot_pro2{width:100%;float:left;margin-top:5%;}
.hot_pro2_tit{width:100%;height:45px;background:#f1f1f1;color:#06b251;line-height:45px;font-size:16px;padding:0 20px;font-weight:bold;border:1px solid #d6d6d6;box-sizing: border-box;}
.related-product{overflow:hidden;}
.related-product .title,.relatedTitle{background:#e7e7e7;height:45px;line-height:45px;}
.related-product .title span,.relatedTitle span{display:inline-block;color:#fff;background:#06b251;width:120px;height:45px;text-align:center;font-size:16px;font-weight:bold;}
.relatedNews{margin:5% 0 0;overflow:hidden}
.relatedNews_font{font-size:13px;margin-top:15px;}
.relatedNews_font ul{margin-right:-3%}
.relatedNews_font ul li{float:left;margin-right:3%;width:47%;;line-height:40px;border-bottom:1px dotted #ddd;line-height:40px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;}
.relatedNews_font ul li a{background:url(../images/ly_li.png) no-repeat left center;padding-left:10px;color: #666}
.relatedNews_font ul li a:hover{color: #06b251}
.relatedNews_font ul li span{float:right;color:#999;margin-left:30px;}


/*新闻中心*/
.protext{overflow: hidden; margin-bottom: 3%; display: flex; justify-content:space-between; align-items: center; background: #f8f8f8;}
.protext_img{width:35%; float: left;}
.protext_img img{width: 100%; display: block;}
.protext_right{width:58%; float: left; font-size: 15px; line-height: 32px; color: #343434;  box-sizing: border-box; margin-right: 3%;}
.protext_right .pright_zi{font-size:24px;line-height:42px;color:#00c957}
.protext_right .pright_xny{font-size:15px;line-height:28px;color:#666;}
.protext_right .cbutter{font-size:14px;color:#e51419;transition:0.3s;margin-top:2%;float:left;margin-right:5%}
.protext_right .cbutter a{color:#333;transition:0.3s}
.protext_right .cbutter a:hover{background:#00c957;padding:8px 25px;color:#fff;box-shadow:#aaa 0px 3px 5px}


.xwzx {overflow: hidden;}
.xwzx ul{overflow:hidden; margin-top:-2%; margin-left:-2%;}
.xwzx ul li{width:31.33%; float:left; margin-top:2%; margin-left:2%; position:relative; border: 1px #eaeaea solid;}
.xwzx ul li .xwzx_img{overflow:hidden;}
.xwzx ul li .xwzx_img img{transition:all 0.5s; width: 100%; display: block;}
.xwzx ul li:hover .xwzx_img img{transform:scale(1.1);}
.xwzx ul li .xwzx_wb{padding:4%; background:#f8f8f8;}
.xwzx ul li .xwzx_wb .xwzx_rq{color:#999; font-size:14px; line-height:22px;}
.xwzx ul li .xwzx_wb .xwzx_bt{font-size:18px; line-height:26px; margin-top:3%; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; color: #00c957; font-weight: 600;}
.xwzx ul li .xwzx_wb .xwzx_wz{color:#777; font-size:14px; line-height:22px; margin-top:1.5%; text-overflow:ellipsis; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; overflow:hidden;}

/*联系我们*/
.contact-right-hz{width:40%;float:right;font-size:17px}
.contact-right-hz li{border-bottom:1px dashed #ccc;overflow:hidden;padding:15px 0}
.contact-pic{float:left;margin-top:10px}
.contact-right{float:left;padding-left:30px}
.contact-right-title{font-weight:bold;font-size:18px}
.relbar-map{float:left;width:55%}
#map_container{height:360px;border:1px solid #e6e6e6}
.feedback-bj{background:#f5f5f5;overflow:hidden;padding:80px 0}
.feedback-hz{background:#fff;padding:3%; overflow: hidden; box-sizing: border-box;}
.feedback-nr{color:#666;font-size:16px;font-weight:normal;margin-top:30px}
.feedback-title{margin:50px 0 80px 0;font-size:22px;border-bottom:1px solid #dedede;padding-bottom:30px}
.ny-feedback-ly{margin-top:70px; margin-right: -2%; overflow: hidden;}
.ny-feedback-ly p{font-size:16px}
.feedback-k{width:48%;float:left;margin-bottom:40px;margin-right:2%}
.feedback-k p{font-size:18px;margin-bottom:10px;font-weight:bold}
.feedback-k2 p{font-size:18px;margin-bottom:10px;font-weight:bold}
.feedback-k p::before{margin-right:10px;background-color:#333;content:'';width:10px;height:10px;display:inline-block;vertical-align:middle}
.feedback-k2{float:left;width:100%}
.feedback-k2 p{font-size:18px}
.feedback-k2 p::before{margin-right:10px;background-color:#333;content:'';width:10px;height:10px;display:inline-block;vertical-align:middle}
.red{color:red}
.soka{width:100%;padding:5px 0;border-bottom:1px solid #ccc;border-top:none;border-right:none;border-left:none;font-size:16px;font-family:"Microsoft YaHei",verdant,tahoma}
.sokb{border-bottom:1px solid #ccc;border-top:none;border-right:none;border-left:none;line-height:30px;padding:20px;font-size:16px;font-family:"Microsoft YaHei",verdant,tahoma;width:100%; box-sizing: border-box;}
.tj{width:180px;border:1px solid #333;line-height:50px;text-align:center;color:#fff;background:#333;cursor:pointer;font-family:Arial,Microsoft YaHei;font-size:18px;margin-top:20px}

.index-title{font-weight:bold;text-align:center;font-size:36px;line-height:36px;}
.index-title p{font-size:16px;margin-top:15px;font-weight:normal;}

/* ============================================================================================================================
													网站底部
===============================================================================================================================*/
.kehu_box { height: 120px; background: #008cd6; }

.kehu_box .kehu_left { font-size: 22px; color: #fff; line-height: 120px; width: 120px; }

.kehu_box .kehu_right { width: -webkit-calc(100% - 120px); width: calc(100% - 120px); height: 120px; }

.kehu_box .kehu_right img { max-width: 80%; }

.kehu_box .kehu_right .swiper-slide { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; }

.kehu_swiper { height: 100%; }

.footer_bottom { background: #000000; height: 60px; line-height: 60px; }

.footer_bottom p { text-align: center; color: #999999; font-size:15px; opacity: 0.7; }

.footer_bottom p a { color: #ff0000;}

.footer_bottom p a:hover { color: #fff; }

.footer_top { background: #191919; padding:3% 0%; }

.ft_links a { display: inline-block; vertical-align: middle; width: 26px; height: 26px; margin-right: 10px; }



.ft_links a:nth-child(4) { margin-right: 0; }

.footer_top .ft_left img { width: 180px; margin-bottom: 22px; }

.footer_top .ft_left .c_info { font-size: 14px; line-height: 24px; color: rgba(255, 255, 255, 0.4); }
.footer_top .ft_left .c_info ul{}
.footer_top .ft_left .c_info li{display: flex;align-items: center;margin-bottom: 14px; float: left; width: 50%;}
.footer_top .ft_left .c_info li i{
    display: block;
    width: 33px;
    height: 33px;
    margin-right: 12px;
}
.footer_top .ft_left .c_info li:nth-child(5){width: 100%;}
.footer_top .ft_left .c_info li i.address{
    background: url('../images/footer_address.png') no-repeat center center;
}
.footer_top .ft_left .c_info li i.mobile{
    background: url('../images/footer_mobile.png') no-repeat center center;
}
.footer_top .ft_left .c_info li i.phone{
    background: url('../images/footer_phone.png') no-repeat center center;
}
.footer_top .ft_left .c_info li i.email{
    background: url('../images/footer_email.png') no-repeat center center;
}
.footer_top .ft_left .c_info li i.website{
    background: url('../images/footer_website.png') no-repeat center center;
}
.footer_top .ft_left .c_info li p{
    display: block;
    flex: 1;
    overflow: hidden;
}
.footer_top .ft_left .c_info li p a{
    display: block;
    font-size: 16px;
    color: #BBBBBB;
    line-height: 20px;
}

.ft_links { margin-top: 48px; }

.ft_right { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; }

.ft_right .ftdlitem { width:200px; border-right: 1px solid rgba(255, 255, 255, 0.1); margin-left: 30px; }

.ft_right .ftdlitem:last-child { border-right: none; width: auto; max-width: 190px; }

.ft_right .ftdlitem a { color: #fff; }

.ft_right .ftdlitem dd a { display: block; font-size: 14px; color: rgba(255, 255, 255, 0.4); line-height: 38px; }

.ft_right .ftdlitem dt a { font-size:18px; }

.ft_right .ftdlitem dt { margin-bottom: 13px; }

.ft_right .ftdlitem dd a:hover { color: #fff; }

.ft_left { width:40%; }
/* 底部悬浮 */
.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: #00c957;
}
/* .footer_float ul li:hover{
    background: #00c957;
} */

@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;
    }
}
/* ============================================================================================================================
													右侧面导航
===============================================================================================================================*/
.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(../images/hx.png) 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) 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('../images/news_tab.png') 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: #00c957;
    border-color: #00c957;
    /* background: url('../images/news_active_tab.png') 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%;
}
.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('../images/news_sub_desc.png') 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('../images/more-border-bg@2x.png') no-repeat center center;
    background-size: 178px 44px; */
    background: #00c957;
    border-color: #00c957;
}
.article_info .article_more:hover i{
    background: url('../images/more-btn-active.png') 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('../images/more-border@2x.png') 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('../images/more-btn@2x.png') 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: #00c957;
}

.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: #00c957;
}
.list_article_content_left ul li:first-child a span{
    color: #00c957;
}
.list_article_content_left ul li:nth-child(3) a span{
    color: #00c957;
}
.list_article_content_left ul li:nth-child(2) a span{
    color: #00c957;
}
.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: #00c957;
}
.article_list_banner .article_list_li:hover .article_list_time span{
    color: #00c957;
}
.article_list_li a{
    display: flex;
}
.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;
}
.article_list_time span{
    display: block;
    font-size: 45px;
    line-height: 45px;
    text-align: center;
    color: #333333;
    font-weight: bold;
}
.article_list_time p{
    font-size: 18px;
    line-height: 24px;
    color: #333;
    text-align: center;
    margin-top: 10px;
}
.article_list_info_main{
    padding: 20px;
    flex: 1;
    border-left: 1px solid #E3E3E3;
    overflow: hidden;
}
.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: #00c957;
        border-color: #00c957;
    }
}

@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 a dl{
    margin-top:3%;
    font-size:22px;
    line-height: 34px;
    color: #333;
}
.list_multi ul li a dd{
    font-size: 16px;
    line-height: 28px;
    margin-top: 10px;
    color: #333;
    margin-bottom: 3%;
}

.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('../images/list_multi_before.png') 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('../images/list_multi_after.png') 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-right: 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: #00c957;
    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: #00c957;
    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: 50px;
    font-size: 18px;
    line-height: 30px;
    color: #333;
}
.multi_detail_top_right .more{
    margin-top: 50px;
}
.multi_detail_top_right .more p{
    margin-top: 0;
}

.multi_detail_content{
    padding: 130px 50px 0;
}
.multi_detail_content .title h2{
    color: #333;
}
.multi_detail_content .title p{
    color: rgba(189, 187, 187, 0.15);
}
.multi_detail_content_main{
    margin-top: 70px;
    font-size: 18px;
    line-height: 30px;
    color: #333;
    text-align: center;
}
.multi_detail_content img{
    margin-top: 70px;
    width: 100%;
}
.multi_detail_advantage{
    padding: 130px 50px 0;
}
.multi_detail_advantage .title h2{
    color: #333333;
}
.multi_detail_advantage .title p{
    color: rgba(189, 187, 187, 0.15);
}
.multi_detail_advantage_content{
    margin-top: 70px;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
}
.multi_detail_advantage_left{
    width: 49%;
    margin-right: 6%;
}

.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('../images/detail_advantage_line.png') 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 .title h2{
    color: #333;
}
.multi_detail_domain .title p{
    color: rgba(189, 187, 187, 0.15);
}
.multi_detail_domain_content{
    margin-top: 70px;
}
.multi_detail_domain_content ul{
    display: flex;
    flex-wrap: wrap;
}
.multi_detail_domain_content ul li{
    width: calc((100% - 80px) / 5);
    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{
    width: 100%;
    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: 18px;
    line-height: 18px;
    color: #ffffff;
    position: absolute;
    left: 10px;
    bottom: 15px;
}

@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('../images/download_tab.png') 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('../images/download_tab_active.png') 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('../images/download_btn_bg.png') 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('../images/download_btn_download.png') no-repeat center center;
    background-size: contain;
}
.technical_detail_download_btn a.technical_detail_download_view i{
    width: 27px;
    height: 15px;
    background: url('../images/download_btn_view.png') 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('../images/pagenation_bg.png') 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('../images/pagenation_bg_active.png') no-repeat center center;
    background-size: contain;
}
.page .pagination li:first-child a,.page .pagination li:first-child span{
    background: url('../images/pagenation_prev_icon.png') 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('../images/pagenation_next_icon.png') 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('../images/close_default.png') 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('../images/close_hover.png') 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('../images/view_video_btn.png') 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('../images/view_video_mask.png') 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('../images/faq_btn.png') 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: #00c957;
}
.technical_detail_question_content_tab.active i{
    background: url('../images/faq_btn_active.png') 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('../images/download_tab_mobile.png') no-repeat center center;
        background-size: contain; */
    }
    .technical_detail_download_tab a.active{
        /* background: url('../images/download_tab_active_mobile.png') 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('../images/download_btn_bg_mobile.png') 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('../images/download_btn_view_mobile.png') no-repeat center center;
        background-size: contain;
    }
    .technical_detail_download_btn a.technical_detail_download_download i{
        width: 29px;
        height: 29px;
        background: url('../images/download_btn_download_mobile.png') 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('../images/faq_btn_mobile.png') no-repeat;
        background-size: contain;
    }
    .technical_detail_question_content_tab.active i{
        background: url('../images/faq_btn_active_mobile.png') 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;
    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('../images/product_tap_line.png') 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;
    padding: 0 50px;
}
.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: #00c957;
}
.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('../images/product_search_btn.png') no-repeat center center;
    background-size: contain;
}

.list_product_list{
    margin-top: 90px;
    padding: 0 50px;
}
.list_product_list ul{
    display: flex;
    flex-wrap: wrap;
    margin-bottom: -20px;
}
.list_product_list ul li{
    width: calc((100% - 60px) / 4);
    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(4n){
    margin-right: 0;
}
.list_product_list ul li a{
    display: block;
}
.list_product_list ul li a .pic{
    overflow: hidden;
}
.list_product_list ul li a .pic img{
    width: 100%;
    height: auto;
    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{
    font-size: 22px;
    line-height: 30px;
    color: #333;
    margin-top: 25px;
    text-align: center;
}
.list_product_list ul li a .list_product_list_btn{
    display: flex;
    width: 178px;
    height: 44px;
    line-height: 44px;
    /* background: url('../images/more-border@2x.png') no-repeat center center;
    background-size: 178px 44px; */
    display: flex;
    justify-content: center;
    align-items: center;
    margin: auto;
    margin-top: 8px;
    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{
    /* display: block; */
    width: 28px;
    height: 28px;
    background: url('../images/more-zixun.png') no-repeat center center;
    background-size: 28px;
    display: none;
}
.list_product_list ul li:hover a .list_product_list_btn{
    /* background: url('../images/more-border-bg@2x.png') no-repeat center center;
    background-size: 178px 44px; */
    background: #00c957;
    border-color: #00c957;
}
.list_product_list ul li:hover a .list_product_list_btn i{
    background: url('../images/more-add-active.png') no-repeat center center;
    background-size: 28px;
}
.list_product_list ul li:hover a .list_product_list_btn p{
    color: white;
}
.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('../images/product_advantage_bg.png') 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('../images/product_advantage_img_mask.png') 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('../images/product_search_btn_mobile.png') 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('../images/product_advantage_btn_bg_mobile.png') 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('../images/more-zixun.png') 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('../images/product_advantage_btn_bg_mobile.png') 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: #00c957;
}
.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('../images/detail_article_time.png') 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('../images/detail_article_view.png') 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('../images/page_left.png') no-repeat center center;
    background-size: contain;
}
.article_detail_main_pagenation .more a.prev:hover i{
    background: url('../images/left_icon_active.png') 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 190px 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% - 170px) / 2);
    margin-right: 170px;
    margin-bottom: 70px;
}
.contact_detail_company_list ul li:nth-child(2n){
    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('../images/contact_line.png') 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: 30px;
}
.inquiry-box .row-controls{
    display: flex;
    padding-left: 12px;
    height: 70px;
    border-radius: 10px;
    border: 1px solid #E3E3E3;
    overflow: hidden;
}
.inquiry-box .row-controls span{
    display: flex;
    width: max-content;
    font-size: 20px;
    line-height: 70px;
    color: #666;
}
.inquiry-box .row-controls span i{
    display: block;
    color: red;
    font-size: 20px;
    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;
}
.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;
}
.inquiry-box .row-controls.message textarea{
    width: 100%!important;
    height: 200px;
    border: none;
    outline: none;
    box-shadow: none;
    font-size: 20px;
    color: #666;
    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;
}
.inquiry-box .form-row.submit .button{
    background: none;
    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: #00c957;
    color: white;
}

@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: #00c957;
        /* 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('../images/right_detail_product.png') no-repeat center center;
    background-size: contain;
}
.product_detail_next:hover i{
    background: url('../images/product_detail_banner_right.png') no-repeat center center;
    background-size: contain;
}
.product_detail_prev i {
    display: block;
    width: 20px;
    height: 36px;
    background: url('../images/product_detail_banner_left.png') no-repeat center center;
    background-size: contain;
}
.product_detail_prev:hover i{
    background: url('../images/left_detail_product_active.png') 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 #00c957;
}
.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(../images/product_advantage_bg.png) 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: 80px;
}
.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('../images/more-border@2x.png') 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('../images/more-border-bg@2x.png') no-repeat center center; 
    background-size: contain; */
    background: #00c957;
    border-color: #00c957;
}
.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('../images/top_icon_normal.png') no-repeat center center;
    background-size: contain;
    display: none;
}
.product_detail_return a.list_return:hover i{
    background: url('../images/page_return_list.png') no-repeat center center;
    background-size: contain;
}
.product_detail_return a.prev i{
    background: url('../images/page_left.png') no-repeat center center;
    background-size: contain;
}
.product_detail_return a.prev:hover i{
    background: url('../images/left_icon_active.png') no-repeat center center;
    background-size: contain;
}
.product_detail_return a.next i{
    background: url('../images/more-btn@2x.png') no-repeat center center;
    background-size: contain;
}
.product_detail_return a.next:hover i{
    background: url('../images/more-btn-active.png') 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: #00c957;
}

@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: #00c957;
        border: 1px solid #00c957;
        /* 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('../images/more-add-active.png') 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('../images/detail_about_bg.png') 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: 20px;
    line-height: 33px;
}
.detail_about_content_right{
    width: 49%;
    margin-top: 30px;
}
.detail_about_video_main{
    position: relative;
    background: url('../images/detail_about_video_mask.png') 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('../images/more-btn-active.png') 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('../images/develop_banner_right.png') no-repeat center;
    background-size: contain;
}
.develop_banner .develop-next:hover i{
    background: url('../images/video_btn@2x.png') 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('../images/develop_banner_left.png') no-repeat center;
    background-size: contain;
}
.develop_banner .develop-prev:hover i{
    background: url('../images/banner_left_active.png') 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: #00c957;
    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('../images/more-btn-active.png') 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('../images/more-btn-active.png') no-repeat center center;
        background-size: 24px 24px;
        display: none;
    }
    .detail_develop{
        padding: 50px 0 0;
        /* background: url('../images/develop_banner_bg_mobile.png') 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(../images/develop_banner_left.png) 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;
    }
}
@media (max-width:1199px) {
.ft_right .ftdlitem{width:112px;}
}
@media (max-width:1024px) {
    .in_about_leftbt span{font-size:36px;}
    .in_about_leftbt p{font-size:18px;}
    .index_num li b{font-size:36px;}
    .index_product_banner ul li .pwz{font-size:20px;}
    .int-txt{width: 70%;}
	.int-txt .cbt{font-size: 36px;}
	.int-p{max-height: auto;}
    .ft_right .ftdlitem{width: 105px; margin-left:12px}
    .aboutny .abt{font-size: 32px;}
    .cbigbt{font-size: 32px;}
    .xinwenxiangqing .nd_head p{font-size: 28px;}
    .contact-right-title{font-size:17px;}
    .contact-right-hz{font-size: 15px;}
    .index-title{font-size: 30px;}
    .feedback-k p{font-size: 16px;}
    .feedback-k2 p{font-size: 16px;}
    .tj{font-size: 16px;}
}

@media (max-width:980px) {
    .in_about_leftbt span{font-size:32px;}
    .in_about_leftbt p{font-size:17px;}
    .in_about_leftny{font-size:16px;}
    .in_about_left{width:100%;}
    .in_about_right{width:100%;}
    .index_num li b{font-size:32px;}
    .index_product_banner ul li .pwz{font-size:18px;}
    .int-bg1{height:600px; background-size: 100%;}
	.int-txt .cbt{font-size: 30px;}
	.int-p{font-size: 15px; line-height: 28px;}
	.int-menu1 .cmbt{font-size: 17px;}
    .ft_left{width: 100%;}
    .ft_right{width: 100%; margin-top: 3%;}
    .ft_right .ftdlitem dt a{font-size: 16px;}
    .footer_top .ft_left .c_info li p a{font-size:15px;}
    .aboutny .abt{font-size: 26px;}
    .cbigbt{font-size: 26px;}
    .Floor001201 li{width: 47%; margin-bottom: 3%;}
    .protemptwo li{width: 31.333%;}
    .protemptitl a{font-size: 15px;}
    .promore_l{width: 100%;}
    .pros_right{width: 100%; margin-top: 3%;}
    .pbtn a{font-size: 17px;}
    .dept_box ul li{width:32.333%;}
    .xinwenxiangqing .nd_head p{font-size: 26px;}
    .xinwenxiangqing .nd_head span{font-size: 15px;}
    .xinwenxiangqing .nd_text{font-size: 15px;}
    .xwzx ul li .xwzx_wb .xwzx_bt{font-size: 16px;}
    .protext_right .pright_zi{font-size:20px;}
    .protext{display: inline-block;}
    .protext_img{width:100%;}
    .protext_right{width:100%;}
    .xwzx ul li{width: 48%;}
    .contact-right-title{font-size: 16px;}
    .contact-right-hz{font-size: 14px;}
    .index-title{font-size:28px;}
    .index-title p{font-size: 15px;}
    .feedback-k p{font-size: 15px;}
    .soka{font-size: 14px;}
    .feedback-k2 p{font-size: 15px;}
    .tj{font-size: 15px;}
}

@media (max-width:767px) {
    .in_about_leftbt span{font-size:26px;}
    .in_about_leftbt p{font-size:16px;}
   .in_about_leftny{font-size:15px;}
   .index_num li b{font-size:26px;}
    .index_num li{font-size:15px;}
    .index_num li{width:50%;}
    .index_product_banner ul li .pwz{font-size:16px;}
    .int-p{font-size: 14px; line-height: 25px;}
    .int-menu1 .cmbt{font-size:14px;}
    .ft_right .ftdlitem dt a{font-size: 15px;}
    .footer_top .ft_left .c_info li p a{font-size:14px;}
    .aboutny .abt{font-size: 24px;}
    .cbigbt{font-size:24px;}
    .aboutny{font-size: 15px;}
    .protemptwo li{width:48%;}
    .protemptitl a{font-size: 14px;}
    .menuBox{font-size: 15px;}
    .pros_right_top .pbt{font-size: 22px;}
    .proleft{font-size: 15px;}
    .pbtn a{font-size: 16px;}
    .tabs-basic ul li{font-size: 15px;}
    .PreveNext li{font-size: 14px;}
    .dept_box ul li p{font-size: 15px;}
    .dept_box ul li{width: 49%;}
    .list_multi ul li a dl{font-size: 16px;}
    .xinwenxiangqing .nd_head p{font-size:24px;}
    .xinwenxiangqing .nd_head span{font-size: 14px;}
    .xinwenxiangqing .nd_text{font-size: 14px;}
    .relatedNews_font ul li{width: 97%;}
    .xwzx ul li .xwzx_wb .xwzx_bt{font-size: 15px;}
    .protext_right .pright_zi{font-size: 18px;}
    .protext_right .pright_xny{font-size: 14px;}
    .relbar-map{width: 100%;}
    .contact-right-hz{width: 100%;}
    .index-title{font-size:22px;}
    .tj{font-size: 14px;}
    .footer_bottom{height: auto; line-height: 26px;}
    
    

}

@media (max-width:560px) {
    .in_about_leftbt span{font-size:22px;}
    .in_about_leftbt p{font-size:15px;}
    .in_about_leftny{font-size:14px;}
    .index_num li b{font-size:22px;}
    .index_num li{font-size:14px;}
    .ft_right{display: none;}
    .aboutny .abt{font-size: 22px;}
    .cbigbt{font-size:22px;}
    .aboutny{font-size: 14px;}
    .menuBox{font-size: 14px;}
    .pros_right_top .pbt{font-size: 20px;}
    .proleft{font-size: 14px;}
    .pbtn a{font-size: 15px;}
    .tabs-basic ul li{font-size: 14px;}
    .fanhui{display: none;}
    .dept_box ul li p{font-size: 14px;}
    .feedback-k{width: 98%;}
    .footer_float ul li a p{font-size: 14px;}
    .footer_bottom p{font-size: 14px;}

}