*{word-wrap: break-word;}
body{overflow:visible;}
.bold{ font-weight: bold;}
.padd_bt100{padding:1rem 0;}
.colors{color:#160403;}
.jie{display:-webkit-box; -webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow:hidden;}
.wrap_1758{max-width: 17.58rem;}
.wrap_1530{max-width: 15.3rem;}
.wrap_1440{max-width: 14.4rem;}
@media only screen and (max-width:1399px){
.wrap_1758{max-width: 90%;}
.wrap_1530{max-width: 90%;}
.wrap_1440{max-width: 90%;}
}
@media only screen and (max-width:1023px){
.wrap_1758{max-width: 100%;} 
.wrap_1530{max-width: 100%;} 
.wrap_1440{max-width: 100%;} 
}

.fnt_36{font-size: 0.36rem;}

@media only screen and (max-width:1023px){
    .fnt_48{font-size: 18px;}
    .fnt_16{font-size: 14px;}
    .fnt_36{font-size: 16px;}
}


/* 2、Solutions-1 */
.solu_cont{padding-bottom: 0.8rem;}

.solu_top{text-align: center;padding: 0.8rem 0 0.9rem 0;color: #160403;}
.solu_top h2{line-height: 1em;margin-bottom: 0.2rem;}

.solu_list li{position: relative;padding: 1rem 1.8rem;border-top: 0.04rem solid #323232;}
.solu_list li.on{border-color: transparent;}
.solu_list .solu_bgimg{position: absolute;top:0;left: 0;width: 100%;height: 100%;visibility: hidden;opacity: 0;}
.solu_list .solu_bgimg img{display: none;}
.solu_list .solu_bgimg::after{content: ""; position: absolute;top:0;left: 0;width: 100%;height: 100%;background:rgba(0, 0, 0, 0.18);}
.solu_list dl{overflow:hidden;position:relative;z-index: 3;}
.solu_list dt{float: left;width: 48px;height:48px;overflow: hidden;position: relative;}
.solu_list dt img{position: absolute;top:0;left: 0;width: 100%;height: 100%;}
.solu_img02{top:100%;opacity: 0;}
.solu_list dd{float: right;width: calc(100% - 120px);}
.solu_list li h3{ line-height:1.3em; max-height: 2.6em;margin-bottom: 0.2em;margin-bottom: 0.3rem;}
.solu_list li p{line-height: 1.5em;height: 7.5em;-webkit-line-clamp: 5;}
.solu_list li h3,.solu_list li h3 a,.solu_list li p{color:#323232;}
.solu_more{padding-top: 0.3rem;}
.solu_more a{background: #49bb5c;color: #fff;}
.solu_more .more::before{background: rgba(255,255,255,0.43);}
@media only screen and (max-width: 1660px) {
    .solu_list li{padding:1rem;}
    .solu_list dd{width: calc(100% - 90px);}
}
@media only screen and (max-width: 1024px) {

}
@media only screen and (max-width: 767px) {
    .solu_list li{padding:1rem 0;}
    .solu_list dt{width: 30px;height:30px;}
    .solu_list dd{width: calc(100% - 40px);}
    .solu_more{padding-top: 0.4rem;}
    .solu_list .solu_bgimg{position: static;visibility: visible;opacity: 1;margin-bottom: 15px;        border-radius: 0.2rem; overflow: hidden;}
    .solu_list .solu_bgimg::after{display: none;} 
    .solu_list .solu_bgimg img{display: block;}
}

/* 详情 */
.solu_d01{padding-left: 0.8rem;margin-bottom: 1.3rem;}
.solu_d01 dl{overflow: hidden;}
.solu_d01 dt{float: left;width: 7.85rem;border-radius: 0.4rem;}
.solu_d01 dd{float: right;width: 7.75rem;padding:1.1rem 0; padding-right: 1.5rem;height: 6.78rem;overflow: hidden;}
.solu_d01 dd h3{margin-bottom: 0.2rem; line-height: 1em;}

.solu_d02{margin-bottom: 1.2rem;}
.solu_d02 .solu_top{padding: 0;margin-bottom: 0.8rem;}

.solu_dic{text-align: center;}
.solu_dic ul{display: inline-block;overflow: hidden;display: flex;justify-content: center;}
.solu_dic li{float: left;text-align: center;margin-bottom: 0.3rem}
.solu_dic dl{padding: 0.75rem 0.1rem;border-radius: 0.3rem;width: 1.8rem;margin:0 0.15rem;border: 1px solid #b5b5b5;height: 100%;}
.solu_dic dd{/*white-space:nowrap; overflow:hidden; text-overflow:ellipsis;*/}
.solu_dic dt{width: 0.45rem;height:0.45rem;position: relative;overflow: hidden;margin:auto;margin-bottom: 0.15rem;}
.solu_dic dt img{position: absolute;left: 0;width: 100%;height: 100%;}
.solu_dicimg01{top:0}
.solu_dicimg02{top:100%;opacity: 0;}

.solu_d03{margin-bottom: 0.8rem ;}

.solu_d03{overflow: hidden;}
.solu_d03 .left{float: left; width: 5.8rem;padding-left: 2.3rem;}
.solu_d03 .left h3{margin-bottom: 0.3rem;}
.solu_d03 .right{float:right; width: 9.64rem;padding-right: 1.45rem;}
.solu_d03 .right dl{display: none;}
.solu_d03 .right dl.on{display: block;}
.solu_d03 .right dt{border-radius: 0.4rem;margin-bottom: 0.5rem;}
.solu_d03 .right dd{padding-left: 0.5rem;padding-right: 0.2rem;}
.solu_d03 .right h3 a{color: #2f2f2f;}
.solu_d03 .right h3{white-space:nowrap; overflow:hidden; text-overflow:ellipsis;margin-bottom: 0.1rem;}
.solu_d03 .right p{-webkit-line-clamp: 3; line-height: 1.5em;max-height: 4.5em;}
.d_more{font-size: 0.26rem;padding-top: 0.2rem;}

.pub_nav li{height: 0.55rem;  border:1px solid #323232;text-align: center;border-radius: 0.2rem;cursor: pointer; }
.pub_nav li p{white-space:nowrap; overflow:hidden; text-overflow:ellipsis;line-height: 0.53rem;}

.pub_nav li.on{background: #49bb5c;border-color: #49bb5c;color: #fff;}


.solu_d04 h2{margin-bottom: 0.4rem;}
.solu_d04 li{width: 33.33%;}
.solu_d04 li a{display: block;}
.solu_d04 li dl{border-radius: 0.2rem;color: #fff;text-align: center;}
.solu_d04 li dt{position: relative;}
.solu_d04 li dt:after{content: "";position: absolute;top:0;left: 0;width: 100%;height: 100%;background: rgba(0, 0, 0, 0.21);}
.solu_d04 li dt h4{padding:0 0.3rem; position: absolute;left: 0;bottom: 0.4rem;width: 100%;z-index: 2;-webkit-line-clamp: 4; line-height: 1.5em;max-height: 6em;}
.solu_d04 li dd{width: 100%;}
.solu_d04 li dd h4{padding:0 0.3rem; -webkit-line-clamp: 4; line-height: 1.5em;max-height: 6em;visibility: hidden;opacity: 0;}

.solu_slider{position: relative;}
.solu_but{display: none;}
.solu_but>div{font-size: 0.3rem; line-height: 1em; width: 0.5rem;height: 0.5rem;margin-top: -0.25rem; color: #fff;background: none;cursor: pointer;}
.solu_but .swiper-button-prev{left: 0.2rem;}
.solu_but .swiper-button-next{right: 0.2rem;}

.solu_but>div i{transform: translate(0,-50%); -webkit-transform: translate(0,-50%); -ms-transform: translate(0,-50%); position:absolute; left:0; top:50%;}
.solu_but .swiper-button-prev i{transform: translate(0%,-50%) rotate(180deg); -webkit-transform: translate(0%,-50%) rotate(180deg); -ms-transform: translate(0%,-50%) rotate(180deg); }
.solu_but .swiper-button-next i{left: auto; right: 0; }


.pub_nav{position: relative;}
.solu_nav .swiper-container{height: 5.2rem;}

.solu_but_v{width: 0.8rem;margin:auto;position: relative;}
.solu_but_v .swiper-button-prev,.solu_but_v .swiper-button-next{margin: 0;color: #000;top:auto;bottom: -0.5rem;}
.solu_but_v .swiper-button-prev{left:0;}
.solu_but_v .swiper-button-next{right: 0;}
.solu_but_v .swiper-button-disabled{opacity: 1;cursor: pointer;}
.solu_but_v .disabled{opacity: 0.5;cursor: default;}


.solu_but_lr .swiper-button-disabled{opacity: 1;cursor: pointer;}
.solu_but_lr .disabled{opacity: 0.5;cursor: default;}


@media only screen and (max-width:1024px) {
    .solu_dic dl{width:2.5rem;}
    .solu_d03 .left{padding-left: 0.5rem;width: 6.5rem;}
    .solu_d03 .right{padding-right: 0.5rem;}
    .pub_nav li{height: 42px;}
    .pub_nav li p{line-height: 40px;}
    .solu_nav .swiper-container{height: 208px;}
    .solu_but_v .swiper-button-prev, .solu_but_v .swiper-button-next{font-size: 24px;bottom: -36px;}
    .solu_but_v{width: 60px;}
    .solu_but>div{font-size: 24px;}
}
@media only screen and (max-width: 767px) {
    .solu_d01{padding-left: 0;}
    .solu_d01 dd h3{margin-bottom: 0.3rem; }
    .solu_d01 dt,.solu_d01 dd{float: none;width:100%;}
    .solu_d01 dd{padding:0 0.4rem;padding-top: 0.5rem;height: auto;}

    /*.solu_dic ul{display: block}*/
    .solu_dic li{width: 33.33%;}
    .solu_dic dl{width:auto;}
    .solu_dic dt{width: 30px;height: 30px;}
    .solu_dic dd{font-weight: normal;}

    .solu_but>div{font-size: 24px;width: 30px;height: 30px;margin-top: -15px;}
    .solu_but .swiper-button-prev{left: 10px;}
    .solu_but .swiper-button-next{right: 10px;}

    .solu_d03 .left,.solu_d03 .right{float: none;width: 100%;}
    .d_more{font-size: 20px;}

    .solu_d04 li{width:100%;}

    .pub_nav{padding:0 30px;margin-bottom: 20px;}
    .pub_nav li{height: 36px;}
    .pub_nav li p{line-height: 34px;}
    .solu_nav .swiper-container{height: auto;}
    .solu_but_v{width:auto;position:static;}
    .solu_but_v .swiper-button-prev, .solu_but_v .swiper-button-next{bottom: auto;top:50%;margin-top: -15px;}
    .solu_but_v .swiper-button-prev{left: 0;}
    .solu_but_v .swiper-button-next{right: 0;}
    .solu_nav li{width: auto;padding: 0 10px;}
    
}


/* 产品详情 */
/*导航下拉*/

.scroll-header2 .header{background:#fff; border-bottom: 1px solid #CFCFCF;box-shadow: 0 4px 4px rgba(0, 0, 0, .05);border:0}
.scroll-header2 .header .logo_bai{ display: none;}
.scroll-header2 .header .logo_cai{ display: block;}
.scroll-header2 .header .nav ul>li>a{color: #000!important;}
.scroll-header2 .rr_top .lan a,.scroll-header2  .ser a{color: #000;}
.scroll-header2 .header .nav ul>li.on>a{color:#3AB54E!important;}

@media only screen and (min-width: 1025px) {
    .scroll-header2 .rr_top .lan a:hover,.scroll-header2  .ser a:hover{color: #3AB54E !important;}
 }

.probody{background: url(../images/probg.png) no-repeat; background-size: 100%;}
.prolist_con {padding-top: 1.6rem;}
.pro_site{text-align: center;margin-bottom: 0.5rem;}
.pro_site h2,.pro_site .site{display: inline-block;}
.pro_site .site{margin-left: 0.5rem;}
.pro_site .site span{font-weight: bold;}

.pro_nav{padding: 0 0.35rem;margin-bottom: 0.4rem;}
.pro_nav li{width: auto;padding: 0 0.4rem;    border-radius: 0.1rem; }
.pro_nav li span{visibility: hidden;opacity: 0;margin-left: 0.2rem;display: none}
.pro_nav li.on span{visibility: visible;opacity: 1;display: inline-block}
.pro_nav .solu_but>div{color: #000;}
.pro_nav .swiper-button-prev{left: 0;}
.pro_nav .swiper-button-next{right: 0;}


.pro_list ul{overflow: hidden;margin:0 -0.22rem;}
.pro_list li{float: left;width: 33.33%;margin-bottom: 0.4rem;}
.pro_list a{display:block}
.pro_list dl{margin:0 0.22rem;text-align: center;}
.pro_list dt{overflow: hidden;border-radius: 0.15rem;margin-bottom: 0.2rem;}
.pro_list dd h3{white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}

.pro_list .pageout {padding-top: 0.4rem;}
@media only screen and (max-width: 1024px) {
.prolist_con{padding-top: 30px;}
}
@media only screen and (max-width: 767px) {
    .prolist_con{padding-top: 20px;}
.pro_nav{padding: 0 30px;}
.pro_site h2, .pro_site .site{display: block}
.pro_site .site{margin:0}
.pro_site{margin-bottom: 20px;}
.pro_list dt{margin-bottom: 10px;}
.pro_list li{float:none;width: 100%;margin-bottom: 20px;}
.pro_list .pageout{padding-top: 0;}
}

/* 详情 */
.prolist_dcon .wrap_1758{max-width: inherit;width: 100%; padding:0 ;}
.probody_d{background: url(../images/probg2.png) no-repeat; background-size: 100%;}
.probody_d .pro_site{text-align: left;margin-bottom: 0;padding-left: 0.55rem;}
.prolist_dcon{padding-top: 1.3rem;padding-bottom: 1.5rem;}

.pro_block .left{float: left;width: 50%;padding:0 0.54rem 0.24rem  0.36rem; background: url(../images/pro_dbg_01.png) no-repeat  0 bottom;background-size: 100%;
    /* position: -webkit-sticky; position: sticky;top: 1rem; */
}

.probody_fixd .pro_block .left{position: fixed;top:1.3rem}

.no_fixd .pro_block{position: relative;}
.no_fixd .pro_block .left{position: absolute;bottom:0;}


.pro_block .right{float: right;width: 50%;}
.pro_box{padding: 0.5rem 2rem 0 0.48rem;}

.pro_d01{padding-bottom: 0.5rem;margin-bottom: 0.4rem; border-bottom: 1px solid #d6d6d6;}
.pro_d01 h3{line-height: 1.2em;margin-bottom: 0.2rem;}

.pro_dtitle{color: #2f2f2f;margin-bottom: 0.5rem;overflow: hidden;line-height: 1.2em;}
.pro_dtitle a{float: right;font-size: 0.18rem;margin-right: 0.2rem;}

.pro_d02{margin-bottom: 0.7rem;padding-right: 1rem;}
.pro_d03{margin-bottom: 0.7rem;padding-right: 1.6rem;}
.pro_d04{margin-bottom: 0.4rem;padding-right: 1rem;}
.pro_d05{margin-bottom: 0.4rem;padding-right: 0.4rem;}
.pro_d06{padding-right: 0.4rem;}

.down_hlist li{margin-bottom: 0.4rem;}
.down_hlist li:last-child{margin-bottom: 0;}
.down_hlist li dl{overflow: hidden;}
.down_hlist li dt{float: left;width: 0.63rem;height: 0.81rem;position:relative;background: url(../images/down_bg.png) no-repeat;background-size: 100% 100%;}
.down_hlist li dt img{width: 0.45rem;height: 0.45rem;}
.down_hlist li dd{float: right;width: calc(100% - 0.95rem);}
.down_hlist li dd h3 a{color: #22ac38;}
.down_hlist li dd h3{line-height: 1.5em;max-height: 3em;margin-bottom: 0.2rem;padding:0 0.05rem}
.down_box{overflow: hidden;border-top: 1px solid #b0b0b0;padding: 0.1rem;padding-bottom: 0;}
.down_le{float: left;width: calc(100% - 1rem);}
.down_re{float: right;}

.pro_d04 .pro_dtitle{margin-bottom: 0.2rem;}
.pro_d05 .pro_dtitle{margin-bottom: 0.2rem;}


.pro_d02 li{margin-bottom: 0.4rem;}
.pro_d02 li:last-child{margin-bottom: 0;}
.pro_d02 dt{color:#22ac38;margin-bottom: 0.1rem;}
.pro_d02 dt img{width: 0.3rem;height:0.3rem;margin-bottom: 0.1rem;}

.pro_d03 .pro_dtitle{margin-bottom: 0.2rem;}
.pro_d03 li{padding:0.1rem 0.04rem;border-bottom: 1px solid #b0b0b0;}
.pro_d03 dl{overflow: hidden;    display: flex;flex-wrap: wrap;align-items: center;}
.pro_d03 dt{float: left;width: 2rem;}
.pro_d03 dd{color:#22ac38;float:right;width:calc(100% - 2.2rem);}


.pro_alist ul{overflow: hidden;margin:0 -0.15rem;}
.pro_alist li{float: left;width: 50%;margin-bottom: 0.3rem;}
.pro_alist dl{margin:0 0.15rem;text-align: center;}
.pro_alist dt{margin-bottom: 0.3rem;overflow: hidden;border-radius: 0.2rem;}
.pro_alist dd h3{line-height: 1.5em;height: 3em;}


.pro_d05 .pro_alist ul{margin:0 -0.07rem;}
.pro_d05 .pro_alist li{width: 33.33%;margin-bottom: 0.3rem;}
.pro_d05 .pro_alist dl{margin:0 0.07rem;}

.pro_hlist li{margin-bottom: 0.3rem;}
.pro_hlist dl{overflow: hidden;}
.pro_hlist dt{float: left;overflow: hidden;border-radius: 0.2rem;width: 2.83rem;}
.pro_hlist dd{float: right;width: calc(100% - 3.1rem);padding-top: 0.2rem;}
.pro_hlist dd h3{line-height: 1.5em;max-height: 3em;color:#22ac38;margin-bottom: 0.2rem;}
.pro_hlist dd p{line-height: 1.5em;max-height: 4.5em;    -webkit-line-clamp: 3;}


@media only screen and (max-width:1599px){
    .pro_d03 dd{width: calc(100% - 3rem);}
    .pro_d03 dt{width: 2.8rem;}
    .pro_box{padding-right: 1rem;}
    .pro_d03{padding-right: 1rem;}
    .pro_d04{padding-right: 0.7rem;}
}

@media only screen and (max-width: 1024px) {
    .prolist_dcon{padding-top: 20px;}
    .pro_d02 dt img{width: 30px;height: 30px;}
    .pro_dtitle a{font-size: 18px;}
.pro_box{padding-right: 1rem;}
.pro_hlist dd{padding-top: 0;}
.pro_d02,.pro_d03,.pro_d04,.pro_d05,.pro_d06{padding-right: 0;}
.pro_block .left{top:70px}
.pro_d03 dd{width: calc(100% - 3.8rem);}
.pro_d03 dt{width:3.6rem}
}

@media only screen and (max-width:767px) {
    .pro_d01{padding-bottom: 0.7rem;margin-bottom: 0.7rem;}
    .pro_block .left,.probody_fixd .pro_block .left{position: static;top:0}
    .pro_block .left,.pro_block .right{float: none;width: 100%;}
    .pro_d02 dt img{width: 24px;height: 24px;}
    .pro_dtitle a{font-size: 16px;}
    .pro_d04 .pro_dtitle{margin-bottom: 10px;}
    .pro_d03 dt,.pro_d03 dd{float: none;width: 100%;}
    .pro_d03 dt{margin-bottom: 2px;}
    .pro_d03 li{padding: 5px;}

    .pro_alist li,.pro_d05 .pro_alist li,.pro_hlist dt,.pro_hlist dd{float: none;width: 100%;}
    .pro_alist ul,.pro_alist dl{margin:0;}
    .pro_dtitle{margin-bottom: 10px !important;}
    .pro_hlist dt{margin-bottom: 10px;}
    .pro_iteam{margin-bottom: 20px !important;}
    .probody_d .pro_site{margin-bottom: 20px;}

    .down_hlist li dt{width: 30px;height: 39px;}
    .down_hlist li dt img{width: 20px;height: 20px;}
    .down_hlist li dd{width: calc(100% - 40px);}
    .down_re em{font-size: 20px;}
    .down_le{width: calc(100% - 40px);}
    .down_hlist li dd h3{margin-bottom: 5px;}
    .down_box{padding-top:10px;}
    .down_hlist li{margin-bottom: 20px;}

    .pro_block .left{padding:3%;padding-top: 0;}
    .pro_box{padding: 3%;}
}



/*2*/
.pro_sliderbox{position: relative;}
.pro_topslider{position: relative;margin-bottom: 0.14rem;}

.pro_topslider .swiper-container li dl{margin: 0 1px;}
.pro_topslider dt{position: relative;border-radius: 0.4rem;overflow: hidden;}

.pro_out .prolist_swi li{opacity: 1;cursor: pointer;width: 25%;}

.pro_out .prolist_swi li dt{border-radius: 0.2rem;position: relative;overflow: hidden;}
.pro_out .prolist_swi li dt::after{content: "";position: absolute;top:0;left: 0;width: 100%;height: 100%;background: rgba(0,213,5,0.2);opacity: 0;}
.pro_out .prolist_swi li.on dt::after{opacity: 1;}




@media only screen and (max-width:767px) {
    .pro_block .left{margin-bottom: 10px;}
    .pro_topslider{margin-bottom: 10px;}
}


/* 3 */


.pro_index .wrap_1758{max-width: inherit;width: 100%;padding:0 0.4rem;}
.pro_index{padding-bottom: 0;}
.pro_index .pro_nav{margin-bottom: 0.2rem;padding-top: 0.3rem}
.pro_index .pro_site{margin-bottom: 0.2rem}

.pro_indexlist li{color: #fff;padding: 1.3rem 0.9rem 1.4rem 0.9rem; min-height: 5.8rem;position: relative;}
.pro_indexlist li:after{content:"";position: absolute;top:0;left: 0;width: 100%;height: 100%;background: rgba(0, 0, 0, 0.45);}
.pro_indexlist li h3{line-height: 1em;margin-bottom: 0.3rem;}
.pro_indexlist dl{overflow: hidden;position: relative;z-index: 2;}
.pro_indexlist dt{width: 53%;float: left;}
.pro_indexlist dd{width: 45%;float: right;}
.pro_indexlist dt h3{line-height: 1.4em;max-height: 2.8em; -webkit-line-clamp: 2;}
.pro_indexlist dt h3 a{color: #fff;}
.pro_indexlist dt p{line-height: 1.5em;height: 7.5em;margin-bottom: 0.4rem;    -webkit-line-clamp: 5;}


.pro_indexlist dd{overflow: hidden;}
.pro_indexlist dd .pro_p{padding-left: 1.2rem;overflow: hidden;}
.pro_indexlist dd p{float: left;margin-right: 0.25rem;margin-bottom: 0.34rem;}
.pro_indexlist dd a{color:#fff;display:block;border: 1px solid rgba(255, 255, 255, 0.64);padding:0.2rem 0.4rem; padding-right: 0.55rem; border-radius: 0.2rem;}
.pro_indexlist dd span,.pro_indexlist dd i{display:block;line-height: 1em;}
.pro_indexlist dd span{margin-bottom: 0.1rem;}

.pro_indexlist li:nth-child(2n) dd{float:left;width: 53%;}
.pro_indexlist li:nth-child(2n) dt{float:right;width: 45%;}
.pro_indexlist li:nth-child(2n) dd .pro_p{padding-left:0;}

.pro_bgimg{display: none;}

@media only screen and (max-width:1024px) {
    .pro_indexlist li:nth-child(2n) dd{float:left;width: 45%;}
    .pro_indexlist li:nth-child(2n) dt{float:right;width: 53%;}
    .pro_indexlist dd .pro_p{padding:0}
}


@media only screen and (max-width:767px) {
    .pro_index .pro_nav{margin-bottom: 0.4rem;}
    .pro_indexlist dt,.pro_indexlist dd,.pro_indexlist li:nth-child(2n) dt,.pro_indexlist li:nth-child(2n) dd{float: none;width: 100%;}
    .pro_indexlist dt p{height: auto;max-height: 7.5em;margin-bottom: 10px;}
    .pro_indexlist dt{margin-bottom: 20px;}
    .pro_indexlist dd p{margin-right: 10px;margin-bottom: 10px;}
    .pro_indexlist li h3{font-size: 20px;}
}


.pro_nav.current .swiper-wrapper{margin:auto}
/* 滚动条 */
.pro_nav .swiper-wrapper{display: block;}
.pro_nav li{float: left;margin-right: 10px;}
.pro_nav li:last-child{margin-right: 0px;}


.pro_nav {overflow: hidden;width: 100%;padding: 0;}

.pro_nav  .mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_draggerRail{height: 100%;margin:0}
.pro_nav .mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar{height: 100%;margin:0}
.pro_nav .mCSB_scrollTools.mCSB_scrollTools_horizontal{height: 14px;}


.pro_nav .mCSB_scrollTools.mCSB_scrollTools_horizontal a+.mCSB_draggerContainer{margin-top: 4px;height:6px;}
.pro_nav .mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_buttonRight,.pro_nav .mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_buttonLeft{background: #fff;opacity: 1;    background-image: url(../images/mCSB_buttons.png);}
.pro_nav .mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_buttonLeft{background-position: 82px 175px;}
.pro_nav .mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_buttonRight{background-position: 82px 159px;}

.pro_nav .mCSB_horizontal.mCSB_inside>#mCSB_1_container{margin-bottom:20px;}

.pro_nav_fixed .pro_index .pro_nav{position: fixed;top:0.7rem;left: 0;width: 100%;background: #fff;z-index: 9; padding: 0 0.4rem;    padding-top: 0.3rem;    box-shadow: 0 4px 4px rgba(0, 0, 0, .05);}
/* 滚动条 */
html {
    scroll-behavior: smooth;
}

@media only screen and (max-width:1024px) {
.pro_nav_fixed .pro_index .pro_nav{top:50px;padding-top: 10px;}
}
@media only screen and (max-width:767px) {
    .pro_nav .mCSB_horizontal.mCSB_inside>#mCSB_1_container{margin-bottom:10px;}
.pro_nav .mCSB_scrollTools.mCSB_scrollTools_horizontal{height: 3px;}
.pro_nav .mCSB_scrollTools.mCSB_scrollTools_horizontal a+.mCSB_draggerContainer{height: 100%;margin: 0;}
.pro_nav .mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_buttonRight, .pro_nav .mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_buttonLeft{display: none !important;}
/* .pro_index  .pro_nav{display: none;} */
}



.Se_01{padding: 1.2rem 0 1.6rem 0;}
.Se_01 .solu_d01{padding: 0;margin:0}
.Se_01 .solu_d01 dl{position: relative;}
.Se_01 .solu_d01 dt{width: 48.8%;}
.Se_01 .solu_d01 dd{width:45%;padding: 0.8rem 0 0.5rem 0;height:100%;position:absolute;top:0;right: 0;}

.Se_02{background: #eee url(../images/se_bg.jpg) no-repeat; background-size: cover;padding: 1.7rem 0 1.9rem 0;}
.Se_02 .solu_top{padding: 0;}
.Se_02 h2{margin-bottom: 0.3rem;}

.Se_03{padding: 1.6rem 0;}
.Se_03 h2{text-align: center;line-height: 1em;margin-bottom: 0.6rem;}
.Se_global{width: 7.56rem;height:7.56rem;margin:auto;position: relative;}
.Se_global>img{width: 7.56rem;height:7.56rem;margin:auto;display: block;}

.Se_global li{width: 0.18rem;height: 0.18rem; position: absolute;cursor: pointer;}
.Se_global li span{background: #000;border-radius: 50%;width: 100%;height: 100%;position: absolute;top:0.13rem;left: 0.16rem;z-index: 2;}
.Se_text{width: 2.72rem;height: 2.1rem;background: rgba(32, 174,56, 0.91);border-radius: 0.2rem;padding: 0.3rem ;padding-left: 0.44rem;color: #fff; visibility: hidden;opacity: 0;cursor:default;}
.Se_text h3{line-height: 1.5em;margin-bottom: 0.05rem;}
.Se_text p{line-height: 1.5em;font-weight: 100;}
   

.Se_text .mCSB_scrollTools .mCSB_draggerRail{ width:1px; background: #fff;}
.Se_text .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{width:3px;-webkit-border-radius:0;border-radius:0;background:#fff !important;}
.Se_text .mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar,.Se_text .mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,.Se_text .mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag:hover .mCSB_dragger_bar{ background:#fff;}

.mCSB_inside>.mCSB_container{margin-right: 20px !important;}
.mCSB_container.mCS_no_scrollbar_y.mCS_y_hidden{margin-right:0 !important;}
.Se_text .mCSB_inside>.mCSB_container{margin-right: 10px !important;}
.Se_text .mCSB_container.mCS_no_scrollbar_y.mCS_y_hidden{margin-right:0 !important;}



.Se_global li .Se_text{-webkit-transform: translateY(-0.3rem); -moz-transform: translateY(-0.3rem);-o-transform: translateY(-0.3rem);}
.Se_global li.on{z-index: 9;}
.Se_global li.on .Se_text{visibility:visible;opacity: 1;-webkit-transform: translateY(0); -moz-transform: translateY(0);-o-transform: translateY(0);}
@media only screen and (max-width:1660px) {
    .Se_text{width: 3.5rem;height: 2.6rem;}
}
@media only screen and (max-width:1024px) {
    .Se_text{width: 5rem;height: 3.2rem;}
}


@media only screen and (max-width:767px) {
    .Se_01 .solu_d01 dt,.Se_01 .solu_d01 dd{float:none;width: 100%;}
    .Se_01 .solu_d01 dd{position:static;}



    .Se_global li{position: static;width: 100%;height: auto;margin-bottom: 10px;}
    .Se_global li span{display: none}
    .Se_global li .Se_text{visibility:visible;opacity: 1;-webkit-transform: translateY(0); -moz-transform: translateY(0);-o-transform: translateY(0);width: auto;height: auto;padding: 10px;}
    .Se_global{width: 100%;height: auto;}
    .Se_text h3{margin-bottom: 5px;}
    .Se_global>img{margin-bottom: 0.5rem;}
}


/* 详情 */
.ses_01{padding: 1.7rem 0 0.4rem 0;}
.ses_01 .solu_top{padding: 0;margin-bottom: 1.2rem;}
.ses_01 .solu_top h2{margin-bottom: 0.5rem;}

.ses_num{padding: 0 0.5rem;}
.ses_num ul{overflow: hidden;margin: 0 -0.47rem;}
.ses_num li{float: left;width: 33.33%;margin-bottom: 0.6rem;}
.ses_num li:nth-child(3n+1){clear: both;    margin-left: 16.66%;}
.ses_num li:first-child{margin-left: 0;}
.ses_num dl{margin: 0 0.47rem;}
.ses_num dd{border-top:1px solid #b0b0b0;padding-top: 0.1rem;    color: #2f2f2f;}
.ses_num dt{padding-bottom: 0.1rem;}
.ses_num dt span{line-height: 1em;}
.ses_num dt b{vertical-align: top;line-height: 1em;}



.ses_02{padding:1.2rem 0 0.9rem 0;position: relative;overflow: hidden;color: #fff;}
.ses_02:after{content: "";position: absolute;top:0;left: 0;width: 100%;height: 100%;background: rgba(0, 0, 0, 0.82);}
.ses_02 .wrap{position: relative;z-index: 5;}
.ses_02 h2{line-height: 1em;margin-bottom: 0.7rem;}

.ses_ul ul{overflow: hidden;}
.ses_ul li{width: 50%;margin-bottom: 0.5rem;float: left;}
.ses_ul li:nth-child(2n+1){clear: both;}
.ses_ul li dl{padding-right: 1.5rem;}

.ses_03 {padding: 1.4rem 0 1.2rem 0;}
.ses_03 h2{line-height: 1em;text-align: center;margin-bottom: 0.8rem;}
.ses_03 .solu_slider{border-bottom:1px solid #b0b0b0;padding-bottom: 0.2rem;}
.ses_03 .solu_slider li{width:33.33%;}
.ses_03 .solu_slider dt{overflow: hidden;border-radius: 0.4rem;overflow: hidden;margin-bottom: 0.2rem;}

.ses_03 .solu_slider dd {padding:0 0.4rem;text-align: center;}
.ses_03 .solu_slider dd h3{white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.ses_03 .solu_slider p{line-height: 1.5em;min-height: 4.5em;}

.solu_d04 .solu_but>div{color: #000;}
.solu_d04 .solu_but .swiper-button-prev{left: -0.5rem;}
.solu_d04 .solu_but .swiper-button-next{right: -0.5rem;}

.ses_03 .solu_but>div{color: #000;top:1.3rem;margin-top: 0;}
.ses_03 .solu_but .swiper-button-prev{left: -0.5rem;}
.ses_03 .solu_but .swiper-button-next{right: -0.5rem;}

.ses_04{padding-bottom: 1.2rem; padding-top: 1rem;}
.ses_04 h2{text-align: center;line-height: 1em;margin-bottom: 0.6rem;}
input,button,textarea{border:none;outline: none;background: none;}

.ses_iteam{margin-bottom: 0.4rem;}
.ses_iteam h3{color: #22ac38;line-height: 1em;margin-bottom: 0.5rem;}
.ses_iteam li{margin-bottom: 0.5rem;width: 33.33%;float: left;}
.ses_iteam ul{margin:0 -0.28rem;}
.ses_iteam li .form_w{margin:0 0.28rem}
.ses_iteam h4 i{color: #de0000;}
.ses_iteam h4{line-height: 1em;}
.ses_iteam input{height: 0.44rem;line-height: 0.44rem;border-bottom: 1px solid #b0b0b0;width: 100%;}
.ses_iteam .li_w100{width: 100%;float: none;clear: both;margin-bottom: 0;}
.ses_iteam .li_w100 h4{margin-bottom: 0.2rem;}
.ses_iteam textarea{background:#f7f7f7;width: 100%;height: 2.6rem;padding:0.1rem;border-radius: 0.1rem;}


.ses_iteam .codeblock{position:relative;top:-0.4rem}
.ses_iteam .codeblock h4{margin-bottom: 0.2rem;}
.code_box{overflow: hidden;background: #f7f7f7;padding:0.04rem;border-radius: 0.05rem;}
.code_box input{float: left;width: calc(100% - 1.6rem);border: 0;}
.code_box input,.code_box span{height: 0.57rem;line-height: 0.57rem;}
.code_box span{float: right;width: 1.46rem;cursor: pointer;}
.code_box span img{width: 100%;height: 100%;}

.support_button{overflow: hidden;text-align: center;padding-top: 0.2rem; }
.support_button button{width: 2.46rem;height: 0.44rem;line-height: 0.44rem;background: #e9e9e9;border-radius: 0.05rem;margin:0 0.06rem;color: #000;position: relative;overflow: hidden;}
.support_button .btn_01{background: #3ab54e;color: #fff;}

.support_button em{
    position: relative;
    z-index: 2;
}
.support_button button::before{ content: ""; position: absolute; z-index: 1; left:0; top:0; width:0; height: 100%; background:#3AB54E;
       transition: 0.3s all;
    -webkit-transition: 0.3s all;
    -moz-transition: 0.3s all;
    -o-transition: 0.3s all;
    -ms-transition: 0.3s all;}

@media only screen and (min-width: 1025px){

    .support_button button:hover::before{width: 100%;}
    .support_button .btn_01:hover{background:#01e026;}
    .support_button button:hover{color: #fff;}
}


.pro_nav .mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_dragger{width: 80px;}
@media only screen and (max-width:1024px) {
    .ses_iteam input,.code_box input, .code_box span,.support_button button{height: 40px; line-height: 40px;}
    .ses_iteam .codeblock{top:-12px}
  
}
@media only screen and (max-width:767px) {
    .solu_d04 .solu_but>div{color: #fff;}
    .solu_d04 .solu_but .swiper-button-prev{left: 0.2rem;}
    .solu_d04 .solu_but .swiper-button-next{right: 0.2rem;}

    .ses_03 .solu_but>div{top:6rem;}
    .ses_03 .solu_but .swiper-button-prev{left: 0.2rem;}
    .ses_03 .solu_but .swiper-button-next{right: 0.2rem;}
}
@media only screen and (max-width:767px) {
    .ses_num li{width:50%;}
    .ses_num li:nth-child(3n+1){clear: inherit;margin-left: 0;}
    .ses_num li:nth-child(2n+1){clear: both;}

    .ses_ul li{float: none;width: 100%;}
    .ses_ul li dl{padding: 0;}

    .ses_03 .solu_slider li{width:100%;}
    .ses_03 .solu_slider p{min-height: inherit;}
    .ses_03 .solu_slider dt{margin-bottom: 10px;}
    .ses_03 .solu_slider{padding-bottom: 15px;}

    .ses_04{padding-bottom: 40px;}
    .ses_iteam li{float: none;width: 100%;}
    .ses_iteam ul{margin:0;}
    .ses_iteam li .form_w{margin:0}
    .ses_iteam .codeblock{top:0}
    .code_box span{width: 100px;}
    .code_box input{width: calc(100% - 110px);}
    .ses_iteam input,.ses_iteam textarea{padding:0 10px;        background: #f7f7f7;border: 0;}
    .support_button button{width: 120px;border-radius: 0.2rem;}
    .ses_iteam h4,.ses_iteam .li_w100 h4,.ses_iteam .codeblock h4{margin-bottom: 10px;}
    .ses_iteam h3,.ses_04 h2{margin-bottom: 20px;}
}








.Se_global li span{transition: all 0.3s ease-in-out; 
    -webkit-animation: loading 1500ms linear  forwards infinite;
    animation: loading 1500ms linear  forwards infinite;}
.Se_global li span::before{content: ""; position: absolute;  border-radius: 100%; background: #000;transform: translate(-50%,-50%); -webkit-transform: translate(-50%,-50%); -ms-transform: translate(-50%,-50%); position:absolute; left:50%; top:50%; width: 0.1rem;height: 0.1rem;}
@keyframes loading {
    0% {
      opacity: 1;
      transform:scale(0.6,0.6); -webkit-transform:scale(0.6,0.6);-moz-transform:scale(0.6,0.6);-o-transform:scale(0.6,0.6);-ms-transform:scale(0.6,0.6);
    }
  
    100% {
       opacity:0.5;
       transform:scale(1,1); -webkit-transform:scale(1,1);-moz-transform:scale(1,1);-o-transform:scale(1,1);-ms-transform:scale(1,1);

    }
  }

.solu_list dt img,.solu_list li p,.solu_list .solu_bgimg,.solu_dic dt img,.solu_dic li,.solu_d04 li dd h4,.solu_d04 li dt h4,.solu_d04 li dt:after,.solu_nav li,.pro_nav li,.Se_text,.Se_global li span,.support_button button{transition: 0.5s all;-webkit-transition: 0.5s all;-moz-transition: 0.5s all;-o-transition: 0.5s all;-ms-transition: 0.5s all;}
@media only screen and (min-width: 1025px) {
    .solu_list li:hover p,.solu_list li:hover h3 a {color: #fff;}
.solu_list li:hover .solu_img02{top:0;opacity: 1;}
.solu_list li:hover .solu_img01{top:100% !important;opacity: 0;}
.solu_more a:hover{color: #000 !important;background: none;}
.solu_list li:hover{border-color: transparent;}
.solu_list li:hover h3{color: #fff}
.solu_list li:hover .solu_bgimg{visibility:visible;opacity: 1;}

.solu_dic li:hover .solu_dicimg02{top:0;opacity: 1;}
.solu_dic li:hover .solu_dicimg01{top:100%;opacity: 0;}
.solu_dic li:hover{color: #00d505;}
.solu_dic li:hover dl{border-color: #00d505;}

.solu_d04 li dl:hover dt:after{background: rgba(45, 73, 99, 0.78);}
.solu_d04 li dl:hover dd h4{visibility: visible;opacity: 1;}
.solu_d04 li dl:hover dt h4{visibility: hidden;opacity: 0;}

.pro_indexlist dd a:hover{border-color: #00d505;}

.down_hlist li dd h3 a:hover{opacity: 0.8;}

}


@media only screen and (max-width:1024px) {
    .dbody   .main{padding-top: 0;}
    .dbody   .header{background: #000;}
    .dbody   .header .logo_bai{ display: block;}
    .dbody   .header .logo_cai{ display: none;}
    .dbody   .header .rr_top .lan a,.dbody   .header .ser a,
    .dbody   .header .rr_top .lan a:hover,.dbody   .header .ser a:hover{color: #fff!important;}
    .dbody   .header .nav ul>li>a{color: #fff!important;}
}

.solu_nav .swiper-container{height: 6rem}
.solu_nav ul{display: block;}
.solu_nav li{margin-bottom: 0.1rem}
@media only screen and (max-width:767px) {
    .solu_nav{padding: 0;width: 100%; overflow: hidden;}
    .solu_nav .swiper-container{height:auto;}
   .solu_nav li{margin-bottom: 0;float: left;margin-right: 10px}
   .solu_nav .mCSB_horizontal.mCSB_inside>.mCSB_container{margin-bottom: 20px;}
}