@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:"SourceHanSansCN";}
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(../css/ietip/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;}

input[type=button], input[type=submit], input[type=file], button { cursor: pointer; -webkit-appearance: none; }

body{letter-spacing:1px;padding: auto 20px;font-size: 14px;color: #000;font-family:"SourceHanSansCN";}
body *{box-sizing: border-box;line-height: 1;}
input:-moz-placeholder,
textarea:-moz-placeholder {
    color: #666;
}
input:-ms-input-placeholder,
textarea:-ms-input-placeholder {
    color: #666;
}
input::-webkit-input-placeholder,
textarea::-webkit-input-placeholder {
    color: #666;
}


@font-face {
    font-family: "SourceHanSansCN";
    src: url("../fonts/SourceHanSansCN-ExtraLight.otf");
}


@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%了，让元素自动排列到下一行通常居中显示
    */
}



.subject{max-width: 17rem;margin: 0 auto;width: 90%;}
.subject2{max-width: 13.6rem;margin: 0 auto;width: 90%;}
.subject3{max-width: 12rem;margin: 0 auto;width: 90%;}
.subject4{max-width: 13rem;margin: 0 auto;width: 90%;}
.a_click{display: block}
/*.header{background: #FFF;position: fixed;width: 100%;top:0;left: 0;z-index: 9999;box-shadow: 0 0 .05rem rgba(0,0,0,.05)}*/
.header{position: relative;z-index: 100;background: #FFF;width: 100%;z-index: 9999;box-shadow: 0 0 .05rem rgba(0,0,0,.05)}
.header_logo{transition: .3s;margin-left: 1rem;display: block;float: left;}
.header_logo h1{display: inline-block;line-height: 77px;}
.header_logo h1 img{width: 240px;}

.header_search{margin-top: 25px;margin-left: 25px;float: right;background: #f1f1f1;border-radius: 5px;overflow: hidden;}
.header_search .input1{text-indent: 15px;width: 110px;height: 29px;border: none;background: none;float: left;font-size: 14px;color: #333;}
.header_search .submit{width: 30px;height: 29px;border: none;background: url("../images/search.png") no-repeat left center;background-size: 17px!important;float: left;}
.header_search .submit:hover{opacity: .7}
.header_lag{display: block;float: right;font-size: 14px;color: #999;line-height: 29px;margin-top: 25px;}
.header_lag img{width: 18px}
.header_lag img:nth-child(1){}
.header_lag img:nth-child(2){display: none}
.header_lag:hover{color: #e6105a}
.header_lag:hover img:nth-child(1){display: none}
.header_lag:hover img:nth-child(2){display: inline-block}


.header_pc_nav{float: right;margin-top: 25px;margin-right: .5rem}
.header_pc_nav .li{float: left;margin-right: .7rem;position: relative;padding-bottom: 22px}
.header_pc_nav .li:last-child{margin-right: 0}
.header_pc_nav .li .a1{display: block;font-size: 16px;color: #666;line-height: 30px;}
.header_pc_nav .li.active .a1{color: #e6105a}
.header_pc_nav .li .a1 img{width: 10px;}

.header_pc_nav .li .a1 img.icon1{display: inline-block}
.header_pc_nav .li .a1 img.icon2{display: none}

.header_pc_nav .li:hover .a1{color: #e6105a}
.header_pc_nav .li.active .a1 img.icon1,
.header_pc_nav .li:hover .a1 img.icon1{display: none}
.header_pc_nav .li.active .a1 img.icon2,
.header_pc_nav .li:hover .a1 img.icon2{display: inline-block}

.header_pc_nav2{display: none;position: absolute;top:100%;background: rgba(255,255,255,.9);left: 0;white-space: nowrap;min-width: 180px;box-shadow: 0 .05rem .05rem rgba(0,0,0,.05)}
.header_pc_nav2 .li2{position: relative}
.header_pc_nav3 .li3 .a3,
.header_pc_nav2 .li2 .a2{line-height: 1.5;text-indent: .1rem;position: relative;display: block;padding: .1rem;padding-right: .3rem;font-size: 15px;color: #666;}

.header_pc_nav2 .li2 .a2:after{position: absolute;top:50%;transform: translateY(-50%);right: .1rem;display: block;content: '';width: 6px;height: 17px;background: url("../images/icon2.png") no-repeat center;background-size: 100%!important;}
.header_pc_nav2 .li3 .a3:hover,
.header_pc_nav2 .li2:hover .a2,
.header_pc_nav2 .li2 .a2:hover{background: #e5004f;color: #FFF}

.header_pc_nav .li:hover .header_pc_nav2{display: block}



.header_pc_nav3{display: none;position: absolute;min-width: 180px;left: 100%;top:0;background: rgba(255,255,255,.9);box-shadow: 0 .05rem .05rem rgba(0,0,0,.05)}
.header_pc_nav3 .li3{}
.header_pc_nav3 .li3 .a3{}

.header_pc_nav2 .li2:hover .header_pc_nav3{display: block}



.header_mobile_nav_btn{display: none;float: right;width: .45rem;margin-left: .2rem;margin-top: 3px;cursor: pointer}
.header_mobile_nav_btn span{transform-origin: 0 1px;width: 100%;position: relative;display: inline-block;height: 2px;background: #666;transition: .2s all;}
.header_mobile_nav_btn span:nth-child(1){top:3px;}
.header_mobile_nav_btn span:nth-child(2){}
.header_mobile_nav_btn span:nth-child(3){top:-3px}

.header_mobile_nav_btn.in span:nth-child(1){transform: rotate(45deg);}
.header_mobile_nav_btn.in span:nth-child(2){opacity: 0}
.header_mobile_nav_btn.in span:nth-child(3){transform: rotate(-45deg);}



.pop{display: none;position: fixed;width: 100%;height: 100%;left: 0;top:0;z-index:99999 }
.pop_mask{position: absolute;width: 100%;height: 100%;left: 0;top:0;background: rgba(0,0,0,.8);z-index: 100001}
.mobile_nav_list{
    /*position: absolute;*/
    z-index: 99;
    top: 0;
    right: 0;
    width: 80%;
    margin: 0 auto;
    /*left: 50%;*/
    /*transform: translateX(-50%);*/
    color: #333;
    /*overflow-y: auto;*/
    padding-bottom: .2rem;
}
.mobile_nav{background: #eee;z-index: 9998;left: 100%;transition: .3s all ease-out;display: block}
.mobile_nav.show{left: 0}
.mobile_nav_list .item > a{color: #333;display: block;line-height: 40px;position: relative;z-index: 5}
.mobile_nav_list .item{padding: .1rem 0;border-bottom: 1px solid rgba(255,255,255,.8);position:relative;line-height: 40px;text-indent: 10px;font-size: 16px;}
.mobile_nav_list .item >ul >li{position: relative}
.mobile_nav_list .item >ul >li.haschild:after,
.mobile_nav_list .item.item_1:after{
    content: "+";
    display: inline-block;
    width: 40px;
    height: 40px;
    line-height: 40px;
    z-index: 4;
    text-align: center;
    position: absolute;
    right: 0;
    top:7px;
    font-size: 20px;
    color: #333;
}
.mobile_nav_list .item >ul >li.haschild:after{top:0}
.mobile_nav_list .item >ul >li.haschild.show:after,
.mobile_nav_list .item.show:after{
    content: "-";
    color: #666;
}
.mobile_nav_list .item > ul{height: 0;overflow: hidden}
.mobile_nav_list .item_1.show > ul{height: auto}
.mobile_nav_list .m2{
    font-size: 15px;
    color: #fff;
    line-height: 2;
    padding-left: 40px;
}
.mobile_nav_list .m2 > a{color: #666;display: block;line-height: 3;position: relative;z-index: 5}
.mobile_nav_div{position: absolute;width: 100%;height: 100%;left: 0;top:0;overflow-y: auto;padding-top: 70px;}
.header_lag2{text-align: center;display: block;color: #444;padding:.5rem 0}
.mobile_nav_list .item.show >a{color: #e6105a;}
.mobile_nav_list .item >ul >li .ul3{display: none}
.mobile_nav_list .item >ul >li .ul3 .li3{position: relative}
.mobile_nav_list .item >ul >li .ul3 .li3 .a3{padding-left: 40px;display: block;line-height: 3;color: #666;font-size: 14px}

.mobile_nav_list .item >ul >li.show .ul3{display: block}

@media(max-width: 1600px){
    .header_logo{margin-left: 0}
}


@media(max-width: 1300px){
    .header_pc_nav .li{margin-right: .35rem}
}

@media(max-width: 1200px){
    .header_pc_nav .li{margin-right: .3rem}
}


@media(max-width: 1200px){
    .header_pc_nav{display: none}
    .header_logo h1{line-height: 56px}
    .header_logo h1 img{width: 110px}
    .header_search .input1{width: 85px}
    .header_lag,
    .header_search{margin-top: 13px}
    .header_mobile_nav_btn{display: block}
    .header_lag{display: none}
    .header_search{margin-left: 0}
}



.banner{display: block;width: 100%}
.banner img{width: 100%;display: block}
.footer{border-top: 1px solid #eeeeee;font-size: 14px;color: #666666;padding-bottom: 30px;overflow: hidden}
.footer_b{}
.footer_1{float: left;padding-top: .45rem;width: 30%;position: relative;padding-right: .9rem}
.footer_nav .li:after,
.footer_1:before{height: 800px;border-right: 1px solid #eeeeee;position: absolute;display: block;content: '';right: 0;top:0}
.footer_t{border-left: 2px solid #333;padding-left: .05rem}
.footer_t .p1{font-size: 14px;color: #333;padding-bottom: .06rem;}
.footer_t .p2{font-size: .18rem;color: #333;font-weight: bold;}
.footer_addr{margin-top: .3rem}
.footer_addr h1{font-size: 14px;color: #333;line-height: 1.7;}
.footer_addr p{line-height: 1.7}
.footer .line{height: 1px;background: #eeeeee;margin: .2rem 0}
.footer_1_bottom{}
.footer_1_bottom p{line-height: 1.7}
.footer_1_bottom p:last-child{line-height: 2}
.footer_1_bottom p span{width: 28px;display: inline-block}
/*.footer_1_bottom p img{margin-right: .1rem}*/

.footer_nav{float: left;width: 43%;text-align: center}
.footer_nav .li{position: relative;width: 25%;float: left;padding-top: .45rem}
.footer_nav .li:after{}
.footer_nav .li .a1{display: block;font-size: 16px;color: #333;line-height: 1.5;padding-bottom: .1rem;font-weight: bold}
.footer_nav .li .a2{display: none;font-size: 16px;color: #333;line-height: 1.5;padding-bottom: .1rem;font-weight: bold}

.footer_nav2{}
.footer_nav2 .li2{}
.footer_nav2 .li2 .a{display: inline-block;line-height: 1.5;padding: .05rem 0}

.footer_2{float: right;width: 27%;padding-top: .45rem}
.footer_2_1{padding-left: .5rem}
.share{padding-top: .15rem}
.share .item{display: inline-block;margin: 0 .1rem .1rem 0}
.share .item .icon img{width: .29rem!important;}
.share .item:hover .icon img{opacity: .7}
.share .item > img{max-width: 29px}
.share_img{padding-top: .2rem}
.share_img .item{float: left;text-align: center;margin-right: .3rem;height: 1.6rem}
.share_img .item:last-child{margin-right: 0}
.share_img .item p{padding-bottom: .1rem}
.share_img .item img{max-width: 1rem}

.footer_2_1 .footer_t{border: none;padding-left: 0}
.footer a:hover{color: #e5004f;}

@media(max-width: 1200px){
    .footer_1{width: 100%;padding-right: 0}
    .footer_1:before{display: none}
    .footer_nav{width: 100%;overflow: hidden;border-top: 1px solid #eeeeee;margin-top: .3rem;border-bottom: 1px solid #eeeeee;padding-bottom: .3rem }
    .footer_2{width: 100%}
    .footer_nav .li:last-child:after{display: none}
    .footer .line{display: none}
    .footer_1_1{width: 47%;float: left;}
    .footer_1_2{width: 47%;float: right}

    .footer_2_1{width: 47%;float: left;padding-left: 0}
    .footer_2_1:nth-child(2){float: right}

}

@media(max-width: 767px){
    .footer_1{padding-top: .4rem}
    .footer_1_1,
    .footer_1_2{width: 100%}
    .footer_1_1{margin-bottom: .3rem}
    .footer_nav .li:after{display: none}
    .footer_nav .li{width: 100%;padding-top: .2rem;border-bottom: 1px solid #eee}
    .footer_nav{text-align: left}
    .footer_nav2{display: none;background: #eeeeee;padding: .1rem 0}

    .footer_nav .li.active .footer_nav2{display: block}

    .footer_nav .li .a1{display: none}
    .footer_nav .li .a2{display: block;position: relative;text-indent: .1rem}
    .footer_nav .li .a2:after{display: block;content: '+';position: absolute;right: .1rem;top:0;font-size: 18px;color: #333;font-weight: normal}
    .footer_nav .li.active .a2:after{content: '-'}
    .footer_nav2 .li2{padding-left: .2rem}
    .footer_nav{border-bottom: none;padding-bottom: 0}
    .footer_nav2 .li2 .a{display: block;line-height: 1.8;font-size: .18rem}
    .footer_2_1{width: 100%;}
    .footer_2_1 .footer_t{border-left: 2px solid #333;padding-left: .05rem}
    .footer_addr{margin-top: .2rem}
    .share{padding-top: .2rem}
    .footer{padding-bottom: .3rem}

    .footer{font-size: .16rem}
    .footer_nav .li .a2{font-size: .2rem}
    .footer_addr h1{font-size: .2rem}

}

.swiper-button-next,
.swiper-button-prev{margin: 0;top:50%;transform: translateY(-50%);width: 61px;height: 61px;border-radius: 50%;background-repeat: no-repeat;background-position: center;background-size: 14px;}

.swiper-button-prev{left: 5%;background-image: url("../images/swiper_prev.png");background-color: #faa900}
.swiper-button-next{right: 5%;background-image: url("../images/swiper_next.png");background-color: #e5004f}

.swiper-pagination{bottom: .3rem!important;}
.swiper-pagination-bullet{width: 10px;height: 10px;border-radius: 10px}

.swiper-pagination-bullet-active{width: 44px;background: #e5004f}

.banner .swiper-button-prev{left: 5%!important;}
.banner .swiper-button-next{right: 5%!important;}


@media(max-width: 1200px){
    .swiper-button-next,
    .swiper-button-prev{width: 45px;height: 45px;background-size: 10px}
}


@media(max-width: 767px){
    .swiper-button-next,
    .swiper-button-prev{width: 30px;height: 30px;background-size: 7px}
    .swiper-pagination-bullet{width: 7px;height: 7px;border-radius: 7px}
    .swiper-pagination-bullet-active{width: .3rem}
}




.index_1{background: url("../images/bg1.png") no-repeat center;background-size: cover!important;padding: 1.2rem 0 1rem}

.index_1_b{}

.Title{text-align: center;padding-top: .8rem;padding-bottom: .3rem}
.Title h1{font-size: .58rem;color: #e5e5e5;font-weight: normal;}
.Title h2{font-size: .32rem;color: #333;font-weight: bold;position: relative;top:-.15rem}
.Title h2 span{top:-.1rem;display: inline-block;width: .11rem;height: .03rem;background: #333;position: relative;margin: 0 .03rem}
.Title h2 p{display: inline-block;margin: 0 .18rem}
.index_1 .Title{text-align: left}

.Title .p1{font-size: .22rem;color: #333;}
.Title .line{width: .29rem;height: .02rem;background: #e5004f;margin: .26rem 0}
.Title .text{font-size: .16rem;color: #333;line-height: 1.7}

.index_1 .Title .p1{padding-left: .32rem}
.index_1 .Title .line{margin-left: .32rem}
.index_1 .Title .text{padding-left: .32rem;padding-right: .2rem}

.index_1_title{width: 23.5%;float: left}

.index_1_main{width: 77%;float: right;}
.index_1_more{margin-left: .32rem;font-size: .16rem;transition: .3s;margin-top: .5rem;color: #e5004f;display: block;width: 1.4rem;height: .4rem;border: 1px solid #e5004f;border-radius: .4rem;text-align: center;line-height: .4rem;}
/*.index_1_more:hover{background: #e5004f;color: #FFF;}*/
.index_1_more:hover{background: #e5004f;color: #FFF;transform: scale(1.1)}


.index_1_main{width: 76%;float: right;}
.index_1_main .item{display: block;height: 7.4rem;float: left;width: 31.4%;position: relative;}
.index_1_main .item:nth-child(1){margin-right: 2.9%}
.index_1_main .item:nth-child(3){float: right;}

.index_1_main .item .img{box-shadow: .02rem .02rem .1rem .05rem rgba(0,0,0,.06)  }
.index_1_main .item .img_{overflow: hidden;border-radius: .05rem;}
.index_1_main .item .img__{height: 6rem;transition: .5s;border-radius: .05rem;background-size: cover;background-repeat: no-repeat;background-position: center;}
.index_1_main .item .txt{transition: .3s}
.index_1_main .item .txt h1{font-size: .2rem;color: #333;padding-top: .3rem;line-height: 1.5}
.index_1_main .item .txt h2{font-size: .22rem;color: #545353;line-height: 1.5;letter-spacing: 0;font-weight: normal}
.index_1_main .item .txt h2 span{display: inline-block;margin-left: .1rem;position: relative;top:-.02rem;}
.index_1_main .item .txt h2 span img{width: .22rem}
.index_1_main .item .txt h2 span img:nth-child(1){}
.index_1_main .item .txt h2 span img:nth-child(2){display: none}


.index_1_main .item:hover .img__{transform: scale(1.1)}
.index_1_main .item:hover .txt h1{color: #e5004f}
.index_1_main .item:hover .txt h2 span img:nth-child(1){display: none}
.index_1_main .item:hover .txt h2 span img:nth-child(2){display: inline-block}
.index_1_main .item:hover .txt{transform: scale(1.1)}

.index_1_main .item:nth-child(2) .img{position: absolute;bottom:0;left: 0;width: 100%;}


@media(max-width: 1100px){
    .index_1_title{width: 100%;margin-bottom: .5rem}
    .index_1 .Title{text-align: center}
    .index_1 .Title .line{margin: .26rem auto}
    .index_1 .Title .p1{padding-left: 0}
    .index_1 .Title .text{padding: 0}
    .index_1_more{margin: .2rem auto 0}
    .index_1_main{width: 100%}
    .index_1_main .item .img__{height: 5.8rem}
    .index_1_main .item{height: 7.2rem}
    .index_1{padding-top: 0}

}


@media(max-width: 767px){
    .index_1_main .item{width: 100%;margin-right: 0}
    .index_1_main .item:nth-child(2) .img{position: static}
    .Title{padding-top: .5rem;padding-bottom: .2rem}
    .Title h1{font-size: .5rem}
    .Title .p1{font-size: .2rem}
    .Title h2{font-size: .28rem}
    .Title .text{font-size: .16rem}
    .index_1_main .item:hover .txt{transform: scale(1)}
    .index_1_main .item .txt h2 span img{width: .2rem}

}


.index_2_t{text-align: center;}
.index_2_t_{display: inline-block}
.index_2_t_ .item{transition: .3s;margin-bottom: .3rem;border-radius: .03rem;display: block;float: left;font-size: .18rem;color: #333;padding: 0 .25rem;line-height: .4rem}
.index_2_t_ .item:hover,
.index_2_t_ .item.in{color: #FFF;background: #e5004f}


@media(max-width: 767px){
    .index_2_t_ .item{margin-bottom: .1rem;padding: 0 .15rem}
}


.swiper-container-3d .swiper-slide-shadow-left,
.swiper-container-3d .swiper-slide-shadow-right{background: rgba(255,255,255,.65)}

.index_2_con{overflow: hidden;position: relative;width: 100%;height: 6.2rem;}
.index_2_con .item{background: #FFF;position: absolute;transition: .3s;width: 100%;height: 100%;left: 0;top:0;z-index: 15;opacity: 0}
.index_2_con .item.show{z-index: 16;opacity: 1;}

.index_2_con_swiper_{position: relative}
.index_2_con_swiper{height: 100%;max-width: 1380px;margin: 0 auto;}
.index_2_con_swiper .swiper-slide{padding: .4rem}
.index_2_con_swiper .swiper-slide a{position: relative;z-index: 9;line-height: 6.2rem;text-align: center}
.index_2_con_swiper .swiper-slide a img{}

.index_2_con_swiper_ .swiper-button-prev,
.index_2_con_swiper_ .swiper-button-next{transform: translateY(-100%)}



@media(max-width: 767px){
    .index_2_con_swiper .swiper-slide{padding: .2rem}
    .index_2_con{height: 5.5rem}
    .index_2_con_swiper .swiper-slide a{line-height: 5.5rem}

}



.index_3{background: url("../images/bg2.png") no-repeat center;background-size: cover!important;padding-bottom: .8rem}
.index_3_t{}
.index_3_t .item{cursor: pointer;width: 1.6rem;height: 1.1rem;float: left;text-align: center;border-radius: .1rem 0 0 0;}
.index_3_t .item .icon{padding-top: .25rem;margin-bottom: .1rem}
.index_3_t .item .icon img{max-height: .36rem}
.index_3_t .item .icon img.icon1{}
.index_3_t .item .icon img.icon2{display: none}
.index_3_t .item .p{font-size: .14rem;color: #333333;line-height: 1.5}
.index_3_t .item:hover .p,
.index_3_t .item.active .p{color: #FFF;}

.index_3_t .item:hover .icon img.icon1,
.index_3_t .item.active .icon img.icon1{display: none}
.index_3_t .item:hover .icon img.icon2,
.index_3_t .item.active .icon img.icon2{display: inline-block}

.index_3_t .item:hover,
.index_3_t .item.active{background: #e5004f;}


.index_3_con{position: relative}
.index_3_con .item{display: block;transition: .5s;opacity: 0;z-index: 2;position: absolute;width: 100%;background: #FFF;height: 100%;left: 0;top:0;border-radius: .1rem 0 .3rem 0;}
.index_3_con .item.item2{position: static;float: left;width: 100%;box-shadow: none}
.index_3_con .item.show{box-shadow: 0 0 .15rem rgba(0,0,0,.1);opacity: 1;z-index: 5}
.index_3_con .item .left{width: 70%;height: 6.1rem;float: left;overflow: hidden;}
.index_3_con .item .left .img{height: 100%;background-size: cover;background-repeat: no-repeat;background-position: center;transition: .5s;}
.index_3_con .item .right{width: 30%;height: 6.1rem;float: right;background: #FFF;border-radius: 0 0 .3rem 0;}
.index_3_con .item .right .icon{width: 1.06rem;height: 1.08rem;border: 1px solid #bfbfbf;text-align: center;line-height: 1.08rem;margin: 0 auto;margin-top: 1.2rem;}
.index_3_con .item .right .icon img{max-height: .5rem;transition: .5s}
.index_3_con .item .right .txt{max-width: 3.6rem;margin: 0 auto;width: calc(100% - .4rem);}
.index_3_con .item .right .txt h4{font-size: .14rem;color: #333333;line-height: 1.5;padding-bottom: .15rem}
.index_3_con .item .right .txt .text p,
.index_3_con .item .right .txt .text{font-size: .14rem;color: #666666;line-height: 1.7;}
.index_3_con .item .right .txt .text{height: 1.12rem}
.index_3_con .item .right .title{font-size: .24rem;color: #e5004f;text-align: center;line-height: 1.5;margin: .25rem 0 .5rem}

.index_3_con .item .right .txt .icon2{text-align: right;margin-top: .5rem}
.index_3_con .item .right .txt .icon2 img{width: .25rem}
.index_3_con .item .right .txt .icon2 img:nth-child(1){}
.index_3_con .item .right .txt .icon2 img:nth-child(2){display: none}

.index_3_con .item:hover .left .img{transform: scale(1.1)}
.index_3_con .item:hover .right .txt .icon2 img:nth-child(1){display: none}
.index_3_con .item:hover .right .txt .icon2 img:nth-child(2){display: inline-block}
.index_3_con .item:hover .right .icon img{transform: scale(1.1)}




@media(max-width: 1000px){
    .index_3_con .item .left{width: 60%}
    .index_3_con .item .right{width: 40%}
}


@media(max-width: 767px){
    .index_3_con .item .left{width: 100%;height: 3rem}
    .index_3_con .item .right{width: 100%;height: 4.6rem}
    .index_3_con .item .right .icon{margin-top: .4rem}
    .index_3_con .item .right .title{margin-bottom: .3rem}
    .index_3_con .item .right .txt .icon2{margin-top: .2rem}
    .index_3_t .item{width: 33.33%}
    .index_3_t .item .p{font-size: .16rem;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
    .index_3_con .item .right .txt{width: calc(100% - .6rem);max-width: 80%}
    .index_3_con .item .right .txt h4{font-size: .18rem}
    .index_3_con .item .right .txt .text p, .index_3_con .item .right .txt .text{font-size: .16rem}
}

.index_4{padding-bottom: .8rem}
.index_4_left{height: 5.7rem;width: 56.23%;float: left;border-radius: 0 0 .3rem 0;box-shadow: 0 0 .15rem rgba(0,0,0,.1)}
.index_news{width: 100%;height: 100%;border-radius: 0 0 .3rem 0;overflow: hidden}
.index_news .swiper-slide{position: relative}
.index_news .swiper-slide .img{height: 100%;background-size: cover;background-repeat: no-repeat;background-position: center;transition: .5s}
.index_news .swiper-slide .txt{padding: .4rem 0 .6rem .7rem;position: absolute;bottom:-100%;width: 100%;left: 0;transition: .6s;background: rgba(102,102,102,.67)}
.index_news .swiper-slide.swiper-slide-active .txt{bottom:0}
.index_news .swiper-slide .txt .text{width: 62%;height: .48rem;font-size: .24rem;color: #fff;line-height: 1.7}



.index_news .swiper-slide:hover .img{transform: scale(1.1)}
.index_news .swiper-pagination{text-align: right;padding-right: .55rem}
.index_news .swiper-pagination .swiper-pagination-bullet{width: 11px;height: 11px;border-radius: 11px;background: #bcbec1;}
.index_news .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active{background: #FFF}


.index_4_right{width: 42.88%;height: 5.7rem;float: right;background: #FFF;padding: .3rem .55rem;box-shadow: 0 0 .15rem rgba(0,0,0,.1)}
.index_news_list{}
.index_news_list .li{display: none;padding: .18rem .08rem;position: relative;border-bottom: 1px dashed #c5c4ce;}
.index_news_list .li:last-child{border: none}

.index_news_list .li:nth-child(1),
.index_news_list .li:nth-child(2),
.index_news_list .li:nth-child(3),
.index_news_list .li:nth-child(4){display: block}

.index_news_list .li .a{display: block}
.index_news_list .li .a .left{width: 1.46rem;height: .9rem;float: left;border-radius: .03rem;overflow: hidden}
.index_news_list .li .a .left .img{height: 100%;background-size: cover;background-repeat: no-repeat;background-position: center;transition: .3s;}
.index_news_list .li .a .right{width: calc(100% - 1.8rem);float: right}
.index_news_list .li .a .right .title{margin-top: .05rem;font-size: .14rem;color: #666666;line-height: 1.6;height: .28rem;width: 75%}
.index_news_list .li .a .right .time{font-size: .15rem;color: #888888;margin-top: .32rem}
.index_news_list .li .a .right .time img{margin-right: .1rem;width: .17rem;}
.index_news_list .li .a .icon{position: absolute;right: 0;bottom:.25rem;transition: .3s}
.index_news_list .li .a .icon img{width: .3rem}
.index_news_list .li .a .icon img:nth-child(1){}
.index_news_list .li .a .icon img:nth-child(2){display: none}

.index_news_list .li .a:hover .left .img{transform: scale(1.1)}
.index_news_list .li .a:hover .right .title{color: #e5004f;}
.index_news_list .li .a:hover .icon{}
.index_news_list .li .a:hover .icon img:nth-child(1){display: none}
.index_news_list .li .a:hover .icon img:nth-child(2){display: inline-block}


@media(max-width: 1100px){
    .index_4_left{width: 100%;margin-bottom: .3rem}
    .index_4_right{width: 100%}
}
@media(max-width: 767px){
    .index_news .swiper-pagination .swiper-pagination-bullet{width: 7px;height: 7px;border-radius: 7px}
    .index_1{padding-bottom: 0}
    .index_3{padding-bottom: .6rem}
    .index_news_list .li .a .right .title{font-size: .18rem}
    .index_news_list .li .a .right .time{margin-top: .24rem}
}

@media(max-width: 600px){
    .index_4_left{height: 5rem}
}



@media(max-width: 500px){
    .index_4_left{height: 3rem}
    .index_news .swiper-slide .txt{padding: .3rem .6rem .5rem .2rem}
    .index_4_right{padding: .2rem .2rem}
    .index_news_list .li .a .right{width: calc(100% - 1.7rem)}
    .index_news_list .li .a .right .title{line-height: 1.5;margin-top: 0;width: 100%}
    .index_news_list .li .a .icon{display: none}
}


.nav2{border-top: 1px solid #dcdcdc;border-bottom: 1px solid #dcdcdc;height: 0;overflow: hidden}
.nav2_b{text-align: center}
.nav2_b_{display: inline-block}
.nav2_b .item{line-height: 1.8;display: inline-block;padding: 0 .45rem;position: relative;float: left;font-size: .16rem;color: #333;}
.nav2_b .item:before{display: block;content: '';width: 1px;height: .12rem;background: #b4b4b4;position: absolute;right: 0;top:50%;transform: translateY(-50%)}
.nav2_b .item:last-child:before{display: none}
.nav2_b .item:hover,
.nav2_b .item.in{color: #e5004f;}


.nav3{padding: 1rem 0 .45rem}
.nav3_b{text-align: center}
.nav3_b_{display: inline-block}
.nav3_b_ .item,
.nav3_b_ .item .p{height: .3rem;text-align: center;line-height: .3rem;font-size: .14rem;color: #666666;}
.nav3_b_ .item{position: relative;border: 1px solid #d6d6d6;border-radius: .03rem;display: inline-block;float: left;margin: 6px;min-width: 1.36rem;}
.nav3_b_ .item:hover,
.nav3_b_ .item.in{color: #e5004f;border-color: #e5004f;}
.nav3_b_ .item .p{cursor: pointer}
.nav3_b_ .item.in .p,
.nav3_b_ .item:hover .p{color: #e5004f;}
.nav3_b_ .item .p .icon1{}
.nav3_b_ .item .p .icon2{display: none}
.nav3_b_ .item:hover .p .icon1,
.nav3_b_ .item.in .p .icon1{display: none}
.nav3_b_ .item:hover .p .icon2,
.nav3_b_ .item.in .p .icon2{display: inline-block}
.nav_div{display: none;position: absolute;color: #666;top:calc(100% + 1px);left: 50%;transform: translateX(-50%);padding: .1rem;min-width: 100%;background: #FFF;z-index: 10;box-shadow: 0 .03rem .05rem .02rem rgba(0,0,0,.05)}
.nav_div .a{font-size: .14rem;display: block;text-align: center;line-height: 2;white-space: nowrap}

.nav_div .a:hover{color: #e5004f}
.nav3_b_ .item.active .nav_div{display: block}

.product{overflow: hidden}
.product_list{margin-top: .3rem}
.product_list .li{width: 25%;height: 4rem;float: left;text-align: center}
.product_list .li .a{display: block;}
.product_list .li .a .img{height: 2.8rem;line-height: 2.8rem;text-align: center}
.product_list .li .a .img img{max-width: 100%;max-height: 100%;transition: .5s}
.product_list .li .a .name_{max-width: 90%;margin: 0 auto;text-align: center}
.product_list .li .a .name{position: relative;font-size: .18rem;color: #333;line-height: 1.5;padding-bottom: .1rem;display: inline-block;max-width: 100%}
.product_list .li .a .name_ .r{display: inline-block;white-space: nowrap;position: absolute;left: 100%;top:0;min-width: 40px;padding-left: 5px}
.product_list .li .a .name .t{line-height: 1.5;}

.product_list .li .a .name img{max-height: .23rem}
.product_list .li .a .text{font-size: .154rem;color: #666666;font-weight: normal}


.product_list .li .a:hover .img img{transform: scale(1.1)}
.product_list .li .a:hover .name{color: #e5004f}

@media(max-width: 1000px){
    .product_list .li{width: 33.33%;}
}

@media(max-width: 767px){
    .nav2_b .item{padding: 0 .25rem;font-size: .18rem}
    .nav2_b{width: 100%}
    .product_list .li{width: 50%;padding-right: .1rem}
    .product_list .li:nth-child(2n){padding-left: .1rem}
    .nav3{padding: .4rem 0 0}
    .nav2{padding: .15rem 0 .12rem}
    .nav3_b_ .item{margin: .05rem;padding: 0 5px}
    /*.product_list .li .a .name_{max-width: 80%}*/
}


.product_info{padding-top: 1.1rem;padding-bottom: .6rem}
.product_info_left{width: 47%;margin-left: 1rem;float: left;}




.product_info_bigImg{width: 100%;height: 4.9rem;box-shadow: .03rem .03rem .1rem rgba(0,0,0,.1)}
.product_info_bigImg_swiper{width: 100%;height: 100%;}
.product_info_bigImg_swiper .swiper-slide{background: #FFF;position: relative}
.product_info_bigImg_swiper .swiper-slide .img{text-align: center;line-height: 4.9rem;overflow: hidden}
.product_info_bigImg_swiper .swiper-slide .img img{max-width: 100%;max-height: 100%;}

.product_info_bigImg_swiper .swiper-slide .play{cursor: pointer;position: absolute;width: 100%;height: 100%;left: 0;top:0;z-index: 5;background: url("../images/play.png") no-repeat center;background-size: .65rem!important;}


.product_info_smallImg{position: relative;padding: 0 .46rem;margin-top: .4rem;margin-bottom: .4rem}
.product_info_smallImg_swiper{height: 1.1rem;padding: 1px}
.product_info_smallImg_swiper .swiper-slide{cursor: pointer;border: 1px solid #dddddd;position: relative;}
.product_info_smallImg_swiper .swiper-slide .img{height: 100%;text-align: center;line-height: 1.15rem;}
.product_info_smallImg_swiper .swiper-slide .img img{max-width: 90%;max-height: 90%;}
.product_info_smallImg_swiper .swiper-slide .play{position: absolute;width: 100%;height: 100%;left: 0;top:0;z-index: 5;background: url("../images/play.png") no-repeat center;background-size: .2rem!important;}

.product_info_smallImg_swiper .swiper-slide.active{border-color: #e50653}

.product_info_smallImg{}
.product_info_smallImg .swiper-button-prev,
.product_info_smallImg .swiper-button-next{background-color: #FFF;width: .28rem;height: .28rem;border-radius: 50%;border: 1px solid #e50653;background-repeat: no-repeat;background-position: center;background-size: .07rem;}

.product_info_smallImg .swiper-button-prev{left: 0;background-image: url(../images/icon18.png)}
.product_info_smallImg .swiper-button-next{right: 0;background-image: url(../images/icon19.png)}


.product_info_smallImg .swiper-button-prev:hover{left: 0;background-image: url(../images/icon18-1.png);background-color: #e50653}
.product_info_smallImg .swiper-button-next:hover{right: 0;background-image: url(../images/icon19-1.png);background-color: #e50653}




.product_info_right{width: 42%;float: right;}
.product_info_right_top{}
.product_name{font-size: .26rem;color: #e5004f;line-height: 1.5;float: left;width: calc(100% - 1.5rem);padding-bottom: .06rem}
.product_name img{max-height: .23rem}
.product_name a:nth-child(1){margin-left: .2rem}
.product_text{font-size: .13rem;color: #666666;line-height: 1.6;float: left;width: calc(100% - 1.5rem)}

.product_info_right_top .logo{display: block;float: right}
.product_info_right_top .logo img{max-width: .9rem;}
.product_info_right_top .line{border-top: 1px solid #eeeeee;margin: .2rem 0;float: left;width: 100%}

.product_info_parameter{float: left;width: 100%;max-height: 3.65rem}
.product_info_parameter table{border: none}
.product_info_parameter table tr{border: none}
.product_info_parameter table tr td{border: none;font-size: .15rem;color: #666;padding: .1rem 0}
.product_info_parameter table tr td:nth-child(1){color: #333;min-width: 1.25rem;font-weight: bold;padding-right: .2rem;}
.product_info_parameter table tr td p{line-height: 1.5}



.share2{width: 100%;float: left}
.share2 .item{display: inline-block;margin-right: .15rem;position: relative}
.share2 .item .icon{}
.share2 .item .icon img{/*width: .44rem;*/}
.share2 .item .icon img:nth-child(1){}
.share2 .item .icon img:nth-child(2){display: none}
.share2 .item:hover .icon img:nth-child(1){display: none}
.share2 .item:hover .icon img:nth-child(2){display: inline-block}



.share2_pop{z-index: 10;display: none;width: 1rem;min-height: 1rem;position: absolute;left: 50%;transform: translateX(-50%);top:100%;padding-top: .1rem;}
.share2_pop .div{position: relative;background: #FFF;width: 100%;border: 1px solid #dedede;padding: .12rem;text-align: center}
.share2_pop .icon2{top:-2px;left: 50%;transform: rotate(45deg) translateX(-50%);position: absolute;width: 7px;height: 7px;background: #FFF;border-left: 1px solid #dedede;border-top: 1px solid #dedede;}
.share2_pop .img{}
.share2_pop .img > img{width: 100%}
.share2_pop .p{font-size: .12rem;color: #666666;line-height: 1.2;padding-top: .06rem}

.share2 .item.in .share2_pop{display: block}

/*
.aboutUs_7_main  .mCSB_scrollTools .mCSB_draggerRail,
.marketing_support_1 .mCSB_scrollTools .mCSB_draggerRail,
.product_info */.mCSB_scrollTools .mCSB_draggerRail{background: rgba(0,0,0,.1)!important;}

/*.aboutUs_7_main  .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.marketing_support_1 .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.product_info */.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{background: rgba(0,0,0,.2)!important;}


@media(max-width: 1600px){
    .product_info_left{margin-left: 0}
    .product_info_right{width: 46%}
}

@media(max-width: 1000px){
    .product_info_left{width: 100%;margin-bottom: .5rem}
    .product_info_right{width: 100%}
    .product_text{width:100%}
    .product_info_parameter table{width:100%}
    .product_info_bigImg{height: 6rem;}
    .product_name{width:100%}
    .product_info_bigImg_swiper .swiper-slide .img{line-height: 6rem}
    .product_info_parameter{height: auto;max-height: unset;margin: .2rem 0}
    .product_info_parameter table tr td,
    .product_info_parameter table tr{border: 1px solid #eee}
    .product_info_parameter table tr td{padding: .1rem}
    .product_info_right_top .line{display: none}
    .product_info{padding-top: .4rem}
}

@media(max-width: 600px){
    .product_info_smallImg_swiper{height: .8rem}
    .product_info_smallImg_swiper .swiper-slide .img{line-height: .78rem}
}


.marketing_support_1{padding: 1.2rem 0;background: url("../images/bg3.png") no-repeat center;background-size: cover!important;}
.marketing_support_1 .left{width: 48%;float: left}
.marketing_support_1_line{width: 1.24rem;height: .04rem;background: #e5e5e5;margin-bottom: .45rem;}
.marketing_support_1_text{height: 2rem;}
.marketing_support_1_text,
.marketing_support_1_text p{font-size: .16rem;color: #666;line-height: 2.3}
.marketing_support_1_more{margin-top: .5rem;transition: .3s;color: #e5004f;font-size: .14rem;display: block;width: 1.2rem;height: .34rem;line-height: .34rem;text-align: center;border: 1px solid #e5004f;border-radius: .34rem;}
.marketing_support_1_more:hover{background: #e5004f;transform: scale(1.1);color: #FFF;}
.marketing_support_1 .right{position: relative;width: 43.5%;float: right;height: 6.2rem;border-radius: .05rem;box-shadow: .03rem .03rem .1rem rgba(0,0,0,.1)}
.marketing_support_1 .right .img{height: 100%;border-radius: .05rem;overflow: hidden;}
.marketing_support_1 .right .img_{height: 100%;transition: .5s;border-radius: .05rem;overflow: hidden;background-size: cover;background-repeat: no-repeat;background-position: center;}

.marketing_support_1 .right:hover .img_{transform: scale(1.1)}







.Title2{padding-bottom: .5rem;padding-top: .6rem;text-align: center}
.Title2 h1{font-size: .7rem;color: #e5e5e5;font-weight: normal}
.Title2 h2{}
.Title2 h2 p{display: inline-block;font-size: .25rem;color: #333333;line-height: 1.5}
.Title2 h2 p span{}


.marketing_support_2{background: url("../images/bg4.png") no-repeat center;background-size: cover!important;}
.marketing_support_1 .Title2{text-align: left;}
.marketing_support_2 .Title2 h1{color: #FFF}

.marketing_support_2_t .nav3{padding-top: 0}

.marketing_support_2_t_text p,
.marketing_support_2_t_text{font-size: .16rem;color: #666;line-height: 2.3}


.marketing_support_2_con_div__{padding: .3rem 0 .8rem;}
.marketing_support_2_con_div{height: 4rem;position: relative;}
.marketing_support_2_con_div .item{z-index: -1;opacity: 0;transition: .3s;width: 100%;height: 100%;position: absolute;left: 0;top:0;background: #ecedee;}

.marketing_support_2_con_div .item.show{z-index: 10;opacity: 1}


.marketing_support_2_con{}
.marketing_support_2_con_swiper{}
.marketing_support_2_con_swiper .swiper-slide{opacity: .38;color: #FFF;width: 3.2rem!important;height: 4rem!important;position: relative}
.marketing_support_2_con_swiper .swiper-slide .img{background: #999999;border-radius: .03rem;overflow: hidden;position: absolute;width: 100%;height: 100%;left: 0;top:0;}
.marketing_support_2_con_swiper .swiper-slide .img img{position: absolute;max-width: 100%;max-height: 95%;left: 50%;transform: translateX(-50%);bottom:0}
.marketing_support_2_con_swiper .swiper-slide .txt{border-radius: .03rem;overflow: hidden;text-align: right;position: absolute;display: block;width: 2rem;height: .8rem;top:2.6rem;right: 2.2rem;transition: .6s ease-out all;background: #e5004f}
.marketing_support_2_con_swiper .swiper-slide .txt_{padding: .15rem .2rem;}
.marketing_support_2_con_swiper .swiper-slide .txt .name{font-size: .24rem;line-height: 1.2}
.marketing_support_2_con_swiper .swiper-slide .txt .line{width: .2rem;height: .02rem;background: #FFF;margin: .1rem auto .2rem;display: none}
.marketing_support_2_con_swiper .swiper-slide .txt .position{font-size: .14rem;color: rgba(255,255,255,.7);}
.marketing_support_2_con_swiper .swiper-slide .txt .position p{display: none;line-height: 2}
.marketing_support_2_con_swiper .swiper-slide .txt .position p:first-child{display: block}


.marketing_support_2_con_swiper .swiper-slide.swiper-slide-active .txt{text-align: center;background: rgba(229,0,79,.7);top:0;right: 0;width: 100%;height: 100%}
.marketing_support_2_con_swiper .swiper-slide.swiper-slide-active .txt .position p{display: block;color: #FFF;line-height: 2.2;width: 100%}
.marketing_support_2_con_swiper .swiper-slide.swiper-slide-active .txt .name{font-size: .3rem;}
.marketing_support_2_con_swiper .swiper-slide.swiper-slide-active .txt .line{display: block}


.marketing_support_2_con_swiper .swiper-slide.swiper-slide-active .txt_{position: absolute;width: 100%;left: 0;top:50%;transform: translateY(-50%);}


.marketing_support_2_con_swiper .swiper-slide.swiper-slide-active,
.marketing_support_2_con_swiper .swiper-slide.swiper-slide-prev,
.marketing_support_2_con_swiper .swiper-slide.swiper-slide-next{opacity: 1}


.marketing_support_2_con .swiper-button-prev{left: 5%!important;}
.marketing_support_2_con .swiper-button-next{right: 5%!important;}


.marketing_support_1 .mCSB_scrollTools{width: 4px!important;}
.marketing_support_1 .mCSB_inside>.mCSB_container{margin-right: 20px!important;}

@media(max-width: 1000px){
    .marketing_support_2_con_swiper .swiper-slide .txt{width: 1.8rem}

}



@media(max-width: 767px){
    .marketing_support_2_con_swiper .swiper-slide .txt{width: 1.4rem}
    .marketing_support_1 .left{width: 100%;margin-bottom: .4rem}
    .marketing_support_1 .right{width: 100%;height: 3.5rem}
    .marketing_support_1{padding-top: 0;padding-bottom: 0}
    .Title2{padding-top: .4rem;padding-bottom: .3rem;text-align: center}
    .Title2 h1{font-size: .3rem;}
    .Title2 h2{font-size: .28rem}
    .aboutUs_1 .marketing_support_1_line{;margin: 0 auto .3rem}

    .marketing_support_1_more{margin-top: .5rem}
    .marketing_support_2_t_text p, .marketing_support_2_t_text{font-size: .18rem}

}


.marketing_support_3{padding: .8rem 0}

.marketing_support_3_con .item .right{}
.marketing_support_3_con .item .right .txt{padding-top: 1rem;width: calc(100% - .8rem);max-width: 4.5rem}
.marketing_support_3_con .item .right .txt___{height: 3.6rem}
.marketing_support_3_con .item .right .txt .icon2{margin-top: .5rem}
.marketing_support_3_con .item .right .txt___ .text{height: 3.3rem}
.marketing_support_3_con .item .right .txt___ .text,
.marketing_support_3_con .item .right .txt___ .text p{font-size: .16rem;color: #666;line-height: 2.3}
.marketing_support_3_con .item .right .txt___ .text p img{width: .12rem}
.marketing_support_3_con .item .left{width: 66%;position: relative}
.marketing_support_3_con .item .right{width: 34%}

.index_3_con .item .left{position: relative}
.marketing_support_1 .right .play,
.index_3_con .item .left .play,
.marketing_support_3_con .item .left .play,
.marketing_support_1 .right .play{
    cursor: pointer;
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    z-index: 5;
    background: url(../images/play.png) no-repeat center;
    background-size: .65rem!important;
}


@media(max-width: 767px){
    .marketing_support_3_con .item .left{width: 100%}
    .marketing_support_3_con .item .right{width: 100%;height: auto;padding-bottom: .3rem}
    .marketing_support_3_con .item .right .txt{padding-top: .4rem;max-width: 90%}
    .marketing_support_2_con_div__{padding-bottom: .5rem}
    .marketing_support_3{padding: .5rem 0}
    .marketing_support_3_con .item .right .txt___ .text,
    .marketing_support_3_con .item .right .txt___ .text p{font-size: .17rem}

    .marketing_support_3_con .mCSB_scrollTools{width: 3px}
    .marketing_support_3_con .mCSB_inside>.mCSB_container{margin-right: 15px}
    .marketing_support_2_con_swiper .swiper-slide .txt .position{font-size: .18rem}
}


.marketing_support_4{background: #f8f8f8;overflow: hidden;padding-bottom: .8rem}


.marketing_support_4_list{}
.marketing_support_4_list .li{width: 48%;height: 4rem;background: #FFF;float: left;margin-top: .5rem;}
.marketing_support_4_list .li:nth-child(2n){float: right}
.marketing_support_4_list .li:nth-child(1),
.marketing_support_4_list .li:nth-child(2){margin-top: 0}
.marketing_support_4_list .li .a{display: block;height: 100%;}
.marketing_support_4_list .li .a .img{position: relative;width: 2.95rem;height: 100%;float: left;overflow: hidden;/* background: #999999 */}
.marketing_support_4_list .li .a .img img{transition: .5s;position: absolute;max-width: 100%;max-height: 100%;bottom:0;left: 50%;transform: translateX(-50%);}
.marketing_support_4_list .li .a .txt{float: right;width: calc(100% - 2.95rem);height: 100%;padding: .7rem .5rem}
.marketing_support_4_list .li .a .txt .name{font-size: .3rem;font-weight: normal;color: #666666;line-height: 1.5}
.marketing_support_4_list .li .a .txt .line{width: .23rem;transition: .3s;height: .03rem;background: #e5004f;margin: .2rem 0 .25rem}
.marketing_support_4_list .li .a .txt .position{height: 1.8rem;}
.marketing_support_4_list .li .a .txt .position,
.marketing_support_4_list .li .a .txt .position p{font-size: .14rem;color: #555;line-height: 2.1}

.marketing_support_4_list .li .a:hover .txt .line{width: .5rem}


.marketing_support_4_list .li .a:hover .img img{transform: translateX(-50%) scale(1.1)}
.marketing_support_4_list .li .a:hover .txt .name{color: #e5004f}


@media(max-width: 1000px){
    .marketing_support_4_list .li{width: 100%;/* padding-top: .4rem; */}
    .marketing_support_4_list .li:nth-child(2){margin-top: .3rem}
}
@media(max-width: 767px){
    .marketing_support_4_list{padding-top: .3rem}
    .marketing_support_4_list .li .a .txt .position,
    .marketing_support_4_list .li .a .txt .position p{font-size: .2rem}
}


@media(max-width: 600px){
    .marketing_support_4_list .li{height: auto;padding-top: .4rem;}
    .marketing_support_4_list .li .a .img{width: 100%;height: 4rem}
    .marketing_support_4_list .li .a .txt{height: auto;width: 100%;padding: .3rem;text-align: center}
    .marketing_support_4_list .li .a .txt .position{ height: auto }

    /*.marketing_support_4_list .li .mCSB_draggerContainer{opacity: 0}*/

    .marketing_support_4_list .li .a .txt .line{margin: .2rem auto}

}

.contact_us_1_main{width: 100%;min-height: 5rem;padding: 1rem 0;background: url("../images/bg5.png") no-repeat center;background-size: cover!important;}

.contact_us_1_main{}
.contact_us_1_main_b{}
.contact_us_1_main_b h1{font-size: .25rem;color: #333333;line-height: 1.8;}
.contact_us_1_main_b .d{font-weight: bold;padding-left: 26px;background-repeat: no-repeat;font-size: .16rem;color: #666666;line-height: 2.3;background-position: 0 10px;}
.contact_us_1_main_b .line{width: .44rem;height: .02rem;background: #e5004f;margin: .2rem 0}


.contact_us_2 input:-moz-placeholder,
.contact_us_2 textarea:-moz-placeholder {
    color: #999;
}
.contact_us_2 input:-ms-input-placeholder,
.contact_us_2 textarea:-ms-input-placeholder {
    color: #999;
}
.contact_us_2 input::-webkit-input-placeholder,
.contact_us_2 textarea::-webkit-input-placeholder {
    color: #999;
}


.contact_us_2{padding-bottom: .8rem}
.contact_us_2_main{}
.contact_us_2_main_form{}
.contact_us_2_main_form_div{width: 48.33%;float: left;background: #f8f8f8;margin-bottom: .19rem;}
.contact_us_2_main_form_div:nth-child(2n){float: right}
.contact_us_2_main_form_div input{background: none;border: none;font-size: .16rem;color: #666666;}
.contact_us_2_main_form_div .input1{text-indent: .3rem;width: 100%;height: .58rem;}
.contact_us_2_main_form_div .input2{/*border-right: 1px solid rgba(229,0,79,.2)*/;width: 1.1rem;height: .58rem;padding: 0 .3rem;float: left;background: #f8f8f8}
.contact_us_2_main_form_div textarea{font-size: .16rem;color: #666666;width: 100%;height: 1.9rem;border: none;background: none;padding: .15rem .3rem;line-height: 1.7}
.contact_us_2_main_form_div2 .yzm{text-align: center;/*width: 1rem;line-height: .58rem;*/float: left;background: rgba(229,0,79,.1)}
.contact_us_2_main_form_div2 .yzm img{max-width: 100%;max-height: 100%;cursor: pointer}
.contact_us_2_main_form_div2{float: left!important;width: auto!important;}
.contact_us_2_main_form_div3{width: 100%;float: left;text-align: center;margin-top: .38rem}
.contact_us_2_main_form_div3 .submit{transition: .3s;width: 1.2rem;height: .39rem;font-size: .16rem;color: #e5004f;background: none;border-radius: .39rem;border: 1px solid #e5004f;}
.contact_us_2_main_form_div3 .submit:hover{transform: scale(1.1);background: #e5004f;color: #FFF;}
.contact_us_2_main_form_div1{width: 100%}


.contact_us_2_main_form_div2 .yzm2{transition: .3s;margin-left: .1rem;margin-top: .1rem;display: inline-block;float: left;font-size: .14rem;color: #e5004f;height: .39rem;border-radius: .39rem;border: 1px solid #e5004f;padding: 0 .15rem;line-height: .39rem;cursor: pointer}
.contact_us_2_main_form_div2 .yzm2 img{transition: .3s;width: .18rem}
.contact_us_2_main_form_div2 .yzm2 img:nth-child(1){}
.contact_us_2_main_form_div2 .yzm2 img:nth-child(2){display: none}
.contact_us_2_main_form_div2 .yzm2:hover{background: #e5004f;color: #FFF;transform: scale(1.1)}
.contact_us_2_main_form_div2 .yzm2:hover img{transform: rotateZ(180deg)}
.contact_us_2_main_form_div2 .yzm2:hover img:nth-child(1){display: none}
.contact_us_2_main_form_div2 .yzm2:hover img:nth-child(2){display: inline-block}


.contact_us_2_main_form_div .select-row{
    width: 100%;
    height: .58rem;
    /*border: 1px solid #DCDCDC;*/
    /*margin-left: 15px;*/
    position: relative;
    /*line-height: 48px;*/
}

.contact_us_2_main_form_div .select-row .select-input{
    width: 100%;
    height: .58rem;
    box-sizing: border-box;
    border: none;
    position: relative;
    text-indent: .3rem;
    outline: none;

}
.select-row:after{
    content: "";
    display: block;
    width: .1rem;
    z-index: 998;
    height: .09rem;
    background: url('../images/icon29.png') no-repeat center;
    background-size: 100%!important;
    position: absolute;
    right: .33rem;
    top: .26rem;
    pointer-events: none;
}

.select-row .select-list {
    display: none;
    width: 100%;
    z-index: 999;
    max-height: 200px;
    background-color: #fff;
    position: absolute;
    left: 0;
    top: 100%;
    box-shadow: 0 10px 20px rgba(0,0,0,0.1);
}
.select-item{
    text-indent: .3rem;
    font-size: .16rem;
    cursor: pointer;
    color: #666;
    line-height: 2.3;
}

.select-item:hover{
    background: rgba(229,0,79,.2);
}

.contact_us_map{width: 100%;height: 6.55rem;background: url("../images/map.png") no-repeat center;background-size: cover!important;}

@media(max-width: 1200px){
    .contact_us_1_main_b .d{background-position: 0 6px!important;}
}


@media(max-width: 767px){
    /*.contact_us_1_main{background-position: left!important;}*/
    .contact_us_1_main{padding: .4rem 0;height: auto;min-height: auto;background-position: -176px 0!important;}
    .contact_us_2_main_form_div{width: 100%;}
    .contact_us_2_main_form_div3{margin-top: .1rem}
    .contact_us_2{padding-bottom: .5rem}
    .contact_us_map{height: 4rem}
    .contact_us_1_main_b .d{font-size: .18rem}
    .contact_us_2_main_form_div textarea,
    .contact_us_2_main_form_div3 .submit,
    .select-item,
    .contact_us_2_main_form_div input{font-size: .18rem}
    .contact_us_2_main_form_div .input2{width: 1.5rem}
}

.contact_us_3{padding: .8rem 0 .3rem;background: #f8f8f8}

.contact_us_3_div{width: 15%;background: #FFF;float: left;margin-right: 1.66%}
.contact_us_3_div input{width: 100%;border: none;background: none;}
.contact_us_3_div .input1{height: .4rem;padding: 0 .2rem;font-size: .14rem;color: #333333;}



.contact_us_3_div .select-row{
    width: 100%;
    /*height: .4rem;*/
    position: relative;
}

.contact_us_3_div .select-row .select-input{
    width: 100%;
    height: .4rem;
    font-size: .14rem;
    color: #333;
    box-sizing: border-box;
    border: none;
    position: relative;
    padding: 0 .2rem;
    outline: none;

}
.contact_us_3_div .select-row:after{
    content: "";
    display: block;
    width: .14rem;
    z-index: 998;
    height: .08rem;
    background: url('../images/icon30.png') no-repeat center;
    position: absolute;
    right: .2rem;
    top: .16rem;
    pointer-events: none;
}

.contact_us_3_div .select-item{
    text-indent: .2rem;
    font-size: .14rem;
    cursor: pointer;
    color: #666;
    line-height: 2;
}


.contact_us_3_div1{width: 40%;margin-right: 0}
.contact_us_3_div1 input{}

.contact_us_3_div1 input:-moz-placeholder{color: #999}
.contact_us_3_div1 input:-ms-input-placeholder{color: #999}
.contact_us_3_div1 input::-webkit-input-placeholder{color: #999}

.contact_us_3_div2{width: 8.3%;float: right}
.contact_us_3_div2 input{color: #e5004f;transition: .3s;background: none;width: 100%;height: .4rem;border-radius: .4rem;border: 1px solid #e5004f;font-size: .14rem}
.contact_us_3_div2 input:hover{transform: scale(1.1);background: #e5004f;color: #FFF;}

.contact_us_4{padding-bottom: 1rem}
.contact_us_4_t{background: #999999;color: #FFF;font-size: .16rem;}
.contact_us_4_t_{position: relative}
.contact_us_4_t_ .item{float: left;line-height: 1.5;padding: .18rem 0;padding-right: .2rem;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
.contact_us_4_t_ .item1{width: 27%;}
.contact_us_4_t_ .item2{width: 23%;}
.contact_us_4_t_ .item3{width: 23%;}
.contact_us_4_t_ .item4{width: 27%;}
.contact_us_4_t_ .icon{position: absolute;right: 0;top:.22rem;width: .14rem;height: .14rem;line-height: .14rem;text-align: center;}
.contact_us_4_t_ .icon img{width: .14rem;}
.contact_us_4_t_ .icon img:nth-child(1){}
.contact_us_4_t_ .icon img:nth-child(2){display: none}


.contact_us_4_list .contact_us_4_t{background: none}
.contact_us_4_list .contact_us_4_t{color: #666;}
.contact_us_4_list .li{border-bottom: 1px solid #eee;}
.contact_us_4_list_info{background: #fafafa;padding: .3rem 0;display: none}
.contact_us_4_list_info_div{}
.contact_us_4_list_info_div .item{color: #333;width: 50%;float: left;padding-right: .5rem}
.contact_us_4_list_info_div .item h2{font-size: .16rem;line-height: 2;padding-bottom: .2rem}
.contact_us_4_list_info_div .item p{font-size: .14rem;line-height: 2.5}

.contact_us_4_list_info .apply{line-height: .46rem;transition: .3s;text-align: center;margin-top: .4rem;display: block;width: 2rem;height: .46rem;border-radius: .46rem;border: 1px solid #e5004f;color: #e5004f;font-size: .14rem;}
.contact_us_4_list_info .apply:hover{transform: scale(1.1);background: #e5004f;color: #fff}

.contact_us_4_list .contact_us_4_t{cursor: pointer}


.contact_us_4_list .li.in .contact_us_4_list_info{display: block}
.contact_us_4_list .li.in{border: none}
.contact_us_4_list .li.in .contact_us_4_t{background: #e5004f;color: #FFF}

.contact_us_4_list .li.in .contact_us_4_t_ .icon img:nth-child(1){display: none}
.contact_us_4_list .li.in .contact_us_4_t_ .icon img:nth-child(2){display: inline-block}


.contact_us_4_list .li.in .contact_us_4_t_ .item{white-space:normal}


@media(max-width: 767px){
    .contact_us_4_list_info_div .item{width: 100%;padding-right: 0;margin-bottom: .3rem}
    .contact_us_4_list_info_div .item:nth-child(2){margin-bottom: 0}
    .contact_us_4_list .li .contact_us_4_t_ .item4{padding-right: .3rem}
    .contact_us_3{padding-top: .4rem}
    .contact_us_4{padding-bottom: .5rem}
    .contact_us_3_div{width: 100%;margin-right: 0;margin-bottom: .15rem}
    .contact_us_3_div2{width: 100%;text-align: center;}
    .contact_us_3_div2 input{width: 1.5rem}
    .contact_us_3_div .input1,
    .contact_us_3_div .select-row .select-input{font-size: .18rem;height: .5rem}
    .contact_us_3_div2 input{font-size: .18rem}
    .contact_us_4_t_ .item{padding-right: .1rem}
    .contact_us_4_list_info_div .item p,
    .contact_us_4_list_info .apply,
    .contact_us_4_t{font-size: .17rem}
    .contact_us_4_list_info_div .item h2{font-size: .18rem}
}

.aboutUs_1 .marketing_support_1_text{height: 2.3rem}
.aboutUs_1_num{margin-top: .6rem}
.aboutUs_1_num .item{width: 25%;text-align: center;float: left;}
.aboutUs_1_num .item .p1{color: #e5004f;font-size: .2rem;font-weight: bold;padding-bottom: 3px}
.aboutUs_1_num .item .p1 span{display: inline-block;font-size: .5rem;}
.aboutUs_1_num .item .p2{font-size: .14rem;color: #666666;line-height: 1.6}


.aboutUs_2{background: url("../images/bg6.png") no-repeat center;background-size: cover!important;padding-top: .9rem;padding-bottom: 1rem;}

.aboutUs_5_left .Title2 h1,
.aboutUs_6 .Title2 h1,
.aboutUs_2 .Title2 h1{color: rgba(255,255,255,.38)}
.aboutUs_2 .Title2 h2 p,
.aboutUs_6 .Title2 h2 p,
.aboutUs_5_left .Title2 h2 p,
.aboutUs_2 .Title2 h2 {color: #fff}




.brand000 .swiper-button-prev,
.brand000 .swiper-button-next{opacity: 0}


.aboutUs_2_main{}
.aboutUs_2_main .item{margin-bottom: 3.8%;text-align: center;width: 30.8%;height: 3.65rem;float: left;color: #FFF;margin-right: 3.8%}
.aboutUs_2_main .item:nth-child(2),
.aboutUs_2_main .item:nth-child(3){margin-right: 0}
.aboutUs_2_main .item:nth-child(3){float: right}
.aboutUs_2_main .item_{width: 100%;height: 100%;border: 1px solid #FFF;border-radius: .05rem;}
.aboutUs_2_main .item .icon{width: 100%;padding-top: .58rem;text-align: center;margin-bottom: .3rem}
.aboutUs_2_main .item .icon img{width: .85rem;transition: .3s ease-out}
.aboutUs_2_main .item .h1{font-size: .26rem;line-height: 1.5}
.aboutUs_2_main .item .line{width: .28rem;transition: .3s ease-out;height: .02rem;background: #FFF;margin: .3rem auto}
.aboutUs_2_main .item .text{font-size: .18rem;color: #FFF;line-height: 1.6}

.aboutUs_2_main .item:hover .icon img{transform: rotateY(180deg)}
.aboutUs_2_main .item:hover .line{width: .8rem}
@media(max-width: 1000px){
    .aboutUs_1_num .item{width: 50%;height: 1.3rem}
    .aboutUs_1_num{margin-top: .3rem}
    .aboutUs_1 .marketing_support_1 .left{margin-bottom: 0}
}

@media(max-width: 800px){
    .aboutUs_2_main .item{width: 100%;}
    .aboutUs_2_main .item:last-child{margin-bottom: 0}
}

@media(max-width: 767px){
    .aboutUs_1 .Title2{text-align: center;padding-top: .4rem!important;}
    .aboutUs_2{padding: 0 0 .4rem}
    .aboutUs_1 .marketing_support_1_text{height: auto}
    .marketing_support_1_text, .marketing_support_1_text p{font-size: .17rem}
    .aboutUs_1_num .item .p2{font-size: .16rem}
}

.history{position: relative;margin-bottom: .4rem}
.history .line{position: absolute;width: calc(100% - 100px);height: 1px;background: #e80050;left: 50%;transform: translateX(-50%);top:50%;z-index: 5}
.history_swiper{width: calc(100% - 100px);margin: 0 auto;height: 5.2rem;z-index: 8;padding: .3rem .1rem}
.history_swiper .swiper-slide{position: relative;height: 100%;width: 2.7rem;}
/*.history_swiper .swiper-slide:first-child{margin-left: 1.7rem}*/
/*.history_swiper .swiper-slide:last-child{margin-right: 2.3rem}*/
.history_swiper .swiper-slide .div{border-left: 1px solid #e80050;position: absolute;width: 160%;height: 50%;top:0;left: 0;}
.history_swiper .swiper-slide .div:before,
.history_swiper .swiper-slide .div:after{left: 0;position: absolute;display: block;content: '';width: .13rem;height: .13rem;border-radius: 50%;background: #FFF;border: 1px solid #e80050;}
.history_swiper .swiper-slide .div:before{top:0;transform: translateX(-50%);}
.history_swiper .swiper-slide .div:after{bottom:0;transform: translate(-50%,50%)}

.history_swiper .swiper-slide:nth-child(2n) .div:before{transform: translate(-50%,-50%)}
.history_swiper .swiper-slide:nth-child(2n) .div:after{transform: translate(-50%,0)}

.history_swiper .swiper-slide:nth-child(2n) .div{top:50%;}
/*.history_swiper .swiper-slide .div .txt{transition: .5s;padding-left: .5rem;width: 3.8rem}*/
.history_swiper .swiper-slide .div .txt{transition: .5s;padding-left: .5rem;width: 100%}
.history_swiper .swiper-slide .div .txt .year{font-size: .3rem;color: #e80050;font-weight: bold;padding-top: .15rem;line-height: 1.5}
.history_swiper .swiper-slide .div .txt .text{font-size: .16rem;color: #666666;height: 1.25rem}
.history_swiper .swiper-slide .div .txt .text p{line-height: .25rem;}
.history_swiper .swiper-slide:nth-child(2n) .div .txt .year{padding-top: .5rem}

.history_swiper .swiper-slide .div .txt:hover{transform: scale(1.15)}

.ab{position: relative}
.ab .swiper-button-prev,
.ab .swiper-button-next{width: 50px;height: 50px;background-size: 100%!important;}

.ab .swiper-button-prev{left: 0;background: url("../images/icon34.png")}
.ab .swiper-button-next{right: 0;background: url("../images/icon34-1.png")}

.ab .swiper-button-prev:hover{background: url("../images/icon35-1.png")}
.ab .swiper-button-next:hover{background: url("../images/icon35.png")}

.index_2_con_swiper_ .swiper-button-prev{left: 5%}
.index_2_con_swiper_ .swiper-button-next{right: 5%}

@media(max-width: 1700px){
    /*.history_swiper .swiper-slide .div .txt{width: 3.5rem}*/
}


@media(max-width: 1200px){

    .ab .swiper-button-prev,
    .ab .swiper-button-next{width: 40px;height: 40px;}

    .history .line{width: calc(100% - 80px)}
    .history_swiper{width: calc(100% - 80px)}
}
@media(max-width: 767px){

    .ab .swiper-button-prev,
    .ab .swiper-button-next{width: 30px;height: 30px;}

    .history .line{width: calc(100% - 60px)}
    .history_swiper{width: calc(100% - 60px)}
    .history_swiper .swiper-slide:first-child{margin-left: .4rem}
    .history_swiper .swiper-slide .div .txt{width: 3rem;padding-left: .25rem}
    .history_swiper .swiper-slide{width: 2rem}
    .history_swiper{height: 6rem}
    .history_swiper .swiper-slide .div .txt .text{height: 1.35rem}
    .history_swiper .swiper-slide:last-child{margin-right: 1.6rem}
    .history_swiper .swiper-slide .div .txt .text p{font-size: .17rem;line-height: 1.7}
}


.aboutUs_4{padding: 1.3rem 0;background: url("../images/bg7.png") no-repeat center;background-size: cover!important;}
.brand_swiper{height: 5.3rem}
.brand_swiper .swiper-slide{position: relative}
.brand_swiper .swiper-slide.swiper-slide-active:before{display: block;background: #a0a0a0;content: '';width: 1px;height: 3.9rem;position: absolute;right: -2px;top:50%;transform: translateY(-50%);}
/*.brand_swiper .swiper-slide:last-child:before{display: none}*/
.brand_swiper .swiper-slide .div{text-align: center;padding: 0 1.3rem;padding-top: .6rem;}
.brand_swiper .swiper-slide .div .logo{display: block;text-align: center;line-height: 1.26rem}
.brand_swiper .swiper-slide .div .logo img{max-height: 1.26rem;transition: .5s}
.brand_swiper .swiper-slide .div .t{font-size: .2rem;color: #666666;line-height: 1.5;padding: .4rem 0 .3rem}
.brand_swiper .swiper-slide .div .text p,
.brand_swiper .swiper-slide .div .text{font-size: .16rem;color: #666666;line-height: 2}
.brand_swiper .swiper-slide .div .text{height: .4rem;}
.brand_swiper .swiper-slide .div .more{font-size: .16rem;display: block;transition: .3s;width: 1.2rem;height: .35rem;line-height: .35rem;text-align: center;margin: 0 auto;border-radius: .35rem;color: #e5004f;border: 1px solid #e5004f;margin-top: 1rem;}

.brand_swiper .swiper-slide .div .logo img:hover{transform: scale(1.1)}
.brand_swiper .swiper-slide .div .more:hover{transform: scale(1.1);background: #e5004f;color: #FFF}

.brand .swiper-button-prev,
.brand .swiper-button-next{top:3.2rem}


@media(max-width: 767px){
    .aboutUs_4{padding: .4rem 0}
    .brand_swiper .swiper-slide .div{padding: .3rem .7rem 0}
    .brand_swiper{height: auto;padding-bottom: .3rem}
    .brand .swiper-button-prev,
    .brand .swiper-button-next{top:2.8rem}
    .brand_swiper .swiper-slide .div .text p,
    .brand_swiper .swiper-slide .div .text{font-size: .17rem}

}


.aboutUs_5{;padding: 1rem 0;background: url("../images/bg8.png") no-repeat center;background-size: cover!important;}
.aboutUs_5_b{padding: 0 .9rem;}
.aboutUs_5_left{width: 54%;float: left}
.aboutUs_5_left .Title2{text-align: left}
.aboutUs_5_left .Title2 h2 p{color: #fff}
.aboutUs_5_right{width: 24%;float: right;}


.aboutUs_5_right .swiper-button-prev{background-image: url("../images/icon34-3.png");left: 50%;transform: translateX(-50%);top: -.7rem;}
.aboutUs_5_right .swiper-button-next{background-image: url("../images/icon34-2.png");right: auto;top: auto;left: 50%;transform: translateX(-50%);bottom: -.7rem;}


.aboutUs_5_right .swiper-button-prev:hover{background-image: url("../images/icon35-3.png")}
.aboutUs_5_right .swiper-button-next:hover{background-image: url("../images/icon35-2.png")}






.aboutUs_5_left_text{height: 1.8rem;color: #FFF}
.aboutUs_5_left_text h2,
.aboutUs_5_left_text p{line-height: 2.2}
.aboutUs_5_left_text h2{font-size: .18rem;font-weight: bold}
.aboutUs_5_left_text p{font-size: .16rem}
.aboutUs_5_left .more{font-size: .16rem;margin-top: .8rem;display: block;width: 1.2rem;height: .35rem;line-height: .35rem;text-align: center;border-radius: .35rem;border: 1px solid #FFF;color: #FFF;transition: .3s}
.aboutUs_5_left .more:hover{transform: scale(1.1);background: #e5004f;color: #FFF;border-color: #e5004f}


.responsibility_swiper{height: 6rem;}
.responsibility_swiper .swiper-slide{overflow: hidden}
.responsibility_swiper .swiper-slide .a_click{position: relative;height: 100%}
.responsibility_swiper .swiper-slide .a_click .img{z-index: 2;position: absolute;width: 100%;height: 100%;left: 0;top:0;background-size: cover;background-repeat: no-repeat;background-position: center;transition: .5s}
.responsibility_swiper .swiper-slide .a_click .mask{z-index: 3;position: absolute;width: 100%;height: 100%;left: 0;top:0;background: rgba(0,0,0,.16)}
.responsibility_swiper .swiper-slide .a_click .txt{background: rgba(0,0,0,.7);padding: .15rem .2rem;box-sizing: border-box;z-index: 4;position: absolute;width: 100%;left: 0;bottom:0;}
.responsibility_swiper .swiper-slide .a_click .txt h1{line-height: 1.5;color: #FFF;width: 90%;float: left;font-size: .18rem}
.responsibility_swiper .swiper-slide .a_click .txt .icon{display: inline-block;float: right;}
.responsibility_swiper .swiper-slide .a_click .txt .icon img{width: .18rem}

.responsibility_swiper .swiper-slide .a_click:hover{border: .02rem solid #FFF}


@media(max-width: 1400px){
    .aboutUs_5_b{padding: 0}
}


@media(max-width: 767px){
    .aboutUs_5_left{width: 100%;margin-bottom: .4rem}
    .aboutUs_5_right{width: 100%;margin: .5rem auto}
    .aboutUs_5{padding-top: .1rem;padding-bottom: .5rem}
    .aboutUs_5_left .more{margin-top: .3rem}
    .responsibility_swiper{height: 6.3rem}
    /*.responsibility_swiper{height: 3rem}*/
}

.aboutUs_6{padding: .1rem 0 .8rem;background: url("../images/bg9.png") no-repeat center;background-size: cover!important;}

.factory_swiper{height: 5.6rem}
.factory_swiper .swiper-slide{}
.factory_swiper .swiper-slide a{background: #FFF;transition: .4s;height: 100%}
.factory_swiper .swiper-slide:nth-child(2n) a{background: #f1f1f3;}
.factory_swiper .swiper-slide .img{overflow: hidden}
.factory_swiper .swiper-slide .img_{height: 3.6rem;background-size: cover;background-repeat: no-repeat;background-position: center;}
.factory_swiper .swiper-slide .txt{padding: .3rem .4rem 0;}
.factory_swiper .swiper-slide .txt .h1{font-size: .23rem;color: #333333;line-height: 1.6}
.factory_swiper .swiper-slide .txt .line{width: .4rem;height: 1px;background: #e5004f;margin: .2rem 0}
.factory_swiper .swiper-slide .txt .text{height: .6rem}
.factory_swiper .swiper-slide .txt .text p{font-size: .16rem;color: #666666;line-height: 1.8;}


.img_{transition: .5s;background-size: cover;height: 100%;background-repeat: no-repeat;background-position: center}
.factory_swiper .swiper-slide a:hover .img_{transform: scale(1.1)}
.factory_swiper .swiper-slide a:hover{background: #e5004f}
.factory_swiper .swiper-slide a:hover .txt .h1,
.factory_swiper .swiper-slide a:hover .txt .text p{color: #FFF;}
.factory_swiper .swiper-slide a:hover .txt .line{background: #FFF;}

.aboutUs_6_main .swiper-button-prev{left: -55px}
.aboutUs_6_main .swiper-button-next{right: -55px}

@media(max-width: 1200px){
    .aboutUs_6_main .swiper-button-prev{left: -15px}
    .aboutUs_6_main .swiper-button-next{right: -15px}
}
@media(max-width: 767px){
    .aboutUs_6{padding-bottom: .5rem}
    .factory_swiper .swiper-slide .txt .text p{font-size: .17rem}

}

.aboutUs_7{padding-bottom: .7rem;background: #f8f8f8;}


.aboutUs_7_main{}
.aboutUs_7_main_{padding: 0 .23rem;}
.aboutUs_7_main__{background: #FFF;padding-top: .7rem;padding-bottom: .5rem;}
.aboutUs_7_1{max-width: 12.9rem;width: 90%;margin: 0 auto;background: #FFF;box-shadow: 0 .03rem .15rem .05rem rgba(0,0,0,.1)}
.honor_swiper_c{height: 3.6rem;}
.honor_swiper_c .swiper-slide1{background: #FFF;}
.honor_swiper_c .swiper-slide1 .left{width: 5.4rem;height: 100%;float: left;}
.honor_swiper_img{height: 100%;background: url("../images/bg10.png") no-repeat center;background-size: cover!important;}
.honor_swiper_img .swiper-slide2{}
.honor_swiper_img .swiper-slide2 .img2{width: 100%;text-align: center;height: 70%;position: relative}
.honor_swiper_img .swiper-slide2 .img2 img{position: absolute;max-width: 100%;max-height: 90%;bottom:0;left: 50%;transform: translateX(-50%);}
.honor_swiper_img .swiper-slide2 h2{text-align: center;line-height: 1.5;font-size: 12px;color: #333;padding-top: 5.5%}
.honor_swiper_img .swiper-pagination{text-align: right;padding-right: .35rem}
.honor_swiper_img .swiper-pagination .swiper-pagination-bullet{opacity: 1;background: #FFF;width: 9px;height: 9px;border-radius: 9px;}
.honor_swiper_img .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active{background: #e5004f;width: .37rem;}


.honor_swiper_c .swiper-slide1 .right{width: calc(100% - 5.8rem);float: right;}
.honor_swiper_c .swiper-slide1 .right .year{font-size: .22rem;color: #e5004f;font-weight: bold;line-height: 1.3;padding-top: .5rem}
.honor_swiper_c .swiper-slide1 .right .year span{font-size: .43rem;}
.honor_swiper_c .swiper-slide1 .right .text{height: 1.8rem;margin-top: .3rem;padding-right: .2rem;}
.honor_swiper_c .swiper-slide1 .right .text p{font-size: .16rem;color: #666;line-height: 2.3}

.aboutUs_7_2{max-width: 12.9rem;margin: 0 auto;width: 90%}
.honor_swiper_t{margin-top: .5rem}
.honor_swiper_t .swiper-slide{width: .9rem!important;cursor: pointer}
.honor_swiper_t .swiper-slide .icon{height: .28rem;background: url("../images/bg11.png") no-repeat center;background-size: 100%!important;}
.honor_swiper_t .swiper-slide .year{font-weight: bold;text-align: center;font-size: .18rem;color: #000;line-height: 1.3;margin-top: .1rem}


.honor_swiper_t .swiper-slide.in .icon{background: url("../images/bg11-1.png") no-repeat center;background-size: 100%!important;}
.honor_swiper_t .swiper-slide.in .year{color: #e5004f}


@media(max-width: 1000px){
    .honor_swiper_c{height: auto;}
    .honor_swiper_c .swiper-slide1 .left{height: 5rem;width: 100%}
    /*.honor_swiper_img .swiper-slide2 .img2{height: 4.2rem}*/
    .honor_swiper_c .swiper-slide1 .right{width: 100%;height: 3.6rem;padding-left: .3rem}
}


@media(max-width: 800px){
    .honor_swiper_img .swiper-slide2 h2{padding-top: 7%}
}

@media(max-width: 767px){
    .aboutUs_7_main_{padding: 0;}
    .honor_swiper_img .swiper-slide2 h2{padding-top: 5%}
    .honor_swiper_img .swiper-slide2 .img2 img{max-width: 60%}
    .honor_swiper_c .swiper-slide1 .left{height: 3.5rem}
    .honor_swiper_img .swiper-pagination .swiper-pagination-bullet{width: 7px;height: 7px;border-radius: 7px}
    .honor_swiper_img .swiper-slide2 h2{font-size: .12rem}
    .honor_swiper_c .swiper-slide1 .right .text p{font-size: .17rem;}
}

@media(max-width: 500px){
    .honor_swiper_img .swiper-slide2 h2{padding-top: 4%}
    .honor_swiper_img .swiper-pagination{bottom:.25rem!important;}
}

.aboutUs_8{padding: .1rem 0 .9rem;background: url("../images/bg12.png") no-repeat center;background-size: cover!important;}
.aboutUs_8_main{max-width: 17.4rem;margin: 0 auto;width: calc(90% + .4rem)}
.innovation_swiper{padding: .2rem;}
.innovation_swiper .swiper-slide{position: relative;height: 5.4rem;border-radius: .03rem;box-shadow: .03rem .03rem .1rem .02rem rgba(0,0,0,.1)}
.innovation_swiper .swiper-slide a{height: 100%;border-radius: .03rem;overflow: hidden}
.innovation_swiper .swiper-slide .img_{}
.innovation_swiper .swiper-slide .div{padding: .35rem .35rem .3rem;position: absolute;width: 4.6rem;min-height: 1.85rem;z-index: 5;bottom: 0;right: 0;background: #f8f8f8;box-shadow: 0 0 .1rem .02rem rgba(0,0,0,.1)}
.innovation_swiper .swiper-slide .div h1{font-size: .25rem;color: #999999;float: left;width: 100%;font-weight: normal;line-height: 1.5}
.innovation_swiper .swiper-slide .div h2{font-size: .2rem;color: #666666;float: left;width: 100%;line-height: 1.5}
.newsList .li .txt .more,
.innovation_swiper .swiper-slide .div .more{transition: .3s;margin-top: .2rem;width: 1.2rem;height: .35rem;line-height: .35rem;text-align: center;font-size: .14rem;color: #e5004f;border-radius: .35rem;border: 1px solid #e5004f;float: right;}


.innovation_swiper .swiper-slide a:hover .img_{transform: scale(1.1)}
.newsList .li .txt .more:hover,
.innovation_swiper .swiper-slide .div .more:hover{transform: scale(1.1);background: #e5004f;color: #FFF}

@media(max-width: 500px){
    .innovation_swiper .swiper-slide .div{width: 3.5rem}
}

.aboutUs_9{background: #f8f8f8;padding: .1rem 0 .9rem;}


@media(max-width: 767px){
    .aboutUs_9,
    .aboutUs_8{padding-bottom: .5rem}
}

.responsibility2,
.news{padding-top: .3rem}
.newsList{}
.newsList .li{margin-bottom: .3rem;height: 2.6rem;box-shadow: 0 0 .1rem .05rem rgba(0,0,0,.1)}
.newsList .li a{display: block;height: 100%}
.newsList .li .img{width: 3.7rem;height: 100%;float: left;overflow: hidden}
.newsList .li .img_{}
.newsList .li .time{/*font-family: "DINPro-Medium";*/border-right: 1px solid #999999;margin-top: .4rem;width: 2.5rem;color: #666;float: left;text-align: center;}
.newsList .li .time .p1{font-size: .51rem;line-height: 1.1;padding-bottom: .2rem}
.newsList .li .time .p2{font-size: .34rem;line-height: 1.1}
.newsList .li .txt{width: calc(100% - 6.2rem);float: right;padding: .4rem .5rem 0}
.newsList .li .txt .h1{font-size: .25rem;height: .25rem;color: #333333;line-height: 1.5;width: 100%;margin-bottom: .15rem;}
.newsList .li .txt .text{font-size: .16rem;color: #666666;line-height: 2.3;height: .4rem;}
.newsList .li .txt .more{float: none;}

.newsList .li .txt .other{margin-top: .55rem;}
.newsList .li .txt .other .time2{font-weight: bold;font-size: .16rem;color: #999;float: left;display: none;margin-top: .2rem;line-height: .35rem}

.newsList .li a:hover .img_{transform: scale(1.1)}
.newsList .li a:hover .txt .h1{color: #e5004f}


@media(max-width: 1200px){
    .newsList .li .time{width: 1.8rem;}
    .newsList .li .txt{width: calc(100% - 5.5rem)}
}

@media(max-width: 900px){
    .newsList .li .img{width: 2.5rem}
    .newsList .li{height: 2.3rem}
    .newsList .li .txt{width: calc(100% - 4.3rem)}
    .newsList .li .txt .text{line-height: 2}
    .newsList .li .txt .other{margin-top: .3rem}
    .newsList .li .txt .h1{margin-bottom: .2rem}
}

@media(max-width: 767px){
    .newsList .li .time{display: none;}
    .newsList .li .txt{width: calc(100% - 2.5rem);padding-top: .3rem}
    .newsList .li .txt .other .time2{display: block}
    .newsList .li .txt .other .more{float: right}
    .responsibility2,
    .news{padding-top: 0}
    .newsList .li .txt .text{font-size: .17rem;}
    .newsList .li .txt .more, .innovation_swiper .swiper-slide .div .more{font-size: .16rem}
}


@media(max-width: 600px){
    .newsList .li .img{width: 1.6rem}
    .newsList .li .txt{width: calc(100% - 1.6rem);padding: .2rem .2rem 0}
    .newsList .li .txt .h1{font-size: .2rem}
    .newsList .li .txt .other{margin-top: .16rem}
    .newsList .li{height:1.5rem}
    .newsList .li .txt .h1{font-size: 12px;height: 24px;padding-bottom: 0;margin-bottom: .1rem;overflow: unset}
    .newsList .li .txt .text{display: none}

}


@media(max-width: 374px){
    .newsList .li .txt .other .more{display: none;}
}


.responsibility2{background: #f8f8f8;padding-bottom: 1rem}
.responsibility2{}

.responsibility2_text,
.responsibility2_text p{font-size: .18rem;color: #666;line-height: 2.3;}

.responsibilityList{}
.responsibilityList .li{margin-top: .35rem;background: #FFF;box-shadow: 0 0 .1rem .05rem rgba(0,0,0,.1);padding: .3rem}
.responsibilityList .li .a{display: block;}
.responsibilityList .li .a .img{width: 6rem;height: 3.2rem;float: left;}
.responsibilityList_img .swiper-slide{overflow: hidden}
.responsibilityList_img,
.responsibilityList_img .img_{width: 100%;height: 100%}
.responsibilityList .li .a:hover .img_{transform: scale(1.1)}


.responsibilityList_img .swiper-pagination{text-align: right;padding-right: .2rem;bottom:.15rem!important;}
.responsibilityList_img .swiper-pagination .swiper-pagination-bullet{width: 8px;height: 8px;border-radius: 8px;opacity: 1;background: #FFF}
.responsibilityList_img .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active{width: .3rem;background: #e5004f}

.responsibilityList .li .a .txt{width: calc(100% - 6rem);float: right;padding: 0 .6rem;}
.responsibilityList .li .a .txt .t{font-size: .25rem;color: #333;line-height: 1.3;padding-top: .3rem;padding-bottom: .15rem;}
.responsibilityList .li .a .txt .text{font-size: .16rem;color: #666;line-height: 2.3;height: .48rem;}
.responsibilityList .li .a .txt .more{font-size: .16rem;margin-top: 1.2rem;width: 1.2rem;height: .35rem;line-height: .35rem;border: 1px solid #e5004f;text-align: center;border-radius: .35rem;color: #e5004f;transition: .3s;}

.responsibilityList .li .a:hover .txt .t{color: #e5004f}
.responsibilityList .li .a .txt .more:hover{background: #e5004f;color: #FFF;transform: scale(1.1)}


.responsibilityList .li:nth-child(2n) .a .img{float: right}
.responsibilityList .li:nth-child(2n) .a .txt{float: left}


@media(max-width: 1300px){
    .responsibilityList .li .a .img{width: 4rem;}
    .responsibilityList .li .a .txt{width: calc(100% - 4rem)}
}

@media(max-width: 767px){
    .responsibilityList .li .a .img{width: 100%;height: 2.8rem}
    .responsibilityList .li .a .txt{width: 100%;padding: 0 .2rem;}
    .responsibilityList .li .a .txt .more{margin-top: .5rem}
    .responsibility2{padding-bottom: .5rem}
}

.news_info{padding-top: 1rem;padding-bottom: 1rem;}
.news_info .title{font-size: .3rem;color: #333333;line-height: 1.5}
.news_info .other{margin-top: .2rem}
.news_info .other .time{font-size: .16rem;color: #666666;float: left;line-height: 1.5}

.share3{float: right}
.share3 .item{display: inline-block;margin: 0 .1rem;line-height: 1.5}
.share3 .item .icon{}
.share3 .item .icon img{max-height: .18rem;width: auto}
.share3 .item .icon img:nth-child(1){}
.share3 .item .icon img:nth-child(2){display: none}

.share3 .item:hover .icon img:nth-child(1){display: none}
.share3 .item:hover .icon img:nth-child(2){display: inline-block}

.news_info .line{border-top: 1px solid #dcdcdc;margin: .35rem 0}

.news_info_text,
.news_info_text p{font-size: .16rem;color: #666;line-height: 2.3;}
.news_info_text img{max-width: 100%;display: inline-block;}
.news_info_text h2{font-size: .18rem;font-weight: normal;}
.news_info_bigImg{}
.news_info_bigImg .swiper-container{}
.news_info_bigImg .swiper-container .swiper-slide{}
.news_info_bigImg .swiper-container .swiper-slide .img_{padding-top: 56%;}

.news_info_bigImg .swiper-container .swiper-slide .text{
    position: absolute;
    width: 100%;
    padding: .3rem .3rem .6rem;
    background: rgba(102,102,102,.67);
    bottom:0;
    left: 0;
    z-index: 2;
    font-size: .2rem;
    color: #FFF;
    line-height: 1.8;
}

.news_info_bigImg .swiper-container .swiper-slide .text .t{line-height: 1.8;height: .4rem;}





.news_info_smallImg{margin-top: .2rem}
.news_info_smallImg .swiper-container{}
.news_info_smallImg .swiper-container .swiper-slide{position: relative;cursor: pointer;border: 1px solid #d6d6d6;}
.news_info_smallImg .swiper-container .swiper-slide .img_{padding-top: 56%;}
.news_info_smallImg .swiper-container .swiper-slide .mask{position: absolute;width: 100%;height: 100%;left: 0;top:0;z-index: 5;background: rgba(0,0,0,.6)}

.news_info_smallImg .swiper-container .swiper-slide.in .mask{display: none}


.news_info_bigImg .swiper-button-prev{left: -1rem}
.news_info_bigImg .swiper-button-next{right: -1rem;}

.news_info_bigImg .swiper-button-prev:hover{left: -1rem}
.news_info_bigImg .swiper-button-next:hover{right: -1rem;}


@media(max-width: 1500px){
    .news_info_bigImg .swiper-button-prev{left: -.5rem}
    .news_info_bigImg .swiper-button-next{right: -.5rem;}

    .news_info_bigImg .swiper-button-prev:hover{left: -.5rem}
    .news_info_bigImg .swiper-button-next:hover{right: -.5rem;}

}

@media(max-width: 900px){
    .news_info_bigImg .swiper-button-prev{left: 0}
    .news_info_bigImg .swiper-button-next{right: 0}
    .news_info_bigImg .swiper-container .swiper-slide .text{padding: .1rem .2rem .32rem}
    .news_info_bigImg .swiper-container .swiper-slide .text .t{font-size: .16rem;height: .32rem}
    .news_info_bigImg .swiper-button-prev:hover{left: 0}
    .news_info_bigImg .swiper-button-next:hover{right: 0;}
    .news_info{padding-bottom: .5rem;padding-top: .4rem}

}

.innovation_info{}
.innovation_info .title{padding-bottom: .1rem;}
.innovation_info .title span{color: #666666;}

.innovation_info_text{}
.innovation_info_text p{}
.innovation_info_text img{max-width: 100%;}

.innovation_info{}
.innovation_info .img{background-size: cover;background-repeat: no-repeat;background-position: center;}
.innovation_info .img__{height: 3.85rem;}
.innovation_info .img__ img{display: none}
.innovation_info .img__:nth-child(1){float: left;width: 52%}
.innovation_info .img__:nth-child(2){float: right;width: 46%;}



@media(max-width: 800px){
    .innovation_info .img__{width: 100%!important;height: auto;margin-bottom: .2rem}
    .innovation_info .img__ img{display: block;width: 100%}
}

.investor{background: #f8f8f8;padding-bottom: 1.3rem;padding-top: .3rem}

@media(max-width: 767px){
    .investor{padding: 0 0 .5rem;}
    .nav3_b_ .item, .nav3_b_ .item .p{font-size: .18rem;line-height: 2;height: auto}
    .nav_div .a{font-size: 12px}
    .news_info .title{font-size: .26rem}
    .news_info .other .time,
    .newsList .li .txt .other .time2,
    .news_info_text, .news_info_text p{font-size: .17rem}
    .responsibilityList .li .a .txt .t{font-size: .2rem}
    .responsibilityList .li .a .txt .text{font-size: .17rem}
}

.innovation2{padding-bottom: 1.1rem}
.innovation2_t{background: #999999;color: #FFF;font-size: 16px;}
.innovation2_t .item{float: left}
.innovation2_t .item p{padding: .17rem;line-height: 1.6;}
.innovation2_t .item.item1{width: 46%;margin-left: 7.9%;}
.innovation2_t .item.item2{width: 38%;padding-left: 1.5rem;}
.innovation2_t .item.item3{}

.innovation2_ul{}
.innovation2_ul .li{border-bottom: 1px solid #d6d6d6}
.innovation2_ul .li:last-child{border: none}
.innovation2_ul .li .a{display: block}
.innovation2_ul .li .a .innovation2_t{background: none;font-size: 14px;color: #666666}
.innovation2_ul .li .a .innovation2_t p{width: 90%}

@media(max-width: 1000px){
    .innovation2_t .item.item1{margin-left: 2%}
    .innovation2_t .item3{float: right;margin-right: 3%}
    .innovation2_t{font-size: 13px}
    .innovation2_ul .li .a .innovation2_t{font-size: .17rem}
    .innovation2_t .item3 p{padding: .17rem 0}
    .innovation2_t .item3 p img{width: .15rem}
    .innovation2{padding-top: .2rem;padding-bottom: .5rem; }

}

.share333{margin-bottom: 20px}
.nav2.nav2fixed{padding: .2rem 0 .18rem;position: fixed;width: 100%;left: 0;top:0;z-index: 200;background: #FFF;height: auto!important;opacity: 1!important;}

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

@media(max-width: 767px){
    .innovation2_t .item.item2{padding-left: 0}
    .innovation2_t .item.item1{width: 60%;}
    .md{top:-1.3rem}
}



.searcox {
    width: 100%;
}

.searcox .tip {
    width: 100%;
    line-height: 0.8rem;
    font-size: calc(12px - 0.12rem + 0.16rem);
}

.searcox .tip .tipx {
    display: inline-block;
    vertical-align: middle;
    font-size: 0;
}

.searcox .tip .tipx .tips {
    display: inline-block;
    vertical-align: middle;
    font-size: calc(12px - 0.12rem + 0.16rem);
    color: #666;
    margin: 0 0.15rem;
}

.searcox .tip .tipx .tips span {
    display: inline-block;
    vertical-align: middle;
    color: #145eba;
    margin: 0 0.07rem;
}

.searcox .tip .tipx .close {
    display: inline-block;
    vertical-align: middle;
    margin-left: 0.25rem;
}

.searcox .tip .tipx .close a {
    width: 100%;
    height: 100%;
    display: block;
    width: 23px;
    height: 23px;
    border-radius: 50%;
    border: 1px solid #ccc;
    background-image: url("../images/close3.png");
    background-repeat: no-repeat;
    background-position: center center;
    cursor: pointer;
}

.searcox .serlist {
    width: 100%;
    background: #fff;
}

.searcox .serlist .sertem {
    width: 100%;
    padding: 0.4rem 0 0.3rem;
}

.searcox .serlist .sertem .tix {
    width: 100%;
    font-size: calc(12px - 0.12rem + 0.24rem);
    color: #000;
    margin-bottom: 0.22rem;
    border-left: 2px solid #145eba;
    padding-left: 0.1rem;
}

.searcox .serlist .sertem .ul-list {
    width: 100%;
    font-size: 0;
}

.searcox .serlist .sertem .ul-list .li {
    width: 49%;
    box-sizing: border-box;
    border-right: 1px dashed #dfdfdf;
    display: inline-block;
    vertical-align: top;
    padding-right: 13%;
}

.searcox .serlist .sertem .ul-list .li a {
    display: block;
    width: 100%;
    padding-left: 20px;
    font-size: 18px;
    color: #333;
    line-height: 38px;
    overflow: hidden;
    position: relative;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.searcox .serlist .sertem .ul-list .li a:after {
    content: "";
    display: block;
    width: 8px;
    height: 8px;
    border-radius: 50%;
    background-color: #145eba;
    position: absolute;
    left: 0;
    top: 50%;
    margin-top: -4px;
}

.searcox .serlist .sertem .ul-list .li:nth-child(even) {
    border-right: none;
    padding-left: 13%;
    padding-right: 0;
}

.searcox .serlist .sertem:nth-child(odd) {
    background-color: #f5f5f5;
}

@media (max-width: 1200px) {
    .w1400 {
        width: 94%;
    }
}

@media (max-width: 768px) {
    .searcox .tip {
        /*line-height: 1.1rem;*/
    }
    .searcox .serlist .sertem .tix {
        padding-left: 0.2rem;
    }
    .searcox .serlist .sertem .ul-list .li {
        width: 100%;
        padding: 0;
        border-right: none;
    }
    .searcox .serlist .sertem .ul-list .li a {
        font-size: 12px;
    }
    .searcox .serlist .sertem .ul-list .li:nth-child(even) {
        border-right: none;
        padding-left: 0%;
        padding-right: 0;
    }
    .searcox .tip .tipx .tips{margin: .2rem .1rem;font-size: .18rem}
    .searcox .serlist .sertem .tix{font-size: calc(12px - 0.12rem + 0.2rem);}
}

/*视频列表样式*/
.a-a{width: 128px;margin-right: 50px;display: inline-block;cursor: pointer;}
.a-b{width: 100%;}

/*视频容器样式*/
.v-a{position: fixed;left: 0;top: 120%;width: 100%;height: 100%;background-color: #000;z-index: 10000000;transition: top .5s ease-in-out;}
.v-a.show{top: 0;}
.v-a.show .v-e{visibility: visible;}
.v-a.show .v-f{display: block;}
.v-b{width: 100%;height: 100%;position: absolute;left: 0;top: 0;}
.v-c{display: block;width: 40px;height: 40px;background-color: #be0000;position: absolute;right: 0;top: 0;cursor: pointer;}
.v-d{display: block;width: 100%;height: 100%;font-size: 21px;text-align: center;line-height: 40px;color: #fff;}
.v-e{visibility: hidden;width: 100%;height: 100%;position: absolute;left: 0;top: 0;right: 0px;bottom: 0px;max-width: 100%;max-height: 100%;margin: auto;}
.v-f{display: none;position: absolute;top: 50%;left: 50%;width: 100%;max-width: 800px;transform: translate(-50%,-50%);}