@charset "utf-8";
@font-face
{font-family: DIN;
src: url('DIN-Medium.otf')}

@font-face
{font-family: Poppins;
src: url('Poppins-Regular.ttf')}

@font-face
{font-family: PoppinsBold;
src: url('Poppins-Bold.ttf')}


@font-face
{font-family: PoppinsSemiBold;
src: url('Poppins-SemiBold.ttf')}



@font-face
{font-family: PoppinsBlack;
src: url('Poppins-Black.otf')}



@font-face
{font-family: Roboto;
src: url('Roboto-Regular.ttf')}

/* @font-face
{font-family: RobotoLight;
src: url('Roboto-Light.ttf')} */


*{box-sizing:border-box;color:#333;line-height: 1.5;font-size: 0.16rem;}
body,input,h1,h2,h3,h4,h5,h6,p,textarea,table,div,ul,li,select,td,th,em,span,i,button,code{margin:0;padding:0;color:inherit;line-height: inherit; font-family:"Poppins","PingFang SC", "PingFang TC",'PingFangMedium',"microsoft yahei";/* font-size: inherit; */}
img{border:0;display: inline-block;max-width:100%;vertical-align: middle;height: auto;}
.fl{float:left;}
.fr{float:right;}
ul,li{ list-style:none; }
a,p,span,i,em{ text-decoration:none; color:inherit;font-size: inherit;font-family: inherit;}
pre{word-break: break-word;}
:focus{outline:none!important;border-color:inherit;}
.clearfix{*zoom: 1;}
.clearfix:before,.clearfix:after
{display: table;line-height: 0;content: "";}
.clearfix:after{clear: both;}
table{border-collapse:collapse;border-spacing:0;width:100%}
h3,h4,h5,h6{font-weight: normal;}
em,i{font-style:normal;}
input[type="button"], input[type="submit"], input[type="reset"],input[type="text"] {-webkit-appearance: none;}
input[type="button"]{border:none;}
textarea {  -webkit-appearance: none;}  
.auto{margin:0 auto;max-width: 14rem;width: 94%;}

:hover{transition: all .2s;}
.img_hover_wrap{overflow: hidden;}
.img_hover{transition: all .3s;}
.img_hover:hover{transform: scale(1.05,1.05);}
.img_traslate{transition: all .3s;}
.img_traslate:hover{transform: translateY(-10px);}
.img_rotate{transition: all .3s;}
.img_rotate:hover{transform:rotate(-360deg);}
.bold{font-weight: bold;}
.normal{font-weight: normal!important;}
.center{text-align: center!important;}
.img{/* width: 100%; */display: block;    height: auto;}
.ellipsis{overflow: hidden;text-overflow:ellipsis;white-space: nowrap;}
.ele{position:relative;}
.ele:before,.ele:after{content:'';display: inline-block;vertical-align: middle;}
.ipt{display: block;border:none;}
.ipt_button{cursor: pointer;}
.item_scale .icon{transition: all .3s;}
.item_scale:hover .icon{transform: scale(1.08,1.08);}
.text-left{text-align: left!important;}
.text-right{text-align: right!important;}
.clamp{overflow: hidden;text-overflow: ellipsis;display: -webkit-box!important;/* display: -ms-flexbox; */-webkit-box-orient: vertical;/*-webkit-line-clamp: 3;*/}	
.clamp1{overflow: hidden;text-overflow: ellipsis;display: -webkit-box!important; -webkit-box-orient: vertical;-webkit-line-clamp: 1;}
.clamp2{overflow: hidden;text-overflow: ellipsis;display: -webkit-box!important; -webkit-box-orient: vertical;-webkit-line-clamp: 2;}
.clamp3{overflow: hidden;text-overflow: ellipsis;display: -webkit-box!important; -webkit-box-orient: vertical;-webkit-line-clamp: 3;}
body{background: #fff;overflow-x: hidden;}
.item{}
.item .imgbox{display: block;overflow: hidden;}
.item .img{transition: all 1s;width: 100%;display: block;}
.item:hover .imgbox .img{transform: scale(1.1,1.1);}

.zoomimg{position:relative;overflow: hidden;height: 0;display: block;}
.zoomimg .img{display: block;position:absolute;width: 100%;height: 100%;left: 0;top: 0;}

.flipx .icon{transition: all .3s;}
.flipx:hover .icon{transform:scaleX(-1);}
.scale .icon{transition: all .3s;}
.scale:hover .icon{transform: scale(1.1,1.1);}

.underline:hover{text-decoration: underline;}
label{-webkit-tap-highlight-color: rgba(255,0,0,0);} 
.img_full{width: 100%;height: 100%;display: block;object-fit: cover;}

.flex{display: -webkit-box; display: -moz-box;display: -ms-flexbox; display: -webkit-flex; display: flex;}
.flex-align-start{align-items: flex-start;}
.flex-align-center {-webkit-box-align: center;-webkit-align-items: center;-ms-flex-align: center;align-items: center;}
.flex-align-end{align-items: flex-end;}
.flex-pack-center {-webkit-box-pack: center;-webkit-justify-content: center;-ms-flex-pack: center;justify-content: center;}
.flex-pack-justify {-webkit-box-pack: justify;-webkit-justify-content: pace-between;-ms-flex-pack: justify;justify-content: space-between;}
.flex-pack-start{justify-content: flex-start;}
.flex-pack-end{justify-content: flex-end;}
.flex-v {-webkit-box-orient: vertical; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; }
.flex-w{flex-wrap:wrap;}
.flex-1{flex:1;overflow: hidden;}
.flex-11{flex:1;}
html{font-size: 5.2083vw;}
/* body{max-width: 1920px;width: 100%;margin:0 auto;} */

/* ::-webkit-input-placeholder{color:#999;}
:-moz-placeholder{color:#999;}
::-moz-placeholder{color:#999;}
:-ms-input-placeholder{color:#999;} */


/* 公共部分 */
.head{position: sticky;width: 100%;left: 0;top: 0;background-color: #fff;z-index:100;box-shadow:0 0.04rem 0.04rem rgba(0,0,0,0.05);}
.head .wrap{display: flex;align-items: center;justify-content: space-between;height: 100%;}
.head .r{display: flex;align-items: center;}

.hd-t{height: 0.5rem;box-shadow:0 0.04rem 0.24rem rgba(34,64,110,.06);}
.hd-wz{font-size: 0.14rem;}

.hd-social{display: flex;padding-left: 0.4rem;}
.hd-social .icon{width: 0.4rem;height: 0.4rem;display: flex;align-items: center;justify-content: center;margin-left: 0.2rem;}
.hd-social .icon::after{content:'';width: 0.26rem;height: 0.26rem;background-repeat:no-repeat;background-position:center;background-size:contain;}
.hd-social .facebook::after{background-image:url(../images/icon_01.png);}
.hd-social .youtobe::after{background-image:url(../images/icon_02.png);}
.hd-social .instagram::after{background-image:url(../images/icon_03.png);}
.hd-social .tiktok::after{background-image:url(../images/icon_04.png);}
.hd-social .facebook:hover::after{background-image:url(../images/icon_01-1.png);}
.hd-social .youtobe:hover::after{background-image:url(../images/icon_02-1.png);}
.hd-social .instagram:hover::after{background-image:url(../images/icon_03-1.png);}
.hd-social .tiktok:hover::after{background-image:url(../images/icon_04-1.png);}

.hd-sear{}
.hd-sear .icon{background:url(../images/search.png) no-repeat center;background-size:0.26rem;display: block;width: 0.4rem;height: 0.4rem;cursor: pointer;}
.hd-sear:hover .icon{background-image:url(../images/search-1.png);}
.hd-sear .drop{background-color: #fff;border-radius:0 0 0.3rem 0.3rem;padding:0.6rem 0;position: absolute;width: 100%;left: 0;top: 1.2rem;display: none;box-shadow:0 0.04rem 0.04rem rgba(0,0,0,.06);}
.hd-sear .form{max-width: 8.75rem;display: flex;align-items: center;margin:0 auto;width: 90%;border-radius:0.36rem;border:1px solid #e5e5e5;padding:0 0.12rem 0 0.2rem;}
.hd-sear .form .ipt-txt{font-size: 0.18rem;font-weight: bold;color:#333;font-family: 'Poppins';}
.hd-sear .form .submit{width: 0.48rem;height: 0.48rem;border:0;cursor: pointer;background:url(../images/search.png) no-repeat center;background-size:0.28rem;}
.hd-sear .form .submit:hover{background-image:url(../images/search-1.png);}




	
.hd-b{height: 0.8rem;}
.hd-logo .img{height: 0.5rem;width: auto;}

.hd-nav.show{display: block;}
.hd-nav li{display: inline-block;vertical-align: middle;position: relative;margin-right:1rem;}
.hd-nav li:last-child{margin-right: 0;}
.hd-nav li>a{display: block;font-size: 0.18rem;color:#333;line-height: 0.8rem;text-transform: uppercase;position: relative;font-family: 'PoppinsSemiBold';}
.hd-nav li>a::after{content:'';position: absolute;left: 50%;bottom: 0;height: 0.02rem;background-color: #C31B1F;width: 0;transition: all 0.3s;}
.hd-nav li:hover>a,.hd-nav li.cur>a{color:#C31B1F;}
.hd-nav li.cur>a{font-family: 'PoppinsBold';}

.hd-nav li:hover>a::after,.hd-nav li.cur>a::after{width: 100%;left: 0;}

.hd-nav li:hover .drop{opacity: 1;visibility: visible;transform: translate(-50%,0) scaleY(1);}

.hd-nav .drop{position: absolute;left:50%;transform:translate(-50%,0) scaleY(0);visibility: hidden;opacity: 0;transition: all .4s ease 0s;transform-origin: center top;min-width: 1.9rem;background-color: #fff;padding:0.2rem 0.25rem;border-radius:0 0 0.04rem 0.04rem;box-shadow:0 0.04rem 0.04rem rgba(0,0,0,0.1);}
.hd-nav .drop .row{text-align: center;margin-bottom: 0.1rem;}
.hd-nav .drop .row:last-child{margin-bottom: 0;}
.hd-nav .drop .lk{line-height: 0.24rem;display: inline-block;font-size: 0.16rem;color:#666;padding:0.03rem 0;position: relative;white-space: nowrap;}
.hd-nav .drop .lk::after{content:'';width: 0;height: 2px;background-color: #C31B1F;position: absolute;left: 50%;bottom: 0;transition: all 0.3s;}
.hd-nav .drop .lk:hover{color: #000;font-weight: bold;}
.hd-nav .drop .lk:hover::after{width: 100%;left: 0;}


.foot{background-color: #000000;}
.foot *{color:#fff;}
.foot .auto{max-width: 15rem;}

.ft-t{display: flex;justify-content: space-between;padding:0.55rem 0 0.75rem;}
.ft-t .tit{font-size: 0.2rem;font-weight: bold;margin-bottom: 0.22rem;display: block;}
.ft-t .info{width: 2.16rem;}

.ft-t .menu{flex:1;overflow: hidden;padding:0 7.2%;display: flex;justify-content: space-between;}
.ft-t .logo{width: 100%;max-width: 2.09rem;display: block;margin-bottom: 0.3rem;}
.ft-t .txt{font-size: 0.16rem;line-height: 1.8;}
.ft-t .txt p{margin-bottom: 0.11rem;}
.ft-t .lks{}
.ft-t .lks li{font-size: 0.16rem;line-height: 1.8;margin-bottom: 0.11rem;}
.ft-t .lks li a:hover{color:#B60029;}

.ft-t .social{}
.ft-t .social .list{display: flex;margin-top: -0.07rem;}
.ft-t .social .icon{width: 0.48rem;height: 0.48rem;background-color: #fff;display: flex;align-items: center;justify-content: center;margin-right: 0.18rem;border-radius:50%;transition: all 0.3s;}
.ft-t .social .ico{width: 0.32rem;display: block;}
.ft-t .social .icon:last-child{margin-right: 0;}
.ft-t .social .icon:hover{transform: scale(1.08);}

.ft-b{border-top:1px solid #CACACA;text-align: center;}
.ft-b .txt{font-size: 0.16rem;line-height: 0.24rem;padding:0.3rem 0;}
.ft-b .txt span{margin:0 0.3rem;display: inline-block;vertical-align: middle;}
.ft-b .txt a:hover{color:#B60029;}



.pub-tt{margin-bottom: 0.4rem;}
.pub-tt .bt{display: flex;justify-content: center;align-items: center;}
.pub-tt .smbt{font-size: 0.4rem;font-family: 'PoppinsBold';color:#000;text-transform: capitalize;}
.pub-tt .ic{width: 0.6rem;height: 0.6rem;}
.pub-tt .ic.l{background:url(../images/icon_05.png) no-repeat center;background-size:contain;margin-right: 0.15rem;}
.pub-tt .ic.r{background:url(../images/icon_06.png) no-repeat center;background-size:contain;margin-left: 0.15rem;}
.pub-tt.white .smbt{color:#fff;}


/* .btn{min-width: 2rem;padding:0 0.2rem;line-height: 0.48rem;height: 0.48rem;font-size: 0.2rem;color:#fff;border-radius:0.02rem;text-align: center;border:0;cursor: pointer;background-color: #B60029;display: inline-block;text-transform: capitalize;}
.btn:hover{background-color: #d50c03;} */

.btn{min-width: 2rem;padding:0 0.2rem;line-height: 0.48rem;height: 0.48rem;font-size: 0.2rem;color:#B60029;border-radius:0.02rem;text-align: center;border:0;cursor: pointer;background-color: transparent;display: inline-block;text-transform: capitalize;border:1px solid #B60029;}
.btn:hover{background-color: #B60029;color:#fff;border-color:#B60029;}



.txt-dot{line-height: 1.5;}
.txt-dot p{padding-left: 0.16rem;position: relative;}
.txt-dot p:before{content:'';width: 0.04rem;height: 0.04rem;background-color: #333;border-radius:50%;position: absolute;left: 0;top: 0.1rem;}
.txt-dot.white p:before{background-color: #fff;}


/* product */
.banner-wrap{position: relative;}
.inner-ban{height: 5rem;position: relative;}
.inner-ban .box{position: absolute;width: 100%;left: 0;top: 40%;}
.inner-ban .pub-tt{margin-bottom: 0;}
.inner-ban .pub-tt .smbt{color:#fff;}
.inner-ban .txt{font-size: 0.2rem;color:#fff;max-width: 11.8rem;margin:0 auto;font-family: 'Roboto';margin-top: 0.5rem;}
.banner-wrap .crumb{position: absolute;width: 100%;left: 0;top: 0;}
.banner-wrap .crumb *{color:#fff;}

.crumb{margin-top: 0.32rem;}
.crumb *{font-size: 0.16rem;color:#333;text-transform: uppercase;}
.crumb a:first-child{font-weight: bold;}
.crumb i{margin:0 0.15rem;}
.crumb a:hover{color: #B60029;}




.cp-main{padding:0.75rem 0;}
.cp-main .auto{max-width: 12.6rem;}
.cp-list{display: flex;flex-wrap: wrap;justify-content: space-between;}
.cp-list .item{position: relative;width: 48.5%;margin-bottom: 3%;}
.cp-list .box{display: block;font-size: 0;}
.cp-list .imgbox{height: 4rem;border-radius:0.15rem;}
.cp-list .info{position: absolute;width: 100%;left: 0;bottom: 0.25rem;padding:0 0.4rem;}                  
.cp-list .tag{font-size: 0.14rem;color:#fff;line-height: 0.24rem;padding:0 0.15rem;display: inline-block;vertical-align: middle;background-color: #B60029;text-transform: uppercase;border-radius:0.04rem;}
.cp-list .title{font-size: 0.28rem;color:#fff;font-weight: bold;margin-top: 0.1rem;}
.cp-list .more{font-size: 0.2rem;color:#fff;width: 2rem;height: 0.48rem;border:1px solid #fff;border-radius:0.02rem;display: block;display: flex;align-items: center;justify-content: center;margin-top: 0.05rem;text-transform: capitalize;}
.cp-list .more:hover{border-color:#B60029;background-color: #B60029;}

/* blog */
.bg{background:url(../images/blog_01.png) no-repeat center top;background-size:100% auto;}
.blog-main{padding:0.85rem 0 1.3rem;}

.blog-menu{max-width: 9rem;margin:0 auto 0.8rem;border-radius:0.02rem;overflow: hidden;display: flex;}
.blog-menu .lk{font-size: 0.2rem;color:#B60029;text-align: center;flex:1;overflow: hidden;line-height: 0.44rem;text-transform: uppercase;border:1px solid #B60029;border-right:none;}
.blog-menu .lk.cur{color:#fff;font-weight: bold;background-color: #B60029;}
.blog-menu .lk:last-child{border-right:1px solid #B60029;}


.blog-list{display: flex;flex-wrap: wrap;margin:-2% 0 0 -2%;}
.blog-list .item{width: 31.3%;margin:2% 0 0 2%;border-radius:0.05rem;background-color: #fafafa;overflow: hidden;border-bottom:2px solid transparent;box-shadow:0 0.04rem 0.04rem rgba(0,0,0,.05);}
.blog-list .box{padding: 0.4rem 0.25rem 0.3rem;display: block;}
.blog-list .imgbox{height: 2.42rem;border-radius:0.15rem;}
.blog-list .title{font-size: 0.2rem;font-weight: bold;line-height: 0.3rem;-webkit-line-clamp: 2;height: 0.6rem;margin-top: 0.26rem;}
.blog-list .txt{font-size: 0.16rem;color:#666666;margin-top: 0.15rem;font-family: 'Roboto';-webkit-line-clamp: 3;}
.blog-list .bot{display: flex;align-items: center;justify-content: space-between;margin-top: 0.15rem;}
.blog-list .bot span{font-size: 0.14rem;color:#666666;font-family: 'PoppinsSemiBold';}
.blog-list .date:before{content:'';width: 0.24rem;height: 0.24rem;background:url(../images/icon_07.png) no-repeat center;background-size:contain;display: inline-block;vertical-align: middle;margin-right: 0.14rem;}
.blog-list .item:hover{border-color:#B60029;}
.blog-list .item:hover .bot span{color:#B60029;}
.blog-list .item:hover .date:before{background-image:url(../images/icon_07-1.png);}
.blog-list .title:hover{color:#B60029;}

.pagination{text-align: center;margin-top: 0.7rem;display: flex;align-items: center;justify-content: center;}
.pagination li{display: inline-block;vertical-align: middle;margin:0 0.03rem;}
.pagination li span,.pagination li a{font-size: 0.14rem;width: 0.32rem;height: 0.32rem;line-height:0.32rem;border:1px solid transparent;display: block;transition: all 0s;border-radius:0.05rem;}
.pagination li.active a,.pagination li.active span,.pagination li a:hover,.pagination li span:hover{border-color:#B60029;color:#B60029;}

.pagination select{width:1.4rem;height: 0.32rem;line-height: 0.32rem;font-size: 0.14rem;margin:0 0.05rem;padding:0 0.12rem;border:0;background:url(../images/icon_08.png) no-repeat 94% center #F8F8F8;background-size:0.12rem;appearance: none;-webkit-appearance: none;border-radius:0.02rem;}
.pagination select option{font-size: inherit;}


.pub-form{background:url(../images/Form-Contact-Us-Illustrations2.jpg) no-repeat center;background-size:cover;padding:0.65rem 0 0.55rem;}
.pub-form .pub-tt .bt{color:#fff;}
.pub-form .form .box{padding:0.45rem 0.5rem;border-radius:0.02rem;background-color: rgba(255,255,255,.6);backdrop-filter: blur(0.06rem);}
.pub-form .form .row.flex{margin-left: -4.3%;flex-wrap: wrap;}



.pub-form .form .item{margin: 0 0 0.25rem 4.3%;width: 29%;}
.pub-form .form .tit{font-size: 0.24rem;color:#000;margin-bottom: 0.11rem;}
.pub-form .form .tit em{font-size: 0.16rem;}
.pub-form .form .tit i{color:#B60029;}
.pub-form .form .ipt{width: 100%;background-color: rgba(255,255,255,.5);height: 0.44rem;line-height: 0.44rem;font-size: 0.16rem;color:#333;}
.pub-form .form .ipt-txt{padding:0 0.13rem;}
.pub-form .form .con{height: 1.4rem;padding:0.07rem 0.13rem;line-height: 1.5;resize:none;}
.pub-form .form .upfile{background-color: #727171;display: flex;align-items: center;justify-content: center;font-size: 0.16rem;color:#fff;cursor: pointer;}
.pub-form .form .upfile::after{content:'';width: 0.3rem;height: 0.3rem;background:url(../images/icon_09.png) no-repeat center;background-size:contain;margin-left:0.15rem;}
.pub-form .form .submit{margin:0.3rem auto 0;color:#fff;border:1px solid #fff;}
.pub-form .form .submit:hover{border-color:#B60029;background-color: #B60029;}



/* blogDetail */
.service-faq{padding:0.9rem 0;}
.service-faq .top-txt{font-size: 0.2rem;padding:0.15rem 0.4rem 0.15rem;font-family: 'Roboto';}
.service-faq .faq-list{padding: 0.4rem 0 0.6rem;}

.faq-list{}
.faq-list .item{background-color: #f8f8f8;margin-bottom: 0.2rem;}
.faq-list .top{display: flex;align-items: center;padding:0.2rem 0.4rem;cursor: pointer;}
.faq-list .top:before{content:'';width: 0.4rem;height: 0.4rem;background:url(../images/fw_12.png) no-repeat center;background-size:contain;margin-right: 0.35rem;}
.faq-list .title{font-size: 0.24rem;font-weight: bold;line-height: 1.8;flex:1;overflow: hidden;font-family: 'Roboto';}
.faq-list .drop{display: none;padding:0 0.5rem 0.2rem 1.2rem;}
.faq-list .txt{font-size: 0.16rem;max-width: 11.3rem;font-family: 'Roboto';}
.faq-list .item.cur .top:before{background-image:url(../images/fw_12-1.png)}
.faq-list .item.cur .drop{display: block;}



/* tradeshows */
.trade-mod:not(:first-child){margin-top: 0.5rem;}
.trade-mod .t-tit{font-size: 0.24rem;margin-bottom: 0.6rem;display: flex;align-items: center;font-family: 'PoppinsBold';}
.trade-mod .t-tit::after{content:'';width: 0.4rem;height: 0.4rem;margin:0 0 0 0.15rem;background:url(../images/icon_06.png) no-repeat center;background-size:contain;}

.trade-mod .list{display: flex;flex-wrap: wrap;margin:-2% 0 0 -2%;}
.trade-mod .list .item{width: 31.3%;margin:2% 0 0 2%;padding:0.2rem 0.25rem;border-bottom:2px solid transparent;border-radius:0.05rem;overflow: hidden;box-shadow:0 0.04rem 0.04rem rgba(0,0,0,.05);background-color: #FAFAFA;}
.trade-mod .list .imgbox{height: 2.42rem;border-radius:0.15rem;}
.trade-mod .list .item:hover{border-color:#B60029;}

/* who-Contractors */
.fw-hardware{padding:0.7rem 0 0.85rem;}
.fw-hardware .auto{max-width: 12.4rem;}
.fw-hardware .list{padding-top: 0.2rem;}
.fw-hardware .list .item{margin-bottom: 0.7rem;display: flex;flex-wrap: wrap;justify-content: space-between;align-items: center;}
.fw-hardware .list .imgbox{width: 49%;height: 4rem;}
.fw-hardware .list .info{width: 45%;max-width: 5.1rem;}
.fw-hardware .list .smtit{font-size: 0.24rem;color:#fff;display: inline-block;vertical-align: middle;padding:0 0.14rem;line-height: 0.36rem;background-color: #B60029;border-radius:0.04rem;text-transform: uppercase;}
.fw-hardware .list .txt{font-size: 0.2rem;margin-top: 0.3rem;font-family: 'Roboto';}
.fw-hardware .list .item:last-child{margin-bottom: 0;}
.fw-hardware .list .item:nth-child(odd){flex-direction: row-reverse;}

.fw-bar{padding:0.7rem 0 0.6rem;background:url(../images/fw_01.jpg) no-repeat right center;background-size:cover;}
.fw-bar .list{display: flex;justify-content: space-between;}
.fw-bar .list li{text-align: center;}
.fw-bar .icon{height: 0.7rem;width: auto;display: block;margin:0 auto;}
.fw-bar .title{font-size: 0.2rem;color:#fff;text-align: center;text-transform: uppercase;margin-top: 0.2rem;}


.fw-advan{padding:0.7rem 0;background-color: #f5f5f5;}
.fw-advan .list{display: flex;flex-wrap: wrap;margin:-0.55rem 0 0 -5%;}
.fw-advan .list .item{width: 28.3%;margin:0.55rem 0 0 5%;}
.fw-advan .list .imgbox{height: 4rem;border-radius:0.15rem;}
.fw-advan .list .title{font-size: 0.24rem;color:#B60029;height: 0.7rem;display: flex;align-items: center;justify-content: center;background-color: #FDFDFD;border-radius:0.15rem;margin-top: 0.2rem;}
.fw-advan .list .num{margin-right: 0.22rem;width: 0.32rem;height: 0.32rem;border-radius:50%;border:1px solid #B60029;display: flex;align-items: center;justify-content: center;}
.fw-advan .list .wz{font-size: inherit;}
.fw-advan .list .item:hover .title{color:#fff;background-color: #B60029;}
.fw-advan .list .item:hover .num{border-color:#fff;}


.fw-recom{padding:0.65rem 0 1.2rem;}
.fw-recom .detail{position: relative;}
.fw-recom .item{padding:0.06rem 0;}
.fw-recom .item .imgbox{height: 2.42rem;max-width: 2.42rem;margin:0 auto;position: relative;display: flex;align-items: center;justify-content: center;}
.fw-recom .item .tag{display: inline-block;font-size: 0.14rem;color:#fff;line-height: 0.24rem;padding:0 0.15rem;position: absolute;right: 0;top: 0;background-color: #B60029;text-transform: uppercase;}
.fw-recom .item .title{font-size: 0.24rem;color:#000;margin-top: 0.16rem;-webkit-line-clamp: 1;text-transform: uppercase;text-align: center;}
.fw-recom .item:hover .title{color: #B60029;}

.fw-recom .swiper-container{position: static;}


.swiper-button{width: 0.3rem;height: 0.3rem;background: #B60029;opacity: 1;display: flex;align-items: center;justify-content: center;border-radius:50%;margin-top: -0.15rem;left: -0.5rem;}
.swiper-button::after{content:'';width: 0.17rem;height: 0.13rem;background:url(../images/icon_10.png) no-repeat center;background-size:contain;}
.swiper-button-next{transform: rotate(180deg);left:auto;right: -0.5rem;}

.swiper-pagination{position: static;margin-top: 0.3rem;}
.swiper-pagination-bullet{width: 0.15rem;height: 0.15rem;border-radius:1px;background-color: #727171;margin:0 0.07rem!important;opacity: 1;}
.swiper-pagination-bullet-active{background-color: #B60029;}


/* service-qualityControl */
.service-top{background-color: #000000;}
.service-top .box{padding:0.65rem 0.4rem 0.6rem;position: relative;}
.service-top .txt{font-size: 0.2rem;color:#fff;font-family: 'Roboto';}
.service-top .box:before{content:'';width: 0.6rem;height: 0.6rem;background:url(../images/icon_11.png) no-repeat center;background-size:contain;position: absolute;left: -0.15rem;top: 0.35rem;}

.service-intro{padding:0.7rem 0;}
.service-intro .auto{max-width: 12.4rem;}
.service-intro .list .smtit{padding:0 0.14rem 0 0.25rem;}
.service-intro .list .smtit:before{content:'';width: 0.06rem;height: 0.06rem;background-color: #fff;border-radius:50%;margin-right: 0.15rem;display: inline-block;vertical-align: middle;}
.service-intro .list .txt{margin-top: 0.2rem;}
.service-intro .list .item:nth-child(odd){flex-direction: row;}
.service-intro .list .item:nth-child(even){flex-direction: row-reverse;}

.service-intro .list .row:not(:last-child){margin-bottom: 0.3rem;}


.service-fac{padding:0.5rem 0 1rem;background-color: #F5F5F5;}
.service-fac .auto{max-width: 13.3rem;}
.service-fac .mod{margin-bottom: 0.45rem;}
.service-fac .t-tit{font-size: 0.24rem;color:#000;font-family: 'PoppinsBold';margin-bottom: 0.45rem;}
.service-fac .detail{position: relative;}
.service-fac .swiper-container{position: static;}


.service-fac .swiper-button-prev{left: -0.8rem;}
.service-fac .swiper-button-next{right: -0.8rem;}

.service-aim{font-size: 0.2rem;padding:0.3rem 0.45rem;border-top:2px solid #B60029;font-family: 'Roboto';}

/* service-InstantOnlineSupport */
.service-support{margin:0 0 1.4rem;}
.service-support .detail{background-color: #000;display: flex;align-items: center;}
.service-support .info{flex:1;overflow: hidden;padding:0 0.45rem 0 0.8rem;}
.service-support .pub-tt{margin-bottom: 0;}
.service-support .pub-tt .bt{justify-content: flex-start;}

.service-support .line{height: 0.04rem;background-color: #B60029;margin-top: 0.35rem;width: 2.25rem;}
.service-support .txt{font-size: 0.2rem;color:#fff;-webkit-line-clamp: 6;margin-top: 0.23rem;font-family: 'Roboto';}
.service-support .imgbox{width: 40%;max-width: 5.53rem;height: 4.1rem;}


/* service-Installation&Adjustment */
.service-install{padding:0.9rem 0;background-color: #f5f5f5;}
.service-install .auto{max-width: 11.7rem;}
.service-install .list{}
.service-install .list .item{display: flex;align-items: center;margin-bottom: 0.7rem;justify-content: space-between;}
.service-install .list .item:last-child{margin-bottom: 0;}
.service-install .list .imgbox{width: 51%;height: 4rem;}
.service-install .list .info{width: 48%;}
.service-install .list .icon{height: 0.8rem;width: auto;display: block;margin:0 auto;}
.service-install .list .ico-h{display: none;}
.service-install .list .title{font-size: 0.24rem;color:#B60029;font-family: 'PoppinsBold';text-align: center;margin-top: 0.2rem;text-transform: capitalize;}
.service-install .list .txt{font-size: 0.16rem;color:#000000;max-width: 3.05rem;margin:0.15rem auto 0;position: relative;text-transform: capitalize;}
.service-install .list .txt:before{content:'';position: absolute;width: 0.04rem;height: 0.04rem;background-color: #000000;border-radius:50%;left: -0.15rem;top: 0.1rem;}
.service-install .list .item:nth-child(odd){flex-direction: row-reverse;}
.service-install .list .item:hover .ico-s{display: none;}
.service-install .list .item:hover .ico-h{display: block;}






/* service-OneStopSolution */
.service-solu{padding:1rem 0 0.8rem;}
.service-solu .list{display: flex;flex-wrap: wrap;justify-content: space-between;}
.service-solu .list .item{background-color: #F7F7F7;border-radius:0.05rem;width: 49%;margin-bottom: 2%;padding:0.5rem 0.2rem 0.4rem;box-shadow:0 0.04rem 0.04rem rgba(0,0,0,.05);}
.service-solu .list .icon{height: 0.8rem;width: auto;display: block;margin:0 auto;}
.service-solu .list .ico-h{display: none;}
.service-solu .list .title{font-size: 0.24rem;font-family: 'PoppinsBold';color:#B60029;margin-top: 0.12rem;text-align: center;text-transform: capitalize;}
.service-solu .list .txt{font-size: 0.16rem;color:#000;/* line-height: 1.8; */max-width: 4.75rem;margin:0.1rem auto 0;display: flex;align-items: flex-start;text-transform: capitalize;}
.service-solu .list .txt:before{content:'';width: 0.04rem;height: 0.04rem;border-radius:50%;margin-right: 0.09rem;background-color: #333;margin-top: 0.09rem;}
.service-solu .list .item:hover{background-color: #fff;}
.service-solu .list .item:hover .ico-s{display: none;}
.service-solu .list .item:hover .ico-h{display: block;}

.service-solu .cenbox{background-color: #F5F5F5;position: relative;display: flex;justify-content: space-between;padding:0.4rem 0.2rem;margin-bottom: 0.7rem;}
.service-solu .cenbox .logobox{position: absolute;left: 50%;top: 50%;transform: translate(-50%,-50%);}
.service-solu .cenbox .tp{width: 3.35rem;}
.service-solu .cenbox .title{font-size: 0.32rem;color:#727171;font-weight: bold;}

.service-solu .col{width: 50%;display: flex;flex-direction: column;}
.service-solu .col1{justify-content: flex-start;}
.service-solu .col2{justify-content: flex-end;align-items: flex-end;}

.service-solu .grp{background-color: #fff;border-radius:0.76rem;display: flex;align-items: center;margin-bottom: 0.5rem;padding:0.22rem 0.35rem;box-shadow:0 0.04rem 0.04rem rgba(0,0,0,.05);width: 3.93rem;}
.service-solu .grp:last-child{margin-bottom: 0;}
.service-solu .grp .icon{width: 0.8rem;}
.service-solu .grp .ico-h{display: none;}
.service-solu .grp .title{font-size: 0.24rem;color:#727171;font-weight: bold;font-family: 'PoppinsBold';}
.service-solu .grp:hover .ico-s{display: none;}
.service-solu .grp:hover .ico-h{display: block;}
.service-solu .grp:hover .title{color:#B60029;}

.service-solu .col1 .grp{flex-direction: row-reverse;}
.service-solu .col1 .grp .icon{margin-left: 0.4rem;}
.service-solu .col1 .grp .title{padding-left: 0.25rem;}
.service-solu .col1 .grp:nth-child(odd){margin-left: 0.45rem;}
.service-solu .col2 .grp:nth-child(odd){margin-right: 0.6rem;}
.service-solu .col2 .grp .icon{margin-right: 0.2rem;}


/* service-CustomProcessOEM&ODM */
.service-design{margin-top: 0.5rem;}
.service-design .box{background-color: #F7F7F7;display: flex;align-items: center;padding:0.45rem 6%;justify-content: center;}
.service-design .icon{width: 0.8rem;margin-right: 0.5rem;}
.service-design .title{font-size: 0.24rem;color:#B60029;font-family: 'PoppinsBold';}
.service-design .txt{max-width: 6.7rem;font-size: 0.16rem;margin-top: 0.08rem;}

.service-options{padding:0.5rem 0;}
.service-options .titbox{text-align: center;margin-bottom: 0.45rem;}
.service-options .t-tit{font-size: 0.24rem;font-family: 'PoppinsBold';color:#000;margin-bottom: 0.1rem;}
.service-options .bq{font-size: 0.16rem;color:#fff;display: inline-block;vertical-align: middle;line-height: 0.26rem;background-color: #B60029;border-radius:0.04rem;padding:0 0.18rem;text-transform: uppercase;}
.service-options .detail{box-shadow:0 0.04rem 0.04rem rgba(0,0,0,.05);border-radius:0.05rem;padding:0.2rem 0.4rem;}

.service-options .topbt{font-size: 0.24rem;color:#727171;font-weight: bold;margin-bottom: 0.2rem;}
.service-options .list{display: flex;flex-wrap: wrap;justify-content: center;}
.service-options .list .item{width: 16.666%;margin-bottom: 0.4rem;}
.service-options .list .title{font-size: 0.16rem;text-align: center;text-transform: uppercase;max-width: 1.95rem;margin:0 auto;line-height: 0.24rem;height: 0.48rem;display: flex;align-items: center;justify-content: center;}
.service-options .list .title a{word-wrap: break-word;width: 100%;}
.service-options .list .imgbox{max-width:70%;height: 1.2rem;display: flex;align-items: center;justify-content: center;margin:0.1rem auto 0;}
.service-options .list .img{width: 100%;height: 100%;object-fit: contain;}
.service-options .list .item:hover .title{color:#B60029;}

.service-options .list.style2 .item{width: 22%;}


.service-aim.margint{margin-top: 0.9rem;}





/* about */
.us-intro{padding:0.75rem 0 0.85rem;}
.us-intro .desc{font-size: 0.2rem;}
.us-intro .desc *{font-family: 'Roboto';}
.us-intro .desc p{margin-bottom: 0.2rem;}

.us-intro .list{display: flex;flex-wrap: wrap;margin:0.5rem 0 0 -3%;}
.us-intro .list li{background-color: #F5F5F5;border-radius:0.1rem;display: flex;align-items: center;padding:0.2rem 0.25rem;width: 30.3%;margin:0 0 3% 3%;}
.us-intro .list .numbox{width: 1rem;height: 1rem;background-color: #fff;border-radius:50%;box-shadow:0 0.05rem 0.05rem rgba(0,0,0,.25);display: flex;flex-direction: column;align-items: center;justify-content: center;margin-right: 0.25rem;}
.us-intro .list .fz1,.us-intro .list .fz2{color:#B60029;line-height: 1;}
.us-intro .list .fz1{font-size: 0.36rem;font-weight: bold;}
.us-intro .list .fz2{font-size: 0.18rem;font-family: 'PoppinsBlack';}
.us-intro .list .title{font-size: 0.2rem;color:#727171;font-family: 'PoppinsSemiBold';flex:1;overflow: hidden;text-transform: capitalize;}
.us-intro .list li:hover{background-color: #fff;box-shadow:0 0.04rem 0.04rem rgba(0,0,0,.05);}
.us-intro .list li:hover .numbox{background-color: #B60029;}
.us-intro .list li:hover .numbox *{color:#fff;}
.us-intro .list li:hover .title{color: #B60029;}
.us-intro .list li:hover .fz1{font-family: 'PoppinsBlack';}

.us-video{height: 6.35rem;position:relative;overflow: hidden;background-color: #000;}
.us-video .shade{position:absolute;width: 100%;height: 100%;left: 0;top: 0;cursor: pointer;}
.us-video .playicon{width: 0.88rem;position:absolute;left: 50%;top: 50%;transform: translate(-50%,-50%);z-index:6;}
.us-video .posterimg{width: 100%;display: block;height: 100%;object-fit: cover;}
.us-video .video{width: 100%;height: 100%;object-fit: contain;}



.us-hist{background-color: #F5F5F5;padding:0.8rem 0;}
.us-hist .auto{max-width: 13rem;}
.us-hist .detail{background-color: #F5F5F5;position: relative;padding:0.7rem 0;}
.us-hist .pic{width: 12.03rem;display: block;margin:0 auto;}
.us-hist .tp{width: 3.35rem;position: absolute;left: 50%;top: 50%;transform: translate(-50%,-50%);}
.us-hist .item{width: 4.37rem;min-height: 2.07rem;background-color: rgba(255,255,255,.8);box-shadow:0 0.04rem 0.04rem rgba(0,0,0,.05);padding:0.3rem 0.4rem;position: absolute;border-radius:0.05rem;}
.us-hist .item .year{font-size: 0.24rem;font-family: 'PoppinsBlack';}
.us-hist .item .txt{margin-top: 0.07rem;font-size: 0.16rem;margin-left: 0.08rem;}
.us-hist .item .circle{width: 0.2rem;height: 0.2rem;background-color: #fff;border-radius:50%;border:1px solid #B60029;position: absolute;}
.us-hist .item:hover .year{color:#B60029;}
.us-hist .item:hover .circle{background-color: #B60029;border-color:#000;}

.us-hist .item1 .circle{top: 0.38rem;left: -0.65rem;}
.us-hist .item2 .circle{/* bottom: -0.4rem; */left: 1.8rem;top: 2.5rem;}
.us-hist .item3 .circle{/* top: -0.46rem; */right: 1.9rem;bottom: 2.52rem;}
.us-hist .item4 .circle{top: 1.2rem;right: -0.6rem;}


.us-hist .item1{right: 0;top: 0.3rem;}
.us-hist .item2{left: 0.35rem;top: 0.4rem;}
.us-hist .item3{right: 0.3rem;bottom: 0.3rem;}
.us-hist .item4{left: 0;bottom: 0;}



.us-mis{background-color: #000;padding:0.65rem 0 0.55rem;}
.us-mis .wrap{display: flex;align-items: center;justify-content: space-between;}
.us-mis .lbox{max-width: 5.2rem;width: 45%;}
.us-mis .rbox{width: 52%;}
.us-mis .title{text-transform: capitalize;font-size: 0.4rem;color:#fff;font-weight: bold;}
.us-mis .title::after{content:'';width: 0.6rem;height: 0.6rem;background:url(../images/icon_06.png) no-repeat center;background-size:contain;display: inline-block;vertical-align: middle;margin-left: 0.3rem;}
.us-mis .line{max-width: 2.28rem;height: 0.04rem;background-color: #B60029;margin-bottom: 0.2rem;}
.us-mis .txt{font-size: 0.2rem;color:#fff;font-family: 'Roboto';}



.us-quote{background-color: #F5F5F5;padding:0.9rem 0;}
.us-quote .detail{position: relative;display: flex;justify-content: space-between;}
.us-quote .col{width:46%;max-width: 6.2rem;position: relative;z-index:2;}
.us-quote .pic{width: 3.5rem;position: absolute;left: 50%;top: 50%;transform: translate(-50%,-50%);z-index:1;}
.us-quote .readmore{margin:0.7rem auto 0;text-transform: capitalize;min-width: 3rem;}

.us-quote .item{margin-bottom: 0.5rem;padding:0.24rem 0.22rem;background-color: #fff;max-width: 5.5rem;min-height: 2.15rem;box-shadow:0 0.04rem 0.04rem rgba(0,0,0,.05);border-radius:0.05rem;}
.us-quote .item:last-child{margin-bottom: 0;}
.us-quote .item .title{font-size: 0.24rem;color:#B60029;font-family: 'PoppinsBlack';line-height: 1.1;font-style: italic;text-transform: capitalize;}
.us-quote .item .txt{font-size: 0.16rem;-webkit-line-clamp: 5;text-transform: capitalize;margin: 0.1rem 0.08rem 0;position: relative;padding-left: 0.15rem;}

.us-quote .col1 .item:nth-child(odd){margin-left: 0.7rem;}
.us-quote .col2 .item:nth-child(even){margin-left: 0.7rem;}


.us-cp{padding:0.7rem 0 0.9rem;}
.us-cp .list{display: flex;flex-wrap: wrap;margin:-3% 0 0 -3%;}
.us-cp .list .item{width: 30.3%;margin:3% 0 0 3%;position: relative;}
.us-cp .list .imgbox{height: 4.8rem;border-radius:0.25rem;}
.us-cp .list .shade{padding:0.17rem 0.22rem;position: absolute;width: 100%;top: 0;left: 0;bottom: 0;display: flex;flex-direction: column;justify-content: space-between;z-index:2;text-align: center;}
.us-cp .list .top{}
.us-cp .list .num{font-size: 0.32rem;color:#fff;font-family: 'PoppinsSemiBold';width: 0.48rem;height: 0.48rem;border:0.04rem solid #fff;border-radius:50%;margin:0 auto;display: flex;align-items: center;justify-content: center;}
.us-cp .list .title{font-size: 0.24rem;color:#B60029;margin: 0.15rem auto 0;font-weight: bold;text-transform: capitalize;}
.us-cp .list .smtit{font-size: 0.2rem;color:#fff;font-weight: bold;font-family: 'Roboto';/* line-height: 1.8; */margin-top: 0.05rem;}
.us-cp .list .bot{}
.us-cp .list .txt{font-size: 0.16rem;color:#fff;-webkit-line-clamp: 8;font-family: 'Roboto';text-align: left;}

.us-cp .list .item7{width: 100%;}
.us-cp .list .item7 .imgbox{height: 2.4rem;}
.us-cp .list .item7 .shade{display: flex;align-items: center;flex-direction: row;text-align: left;padding:0.15rem 1.35rem;}
.us-cp .list .item7 .num{margin-right: 1.15rem;}
.us-cp .list .item7 .txt{margin-top: 0.15rem;}
.us-cp .list .item7 .smtit{margin-top: 0.2rem;}


.us-control{padding:0.75rem 0 0.9rem;background-color: #f5f5f5;}
.us-control .auto{max-width: 12.4rem;}
.us-control .list{}
.us-control .list .item{margin-bottom: 0.9rem;display: flex;align-items: center;justify-content: space-between;}
.us-control .list .info{max-width: 5.2rem;width: 47%;}
.us-control .list .title{font-size: 0.36rem;color:#B60029;font-family: 'PoppinsSemiBold';}
.us-control .list .txt{font-size: 0.16rem;margin-top: 0.2rem;font-family: 'Roboto';}
.us-control .list .imgbox{width: 49%;max-width: 6rem;height: 4rem;}
.us-control .list .item:last-child{margin-bottom: 0;}
.us-control .list .item:nth-child(even){flex-direction: row-reverse;}


.us-track{padding:0.6rem 0 1.3rem;}
.us-track .auto{max-width: 13rem;}
.us-track .txt{font-size: 0.2rem;font-family: 'Roboto';}
.us-track .line{max-width: 2.28rem;height: 0.04rem;background-color: #B60029;margin-top: 0.25rem;}
.us-track .pic{max-width: 12rem;display: block;margin:0.85rem auto 0;width: 100%;}
.us-track .list{max-width: 12.4rem;margin:0.9rem auto 0;}
.us-track .list .item{display: flex;align-items: center;justify-content: space-between;margin-bottom: 0.9rem;}
.us-track .list .imgbox{width: 49%;height: 4rem;position: relative;}
.us-track .list .playicon{width: 0.66rem;position: absolute;left: 50%;top: 50%;transform: translate(-50%,-50%);display: block;}

.us-track .list .info{width: 45%;max-width: 5.1rem;}
.us-track .list .title{font-size: 0.36rem;color:#B60029;font-family: 'PoppinsSemiBold';}
.us-track .list .txt{font-size: 0.16rem;/* line-height: 1.8; */font-family: 'Roboto';margin-top: 0.2rem;}
.us-track .list .item:last-child{margin-bottom: 0;}
.us-track .list .item:nth-child(odd){flex-direction: row-reverse;}



/* productDetail */
.cp-top{padding:0.9rem 0 1rem;background-color: #f5f5f5;}
.cp-top .auto{max-width: 13rem;}

.cp-top .detail{display: flex;align-items: center;position: relative;flex-direction: row-reverse;}
.cp-top .info{flex:1;overflow: hidden;}
.cp-top .title{font-size: 0.36rem;font-family: 'PoppinsBold';}
.cp-top .tag{font-size: 0.28rem;color:#fff;font-weight: bold;display: inline-block;vertical-align: middle;line-height: 0.4rem;background-color: #B60029;border-radius:0.04rem;padding:0 0.14rem;margin-left: 0.18rem;font-family: 'Poppins';}
.cp-top .smtit{font-size: 0.24rem;display: inline-block;vertical-align: middle;line-height: 0.28rem;padding:0.1rem 0.18rem;background-color: #FFD814;border-radius:0.04rem;margin-top: 0.15rem;}
.cp-top .bqs{display: flex;flex-wrap: wrap;margin-top: 0.2rem;}
.cp-top .bqs .bq{display: inline-block;vertical-align: middle;font-size: 0.16rem;color:#fff;background-color: #727171;border-radius:0.04rem;padding:0 0.1rem 0 0.2rem;margin:0 0.1rem 0.1rem 0;line-height: 0.36rem;text-transform: uppercase;}
.cp-top .bqs .bq:before{content:'';display: inline-block;vertical-align: middle;margin-right: 0.08rem;width: 0.04rem;height: 0.04rem;background-color: #fff;border-radius:50%;}

.cp-top .txt{font-size: 0.2rem;margin-top: 0.25rem;font-family: 'Roboto';}
.cp-top .more{margin-top: 0.3rem;display: flex;align-items: center;justify-content: center;width: 1.6rem;height: 0.4rem;background-color: #B60029;border-radius:0.02rem;color:#fff;}
.cp-top .more::after{content:'';width: 0.24rem;height: 0.24rem;background:url(../images/icon_13.png) no-repeat center;background-size:contain;margin-left: 0.15rem;}

.cp-top .slide{max-width: 4.3rem;width: 40%;margin-left: 1rem;}
.cp-top .swiper1,.cp-top .swiper2{max-width: 3rem;margin:0 auto;}

.cp-top .swiper1 .item{display: flex;align-items: center;justify-content: center;height: 0.7rem;border:1px solid #fff;position: relative;}
.cp-top .swiper1 .item .img{max-width: 94%;max-height: 94%;object-fit: contain;}
.cp-top .swiper1 .item:before{content:'';width: 0.3rem;height: 0.11rem;background:url(../images/cp_11.png) no-repeat center;background-size:contain;position: absolute;left: 50%;top: -0.11rem;transform: translate(-50%,0);display: none;}

.cp-top .swiper2{margin-top: 0.15rem;}
.cp-top .swiper2 .item{display: flex;align-items: center;justify-content: center;height: 3rem;}
.cp-top .swiper2 .item .img{max-width: 90%;max-height: 90%;object-fit: contain;}
.cp-top .swiper1 .swiper-slide-thumb-active .item{border-color:#ddd;}
.cp-top .swiper-container{position: static;}

.cp-top .swiper-pagination{position: absolute;left: 0;bottom: -0.75rem;width: 100%;}


.cp-intro{padding:0.9rem 0 0.4rem;}
.cp-intro .desc{max-width: 13rem;margin:0 auto;border-radius:0.05rem;padding:0.4rem 0.5rem;background-color: #F5F5F5;margin-bottom: 0.5rem;}
.cp-intro .desc .row{margin-bottom: 0.2rem;}
.cp-intro .desc .row:last-child{margin-bottom: 0;}
.cp-intro .desc .title{font-size: 0.24rem;color:#B60029;font-family: 'PoppinsSemiBold';margin-bottom: 0.03rem;}
.cp-intro .desc .txt{font-size: 0.2rem;font-family: 'Roboto';}
.cp-intro .desc .txt p:before{top: 0.15rem;}




.fw-recom .list{display: flex;flex-wrap: wrap;margin-left: -2%;}
.fw-recom .list .item{width: 23%;margin:2% 0 0.3rem 2%;}



.cp-sp{padding:0 0 1rem;}
.cp-sp .auto{max-width: 12.7rem;}
.cp-sp .desc{font-size: 0.2rem;font-family: 'Roboto';}
.cp-sp .list{display: flex;flex-wrap: wrap;margin-left: -4%;}
.cp-sp .list .item{height: 2.88rem;width: 29.3%;margin:4% 0 0 4%;}
.cp-sp .list .imgbox{display: block;height: 100%;position: relative;}
.cp-sp .list .mask{position: absolute;left: 0%;top: 0%;width:100%;height:100%; background: linear-gradient(rgba(0,0,0,0.05), rgba(0,0,0,0.7));}
.cp-sp .list .icon{width: 0.88rem;position: absolute;left: 50%;top: 50%;transform: translate(-50%,-50%);}

.cp-choose{background-color: #F5F5F5;padding:1rem 0;}
.cp-choose .list{display: flex;flex-wrap: wrap;justify-content: space-between;}
.cp-choose .list .item{background-color: #fff;display: flex;align-items: center;box-shadow:0 0.04rem 0.04rem rgba(0,0,0,.05);width: 49%;margin-top: 2%;padding:0.24rem 0.8rem;}
.cp-choose .list .icon{width: 0.48rem;margin-right: 0.45rem;}
.cp-choose .list .info{flex:1;overflow: hidden;}
.cp-choose .list .title{font-size: 0.24rem;color:#B60029;font-family: 'PoppinsSemiBold';margin-bottom: 0.03rem;}
.cp-choose .list .txt{font-size: 0.16rem;font-family: 'Roboto';}



.cp-df{padding:0.9rem 0;}
.cp-df .pub-tt{margin-bottom: 0.8rem;}

.table{}
.table table{}
.table th,.table td{font-size: 0.16rem;padding:0.25rem 0.1rem;text-align: center;font-family: 'PoppinsSemiBold';}
.table th{color:#fff;background-color: #000;text-transform: uppercase;}
.table td{border-bottom:1px solid #000;}
.table td:nth-child(odd){background-color: #fafafa;}
.table thead tr:nth-child(2) th{background-color: #727171;}


.cp-df .list .item{margin-top: 0.9rem;display: flex;flex-wrap: wrap;justify-content: space-between;align-items: center;}
.cp-df .list .imgbox{width: 49%;height: 4rem;}
.cp-df .list .info{width: 45%;max-width: 5.3rem;}
.cp-df .list .smtit{font-size: 0.36rem;color:#B60029;font-family: 'PoppinsSemiBold';}
.cp-df .list .txt{font-size: 0.16rem;margin-top: 0.18rem;font-family: 'Roboto';max-width: 5.1rem;}
.cp-df .list .item:nth-child(odd){flex-direction: row-reverse;}



.cp-resource{padding:0.9rem 0 0.8rem;background-color: #f8f8f8;}
.cp-resource .pub-tt{margin-bottom: 0;}
.cp-resource .pub-tt .bt{justify-content: flex-start;}
.cp-resource .detail{display: flex;flex-wrap: wrap;margin-top: 0.8rem;}

.cp-resource .list .imgbox{border-radius:0.15rem;}
.cp-resource .list .title{color:#727171;font-weight: bold;}
.cp-resource .list .txt{font-size: 0.16rem;color:#666666;font-family: 'Roboto';margin-top: 0.08rem;-webkit-line-clamp: 2;}
.cp-resource .list .item:hover .title{color:#B60029;}

.cp-resource .list1{flex:1;overflow: hidden;display: flex;}
.cp-resource .list1 .item{width: 44%;margin-right: 6%;}
.cp-resource .list1 .imgbox{height: 2.42rem;}
.cp-resource .list1 .info{padding:0.2rem 0.14rem;}
.cp-resource .list1 .title{font-size: 0.28rem;font-family: 'PoppinsBold';}

.cp-resource .list2{max-width: 4.8rem;width: 46%;}
.cp-resource .list2 .item{display: flex;align-items: center;margin-bottom: 0.18rem;}
.cp-resource .list2 .imgbox{width: 1.82rem;height: 1.1rem;margin-right: 0.15rem;}

.cp-resource .list2 .item:last-child{margin-bottom: 0;}
.cp-resource .list2 .info{flex:1;overflow: hidden;}
.cp-resource .list2 .title{font-size: 0.2rem;-webkit-line-clamp: 1;}

.cp-resource .readmore{margin:0.6rem auto 0;}

/* index */
.idx-ban{}
.idx-ban .item{height: 6.5rem;position: relative;}
.idx-ban .item *{color:#fff;}
.idx-ban .item .shade{position: absolute;width: 100%;left: 0;top: 0;bottom: 0;}

.idx-ban .item1 .shade{display: flex;align-items: center;justify-content: flex-end;padding:0 13% 0 0;}
.idx-ban .item1 .info{max-width: 5.9rem;}
.idx-ban .item1 .title{font-size: 0.4rem;font-weight: bold;text-shadow:0.02rem 0.03rem 0 rgba(0,0,0,0.9);}
.idx-ban .item1 .txt{font-size: 0.19rem;color:#fff;font-family: 'Roboto';margin-top: 0.25rem;position: relative;padding-left: 0.25rem;}
.idx-ban .item1 .txt:before{content:'';width: 0.08rem;height: 100%;background-color: #B60029;position: absolute;left: 0;top: 0;}
.idx-ban .item1 .more{margin-top: 0.85rem;border-color:#fff;}
.idx-ban .item1 .more:hover{border-color:#d50c03;}

.idx-ban .item2{display: flex;flex-direction: column;}
.idx-ban .item2 .img{flex:1;overflow: hidden;height: auto;display: block;}
.idx-ban .item2 .info{height: 1.5rem;background:url(../images/TDC-banner4.png) no-repeat center;background-size:cover;}
.idx-ban .item2 .grps{display: flex;justify-content: center;align-items: center;height: 100%;}
.idx-ban .item2 .grp{display: flex;align-items: center;padding:0 0.3rem;}
.idx-ban .item2 .icon{width: 0.8rem;margin-right: 0.14rem;}
.idx-ban .item2 .font{font-size: 0.24rem;font-weight: bold;}

.idx-ban .item3{}
.idx-ban .item3 .shade{display: flex;align-items: flex-end;justify-content: space-between;padding:0 5.5% 0.75rem 10%;}
.idx-ban .item3 .lbox{max-width: 5.3rem;width: 45%;}
.idx-ban .item3 .rbox{max-width: 7.7rem;width: 50%;display: flex;align-items: center;}
.idx-ban .item3 .pic{max-width: 4rem;width: 100%;margin:0 auto;display: block;}
.idx-ban .item3 .txt{font-size: 0.2rem;margin-top: 0.05rem;}
.idx-ban .item3 .icon{width: 0.82rem;margin-right: 0.2rem;}
.idx-ban .item3 .smb{position: relative;padding-left: 0.25rem;}
.idx-ban .item3 .smb:before{content:'';width: 0.08rem;background-color: #B60029;position: absolute;left: 0;top: 0.06rem;bottom: 0.08rem;}
.idx-ban .item3 .title{font-size: 0.36rem;font-weight: bold;text-shadow:0.02rem 0.03rem 0 rgba(0,0,0,0.9);}
.idx-ban .item3 .txt{font-size: 0.24rem;margin-top: 0.08rem;}

.idx-ban .swiper-button{width: 0.4rem;height: 0.4rem;opacity: 0;transition: all 0.6s;}
.idx-ban .swiper-button-prev{left: 5%;}
.idx-ban .swiper-button-next{right: 5%;}
.idx-ban:hover .swiper-button{opacity: 1;}

.idx-ban .swiper-pagination{position: absolute;bottom: 0.25rem;}



.idx-top{background-color: #000;}
.idx-top .list{display: flex;justify-content: space-between;padding:0.2rem 0;}
.idx-top .list li{text-align: center;}
.idx-top .list .icon{height: 0.7rem;width: auto;display: block;margin:0 auto;}
.idx-top .list .ico-h{display: none;}
.idx-top .list .title{font-size: 0.2rem;color:#fff;font-family: 'PoppinsSemiBold';text-transform: uppercase;margin-top: 0.1rem;}
.idx-top .list li:hover .ico-s{display: none;}
.idx-top .list li:hover .ico-h{display: block;}
.idx-top .list li:hover .title{color:#B60029;}


.idx-cp{padding:0.9rem 0;}
.idx-cp .list{display: flex;flex-wrap: wrap;justify-content: space-between;margin-top: -0.55rem;}
.idx-cp .list .item{display: flex;width: 48.3%;align-items: center;margin-top: 0.55rem;}
.idx-cp .list .imgbox{width: 2.42rem;height: 2.42rem;margin-right: 0.35rem;display: flex;align-items: center;justify-content: center;}
.idx-cp .list .pic{width: 100%;height: 100%;object-fit: contain;}
.idx-cp .list .info{background-color: #333333;border-radius:0.15rem;padding:0.25rem 0.28rem 0.25rem;flex:1;overflow: hidden;height: 3rem;transition: all 0.5s;}
.idx-cp .list .title{font-size: 0.28rem;color:#fff;-webkit-line-clamp: 1;text-transform: uppercase;font-family: 'PoppinsBold';}
.idx-cp .list .tag{font-size: 0.16rem;color:#fff;display: inline-block;vertical-align: middle;padding:0 0.12rem;line-height: 0.26rem;background-color: #727171;border-radius:0.04rem;margin-top: 0.07rem;text-transform: uppercase;}
.idx-cp .list .txt{font-size: 0.16rem;color:#fff;font-family: 'Roboto';-webkit-line-clamp: 3;line-height: 0.26rem;height: 0.78rem;margin-top: 0.3rem;}
.idx-cp .list .more{font-size: 0.16rem;color:#666666;width: 1.6rem;height: 0.4rem;border:1px solid #666666;border-radius:0.02rem;display: flex;align-items: center;justify-content: center;margin-top: 0.15rem;text-transform: capitalize;}
.idx-cp .list .more::after{content:'';width: 0.24rem;height: 0.24rem;background:url(../images/icon_13-1.png) no-repeat center;background-size:contain;margin-left: 0.15rem;}
.idx-cp .list .item:hover .info{background-color: #fff;box-shadow:0 0.04rem 0.07rem  rgba(0,0,0,.05);}
.idx-cp .list .item:hover .title{color:#000;}
.idx-cp .list .item:hover .tag{background-color: #B60029;}
.idx-cp .list .item:hover .txt{color:#666;}
.idx-cp .list .item:hover .more{background-color: #B60029;border-color:#B60029;color:#fff;}
.idx-cp .list .item:hover .more::after{background-image:url(../images/icon_13.png);}


.idx-intro .pub-tt .smbt{text-transform: uppercase;}
.idx-intro .listwrap{background-color: #000000;}
.idx-intro .list{display: flex;flex-wrap: wrap;}
.idx-intro .list .item{display: flex;align-items: center;width: 50%;padding:0.4rem 0.4rem 0.4rem;}
.idx-intro .list .icon{width: 1.2rem;margin-right: 0.4rem;transition: all 0.3s;}
.idx-intro .list .title{font-size: 0.28rem;color:#B60029;font-family: 'PoppinsBold';text-transform: uppercase;}
.idx-intro .list .txt{font-size: 0.2rem;color:#fff;font-family: 'Roboto';margin-top: 0.08rem;}
.idx-intro .list .item:nth-child(odd){padding-right: 0.4rem;}
.idx-intro .list .item:nth-child(even){padding-left: 0.4rem;}
.idx-intro .list .item:hover{background-color: #727171;}
.idx-intro .list .item:hover .icon{transform: scale(1.08,1.08);}

.idx-us{}
.idx-us .mod{background: linear-gradient(to right, #FAFAFA , #F2F2F2);padding:0.65rem 0;}
.idx-us .mod:nth-child(even){background: linear-gradient(to right, #F2F2F2 , #FAFAFA);}
.idx-us .mod:nth-child(even) .detail{flex-direction: row-reverse;}
.idx-us .mod:first-child{padding:1.25rem 0;}

.idx-us .detail{display: flex;align-items: center;}
.idx-us .imgbox{width: 50%;height: 4.64rem;overflow: hidden;}
.idx-us .imgbox .img{transition: all 0.8s;}
.idx-us .imgbox:hover .img{transform: scale(1.1,1.1);}
.idx-us .info{width: 50%;padding:0 8%;}
.idx-us .title{margin-bottom: 0.3rem;font-size: 0.38rem;color:#000;font-family: 'PoppinsBold';position: relative;padding-bottom: 0.15rem;}
.idx-us .title::after{content:'';width: 1rem;height: 0.04rem;background-color: #B60029;position: absolute;left: 0;bottom: 0;}
.idx-us .txt{font-size: 0.2rem;font-family: 'Roboto';}
.idx-us .txt p:before{top: 0.13rem;}
.idx-us .more{margin-top: 0.3rem;}

.cp-resource .topbox{display: flex;align-items: center;justify-content: space-between;}

.cp-resource .menu{max-width: 7.2rem;border-radius:0.02rem;overflow: hidden;display: flex;width: 70%;}
.cp-resource .menu .lk{font-size: 0.2rem;color:#B60029;text-align: center;flex:1;overflow: hidden;line-height: 0.44rem;text-transform: uppercase;border:1px solid #B60029;border-right:none;cursor: pointer;}
.cp-resource .menu .lk.cur{color:#fff;font-weight: bold;background-color: #B60029;}
.cp-resource .menu .lk:last-child{border-right:1px solid #B60029;}



/* blogDetail */
.blog-det{padding:1px 0 1.4rem;}
.blog-det>.auto{max-width: 12.2rem;}
.blog-det .titbox{margin: 0.7rem 0 0.5rem;text-align: center;}
.blog-det .title{font-size: 0.32rem;color:#333;font-weight: bold;text-transform: capitalize;max-width: 9.9rem;margin:0 auto 0.15rem;padding-bottom: 0.15rem;border-bottom:1px solid #B60029;display: flex;align-items: center;}
.blog-det .title:before,.blog-det .title::after{content:'';width: 0.6rem;height: 0.6rem;background:url(../images/icon_05.png) no-repeat center;background-size:contain;margin:0 0.1rem;}
.blog-det .title::after{background-image:url(../images/icon_06.png);}


.blog-det .author{font-size: 0.16rem;color:#000;}

.blog-det .edit{border-bottom:1px solid #B60029;padding:0.3rem 0;line-height: 1.8;}
.blog-det .edit *{font-size: 0.16rem;line-height: 1.8;}
.blog-det .edit .tit{font-size: 0.24rem;text-align: center;margin-bottom: 0.15rem;}

.blog-rela{margin-bottom: 1.3rem;}
.blog-rela .topbox{margin-bottom: 0.6rem;display: flex;align-items: center;justify-content: space-between;}
.blog-rela .pub-tt{margin-bottom: 0;}
.blog-rela .pub-tt .bt{justify-content: flex-start;}
.blog-rela .learnmore{font-size: 0.2rem;color:#B60029;width: 2rem;line-height: 0.48rem;border:1px solid #B60029;border-radius:0.02rem;text-align: center;text-transform: capitalize;}
.blog-rela .learnmore:hover{color:#fff;background-color: #B60029;}



/* contact */
.contact-ban .crumb *{color:#333;}

.contact-ban .inner-ban .box{top: 30%;}
.contact-ban .inner-ban .pub-tt{max-width: 8.85rem;}
.contact-ban .inner-ban .pub-tt .bt{justify-content: flex-start;}
.contact-ban .inner-ban .pub-tt .smbt{color:#333;}
.contact-ban .inner-ban .pub-tt .smbt::after{content:'';width: 0.6rem;height: 0.6rem;display: inline-block;vertical-align: middle;background:url(../images/icon_06.png) no-repeat center;background-size:contain;margin-left: 0.15rem;}
.contact-ban .inner-ban .txt{color:#333;max-width: 7.3rem;margin-left: 0;font-family: 'Poppins';font-size: 0.16rem;margin-top: 0.4rem;}

.contact-form .form{}
.contact-form .form .box{padding:0.45rem 0.9rem 0.5rem;background-color: rgba(255,255,255,.9);}
.contact-form .form .row{justify-content: space-between;}
.contact-form .form .item{width: 42%;}
.contact-form .form .ipt{border:1px solid #B60029;}
.contact-form .form .upfile{border:0;}


.contact-infor{padding:0.9rem 0 1.3rem;}
.contact-infor .auto{max-width: 13.8rem;}
.contact-infor .detail{display: flex;align-items: center;padding-top: 0.3rem;}
.contact-infor .lbox{width: 4rem;margin-right: 0.75rem;}
.contact-infor .imgbox{height: 4rem;}

.contact-infor .item{background-color: #F5F5F5;height: 2.4rem;display: flex;align-items: center;padding:0 0.25rem 0 0.5rem;width: 51%;}
.contact-infor .item .icon{width: 0.6rem;margin-right: 0.35rem;}
.contact-infor .item .title{font-size: 0.24rem;margin-bottom: 0.05rem;}
.contact-infor .item .txt{font-size: 0.16rem;font-family: 'Roboto';}
.contact-infor .map{height: 2.4rem;}
.contact-infor .row2{border-radius:0.1rem;overflow: hidden;}

.contact-infor .row{display: flex;justify-content: space-between;}
.contact-infor .row1 .item{width: 48.8%;margin-bottom: 0.25rem;height: 1.6rem;border-radius:0.1rem;}
.contact-infor .row1 .item .txt{font-size: 0.18rem;}


.kf-side{position: fixed;right: 0.2rem;bottom: 10%;z-index:99;display: none;}
.kf-side .lk{width: 0.6rem;height: 0.6rem;background-color: #B60029;border-radius:0.03rem;margin-bottom: 0.15rem;display: flex;align-items: center;justify-content: center;}
.kf-side .icon{width: 0.33rem;}


@media (max-width:1300px) {
	html{font-size: 4.8rem!important;}
	
	/* service-qualitycontrol */
	.service-fac .swiper-button-prev{left: -0.5rem;}
	.service-fac .swiper-button-next{right: -0.5rem;}
	
	
	/* index */
	.idx-ban .item3 .title{font-size: 0.32rem;}
	
	
	
	
}

@media (max-width:1200px) {
	html{font-size: 5.4rem!important;}
	.auto{width: 90%;}
	
	
	.hd-nav li{margin-right: 0.6rem;}
	
	.ft-t .menu{padding:0 4%;}
	.ft-t .menu .col{padding:0 0.15rem;}
	.ft-t .social .icon{width: 0.36rem;height: 0.36rem;}
	.ft-t .social .ico{width: 0.22rem;}
	
	
	.pub-tt .smbt{line-height: 1.4;}
	
	/* product */
	.inner-ban .box{top: 35%;}
	.inner-ban .txt{max-width: 80%!important;}
	
	/* blog */
	.blog-list{justify-content: space-between;margin:-4% 0 0;}
	.blog-list .item{width: 48%;margin:4% 0 0;}
	
	
	
	/* blogDetail */
	.blog-det .edit *{font-size: 0.18rem;}
	
	/* tradeshows */
	.trade-mod .t-tit{margin-bottom: 0.4rem;}
	
	
	/* who-HardwareWholesalers */
	.fw-advan .list .imgbox{height: 3.2rem;}
	.fw-advan .list .title{font-size: 0.22rem;}
	
	
	/* service-qualitycontrol */
	.service-fac .swiper-button{display: none;}
	
	
	/* service-onestopsolution */
	.service-solu .cenbox{margin-top: 0.4rem;}
	.service-solu .cenbox .tp{width: 2.8rem;}
	.service-solu .cenbox .title{font-size: 0.26rem;}
	.service-solu .grp{width: 3.3rem;padding: 0.22rem 0.3rem;}
	.service-solu .grp .title{font-size: 0.22rem;line-height: 1.5;}
	
	/* service-customprocessoem&odm */
	.service-options{padding:0.5rem 0 0;}
	.service-options .detail{box-shadow: none;padding:0.2rem 0;}
	.service-options .list{justify-content: flex-start;}
	.service-options .list .item{width: 25%;padding:0 0.1rem;}
	.service-options .list .title{font-size: 0.18rem;}
	
	
	/* about */
	.us-intro .list{justify-content: space-between;margin: 0;}
	.us-intro .list li{width: 48%;margin:4% 0 0;}
	
	.us-hist .pic{width: 10rem;}
	.us-hist .item{width: 4rem;padding: 0.2rem 0.35rem;}
	
	.us-hist .item1 .circle{top: 0.4rem;}
	.us-hist .item2 .circle{top: 2.25rem;}
	.us-hist .item3 .circle{bottom: 2.25rem;}
	.us-hist .item4 .circle{top: 1.15rem;}
	
	.us-mis .title{font-size: 0.36rem;}
	
	
	/* productdetail */
	.cp-choose .list .item{padding:0.24rem 0.5rem}
	.cp-choose .list .title{line-height: 1.6;}

	
	/* index */
	.idx-ban .item{height: 6rem;}
	.idx-ban .item1 .shade{padding:0 9% 0 0;}
	.idx-ban .item1 .title{font-size: 0.36rem;}
	
	.idx-ban .item3 .lbox{width: 40%;}
	.idx-ban .item3 .pic{max-width: 3rem;}
	.idx-ban .item3 .txt{font-size: 0.2rem;}
	.idx-ban .item3 .title{font-size: 0.26rem;}
	
	.idx-cp .list .item{width: 100%;}

	.idx-intro .list .item{padding:0.4rem 0.4rem!important;}

	.cp-resource .menu{max-width: 5rem;}
	
	
	/* contact */
	.contact-infor .lbox{display: none;}
	
	
	
	
}

@media (max-width:991px) {
	.auto{width: 90%;}
	*{line-height: 1.5;}
	
	.sj-menu{position:absolute;right: 2%;top: 50%;width: 0.42rem;height: 0.42rem;margin-top: -0.21rem;display: flex;align-items: center;justify-content: center;background:url(../images/menu.png) no-repeat center;background-size:contain;}
	.sj-menu.close{background:url(../images/close.png) no-repeat center;background-size:contain;}
	
	
	
	.head{}
	.hd-t{height: 0;box-shadow: none;}
	.hd-b{height: 1rem;}
	.hd-wz,.hd-social{display: none;}
	
	.hd-sear .icon{position: absolute;right: 0.9rem;top: 50%;transform: translate(0,-50%);background-size: 0.28rem;}
	.hd-sear .drop{top: 1rem;border-top:1px solid #efefef;}
	
	
	
	
	.hd-nav{position: fixed;width: 100%;left: 0;top: 1rem;bottom: 0;overflow-y: scroll;background-color: #fff;display: none;overflow-x: hidden;margin: 0;border-top:1px solid #efefef;}
	.hd-nav li{display: block;margin: 0;position: relative;padding: 0;}
	.hd-nav li>a{font-size: 0.2rem;line-height: 0.9rem;padding:0 4%;border-bottom:1px solid #efefef;}
	.hd-nav li>a::after{display: none;}
	
	.hd-nav li:hover .drop{opacity: 1;visibility: visible;transform: scaleY(1);}
	
	.hd-nav .arrow{position: absolute;right: 0;top: 0;width: 0.9rem;height: 0.9rem;display: flex;align-items: center;justify-content: center;background:url(../images/arrow.png) no-repeat center;background-size:0.26rem;}
	.hd-nav .arrow.this{transform: rotate(180deg);}
	
	
	.hd-nav .drop{opacity: 1;visibility: visible;transform: scaleY(1);width: 100%;position: static;background-color: transparent;padding: 0;width: 100%!important;display: none;box-shadow: none;padding:0 4% 0 6%;}
	.hd-nav .drop .lk{font-size: 0.2rem;min-width: 100%;line-height: 0.65rem;padding: 0 0 0 0.1rem;border-bottom:1px solid #efefef;text-align: left;font-weight: normal;}
	
	
	
	
	.ft-t{flex-wrap: wrap;}
	.ft-t .info{order:1;width: 100%;}
	.ft-t .social{order:3;margin-top: 0.4rem;}
	.ft-t .social .list{margin-top: 0;}
	.ft-t .menu{order:2;width: 100%;flex:initial;padding:0;display: block;}
	.ft-t .menu .col{padding: 0;margin-top: 0.4rem;}
	.ft-t .tit{margin-bottom: 0.1rem;}
	.ft-t .lks{margin-left: -0.4rem;}
	.ft-t .lks li{display: inline-block;vertical-align: middle;margin:0 0 0.1rem 0.4rem;font-size: 0.18rem;}
	
	.ft-b{border-color:rgba(255,255,255,.2);}
	.ft-b .txt{padding:0.2rem 0;}
	
	
	
	
	.pub-tt{margin-bottom: 0.4rem;}
	.pub-tt .ic{width: 0.44rem;height: 0.44rem;}
	.pub-tt .smbt{font-size: 0.38rem;}
	
	
	
	/* product */
	.inner-ban{height: 4rem;}
	.inner-ban .box{top: 37%;}
	.inner-ban .txt{margin-top: 0.2rem;line-height: 1.4;}
	
	
	.cp-list .imgbox{height: 3rem;}
	.cp-list .info{padding:0 0.25rem;bottom: 0.2rem;}
	.cp-list .title{font-size: 0.23rem;}
	.cp-list .more{width: 1.5rem;height: 0.44rem;}
	
	
	/* blog */
	.blog-main{padding:0.85rem 0;}
	.blog-menu{margin-bottom: 0.5rem;}
	.blog-menu .lk{line-height: 0.55rem;}
	
	.blog-list .box{padding:0.3rem 0.2rem;}
	
	.pub-form .form .row.flex{margin: 0;justify-content: space-between;}
	.pub-form .form .item{width: 47%;margin:0 0 4% 0;}
	.pub-form .form .tit{font-size: 0.22rem;}
	
	
	/* blogDetail */
	.blog-det .title{font-size: 0.3rem;}
	
	
	/* tradeshows */
	.trade-mod .list .item{padding:0.15rem;}
	
	
	/* who-HardwareWholesalers */
	.fw-hardware .list .info{width: 47%;}
	.fw-hardware .list .smtit{font-size: 0.19rem;}
	.fw-hardware .list .txt{line-height: 1.6;}
	
	.fw-bar .list li{width: 23%;}
	.fw-bar .title{font-size: 0.18rem;}
	.fw-bar .title br{display: none;}
	
	.fw-advan .list{margin:-4% 0 0;justify-content: space-between;}
	.fw-advan .list .item{width: 48%;margin:4% 0 0;}
	
	.fw-recom{padding:0.8rem 0;}
	.fw-recom .detail{padding-top: 0.1rem;}
	
	.swiper-button-prev{left:-0.2rem;}
	.swiper-button-next{right:-0.2rem;}
	.swiper-pagination{margin-top: 0.5rem;}
	.swiper-pagination-bullet{width: 0.12rem;height: 0.12rem;}
	
	
	/* service-qualitycontrol */
	.service-top .box{padding: 0.4rem 0.2rem 0.4rem 0.4rem;}
	.service-top .box:before{width: 0.5rem;height: 0.5rem;}
	
	.service-intro .list .row:not(:last-child){margin-bottom: 0.2rem;}
	
	
	/* service-instantonlinesupport */
	.service-support{margin-bottom: 1rem;}
	.service-support .detail{display: block;}
	.service-support .info{padding:0.4rem 0.3rem;} 
	.service-support .line{width: 1.6rem;margin-top: 0.2rem;}
	.service-support .imgbox{margin:0 auto;height: auto;width: 50%;}
	
	
	/* service-installation&adjustment */
	.service-install .list .imgbox{width: 50%;}
	.service-install .list .info{width: 49%;}
	.service-install .list .icon{height: 0.7rem;}
	
	
	
	/* service-onestopsolution */
	.service-solu .list .item{width: 48%;margin-bottom: 4%;padding: 0.45rem 0.3rem 0.4rem;}
	.service-solu .list .icon{height: 0.7rem;}
	.service-solu .list .txt:before{display: none;}
	.service-solu .list .txt{font-size: 0.17rem;}
	
	.service-solu .cenbox{background:#fff;padding:0;}
	.service-solu .cenbox .tp{width: 2.2rem;}
	.service-solu .cenbox .title{font-size: 0.2rem;}
	.service-solu .grp{width: 2.9rem;padding: 0.22rem 0.2rem;margin:0.2rem 0!important;box-shadow: 0 0 0.08rem rgba(0, 0, 0, .1);}
	.service-solu .grp .title{font-size: 0.2rem;line-height: 1.5;}
	.service-solu .col1 .grp .title{padding-right: 0;padding-left: 0.1rem;}
	
	
	/* service-customprocessoem&odm */
	.service-options .t-tit{font-size: 0.28rem;}
	.service-options .list .item{width: 33.3%!important;padding:0 0.1rem;}
	.service-options .list .imgbox{max-width: 100%;}
	
	.service-install .list .txt{font-size: 0.18rem;}
	
	
	
	/* about */
	.us-video{height: 4.5rem;margin-top: 0.4rem;}
	
	.us-hist .detail{position: relative;padding:0 0 0 0.4rem;}
	.us-hist .detail:before{content:'';position: absolute;left: 0;top: 0.28rem;bottom: 0;width: 1px;background-color: #B60029;}
	.us-hist .pic{display: none;}
	.us-hist .item{width: 100%;position: static;margin-bottom: 0.25rem;min-height: auto;background-color: rgba(255,255,255,.7);position: relative;left: auto;top:auto;right: auto;bottom: auto;}
	.us-hist .item .circle{right: auto!important;bottom: auto!important;left: -0.5rem!important;top: 0.25rem!important;}
	.us-hist .item .txt{font-size: 0.18rem;}
	
	.us-mis .wrap{display: block;}
	.us-mis .lbox,.us-mis .rbox{width: 100%;max-width: 100%;}
	.us-mis .title::after{display: none;}
	.us-mis .line{margin-top: 0.25rem;width: 1.2rem;}
	
	
	.us-quote .col1 .item:nth-child(odd){margin-left: 0;}
	.us-quote .col1 .item:nth-child(even){margin-right: 0.7rem;}
	
	.us-cp .pub-tt .smbt{font-size: 0.33rem;}
	
	.us-cp .list{margin:-4% 0 0;justify-content: space-between;}
	.us-cp .list .item{width: 48%;margin:4% 0 0;}
	.us-cp .list .title{line-height: 1.4;}
	.us-cp .list .txt{line-height: 1.6;}
	.us-cp .list .item7{width: 100%;}
	.us-cp .list .item7 .shade{padding: 0.15rem 0.7rem;}
	.us-cp .list .item7 .num{margin-right: 0.6rem;}
	
	
	
	/* productdetail */
	.cp-top .title{font-size: 0.3rem;}
	.cp-top .tag{font-size: 0.22rem;line-height: 0.34rem;}
	.cp-top .smtit{font-size: 0.22rem;}
	.cp-top .slide{margin-left: 0.4rem;}
	
	.cp-intro .desc{margin-bottom: 0.6rem;}
	.cp-intro .table table{min-width: 12rem;}
	
	.table{overflow-x: scroll;}
	
	
	.fw-recom .list .item{width: 31.3%;}
	.fw-recom .item .imgbox{height: 2.1rem;max-width: 2.1rem;}
	
	.cp-sp .list .icon{width: 0.7rem;}
	
	
	.cp-choose .list .item{width: 100%;align-items: flex-start;}
	.cp-choose .list .icon{width: 0.4rem;}
	.cp-choose .list .txt{font-size: 0.18rem;}
	
	
	.cp-resource .detail{display: block;}
	.cp-resource .list1{justify-content: space-between;}
	.cp-resource .list1 .item{width: 48%;margin:0;}
	.cp-resource .list2{width: 100%;max-width: 100%;margin-top: 0.35rem;}
	
	.service-faq .faq-list{padding: 0;}
	
	
	
	
	/* index */
	.idx-ban .item{height: 5rem;}
	
	.idx-ban .item1 .shade{padding:0 12%;justify-content: center;}
	.idx-ban .item1 .title{font-size: 0.32rem;}
	.idx-ban .item1 .txt:before{width: 0.04rem;}
	.idx-ban .item1 .more{margin-top: 0.7rem;}
	
	.idx-ban .item2 .info{height: 1.3rem;}
	.idx-ban .item2 .grp{padding:0 0.15rem;}
	.idx-ban .item2 .icon{width: 0.7rem;}
	.idx-ban .item2 .font{font-size: 0.2rem;line-height: 1.2;}
	
	.idx-ban .item3 .shade{padding: 0 5.5% 0.45rem;}
	.idx-ban .item3 .lbox{width: 45%;}
	.idx-ban .item3 .pic{max-width: 2.5rem;}
	.idx-ban .item3 .txt{font-size: 0.18rem;}
	.idx-ban .item3 .rbox{display: block;width: 45%;}
	.idx-ban .item3 .title{font-size: 0.24rem;}
	.idx-ban .item3 .icon{width: 0.7rem;margin:0 0 0.15rem;display: none;}
	.idx-ban .item3 .smb:before{width: 0.05rem;}
	
	
	
	.idx-top .list .icon{height: 0.5rem;}
	.idx-top .list .title{font-size: 0.18rem;}
	
	.idx-intro .listwrap .auto{width: 100%;}
	.idx-intro .list{padding:0.25rem 0;}
	.idx-intro .list .item{display: block;padding:0.25rem 0.5rem!important;}
	.idx-intro .list .icon{width: auto;height: 0.9rem;margin:0 0 0.1rem;}
	.idx-intro .list .title{font-size: 0.26rem;}
	.idx-intro .list .item:hover{background-color: #000;}

	.idx-us .mod:first-child{padding:1rem 0;}
	.idx-us .detail{justify-content: space-between;}
	.idx-us .imgbox{width: 48%;height: 4.2rem;}
	.idx-us .info{padding: 0;width: 47%;}
	.idx-us .title{font-size: 0.32rem;}
	.idx-us .title::after{width: 0.8rem;}
	
	.cp-resource .menu{max-width: 4rem;}
	
	
	/* contact */
	.contact-form .form .box{padding:0.45rem 0.5rem}
	
	
	.kf-side{bottom: 5%;right: 0.1rem;}
	.kf-side .lk{width: 0.5rem;height: 0.5rem;margin-bottom: 0.1rem;}
	.kf-side .icon{width: 0.28rem;}
	
	
}


@media (max-width:767px) {
	.sj-menu.close{background-size:0.36rem;}
	
	.hd-b{height: 0.85rem;}
	.hd-sear .icon{right: 0.7rem;}
	.hd-sear .drop{padding: 0.3rem 0;border-radius: 0 0 0.15rem 0.15rem;top: 0.85rem;}
	
	.hd-logo .img{height: 0.45rem;}
	
	.hd-nav{top: 0.85rem;}
	.hd-nav li>a{line-height: 0.7rem;padding: 0 4% 0 6%;}
	.hd-nav .arrow{width: 0.7rem;height: 0.7rem;background-size: 0.22rem;}
	.hd-nav .drop .lk{font-size: 0.19rem;line-height: 0.6rem;}
	
	
	.ft-t{padding: 0.55rem 0;}
	.ft-t .menu .col{margin-top: 0.25rem;}
	.ft-t .lks li{font-size: 0.17rem;}
	.ft-b .txt{line-height: 1.6;}
	
	
	.pub-tt{margin-bottom: 0.3rem;}
	.pub-tt .ic{width: 0.34rem;height: 0.34rem;}
	.pub-tt .ic.l{margin-right: 0.06rem;}
	.pub-tt .ic.r{margin-left: 0.06rem;}
	.pub-tt .smbt{font-size: 0.28rem;text-align: center;line-height: 1.3;max-width: calc(100% - 0.9rem);}
	
	
	
	
	.inner-ban{height: 2.2rem;}
	.inner-ban .box{top: 50%;transform: translate(0,-50%);padding:0 2%;}
	.inner-ban .txt{display: none;}
	.inner-ban .pub-tt .smbt{font-size: 0.3rem;}
	
	.banner-wrap .crumb{position: static;}
	.banner-wrap .crumb *{color:#333;}
	
	.crumb{margin-top: 0.2rem;}
	.crumb i{margin:0 0.05rem;}
	
	
	.cp-main{padding:0.5rem 0;}
	.cp-list .item{width: 100%;margin-bottom: 5%;}
	.cp-list .imgbox{border-radius: 0.1rem;}
	.cp-list .more{font-size: 0.18rem;width: 1.3rem;height: 0.4rem;}
	
	/* blog */
	.blog-main{padding:0.6rem 0;}
	.blog-menu .lk{line-height: 0.45rem;}
	
	.blog-list{margin:0;}
	.blog-list .item{width: 100%;margin:0 0 0.3rem;}
	.blog-list .item:last-child{margin-bottom: 0;}
	.blog-list .box{padding:0;}
	.blog-list .imgbox{border-radius: 0.1rem;}
	.blog-list .info{padding:0 0.2rem 0.2rem;}
	.blog-list .title{margin-top: 0.2rem;height: auto;}
	
	.pagination{margin-top: 0.55rem;}
	.pagination select{display: none;}
	.pagination li{margin:0 1px;}
	.pagination li span, .pagination li a{font-size: 0.15rem;}
	
	.pub-form .form .box{padding:0.35rem;}
	.pub-form .form .item{width: 100%;margin:0 0 0.25rem;}
	.pub-form .form .tit{font-size: 0.2rem;}
	
	
	/* blogDetail */
	.blog-det{padding:1px 0 0.9rem;}
	.blog-det .titbox{margin:0.55rem 0 0.15rem;}
	.blog-det .title{font-size: 0.23rem;}
	.blog-det .title:before, .blog-det .title::after{display: none;}
	
	.blog-det .edit .tit{font-size: 0.2rem;}
	
	.blog-rela{position: relative;padding:0 0 1rem;margin-bottom: 0.6rem;}
	.blog-rela .topbox{margin-bottom: 0.35rem;}
	.blog-rela .learnmore{position: absolute;left: 50%;bottom: 0;width: 1.7rem;line-height: 0.44rem;transform: translate(-50%,0);}
	
	
	/* tradeshows */
	.trade-mod .t-tit{margin-bottom: 0.25rem;}
	.trade-mod .t-tit::after{width: 0.3rem;height: 0.3rem;}
	.trade-mod .list{margin:0;}
	.trade-mod .list .item{padding:0.1rem;width: 100%;margin:0 0 0.25rem;border-radius: 0.1rem;}
	.trade-mod .list .item:last-child{margin-bottom: 0;}
	.trade-mod .list .imgbox{height: 2.3rem;border-radius: 0.1rem;}
	
	
	
	
	/* who-HardwareWholesalers */
	.fw-hardware .list .item{flex-direction: column-reverse!important;}
	.fw-hardware .list .imgbox{width: 100%;height: 2.6rem;margin:0.25rem 0 0;}
	.fw-hardware .list .info{width: 100%;max-width: 100%;}
	.fw-hardware .list .txt{margin-top: 0.15rem;}
	
	.fw-bar{padding:0.3rem 0;}
	.fw-bar .list{flex-wrap: wrap;}
	.fw-bar .list li{width: 47%;padding:0.22rem 0;}
	.fw-bar .icon{height: 0.6rem;}
	.fw-bar .title{font-size: 0.17rem;}
	
	.fw-advan .list{margin: 0;}
	.fw-advan .list .item{width: 100%;margin:0 0 0.3rem;}
	.fw-advan .list .item:last-child{margin-bottom: 0;}
	.fw-advan .list .imgbox{height: 2.8rem;}
	.fw-advan .list .num{width: 0.26rem;height: 0.269rem;font-size: 0.15rem;margin-right: 0.15rem;}
	.fw-advan .list .title{margin-top: 0.14rem;}
	
	.fw-recom{padding:0.7rem 0;}
	.fw-recom .item .title{margin-top: 0.2rem;}
	
	.fw-recom .swiper-pagination{display: none;}
	.fw-recom  .swiper-button-prev{left:0.1rem;}
	.fw-recom  .swiper-button-next{right:0.1rem;}
	
	.swiper-pagination-bullet{width: 0.1rem;height: 0.1rem;margin: 0 0.05rem !important;}
	
	
	/* service-qualitycontrol */
	.service-top{margin-top: 0.2rem;}
	
	.fw-hardware .list{padding-top: 0;}
	
	.service-fac .t-tit{margin-bottom: 0.25rem;}
	.service-fac .swiper-pagination{margin-top: 0.35rem;}
	
	.service-aim{padding:0.25rem 0.1rem 0;}
	
	
	/* service-instantonlinesupport */
	.service-support .imgbox{width: 100%;}
	.service-support .line{width: 1rem;}
	
	
	/* service-installation&adjustment */
	.service-install .list .item{flex-direction: column-reverse!important;}
	.service-install .list .imgbox{width: 100%;margin-top: 0.15rem;height: 2.6rem;}
	.service-install .list .info{width: 100%;}
	.service-install .list .icon{height: 0.75rem;}
	.service-install .list .txt{max-width: 100%;font-size: 0.18rem;}
	.service-install .list .txt:before{display: none;}
	
	.service-faq{padding:0.6rem 0;}
	.service-faq .top-txt{padding:0}
	
	.faq-list .top{padding: 0.2rem 0.2rem;}
	.faq-list .top:before{width: 0.26rem;height: 0.26rem;margin-right: 0.2rem;}
	.faq-list .title{font-size: 0.22rem;line-height: 1.4;}
	.faq-list .drop{padding: 0 0.4rem 0.3rem 0.7rem;}
	.faq-list .txt{font-size: 0.17rem;}
	
	/* service-onestopsolution */
	.service-solu{padding:0.6rem 0;}
	.service-solu .list{}
	.service-solu .list .item{width: 100%;}
	.service-solu .list .icon{height: 0.62rem;}
	
	.service-solu .cenbox{background:#F5F5F5;padding:0.25rem 0.25rem 0;display: block;margin-bottom: 0.25rem;}
	.service-solu .cenbox .logobox{position: static;transform: translate(0, 0);margin:0 auto 0.25rem;text-align: center;}
	.service-solu .cenbox .title{font-size: 0.21rem;}
	
	.service-solu .col{width: 100%;}
	.service-solu .col1 .grp{flex-direction: row;}
	.service-solu .col2 .grp:last-child{border:0;}
	
	.service-solu .grp{width: 100%;padding: 0.2rem 0;margin:0!important;box-shadow: none;background:transparent;border-bottom:1px solid #e5e5e5;border-radius:0;}
	.service-solu .grp .icon{margin:0 0.2rem 0 0!important;}
	
	.txt-dot p{padding-left: 0;}
	.txt-dot p:before{display: none;}
	
	
	/* service-customprocessoem&odm */
	.service-design .box{display: block;text-align: center;}
	.service-design .icon{margin:0 auto 0.15rem;display: block;width: auto;height: 0.65rem;}
	.service-design .txt{max-width: 100%;font-size: 0.17rem;}
	
	.service-options .bq{padding:0.05rem 0.12rem;}
	
	.service-options .list{justify-content: space-between;}
	.service-options .list .item{width: 48%!important;padding:0;}
	.service-options .list .imgbox{height: 1.4rem;}
	.service-options+.service-install{padding-top: 0.4rem;}
	
	
	
	/* about */
	.us-intro{padding:0.4rem 0 0.5rem;}
	.us-intro .list li{width: 100%;}
	.us-intro .list .fz1{font-size: 0.34rem;}
	
	.us-video{height: 3rem;}
	.us-video .playicon{width: 0.64rem;}
	
	.us-hist{padding:0.6rem 0;}
	.us-hist .detail{margin-left: 0.15rem;}
	.us-hist .detail:before{top: 0.29rem;}
	.us-hist .txt-dot p:before{display: block;}
	.us-hist .item .circle{width: 0.16rem;height: 0.16rem;left: -0.47rem!important;top: 0.3rem!important;}
	
	.us-mis .title{font-size: 0.24rem;}
	.us-mis .line{margin-top: 0.25rem;width: 1rem;}
	
	.us-quote{padding:0.6rem 0;}
	.us-quote .detail{display: block;}
	.us-quote .col{width: 100%;max-width: 100%;}
	.us-quote .item{margin:0 0 0.2rem!important;}
	.us-quote .item .txt{font-size: 0.17rem;line-height: 1.6;margin: 0.1rem 0 0;padding: 0;}
	.us-quote .txt-dot p{padding: 0;}
	.us-quote .readmore{margin-top: 0.4rem;}
	
	
	.us-cp .list .item{width: 100%;}
	.us-cp .list .imgbox{height: 3.6rem;border-radius: 0.15rem;}
	.us-cp .list .shade{padding:0.25rem 0.25rem;}
	.us-cp .list .num{border-width:0.02rem;font-size: 0.26rem;width: 0.4rem;height: 0.4rem;}
	.us-cp .list .smtit{line-height: 1.4;}
	.us-cp .list .item .txt{-webkit-line-clamp: 3;}

	.us-cp .list .item7 .shade{display: block;padding: 0.17rem 0.22rem;text-align: center;}
	.us-cp .list .item7 .num{margin:0 auto;}
	.us-cp .list .item7 .imgbox{height: 3.6rem;}
	
	
	.us-control{padding:0.6rem 0;}
	.us-control .list .item{display: block;margin-bottom: 0.6rem;}
	.us-control .list .info{width: 100%;max-width: 100%;}
	.us-control .list .imgbox{width: 100%;max-width: 100%;margin-top: 0.25rem;height: auto;max-height: 3rem;}
	.us-control .list .title{font-size: 0.28rem;}
	.us-control .list .txt{margin-top: 0.12rem;font-size: 0.18rem;}
	
	.us-track .pub-tt .smbt{max-width: 100%;}
	.us-track .line{width: 1rem;}
	.us-track .pic{margin-top: 0.4rem;}
	
	
	.us-track .list .item{display: block;margin-bottom: 0.6rem;}
	.us-track .list .imgbox{width: 100%;height: 2.5rem;}
	.us-track .list .info{width: 100%;max-width: 100%;}
	.us-track .list .title{font-size: 0.28rem;margin-top: 0.2rem;}
	.us-track .list .txt{font-size: 0.18rem;margin-top: 0.15rem;}
	
	
	
	/* productdetail */
	.cp-top{margin:0.2rem 0 0;padding:0.3rem 0;}
	.cp-top .detail{display: block;}
	.cp-top .slide{width: 100%;margin:0 0 0.5rem;max-width: 100%;}
	.cp-top .swiper1, .cp-top .swiper2{max-width: 100%;margin: 0;}
	.cp-top .swiper1{width: 90%;margin:0 auto;}
	.cp-top .swiper1 .item{background-color: #fff;}
	.cp-top .info{flex:initial;overflow: hidden;}
	.cp-top .title{font-size: 0.26rem;}
	.cp-top .tag{font-size: 0.18rem;line-height: 0.3rem;padding:0 0.1rem;margin-left: 0.1rem;}
	.cp-top .smtit{font-size: 0.2rem;line-height: 0.22rem;}
	.cp-top .txt{margin-top: 0.15rem;}
	
	.cp-top .swiper-button{top: 1.5rem;}
	.cp-top .swiper-button-prev{left: 0;}
	.cp-top .swiper-button-next{right: 0;}
	.cp-top .swiper-pagination{display: none;}
	
	.cp-intro{padding: 0.6rem 0 0.15rem;}
	.cp-intro .desc{padding: 0.3rem 0.3rem;}
	
	.fw-recom .list{margin:-4% 0 0;justify-content: space-between;}
	.fw-recom .list .item{width: 48%;margin:4% 0 0;}
	.fw-recom .item .imgbox{height: 1.8rem;max-width: 90%;}
	.fw-recom .item .title{font-size: 0.2rem;-webkit-line-clamp: 2;line-height: 1.4;}
	
	.cp-sp{padding:0.3rem 0 0.6rem;}
	.cp-sp .list{margin: 0;}
	.cp-sp .list .item{width: 100%;margin:5% 0 0;height: 2.4rem;}
	.cp-sp .list .icon{width: 0.6rem;}
	
	.cp-choose{padding:0.6rem 0;}
	.cp-choose .list .item{display: block;margin: 0 0 5%;padding: 0.24rem 0.35rem;}
	.cp-choose .list .icon{margin:0 0 0.15rem;width: 0.34rem;}
	.cp-choose .list .title{line-height: 1.4;}
	.cp-choose .list .txt{margin-top: 0.08rem;}
	
	.cp-df{padding:0.6rem 0;}
	.cp-df .pub-tt{margin-bottom: 0.4rem;}
	.cp-df .table table{min-width: 7rem;}
	
	
	.cp-df .list .item{display: block;margin-top: 0.5rem;}
	.cp-df .list .imgbox{width: 100%;height: 2.9rem;}
	.cp-df .list .info{width: 100%;max-width: 100%;}
	.cp-df .list .smtit{font-size: 0.28rem;margin-top: 0.25rem;}
	.cp-df .list .txt{font-size: 0.18rem;margin-top: 0.1rem;line-height: 1.7;}
	
	.cp-resource{padding:0.6rem 0;}
	.cp-resource .detail{margin-top: 0.4rem;}
	.cp-resource .list1{display: block;}
	.cp-resource .list1 .item{width: 100%;margin-bottom: 0.3rem;}
	.cp-resource .list1 .info{padding:0.2rem 0;}
	.cp-resource .list1 .title{font-size: 0.25rem;}
	.cp-resource .list .txt{font-size: 0.17rem;}
	
	.cp-resource .list2{margin-top: 0;}
	.cp-resource .list2 .imgbox{width: 1.4rem;height: 1.2rem;}
	.cp-resource .list2 .title{-webkit-line-clamp: 2;}
	
	
	
	
	
	/* index */
	.idx-ban .swiper-button{display: none;}
	.idx-ban .swiper-pagination{display: block;position: absolute;width: 100%;left: 0;bottom: 0.2rem;}
	
	.idx-ban .item{height: 4.5rem;}
	
	.idx-ban .item1 .shade{padding:0 6%;}
	.idx-ban .item1 .title{font-size: 0.24rem;}
	.idx-ban .item1 .txt{padding: 0;margin-top: 0.15rem;}
	.idx-ban .item1 .txt:before{display: none;}
	.idx-ban .item1 .more{min-width: 1.5rem;margin-top: 0.3rem;height: auto;line-height: 0.44rem;}
	
	.idx-ban .item2 .info{height: 1.2rem;}
	.idx-ban .item2 .grps{justify-content: space-around;}
	.idx-ban .item2 .grp{display: block;padding:0;}
	.idx-ban .item2 .icon{width: 0.6rem;display: block;margin:0 ;}
	.idx-ban .item2 .font{display: none;}
	
	.idx-ban .item3 .shade{padding: 0 5.5% 0.6rem;}
	.idx-ban .item3 .lbox{display: none;}
	.idx-ban .item3 .rbox{width: 100%;}
	
	
	
	
	.idx-top .list{flex-wrap: wrap;padding:0.1rem 0;}
	.idx-top .list .item{width: 50%;padding:0.13rem 0;}
	.idx-top .list .icon{height: 0.5rem;}
	.idx-top .list .title{font-size: 0.18rem;}
	
	.idx-cp{padding:0.6rem 0 0.9rem;}
	.idx-cp .list{padding-top: 0.1rem;}
	.idx-cp .list .item{display: block;}
	.idx-cp .list .imgbox{width: 100%;height: 2rem;margin:0 auto 0.2rem;}
	.idx-cp .list .info{height: auto;}
	.idx-cp .list .title{font-size: 0.24rem;}
	.idx-cp .list .txt{height: auto;}
	
	.idx-intro .list{display: block;}
	.idx-intro .list .item{width: 100%;padding:0.2rem 8%!important;}
	.idx-intro .list .icon{height: 0.75rem;margin:0 0 0.05rem;}
	.idx-intro .list .title{font-size: 0.22rem;}
	.idx-intro .list .txt{font-size: 0.18rem;}
	
	.idx-us .mod{padding:0.65rem 0!important;}
	.idx-us .detail{display: block;}
	.idx-us .imgbox{width: 100%;height: 3.4rem;margin:0 0 0.25rem;}
	.idx-us .info{width: 100%;}
	.idx-us .title{font-size: 0.28rem;padding-bottom: 0.1rem;}
	.idx-us .title::after{width: 0.7rem;height: 0.03rem;}
	
	.cp-resource .pub-tt .bt{justify-content: center;}
	.cp-resource .topbox{display: block;}
	.cp-resource .menu{max-width: 100%;margin:0.3rem 0 0.3rem;width: 100%;}
	
	
	/* contact */
	.contact-ban .inner-ban .box{top: 50%;transform: translate(0,-50%);}
	.contact-ban  .inner-ban .pub-tt .smbt{font-size: 0.26rem;text-align: left;line-height: 1.4;}
	.contact-ban .inner-ban .pub-tt .smbt::after{display: none;}
	
	.contact-form{margin:0.2rem 0 0;}
	
	
	.contact-infor{padding:0.7rem 0;}
	.contact-infor .detail{padding-top: 0.1rem;}
	.contact-infor .row{display: block;}
	.contact-infor .row .item{width: 100%!important;margin:0 0 5%!important;border-radius:0.1rem!important;}
	
	.contact-infor .item{padding:0.15rem 0.15rem 0.15rem 0.35rem;}
	.contact-infor .item .icon{width: 0.5rem;margin-right: 0.25rem;}
	.contact-infor .map{border-radius:0.1rem;}
	
	
	
	.kf-side{bottom: 3%;right: 0.1rem;}
	.kf-side .lk{width: 0.4rem;height: 0.4rem;margin-bottom: 0.08rem;}
	.kf-side .icon{width: 0.22rem;}
	
	
	
}



/**补充样式**/
font{color: inherit; font-size: inherit; font-family:inherit; font-weight: inherit; }
a{ text-decoration: none !important; }
.idx-cp .list .title a{ color: #ffffff; } 
.idx-cp .list .item:hover .title a{color:#000;}
.fw-advan .list .num{border:none; font-size: 28px; }
.banner-wrap .inner-ban img{ height: 100% }
.cp-resource .list .item .title a{ text-decoration: none; }
.cp-resource .list .item:hover .title a{color:#B60029;}
.txt{line-height: 1.8}
.auto .desc p{line-height: 1.8}

table{}
table th,table td{font-size: 0.16rem;padding:0.25rem 0.1rem;text-align: center;font-family: 'PoppinsSemiBold';}
table th{color:#fff;background-color: #000;text-transform: uppercase;}
table td{border-bottom:1px solid #000;}
table td:nth-child(odd){background-color: #fafafa;}
table thead tr:nth-child(2) th{background-color: #727171;}
table{ margin: 0 auto; max-width: 14rem; width: 94%;}
.table table{width: 100%;}


@media (max-width:767px) {
    .cp-choose .list .item{display: block;margin: 0 0 5%;padding: 0.24rem 0.35rem; display: flex; line-height: 1.4}
    .cp-choose .list .icon{margin:0 0 0.15rem;width: 0.34rem; margin-right: 0.2rem;margin-top: 0.1rem}
}

.auto p,.auto strong,.auto div,.auto h1{ font-family:'Roboto';   } 
.idx-us .imgbox .img{transition: all 0.8s; height: 100%;}
.cp-df .list .info{width: 48%;max-width: 8rem;}
.cp-df .list .txt{font-size: 0.16rem;margin-top: 0.18rem;font-family: 'Roboto';max-width: 6.8rem;}
.cp-df .list .item{margin-top: 0.4rem;}
.item .img{height: 100%}
.crumb .auto{width: 95%}
.cp-sp{padding:0 0 0rem;}

.us-track .pic{max-width: 12rem;display: block;margin:0.85rem auto 0;width: 100%;}
.us-track .pic.wap{display: none;}
.us-track .pic.wap{width: 110%; position: relative; left: -5%}
@media (max-width:767px) {
    .cp-df .list .info{width: 100%;max-width: 100%;}
    .us-track .pic.web{display: none;}
    .us-track .pic.wap{display: block;}
    .cp-main{padding:0.25rem 0;}
    .crumb i{margin:0 0rem;}
    .cp-intro{padding: 0.25rem 0 0.15rem;}
    .cp-intro .desc{margin-bottom: 0.25rem;}
    .fw-recom{padding:0.4rem 0;}
    .cp-sp{padding:0.3rem 0 0rem;}
    .cp-df{padding:0.25rem 0;}
    .cp-resource{padding:0.25rem 0;}
    .service-faq{padding:0.25rem 0;}
}

.list-paddingleft-2{ list-style-type: disc; }
.list-paddingleft-2 li{
    list-style:inherit;
}
.edit ul,.edit ol{
    padding: revert;
}

.list .item a h2{font-family: 'Roboto';}