@charset "utf-8";

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

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

@font-face
{font-family: SignikaLight;
src: url('Signika-Light.ttf')}

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


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

@font-face
{font-family: vistaslabotce;
src: url('vista-slab-otce-7.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;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:'SignikaMedium', "microsoft yahei",'PingFang SC','PingFangMedium';/* font-size: inherit; */ color:#fff;}
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: 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: #000000;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;}

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

.btn{font-size: 0.18rem;color:#fff;background-color: #ca2a2a;border:none;cursor: pointer;line-height: 0.48rem;border-radius:.24rem;min-width: 1.55rem;padding:0 .2rem;display: inline-block;vertical-align: middle;text-align: center;transition: all .3s;}
.btn:hover{background-color: #f4a41b;}

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

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

.hd-nav li:first-child{margin-left: 0;}
.hd-nav li{display: inline-block;vertical-align: middle;margin:0 0 0 .7rem;height: 1.3rem;padding:.4rem 0;}
.hd-nav li>a{display: block;font-size: 0.18rem;color:#fff;line-height: .5rem;position: relative;font-family: 'vistaslabotce';}
.hd-nav li>a::after{content:'';height: .32rem;width: .32rem;background:url(../images/icon_01.png) no-repeat center;background-size:contain;position: absolute;left: 50%;top: 50%;transition: all .6s;margin-left: -0.16rem;margin-top: -0.16rem;opacity: 0;z-index:1;}
.hd-nav li>a span{position: relative;z-index:2;text-transform: uppercase;}
.hd-nav li:hover>a::after,.hd-nav li.cur>a::after{display: block;transform: rotate(360deg);opacity: 1;}


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


.hd-nav .drop{width: 100%;position: absolute;top: 1.3rem;left:0;transform:scaleY(0);visibility: hidden;opacity: 0;transition: all .4s ease 0s;transform-origin: center top;background-color: rgba(255,255,255,.9);padding:.3rem 0;}
.hd-nav .row{margin-bottom: 0.3rem;}
.hd-nav .row:last-child{margin-bottom: 0;}
.hd-nav .tit{font-size: 0.2rem;color:#000;font-family: 'vistaslabotce';margin-bottom: 0.1rem;}
.hd-nav .lks{margin-left: -0.4rem;}
.hd-nav .lk{display: inline-block;vertical-align: middle;font-size: 0.16rem;color:#262626;line-height: 0.36rem;margin-left: 0.4rem;}
.hd-nav .lk:hover{color:#f1a918;}



.hd-sear{margin-left: 1.5rem;}
.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.24rem;color:#fff;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;margin-right: 0.05rem;display: flex;align-items: center;justify-content: center;background:#fff;font-weight: bold;font-size: 0.24rem;color:#000;}
.hd-sear-box .submit::after{content:'';content:'\e651';font-family: 'iconfont';}

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

.hd-lang .drop{position: absolute;width: .85rem;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;color:#000;}
.hd-lang .ic{width: 0.2rem;margin-right: 0.1rem;}
.hd-lang .lk:hover{font-weight: bold;}
.hd-lang:hover .drop{display: block;}




.ft-social{height: 4.97rem;background:url(../images/ft_01.png) no-repeat center;background-size:cover;padding:1.1rem 0 0;margin-top: -1.11rem;position: relative;z-index:10;}
.ft-social .lks{display: flex;justify-content: center;}
.ft-social .lks .icon{width: 1.42rem;height: 1.25rem;background:url(../images/ft_03.png) no-repeat center;background-size:100% 100%;margin:0 .3rem;display: flex;align-items: center;justify-content: center;}
.ft-social .lks .ico{width: 0.6rem;height: 0.6rem;display: block;}
.ft-social .lks .icon:hover{background-image:url(../images/ft_03-1.png)}


.foot{background:url(../images/ft_02.jpg) no-repeat right center;background-size:cover;padding:.9rem 0;}
.foot .wrap{display: flex;justify-content: space-between;}
.foot .col{}
.foot .col1{max-width: 6rem;}
.foot .tit{font-size: 0.38rem;color:#f9a81c;text-transform: uppercase;font-family: 'LuckiestGuyRegular';margin-bottom: 0.25rem;}
.foot .box{}
.foot .wz{font-size: 0.2rem;line-height: 0.38rem;display: block;}
.foot .col1 .wz{font-weight: bold;}
.foot .lk:hover{color:#f9a81c;}



.pub-tt{margin-bottom: 0.7rem;}
.pub-tt .bt{font-size: 0.7rem;text-transform: uppercase;font-family: 'LuckiestGuyRegular';line-height: 1;}
.pub-tt .bt em{color:#f9a81c;font-family: inherit;}
.pub-tt .smwz{font-size: 0.16rem;margin-top: 0.15rem;font-family: 'vistaslabotce';line-height: 1.4;}

.blank{height: 1rem;}

.main-bg{background:url(../images/xw_05.png) no-repeat center;background-size:cover;background-attachment: fixed;}

/* news */
.inner-ban{position: relative;}
.inner-ban .item{/* height: 6.25rem; */ }


.crumb{font-size: 0.18rem;color:#fff;line-height: 0.3rem;position: absolute;width: 100%;left: 0;bottom: 0.45rem;z-index:30;}
.crumb *{font-size: inherit;font-family: 'vistaslabotce';}
.crumb a:hover{color:#f4a41b;}


.xw-main{padding:1rem 0;}
.xw-list{}
.xw-list .item{display: flex;align-items: center;margin-bottom: 0.5rem;}
.xw-list .imgbox{width: 5.45rem;height: 3.65rem;margin-right: 0.35rem;}
.xw-list .info{flex:1;overflow: hidden;}
.xw-list .date{font-size: 0.14rem;color:#f4a41b;font-family: 'SignikaLight';}
.xw-list .title{font-size: 0.28rem;font-family: 'SignikaSemiBold';margin-top: 0.2rem;-webkit-line-clamp: 2;}
.xw-list .txt{font-size: 0.16rem;line-height: 0.26rem;font-family: 'SignikaLight';margin-top: 0.25rem;-webkit-line-clamp: 2;max-width: 7.9rem;}
.xw-list .more{margin-top: 0.4rem;}
.xw-list .item:hover .title{color:#f4a41b;}
.xw-list .item:last-child{margin-bottom: 0;}

.pagelist{margin-top: 1rem;text-align: center;}
.layui-laypage{margin: 0;}
.layui-laypage a, .layui-laypage span{font-size: 0.18rem;color:#fff;min-width: 0.32rem;height: 0.32rem;background-color: rgba(255,255,255,.2);margin:0 .06rem;line-height: 0.32rem;text-align: center;padding: 0;overflow: hidden;border:none!important;border-radius:.04rem;}

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



/* contact */
.lx-main{padding:.85rem 0 .5rem;}

.lx-team{}
.lx-team .list{display: flex;flex-wrap: wrap;margin-left: -3%;}
.lx-team .list .item{display: flex;align-items: flex-start;width: 30.3%;margin:0 0 .9rem 3%;}
.lx-team .list .imgbox{width: 1.98rem;height: 1.98rem;border-radius:.06rem;margin-right: 0.28rem;}
.lx-team .list .img{width: 100%;height: 100%;display: block;}
.lx-team .list .info{flex:1;overflow: hidden;}
.lx-team .list .name{font-size: 0.32rem;font-family: 'vistaslabotce';margin-top: 0.25rem;}
.lx-team .list .txt{font-size: 0.16rem;line-height: 0.28rem;font-family: 'vistaslabotce';margin-top: 0.13rem;}


.lx-msg{padding:.7rem 0 0;}
.lx-msg .pub-tt{margin-bottom: 0.32rem;}
.lx-msg .pub-tt .bt{font-size: 0.48rem;}
.lx-msg .form{max-width: 11.2rem;margin:0 auto;}
.lx-msg .form .row{display: flex;justify-content: space-between;}
.lx-msg .form .item{width: 49.5%;margin-bottom: 1%;}
.lx-msg .form .box{background-color: #fff;display: flex;align-items: flex-start;width: 100%;}
.lx-msg .form .tit{font-size: 0.16rem;color:#4c4c4c;line-height: 0.5rem;margin-left: 0.17rem;font-family: 'SignikaRegular';}
.lx-msg .form .info{flex:1;overflow: hidden;}
.lx-msg .form .ipt{font-size: 0.16rem;color:#555;width: 100%;font-family: 'SignikaRegular';}
.lx-msg .form .ipt-txt{height: 0.5rem;line-height: 0.5rem;padding:0 .13rem;}
.lx-msg .form .con{height: 1.75rem;line-height: 1.3;padding:.15rem .13rem;resize:none;}
.lx-msg .form .submit{margin:.35rem auto 0;width: 2.15rem;line-height: 0.6rem;border-radius:.3rem;display: block;}


/* newsDetail */
.xw-det{padding:.9rem 0 .65rem;}
.xw-det .auto{max-width: 11.4rem;}

.xw-det .title{font-size: 0.28rem;color:#fff;line-height: 1.4;font-family: 'SignikaSemiBold';text-align: center;}
.xw-det .date{font-size: 0.14rem;color:#f4a41b;margin-top: 0.1rem;font-family: 'SignikaLight';text-align: center;}
.xw-det .edit{font-size: 0.16rem;font-family: 'SignikaLight';line-height: 0.26rem;margin-top: 0.35rem;}


.pagenav{padding:.3rem .3rem 0;border-top:1px solid #fff;margin-top: 0.9rem;}
.pagenav li{margin-bottom: 0.28rem;display: flex;align-items: center;}
.pagenav span{font-size: 0.16rem;font-family: 'SignikaRegular';width: 1.1rem;line-height: 0.34rem;margin-right: 0.2rem;background-color: #c02e2c;text-align: center;}
.pagenav a{font-size: 0.16rem;font-family: 'SignikaLight';}
.pagenav li:hover a{color: #f9a81c;}


/* .swiper-pagination{font-size: 0;position: static;margin-top: 0.4rem;}
.swiper-pagination-bullet{margin:0 .11rem!important;width: 0.12rem;height: 0.12rem;background-color: transparent;opacity: 1;border:1px solid #0054ff;}
.swiper-pagination-bullet-active{background-color: #0054ff;}
 */



/* product */
.showmorecp{display: none;}
.cp-main{padding:.65rem 0;background:url(../images/cp_08.png) no-repeat center;background-size:cover;background-attachment: fixed;}
.cp-main .wrap{display: flex;align-items: flex-start;}
.cp-l{width: 2.85rem;}
.cp-r{padding-left: 0.4rem;width:calc(100% - 2.85rem);}

.cp-menu{}
.cp-menu .item{margin-bottom: 0.06rem;}
.cp-menu .tit{font-size: 0.2rem;color:#000;font-family: 'vistaslabotce';height: 0.55rem;background-color: #f1a918;padding:0 .6rem 0 .2rem;display: flex;align-items: center;cursor: pointer;position: relative;}
.cp-menu .tit::after{content:'\eaf3';font-family: 'iconfont';color:#000;position: absolute;right: 0.15rem;top: 50%;transform: translate(0,-50%);}
.cp-menu .drop{padding:.15rem .2rem;background-color: #353535;display: none;}
.cp-menu .lk{display: block;font-size: 0.16rem;line-height: 0.32rem;font-family: 'vistaslabotce';}
.cp-menu .lk:hover{color: #f1a918;}
.cp-menu .item.cur .drop{display: block;}
.cp-menu .item.cur .tit::after{content:'\e870';}


.cp-tt{font-size: 0.24rem;color:#f1a918;font-family: 'vistaslabotce';padding:0 .2rem;line-height: 0.7rem;background-color: #353535;}

.cp-list{display: flex;flex-wrap: wrap;margin-left: -2%;}
.cp-list .item{width: 23%;margin:4% 0 0 2%;}
.cp-list .imgbox{display: flex;align-items: center;justify-content: center;height: 2.3rem;}
.cp-list .img{max-width: 96%;max-height: 96%;width: auto;height: auto;display: block;}
.cp-list .title{font-size: 0.18rem;margin-top: 0.1rem;text-align: center;text-align: center;display: block;}
.cp-list .item:hover .title{color: #f1a918;}


/* productDetail */
.cp-w{padding:0 .2rem;}

.cp-top{display: flex;align-items: center;}
.cp-top .imgbox{width: 5rem;margin-right: 0.6rem;}
.cp-top .imgbox .img{width: 100%;display: block;}
.cp-top .info{flex:1;overflow: hidden;}
.cp-top .title{font-size: 0.4rem;line-height: 1.2;font-family: 'LuckiestGuyRegular';}
.cp-top .txt{font-size: 0.16rem;line-height: 0.28rem;margin-top: 0.13rem;}
.cp-top .button{margin-top: 0.35rem;width: 2.15rem;line-height: 0.6rem;border-radius:.3rem;}


.cp-video{height: 6.3rem;overflow: hidden;position:relative;background: #000;margin-top: 0.7rem;}
.cp-video .shade{position:absolute;width: 100%;height: 100%;left: 0;top: 0;cursor: pointer;}
.cp-video .playicon{width: .96rem;height: .96rem;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%;}


.cp-recom{padding:1.1rem 0 .5rem;}
.cp-recom .pub-tt{margin-bottom: 0.35rem;}
.cp-recom .pub-tt .bt{font-size: 0.48rem;}
.cp-recom .cp-list{margin-top: -4%;}


/* about */
.us-profile{padding:1.05rem 0 1.9rem;background:url(../images/us_02.png) no-repeat center top;background-size:cover;}
.us-profile .detail{display: flex;align-items: center;}
.us-profile .detail .imgbox{width: 7.78rem;height: 5.99rem;background:url(../images/us_03.png) no-repeat center;background-size:100% 100%;position: relative;margin-right: 0.65rem;}
.us-profile .detail .playicon{width: 0.86rem;height: 0.86rem;background:url(../images/icon_04.png) no-repeat center;background-size:contain;position: absolute;left: 50%;top: 50%;transform: translate(-50%,-50%);}
.us-profile .detail .picbox{overflow: hidden;position: absolute;top: 0.2rem;left: 0.2rem;right: 0.2rem;bottom: 0.35rem;}
.us-profile .detail .tp{position: absolute;width: 0.22rem;right: -0.17rem;bottom: 0.35rem;}
.us-profile .detail .info{flex:1;overflow: hidden;}
.us-profile .detail .txt{font-size: 0.18rem;line-height: 0.28rem;}
.us-profile .detail .txt *{font-family: 'SignikaRegular';}
.us-profile .detail .txt p{margin-bottom: 0.2rem;}
.us-profile .detail .pub-tt{margin-bottom: 0.35rem;}


.us-ws{height: 9.9rem;background:url(../images/us_08.png) no-repeat center;background-size:100% 100%;margin-top: -1.05rem;position: relative;z-index:2;padding:2.3rem 0 0;}
.us-ws .item{border-radius:.1rem;border:3px solid #fff;overflow: hidden;overflow: hidden;}
.us-ws .item .img{transition: all 1s;}
.us-ws .item:hover .img{transform: scale(1.1,1.1);}
.us-ws .detail{position: relative;}
.us-ws .swiper-container{position: static;}
.us-ws .swiper-pagination{display: none;}

.swiper-button{width: 0.66rem;height: 0.66rem;border:1px solid #fff;border-radius:50%;background-size:.16rem;margin-top: -0.33rem;}
.swiper-button-prev{left: -0.88rem;}
.swiper-button-next{right: -0.88rem;}
.swiper-button:hover{background-color: #f1a918;border-color:#f1a918;}


.us-cert{background:url(../images/us_10.png) no-repeat center top;background-size:cover;padding:1.1rem 0 2.5rem;margin-top: -1.3rem;position: relative;z-index:2;}
.us-cert .detail{padding:0 .75rem;position: relative;}
.us-cert .item{}
.us-cert .item .img{max-width: 2.95rem;width: 100%;display: block;margin:0 auto;}

.us-cert .swiper-container{position: static;}
.us-cert .swiper-button-prev{left: -.6rem;}
.us-cert .swiper-button-next{right: -.6rem;}
.us-cert .swiper-pagination{display: none;}



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

.idx-ban .swiper-pagination{position: absolute;bottom: 0.25rem;margin: 0;}
.idx-ban .swiper-pagination-bullet{width: 0.1rem;height: 0.1rem;background-color: #000;opacity: 1;margin:0 .08rem!important;}
.idx-ban .swiper-pagination-bullet-active{background-color: #f9a81c;width: 0.3rem;border-radius:.1rem;}


.idx-pro{padding:1rem 0 0;background:url(../images/idx_07.png) no-repeat center top;background-size:100% 3.53rem;}
.idx-pro .menu{text-align: center;margin-bottom: 0.7rem;position: relative;z-index:5;}
.idx-pro .menu .lk{font-size: 0.16rem;color:#000;font-family: 'vistaslabotce';display: inline-block;vertical-align: middle;margin:0 .2rem;background-color: #fff;border-radius:.29rem;min-width: 1.6rem;padding:0 .2rem;text-align: center;line-height: 0.6rem;cursor: pointer;}
.idx-pro .menu .lk.cur,.idx-pro .menu .lk:hover{color:#fff;background-color: #ca2a2a;}

.idx-pro .wrap{height: 8.4rem;background:url(../images/idx_07-1.png) no-repeat center;background-size:100% 100%;margin-top: -1.3rem;padding:2.2rem 0 0;}
.idx-pro .item{display: block;}
.idx-pro .item .imgbox{border-radius:.1rem;overflow: hidden;height: 3.75rem;}
.idx-pro .item .title{font-size: 0.16rem;margin-top: 0.18rem;text-align: center;display: block;}
.idx-pro .item:hover .title{color: #f1a918;}
.idx-pro .detail{position: relative;}
.idx-pro .swiper-container{position: static;}
.idx-pro .swiper-pagination{display: none;}


.idx-us{background:url(../images/idx_08.png) no-repeat center;background-size:cover;margin-top: -1.12rem;position: relative;z-index:2;padding:1.65rem 0 2rem;}
.idx-us .list{display: flex;flex-wrap: wrap;margin-left: -1.5%;margin-top: 0.5rem;}
.idx-us .list .item{width: 23.5%;margin-left: 1.5%;border-radius:.1rem;border:3px solid #fff;}
.idx-us .list .imgbox{height: 100%;border-radius:.1rem;overflow: hidden;}
.idx-us .more{margin-top: 0.6rem;width: 2.15rem;line-height: 0.6rem;border-radius:.3rem;}


.idx-xw{background:url(../images/idx_14.png) no-repeat center;background-size:cover;padding:2rem 0 2.2rem;margin-top: -1.2rem;position: relative;z-index:3;}
.idx-xw .detail{display: flex;flex-wrap: wrap;justify-content: space-around;align-items: flex-start;}
.idx-xw .col{width: 31.5%;}
.idx-xw .titbox{margin-bottom: 0.2rem;}
.idx-xw .titbox .t-tit{font-family: 'LuckiestGuyRegular';font-size: 0.3rem;color:#f9a81c;}
.idx-xw .titbox .txt{font-size: 0.16rem;color:#fff;line-height: 0.24rem;margin-top: 0.06rem;}

.idx-xw .item{display: block;position: relative;margin-bottom: 0.25rem;}
.idx-xw .item .imgbox{height: 100%;}
.idx-xw .item .date{font-size: 0.14rem;color:#010101;font-family: 'SignikaLight';line-height: 0.28rem;background-color: #f9a81c;border-radius:0 .13rem .13rem 0;padding:0 .15rem;position: absolute;left: 0;top: 0.4rem;}
.idx-xw .item .title{font-size: 0.18rem;line-height: 0.24rem;-webkit-line-clamp: 2;position: absolute;width: 100%;left: 0;bottom: 0.2rem;padding:0 .28rem;}
.idx-xw .item:last-child{margin-bottom: 0;}
.idx-xw .item1{height: 5.5rem;}
.idx-xw .item2{height: 5.12rem;}
.idx-xw .item3{height: 2.5rem;}
.idx-xw .item4{height: 2.45rem;}
.idx-xw .item5{height: 3.8rem;}

.gotop{width: 0.62rem;position: fixed;right: 1%;bottom: 10%;z-index:99;padding-top: 0.02rem;display: none;}
.gotop::before{content:'';width: 0.62rem;height: 0.62rem;border-radius:50%;background-color: rgba(255,255,255,.6);position: absolute;left: 0;top: 0;z-index:1;}
.gotop .icon{width: 100%;display: block;position: relative;z-index:2;}
.gotop:hover::before{background-color: #fff;}


/* 弹窗 */
.pop{position: fixed;width: 100%;height: 100%;left: 0;top: 0;z-index:110;background-color: rgba(0,0,0,.7);display: none;}
.pop .wrapbox{position: absolute;left: 50%;top: 50%;transform: translate(-50%,-50%);}

.pop-tc .wrapbox{width: 8.56rem;height: 4.3rem;background:url(../images/pop_01.png) no-repeat center;background-size:cover;display: flex;align-items: flex-start;justify-content: space-between;padding:.75rem 0 0;}
.pop-tc .close{width: 0.3rem;height: 0.3rem;background:url(../images/pop_02.png) no-repeat center;background-size:contain;cursor: pointer;position: absolute;right: 0.25rem;top: 0.2rem;}

.pop-tc .imgbox{width: 3.5rem;margin:.2rem 0 0 -.5rem;}
.pop-tc .imgbox .pic{width: 100%;display: block;}
.pop-tc .info{max-width: 3.4rem;margin-right: 1rem;}
.pop-tc .title{font-size: 0.3rem;color:#000;font-family: 'LuckiestGuyRegular';margin-bottom: 0.3rem;text-align: center;}
.pop-tc .input{height: 0.54rem;border:1px solid #464646;line-height: 0.54rem;border-radius:.04rem;font-size: 0.16rem;color:#000;padding:0 .15rem;width: 100%;}
.pop-tc .submit{margin:.4rem auto 0;display: block;}




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

	.hd-logo .img{height: 0.7rem;}

	.hd-sear{margin-left: 0.6rem;}

	.hd-nav li{margin-left: 0.45rem;}

	/* news */
	.crumb{bottom: 0.25rem;}

	.xw-list .imgbox{width: 5.2rem;}


	/* contact */
	.lx-team .list .item{width: 47%;}


	/* productDetail */
	.cp-top .imgbox{width: 50%;}


	/* about */
	.us-profile .detail{display: block;}
	.us-profile .detail .imgbox{margin:0 auto .3rem;}
	.us-profile .detail .txt{font-size: 0.2rem;}

	.us-ws{height: 7.6rem;padding: 1.6rem 0 0;}

	.us-cert .detail{padding: 0;}



	.swiper-button{display: none;}

	.swiper-pagination{display: block!important;position: static;margin-top: 0.25rem;font-size: 0;}
	.swiper-pagination-bullet{background-color: #fff;margin:0 .06rem!important;}






}

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

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


	/* 公共部分 */
	.head{height: .9rem;}
	.hd-logo .img{height: 0.5rem;}
	.head .r{margin-right: 0.55rem;}

	.hd-lang .font{font-size: 0.18rem;}
	.hd-lang .font .ic{width: 0.28rem;}
	.hd-lang .drop{width: .9rem;}

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

	.hd-nav .arrow{position: absolute;right: 0;top: 0;width: 0.9rem;height: 0.9rem;display: flex;align-items: center;justify-content: center;}
	.hd-nav .arrow::after{content:'\e772';font-family: 'iconfont';font-size: 0.26rem;color:#fff;}
	.hd-nav .arrow.this::after{transform: rotate(180deg);}

	.hd-nav .drop{opacity: 1;visibility: visible;transform: scaleY(1);width: 100%;position: static;padding: .3rem 4%;display: none;margin-left: 0;box-shadow:none;}



	.blank{height: 0.8rem;}
	.ft-social{height: 4rem;padding:.8rem 0 0;margin-top: -0.8rem;}
	.ft-social .lks{padding-top: 0.15rem;}
	.ft-social .lks .icon{width: 1.2rem;height: 1rem;margin:0 .25rem;}
	.ft-social .lks .ico{width: 0.45rem;height: 0.45rem;}


	.foot{padding:.6rem 0;}
	.foot .col{width: 25%;max-width: 100%;}
	.foot .tit{font-size: 0.28rem;margin-bottom: 0.15rem;}
	.foot .wz{font-size: 0.18rem;line-height: 0.34rem;}
	.foot .col1{width: 45%;}
	.foot .col1 .wz{font-weight: normal;}

	.btn{line-height: 0.44rem;}

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

	.crumb{font-size: 0.17rem;bottom: 0.2rem;}

	.xw-list .imgbox{width: 3.6rem;height: 2.6rem;}
	.xw-list .title{font-size: 0.24rem;}
	.xw-list .txt{margin-top: 0.2rem;}
	.xw-list .more{margin-top: 0.25rem;}


	.pagelist{margin-top: 0.8rem;}

	.pub-tt{margin-bottom: 0.5rem;}
	.pub-tt .bt{font-size: 0.52rem;}


	/* contact */
	.lx-team .list{margin: 0;justify-content: space-between;}
	.lx-team .list .item{width: 48%;margin:0 0 5%;}
	.lx-team .list .imgbox{width: 1.1rem;height: 1.1rem;margin-right: 0.15rem;}
	.lx-team .list .name{margin: 0;font-size: 0.24rem;}
	.lx-team .list .txt{line-height: 0.24rem;}


	/* newsDetail */
	.xw-det{padding:.8rem 0 .6rem;}

	.pagenav{padding:.3rem 0 0;}


	/* product */
	.cp-l{display: none;}
	.cp-r{width: 100%;padding: 0;}

	.cp-list .item{width: 31.3%;}
	.cp-list .img{max-width: 90%;max-height: 90%;}



	/* productDetail */
	.cp-top .imgbox{width: 45%;}
	.cp-top .title{font-size: 0.28rem;}

	.cp-video{height: 4.4rem;}
	.cp-video .playicon{width: 0.8rem;height: 0.8rem;}

	.lx-msg .form .submit{margin:.35rem auto 0!important;}



	/* about */
	.us-profile{padding:.8rem 0;}
	.us-profile .detail{flex-direction: column-reverse;}
	.us-profile .detail .imgbox{margin:0 auto .3rem;width: 100%;height: auto;background:transparent;}
	.us-profile .detail .picbox{position: static;}
	.us-profile .detail .txt{font-size: 0.18rem;}

	.us-ws{height: auto;padding: .8rem 0 1.8rem;background:#000;margin: 0;}

	.us-cert{padding:1.1rem 0 1.6rem;}
	.us-cert .detail{padding: 0;}



	.swiper-button{display: none;}

	.swiper-pagination{display: block!important;position: static;margin-top: 0.35rem;font-size: 0;}
	.swiper-pagination-bullet{background-color: #fff;margin:0 .06rem!important;}


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

	.idx-pro{padding:.8rem 0 0;background-size:initial;}
	.idx-pro .menu .lk{min-width: 1.2rem;padding:0 .15rem;margin:0 .07rem;line-height: 0.5rem;}
	.idx-pro .wrap{background-size:initial;height: 7.5rem;padding:1.7rem 0 0;margin-top: -0.8rem;}
	.idx-pro .item .imgbox{height: 3rem;}


	.idx-us .list{margin-top: 0.35rem;}


	.idx-xw{margin-top: -1rem;padding:1.5rem 0 2rem;}
	.idx-xw .item1{height: 4.5rem;}
	.idx-xw .item2{height: 4.12rem;}

	.idx-xw .item5{height: 2.8rem;}


	.pop-tc .wrapbox{width: 80%;height: auto;padding:.65rem .8rem;display: block;border-radius:.2rem;}
	.pop-tc .imgbox{display: none;}
	.pop-tc .info{max-width: 100%;margin: 0;}

}

@media screen and (min-width:320px) and (max-width:767px){
	.auto{padding:0 4%;width: 100%;}
	html{font-size: 6.2rem!important;}


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


	/* 公共部分 */
	.head{height: .7rem;}
	.hd-logo .img{height: 0.38rem;}
	.head .r{margin-right: 0.4rem;}

	.hd-lang{margin-left: 0;}
	.hd-lang .font{font-size: 0.15rem;}
	.hd-lang .font .ic{width: 0.24rem;margin-right: 0.03rem;}
	.hd-lang .drop{width: .9rem;}
	.hd-lang .lk{font-size: 0.14rem;}

	.hd-sear{margin-left: 0;margin-right: 0.15rem;}
	.hd-sear .icon{}
	.hd-sear .icon::after{font-size: 0.2rem;}


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

	.hd-nav .arrow{position: absolute;right: 0;top: 0;width: 0.8rem;height: 0.8rem;display: flex;align-items: center;justify-content: center;}
	.hd-nav .arrow::after{content:'\e772';font-family: 'iconfont';font-size: 0.24rem;color:#fff;}
	.hd-nav .arrow.this::after{transform: rotate(180deg);}

	.hd-nav .drop{opacity: 1;visibility: visible;transform: scaleY(1);width: 100%;position: static;padding: .3rem 4%;display: none;margin-left: 0;box-shadow:none;}






	.blank{height: 0;}
	.ft-social{height: 3rem;padding:.7rem 0 0;margin-top: 0;}
	.ft-social .lks{padding-top: 0.1rem;}
	.ft-social .lks .icon{width: .8rem;height: .7rem;margin:0 .16rem;}
	.ft-social .lks .ico{width: 0.36rem;height: 0.36rem;}


	.foot{padding:.6rem 0;}
	.foot .wrap{display: block;}
	.foot .col{width: 100%;max-width: 100%!important;margin-bottom: 0.25rem;}
	.foot .col:last-child{margin-bottom: 0;}
	.foot .tit{font-size: 0.25rem;margin-bottom: 0.1rem;}
	.foot .wz{font-size: 0.18rem;line-height: 0.3rem;margin:0 0 0 .2rem;}
	.foot .col1 .wz{font-weight: normal;}
	.foot .box{margin-left: -0.2rem;}
	.foot a.wz{display: inline-block;vertical-align: middle;}


	.btn{line-height: 0.44rem;font-size: 0.18rem;min-width: 1.7rem;}


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

	.crumb{font-size: 0.16rem;bottom: 0.1rem;}
	.crumb .auto{overflow: hidden;text-overflow:ellipsis;white-space: nowrap;}


	.xw-main{padding:.6rem 0;}
	.xw-list .item{display: block;}
	.xw-list .imgbox{width: 100%;height: 2.2rem;margin-bottom: 0.3rem;}
	.xw-list .title{font-size: 0.22rem;margin-top: 0.15rem;}
	.xw-list .txt{margin-top: 0.15rem;}
	.xw-list .more{margin-top: 0.2rem;}


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


	.pub-tt{margin-bottom: 0.4rem;}
	.pub-tt .bt{font-size: 0.4rem;}


	/* contact */
	.lx-main{padding:.6rem 0;}
	.lx-team .list{margin: -.25rem 0 0;justify-content: space-between;}
	.lx-team .list .item{width: 100%;margin:.25rem 0 0;align-items: center;}
	.lx-team .list .imgbox{width: 1.4rem;height: 1.4rem;margin-right: 0.2rem;}
	.lx-team .list .name{margin: 0;font-size: 0.22rem;}
	.lx-team .list .txt{line-height: 0.24rem;}


	.lx-msg .form .row{display: block;}
	.lx-msg .form .item{width: 100%;margin-bottom: 4%;}
	.lx-msg .form .submit{width: 1.9rem;line-height: 0.55rem;}
	.lx-msg .pub-tt .bt{font-size: 0.4rem;}
	.lx-msg .pub-tt .smwz{max-width: 88%;margin:.15rem auto 0;}



	/* newsDetail */
	.xw-det{padding:.6rem 0 .4rem;}
	.xw-det .title{font-size: 0.23rem;line-height: 1.2;}


	.pagenav{padding:.3rem 0 0;margin-top: 0.6rem;border-color:rgba(255,255,255,.2);}
	.pagenav li{display: block;}
	.pagenav span{display: inline-block;vertical-align: middle;}
	.pagenav a{line-height: 0.3rem;display: block;margin-top: 0.06rem;}


	/* product */
	.cp-main{padding:.2rem 0 .6rem;}
	.cp-main .wrap{display: block;}
	.cp-l{width: 100%;position: fixed;width: 100%;height: 100%;left: 0;top: 0;z-index:200;background-color: rgba(0,0,0,.6);transform: translate(0,100%);transition: all .3s;}
	.cp-l.show{transform: translate(0,0);}

	.cp-l .guanbi{width: 0.34rem;height: 0.34rem;background:url(../images/close.png) no-repeat center;background-size:contain;position: absolute;right: .2rem;bottom:calc(65vh + .2rem);}
	.cp-menu{width: 100%;position: absolute;width: 100%;left: 0;bottom: 0;height: 65vh;overflow-y: scroll;}

	.showmorecp{background-color: #f1a918;font-size: 0.22rem;color:#333;line-height: .55rem;text-align: center;display: block;text-transform: uppercase;margin-bottom: 0.4rem;}

	.cp-r{width: 100%;padding: 0;}

	.cp-tt{font-size: 0.24rem;line-height: 1;background:transparent;margin-bottom: 0.25rem;}

	.cp-list{margin:-.3rem 0 0;justify-content: space-between;}
	.cp-list .item{width: 48%;margin:.3rem 0 0;}
	.cp-list .imgbox{height: 1.8rem;}
	.cp-list .img{max-width: 86%;max-height: 86%;}
	.cp-list .title{margin-top: 0;}



	/* productDetail */
	.cp-w{padding: 0;}
	.cp-top{display: block;}
	.cp-top .imgbox{width: 88%;margin: 0 auto 0.15rem;}
	.cp-top .title{font-size: 0.28rem;}
	.cp-top .button{margin:.3rem auto 0;width: 2rem;display: block;line-height: 0.54rem;}

	.cp-video{height: 3rem;}
	.cp-video .playicon{width: 0.6rem;height: 0.6rem;}

	.lx-msg .form .submit{margin:.35rem auto 0!important;}

	.cp-recom{padding:.8rem 0 .4rem;}
	.cp-recom .pub-tt{margin-bottom: 0.2rem;}
	.cp-recom .pub-tt .bt{font-size: 0.36rem;}



	/* about */
	.us-profile{padding:.6rem 0;}
	.us-profile .detail .pub-tt{text-align: center;margin-bottom: 0.2rem;}
	.us-profile .detail{flex-direction: column-reverse;}
	.us-profile .detail .imgbox{margin:0 auto .3rem;width: 100%;height: auto;background:transparent;}
	.us-profile .detail .playicon{width: 0.5rem;height: 0.5rem;}
	.us-profile .detail .picbox{position: static;}
	.us-profile .detail .txt{font-size: 0.16rem;line-height: 1.6;}
	.us-profile .detail .tp{display: none;}


	.us-ws{height: auto;padding: .6rem 0 .6rem;margin: -.2rem 0 0;background:#000;}

	.us-cert{padding:.6rem 0 .6rem;margin: 0;}
	.us-cert .pub-tt .bt{font-size: 0.38rem;}
	.us-cert .detail{padding: 0;margin: 0;}



	.swiper-button{display: none;}

	.swiper-pagination{display: block!important;position: static;margin-top: 0.25rem;font-size: 0;}
	.swiper-pagination-bullet{background-color: #fff;margin:0 .04rem!important;}


	/* index */
	.idx-ban .item{height: 2.2rem;}
	.idx-ban .swiper-pagination{bottom: 0.15rem!important;}
	.idx-ban .swiper-pagination-bullet{width: 0.08rem;height: 0.08rem;}
	.idx-ban .swiper-pagination-bullet-active{width: 0.2rem;}


	.idx-pro{padding:.7rem 0 0;background-size:initial;}
	.idx-pro .menu{margin-bottom: 0.35rem;text-align: left;}
	.idx-pro .menu .lk{min-width: auto;padding:0 .25rem;margin:0 .1rem .15rem;line-height: 0.44rem;}

	.idx-pro .wrap{height: auto;margin: 0;padding:.6rem 0;background-size:initial;}
	.idx-pro .item .imgbox{height: 2.3rem;}

	.idx-us{margin-top: 0;}
	.idx-us .list{margin: 0;flex-wrap: wrap;justify-content: space-between;}
	.idx-us .list .item{width: 48%;margin:0 0 4%;border-width:2px;}
	.idx-us .more{margin: 0.4rem auto;width: 1.7rem;line-height: 0.46rem;border-radius:.3rem;display: block;}

	.idx-xw{margin: -.1rem 0 0;padding:.6rem 0 .4rem;background: #000;}
	.idx-xw .detail{display: block;}
	.idx-xw .col{width: 100%;}
	.idx-xw .item{height: auto!important;margin-bottom: 0.2rem!important;}

	.idx-xw .item1{height: 4.5rem;}
	.idx-xw .item2{height: 4.12rem;}

	.idx-xw .item5{height: 2.8rem;}

	.main-bg{background:#000;}

	.gotop{width: 0.32rem;bottom: 2%;right: 2%;}
	.gotop::before{width: 0.32rem;height: 0.32rem;}



	.pop-tc .wrapbox{width: 90%;height: auto;padding:.5rem .3rem;display: block;border-radius:.2rem;}
	.pop-tc .imgbox{display: none;}
	.pop-tc .info{max-width: 100%;margin: 0;}
	.pop-tc .title{font-size: 0.26rem;line-height: 1.2;}
	.pop-tc .close{right: 0.1rem;top: .1rem;background-size:.26rem;}

}