/*公共样式*/
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/JiangChengXieSong-700W.eot');
    src: url('https://zoneking1016.oss-cn-shenzhen.aliyuncs.com/JiangChengXieSong-700W.eot?#iefix') format('embedded-opentype'),
         url('https://zoneking1016.oss-cn-shenzhen.aliyuncs.com/JiangChengXieSong-700W.woff2') format('woff2'),
         url('https://zoneking1016.oss-cn-shenzhen.aliyuncs.com/JiangChengXieSong-700W.woff') format('woff'),
         url('https://zoneking1016.oss-cn-shenzhen.aliyuncs.com/JiangChengXieSong-700W.svg#JiangChengXieSong-700W') format('svg');
    font-weight: bold;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'iconfont';
    src: url('../font/icomoon.eot');
    src: url('../font/icomoon.eot?#iefix') format('embedded-opentype'),         
         url('../font/icomoon.woff') format('woff'),
         url('../font/icomoon.ttf') format('ttf'),
         url('../font/icomoon.svg') format('svg');
}
.iconfont{ font-family: "iconfont"; vertical-align: middle;}
.icon-right{ width: 56px; height: 56px; line-height: 32px; font-size: 32px; margin: 0 0 0 24px; padding: 12px; 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;}
.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; font-size: 15px; line-height: 29px;  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;}
.fl{float:left;}
.fr{float:right;}
.tl{text-align:left;}
.tc{text-align:center;}
.tr{text-align:right;}
.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%; }

.mr0{ margin-right: 0!important; }
.hide{ display: none; }
.fs10{font-size:10px}
.fs12{font-size:12px}
.fs13{font-size:13px}
.fs14{ font-size: 14px; }
.fs15{ font-size: 15px; }
.fs16{font-size:16px}
.fs18{font-size:18px}
.fs20{font-size:20px}
.fs22{ font-size: 22px;}
.fs24{ font-size: 24px; }
.fs25{ font-size: 25px; }
.fs26{ font-size: 26px; }
.fs28{ font-size: 28px; }
.fs30{ font-size: 30px; }
.fs32{ font-size: 32px; }
.fs40{font-size: 40px;}
.fs48{font-size: 48px;}
.fs64{font-size: 64px;}
.fs70{ font-size: 70px; }
.fs80{ font-size: 80px; }
.fs96{ font-size: 96px; }

.mt5{margin-top:5px}
.mt10{margin-top:10px}
.mt15{margin-top:15px}
.mt20{margin-top:20px!important;}
.mt30{margin-top:30px!important;}
.mt40{margin-top:40px}
.mt50{margin-top:50px}
.mt60{margin-top:60px}
.mt70{margin-top:70px}
.mt100{margin-top:100px!important}
.mt160{margin-top:160px!important}
.mb10{ margin-bottom: 10px!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: 96px; line-height: 114px; }
.major-2{ font-size: 64px; line-height: 82px; }
.major-3{font-size: 48px; line-height: 66px;}

.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; }

.clearfix:after{visibility:hidden;display:block;font-size:0;content:" ";clear:both;height:0}
.clearfix { zoom:1; }
*{ box-sizing: border-box; }

.pt60{ padding-top: 60px; }
.pt50{ padding-top: 50px; }
.pt40{ padding-top: 40px; }
.pt10{ padding-top: 10px!important;}
.pb40{ padding-bottom: 40px; }
.pb50{ padding-bottom: 50px; }
.pd10{ padding:10px; }
.pd20{ padding: 20px; }

.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; }
.tran3{ transition: all .3s ease; -webkit-transition: all .3s ease; -o-transition: all .3s ease; }
.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: -4px; white-space: nowrap; line-height: .69; }
.flex-between{ display: flex; justify-content: space-between; }
.flex-center{ display: flex; justify-content:center; }

.w{ 
  width: calc((1680 - 210) / 1680 * 100vw);   
  width: -moz-calc((1680 - 210) / 1680 * 100vw);
  width: -webkit-calc((1680 - 210) / 1680 * 100vw);
  max-width: 1470px;  min-width:1200px;  margin: 0 auto;
}

.w1680{ width: 100%; max-width: 1680px; margin:0 auto; min-width: 1200px; }
.w2{ width: 100%; max-width: 1000px; min-width: 600px; margin: 0 auto;}
.w3{ width: 100%; max-width: 1220px; min-width: 900px; margin: 0 auto; }