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

@font-face
{font-family: FuturaBTBold;
src: url('FuturaBT-Bold.otf')}

@font-face
{font-family: Inter;
src: url('Inter-Regular.ttf')}
@font-face
{font-family: InterBold;
src: url('Inter-Bold.ttf')}
@font-face
{font-family: InterSemiBold;
src: url('Inter-SemiBold.ttf')}
@font-face
{font-family: InterMedium;
src: url('Inter-Medium.ttf')}

@font-face {
  font-family: 'iconfont';
  src: url('iconfont/iconfont.woff2?t=1705108683799') format('woff2'),
       url('iconfont/iconfont.woff?t=1705108683799') format('woff'),
       url('iconfont/iconfont.ttf?t=1705108683799') format('truetype');
}
.iconfont {
  font-family: "iconfont" !important;
  font-size: .16rem;
  font-style: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}


*{box-sizing:border-box;color:#000;font-size: .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:'Inter', "microsoft yahei",'PingFang SC','PingFangMedium';/* 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;}
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: 16rem;width: 94%;}
.auto1720{margin:0 auto;max-width: 17.2rem;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{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;}

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

/* 公共部分 */
.head{background-color: #fff500;position: sticky;width: 100%;left: 0;top: 0;z-index:100;}
.head::after{content:'';position: absolute;right: 0;bottom: 0;height: 0.75rem;background-color: #000;width: 50%;}
.head .wrap{display: flex;align-items: center;justify-content: space-between;}
.hd-logo{padding:0 .35rem;margin-right: 0.5rem;}
.hd-logo .img{width: 1.15rem;}

.hd-txt{font-size: 0.5rem;color:#142ded;font-family: 'FuturaBTBold';line-height: 0.8rem;}

.head .botbar{background-color: #010103;height: 0.75rem;display: flex;align-items: center;justify-content: space-between;position: relative;z-index:20;}
.head .botbar::before{content:'';position: absolute;width: 0.32rem;background:url(../images/icon_02.png) no-repeat center;background-size:100% 100%;left: -.32rem;top: 0;bottom: 0;}
.head .r{flex:1;}
.head .rb{display: flex;align-items: center;}

.hd-nav{padding-left: .4rem;}
.hd-nav li{display: inline-block;vertical-align: middle;margin-right: 0.85rem;}
.hd-nav li:last-child{margin-right: 0;}
.hd-nav li>a{display: block;font-size: 0.18rem;color:#fff;line-height: 0.75rem;position: relative;text-transform: uppercase;font-family: 'FuturaBTBold';}
.hd-nav li.cur>a,.hd-nav li:hover>a{color:#fff100;}

.hd-nav li:hover .drop,.hd-nav li.aa .drop{opacity: 1;visibility: visible;transform: scaleY(1);}
.hd-nav .drop{width: calc(100% + 0.32rem);position: absolute;left:-.32rem;transform: scaleY(0);visibility: hidden;opacity: 0;transition: all .4s ease 0s;transform-origin: center top;background-color: rgba(255,255,255,.95);padding:.3rem 0;}


.hd-nav .drop .box{display: flex;flex-wrap: wrap;padding:0 .1rem 0 .3rem;margin-left: -2%;}
.hd-nav .drop .col{width: 23%;padding:.15rem 0;margin-left: 2%;}
.hd-nav .drop .tit{font-size: 0.2rem;text-transform: uppercase;font-family: 'FuturaBTBold';line-height: 0.34rem;display: flex;align-items: center;margin-bottom: 0.05rem;}
.hd-nav .drop .ic{width: 0.26rem;margin-right: 0.1rem;}
.hd-nav .drop .lks{padding-left: 0.36rem;}
.hd-nav .drop .lk{display: block;font-size: 0.17rem;line-height: 0.32rem;}
.hd-nav .drop .lk:hover{color:#e60012;}




.hd-lang{position: relative;margin-right: 0.25rem;}
.hd-lang .font{font-size: 0.16rem;color:#fff;cursor: pointer;display: flex;align-items: center;}
.hd-lang .font .ico{width: 0.35rem;margin-right: 0.1rem;}
.hd-lang .font::after{content:'';display: inline-block;vertical-align: middle;width: 0.16rem;height: 0.16rem;background:url(../images/icon_05.png) no-repeat center;background-size:contain;margin-left: 0.08rem;}
.hd-lang .drop{position: absolute;width: 100%;left: 50%;transform: translate(-50%,0);padding-top: 0.15rem;display: none;}
.hd-lang .dropbox{background-color: #fff;padding:.18rem 0 .08rem .15rem;position: relative;box-shadow:rgba(0, 0, 0, 0.25) 0 0 .1rem;}
.hd-lang .lk{font-size: 0.15rem;margin-bottom: 0.12rem;display: flex;align-items: center;}
.hd-lang .ic{width: 0.22rem;margin-right: 0.1rem;}
.hd-lang .lk:hover{color:#e60012;}
.hd-lang:hover .drop{display: block;}


.hd-sear{}
.hd-sear .icon{cursor: pointer;display: none;}
.hd-sear .icon::after{content:'\e651';font-family: 'iconfont';font-size: 0.22rem;color:#fff;}

.hd-sear .form{width: 2.7rem;}
.hd-sear .box{background-color: #fff;border-radius:.06rem;overflow: hidden;display: flex;padding-right: 1px;}
.hd-sear .ipt-txt{font-size: 0.16rem;line-height: 0.44rem;padding:0 .15rem;flex:1;overflow: hidden;}
.hd-sear .submit{width: 0.44rem;height: 0.44rem;border:none;cursor: pointer;background:#fff;}
.hd-sear .submit::after{content:'\e651';font-family: 'iconfont';font-size: 0.2rem;color:#000;font-weight: bold;}









.foot{background:url(../images/ft_01.jpg) no-repeat center top;background-size:cover;}

.ft-t{padding:.8rem 0;}
.ft-t .wrap{display: flex;align-items: center;justify-content: space-between;}
.ft-t .txt{width: 48%;font-size: 0.32rem;color:#fff100;line-height: 0.42rem;font-family: 'FuturaBTBold';max-width: 6.75rem;}
.ft-t .search{height: 0.8rem;max-width: 7.5rem;width: 48%;display: flex;border-radius:.06rem;overflow: hidden;margin-right: 0.35rem;}
.ft-t .search .ipt-txt{font-size: 0.16rem;flex:1;overflow: hidden;padding:0 .25rem;}
.ft-t .search .submit{font-size: 0.18rem;font-family: 'InterSemiBold';width: 1.75rem;background-color: #fff100;border:none;cursor: pointer;}
.ft-t .search .submit:hover{background-color: #e60012;color:#fff;}

.ft-c{padding:.15rem 0 .6rem;}
.ft-c .wrap{display: flex;align-items: flex-start;}
.ft-c .lbox{width: 5.15rem;margin-right: 1.5rem;}
.ft-c .rbox{flex:1;overflow: hidden;display: flex;justify-content: space-between;}
.ft-c .pics{}
.ft-c .pics .tp{height: 0.9rem;width: auto;margin-right: 0.4rem;}
.ft-c .font{font-size: 0.18rem;color:#ebde00;font-family: 'FuturaBTBold';margin-top: 0.15rem;text-transform: uppercase;}
.ft-c .txt{font-size: 0.18rem;color:#fff;line-height: 0.28rem;font-family: 'InterMedium';margin-top: 0.13rem;}

.ft-c .col{max-width: 4.3rem;margin-top: 0.4rem;}
.ft-c .col:first-child{min-width: 2.5rem;}
.ft-c .smtit{font-size: 0.22rem;color:#fff100;font-family: 'FuturaBTBold';margin-bottom: 0.16rem;text-transform: uppercase;}
.ft-c .lks{}
.ft-c .lk{display: block;font-size: 0.18rem;color:#fff;line-height: 2.1;}
.ft-c a.lk:hover{color:#fff100;}
.ft-c .social{padding-top: 0.06rem;}
.ft-c .social .icon{font-size: 0.26rem;color:#fff;margin-right: 0.2rem;}
.ft-c .social .icon span{font-size: inherit;}
.ft-c .social .icon:last-child{margin-right: 0;}
.ft-c .social .icon:hover{color:#fff100;}

.ft-b{text-align: center;border-top:1px solid #313131;padding:.25rem 0;background-color: #000000;}
.ft-b .txt{font-size: 0.16rem;color:#fff;line-height: 0.3rem;}



.btn{width: 2.75rem;height: 0.6rem;line-height: 0.6rem;font-size: 0.18rem;color:#fff;text-align: center;background-color: #e60012;border-radius:.06rem;display: inline-block;vertical-align: middle;padding:0 .2rem;font-family: 'FuturaBTBold';border:none;cursor: pointer;box-shadow:0 .06rem .09rem rgba(188,0,15,.4);text-transform: uppercase;}
.btn:hover{background-color: #cf0212;color:#fff;}

/* news */
.inner-ban{height: 4.4rem;}

.xw-main{padding:1.15rem 0 .7rem;}

.xw-list{}
.xw-list .item{margin-bottom: 0.6rem;padding: 0.3rem;box-shadow:0 0 .26rem rgba(0,0,0,.1);display: flex;align-items: center;}
.xw-list .imgbox{/* width: 5.2rem; */height: 3.55rem;margin-right: 0.5rem;width: 34%;}
.xw-list .info{flex:1;overflow: hidden;}
.xw-list .title{font-size: 0.28rem;color:#000;font-family: 'InterBold';-webkit-line-clamp: 1;}
.xw-list .date{font-size: 0.14rem;color:#909090;margin-top: 0.18rem;background:url(../images/xw_04.png) no-repeat left center;background-size:.2rem;padding-left:.3rem;line-height: 0.3rem;}
.xw-list .txt{font-size: 0.16rem;color:#5d5d5d;line-height: 0.26rem;-webkit-line-clamp: 2;min-height: .52rem;margin-top: 0.3rem;}
.xw-list .more{margin-top: 0.55rem;color:#fff;box-shadow:none;font-size: 0.16rem;width: 1.8rem;line-height: 0.54rem;height: 0.54rem;}
.xw-list .item:last-child{margin-bottom: 0;}
.xw-list .item:hover .title{color: #e60012;}


.pagelist{margin-top: .6rem;text-align: center;}
.layui-laypage{margin: 0;}
.layui-laypage a, .layui-laypage span{font-size: 0.18rem;min-width: 0.5rem;height: 0.5rem;margin:0 .05rem;line-height: 0.5rem;text-align: center;padding: 0;overflow: hidden;border:none!important;background-color: #e6e6e6;}

.layui-laypage .layui-laypage-prev,.layui-laypage .layui-laypage-next{padding:0 .1rem;}
.layui-laypage .layui-laypage-curr .layui-laypage-em{background-color: #e60012;}
.layui-laypage a:hover{color:#333;}
.layui-laypage .layui-laypage-skip{background-color: #fff;height: 0.5rem;line-height: 0.5rem;color:#333;}
.layui-laypage .layui-laypage-curr em{display: block;line-height: 0.5rem;}


/* newsDetail */
.xw-det{padding:.7rem 0 0;}
.xw-det .auto{max-width: 15rem;}
.xw-det .topbox{text-align: center;padding-bottom: 0.3rem;border-bottom:1px solid #e5e5e5;}
.xw-det .title{font-size: 0.28rem;line-height: 1.4;font-family: 'InterBold';}
.xw-det .date{font-size: 0.14rem;color:#909090;margin-top: 0.2rem;display: inline-block;vertical-align: middle;background:url(../images/xw_04.png) no-repeat left center;background-size:.2rem;padding-left: 0.3rem;line-height: 0.2rem;}
.xw-det .edit{font-size: 0.16rem;color:#5d5d5d;line-height: 1.8;padding:.3rem 0 1rem;}

.pagenav{display: flex;justify-content: space-between;padding:.35rem 0;border-top:1px solid #e5e5e5;}
.pagenav li{font-size: 0.16rem;line-height: 0.5rem;max-width: 46%;}
.pagenav li:hover,.pagenav li:hover a{color:#e60012;}

/* about */
.us-intro{padding:.85rem 0;}
.us-intro .detail{display: flex;justify-content: space-between;align-items: flex-start;}
.us-intro .info{width: 49%;}
.us-intro .bt{font-size: 0.52rem;color:#e60012;font-family: 'FuturaBTBold';}
.us-intro .smbt{font-size: 0.24rem;font-family: 'FuturaBTBold';text-transform: uppercase;margin-top: 0.06rem;}
.us-intro .txt{font-size: 0.16rem;line-height: 1.6;margin-top: 0.35rem;}
.us-intro .imgbox{border-radius:.08rem;overflow: hidden;height: 6.8rem;width: 48.5%;}

.idx-tt{margin-bottom: 0.5rem;text-align: center;}
.idx-tt .bt{display: inline-block;vertical-align: middle;position: relative;}
.idx-tt .bt span{font-size: 0.52rem;font-family: 'FuturaBTBold';text-transform: uppercase;line-height: 0.7rem;position: relative;z-index:2;display: block;}
.idx-tt .bt::after{content:'';width: 100%;height: 0.16rem;background:url(../images/icon_10.jpg) repeat-x center;position: absolute;left: 0;bottom: .04rem;z-index:1;}

.us-nfa{padding:.45rem 0;background-color: #f0f0f0;}
.us-nfa .detail{}
.us-nfa .item{display: block;}
.us-nfa .item .imgbox{height: 4.5rem;border-radius:.08rem;overflow: hidden;}
.us-nfa .item .title{font-size: 0.24rem;text-align: center;margin-top: 0.15rem;font-family: 'InterSemiBold';}

.us-nfa .swiper-pagination{font-size: 0;margin-top: 0.6rem;position: static;}
.us-nfa .swiper-pagination-bullet{width: 0.24rem;height: 0.05rem;background-color: #d9d9d9;border-radius:.02rem;margin:0 .12rem!important;opacity: 1;display: inline-block;vertical-align: middle;}
.us-nfa .swiper-pagination-bullet-active{width: 0.3rem;height: 0.3rem;background:url(../images/us_06.png) no-repeat center;background-size:contain;}



/* contact */
.lx-sec{padding:.95rem 0;}
.lx-sec .detail{display: flex;padding:0 .85rem;}
.lx-line{width: 1px;background-color: #e5e5e9;margin:0 1.2rem;}

.lx-form{}
.lx-form .bt{font-size: 0.42rem;font-family: 'FuturaBTBold';}
.lx-form .smwz{font-size: 0.16rem;margin-top: 0.15rem;margin-bottom: 0.33rem;}

.lx-form .row{margin-bottom: 0.2rem;justify-content: space-between;}
.lx-form .item{width: 48%;}
.lx-form .ipt{font-size: 0.14rem;color:#000;width: 100%;border:1px solid #5e5e5e;border-radius:.04rem;}
.lx-form .ipt-txt{height: 0.5rem;line-height: 0.5rem;padding:0 .15rem;}
.lx-form .con{height: 1.8rem;line-height: 1.3;padding:.15rem .15rem;resize:none;}
.lx-form .submit{margin-top: 0.15rem;}
.lx-form .ipt:focus{border-color:#e60012;}

.lx-info{max-width: 5.1rem;width: 45%;}
.lx-info .grp{margin-bottom: 0.45rem;}
.lx-info .bt{font-size: 0.26rem;font-weight: bold;font-family: 'FuturaBTBold';margin-bottom: 0.35rem;}
.lx-info .row{font-size: 0.18rem;color:#515151;font-family: 'InterMedium';margin-bottom: 0.25rem;display: flex;align-items: flex-start;line-height: 0.38rem;}
.lx-info .icon{width: 0.3rem;margin-right: 0.16rem;margin-top: 0.04rem;}
.lx-info .grp:last-child{margin-bottom: 0;}
.lx-info .row:last-child{margin-bottom: 0;}


/* productDetail */
.cp-det{}
.cp-det .auto{max-width: 13.4rem;}

.cp-top{padding:.6rem 0;display: flex;justify-content: space-between;}
.cp-top .imgbox{border:1px solid #d7d7d7;border-radius:.1rem;height: 6.3rem;max-width: 6.3rem;width: 49%;display: flex;align-items: center;justify-content: center;overflow: hidden;}
.cp-top .imgbox .img{max-width: 100%;max-height: 100%;height: auto;width: auto;}
.cp-top .info{width: 48%;padding-top: 0.25rem;}
.cp-top .title{font-size: 0.3rem;font-family: 'FuturaBTBold';margin-bottom: 0.33rem;}
.cp-top .row{display: flex;font-size: 0.16rem;color:#484848;margin-bottom: 0.2rem;}
.cp-top .fz{font-size: 0.18rem;color:#000;font-family: 'InterSemiBold';min-width: 1.7rem;}
.cp-top .smb{margin-top: 0.3rem;}
.cp-top .txt{font-size: 0.16rem;color:#484848;line-height: 0.3rem;font-family: 'InterMedium';margin-top: 0.1rem;}
.cp-top .inquiry{margin-top: 0.5rem;}

.cp-video{border-radius:.14rem;overflow: hidden;height: 6.2rem;position:relative;}
.cp-video .shade{position:absolute;width: 100%;height: 100%;left: 0;top: 0;cursor: pointer;}
.cp-video .playicon{width: 1.6rem;height: 1.6rem;position:absolute;left: 50%;top: 50%;transform: translate(-50%,-50%);z-index:6;}
.cp-video .posterimg{width: 100%;display: block;height: 100%;object-fit: cover;}
.cp-video .video{width: 100%;height: 100%;object-fit: fill;}

.cp-lx{padding:.8rem 0 1rem;}

/* product */
.cp-main{padding:.75rem 0 .65rem;background-color: #f7f7f7;}
.cp-main .wrap{display: flex;align-items: flex-start;}
.cp-l{width: 3.1rem;margin-right: 0.35rem;}
.cp-l .module{border:1px solid #e4e4e4;border-radius:.08rem;overflow: hidden;margin-bottom: 0.2rem;background-color: #fff;padding: 0.2rem;}

.moreicon{display: none;}

.cp-menu{}
.cp-menu li{margin-bottom: 0.07rem;}
.cp-menu .tit{font-size: 0.18rem;line-height: 0.3rem;cursor: pointer;position: relative;font-family: 'InterSemiBold';}

.cp-menu .drop{display: none;}
.cp-menu .lk{display: block;font-size: 0.14rem;color:#4f4e4e;line-height: 0.32rem;}
.cp-menu .lk:hover,.cp-menu .lk.this{color:#e60012;}

.cp-menu li.cur .tit{color:#e60012;}
.cp-menu li.cur .drop{display: block;}

.cp-color{}
.cp-color .tit{font-size: 0.18rem;font-family: 'InterSemiBold';margin-bottom: 0.16rem;}
.cp-color .lks{padding-left: 0.18rem;}
.cp-color .lk{display: block;font-size: 0.16rem;color:#4f4e4e;line-height: 0.3rem;background:url(../images/cp_08.png) no-repeat left center;background-size:.14rem;padding-left: 0.3rem;margin-bottom: 0.06rem;}
.cp-color .lk:hover,.cp-color .lk.checked{background-image:url(../images/cp_08-1.png)}


.cp-list{display: flex;flex-wrap: wrap;margin:-1.6% 0 0 -1.6%;}
.cp-list .item{padding:.15rem 0 0;border:1px solid #e4e4e4;border-radius:.08rem;overflow: hidden;width: 23.4%;margin:1.6% 0 0 1.6%;background-color: #fff;}
.cp-list .imgbox{height: 2.5rem;display: flex;align-items: center;justify-content: center;}
.cp-list .imgbox .img{max-width: 95%;max-height: 95%;width: auto;height: auto;}
.cp-list .title{display: block;font-size: 0.16rem;font-family: 'FuturaBTBold';text-align: center;-webkit-line-clamp: 1;margin-top: 0.15rem;}
.cp-list .more{font-size: 0.14rem;color:#e60012;display: block;line-height: 0.55rem;text-align: center;border-top:2px solid #f1f1f1;margin-top: 0.25rem;text-transform: uppercase;font-family: 'InterMedium';}
.cp-list .item:hover .more{font-weight: bold;}

/* index */
.idx-ban{}
.idx-ban .swiper-pagination{bottom: 0.4rem!important;}
.idx-ban .swiper-pagination-bullet{width: 0.12rem;height: 0.12rem;opacity: 1;background-color: #fff;margin:0 .1rem!important;}
.idx-ban .swiper-pagination-bullet-active{background-color: #e60012;width: 0.4rem;border-radius:.1rem;}



.idx-main{background:url(../images/idx_14.jpg) no-repeat center top;background-size:cover;}
.idx-cate{padding:.7rem 0 1rem;}
.idx-cate .list{display: flex;flex-wrap: wrap;margin:-2% 0 0 -2%;}
.idx-cate .list .item{border-radius:.08rem;box-shadow:0 0 .1rem rgba(15,15,15,.16);width: 23%;margin:2% 0 0 2%;background-color: #fff;}
.idx-cate .list .imgbox{display: block;}
.idx-cate .list .title{font-size: 0.25rem;font-family: 'FuturaBTBold';text-align: center;-webkit-line-clamp: 1;display: block;padding:0 .1rem;line-height: 0.9rem;}
.idx-cate .list .item:hover .title{color:#e60012;}

.idx-us{}
.idx-us .detail{max-width: 15.8rem;margin:0 auto;background-color: #fff;border-radius:.14rem;box-shadow:0 0 .24rem rgba(15,15,15,.2);display: flex;align-items: center;}
.idx-us .info{padding:.2rem .75rem;flex:1;overflow: hidden;}
.idx-us .bt{font-size: 0.52rem;color:#e60012;font-family: 'FuturaBTBold';}
.idx-us .smbt{font-size: 0.24rem;font-family: 'FuturaBTBold';text-transform: uppercase;margin-top: 0.06rem;}
.idx-us .txt{font-size: 0.16rem;line-height: 1.6;margin-top: 0.35rem;}
.idx-us .more{margin-top: 0.6rem;}
.idx-us .imgbox{width: 49%;height: 6.8rem;overflow: hidden;}

.idx-cp{padding:1.1rem 0;}
.idx-cp .cp-list{margin: -1.6% 0 0 -1.6%;}
.idx-cp .cp-list .item{width: 18.4%;margin: 1.6% 0 0 1.6%;}
.idx-cp .readmore{margin-top: 0.5rem;}

.idx-xw{padding:.6rem 0 .95rem;background-color: #fff;}
.idx-xw .detail{display: flex;}
.idx-xw .videobox{max-width: 8.55rem;width: 49%;height: 4.65rem;overflow: hidden;position:relative;}
.idx-xw .videobox .shade{position:absolute;width: 100%;height: 100%;left: 0;top: 0;cursor: pointer;}
.idx-xw .videobox .playicon{width: 1.6rem;height: 1.6rem;position:absolute;left: 50%;top: 50%;transform: translate(-50%,-50%);z-index:6;}
.idx-xw .videobox .posterimg{width: 100%;display: block;height: 100%;object-fit: cover;}
.idx-xw .videobox .video{width: 100%;height: 100%;object-fit: fill;}



.idx-xw .list{flex:1;overflow: hidden;display: flex;flex-wrap: wrap;}
.idx-xw .list .item{width: 47.5%;margin-left: 2.5%;}
.idx-xw .list .imgbox{height: 2.75rem;display: block;}
.idx-xw .list .title{font-size: 0.2rem;line-height: 0.28rem;font-family: 'FuturaBTBold';-webkit-line-clamp: 2;margin-top: 0.15rem;text-transform: uppercase;}
.idx-xw .list .txt{font-size: 0.16rem;color:#3d3c3c;line-height: 0.24rem;-webkit-line-clamp: 2;margin-top: 0.15rem;}
.idx-xw .list .more{font-size: 0.16rem;font-family: 'FuturaBTBold';display: inline-block;vertical-align: middle;margin-top: 0.25rem;text-transform: uppercase;}
.idx-xw .list .item:hover .more{color:#e60012;}
.idx-xw .list .title:hover{color:#e60012;}





@media screen and (min-width:992px) and (max-width:1199px){
	.auto{width: 10.5rem;}
	.auto1720{width: 10.5rem;}
	html{font-size: 5.5rem!important;}


	.hd-logo{padding: 0;margin-right: 0.3rem;}
	.hd-logo .img{width: 1rem;}

	.hd-txt{font-size: 0.28rem;}

	.hd-nav{padding-left: 0.15rem;}
	.hd-nav li{margin-right: 0.3rem;}

	.hd-sear .form{width: 2rem;}


	.ft-t .txt{font-size: 0.26rem;}
	.ft-t .search .submit{width: 1.5rem;}

	.ft-c .lbox{width: 45%;margin-right: 1rem;}
	.ft-c .pics .tp:last-child{margin-right: 0;}
	.ft-c .rbox{display: block;}
	.ft-c .lks{margin-left:-.2rem;}
	.ft-c .lk{display: inline-block;vertical-align: middle;margin-left: 0.2rem;}
	.ft-c .col{margin-top: 0.25rem;}
	.ft-c .col:first-child{min-width: auto;margin-top: 0;}

	/* news */
	.xw-list .imgbox{height: 3.2rem;}

	/* contact */
	.lx-sec .detail{padding: 0;}
	.lx-line{margin:0 .5rem;}
	.lx-info{width: 40%;}


	/* product */
	.cp-list{margin:-2% 0 0 -2%;}
	.cp-list .item{width: 48%;margin:2% 0 0 2%;}


	/* index */
	.idx-us .info{padding:.2rem .5rem}
	.idx-us .bt{font-size: 0.46rem;}
	.idx-us .more{margin-top: 0.4rem;}


}

@media screen and (min-width:768px) and (max-width:991px){
	.auto{padding:0 3%;width: 100%;}
	.auto1720{padding:0 3%;width: 100%;}
	html{font-size: 5.6rem!important;}

	.sj-menu{position:absolute;right: 2%;top: 50%;width: .4rem;height: .4rem;display: flex;margin-top: -0.2rem;align-items: center;justify-content: center;}
	.sj-menu::after{content:'\e790';font-size: 0.3rem;color:#fff;font-family: 'iconfont';}
	.sj-menu.close::after{content:'\eca0';}

	/* 公共部分 */
	.head{background:#000;border-bottom:1px solid rgba(0,0,0,.2);height: .9rem;}
	.head .wrap{height: 100%;}
	.head .botbar{height: auto;background:transparent;justify-content: flex-end;margin-right: 0.7rem;}
	.head .botbar::before{display: none;}
	.head::after{display: none;}
	.hd-txt{display: none;}

	.hd-logo{padding: 0;}
	.hd-logo .img{width: auto;height: .6rem;}

	.hd-lang{margin-right: 0.35rem;}

	.hd-sear .icon{display: block;}
	.hd-sear .icon::after{font-size: 0.2rem;}
	.hd-sear .form{position: fixed;width: 100%;background-color: #000;left: 0;top: 0.9rem;z-index:100;padding:.3rem;border-top:1px solid rgba(255,255,255,.15);display: none;}

	.hd-nav{position: fixed;width: 100%;left: 0;top: 0.9rem;bottom: 0;overflow-y: scroll;background-color: #000;display: none;overflow-x: hidden;padding-left: 0;border-top:1px solid rgba(255,255,255,.15);}
	.hd-nav li{display: block;margin: 0;position: relative;}
	.hd-nav li>a{font-size: 0.18rem;line-height: 0.7rem;padding:0 4%;border-bottom:1px solid rgba(255,255,255,.15);}
	.hd-nav li>a::after{display: none;}

	.hd-nav .arrow{position: absolute;right: 0;top: 0;width: 0.7rem;height: 0.7rem;background:url(../images/icon_05.png) no-repeat center;background-size:.24rem;}
	.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;display: none;}
	.hd-nav .drop .box{width: 100%;max-width: 100%;display: block;margin: 0;padding:0 0 0 .5rem;}
	.hd-nav .drop .col{width: 100%;padding: 0;margin: 0;position: relative;}
	.hd-nav .drop .tit{color:#fff;font-size: 0.16rem;border-bottom:1px solid rgba(255,255,255,.15);margin: 0;line-height: 0.6rem;}
	.hd-nav .drop .ic{display: none;}
	.hd-nav .drop .lks{display: none;}
	.hd-nav .drop .lk{color:#fff;border-bottom:1px solid rgba(255,255,255,.15);line-height: 0.6rem;}



	.ft-t{padding:.6rem 0;}
	.ft-t .txt{font-size: 0.24rem;width: 100%;text-align: center;}
	.ft-t .wrap{flex-direction: column;justify-content: center;}
	.ft-t .search{width: 90%;max-width: 100%;margin: 0.3rem auto 0;height: 0.65rem;}
	.ft-t .search .submit{width: 1.5rem;}

	.ft-c .wrap{display: block;}
	.ft-c .lbox{width: 80%;margin: 0 auto;text-align: center;}
	.ft-c .pics .tp{margin: 0 .25rem;}
	.ft-c .rbox{}

	.ft-c .col{margin-top: 0.45rem;}
	.ft-c .col:first-child{min-width: 1.8rem;}
	.ft-c .smtit{font-size: 0.2rem;}

	.btn{height: 0.5rem;line-height: 0.5rem;width: 2.4rem;}

	/* news */
	.inner-ban{height: 2.8rem;}

	.xw-main{padding:.8rem 0;}

	.xw-list .item{padding: .35rem 0;margin-bottom: 0;border-bottom:1px solid #efefef;box-shadow:none;}
	.xw-list .imgbox{width:3.2rem;height: 2.3rem;margin-right: 0.35rem;}
	.xw-list .title{font-size: 0.24rem;}
	.xw-list .date{margin-top: 0.1rem;}
	.xw-list .txt{margin-top: 0.2rem;}
	.xw-list .more{margin-top: 0.3rem;width: 1.5rem;line-height: 0.45rem;height: 0.45rem;}
	.xw-list .item:first-child{padding-top: 0;}

	.pagelist{margin-top: 0.5rem;}
	.layui-laypage a, .layui-laypage span{font-size: 0.16rem;min-width: .4rem;height: 0.4rem;line-height: 0.4rem;}
	.layui-laypage .layui-laypage-curr em{line-height: 0.4rem;}

	/* newsDetail */
	.pagenav{display: block;padding:.25rem 0;}
	.pagenav li{max-width: 100%;line-height: 0.4rem;}

	/* about */
	.us-intro .detail{display: block;}
	.us-intro .info{width: 100%;}
	.us-intro .imgbox{width: 100%;height: auto;margin-top: 0.35rem;}


	.us-nfa .item .imgbox{height: 3rem;}
	.us-nfa .swiper-pagination{margin-top: 0.4rem;}


	/* contact */
	.lx-sec .detail{padding: 0;display: block;}
	.lx-line{display: none;}
	.lx-info{width: 100%;max-width: 100%;margin-top: 0.5rem;display: flex;justify-content: space-between;}
	.lx-info .grp{width: 47%;}
	.lx-info .bt{font-size: 0.3rem;margin-bottom: 0.25rem;}

	.lx-form .bt{font-size: 0.36rem;}

	/* productDetail */
	.cp-top .imgbox{height: 4.3rem;}
	.cp-top .info{padding-top: 0;}
	.cp-top .title{font-size: 0.26rem;}
	.cp-top .fz{min-width: 1.3rem;}
	.cp-top .row{margin-bottom: 0.12rem;}

	.cp-video{height: 5rem;}
	.cp-video .playicon{width: 1.2rem;height: 1.2rem;}


	/* product */
	.cp-main .wrap{display: block;}
	.cp-l{width: 100%;margin: 0;position: fixed;left: 0;top: 0;bottom: 0;background-color: rgba(0,0,0,.5);z-index:200;display: none;}
	.cp-l .conbox{max-height: 85vh;overflow-y: scroll;position: absolute;width: 100%;left: 0;bottom: 0;background-color: #fff;padding:.15rem;}
	.moreicon{font-size: 0.18rem;color:#fff;background-color:#e60012;height: 0.6rem;display: flex;text-align: center;text-transform: uppercase;margin-bottom: 0.3rem;align-items: center;justify-content: center;position: relative;}
	.moreicon::after{content:'';width: 0.22rem;height: 0.22rem;background:url(../images/icon_05.png) no-repeat center;background-size:contain;margin-left: 0.15rem;position: absolute;right: 0.2rem;top: 50%;margin-top: -0.11rem;}


	.cp-list{margin:-3% 0 0 0;justify-content: space-between;}
	.cp-list .item{width: 48.5%;margin:3% 0 0 0;}
	.cp-list .imgbox{height: 2.1rem;}

	.idx-tt{margin-bottom: 0.3rem;}
	.idx-tt .bt span{font-size: 0.44rem;}

	/* index */
	.idx-ban .item{height: 4.2rem;}

	.idx-cate{padding:.7rem 0;}
	.idx-cate .list .item{width: 31.3%;}
	.idx-cate .list .title{font-size: 0.2rem;line-height: 0.65rem;}

	.idx-us .detail{display: block;box-shadow:none;}

	.idx-us .info{padding:.3rem .5rem .5rem;}
	.idx-us .bt{font-size: 0.4rem;}
	.idx-us .smbt{font-size: 0.22rem;}
	.idx-us .more{margin-top: 0.4rem;}
	.idx-us .imgbox{display: none;}

	.idx-cp{padding:.7rem 0;}
	.idx-cp .cp-list{margin:-2% 0 0 -2%;}
	.idx-cp .cp-list .item{width: 48%;margin:2% 0 0 2%;}

	.idx-xw .detail{display: block;}
	.idx-xw .videobox{width: 100%;max-width: 100%;height: 4rem;}

	.idx-xw .list{justify-content: space-between;}
	.idx-xw .list .item{width: 48.5%;margin: 3% 0 0;}
	.idx-xw .list .imgbox{height: 2.4rem;}


}