@charset "utf-8";
html{-webkit-font-smoothing:antialiased;height: 100%;}
blockquote,body,code,dd,div,dl,dt,fieldset,form,h1,h2,h3,h4,h5,h6,input,legend,li,ol,p,pre,td,textarea,th,ul{margin:0;padding:0}
header, hgroup, nav, menu, main, section, article, summary, details, aside, figure, figcaption, footer{display: block;margin:0;padding:0}
table{border-collapse:collapse;border-spacing:0}
table,th,td{border: 1px solid black;}
fieldset,img{border:0}
address,caption,cite,code,dfn,em,var{font-style:normal;font-weight:400;}
dl,ol,ul{list-style-type:none}
h1,h2,h3,h4,h5,h6{font-size:100%;}
a{text-decoration:none;color: inherit}
a:hover{text-decoration:none;-webkit-tap-highlight-color:rgba(255,0,0,0);outline:0;outline:none;blr:expression(this.onFocus=this.blur())}
sup{vertical-align:text-top}
sub{vertical-align:text-bottom}
textarea{resize:none;outline: none;font-family: Arial,微软雅黑;}
img{vertical-align:middle;max-width: 100%;height: auto;}
button,input[type=submit],input[type=text],input[type=button]{-webkit-tap-highlight-color:rgba(255,0,0,0);outline:0;blr:expression(this.onFocus=this.blur())}
button{-webkit-appearance:none;}

#web-ietip {width: 526px; height: 90px; padding: 83px 0 0 84px; overflow:hidden; background: url(../images/browser.png) no-repeat center center; margin: 200px auto 0;}
#web-ietip a{display: block; width: 65px; height: 80px; float: left;}

.clearfix:after{content:".";display:block;height:0;clear:both;visibility:hidden;line-height:0;font-size:0;}
.ellipsis{overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
.eps2{overflow : hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;}

body{letter-spacing:1px;padding: auto 20px;font-size: 14px;color: #000;font-family: Arial,微软雅黑;}
body *{box-sizing: border-box;line-height: 1;}

@media(min-width: 1920px){
    html{font-size: calc(100vw / 1920 * 100);}
}

@media(min-width: 1401px) and (max-width: 1920px) {
    html{font-size: 100px}
}

@media(max-width: 1400px) and (min-width: 1001px){
    html{font-size: calc(100vw / 1400 * 100);}
    /*即让html字体大小=屏幕宽度÷设计稿宽度*100px*/
}


@media(max-width: 1000px){
    html{font-size: calc(1000px / 1400 * 100);}
    /*
    即让html字体大小=900px÷设计稿宽度*100px
    让内容区宽度变为100%
    元素的宽度全都固定为当屏幕为900px时的宽度，同时将max-width设置为100%，
    元素宽度和如果大于100%了，让元素自动排列到下一行通常居中显示
    */
}

/*@font-face {
    font-family: SourceHanSansCN;
    src: url("../fonts/SourceHanSansCN.ttf");
}*/
input:-moz-placeholder,
textarea:-moz-placeholder {
    color: #cccccc;
}

input:-ms-input-placeholder,
textarea:-ms-input-placeholder {
    color: #cccccc;
}

input::-webkit-input-placeholder,
textarea::-webkit-input-placeholder {
    color: #cccccc;
}
input::-ms-clear {
    width : 0;
    height: 0;
}
.subject{max-width: 1400px;margin: 0 auto;width: calc(100% - .4rem);}

.header{background: #FFF;box-shadow: 0 1px .1rem rgba(0,0,0,.05)}
.header_1{}
.header_2{border-top: 1px solid #eeeeee;height: .5rem}
.h_logo{float: left;display: block;line-height: .9rem;/*width: 3.84rem;*/}
.h_logo h1{line-height: .9rem}
.h_logo img{width: 100%}
.lag{border-radius: 50%;margin-top: .27rem;margin-left: .3rem;background: #bacc29;display: block;float: right;width: .36rem;height: .36rem;line-height: .36rem;text-align: center;color: #fff;font-size:.14rem;}
.lag:hover{background: #bacc29}
.h_tel{line-height: .36rem;display: block;float: right;margin-top: .27rem;font-size: .2rem;color: #bacc29;}
.h_tel img{width: .36rem;margin-right: .1rem;position: relative;top:-1px}
.header_pc_nav_list{float: left;font-size: 17px;color: #333333;}
.header_pc_nav_list .li1{float: left;position: relative;border-top: .02rem solid rgba(0,0,0,0)}
.header_pc_nav_list .li1:hover,
.header_pc_nav_list .li1.in{border-top: .02rem solid #bacc29}
.header_pc_nav_list .li1 .a1{padding: 0 26px;display: block;line-height: .47rem;}
.header_pc_nav_list .li1:hover .a1,
.header_pc_nav_list .a1:hover{color: #bacc29}
.header_pc_nav_list2{z-index: 20;padding: .1rem 0;display: none;box-shadow: 0 2px .05rem rgba(0,0,0,.05);position: absolute;text-align: center;background: #FFF;min-width: 1.6rem;top:100%;left: 50%;transform: translateX(-50%);}
.header_pc_nav_list2 .li2{}
.header_pc_nav_list2 .li2 .a2{padding: 0 .1rem;white-space: nowrap;display: block;line-height: .3rem;font-size: 16px}
.header_pc_nav_list2 .li2 .a2:hover{background: #f8fae4}
.h_menu{float: right;display: none;width: .3rem;margin-top: .13rem;margin-left: .2rem}
.h_menu img{width: 100%;}
.h_search{margin-top: .05rem;float: right;;border-radius: .36rem;border: 1px solid #eee;}
.h_search .input{float: left;padding-left: .1rem;border: none;background: none;outline: none;width: 100px;;height: .36rem;line-height: .36rem;font-size: .12rem;color: #666;}
.h_search .submit{float: left;cursor: pointer;width: 36px;height: .36rem;border: none;background: url("../images/search.png") no-repeat center;background-size: .14rem!important;}



.header_pc_nav_list .li1:hover .header_pc_nav_list2{display: block}

.float{position: fixed;z-index: 999;top:45%;right: 0;}
.float .item{color: #bacc29;position: relative;margin-bottom: .05rem;display: block;width: 60px;height: 60px;border-radius: 3px;background: #bacc29;text-align: center;font-size: 12px;}
.float .item .icon{height: 40px;line-height: 40px}
/*.float .item .icon img{max-width: .23rem}*/
.float .item .p{white-space: nowrap;color: #FFF}
/*.float .item:last-child{background: #7d8488}*/
.float .item:hover{background: #bacc29;color: #fff}
.float_div{display: none;border-radius: 3px;background: #bacc29;padding: .1rem;bottom:0;right: calc(100% + 1px);position: absolute;height: 100%;min-width: 1rem;}
.float_div .d{;height: 100%}
.float_div .tel{font-size: .1rem;color: #FFF;padding: 0 .1rem;line-height: 2}
.float .item:hover .float_div,
.float .item.in .float_div{display: block}
.float .item:last-child{display: none;}


@media(max-width: 767px){
    .float .item{width: 45px;height: 45px;}
    .float .item .icon{height: 30px;line-height: 30px}
    .float .item .icon img{max-height: 16px}
    .float .item .p{font-size: .12rem;line-height: 1.5}
    /* .h_logo{width: 2.2rem;} */
    .h_tel{display: none;}
    .fr{margin-top: .3rem;}
    .lag{margin-left: .1rem;margin-top: 0}

}




@media(max-width: 1440px){
    .header_pc_nav_list .li1 .a1{padding: 0 22px}
    .header_pc_nav_list{font-size: 16px}
    .header_pc_nav_list2 .li2 .a2{font-size: 15px;}
}

@media(max-width: 1320px){
    .header_pc_nav_list .li1 .a1{padding: 0 .19rem}
}


@media(max-width: 1200px){
    .header_pc_nav_list{display: none}
    .h_menu{display: block}
    .h_search .input{width: 1.5rem}
    /*.float .item{font-size: 12px}*/
    .h_search .input{width: 2rem;font-size: 12px}
    .h_search{float: left}
    .h_menu{width: .4rem}


}
@media(max-width: 767px){
    .h_search .input{width: 1.6rem;}
}
@media(max-width: 480px){
    .lag,
    .h_tel{margin-top: 0;margin-bottom: .1rem}

}


.pop{display: none;position: fixed;width: 100%;height: 100%;left: 0;top:0;z-index:9999 }
.pop_mask{position: absolute;width: 100%;height: 100%;left: 0;top:0;background: rgba(0,0,0,.8);z-index: 10001}
.menu2{
    position: absolute;
    z-index: 10002;
    background: #fff;
    top: 0;
    right: 0;
    width: 70%;
    padding-top: 20px;
    height: 100%;
    color: #333;
    overflow-y: auto;
    padding-bottom: .2rem;
}
.menu2 .m1 a{color: #333}
.menu2 .m1{position:relative;line-height: 40px;text-indent: 20px;font-size: 16px;}
.menu2 .m1.m1_1:after{
    content: "+";
    display: inline-block;
    width: 40px;
    height: 40px;
    line-height: 40px;
    text-align: center;
    position: absolute;
    right: 10px;
    top: 0;
    font-size: 20px;
    color: #333;
}
.menu2 .m1.show:after{
    content: "-";
    color: #666;
}
.menu2 .m1 ul{height: 0;overflow: hidden}
.menu2 .m1_1.show ul{height: auto}
.menu2 .m2{
    font-size: 15px;
    color: #fff;
    line-height: 36px;
    text-indent: 40px;
}
.menu2 .m2 a{color: #666}

.fl{float: left}
.fr{float: right}


.footer{background: #383435;font-size: .14rem;color: #FFF;padding: .4rem 0 0}
.f_logo{display: block;float: left;width: 1.23rem;margin-right: .5rem}
.f_logo img{width: 100%}
.f_nav{float: left;font-size: .16rem}
.f_nav_item{float: left;width: 1rem;margin-right: .18rem;}
.f_nav_item:last-child{margin-right: 0}
.f_nav_item .a1{display: block;padding-bottom: .2rem;line-height: 1.3}
.f_nav2{}
.f_nav2 .a2{font-size: .14rem;;display: block;color: rgba(255,255,255,.55);line-height: 1.3;padding-bottom: .1rem}

.footer_1{float: right}
.footer_1_left{float: left}
.footer_1_left .item{float: left;;margin-right: .3rem;text-align: center}
.footer_1_left .item img{width: 1.2rem}
.footer_1_left .item p{line-height: .4rem;}
.footer_1_right{float: left}
.footer_1_right p{line-height: 1.8}
.footer_1_right_a{}
.footer_1_right_a:hover{opacity: .8}

.footer_1 .f_logo{display: none}

.footer_2{box-sizing: border-box;font-size: .12rem;color: rgba(255,255,255,.55);margin-top: .4rem;border-top: 1px solid rgba(255,255,255,.1);padding: .15rem;line-height: 1.5}
.friendship_links{float: left;line-height: 1.5}
.friendship_links .a{display: inline-block;margin-right: .15rem}
.footer_2 .other{float: right;line-height: 1.5}


.footer a:hover{color: #bacc29}

@media(max-width: 1440px){
    .footer_1_left .item img{width: .7rem}
    .f_logo{width: 1rem}
}


@media(max-width: 1200px){
    .footer{text-align: center}
    .f_logo{float: none;margin: 0 auto;}
    .f_nav{float: none;width: 100%;margin-top: .4rem;margin-bottom: .4rem}
    .f_nav_item{width: 14.2%;text-align: center;margin-right: 0}
    .footer_1{float: none;display: inline-block;}
    .footer_1_right{text-align: left}

    .footer_1_left .item img{width: 1rem}
    .f_logo{width: 1.2rem}
    .f_logo{display: none}
    .footer_1 .f_logo{display: block;float: left;margin-right: .5rem}
    .footer_1{max-width: 100%}
    .footer{font-size: 12px}
    .f_nav2 .a2{font-size: 12px}
    .f_nav_item{width: 25%;margin-bottom: .3rem}
    .f_nav_item:nth-child(5),
    .f_nav_item:nth-child(6),
    .f_nav_item:nth-child(7){height: auto!important;}
    .footer_1_left .item:nth-child(2){margin-right: 0}

}


@media(max-width: 700px){
    .f_nav_item{width: 33.33%}
    .footer{font-size: 10px}
    .f_nav2 .a2{font-size: 10px}
    .f_nav_item .a1{font-size: 12px}
}

@media(max-width: 600px){
    .f_logo{display: block}
    .footer_1 .f_logo{display: none}
}
@media(max-width: 560px){
    /*.f_nav_item{width: 50%}*/
}
.banner{}
.banner .swiper-container{width: 100%}
.banner .swiper-slide{background-size: cover;background-repeat: no-repeat;background-position: center;}
.banner img{width: 100%}
.banner .swiper-pagination{}
.banner .img_pc{display: block;}
.banner .img_mobile{display: none;}

.swiper-pagination .swiper-pagination-bullet{background: #7a7b7c;opacity: 1}
.swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active{width: .3rem;background: #bacc29;border-radius: 8px}

.notice{background: #FFF;box-shadow: 0 3px .1rem rgba(0,0,0,.1)}
.notice_swiper{width: 100%;height: .54rem;}

.notice_item{}
.notice_item .left{float: left;width: 60%;line-height: .54rem;font-size: .16rem;color: #333}
.notice_item .right{float: right;line-height: .54rem;font-size: .14rem;color: #999}
.notice_item img{position: relative;top:-.03rem;margin-right: .1rem;}


.a_click{display: block}

.Title{ padding: 0.2rem 0;text-align: center}
.Title .title{font-size: .32rem;color: #474646;font-weight: bold;padding-top: .45rem}
.Title .title .line{display: inline-block;width: .6rem;height: 1px;background: #dcdcdc;position: relative;top:-.1rem;margin: 0 .3rem}
.Title .text{font-size: .2rem;line-height: 1.3;color: #333333;padding-top: .15rem}
.index_1{overflow: hidden}
.index_1_1{}
.index_1_1_item{overflow: hidden;float: left;text-align: center;margin-bottom: .1rem;width: calc((100% - .5rem)/6);min-height: 2.88rem;margin-right: .1rem;border: 1px solid #dcdcdc;border-radius: .1rem;}
.index_1_1_item:nth-child(5){margin-right: 0}
.index_1_1_item:nth-child(6){margin-right: 0;float: right}
.index_1_1_item .icon{margin: .35rem;height: .55rem;}
.index_1_1_item .icon img{height: .55rem;}
.index_1_1_item .t{font-size: .22rem;color: #bacc29;padding-top: .25rem;line-height: 1.5;}
.index_1_1_item .line{width: .25rem;height: .02rem;background: #dcdcdc;margin: .15rem auto;}
.index_1_1_item .text{font-size: .14rem;color: #666666;line-height: 2;overflow: hidden;margin: 0 .25rem .3rem}
.index_1_1_item .text p{line-height: 2}




@media(max-width: 1000px){
    .index_1_1_item{width:calc((100% - .2rem)/3); }
    .index_1_1_item:nth-child(2){margin-right: 0}
    .index_1_1_item:nth-child(3){margin-right: 0;float: right}
}
@media(max-width: 767px){
    .index_1_1_item{width:calc((100% - .1rem)/2);margin-right: 0!important; float: left!important;}
    .index_1_1_item:nth-child(2n){margin-right: 0!important;float: right!important;}
    .index_1_1_item .icon{margin-top: .2rem;}
    .index_1_1_item .text{margin: 0 .1rem .2rem}
    .banner .img_pc{display: none;}
    .banner .img_mobile{display: block;}
}

.index_1_2{margin-top: .1rem;margin-bottom: .6rem;position: relative}
.index_1_2 .swiper-container{height: auto;}
.index_1_2 .swiper-slide{position: relative;border-radius: .1rem;overflow: hidden;display: block;}
.index_1_2 .swiper-slide .bg{transition: .4s;z-index: 11;position: absolute;width: 100%;height: 100%;left: 0;top:0;;background-size: cover;background-repeat: no-repeat;background-position: center;}
.index_1_2 .swiper-slide .d{position: relative;z-index: 12;color: #FFF;text-align: center}
.index_1_2 .swiper-slide .d .t{font-size: .22rem;padding-top: .3rem;}
.index_1_2 .swiper-slide .d .line{width: .25rem;height: .02rem;background: rgba(255,255,255,.6);margin: .2rem auto}
.index_1_2 .swiper-slide .d .text{height: 2.2rem;overflow: hidden;padding: 0 .3rem}
.index_1_2 .swiper-slide .d .text,
.index_1_2 .swiper-slide .d .text p{font-size: .14rem;line-height: 1.8}
.index_1_2 .swiper-slide .d .more{height: 0.4rem; background: #bacc29; border-radius: 0.05rem;line-height: .4rem; margin: 0.2rem auto; display: inline-block; padding: 0 0.2rem;}
.index_1_2 .swiper-slide:hover .bg{transform: scale(1.1)}
.swiper-button-prev,
.swiper-button-next{z-index: 20;width: 40px;height: 40px;background-color: #7d8488;background-size: 9px;margin: 0;top:50%;transform: translateY(-50%)}

.swiper-button-prev{background-image: url("../images/icon9.png");left: -.6rem}
.swiper-button-next{background-image: url("../images/icon10.png");right: -.6rem}

.swiper-button-prev:hover,
.swiper-button-next:hover{background-color: #bacc29}

@media(max-width: 1550px){
    .swiper-button-prev{left: .1rem}
    .swiper-button-next{right: .1rem}
}
@media(max-width: 1120px){
    .index_1_2 .swiper-slide .d .text{height: 1.8rem}
    .index_1_2 .swiper-container{height: 3.8rem}
}

.index_2{background: #f6f8fa;padding-bottom: .6rem;overflow: hidden}

.index_2_t{text-align: center}
.index_2_t_{display: inline-block}
.index_2_t .item{transition: .2s;display: inline-block;float: left;cursor: pointer;line-height: .4rem;font-size: .16rem;color: #666;padding: 0 .17rem;border-radius: .05rem;}
.index_2_t .item.in{background: #bacc29;color: #FFF!important;}
.index_2_t .item:hover{color: #bacc29}


.index_2_con{border-top: 1px solid #bacc29;margin-top: .18rem}
.index_2_con2{overflow: hidden}
.index_2_con2 .swiper-slide{height: 4.97rem;background: #FFF}
.index_2_con2 .left{background: none!important;height: 4.97rem;width: 53%;float: left;background-size: cover;background-repeat: no-repeat;background-position: center;}
.index_2_con2 .left .new{font-size: .12rem;color: #FFF;line-height: .24rem;border-radius: .24rem;background: #bacc29;display: block;width: .5rem;margin: .3rem 0 0 .3rem;text-align: center}
.index_2_con2 .left .img{height: 3.6rem;text-align: center;line-height: 3.6rem}
.index_2_con2 .left .img img{max-width: 100%;max-height: 100%}
.index_2_con2 .left .model{font-size: .16rem;color: #666666;text-align: center;line-height: .4rem}


.index_2_con2 .right{height: 4.97rem;padding: .3rem;background: #FFF;width: 47%;float: right}


.index_2_con2 .right .dd{height: 3.4rem;}

.index_2_con2_img .swiper-pagination{bottom:.2rem}
/*.index_2_con2_img .swiper-slide{background: none}*/

@media(max-width: 767px){
    .index_2_t_22 .item{width: 33%;text-align: center;}

}

.product_name{font-size: .26rem;color: #333;padding-bottom: .1rem}
.product_text{font-size: .14rem;color: #666666;line-height: 1.7}
.product_text span{color: #bacc29}
.product_title{font-size: .18rem;color: #333333;padding-bottom: .1rem;padding-top: .15rem;}
.product_title img{margin-right: .1rem}
.product_table table{font-size: .14rem;color: #666;border: none;width: 100%}
.product_table tr td{border-color: #e5e5e5;padding: .1rem .2rem;line-height: 1.3}
.product_table tr td:nth-child(1){color: #333;}


.index_2_con2 .right .more{display: block;color: #FFF;text-align: center;width: 1.2rem;font-size: .14rem;height: .4rem;background: #bacc29;border-radius: .05rem;line-height: .4rem;margin: .2rem 0;}
.index_2_con2 .right .more:hover{opacity: .9}

@media(max-width: 1000px){
    .index_2_con2 .left{width: 100%;}
    .index_2_con2 .right{width: 100%;height: auto;}

}
.index_3{overflow: hidden}
.index_3_t{text-align: center;}
.index_3_t_{display: inline-block;}
.index_3_t .item{transition: .2s;display: inline-block;float: left;cursor: pointer;line-height: .4rem;font-size: .16rem;color: #666;padding: 0 .17rem;border-radius: .05rem;}
.index_3_t .item:hover{background: #bacc29;color: #FFF}


.index_3_con{width: 100%;height: 7.44rem;position: relative;margin-top: .2rem;}
.index_3_con .bg{width: 100%;height: 100%;position: absolute;left: 0;top:0;z-index: 1}
.index_3_con .bg img{width: 100%;}



.index_3_con_center{display: block;font-size: .26rem;color: #333;z-index: 2;position: absolute;left: 50%;transform: translateX(-50%);text-align: center;top:26.8%;}
.index_3_con_center .icon img{width: .62rem}
.index_3_con_center .p{padding-top: .2rem}

.index_3_con_item{position: absolute;z-index: 2;display: block}
.index_3_con_item .icon{float: left;box-sizing: content-box;width: .9rem;height: .9rem;background: #7d8488;border-radius: 50%;text-align: center;line-height: .9rem;border: .1rem solid #f2f2f3;}
.index_3_con_item .icon img{max-height: .41rem;transition: .3s}
.index_3_con_item .txt{width: calc(100% - 1.3rem);float: left;padding-left: .2rem}
.index_3_con_item .txt .h3{line-height: 1.2;font-size: .24rem;color: #333;font-weight: normal;padding: .15rem 0}
.index_3_con_item .txt .text{font-size: .15rem;color: #666666;line-height: 1.7;}

.index_3_con_item:hover .icon img{transform: scale(1.1)}
.index_3_con_item:hover .icon{background: #bacc29}

.index_3_con_item6 .icon,
.index_3_con_item5 .icon,
.index_3_con_item7 .icon{float: right}
.index_3_con_item6 .txt,
.index_3_con_item5 .txt,
.index_3_con_item7 .txt{float: right;padding-left: 0;padding-right: .2rem;text-align: right}

.index_3_con_item4 .icon{float: none;margin: 0 auto}
.index_3_con_item4 .txt{float: none;padding: 0;width: 100%}

.index_3_con_item1{top:2.15%;left: 65.5%;width: 34.5%}

.index_3_con_item2{top:25.8%;left: 70.7%;width: 31%}
.index_3_con_item3{top:48%;left: 68%;width: 32%}
.index_3_con_item4{}
.index_3_con_item5{top:48%;right: 68%;width: 32%}
.index_3_con_item6{top:25.8%;right: 70.7%;width: 31%}
.index_3_con_item7{top:2.15%;right: 65.5%;width: 34.5%}

.index_3_con_item4{top: 68%;width: 100%;text-align: center}




@media(max-width: 1000px){
    .index_3_con .bg{display: none;}
    .index_3_con{height: auto}
    .index_3_con_center{position: static;transform: translate(0);margin-bottom: .4rem}
    .index_3_con_item{width: 100%;margin-bottom: .2rem;position: static;transform: translate(0)}


    .index_3_con_item6 .icon,
    .index_3_con_item5 .icon,
    .index_3_con_item7 .icon{float: left}
    .index_3_con_item6 .txt,
    .index_3_con_item5 .txt,
    .index_3_con_item7 .txt{float: left;padding-left: .2rem;padding-right: 0;text-align: left}

    .index_3_con_item4{text-align: left;}
    .index_3_con_item4 .icon{float: left;}
    .index_3_con_item4 .txt{float: left;width: calc(100% - 1.3rem);padding-left: .2rem}

}


.index_3_bg img{width: 100%}

.technical_support{padding: .2rem 0;background: #7d8488;margin-bottom: .4rem;text-align: left;border-bottom: 1px solid rgba(255,255,255,.1);}
.technical_support_1{font-size: .22rem;color: #fff;line-height: 1.4;float: left;margin-right: .3rem}
.technical_support_1 span{color: #b0c138}
.technical_support2{background: #FFF;box-shadow: 0 0 .15rem rgba(0,0,0,.1)}

.technical_support2 .technical_support_2 .text .p1,
.technical_support2 .technical_support_1{color: #7d8488}

.technical_support_2{float: left;}
.technical_support_2 .icon{float: left;margin-top: .1rem}
.technical_support_2 .text{float: left;margin-left: .1rem;}
.technical_support_2 .text .p1{font-size: .14rem;color: #FFF;padding-top: .1rem}
.technical_support_2 .text .p2{font-size: .22rem;color: #b0c138;font-weight: bold;line-height: 1.4}
.footer .technical_support{background: #383435}
input[type=button], input[type=submit], input[type=file], button { cursor: pointer; -webkit-appearance: none; }

.technical_support_3{width: 50%;float: right;margin-top: .1rem}

.technical_support_3 .name,
.technical_support_3 .tel,.technical_support_3 .email,
.technical_support_3 .content{width: 17.5%;float: left;margin-right: 1.5%;border-radius: .05rem;padding: 0 .15rem;box-sizing: border-box;background: #FFF;border: none;outline: none;line-height: .4rem;height: .4rem;color: #666;font-size: .14rem;}
.technical_support_3 .email{
    width: 25%;
}
.technical_support2 .technical_support_3 .name,
.technical_support2 .technical_support_3 .tel,
.technical_support2 .technical_support_3 .email,
.technical_support2 .technical_support_3 .content{background: #f6f8fa}

.technical_support_3 .name{}
.technical_support_3 .tel{}
.technical_support_3 .content{width: 37%}



.technical_support_3 .submit{height: .4rem;cursor: pointer;width: 16%;line-height: .4rem;border: none;background: #bacc29;border-radius: .05rem;color: #FFF;font-size: .14rem;float: right}
.technical_support_3 .submit:hover{opacity: .9}

@media(max-width: 1000px){
    .technical_support_3{width: 100%;margin-top: .2rem}
}



@media(max-width: 767px){
    .technical_support_3 .tel,.technical_support_3 .email,
    .technical_support_3 .name{width: 49.25%;margin-bottom: .1rem}
    .technical_support_3 .tel,.technical_support_3 .email{margin-right: 0}
    .technical_support_3 .content{width: 75.5%}
    .technical_support_3 .submit{width: 23%}
}
@media(max-width: 600px){
    .technical_support_1{width: 100%;margin-right: 0}

}


.index_4{background: #f6f8fa;padding-bottom: .5rem}


.index_4_con{margin-top: .2rem; }
.index_4_con_item{}

.index_4_lb{position: relative;}
.index_4_lb .swiper-slide{border-radius: .1rem;overflow: hidden;border: 1px solid #d3d3d3;;background: #fff;}
#index_4_con_ >.swiper-wrapper >.swiper-slide.swiper-slide-next{border-left: 1px solid rgba(0,0,0,0)}
.index_4_lb .swiper-slide .img{display: block;float: left;border-right: 1px solid #d3d3d3;border-bottom: 1px solid #d3d3d3}
.index_4_lb .swiper-slide .top{border-right: 1px solid #d3d3d3;
    border-bottom: 1px solid #d3d3d3;float: left;display: block;position: relative;overflow: hidden;width: calc((100% / 6) * 2);height: 2.4rem;line-height: 2.4rem;text-align: center}

.index_4_lb .swiper-slide .top .top_{width: 100%;max-height: 100%;position: absolute;left: 50%;top:50%;transform: translate(-50%,-50%);}
.index_4_lb .swiper-slide .top .top_ .d{text-align: center;width: 100%}
.index_4_lb .swiper-slide .top .top_ .d .num{display: inline-block;font-size: 1rem;color: #bacc29;}
.index_4_lb .swiper-slide .top .top_ .d .num span{font-size: 50%; vertical-align: 80%;}
.index_4_lb .swiper-slide .top .top_ .d .right{display: inline-block}
.index_4_lb .swiper-slide .top .top_ .d .right .icon{text-align: left;margin-bottom: .2rem;display: none;}
.index_4_lb .swiper-slide .top .top_ .d .right .icon img{}
.index_4_lb .swiper-slide .top .top_ .d .right .p{font-size: .32rem;color: #333333;}

.index_4_lb .swiper-slide .top .more{position: absolute;font-size: .15rem;color: #bacc29;bottom:.2rem;right: .2rem}
.index_4_lb .swiper-slide .top:hover .more{color: #bacc29}


.index_4_lb .swiper-slide a{display: none!important;}
.index_4_lb .swiper-slide a:nth-child(1),
.index_4_lb .swiper-slide a:nth-child(2),
.index_4_lb .swiper-slide a:nth-child(3),
.index_4_lb .swiper-slide a:nth-child(4),
.index_4_lb .swiper-slide a:nth-child(5),
.index_4_lb .swiper-slide a:nth-child(6),
.index_4_lb .swiper-slide a:nth-child(7),
.index_4_lb .swiper-slide a:nth-child(8),
.index_4_lb .swiper-slide a:nth-child(9),
.index_4_lb .swiper-slide a:nth-child(10),
.index_4_lb .swiper-slide a:nth-child(11),
.index_4_lb .swiper-slide a:nth-child(12),
.index_4_lb .swiper-slide a:nth-child(13),
.index_4_lb .swiper-slide a:nth-child(14),
.index_4_lb .swiper-slide a:nth-child(15),
.index_4_lb .swiper-slide a:nth-child(16),
.index_4_lb .swiper-slide a:nth-child(17),
.index_4_lb .swiper-slide a:nth-child(18),
.index_4_lb .swiper-slide a:nth-child(19),
.index_4_lb .swiper-slide a:nth-child(20),
.index_4_lb .swiper-slide a:nth-child(21){display: block!important;}






@media(max-width: 1000px){
    .index_4_lb .swiper-slide .top .top_ .d .num{font-size: .8rem}
    .index_4_lb .swiper-slide .top .top_ .d .right .p{font-size: .25rem}
}
@media(max-width: 767px){
    .index_4_lb .swiper-slide .top .top_ .d .num{font-size: .6rem}
    .index_4_lb .swiper-slide .top .top_ .d .right .p{font-size: .2rem}
    .index_4_lb .swiper-slide .top .top_{top: 45%}
    .index_4_lb .swiper-slide .top .top_ .d .num span{display: inline-block}
    .index_4_lb .swiper-slide .top .top_ .d .right .icon{display: none}
}
/*.index_4_lb .swiper-slide .top img{max-height: 100%;max-width: 100%}*/






.index_4_lb .swiper-slide .img{overflow: hidden;width: calc(100% / 6);height: 1.202rem;line-height: 1.202rem;text-align: center}
.index_4_lb .swiper-slide .img img{max-width: 100%;max-height: 100%}





.index_4_lb .swiper-slide .img:nth-child(5),
.index_4_lb .swiper-slide .img:nth-child(9),
.index_4_lb .swiper-slide .img:nth-child(15),
.index_4_lb .swiper-slide .img:nth-child(21){border-right: none}

.index_4_lb .swiper-slide .img:nth-child(16),
.index_4_lb .swiper-slide .img:nth-child(17),
.index_4_lb .swiper-slide .img:nth-child(18),
.index_4_lb .swiper-slide .img:nth-child(19),
.index_4_lb .swiper-slide .img:nth-child(20),
.index_4_lb .swiper-slide .img:nth-child(21){border-bottom: none}

.index_4_lb .swiper-button-prev,
.index_4_lb .swiper-button-next{transform: translateY(0);margin: 0;width: .42rem;opacity: 1;height: .42rem;top:1px;left: auto;right: auto;background-size: 100%;background-repeat: no-repeat;background-position: center}

.index_4_lb .swiper-button-prev{background-image: url("../images/icon22.png");right: calc(66.7% + .42rem);}
.index_4_lb .swiper-button-next{background-image: url("../images/icon22-1.png");right: 66.6%}

.index_4_lb .swiper-button-prev.swiper-button-disabled{background-image: url("../images/icon21-1.png");pointer-events:auto}
.index_4_lb .swiper-button-next.swiper-button-disabled{background-image: url("../images/icon21.png");pointer-events:auto}

/*.index_4_lb .swiper-button-prev:hover{background-image: url("../images/icon22.png")}*/
/*.index_4_lb .swiper-button-next:hover{background-image: url("../images/icon22-1.png")}*/




@media(max-width: 900px){
    .index_4_lb .swiper-slide .top{width:calc((100% / 4) * 2) }
    .index_4_lb .swiper-slide .img{width: calc(100% / 4)}
    .index_4_lb .swiper-button-prev{right: calc(50% + .42rem + 1px);}
    .index_4_lb .swiper-button-next{right: 50%}

    .index_4_lb .swiper-slide .img:nth-child(3),
    .index_4_lb .swiper-slide .img:nth-child(13),
    .index_4_lb .swiper-slide .img:nth-child(17){border-right: none}

    .index_4_lb .swiper-slide .img:nth-child(15){border-right: 1px solid #d3d3d3}
    .index_4_lb .swiper-slide .img:nth-child(16),
    .index_4_lb .swiper-slide .img:nth-child(17){border-bottom: 1px solid #d3d3d3}


}


@media(max-width: 520px){
    .index_4_lb .swiper-slide .img{height: 1rem;line-height: 1rem}
    .index_4_lb .swiper-slide .top{height: 2rem;line-height: 2rem}
}

.index_5{padding-bottom: .5rem}

.index_5_main{}
.index_5_left{width: calc((100% - .1rem)/2);float: left;height: 4.75rem;position: relative;border-radius: .1rem;overflow: hidden}
.index_5_left .bg{position: absolute;width: 100%;height: 100%;left: 0;top:0;z-index: 1;transition: .4s;background-size: cover;background-repeat: no-repeat;background-position: top}
.index_5_left .txt{position: absolute;width: 100%;;background: rgba(125,132,136,.93);left: 0;bottom:0;color: #FFF;z-index: 2;padding: .2rem;}
.index_5_left .txt .t{font-size: .24rem;padding-bottom: .15rem;}
.index_5_left .txt .text{font-size: .16rem;line-height: 1.6;height: .6rem;}
.index_5_left .txt .text a{color: #bacc29}
.index_5_left .txt .other{text-align: center;padding-top: .3rem}
.index_5_left .txt .other .item{padding: 0 3px;width: 33.33%;position: relative;float: left;}
.index_5_left .txt .other .item:after{position: absolute;display: block;content: '';width: 1px;height: .3rem;background: rgba(255,255,255,.3);right: 0;top:.2rem;}
.index_5_left .txt .other .item:last-child:after{display: none}
.index_5_left .txt .other .item .p1{font-size: .2rem}
.index_5_left .txt .other .item .p1 span{font-size: .4rem}
.index_5_left .txt .other .item .p1 img{position: relative;top:-.2rem}
.index_5_left .txt .other .item .p2{font-size: .16rem;line-height: 1.5}


.index_5_left:hover .bg{transform: scale(1.1)}


.index_5_right{width: calc((100% - .1rem)/2);float: right;}

.index_5_right_1{height: 2.35rem;border-radius: .1rem;overflow: hidden;background: #f6f8fa;margin-bottom: .1rem}
.index_5_right_1 .img{overflow: hidden;width: calc((100% - .1rem)/2);float: left;height: 100%;}
.index_5_right_1 .img_{height: 100%;background-size: cover;background-repeat: no-repeat;background-position: center;transition: .4s;}
.index_5_right_1 .img_:hover{transform: scale(1.1)}
.index_5_right_1 .txt{width: calc((100% - .1rem)/2);float: right;padding: .2rem .15rem 0;height: 1.9rem;overflow: hidden}
.index_5_right_1 .txt .h3{font-size: .24rem;color: #333;padding-bottom: .2rem}
.index_5_right_1 .txt p{font-size: .16rem;color: #666;line-height: 1.6;}
.index_5_right_1 .txt p b{color: #333;font-weight: normal}
.index_5_right_1 .more{font-size: .16rem;color: #bacc29;padding-left: .25rem;display: inline-block;margin-top: .1rem}
/*.index_5_right_1 .txt .d{height: 1rem;}*/
.index_5_right_1 .txt .d{height: 1.4rem;}

.index_5_right_2{height: 2.3rem;}
.index_5_right_2 .item{min-height: 2.3rem;display: block;box-sizing: border-box;text-align: center;width: calc((100% - .1rem)/2);background: #f6f8fa;height: 100%;border-radius: .1rem;overflow: hidden;float: left;}
.index_5_right_2 .item .d{padding: .20rem}
.index_5_right_2 .item:nth-child(2){float: right;}

.index_5_right_2 .item:hover{box-shadow: 0 .05rem .15rem rgba(0,0,0,.1)}

.index_5_right_2 .item .icon{}
.index_5_right_2 .item .icon img{max-height: .45rem}
.index_5_right_2 .item .t{font-size: .24rem;color: #333;padding: .2rem 0 .15rem}
.index_5_right_2 .item .text{color: #666666;font-size: .16rem;line-height: 1.6}



@media(max-width: 1000px){
    .index_5_left{width: 100%;margin-bottom: .3rem;height: 9rem}
    .index_5_right{width: 100%}
    .index_5_right_2{height: 2.8rem}
}
@media(max-width: 767px){
    .index_5_left{height: 4rem}
    .index_5_left .txt .text{height: .4rem}
}


.index_6{background: #f6f8fa;padding-bottom: .5rem;}

.index_6_main{}
.index_6_item{background: #FFF;float: left;margin-right: .1rem;width: calc((100% - .21rem)/3);height: 5rem;border-radius: .1rem;overflow: hidden}
.index_6_item:nth-child(3){margin-right: 0}


.index_6_item_top{padding: 0 .2rem;height: .64rem;background: #7d8488;color: #fff;}
.index_6_item_top .title{float: left;font-size: .2rem;line-height: .64rem}
.index_6_item_top .title img{margin-right: .1rem;position: relative;top:-.02rem}
.index_6_item_top .more{margin-top: .19rem;display: block;float: right;width: .27rem;height: .27rem;background: url("../images/icon26.png") no-repeat center;background-size: cover!important;}
.index_6_item_top .more:hover{background: url("../images/icon26-1.png") no-repeat center}

.index_6_item_d{padding: .2rem;}

.index_6_news_first{display: block;margin-bottom: .2rem}
.index_6_news_first .img{float: left;width: 1.47rem;height: 1.04rem;border-radius: .1rem;overflow: hidden;}
.index_6_news_first .img_{height: 100%;background-size: cover;background-repeat: no-repeat;background-position: center;transition: .4s}
.index_6_news_first .txt{width: calc(100% - 1.64rem);float: right;}
.index_6_news_first .txt .title{position: relative}
.index_6_news_first .txt .title .t{font-size: .18rem;color: #333;line-height: 1.5;height: .5rem;overflow: hidden}
.index_6_news_first .txt .title .time{padding-top: .04rem;padding-left: .3rem;box-shadow: -2px 0 .2rem rgba(255,255,255,.8);z-index: 5;background: #FFF;height: .2rem;font-size: .12rem;color: #999;position: absolute;right: 0;top:.3rem}
.index_6_news_first .txt .title .time img{margin-right: .1rem;position: relative;top: -.02rem}
.index_6_news_first .txt .text{font-size: .14rem;color: #666666;line-height: 1.65;height: .38rem;margin-top: .1rem}


.index_6_news_first:hover .img_{transform: scale(1.1);}
.index_6_news_first:hover .title .t{color: #bacc29}


.news_list{margin-top: .1rem}
.news_list .li{}
.news_list .a{display: block}
.news_list .title{font-size: .16rem;color: #333;float: left;width: 70%;padding-left: .15rem;position: relative}
.news_list .title:before{display: block;content: '';position: absolute;width: 8px;height: 8px;border-radius: 50%;background: #bacc29;left: 0;top:50%;transform: translateY(-50%)}
.news_list .title .p{line-height: .36rem}
.news_list .time{line-height: .36rem;float: right;font-size: .12rem;color: #999;}
.news_list .time img{margin-right: .1rem;position: relative;top: -.02rem;}
.news_list .a:hover .title .p{color: #bacc29}


.Q_and_A_list{}
.Q_and_A_list .li{height: 1.1rem;padding: .13rem 0;border-bottom: 1px solid #e5e5e5;}
.Q_and_A_list .li:last-child{border-bottom: none}
.Q_and_A_list .li .div{margin-bottom: .05rem}
.Q_and_A_list .li .div .icon{float: left;}
.Q_and_A_list .li .div .icon img{}
.Q_and_A_list .li .div .text{line-height: 1.6;width: calc(100% - .35rem);float: left;padding-left: .1rem;font-size: .16rem;color: #333;}
.Q_and_A_list .li .div.question{}
.Q_and_A_list .li .div.answer{}
.Q_and_A_list .li .div.answer .text{font-size: .14rem;color: #666;height: .28rem}



.mCSB_scrollTools .mCSB_draggerRail{background-color: #d1d5d8!important;width: 3px!important;}
.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{background-color: #bacc29!important;opacity: 1;width: 3px!important;}


@media(max-width: 1100px){
    .news_list .title{width: 60%}
}


@media(max-width: 1000px){
    .index_6_item{width: 100%;margin-right: 0;margin-bottom: .2rem}
    .news_list .title:before{width: 5px;height: 5px}
    .Q_and_A_list .li{height: 1.15rem}
    .index_6_item:nth-child(3){height: 5.3rem}
}
@media(max-width: 767px){
    .news_list .title{width: 65%}
}


.nav2{background: #FFF;min-height: .7rem;box-shadow: 0 .05rem .1rem rgba(0,0,0,.05);line-height: .7rem}
.nav2_{line-height: 2;padding: .2rem 0;font-size: .16rem;color: #333;}
.nav2_ span,
.nav2_ a{color: #999}
.nav2_ a:hover{color: #333}
.nav2_  img{margin-right: .15rem;position: relative;top:-.02rem}

.background_f6f8fa{background: #f6f8fa}


.inside_tab{padding: .4rem 0}

.inside_tab.fixed{position: fixed;width: 100%;z-index: 800;left: 0;top:0;padding: 0}



.inside_tab_{text-align: center}
.inside_tab_b{border-radius: .03rem;display: inline-block;border: 1px solid #d2d2d2;background: #FFF;}

.inside_tab.fixed .inside_tab_b{border-top: none}

.inside_tab_b .item{display: block;float: left;font-size: .14rem;color: #333;line-height: .4rem;min-width: 1.6rem;text-align: center;padding: 0 .1rem}

.inside_tab_b .item:hover{color: #bacc29}
.inside_tab_b .item.in{color: #fff;background: #bacc29}

.case_list{}
.case_list .li{margin-right: 1.4%;margin-top: .2rem;width: 15.5%;height: 1.85rem;float: left;border: 1px solid #dcdcdc;background: #FFF;}
.case_list .li:nth-child(6n){margin-right: 0}
.case_list .li .a{transition: .3s;display: block;height: 100%;position: relative}
.case_list .li .div1{position: relative;z-index: 1;height: 100%}
.case_list .li .div1 .img{padding: 0 .1rem;height: 1.5rem;text-align: center;line-height: 1.5rem;}
.case_list .li .div1 .img img{max-height: 100%;max-width: 100%;}
.case_list .li .div1 .company{font-weight: normal;padding: 0 .1rem;text-align: center;font-size: .16rem;color: #666666;line-height: 1.5}
.case_list .li .div2{opacity: 0;transition: .3s;font-size: .13rem;;position: absolute;z-index: 2;width: 100%;height: 100%;left: 0;top:0;background: rgba(0,0,0,.55);padding: .4rem .25rem}
.case_list .li .div2 .text{height: .72rem;overflow: hidden;color: #FFF;line-height: 1.8;/*height: .45rem*/}

.case_list .li .div2 .more{text-align: center;color: #bacc29;margin-top: .12rem}


.case_list .li .a:hover{box-shadow: 0 .05rem .1rem rgba(0,0,0,.2)}
.case_list .li .a:hover .div2{opacity: 1;}




@media(max-width: 1000px){
    .case_list .li{width: 24%;margin-right: 1.3%}
    .case_list .li:nth-child(6n){margin-right: 1.3%}
    .case_list .li:nth-child(4n){margin-right: 0}
}



@media(max-width: 767px){
    .inside_tab{padding: .3rem 0}
    .case_list .li{width: 49%;margin-right: 2%;margin-top:2%}
    .case_list .li:nth-child(2n){margin-right: 0;}
    .inside_tab_b .item{min-width: 1rem;}
}


.case_info_1_{padding-top: .6rem;padding-bottom: .2rem}
.case_info_company{font-size: .26rem;color: #333;text-align: center;line-height: 1.5}

.case_info_1{margin-top: .5rem}
.case_info_1 .d{background: #f6f8fa}
.case_info_1_img{width: 52%;float: left;height: 4rem;}
.case_info_1_img .swiper-container{width: 100%;height: 100%}
.case_info_1_img .swiper-container .swiper-slide{}
.case_info_1_img .swiper-container .swiper-slide .img{height: 100%;background-size: cover;background-repeat: no-repeat;background-position: center;}
.case_info_1_img .swiper-pagination{text-align: right;padding-right: .3rem;bottom:.15rem;left: auto;right: 0}
.case_info_1_img .swiper-pagination .swiper-pagination-bullet{background: #FFF}
.case_info_1_img .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active{background: #bacc29}

.case_info_1_txt{padding: .6rem .8rem 0 1.1rem;width: 48%;float: right;height: 4rem;}
.case_info_1_txt .t{line-height: .25rem;font-size: .2rem;color: #333333;padding-bottom: .25rem}
.case_info_1_txt .text{height: 2.4rem;}
.case_info_1_txt .text p{font-size: .16rem;color: #666;line-height: 2}


.md{position: relative;top:-1rem}

@media(max-width: 1000px){
    .case_info_1_txt{padding: .5rem .5rem 0 .6rem}
}


@media(max-width: 767px){
    .case_info_1_img{width: 100%;height: 3rem}
    .case_info_1_txt{width: 100%;}
    .case_info_1_txt{padding: .3rem .3rem 0 .3rem}
    .case_info_1_txt{height: 3.6rem}
    .md{top: -1.5rem}
}


.inside_tab2{}
.inside_tab2 .inside_tab_b{background: #f6f8fa;border-color: #f6f8fa;border-radius: 0}
.inside_tab2 .inside_tab_b .item{line-height: .5rem;height: .5rem;font-size: .18rem;position: relative}
.inside_tab2 .inside_tab_b .item:hover,
.inside_tab2 .inside_tab_b .item.in{color: #333;background: #FFF;line-height: .53rem;/*border-top: .03rem solid #bacc29*/}
.inside_tab2 .inside_tab_b .item.in:before,
.inside_tab2 .inside_tab_b .item:hover:before{left: 0;top: 0;z-index: 1;display: block;content: '';width: 100%;height: .03rem;background: #bacc29;position: absolute;}

.case_info_2_item{margin-bottom: .3rem}
.case_info_2_item .t{font-size: .21rem;color: #333;line-height: .4rem}
.case_info_2_item .div{}

.project_overview{font-size: .14rem;padding-top: .1rem;margin-bottom: .2rem}
.project_overview p{;color: #666;line-height: 1.7;}


.case_picture_swiper{max-width: calc(1400px + .2rem);width: calc(100% - .1rem);}
.case_picture .p{font-size: .14rem;color: #666;line-height: 1.7}
.case_picture_swiper{}




.case_picture_swiper{position: relative}
.case_picture_swiper .swiper-container{height: 2.55rem;padding: .2rem .1rem;box-sizing: content-box}
.case_picture_swiper .swiper-slide{background: #FFF;text-align: center;box-shadow: 0 0 .1rem rgba(0,0,0,.1)}
.case_picture_swiper .swiper-slide .img{height: 1.9rem;line-height: 1.9rem;}
.case_picture_swiper .swiper-slide .img img{max-width: 98%;max-height: 80%}
.case_picture_swiper .swiper-slide .name{font-size: 16px;color: #666;line-height: 1.5;font-weight: normal;}
.case_picture_swiper .swiper-slide .model{font-size: .14rem;color: #666;line-height: 1.5}


@media(max-width: 1000px){
    /*.case_picture_swiper .swiper-container{height: 2.55rem}*/
}


.video_case{}
.video_case_container{width: 78%;float: left;position: relative;height: 4.3rem;background: #000;cursor: pointer}
.video_case_container .poster{background-size: cover;background-repeat: no-repeat;background-position: center;position: absolute;width: 100%;height: 100%;left: 0;top:0;z-index: 2}
.video_case_container .mask{position: absolute;width: 100%;height: 100%;left: 0;top:0;z-index: 3;background-color: rgba(0,0,0,.47);background-image: url("../images/play.png");background-repeat: no-repeat;background-position: center;background-size: .9rem;}
.video_case_container .video{position: absolute;width: 100%;height: 100%;left: 0;top:0;z-index: 1}
.video_case_container .video iframe,
.video_case_container .video video{width: 100%;height: 100%;object-fit: contain}


.video_case_tab{width: 20%;float: right;height: 4.3rem;position: relative}

.video_case_tab .swiper-container{height: 100%;width: 100%}
.video_case_tab .mCSB_inside>.mCSB_container{margin-right: 15px}

.video_case_tab_item{position: relative;cursor: pointer;background-size: cover;background-repeat: no-repeat;background-position: center;width: calc(100% - .3rem);;border: 1px solid #b5b5b5;height: 1.3rem;margin-bottom: .19rem;}
.video_case_tab_item:last-child{margin-bottom: 0}

.video_case_container.in .mask,
.video_case_container.in .poster{z-index: -1}


.video_case_tab_item:before{display: none;content: '';position: absolute;width: 100%;height: 100%;left: 0;top:0;z-index: 2;background: rgba(0,0,0,.47)}
.video_case_tab_item.in:before{display: block}
.video_case_tab .swiper-scrollbar{display: block!important;opacity: 1!important;;background: #f7f9fb;}
.video_case_tab .swiper-scrollbar-drag{background: #bacc29}


@media(max-width: 1000px){
    .video_case_tab_item{;width: calc(100% - .2rem)}
}


@media(max-width: 767px){
    .video_case_container{width: 100%;margin-bottom: .2rem}
    .video_case_tab{width: 100%;height: 1.5rem;box-sizing: content-box}
    .video_case_tab_item{float: left;width: 1.8rem;margin-bottom: 0;margin-right: .1rem}
    .video_case_tab_item:last-child{margin-right: 0}
    .video_case_container{height: 3.2rem;}


    .video_case_tab .swiper-scrollbar{display: block!important;opacity: 1!important;height: 3px;background: #f7f9fb;margin-top: .08rem}
    .video_case_tab .swiper-scrollbar-drag{background: #bacc29}

}
/*.mCSB_horizontal.mCSB_inside>.mCSB_container{width: 1000px!important;}*/
/*
.mCSB_scrollTools.mCSB_scrollTools_horizontal{display: block!important;}
.mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_dragger{background: #bacc29;height: 5px!important;}
.mCSB_scrollTools.mCSB_scrollTools_horizontal{background: #f7f9fb!important;height: 5px!important;}
*/


.related_information{}
.related_information_list{}
.related_information_list .li{width: 44%;float: left;margin-right: 7%;}
.related_information_list .li:nth-child(2n){margin-right: 0}
.related_information_list .li .a{display: block}
.related_information_list .li .title{position: relative;font-size: .16rem;color: #666666;line-height: .3rem;padding-left: .13rem;float: left;width: 60%}
.related_information_list .li .title:before{display: block;content: '';width: 4px;height: 4px;border-radius: 50%;background: #666;position: absolute;top:50%;transform: translateY(-50%);left: 2px}
.related_information_list .li .time{font-size: .14rem;color: #666;line-height: .3rem;float: right}
.related_information_list .li .time img{margin-right: .06rem}
.related_information_list .li .a:hover .title{color: #bacc29}


@media(max-width: 1000px){
    .related_information_list .li .title{width: 50%}
}

@media(max-width: 767px){
    .related_information_list .li{width: 100%;margin-right: 0}
}


.news_1{margin-bottom: .4rem}
.news_1 .swiper-container{}
.news_1 .swiper-container .swiper-slide{}
.news_1 .swiper-container .swiper-slide .a{}
.news_1 .swiper-container .swiper-slide .img{width: 50%;height: 3.2rem;float: left;overflow: hidden}
.news_1 .swiper-container .swiper-slide .img_{height: 100%;background-size: cover;transition: .4s;background-repeat: no-repeat;background-position: center;}
.news_1 .swiper-container .swiper-slide .txt{padding: .7rem .9rem .7rem .4rem;width: 50%;height: 3.2rem;float: right;background: #FFF}
.news_1 .swiper-container .swiper-slide .txt .title{font-size: .26rem;color: #333;font-weight: normal;line-height: .3rem}
.news_1 .swiper-container .swiper-slide .txt .time{font-size: .14rem;color: #333;padding: .15rem 0 .2rem;}
.news_1 .swiper-container .swiper-slide .txt .text{font-size: .15rem;color: #666;line-height: 1.7;height: .55rem}


.news_1 .swiper-container .swiper-slide .a:hover .img_{transform: scale(1.1)}

.news_1 .swiper-pagination{width: auto;right: .9rem;left: auto;bottom:.2rem}


@media(max-width: 767px){
    .news_1 .swiper-container .swiper-slide .img{width: 100%}
    .news_1 .swiper-container .swiper-slide .txt{width: 100%;padding: .3rem  .3rem 1rem .3rem;height: auto}
    .news_1 .swiper-pagination{width: 100%;text-align: center;left: 0;right: 0}
}

.news_list2{}
.news_list2 .li{padding-top: .26rem;width: 50%;float: left;height: 1.36rem;border-top: 1px solid #eeeeee;padding-right: 1.6rem}
.news_list2 .li:nth-child(1),
.news_list2 .li:nth-child(2){border-top: none}
.news_list2 .li .a{display: block}
.news_list2 .li .title{margin-bottom: .1rem;padding-left: .15rem;font-size: .22rem;font-weight: normal;color: #333;line-height: .3rem;position: relative}
.news_list2 .li .title:before{display: block;content: '';position: absolute;width: 8px;height: 8px;border-radius: 50%;background: #bacc29;left: 0;top:50%;transform: translateY(-50%);}
.news_list2 .li .d{}
.news_list2 .li .d .time{font-size: .14rem;color: #333;float: left;width: .9rem;line-height: 1.7}
.news_list2 .li .d .text{text-indent: 2em;font-size: .14rem;color: #666;float: left;width: calc(100% - .9rem);line-height: 1.7;height: .38rem}

.news_list2 .li .a:hover .title{color: #bacc29}


@media(max-width: 767px){
    .news_list2 .li{width: 100%;padding-right: 0;}
    .news_list2 .li:nth-child(2){border-top: 1px solid #eee}
    .news_list2 .li .title:before{width: 5px;height: 5px;}
}

.news_info{padding-top: .6rem;margin-bottom: .7rem;}

.news_info_title{font-size: .26rem;line-height: 1.5;color: #333;text-align: center;}
.news_info_other{text-align: center;margin: .2rem 0}
.news_info_other .span{display: inline-block;margin: 0 .3rem;font-size: .16rem;color: #999;line-height: .2rem;}
.news_info_other .span img{margin-right: .1rem;position: relative;top:-.02rem;max-height: .15rem}
.news_info_text{font-size: .17rem;color: #666;line-height: 2.2;}
.news_info_text p{line-height: 2.2;text-indent: 2em}
.news_info_text img{max-width: 100%}


@media(max-width: 767px){
    .news_info_other .span{margin: 0 .1rem}
}


.product_div{}
.product_list{}
.product_li{margin-bottom: .18rem;background: #FFF;float: left;margin-right: .13rem;width: calc((100% - .26rem)/3);height: 2.8rem;text-align: center}
.product_li:nth-child(3n){margin-right: 0}
.product_li .a{display: block;height: 100%}
.product_li .img{height: 2.1rem;line-height: 2.1rem;text-align: center;overflow: hidden}
.product_li .img img{max-width: 90%;max-height: 80%;transition: .4s}
.product_li .txt{color: #666;}
.product_li .txt .name{font-size: 16px!important;line-height: 1.5;font-weight: normal}
.product_li .txt .model{font-size: .14rem;line-height: 1.5}

.product_li .a:hover .img img{transform: scale(1.1)}

@media(max-width: 900px){
    .product_li{height: 2.4rem;width: calc((100% - .15rem)/2);margin-bottom: .15rem;margin-right: .15rem!important;}
    .product_li:nth-child(2n){margin-right: 0!important;}
    .product_li .img{height: 1.6rem;line-height: 1.6rem}
}

.Title2{text-align: center;color: #333;height: 1rem}
.Title2 .title{font-size: .26rem;line-height: .55rem}
.Title2 .text{font-size: .2rem}
.product_list2,
.product_list1{padding-bottom: .4rem}
.product_list1 .product_li{margin-bottom: .13rem}


.product_list2 .li{width: calc((100% - .39rem)/4);background: #FFF;margin-bottom: .13rem;height: 3.1rem;float: left;margin-right: .13rem;}
.product_list2 .li:nth-child(4n){margin-right: 0}
.product_list2 .a{display: block;height: 100%;text-align: center}
.product_list2 .img{height: 2.5rem;line-height: 2.5rem;overflow: hidden}
.product_list2 .img img{max-width: 90%;max-height: 80%;transition: .4s}
.product_list2 .txt{color: #666;}
.product_list2 .txt .name{font-size: 16px;line-height: 1.5;font-weight: normal}
.product_list2 .txt .model{font-size: .14rem;line-height: 1.5;max-width: 80%;margin: 0 auto}

.product_list2 .a:hover .img img{transform: scale(1.1)}

@media(max-width: 900px){
    .product_list2 .li{width: calc((100% - .13rem)/2);}
    .product_list2 .li:nth-child(2n){margin-right: 0}
}





.product_info{}


.product_info_1{margin-top: .6rem}
.product_info_1_img{width: 52%;float: left}
.product_info_1_bigimg{width: 100%;height: 4.17rem;line-height: 4.17rem;text-align: center;}
.product_info_1_bigimg img{max-width: 100%;max-height: 98%;}

.product_info_1_model{text-align: center;font-size: .16rem;
    color: #666666;
    line-height: .4rem;}


.product_info_1_smallimg{position: relative;padding: 0 .4rem;}
.product_info_1_smallimg .swiper-container{}
.product_info_1_smallimg .swiper-container .swiper-slide{height: .75rem}
.product_info_1_smallimg .swiper-container .swiper-slide .img{border: 1px solid #d2d2d2;height: 100%;line-height: .75rem;text-align: center}
.product_info_1_smallimg .swiper-container .swiper-slide .img img{max-width: 90%;max-height: 90%;}

.product_info_1_smallimg .swiper-container .swiper-slide.active .img{border-color: #bacc29}

.product_info_1_smallimg .swiper-button-prev,
.product_info_1_smallimg .swiper-button-next{width: .31rem;height: .43rem;}


.product_info_1_smallimg .swiper-button-prev{left: 0;background: url("../images/icon31.png") no-repeat center;background-size: cover!important;}
.product_info_1_smallimg .swiper-button-next{right: 0;background: url("../images/icon31-1.png") no-repeat center;background-size: cover!important;}


.product_info_1_smallimg .swiper-button-prev:hover{background: url("../images/icon32-1.png") no-repeat center;background-size: cover!important;}
.product_info_1_smallimg .swiper-button-next:hover{background: url("../images/icon32.png") no-repeat center;background-size: cover!important;}


.product_info_1_txt{width: 44.5%;float: right;}


.product_info_div{}
.product_info_div .product_name{border-bottom: 1px solid #eee;}

.product_info_div .product_text{font-size: .16rem;line-height: 2.25}


.product_div2{}
.product_div2_t{font-size: .21rem;color: #333;padding: .4rem 0 .3rem}


.product_div2_1_ul{}
.product_div2_1_li{;;text-align: center;border: 1px solid #d2d2d2;border-radius: .1rem;width: calc((100% - .6rem)/4);margin-right: .2rem;margin-bottom: .2rem;float: left;min-height: 2.8rem;}
.product_div2_1_li:nth-child(4n){margin-right: 0}
.product_div2_1_li .d{padding: .2rem}
.product_div2_1_li .icon{margin-bottom: .1rem;height: .8rem;text-align: center;line-height: .8rem}
.product_div2_1_li .icon img{max-height: .62rem}
.product_div2_1_li .t{font-size: .22rem;color: #bacc29;line-height: 1.5}
.product_div2_1_li .line{width: .25rem;height: .02rem;background: #dcdcdc;margin: .15rem auto;}
.product_div2_1_li .text{font-size: .14rem;color: #666;line-height: 1.7}
.product_div2_1_li .text p{line-height: 1.7}

@media(max-width: 1000px){
    .product_info_1_img{width: 100%;float: none;margin-bottom: .4rem}
    .product_info_1_bigimg{height:auto;line-height: 1;padding-bottom: .1rem}
    .product_info_1abc{margin-top: .1rem}
    .product_info_1_txt{width: 100%;float: none}

}

@media(max-width: 900px){
    .product_div2_1_li{width: calc((100% - .2rem)/2)}
    .product_div2_1_li:nth-child(2n){margin-right: 0}
    .product_div2_1_li .d{padding: .15rem}
}

@media(max-width: 767px){
    .product_div2_1_li{width: 100%;margin-right: 0;}
    .product_div2_1_li .icon img{max-height: .5rem}
}
@media(max-width: 520px){
}

.product_div2_2_ul{}
.product_div2_2_ul .li{margin-top: .2rem;position: relative;min-height: 2.8rem;border: 1px solid #d2d2d2;}
.product_div2_2_ul .li:first-child{margin-top: 0}
.product_div2_2_ul .li .img{overflow: hidden;width: 42%;height: 100%;position: absolute;left: 0;top:0}
.product_div2_2_ul .li .img_{height: 100%;background-size: cover;background-repeat: no-repeat;background-position: center;}
.product_div2_2_ul .li .txt{width: 58%;padding: .3rem .5rem;float: right}
.product_div2_2_ul .li .txt .t{font-size: .2rem;color: #bacc29;line-height: 1.6}
.product_div2_2_ul .li .txt .p{position: relative;font-size: .16rem;color: #666;line-height: 1.7;padding-left: .15rem}
.product_div2_2_ul .li .txt .p:before{display: block;content: '';width: 6px;height: 6px;border-radius: 580%;position: absolute;background: #bacc29;left: 0;top:.08rem;}

@media(max-width: 767px){
    .product_div2_2_ul .li .img{position: static;width: 100%;height: 2.8rem}
    .product_div2_2_ul .li .txt{float: none;width: 100%;padding: .2rem}
}


.product_div2_22_con{text-align: center}
.product_div2_22_con img{max-width: 100%}

.product_div2_3_item{width: 50%;float: left;margin-bottom: .5rem;}
.product_div2_3_item:nth-child(2n){padding-left: .4rem}
.product_div2_3_div{overflow: hidden}
.product_div2_3_div .t{font-size: .18rem;color: #666;font-weight: bold;}
.product_div2_3_item .top{font-size: .16rem;color: #666;;height: .3rem;line-height: .3rem;margin-bottom: .1rem;}

.product_div2_3_item .div{}
.product_div2_3_item .div img{max-width: 100%}

.product_div2_3_item_text{font-size: .16rem;color: #666;}
.product_div2_3_item_text p{line-height: 1.875;}
.product_div2_3_item_text img{margin-right:3px;width: .09rem;}

.train{font-size: .16rem;color: #666;}
.train p{line-height: 1.75;}
.train img{max-width: 50%!important;width: 50%}
.product_div2_3_item2{width: 100%}
.product_div2_3_item2 .top{font-weight: bold}

@media(max-width: 900px){
    .product_div2_3_item{width: 100%;padding-left: 0}
    .product_div2_3_item:nth-child(2n){padding-left: 0}

}

.contact_us_1{padding: .8rem .5rem;border: 1px solid #f3f3f3}
.contact_us_1_div{width: 50%;float: left;}
.contact_us_1_div:nth-child(2n){padding-left: 1rem}
.contact_us_1_div:nth-child(3) .div,
.contact_us_1_div:nth-child(1) .div{float: right;}
.contact_us_1_div:nth-child(2n) .div{float: left}
.contact_us_1_div:nth-child(3) .div{width: 4.13rem}


@media(max-width: 1200px){
    .contact_us_1_div:nth-child(3) .div{width: 4.25rem}
}


.contact_us_1_div .title{font-size: .24rem;color: #333;font-weight: bold;line-height: .3rem}
.contact_us_1_div .line{width: .35rem;height: .02rem;background: #bacc29;margin: .15rem 0}
.contact_us_1_div .text{font-size: .2rem;color: #333;}
.contact_us_1_div .text p{line-height: 1.9}
.contact_us_1_div .ewm{margin-top: .7rem;}
.contact_us_1_div .ewm .img{float: left;width: 1.25rem;margin-right: .25rem}
.contact_us_1_div .ewm .img img{width: 100%;}
.contact_us_1_div .ewm .p{float: left;font-size: .16rem;color: #333;padding-top: .3rem}
.contact_us_1_div .ewm .p p{line-height: 1.8}

.map{width: 6.1rem;height: 4.8rem;background: url("../images/map.png") no-repeat center;background-size: cover!important;}
.message{width: 5.5rem;height: 4.8rem;background: #f6f8fa;}
.message_head{height: .5rem;line-height: .5rem;color: #FFF;text-indent: .4rem;background: #bacc29;font-size: .2rem;}
.message_tips{font-size: .16rem;color: #666;line-height: 1.7;}
.message_{padding: .2rem .4rem;}
.message_div{margin-top: .18rem;}
.message_div .input{border: none;background: #FFF;outline: none;width: 100%;height: .4rem;line-height: .4rem;padding-left: .2rem;font-size: .14rem;color: #666;}
.message_div textarea{width: 100%;height: 1.25rem;background: #FFF;border: none;font-size: .14rem;line-height: 1.5;padding: .1rem .2rem;color: #666}
.message_div .submit{cursor: pointer;display: block;margin: .2rem auto;border: none;width: 120px;height: .4rem;line-height: .4rem;text-align: center;font-size: .14rem;color: #FFF;background: #bacc29;border-radius: .05rem;}
.message_div .submit:hover{opacity: .9}
.contact_us_2 .contact_us_1_div:nth-child(2){padding-left: .3rem}

@media(max-width: 767px){
    .contact_us_1_div{width: 100%;}
    .contact_us_1_div:nth-child(1) .div{float: none;margin-bottom: .3rem}
    .contact_us_1_div:nth-child(2n){padding-left: 0;}
    .contact_us_1_div .ewm{margin-top: .3rem}
    .contact_us_1{padding: .3rem}
    .map{width: 100%;height: 3rem}
    .contact_us_2{padding: .5rem 0}
    .message{width: 100%}
    .contact_us_1_div:nth-child(2) .div{width: 100%}
    .contact_us_2 .contact_us_1_div:nth-child(2){padding-left: 0}
    .message_head{text-indent: .3rem}
    .message_{padding: .2rem .3rem}


    .contact_us_1_div:nth-child(3) .div{width: 100%}
}

.recruit_1{}
.recruit_1_top{font-size: .26rem;color: #333;font-weight: bold;text-align: center;line-height: .3rem;margin-bottom: .3rem}
.recruit_1_item{transition: .4s;background: #f9fafb;}
.recruit_1_item .img{width: 50%;overflow: hidden;height: 4.2rem;float: left}
.recruit_1_item .img_{height: 100%;transition: .4s;background-size: cover;background-repeat: no-repeat;background-position: center}
.recruit_1_item .txt{position: relative;width: 50%;height: 4.2rem;float: right}
.recruit_1_item .text{;max-height: 100%;padding: .3rem 1.2rem;width: 100%;font-size: .18rem;color: #666;position: absolute;left: 50%;top:50%;transform: translate(-50%,-50%);}
.recruit_1_item .text p{line-height: 2.8}

.recruit_1_item:nth-child(2) .img{float: right}
.recruit_1_item:nth-child(2) .txt{float: left}

.recruit_1_item:hover .img_{transform: scale(1.1)}
.recruit_1_item:hover{background: #ebeef1}

@media(max-width: 1000px){
    .recruit_1_item .text{padding: .2rem .5rem}
}

@media(max-width: 767px){
    .recruit_1_item .img{width: 100%;float: none;height: 3rem}
    .recruit_1_item .txt{width: 100%;height: auto;float: none}
    .recruit_1_item .text{;max-height: unset;position: static;transform: translate(0,0);padding: .2rem .3rem}
}

.recruit_2{}
.recruit_2_ul{}
.recruit_2_ul .li{height: 5.15rem;position: relative;margin-top: .6rem}
.recruit_2_ul .li .img{width: 68%;height: 100%;float: left;position: relative;z-index: 1;overflow: hidden}
.recruit_2_ul .li .img_{transition: .4s;height: 100%;background-size: cover;background-repeat: no-repeat;background-position: center}
.recruit_2_ul .li .txt{transition: .4s;padding: .2rem .5rem;width: 45%;position: absolute;z-index: 2;right: 0;top:.27rem;min-height: 3rem;background: rgba(246,248,250,.8)}
.recruit_2_ul .li .txt .text{;font-size: .15rem;color: #666;line-height: 2.2}
.recruit_2_ul .li .txt .text p{line-height: 2}

.recruit_2_ul .li:nth-child(2n){}
.recruit_2_ul .li:nth-child(2n) .img{float: right}
.recruit_2_ul .li:nth-child(2n) .txt{right: auto;left: 0}

.recruit_2_ul .li:hover .img_{transform: scale(1.1)}
.recruit_2_ul .li:hover .txt{background: rgba(246,248,250,1)}


@media(max-width: 1100px){
    .recruit_2_ul .li .txt{width: 60%}
}



@media(max-width: 900px){
    .recruit_2_ul .li{height: auto}
    .recruit_2_ul .li .img{float: none;height: 3rem;width: 100%}
    .recruit_2_ul .li .txt{position: static;width: 100%;min-height: unset;padding: .2rem .3rem}
    .recruit_2_ul .li:nth-child(2n) .img{float: none;}
}


.recruit_3{}
.recruit_3_div{margin-top: .4rem}
.recruit_3_div_t{font-size: .21rem;color: #333333;line-height: .3rem}

.recruit_3_div_con{font-size: .16rem;color: #666666;line-height: 2.25}
.recruit_3_div_con p{line-height: 2.25}
.recruit_3_div_con p img{margin: 0 .1rem}

.recruit_3_div_con .tips{color: #333;font-size: .16rem;line-height: 2}


.recruit_3_ul{}
.recruit_3_ul .li{padding: .5rem .3rem .3rem .3rem;;position: relative;width: 32.8%;height: 3.6rem;float: left;margin-right: 0.8%;margin-bottom: .2rem;background: #f6f8fa;}
.recruit_3_ul .li .num{z-index: 1;font-size: .9rem;color: #FFF;position: absolute;top:.3rem;right: .4rem;}
.recruit_3_ul .li .position{width: 60%;position: absolute;left: .3rem;;bottom:2.6rem;z-index: 2;font-size: .2rem;color: #333;line-height: 1.5;}
.recruit_3_ul .li .job_description{margin-top: .6rem;height: 1.8rem;font-size: .16rem;color: #666;line-height: 1.75}
.recruit_3_ul .li .job_description p{line-height: 1.75}
.recruit_3_ul .li .upload_resume{position: absolute;right: .4rem;display: block;width: 1.2rem;height: .4rem;line-height: .4rem;font-size: .14rem;text-align: center;color: #FFF;border-radius: .05rem;background: #bacc29;bottom:.25rem}

.recruit_3_ul .li:nth-child(3n){margin-right: 0}


.contact_information{}
.contact_information .left{margin-bottom: .3rem;float: left;margin-right: .3rem;text-align: center}
.contact_information .left img{width: 1.7rem;}
.contact_information .left p{font-size: .14rem;color: #464646;text-align: center;padding-top: .15rem}
.contact_information .right{float: left}
.contact_information .right .h3{font-size: .24rem;color: #464646;line-height: .3rem}
.contact_information .right .line{width: .45rem;height: .02rem;background: #bacc29;margin: .2rem 0 .15rem;}
.contact_information .right .info{font-size: .2rem;color: #666666;}
.contact_information .right .info p{line-height: 1.5;padding-bottom: .1rem}




@media(max-width: 767px){
    .recruit_3_ul .li{width: 100%;margin-right: 0}
}

.about_us_1 .index_5_left{width: 56%;height: 4.05rem}
.about_us_1 .index_5_left .txt{min-height: unset}
.about_us_1 .index_5_left .txt .other{padding-top: 0}
.about_us_1_right{width: 42%;float: right;border-radius: .1rem;height: 4.05rem;background: #000}

.about_us_1_right .video_container{cursor: pointer;position: relative;width: 100%;height: 100%;border-radius: .1rem;overflow: hidden}

.about_us_1_right .video_container video{width: 100%;height: 100%;object-fit: contain}

.about_us_1_right .video_container .poster{position: absolute;width: 100%;height: 100%;left: 0;top:0;z-index: 3;background-size: cover;background-repeat: no-repeat;background-position: center}
.about_us_1_right .video_container .mask{position: absolute;width: 100%;height: 100%;left: 0;top:0;z-index: 4;background: url("../images/play.png") no-repeat center;background-size: .6rem}
.about_us_1_right .video_container .video{;position: absolute;width: 100%;height: 100%;left: 0;top:0;z-index: 2;}
.about_us_1_right .video_container.active .poster{z-index: -1}
.about_us_1_right .video_container.active .mask{z-index: -1}

.about_us_2{margin-top: .6rem}
.about_us_2 .txt{padding: .4rem 0 .4rem 0;}
.about_us_2 .txt .text{height: 3.5rem;position: static;transform: translateY(0);padding: 0 .4rem 0 .7rem}
.about_us_2_text{color: #666}
.about_us_2_text .h2{font-size: .21rem;}
.about_us_2_text .line{width: .28rem;height: .02rem;background: #bacc29;margin: .1rem 0}
.about_us_2_text p{font-size: .18rem;line-height: 2!important;}

.about_us_2_text .textP{max-height: 2.8rem;overflow: hidden}


@media(max-width: 767px){
    .about_us_1 .index_5_left{width: 100%}
    .about_us_1_right{width: 100%;height: 3rem}
    .about_us_2 .txt .text{padding: 0 .3rem 0 .5rem;}
}


.brand_culture{}
.brand_culture .item{position: relative;border-top: 1px solid #7d8488;background: #f6f8fa;margin-bottom: 1.25%;width: 32.5%;height: 1rem;margin-right: 1.25%;float: left;}
.brand_culture .item:nth-child(3n){margin-right: 0}
.brand_culture .item .num{width: .8rem;float: left;font-size: .4rem;line-height: 1rem;text-align: center;color: #d5d6d8;font-weight: bold}
.brand_culture .item .txt{color: #666;position: absolute;width: calc(100% - .8rem);left: .8rem;top:50%;transform: translateY(-50%);padding-right: .3rem}
.brand_culture .item .txt h3{font-size: .18rem;line-height: .3rem;font-weight: normal;}
.brand_culture .item .txt p{font-size: .14rem;line-height: 1.5}


.formula{}
.formula img{max-width: 100%}

.brand_light{padding: .24rem .6rem;border: .2rem solid #e5e7e8;border-radius: .2rem;background: #FFF;}
.brand_light .img{width: 64%;float: left}
.brand_light .img .item{height: 2.2rem;float: left;;width: calc((100% - .1rem)/2);border-radius: .05rem;}
.brand_light .img .item:nth-child(1){}
.brand_light .img .item:nth-child(2){float: right}
.brand_light .img .item:nth-child(3){width: 100%;margin-top: .1rem;}
.brand_light .img .item .img_{height: 100%;background-size: cover;background-repeat: no-repeat;background-position: center}
.brand_light .txt{width: 30%;float: right;padding-top: .3rem;font-size: .16rem;color: #666;}
.brand_light .txt .text{line-height: 2;height: 3.8rem}
.brand_light .txt .text p{line-height: 2}


@media(max-width: 1000px){
    .brand_culture .item{width: 49%;margin-right: 2%!important;margin-bottom: 2%}
    .brand_culture .item:nth-child(2n){margin-right: 0!important;}
}

@media(max-width: 767px){
    .brand_culture .item{width: 100%;margin-right: 0!important;}
    .brand_light .img{width: 100%;margin-bottom: 0}
    .brand_light .txt{width: 100%}
    .brand_light .txt .text{height: auto}
    .brand_light{padding: .1rem;border-width: .1rem}
}



.honor{position: relative;}
.honor .swiper-container{}
.honor .swiper-container .swiper-slide{}
.honor .swiper-container .swiper-slide .img{height: 100%;line-height: 3.1rem;text-align: center;border: 1px solid #dcdcdc;overflow: hidden}
.honor .swiper-container .swiper-slide .img img{transition: .4s;max-width: 100%;max-height: 100%}

.honor .swiper-container .swiper-slide:hover .img img{transform: scale(1.05)}

.histry_1{font-size: .16rem;color: #333;}
.histry_1 h3,
.histry_1 p span,
.histry_1 p{line-height: 2.2;}


.histry_swiper{position: relative}
.histry_swiper:before{display: block;content: '';width: 100%;position: absolute;border-top: 1px solid #b5b5b5;top:50%;left: 0;z-index: 10}
.histry_swiper .swiper-container{z-index: 11}
.histry_swiper .swiper-container .swiper-slide{position: relative;height: 6.1rem;z-index: 11}
.histry_swiper .swiper-container .swiper-slide:before{position: absolute;z-index: 15;display: block;content: '';width: .18rem;height: .18rem;border-radius: 50%;background: #bacc29;left: -.09rem;top:50%;transform: translateY(-50%)}
.histry_swiper .swiper-container .swiper-slide:nth-child(1):before{left: 0}
.histry_swiper .swiper-container .swiper-slide .div{width: 100%;height: 50%;position: absolute;left: 0;top:50%;z-index: 11}
.histry_swiper .swiper-container .swiper-slide .div:after{display: block;content: '';height: 2.65rem;border-left: 1px solid #b5b5b5;position: absolute;right: 0;top:0}
.histry_swiper .swiper-container .swiper-slide .div .year{line-height: .3rem;padding-top: .2rem;font-size: .26rem;color: #333;text-align: center}
.histry_swiper .swiper-container .swiper-slide .div .txt{padding: 0 .2rem;padding-top: .1rem}
.histry_swiper .swiper-container .swiper-slide .div .txt .text{font-size: .16rem;color: #333;line-height: 1.9;height: 1.9rem}
.histry_swiper .swiper-container .swiper-slide .div .txt .text p{line-height: 1.9}

.histry_swiper .swiper-container .swiper-slide:nth-child(2n) .div{top:0}
.histry_swiper .swiper-container .swiper-slide:nth-child(2n) .div:after{top:auto;bottom:0}
.histry_swiper .swiper-container .swiper-slide:last-child .div:after{display: none}

@media(max-width: 900px){
    .histry_swiper .swiper-container .swiper-slide{width: 250px}
    .histry_swiper .swiper-container .swiper-slide .div .txt .text{font-size: 16px;}
}

.programme_t{padding: .3rem 0 .2rem;}

.technological_process{margin: .2rem 0}
.technological_process img{max-width: 100%}

/*.case_picture_swiper2{max-width: calc(1400px + .6rem)!important;width: calc(100% - .1rem);}*/


.service_1{}
.service_1 .item{background: url("../images/bg4.png") no-repeat center;background-size: 100%!important;float: left;margin-bottom: .2rem;width: 18.7%;margin-right: 1.4%; padding: .8rem 0;}
.service_1 .item:nth-child(5n){margin-right: 0}
.service_1 .item .d{padding-top: 115.3%;position: relative}
/* .service_1 .item .d .txt{position: absolute;;color: #666;width: 100%;top:50%;padding: .4rem;transform: translateY(-50%);text-align: center;} */
.service_1 .item .d .txt{position: absolute;;color: #666;width: 100%; top: -0.7rem;padding: 1.1rem 0.2rem;text-align: center;}
.service_1 .item .d .txt h3{font-size: .24rem;line-height: 1.5;padding-bottom: .1rem}
.service_1 .item .d .txt p{font-size: 16px;line-height: 1.7}


@media(max-width: 1200px){
    .service_1 .item .d .txt{padding: .3rem}
}



@media(max-width: 1100px){
    .service_1 .item .d .txt{padding: 0.8rem 0.3rem;}
    .service_1 .item{width: 32%;margin-right: 2%!important;}
    .service_1 .item:nth-child(3n){margin-right: 0!important;}
}



@media(max-width: 767px){
    .service_1 .item{width: 49.5%;margin-right: 1%!important;margin-bottom: 1%}
    .service_1 .item:nth-child(2n){margin-right: 0!important;}
    .service_1 .item:nth-child(3n){margin-right: .1rem!important;}
}


@media(max-width: 600px){
    .service_1 .item{max-width: 65%;;width: 100%;float: none;margin: 0 auto .2rem!important}
    .service_1 .item:nth-child(3n),
    .service_1 .item:nth-child(2n){margin: 0 auto .2rem!important}
}

.service_2{}
.service_2 .li{position: relative;min-height: 2.55rem;width: 32.2%;float: left;;margin-right: 1.7%;margin-top: 2%}
.service_2 .li:nth-child(3n){margin-right: 0;}
.service_2 .li .num{background: #bacc29;left: -.13rem;top:-.2rem;z-index: 5;position: absolute;width: .47rem;height: .47rem;border-radius: 50%;font-size: .2rem;color: #fff;line-height: .47rem;text-align: center;}
.service_2 .li .img{position: absolute;z-index: 4;;;width: 100%;left: 0;top:0;height: 100%;border-radius: .05rem;overflow: hidden}
.service_2 .li .img_{height: 100%;background-size: cover;background-repeat: no-repeat;background-position: center;transition: .4s}
.service_2 .li .txt{padding-top: .3rem;position: relative;z-index: 6;text-align: center;padding-bottom: .3rem;}
.service_2 .li .txt .h3{font-size: .22rem;color: #bacc29;line-height: 1.3;padding-bottom: .1rem}
.service_2 .li .txt .line{width: .25rem;height: .02rem;background: #FFF;margin: 1px auto .1rem}
.service_2 .li .txt .list{}
.service_2 .li .txt .list p{font-size: .16rem;color: #FFF;line-height: 1.8;display: block}
.service_2 .li .txt .list p:hover{color: #bacc29}


.service_2 .li:hover .img_{transform: scale(1.05)}

@media(max-width: 767px){
    .service_2 .li{width: 100%;margin: 0 auto;float: none;margin-top: .3rem}
    .service_2 .li:nth-child(3n){margin-right: auto}
}

.service_3_top{font-size: .18rem;color: #666;font-weight: bold;}

.service_3_div{}
.service_3_div .item{width:24%;float: left;height: 1.8rem;line-height: 1.8rem;margin-top: .2rem;text-align: center}
.service_3_div .item:nth-child(2n){width: 14%}
.service_3_div .item:nth-child(2n) img{width: .69rem}
.service_3_div .item .d{height: 100%;border: 1px solid #7d8488;border-radius: .05rem;}
.service_3_div .item .txt{text-align: center}
.service_3_div .item .txt .h3{font-size: .25rem;color: #bacc29;line-height: 1.1;padding-top: .15rem}
.service_3_div .item .txt .line{width: .2rem;height: .02rem;background: #b5b5b5;margin: .1rem auto;}
.service_3_div .item .txt .list{font-size: .16rem;color: #666;padding-bottom: .2rem}
.service_3_div .item .txt .list p{font-size: .16rem;color: #666;display: block;line-height: 1.5}
.product_div2_text{padding-top: .2rem ;font-size: .16rem;color: #666;line-height: 2.5}
.product_div2_text p{line-height: 2.5}

@media(max-width: 767px){
    .service_3_div .item{width: 100%;margin: 0 auto;margin-top: .2rem;float: none}
    .service_3_div .item:nth-child(2n){width: 100%;height: .4rem!important;line-height: .4rem}
    .service_3_div .item:nth-child(2n) img{transform: rotate(90deg);width: .4rem}
}


.service_4{}
.service_4 .li{width: 18.8%;height: 3.05rem;float: left;margin-right: 1.43%;margin-bottom: .2rem}
.service_4 .li:nth-child(5n){margin-right: 0}
.service_4 .li .txt{height: 100%;border: 1px solid #d2d2d2;border-radius: .05rem;padding: .24rem;}
.service_4 .li .txt .h3{text-align: center;font-size: .25rem;color: #bacc29;line-height: 1.1;padding-top: .2rem}
.service_4 .li .txt .line{width: .3rem;height: .02rem;background: #b5b5b5;margin: .1rem auto .15rem}
.service_4 .li .txt .text p{font-size: .16rem;color: #666;line-height: 1.5;padding-bottom: .1rem}
.service_4 .li .txt .list{font-size: .16rem;color: #666666}
.service_4 .li .txt .list p{display: block;line-height: 1.7}


@media(max-width: 767px){
    .service_4 .li{width: 100%;margin: 0 auto;float: none;margin-bottom: .2rem}
    .service_4 .li .txt{padding: .3rem}
    .service_4 .li:nth-child(5n){margin-right: auto}
    .service_4 .li .txt .text p{padding: 0 .4rem;margin-bottom: .1rem}
    .service_4 .li .txt .list{padding: 0 .4rem}
}

.service_5{}
.service_5 .li{margin-bottom: .2rem;width: 21%;position: relative;float: left;padding-left: 3.5%;height: 2.28rem;}
.service_5 .li:before{background: url("../images/jiantou2.png") no-repeat center;background-size: 100%!important;display: block;content: '';width: .23rem;height: .23rem;position: absolute;left: .15rem;top:50%;transform: translateY(-50%);}
.service_5 .li:first-child{width: 16%;padding-left: 0}
.service_5 .li:first-child:before{display: none}
.service_5 .li .div{width: 100%;height: 100%;padding: .4rem .2rem;;color: #666;text-align: center;border: .1rem solid #f2f2f3;border-radius: .05rem;}
.service_5 .li .div h3{font-size: .2rem;line-height: 1.1;;padding-bottom: .1rem}
.service_5 .li .div p{font-size: .16rem;line-height: 1.7;padding: 0 .2rem}


@media(max-width: 767px){
    .service_5 .li{width: 100%;float: none;padding-left: 0;margin: 0 auto;margin-bottom: .4rem}
    .service_5 .li:first-child{width: 100%}
    .service_5 .li:before{top: -.3rem;left: 50%;transform: translateX(-50%) translateY(0) rotate(90deg);}
    .service_5 .li .div p{padding: 0 .4rem}
}

.service_6{text-align: center}
.service_6 img{max-width: 100%}


.question_and_answer{}
.question_and_answer .li{border-bottom: 1px solid #eee;}
.question_and_answer .li .div{padding: 0 .4rem}
.question_and_answer .li .question{;position: relative;cursor: pointer}
.question_and_answer .li .div .tag{position: absolute;font-size: .16rem;color: #999999;line-height: .58rem;right: 0;top:0}
.question_and_answer .li .question .icon,
.question_and_answer .li .answer .icon{width: .4rem;float: left;height: .58rem;line-height: .58rem;}
.question_and_answer .li .question .text,
.question_and_answer .li .answer .text{font-size: .16rem;width: 70%;;float: left}
.question_and_answer .li .question .text{color: #333;font-weight: normal;line-height: 1.7;padding: .15rem 0}
.question_and_answer .li .answer .text{color: #666;line-height: 2;padding: .13rem 0}
.question_and_answer .li .answer{background: #f6f8fa;padding: 0 .4rem .2rem;border-top: 1px solid #eee;display: none}

.question_and_answer .li.in .question .text{white-space: normal;}
.question_and_answer .li.in .answer{display: block}




.drop_down_load_more{text-align: center;color: #a6a6a6;font-size: .14rem;padding: .3rem 0}


.download_list{}
.download_list .li{padding: .3rem 0;border-bottom: 1px solid #eeeeee;}
.download_list .li:first-child{padding-top: 0}
.download_list .li .icon{border-radius: 2px;text-align: center;line-height: 1.1rem;width: 1.2rem;height: 1.1rem;float: left;background: #f6f8fa;border: 1px solid #eee;margin-right: .3rem;}
.download_list .li .icon img{}
.download_list .li .txt{width: 70%;float: left;}
.download_list .li .txt .title{margin-top: 1px;font-size: .22rem;color: #333;font-weight: normal;line-height: 2;padding-bottom: .05rem}
.download_list .li .txt .text{font-size: .14rem;color: #666;line-height: 1.7;height: .38rem}
.download_list .li .other{float: right;margin-right: .2rem}
.download_list .li .other .a{background: #e4e4e4;height: .33rem;line-height: .33rem;margin-top: .16rem;border-radius: 2px;display: block;width: 1.13rem;font-size: .13rem;text-align: center;;color: #888;}
.download_list .li .other .a img{max-width: .2rem}
/*.download_list .li .other .a:hover{background: #bacc28}*/
.download_list .li .other .a:nth-child(2){background: #bacc29;color: #FFF;}

@media(max-width: 1000px){
    .download_list .li .txt{width: calc(100% - 4rem)}
}


@media(max-width: 767px){
    .download_list .li .icon{display: none}
    .download_list .li .txt{width: calc(100% - 1.8rem)}
    .download_list .li .txt .title{line-height: 1.7}
    .download_list .li .txt .text{line-height: 1.5}
    .download_list .li .other .a:nth-child(1){margin-top: .1rem}
    /*.download_list .li .other{width: 100%;margin-top: .3rem}*/
    /*.download_list .li .other .a{display: inline-block;}*/
    .question_and_answer .li .div{padding: 0 .2rem}
    .question_and_answer .li .answer .text{width: calc(100% - .45rem)}
    .question_and_answer .li .question .text{width: 60%}
    .question_and_answer .li .answer{padding: 0 .2rem .2rem}

}

.video_list{}
.video_list .li{width: 32.3%;height: 3.7rem;float: left;margin-right: 1.4%;}
.video_list .li:nth-child(3n){margin-right: 0}
.video_list .li .title{margin-top: .15rem;font-size: .16rem;color: #666;height: .5rem;line-height: 1.4}
.video_list .video_container{background: #000;cursor: pointer;position: relative;width: 100%;height: 2.8rem;border-radius: 3px;overflow: hidden}

.video_list .video_container video{width: 100%;height: 100%;object-fit: contain}

.video_list .video_container .poster{position: absolute;width: 100%;height: 100%;left: 0;top:0;z-index: 3;background-size: cover;background-repeat: no-repeat;background-position: center}
.video_list .video_container .mask{position: absolute;width: 100%;height: 100%;left: 0;top:0;z-index: 4;background: url("../images/play.png") no-repeat center;background-size: .5rem}
.video_list .video_container .video{;position: absolute;width: 100%;height: 100%;left: 0;top:0;z-index: 2;}
.video_list .video_container.active .poster{z-index: -1}
.video_list .video_container.active .mask{z-index: -1}

.video_list .li.active .video_container .poster{z-index: -1}
.video_list .li.active .video_container .mask{z-index: -1}


.service_1_img{}
.service_1_img .img{width: 49.5%;float: left;height: 3rem;background-size: cover;background-repeat: no-repeat;background-position: center}
.service_1_img .img:nth-child(2n){float: right}


@media(max-width: 1000px){
    .video_list .video_container{height: 2.5rem}
}

@media(max-width: 767px){
    .video_list .video_container{height: 1.6rem}
    .video_list .li{width: 49%;height: 2.6rem;margin-right: 2%!important;}
    .video_list .li:nth-child(2n){margin-right: 0!important;}
    .video_list .li .title{font-size: .2rem}
    .service_1_img .img{width: 100%;height: auto;margin-bottom: .1rem}

    .product_div2_t{padding-top: .3rem!important;}
    .case_info_1_,
    .news_info{padding-top: .3rem}
    .case_info_1{margin-top: .3rem}
    .drop_down_load_more{padding: .2rem 0}
    .news_info{margin-bottom: .3rem}
    .product_list2, .product_list1{padding-bottom: .3rem}
    .recruit_1_item .text p{line-height: 2.2}
    .about_us_2 .txt{padding: .3rem 0 .3rem 0}

}


@media(max-width: 320px){
    .h_logo{width: 3rem;}
    .index_2_t .item{padding: 0 .1rem;}
    .notice_item .left{width: 56%;}
    .index_5_right_2 .item{box-sizing: border-box;}
    .index_5_right_2 .item .text{padding-bottom: .4rem;}
    .index_5_right_2{height: auto;}
}


.p_btn_d{
    padding-top: 15px;
}
.p_btn{
    display: inline-block;
    color: #FFF;
    text-align: center;
    min-width: 1.2rem;
    font-size: .14rem;
    height: .4rem;
    background: #bacc29;
    border-radius: .05rem;
    line-height: .4rem;
    padding: 0 .2rem;
}
.p_btn:hover{opacity: .9}

.p_btn_d a:nth-child(1){margin-right: 1rem}


@media(max-width: 767px){
    .p_btn_d{
        padding-top: 10px;
    }
}

@media(max-width: 370px){
    .p_btn_d a:nth-child(1){margin-right: .5rem}
}
/*
@media(min-width: 1920px){
    .subject{max-width: 14rem;margin: 0 auto;width: calc(100% - .4rem);}
    .header_pc_nav_list{font-size: .16rem}
    .h_search .input{width: 1rem}
    .float .item{width: .6rem;height: .6rem}
    .float .item .icon{height: .4rem;line-height: .4rem}
    .float .item .icon img{height: .2rem}
    .float .item .p{font-size: .12rem}
    .swiper-button-prev, .swiper-button-next{width: .4rem;height: .4rem;background-size: .09rem}
    .swiper-pagination-bullet{width: .08rem;height: .08rem;}
    .product_title img{height: .22rem}
    .notice_item img{height: .18rem}
    .index_1_1_item .icon img{height: .5rem}
    .index_3_con_item .icon img{height: .4rem}
    .technical_support_2 .icon img{height: .36rem}
    .index_5_right_2 .item .icon img{height: .4rem}
    .index_6_item_top .title img{height: .2rem}
    .index_1_2 .swiper-slide .d .more{font-size: .14rem}
    .nav2_ img{height: .16rem}
    .case_list .li .div1 .img img{min-width: 50%}
    .footer_1_right_a img{height: .2rem}
    .news_info_other .span img{height: .18rem}
    .message_div .submit{width: 1.2rem}
    .product_div2_1_li .icon img{height: .48rem}
    .question_and_answer .li .question .icon img, .question_and_answer .li .answer .icon img{height: .26rem}
    .download_list .li .icon img{height: .54rem}
}


*/