/*公共样式*/
html,body,div,span,h1,h2,h3,h4,h5,h6,p,a,em,img,strong,dl,dt,dd,ol,ul,li,fieldset,form,label,legend{margin:0;padding:0;}
ol,ul,li{list-style:none;}
i, cite,em, strong, th { font-style: normal; font-weight: normal;}

@font-face {
    font-family: 'JiangChengXieSong';
    src: url('https://zoneking1016.oss-cn-shenzhen.aliyuncs.com/font/JiangChengXieSong-700W.eot');
    src: url('https://zoneking1016.oss-cn-shenzhen.aliyuncs.com/font/JiangChengXieSong-700W.eot?#iefix') format('embedded-opentype'),
         url('https://zoneking1016.oss-cn-shenzhen.aliyuncs.com/font/JiangChengXieSong-700W.woff2') format('woff2'),
         url('https://zoneking1016.oss-cn-shenzhen.aliyuncs.com/font/JiangChengXieSong-700W.woff') format('woff'),
         url('https://zoneking1016.oss-cn-shenzhen.aliyuncs.com/font/JiangChengXieSong-700W.svg#JiangChengXieSong-700W') format('svg');
    font-weight: bold;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'iconfont';
    src: url('/public/font/icomoon.eot');
    src: url('/public/font/icomoon.eot?#iefix') format('embedded-opentype'),         
         url('/public/font/icomoon.woff') format('woff'),
         url('/public/font/icomoon.ttf') format('ttf'),
         url('/public/font/icomoon.svg') format('svg');
}
.iconfont{ font-family: "iconfont"; vertical-align: middle;}
.icon-right{ width: .72rem; height: .72rem; line-height: 0.32rem; font-size: 0.32rem; margin: 0 0 0 0.24rem; padding: 0.02rem 0 0 0.12rem; border: solid 1px rgba(27,32,45,0.3); border-radius: 50%; display: inline-block; text-align: center; vertical-align: middle; -webkit-transition:all 0.3s ease;}
.icon-right:hover{ transform: translateX(10%); }
.icon-down:before{ content: "\e900";}
.icon-top:before{ content: "\e901"; }
.icon-tel:before{ content: "\e902"; }
.icon-note:before{ content: "\e905"; }
.icon-tel1:before{ content: "\e906"; }
.icon-dou:before{ content: "\e908"; }
.icon-shipin:before{ content: "\e909"; }
.icon-play:before{ content: "\e910"; }
.icon-checked:before{ content: "\e911"; }
.icon-chat:before{ content: "\e90a"; }
.icon-right:before{ content: "\e90b"; line-height: 33px;}
.icon-search:before {content: "\e90d";}
.icon-close:before {content: "\e90e";}
.icon-menu:before {content: "\e90f";}
.svg-chat{ background-image: url(../images/svg-chat.svg); display: inline-block; width: 34px; height: 34px;}

.icon-go-left{ transform: rotate(90deg); display: inline-block; margin-bottom: 0.1rem}
.icon-go-right{ transform: rotate(-90deg); }
.icon-go-left:before{ content: "\e900"; line-height: 36px;}
.circle{ fill: none; color: #de8d6c;}

.font1{ font-family: "JiangChengXieSong"; line-height: 1.3}
.font2{ font-family: "SourceHanSansCN","PingfangSC","Microsoft Yahei"; }
.font3{ font-family:"GothamHTF","JiangChengXieSong","SourceHanSansCN","PingfangSC","Microsoft Yahei"; }
.font4{ font-family: "NoeDisplay", "JiangChengXieSong","PingfangSC","Microsoft Yahei"; }
body, button, input, select, textarea {
  font: 12px/150% PingfangSC,JiangChengXieSong,microsoft yahei;
  color: #666666;
  background: #fff;
  margin: 0;
  padding: 0;
  border:none;
}
input:focus, textarea:focus {
  outline: none;
}
h1, h2, h3, h4, h5, h6 {
  font-size: 100%;
  padding: 0px;
  margin: 0px;
  font-size: 1em;
  font-style: normal;
  font-weight: normal;
}
a img{border:0;}
img{vertical-align:middle;}
em,i{font-style:normal;}
h3,h4,h5,th{font-weight:normal}
a:active,a:focus{outline:0;}
body{font:16px/1.4 "PingfangSC","microsoft yahei"; color:#171615; margin: 0 auto; max-width: 750px; font-size: 15px; line-height: 1.5;  overflow-x:hidden; }
html,body{ min-height: 100%; }
a{text-decoration:none;color:#666666;}
a:hover{text-decoration:none;cursor:pointer}
.clear{clear:both}
.center{ display: block; margin: 0 auto; }
.overflow{overflow:hidden;}
.block{display:block;overflow:hidden;}
.acenter{align-items: center; }
.bg1{  background-color: #fafbfc; }
.cff{ color: #fff!important; }
.c1f{ color: #1f1f1f; }
.rel{ position: relative; }
.abs{ position: absolute; }
.img-cover{ width: 100%; height: 100%; object-fit: cover; }

input,button,select,textarea{outline:none;font-family:"PingfangSC", "microsoft yahei"}
* html .clearfix{zoom:1}
*:first-child+html .clearfix{zoom:1}
.zoom{zoom:1}
.tp2{border-bottom:1px solid #e8e8e8}

.w100{ width: 100%; max-width: 750px; margin:0 auto; }
.w3{ padding:0 0.36rem}

.mr0{ margin-right: 0!important; }
.hide{ display: none; }
.fs10{font-size: .1rem}
.fs12{font-size: .12rem}
.fs13{font-size: .13rem}
.fs14{ font-size: .14rem; }
.fs15{ font-size: .15rem; }
.fs16{font-size: .16rem}
.fs18{font-size: .18rem}
.fs20{font-size: .2rem}
.fs22{ font-size: .22rem;}
.fs24{ font-size: .24rem; }
.fs25{ font-size: .25rem; }
.fs26{ font-size: .26rem; }
.fs28{ font-size: .28rem; }
.fs30{ font-size: .3rem; }
.fs32{ font-size: .32rem; }
.fs36{ font-size: .36rem; }
.fs40{font-size: .4rem;}
.fs42{font-size: .42rem;}
.fs48{font-size: .48rem;}
.fs56{font-size: .56rem;}
.fs64{font-size: .64rem;}
.fs70{ font-size: .7rem; }
.fs80{ font-size: .8rem; }
.fs84{ font-size: .84rem; }
.fs96{ font-size: .9rem; }

.mt5{margin-top: .05rem}
.mt10{margin-top:.1rem}
.mt15{margin-top: .15rem}
.mt20{margin-top: .2rem!important;}
.mt30{margin-top: .3rem!important;}
.mt40{margin-top: .4rem}
.mt50{margin-top: .5rem}
.mt60{margin-top: .6rem}
.mt70{margin-top:.7rem}
.mt100{margin-top:1rem!important}
.mt160{margin-top: 1.6rem!important}
.mt130{margin-top: 1.3rem!important}
.mb10{ margin-bottom: .1rem!important }
.color1{ color: #0e1c39; }
.color2{ color: #de8d6c!important; }
.color3{ color: #98583e; }
.color4{ color:#c3c4c5; }
.color5{ color:#a2a3a4; }
.color6{ color:#87a3cf; }
.color7{ color:#231815; }

.opa2{ opacity: .2; }
.opa3{ opacity: .3; }

.major-1{ font-family: JiangChengXieSong-700W; font-size: 0.96rem; line-height: 1.14; }
.major-2{ font-size: 0.64rem; line-height: 0.82rem; }
.major-3{font-size: .48rem; line-height: .66rem;}

.ico{background:#fff}
.weight{font-weight:600}
.thin{ font-weight: 300; }
.noborder{border:0!important}
.white-bg{background:#fff}
.vcenter{ vertical-align: sub; }
.line2{ line-height: 2; }
.ellipsis{ overflow: hidden; text-overflow: ellipsis;white-space:nowrap;}
.clearfix:after{visibility:hidden;display:block;font-size:0;content:" ";clear:both;height:0}
.clearfix { zoom:1; }
*{ box-sizing: border-box; }

.pt60{ padding-top: .6rem; }
.pt50{ padding-top: .5rem; }
.pt40{ padding-top: .4rem; }
.pt10{ padding-top: .1rem!important;}
.pb40{ padding-bottom: .4rem; }
.pb50{ padding-bottom: .5rem; }
.pd10{ padding:.1rem; }
.pd20{ padding: .2rem; }
.pd40{ padding: .4rem; }

.flex{ display: flex;  }
.fl{ float: left; }
.fr{ float: right; }
.tc{ text-align: center; }
.tl{ text-align: left; }
.tr{ text-align: right; }

.bgff{ background: #fff!important; }
.cover{ -webkit-transition: all .7s;  -moz-transition: all .7s;  -ms-transition: all .7s;  -o-transition: all .7s;  transition: all .7s; }
.scale:hover{ transform: scale(1.1); -webkit-transform: scale(1.1);  -moz-transform: scale(1.1); -ms-transform: scale(1.1); -o-transform: scale(1.1); }
.tran2{ -webkit-transition: all .2s linear;  -moz-transition: all .2s linear;  -ms-transition: all .2s linear;  -o-transition: all .2s linear;  transition: all .2s linear; }
.tran3{ -webkit-transition: all .3s linear;  -moz-transition: all .3s linear;  -ms-transition: all .3s linear;  -o-transition: all .2s linear;  transition: all .3s linear; }
.tran5{ -webkit-transition: all .5s linear;  -moz-transition: all .5s linear;  -ms-transition: all .5s linear;  -o-transition: all .5s linear;  transition: all .5s linear; }
.ml10{ margin-left: 10px; }
.mb20{ margin-bottom: 20px; }
.mr10{ margin-right: 10px; }
.mb30{ margin-bottom: 20px; }
.mb10{ margin-bottom: 10px; }
.mr0{ margin-right: 0!important; }
.pb50{ padding-bottom: 50px; }
.round{ border-radius: 10px; }

.bor0{ border: 0!important; }
.block{ display: block; width: 100%; margin:  0 auto; }
.cfff{ color: #fff; }
.c000{ color: #000; }
.left-tel{ padding: 36px 0!important; }
.none { display:none;}
.span-bor{ background: #0e1c39; display: inline-block; height: 1px; width: 100%; }
.a-detail{ letter-spacing: 6px; }
.small .en{ letter-spacing: -0.04rem; white-space: nowrap; line-height: .69; }
.flex-between{ display: flex; justify-content: space-between; align-items: center;}
.flex-center{ display: flex; justify-content:center; }