@charset "utf-8";

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

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

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

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

@font-face
{font-family: MulishExtraBold;
src: url('Mulish-ExtraBold.ttf')}

@font-face
{font-family: MulishMedium;
src: url('Mulish-Medium.ttf')}


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


@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;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:'MulishRegular', "microsoft yahei",'PingFang SC','PingFangMedium';/* font-size: inherit; */}
img{border:0;display: inline-block;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: 15rem;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;} */

.btn{width: 2.25rem;height: 0.6rem;border-radius:.31rem;background-color: #fb8750;display: flex;align-items: center;justify-content: space-between;font-size: 0.18rem;color:#fff;padding:0 .15rem 0 .3rem;border:0;cursor: pointer;font-family: 'MulishMedium';}
.btn span{background-color: #fff;width: 0.42rem;height: 0.42rem;border-radius:50%;box-shadow:0 0 .1rem rgba(255,255,255,.86);display: flex;align-items: center;justify-content: center;font-size: 0.16rem;color:#fb8750;}
.btn span::after{content:'\e60e';font-family: 'iconfont';}
.btn:hover{background-color: #f3631e;}

.btn.white{background-color: #fff;color:#000;}
.btn.white span{background-color: #fb8750;color:#fff;box-shadow:0 0 .1rem rgba(251,135,80,.86);}
.btn.white:hover{color: #fb8750;}


/* 公共部分 */
.head{height: 1rem;background-color: #fff;position: sticky;width: 100%;left: 0;top: 0;z-index:100;border-bottom:1px solid #efefef;}
.head .wrap{height: 100%;display: flex;align-items: center;justify-content: space-between;}

.hd-logo .img{height: .7rem;width: auto;}


.hd-nav{}
.hd-nav li{display: inline-block;vertical-align: middle;margin-left: 0.75rem;position: relative;}
.hd-nav li:first-child{margin-left: 0;}
.hd-nav li>a{display: block;font-size: 0.16rem;color:#000000;line-height: .6rem;position: relative;font-family: 'MulishSemiBold';}
.hd-nav li.cur>a,.hd-nav li:hover>a{color:#fb8750;}
.hd-nav li.has>a:after{content:'\e772';font-family:'iconfont';margin-left: .05rem;}


.hd-nav li:hover .drop{opacity: 1;visibility: visible;transform: scaleY(1);}

.hd-nav .drop{width: 2rem;position: absolute;left:50%;transform:scaleY(0);visibility: hidden;opacity: 0;transition: all .4s ease 0s;transform-origin: center top;background-color: #fb8750;margin-left: -1rem;margin-top: -1px;border-radius:.06rem;}
.hd-nav .drop .lk{font-size: 0.15rem;color:#fff;line-height: 0.22rem;display: block;min-width: 25%;text-align: center;border-bottom:1px solid rgba(255,255,255,.15);padding:.12rem 0;}
.hd-nav .drop .lk:hover{opacity: .85;}
.hd-nav .drop .lk:last-child{border-bottom:none;}

.head .r{display: flex;align-items: center;}

.hd-sear{margin-left: 1rem;}
.hd-sear .icon{width: 0.3rem;height: 0.3rem;cursor: pointer;display: flex;align-items: center;justify-content: center;font-weight: bold;}
.hd-sear .icon::after{content:'\e651';font-size: 0.2rem;color:#070707;font-family: 'iconfont';}

.hd-sear-box{position: fixed;width: 100%;height: 100%;left: 0;top: 0;background-color: rgba(0,0,0,.6);z-index:110;display: none;}
.hd-sear-box .box{max-width: 8rem;line-height: 0.6rem;width: 90%;position: absolute;left: 50%;top: 50%;transform: translate(-50%,-50%);background-color: #fff;border-radius:.1rem;display: flex;overflow: hidden;}
.hd-sear-box .ipt-txt{font-size: 0.16rem;color:#000;flex:1;overflow: hidden;padding:0 .2rem;}
.hd-sear-box .submit{width: 0.6rem;height: 0.6rem;border:none;cursor: pointer;background:url(../images/icon_01.png) no-repeat center;background-size:.26rem;margin-right: 0.05rem;}


.hd-lang{position: relative;margin-left: 0.3rem;}
.hd-lang .font{display: flex;align-items: center;cursor: pointer;font-size: 0.16rem;color:#000;}
.hd-lang .font i{font-size: 0.2rem;color:#070707;margin-right: 0.08rem;}
.hd-lang .font::after{content:'\e775';font-family: 'iconfont';margin-left: 0.07rem;font-size: 0.14rem;transform: rotate(90deg);font-weight: bold;}

.hd-lang .drop{position: absolute;width: .8rem;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.2rem;margin-right: 0.1rem;}
.hd-lang .lk:hover{font-weight: bold;}
.hd-lang:hover .drop{display: block;}



.foot{padding:1rem 0;background:#282828;}
.foot .wrap{display: flex;justify-content: space-between;}
.foot .tit{font-size: 0.22rem;color:#fff;margin-bottom: 0.2rem;font-weight: bold;}
.foot .fz{font-size: 0.16rem;color:#fff;line-height: 0.38rem;display: block;}
.foot a.fz:hover{opacity: .85;}

.foot .col1{max-width: 3.8rem;}

.foot .social{margin-top: 0.25rem;display: flex;}
.foot .social a{margin-right: 0.2rem;font-size: 0.24rem;color:#fff;width: 0.4rem;height: 0.4rem;border-radius:50%;display: flex;align-items: center;justify-content: center;transition: all .3s;}
.foot .social .facebook{background-color: #325190;}
.foot .social .linkedin{background-color: #007abc;}
.foot .social .instagram{background-color: #f64e21;}
.foot .social .youtube{background-color: #fb0606;}
.foot .social .tuite{background-color: #51aaec;}
.foot .social a:hover{opacity: .87;}


/* news */
.inner-ban{height: 6.35rem;position: relative;}
.inner-ban .box{position: absolute;width: 100%;left: 0;top: 50%;transform: translate(0,-50%);}
.inner-ban .bt{font-size: 0.54rem;color:#fff;line-height: 1;font-family: 'FuturaBTBold';}

.crumb{font-size: 0.18rem;color:#fff;line-height: 0.3rem;margin: 0.22rem 0 0;overflow: hidden;text-overflow:ellipsis;white-space: nowrap;}
.crumb *{font-size: inherit;}
.crumb a:hover{color:#fb8750;}


.main{padding:.6rem 0;}

.xw-list{}
.xw-list .item{padding:.6rem 0;display: flex;align-items: center;border-bottom:1px solid #ccc;position: relative;}
.xw-list .imgbox{width:5.35rem;height: 3.6rem;margin-right: 0.6rem;}
.xw-list .info{flex:1;overflow: hidden;}
.xw-list .date{font-size: 0.16rem;color:#898888;}
.xw-list .title{font-size: 0.26rem;color:#000000;line-height: .34rem;-webkit-line-clamp: 2;font-family: 'MulishBold';margin-top: 0.1rem;}
.xw-list .txt{font-size: 0.16rem;color:#4a4a4a;-webkit-line-clamp: 3;line-height: 0.24rem;margin-top: 0.34rem;height: 0.72rem;}
.xw-list .more{font-size: 0.18rem;display: flex;align-items: center;margin-top: 0.42rem;}
.xw-list .more::after{content:'\e8f5';font-family: 'iconfont';margin-left: 0.1rem;margin-top: 0.04rem;}
.xw-list .item::after{content:'';position: absolute;left: 0;bottom: 0;height: 1px;background-color: #fb8750;width: 0;transition: all .5s;}
.xw-list .item:hover::after{width: 100%;}
.xw-list .item:hover{border-color:transparent;}
.xw-list .item .title:hover{color: #fb8750;}
.xw-list .item:hover .more{color: #fb8750;}
.xw-list .item:last-child{border:0;}
.xw-list .item:last-child::after{display: none;}


.pagelist{margin-top: 0.6rem;text-align: center;}
.layui-laypage{margin: 0;}

.layui-laypage a, .layui-laypage span{font-size: 0.16rem;width: 0.3rem;height: 0.3rem;background-color: #fff;margin:0 .06rem;text-align: center;padding: 0;overflow: hidden;border:none!important;border-radius:.04rem;line-height: 0.3rem;color:#969696;}

.layui-laypage>a:last-child, .layui-laypage>a:last-child em{border-radius:.04rem;}
.layui-laypage .layui-laypage-prev,.layui-laypage .layui-laypage-next{padding:0 ;border-radius:.04rem;}
.layui-laypage .layui-laypage-prev em,.layui-laypage .layui-laypage-next em{line-height: 1;}
.layui-laypage .layui-laypage-prev{border-radius:.04rem!important;background:#fff!important;color:#333;}
.layui-laypage .layui-laypage-next{background-color: #fff;color:#333;}
.layui-laypage .layui-laypage-curr .layui-laypage-em{background-color: #fb8750;}
.layui-laypage a:hover{color:#fb8750;}
.layui-laypage .layui-laypage-skip{background-color: #fff;height: 0.34rem;line-height: 0.34rem;color:#333;}
.layui-laypage .layui-laypage-curr em{display: block;}


/* newsDetail */
.xw-det{padding:.85rem 0 .7rem;}
.xw-det .auto{max-width: 11rem;}
.xw-det .topbox{text-align: center;margin-bottom: 0.34rem;border-bottom:1px solid #cccccc;padding:0 0 .25rem;}
.xw-det .title{font-size: 0.26rem;line-height: 1.4;font-family: 'MulishExtraBold';}
.xw-det .date{font-size: 0.16rem;color:#898888;margin-top: 0.15rem;}
.xw-det .edit{font-size: 0.16rem;color:#4a4a4a;line-height: 1.6;}

.pagenav{margin:.5rem 0 0;border-top:1px solid #dcdcdc;display: flex;justify-content: space-between;padding:.25rem 0;}
.pagenav .lk{font-size: 0.16rem;color:#080808;line-height: 0.4rem;}
.pagenav .prev::before,.pagenav .next::after{content:'\e775';font-family: 'iconfont';display: inline-block;vertical-align: middle;font-size: 0.13rem;margin-top: -0.02rem;}
.pagenav .prev::before{transform: rotate(-180deg);margin-right: 0.08rem;}
.pagenav .next::after{margin-left: 0.08rem;}
.pagenav .prev:hover,.pagenav .next:hover{color:#fb8750;}


/* service */
.fw-tps{padding:1rem 0 0;}
.fw-tps .list{display: flex;flex-wrap: wrap;justify-content: space-between;}
.fw-tps .item{position: relative;height: 6.45rem;margin-bottom: 1.5%;overflow: hidden;}
.fw-tps .item .title{font-size: 0.3rem;color:#fff;font-family: 'FuturaBTBold';}
.fw-tps .item .txt{font-size: 0.18rem;color:#fff;line-height: 0.24rem;font-family: 'MulishSemiBold';margin-top: 0.44rem;}

.fw-tps .item .box1{position: absolute;width: 100%;left: 0;top: 0;padding:.8rem .4rem 0;}
.fw-tps .item .box2{background-color: rgba(243,118,58,.7);position: absolute;width: 100%;height: 100%;left: 0;bottom: 0;transition: all .3s;opacity: 0;display: flex;flex-direction: column;align-items: flex-start;justify-content: center;}

.fw-tps .item:nth-child(2),.fw-tps .item:nth-child(3){width: 39.5%;}
.fw-tps .item:nth-child(1),.fw-tps .item:nth-child(4){width: 59%;}
.fw-tps .item:hover .box1{display: none;}
.fw-tps .item:hover .box2{opacity: 1;padding:0 6%;}

.pub-tt{margin-bottom: 0.45rem;}
.pub-tt .bt{font-size: 0.6rem;font-family: 'FuturaBTBold';}
.pub-tt .smwz{font-size: 0.16rem;color:#000000;margin-top: 0.15rem;line-height: 1.3;}
.pub-tt.white .bt{color:#fff;}

.fw-case{padding:.7rem 0 .5rem;}
.fw-case .list .item{margin-bottom: 0.75rem;display: flex;align-items: center;justify-content: space-between;}
.fw-case .list .info{width: 48%;padding:0 .2rem 0 0;}
.fw-case .list .title{font-size: 0.44rem;font-family: 'FuturaBTBold';}
.fw-case .list .txt{font-size: 0.16rem;line-height: 0.24rem;margin-top: 0.44rem;}
.fw-case .list .imgbox{height: 5.1rem;width: 48%;}
.fw-case .list .item:nth-child(even){flex-direction: row-reverse;}
.fw-case .list .item:nth-child(even) .info{padding-left: 0.4rem;}



/* contact */
.lx-sec{padding:1rem 0;}
.lx-sec .detail{display: flex;justify-content: space-between;align-items: flex-start;}
.lx-sec .lbox{width: 45%;}
.lx-sec .rbox{width: 53%;padding:.44rem .65rem .65rem;background-color: #f9f8f8;margin-top: 0.1rem;}

.lx-sec .t-tit{font-size: 0.5rem;color:#131313;font-family: 'FuturaBTBold';line-height: 1.2;}
.lx-sec .smtxt{font-size: 0.16rem;color:#666666;line-height: 0.26rem;margin-top: 0.1rem;}
.lx-sec .smtit{font-size: 0.16rem;color:#fb8750;display: flex;align-items: center;margin-bottom: 0.15rem;font-weight: bold;}
.lx-sec .smtit::before{content:'';display: inline-block;vertical-align: middle;width: 0.34rem;height: 0.17rem;background:url(../images/lx_02.png) no-repeat center;background-size:contain;margin-right: 0.15rem;}

.lx-sec .list{margin-top: 0.55rem;background:url(../images/lx_07.png) no-repeat left bottom;background-size:contain;padding:0 0 .6rem;}
.lx-sec .list li{margin-bottom: 0.35rem;display: flex;align-items: center;}
.lx-sec .list .icon{width: 0.82rem;margin-right: 0.3rem;}
.lx-sec .list .tit{font-size: 0.16rem;color:#434343;line-height: 0.3rem;}
.lx-sec .list .txt{font-size: 0.18rem;color:#000000;line-height: 1.4;font-weight: bold;}
.lx-sec .list li:last-child{margin-bottom: 0;}

.lx-sec .social{display: flex;align-items: center;margin-top: 0.2rem;}
.lx-sec .social span{font-size: 0.24rem;color:#131313;margin-right: 0.4rem;font-weight: bold;}
.lx-sec .social a{margin-right: 0.1rem;font-size: 0.22rem;color:#131313;width: 0.5rem;height: 0.5rem;border-radius:50%;background-color: #f6f7f9;font-weight: bold;display: flex;align-items: center;justify-content: center;}
.lx-sec .social a:hover{opacity: .85;}


.lx-sec .form{margin-top: 0.35rem;}
.lx-sec .form .row{display: flex;justify-content: space-between;}
.lx-sec .form .item{width: 49%;margin-bottom: 2%;}
.lx-sec .form .ipt{font-size: 0.16rem;color:#000;width: 100%;}
.lx-sec .form .ipt-txt{height: 0.5rem;line-height: 0.5rem;padding:0 .2rem;}
.lx-sec .form .con{height: 1.8rem;line-height: 1.4;padding:.16rem .2rem;resize:none;}
.lx-sec .form .submit{margin-top: 0.25rem;}

.lx-sec .map{height: 6rem;margin-top: 0.8rem;}




/* about */
.us-intro{padding:1rem 0;}
.us-intro .detail{display: flex;align-items: center;justify-content: space-between;}
.us-intro .imgbox{height: 5rem;width: 46%;overflow: hidden;}
.us-intro .info{width: 50%;}
.us-intro .title{font-size: 0.44rem;color:#000;line-height: 1.2;font-family: 'FuturaBTBold';}
.us-intro .txt{font-size: 0.16rem;color:#282828;margin-top: 0.2rem;max-width: 6.8rem;line-height: 1.4;}

.us-cul{padding:1.2rem 0 1.8rem;background:url(../images/us_03.jpg) no-repeat center;background-size:cover;}
.us-cul .list{display: flex;justify-content: space-between;padding-top: 0.6rem;}
.us-cul .list .item{background-color: rgba(255,255,255,.16);min-height: 3.65rem;padding:.65rem .4rem;width: 30.3%;}
.us-cul .list .top{font-size: 0.24rem;color:#fff;font-family: 'FuturaBTBold';display: flex;align-items: center;}
.us-cul .list .icon{width: 0.66rem;margin-right: 0.2rem;}
.us-cul .list .txt{font-size: 0.18rem;color:#fff;line-height: 0.26rem;margin-top: 0.3rem;}


.us-wp{padding:.9rem 0;}
.us-wp .detail{padding:0 0 0 2.05rem;}
.us-wp .item{height: 5.8rem;}
.us-wp .swiper-slide{width: 9.8rem;}

.us-wp .swiper-pagination{position: static;margin-top: 0.5rem;font-size: 0;}
.us-wp .swiper-pagination-bullet{width: 0.18rem;height: 0.06rem;opacity: 1;border-radius:0;background-color: #c6c6c6;margin:0 .06rem!important;}
.us-wp .swiper-pagination-bullet-active{background-color: #fb8750;}



/* product */
.cp-main{background-color: #f8f8f8;}
.cp-main .wrap{display: flex;align-items: flex-start;}
.cp-l{width: 3.1rem;}
.cp-r{width:calc(100% - 3.1rem);padding-left: 0.35rem;}

.cp-menu{margin-bottom: 0.2rem;background-color: #fff;}
.cp-menu .t-tit{font-size: 0.28rem;color:#fff;background-color: #000;font-family: 'MulishExtraBold';height: 0.7rem;display: flex;align-items: center;justify-content: center;}
.cp-menu .box{padding:.3rem .25rem;}
.cp-menu .list{}
.cp-menu .list .item{margin-bottom: 0.2rem;}
.cp-menu .list .item:last-child{margin-bottom: 0;}
.cp-menu .list .tit{font-size: 0.2rem;color:#010101;line-height: 1.2;font-weight: bold;}
.cp-menu .list .tit::before{content:'';display: inline-block;vertical-align: middle;width: 0.06rem;height: 0.06rem;background-color: #000;border-radius:50%;margin-right: 0.1rem;}
.cp-menu .list .drop{padding: 0.12rem 0 0 0.3rem;display: none;}
.cp-menu .list .lk{display: block;font-size: 0.16rem;color:#474747;line-height: 1.3;padding:.06rem 0;}
.cp-menu .list .lk:hover,.cp-menu .list .lk.this{color:#f3763a;}
.cp-menu .list .item.cur .tit{color:#f3763a;}
.cp-menu .list .item.cur .tit::before{background-color: #f3763a;}
.cp-menu .list .item.cur .drop{display: block;}

.cp-tp .img{width: 100%;display: block;}

.cp-zm{display: flex;align-items: center;margin-bottom: 0.45rem;}
.cp-zm span{font-size: 0.16rem;padding:0 .15rem;display: inline-block;vertical-align: middle;font-family: 'MulishSemiBold';line-height: 0.4rem;border-radius:.06rem;background-color: #e4e4e4;margin-right: 0.17rem;}
.cp-zm .lks{flex:1;overflow: hidden;display: flex;justify-content: space-between;}
.cp-zm .lk{font-size: 0.18rem;color:#000;padding:0 .05rem;}
.cp-zm .lk.checked{color:#f3763a;}

.cp-pp{margin-bottom: 0.45rem;position: relative;padding:0 .25rem;}
.cp-pp .lk{display: block;font-size: 0.16rem;line-height: 0.36rem;border-radius:.06rem;background-color: #e4e4e4;text-align: center;cursor: pointer;transition: all 0s;}
.cp-pp .lk:hover{color:#fff;background-color: #f3763a;}

.cp-pp .swiper-container{position: static;}
.cp-pp .swiper-button{width: 0.4rem;height: 0.4rem;background: #fff;display: flex;align-items: center;justify-content: center;font-size: 0.16rem;color:#000;border-radius:50%;box-shadow:0 0 .12rem rgba(0,0,0,.09);}
.cp-pp .swiper-button::after{content:'\e779';font-family: 'iconfont';}
.cp-pp .swiper-button-prev{left: -.22rem;}
.cp-pp .swiper-button-next{transform: rotate(180deg);right: -.22rem;}
.cp-pp .swiper-button:hover{color:#fff;background-color: #f3763a;}

.cp-list{display: flex;flex-wrap: wrap;margin:-1.7% 0 0 -1.7%;}
.cp-list .item{padding: 0.15rem;background-color: #fff;width: 31.6%;margin:1.7% 0 0 1.7%;}
.cp-list .imgbox{height: 1.75rem;display: flex;align-items: center;justify-content: center;}
.cp-list .img{width: 100%;height: 100%;object-fit: contain;}
.cp-list .title{font-size: 0.18rem;color:#000000;font-family: 'MulishSemiBold';line-height: 0.5rem;text-align: center;-webkit-line-clamp: 1;}
.cp-list .rows{}
.cp-list .row{padding:0 .12rem;height: 0.4rem;display: flex;align-items: center;justify-content: space-between;}
.cp-list .row span{font-size: 0.14rem;color:#575757;}
.cp-list .row:nth-child(odd){background-color: #f1f1f1;}
.cp-list .item:hover .title{color:#f3763a;}



/* productDetail */
.cp-det{background-color: #f8f8f8;padding:0 0 .2rem;}

.cp-m{background-color: #fff;padding: 0.2rem;margin-bottom: 0.55rem;}

.cp-top{box-shadow:0 0 .4rem rgba(0,0,0,.09);margin-top: -0.4rem;position: relative;z-index:10;display: flex;align-items: center;padding:.5rem .2rem;justify-content: space-between;}
.cp-top .imgbox{width: 50%;height: 4.7rem;position: relative;}
.cp-top .pic{width: 9.35rem;position: absolute;right: 0;top: 50%;transform: translate(0,-50%);max-width: initial;}
.cp-top .info{width: 49%;}
.cp-top .title{font-size: 0.26rem;line-height: 1.3;font-family: 'MulishExtraBold';}
.cp-top .bqs{margin-top: 0.18rem;}
.cp-top .bqs span{display: inline-block;vertical-align: middle;font-size: 0.16rem;min-width: .9rem;text-align: center;line-height: 0.34rem;border-radius:.06rem;padding:0 .14rem;margin-right: 0.06rem;}
.cp-top .bqs span:nth-child(1){color:#164180;background-color: #e9f2ff;}
.cp-top .bqs span:nth-child(2){color:#e9540e;background-color: #ffeee6;}
.cp-top .list{display: flex;flex-wrap: wrap;margin-top: 0.5rem;}
.cp-top .list li{width: 33.3%;margin-bottom: 0.35rem;}
.cp-top .list .fz{font-size: 0.16rem;color:#181818;}
.cp-top .list .wz{font-size: 0.16rem;color:#181818;font-weight: bold;margin-top: 0.05rem;}
.cp-top .anniu{font-size: 0.2rem;color:#fff;width: 2.4rem;height: 0.64rem;line-height: 0.64rem;text-align: center;background-color: #f3763a;border-radius:.31rem;border:0;cursor: pointer;}
.cp-top .anniu:hover{background-color: #f3631e;}

.cp-table{}
.cp-table .detail{border:1px solid #d3d3d3;max-width: 850px;}
.cp-table .t-tit{font-size: 0.3rem;color:#000000;font-weight: bold;line-height: 0.7rem;background-color: #efefef;padding:0 .2rem;}
.cp-table table{}
.cp-table table td{height: 0.6rem;padding:.06rem .2rem .06rem .3rem;line-height: 1.3;border-bottom:1px solid #d3d3d3;text-align: left;font-size: 0.16rem;color:#565656;}
.cp-table table td:first-child{width: 40%;font-weight: bold;color:#000;}
.cp-table table tr:last-child td{border:0;}

.cp-xq{}
.cp-xq .t-tit{font-size: 0.34rem;font-weight: bold;margin-bottom: 0.13rem;}
.cp-xq .txt{font-size: 0.18rem;color:#000000;line-height: 0.26rem;}
.cp-xq .list{display: flex;flex-wrap: wrap;margin-left: -3%;}
.cp-xq .list li{width: 30.3%;margin:0 0 3% 3%;}



.lx-form{padding:.4rem 1.2rem .7rem;}
.lx-form .row{display: flex;justify-content: space-between;}
.lx-form .item{width: 49.3%;margin-bottom: 1.5%;}
.lx-form .ipt{font-size: 0.16rem;color:#000;width: 100%;background-color: #f3f3f3;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.4;padding:.16rem .15rem;resize:none;}
.lx-form .submit{margin: 0.35rem 0 0;}


.cp-recom{padding:.75rem 0;}
.cp-recom .detail{padding:.2rem 0 0;}
.cp-recom .item{padding:0 0 .25rem;}
.cp-recom .item .imgbox{height: 3.4rem;}
.cp-recom .item .img{width: 100%;height: 100%;object-fit: contain;display: block;margin:0 auto;}
.cp-recom .item .title{font-size: 0.22rem;color:#191919;margin-top: 0.3rem;-webkit-line-clamp: 1;text-align: center;}
.cp-recom .item:hover .title{color:#fb8750;}



/* index */
.idx-ban{position: relative;}
.idx-ban .item{height: calc(100vh - 1rem);overflow: hidden;}
.idx-ban .box{position: absolute;width: 100%;left: 0;top: 50%;transform: translate(0,-50%);z-index:70;}
.idx-ban .title{font-size: 0.88rem;color:#fff;font-family: 'FuturaBTBold';line-height: 1.2;text-shadow:0 .02rem 0 rgba(0,0,0,.54);max-width: 10.2rem;}
.idx-ban .more{margin-top: 0.65rem;}
.idx-ban .font{font-size: 0.24rem;color:#fff;margin-top: 2.1rem;}

.idx-ban .swiper-pagination{font-size: 0;bottom: 0.35rem;}
.idx-ban .swiper-pagination-bullet{width: 0.12rem;height: 0.12rem;opacity: 1;border-radius:50%;background-color: #c6c6c6;margin:0 .09rem!important;}
.idx-ban .swiper-pagination-bullet-active{background-color: #fb8750;}


.idx-tt{margin-bottom: 0.6rem;display: flex;align-items: center;justify-content: space-between;}
.idx-tt .bt{font-size: 0.68rem;font-family: 'FuturaBTBold';line-height: 1.1;}
.idx-tt .more{font-size: 0.18rem;color:#fb8750;display: inline-block;vertical-align: middle;font-family: 'MulishMedium';position: relative;line-height: 1.6;transition: all .3s;}
.idx-tt .more::after{content:'\e60e';font-family: 'iconfont';margin-left: 0.1rem;font-size: 0.16rem;}
.idx-tt .more::before{content:'';position: absolute;left: 0;bottom: 0;height: 1px;background-color: #fb8750;width: 100%;transition: all .3s;}
.idx-tt .more:hover::before{width: 80%;}
.idx-tt .smtxt{font-size: 0.16rem;color:#717171;line-height: 0.24rem;text-align: center;max-width: 5.9rem;margin:.15rem auto 0;}

.idx-xw{padding:.8rem 0 1rem;background:url(../images/idx_07.jpg) no-repeat center;background-size:cover;}
.idx-xw .detail{display: flex;align-items: flex-start;}
.idx-xw .list .date{font-size: 0.16rem;color:#838383;}
.idx-xw .list .title{font-size: 0.18rem;line-height: 0.24rem;font-family: 'MulishBold';-webkit-line-clamp: 2;height: 0.48rem;}
.idx-xw .list .more{font-size: 0.16rem;display: inline-block;vertical-align: middle;font-family: 'MulishMedium';}
.idx-xw .list .more::after{content:'\e60e';font-family: 'iconfont';margin-left: 0.07rem;font-size: 0.14rem;}
.idx-xw .list .item:hover .more{color:#fb8750;}

.idx-xw .list1{display:flex;justify-content: space-between;width: 65%;}
.idx-xw .list1 .item{background-color: #fff;width: 46%;margin-right: 4%;}
.idx-xw .list1 .imgbox{height:3.05rem;}
.idx-xw .list1 .info{padding:.2rem .2rem .37rem;}
.idx-xw .list1 .title{margin-top: 0.17rem;}
.idx-xw .list1 .more{margin-top: 0.4rem;}
.idx-xw .list1 .item:hover{box-shadow:0 0 .14rem rgba(0,0,0,.1);}

.idx-xw .list2{width: 35%;}
.idx-xw .list2 .item{margin-bottom: 0.28rem;display: flex;align-items: center;}
.idx-xw .list2 .imgbox{width: 2.2rem;height: 1.5rem;margin-right: 0.3rem;}
.idx-xw .list2 .info{flex:1;overflow: hidden;}
.idx-xw .list2 .title{margin-top: 0.1rem;}
.idx-xw .list2 .more{margin-top: 0.2rem;}
.idx-xw .list2 .item:last-child{margin-bottom: 0;}


.idx-us{margin-bottom: 0.55rem;min-height: 7rem;background:url(../images/idx_08.jpg) no-repeat center top;background-size:100% 7rem;padding:1.55rem 0 0;}
.idx-us .detail{background-color: rgba(0,0,0,.5);display: flex;}
.idx-us .info{width: 51%;padding:.3rem .7rem;display: flex;flex-direction: column;justify-content: center;align-items: flex-start;}
.idx-us .info .fz{font-size: 0.24rem;color:#fff;font-family: 'MulishMedium';}
.idx-us .info .title{font-size: 0.4rem;color:#fff;font-family: 'MulishBold';margin-top: 0.1rem;line-height: 1.4;}
.idx-us .info .txt{font-size: 0.16rem;color:#fff;line-height: 0.24rem;font-family: 'MulishMedium';margin-top: 0.25rem;max-width: 5.15rem;}
.idx-us .info .more{margin-top: 0.65rem;}

.idx-us .list{width: 49%;display: flex;flex-wrap: wrap;}
.idx-us .list .item{width: 50%;height: 3.25rem;padding:.65rem 0.35rem 0 .55rem;border-top:1px solid #9d9d9d;border-left:1px solid #9d9d9d;}
.idx-us .list .num{font-size: 0.6rem;color:#fff;line-height: 1;font-family: 'FuturaBTBold';}
.idx-us .list .num i{font-size: inherit;font-family: inherit;}
.idx-us .list .fz{font-size: 0.16rem;color:#fff;height: 1rem;overflow: hidden;margin-top: 0.18rem;line-height: 1.4;}
.idx-us .list .font{font-size: 0.18rem;color:#fff;font-family: 'MulishBold';}
.idx-us .list .item:nth-child(1),.idx-us .list .item:nth-child(2){border-top:0;}


.idx-fw{padding:0.6rem 0;background:url(../images/idx_09.jpg) no-repeat center;background-size:cover;}
.idx-fw .idx-tt{display: block;text-align: center;margin-bottom: 0;}
.idx-fw .detail{display: flex;align-items: center;justify-content: space-between;margin-top: 0.85rem;}
.idx-fw .imgbox{width: 58%;}
.idx-fw .pic{width: calc(100% + 1.2rem);margin-left: -1.2rem;}
.idx-fw .list{width: 38%;}
.idx-fw .list .item{margin-bottom: 0.48rem;display: flex;align-items: center;}
.idx-fw .list .icon{width: 1.16rem;margin-right: 0.2rem;}
.idx-fw .list .title{font-size: 0.24rem;font-weight: bold;}
.idx-fw .list .txt{font-size: 0.16rem;color:#717171;line-height: 0.24rem;margin-top: 0.08rem;}
.idx-fw .list .item:last-child{margin-bottom: 0;}

.idx-subs{padding:1.5rem 0;height: 8.7rem;background:url(../images/idx_15.jpg) no-repeat center;background-size:cover;}
.idx-subs .idx-tt{display: block;text-align: center;margin-bottom: 0;}
.idx-subs .form{max-width: 6.65rem;margin:.7rem auto 0;display: flex;border-radius:.1rem;overflow: hidden;}
.idx-subs .form .ipt-txt{flex:1;overflow: hidden;font-size: 0.16rem;color:#333;padding:0 .25rem;border:1px solid #a7a7a7;border-right:0;border-radius:.1rem 0 0 .1rem;}
.idx-subs .form .submit{font-size: 0.18rem;color:#fff;width: 1.6rem;height: 0.78rem;display: flex;align-items: center;justify-content: center;background-color: #fb8750;border:0;cursor: pointer;}
.idx-subs .form .submit:hover{background-color: #f3631e;}