/* 公共 */
* {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

html {
    overflow-x: hidden;
}

.ht-bg-org{
    background-color: #ec862e;
}
.ht-body {
    transform: scale(1.333334);
    transform-origin: top center;
}

a {
    cursor: pointer;
    text-decoration: none !important;
}

fieldset,
img {
    display: block;
    border: 0;
    width: auto \9;
    height: auto;
    width: 100%;
    max-width: 100%;
    vertical-align: middle;
    -ms-interpolation-mode: bicubic;
}

.fs-v12 {
    font-size: 0.625vw;
}
.fs-v14 {
    font-size: 0.7292vw;
}
.fs-v16 {
    font-size: 0.833vw;
}
.fs-v18 {
    font-size: 0.9375vw;
}
.fs-v20 {
    font-size: 1.0417vw;
}
.fs-v22 {
    font-size: 1.1458vw;
}
.fs-v24 {
	font-size: 1.25vw;
}
.fs-v40 {
	font-size: 2.0833vw ;
}

.col00AB {
	color: #00abe0;
}
a.col00AB:hover {
	color:#0d6ed2;
}
.col333 {
    color: #333;
}
.col666 {
    color: #666;
}
.col999 {
    color: #999;
}
.colfff {
    color: #fff;
}
.col7e{
	color:#7E7E7E;
}
.bg1b2 {
    background-color: #1b243a;
}
.bg1e1 {
    background-color: #1e1e1e;
}
.bgtr {
    background-color: transparent !important;
}
.bgf2 {
    background: #f2f2f2;
}
.bgf7 {
    background: #F7F7F7
}
.bgfff {
    background: #fff;
}

.borno {
    border: 0 !important;
}


.ofzm {
    overflow: hidden;
    zoom: 1;
}

.prt {
    position: relative;
}
.pat {
    position: absolute;
}

.p0 {
    padding: 0 !important;
}
.pt0{
    padding-top:0 !important;  
}
.mb0{
	margin-bottom:0 !important;
}
.mb20 {
    margin-bottom: 1.0417vw;
}
.mt20 {
    margin-top: 1.0417vw;
}
.mb25{
	margin-bottom: 1.3020vw !important;
}
.mt5 {
    margin-top: 0.26vw;
}
.mb5 {
    margin-bottom: 0.26vw;
}
.mt10 {
	margin-top: 0.52vw !important;
}
.mb10 {
    margin-bottom: 0.52vw;
}
.mt50{
    margin-top: 2.6042vw;
}
.mb30{
    margin-bottom:1.5151vw
}
.mr30{
    margin-right:1.5151vw
}
.mr15{margin-right: 0.7812vw;}
.p15 {
    padding: 0.7812vw;
}
.p20 {
    padding: 1.0417vw;
}
.p30 {
    padding: 1.5151vw;
}
.pb30{
    padding-bottom: 1.5151vw; 
}
.pt30 {
    padding-top: 1.5151vw;
}
.pt20 {
    padding-top: 1.0417vw;
}
.pb15 {
    padding-bottom: 0.7812vw;
}
.pt50 {
    padding-top: 2.6042vw;
}
.pb60 {
    padding-bottom: 3.125vw;
}
.borbtm{border-bottom:0.0520vw solid #D9d9d9}
.ellipsis {
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}
.ellipsis-two {
    display: -webkit-box;
    text-overflow: -o-ellipsis-lastline;
    overflow: hidden;
    text-overflow: ellipsis;
    -webkit-line-clamp: 2;
    line-clamp: 2;
    -webkit-box-orient: vertical;
}
.ellipsis-three {
    display: -webkit-box;
    text-overflow: -o-ellipsis-lastline;
    overflow: hidden;
    text-overflow: ellipsis;
    -webkit-line-clamp: 3;
    line-clamp: 3;
    -webkit-box-orient: vertical;
}
.ellipsis-five {
    display: -webkit-box;
    text-overflow: -o-ellipsis-lastline;
    overflow: hidden;
    text-overflow: ellipsis;
    -webkit-line-clamp: 5;
    line-clamp: 5;
    -webkit-box-orient: vertical;
}
.borradius6 {
	border-radius: 0.3125vw;
}
.borradius10 {
    border-radius: 0.52vw;
}
.lh28 {
    line-height: 1.4583vw;
}
.lh40 {
    line-height: 2.0833vw;
}
.fbold {
    font-weight: bold;
}
.wd100 {
    width: 100%;
}
.wh100{
    height:100%
}
.mgauto{
    margin:0 auto;
}

.block {
    display: block;
}
.wrap {
    flex-wrap: wrap;
}
.flex-grow0 {
	flex-grow: 0;
	flex-shrink: 0;/* 禁止缩小 */
}
.flex-grow1 {
	flex: 1; /* 相当于 flex-grow:1, flex-shrink:1, flex-basis:0 */
}
.txtcenter{text-align: center;}
.flex {
    display: -webkit-flex; /* Safari */
    display: flex;
}
.flex-start {
    display: -webkit-flex; /* Safari */
    display: flex;
    justify-content: flex-start;
    align-items: center;
}
.flex-end {
    display: -webkit-flex; /* Safari */
    display: flex;
    justify-content: flex-end;
    align-items: center;
}
.flexbetween {
    display: flex;
    justify-content: space-between;
}
.flex-between {
    display: -webkit-flex; /* Safari */
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.flex-around {
    display: -webkit-flex; /* Safari */
    display: flex;
    justify-content: space-around;
    align-items: center;
}
.flex-center {
    display: -webkit-flex; /* Safari */
    display: flex;
    justify-content: center;
    align-items: center;
}
.align-center {
    align-items: center;
}
.direction-column {
    flex-direction: column;
}
.justify-center {
    justify-content: center;
}

.bshadow {
    box-shadow: 0 0 10px 1px rgba(0, 0, 0, 0.1);
    -o-box-shadow: 0 0 10px 1px rgba(0, 0, 0, 0.1);
    -moz-box-shadow: 0 0 10px 1px rgba(0, 0, 0, 0.1);
    -webkit-box-shadow: 0 0 10px 1px rgba(0, 0, 0, 0.1);
}

.icons {
    display: inline-block;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center center;
}
.container {
	width: 62.5vw;
	margin: 0 auto;
	padding-left: 0;
	padding-right: 0;
}

/* 头部 */
.huatai-header .header-top {
    padding: 0.88542vw 0;
}
.ht-container {
    width: 62.5vw;
    margin: 0 auto;
    padding-left: 0;
    padding-right: 0;
    overflow: hidden;
}
.huatai-header .logo-home {
    width: 8.17708vw;
    height: 2.08333vw;
}
.huatai-header .header-btn {
    width: 7.34375vw;
    height: 1.9271vw;
    line-height: 1.9271vw;
    margin-left: 1.3021vw;
    text-align: center;
    border-radius: 0.2083vw;
    /*border: 0.0521vw solid #cacaca;*/
}
.huatai-header .header-btn.borno {
    width: auto;
}
.huatai-header .header-btn a {
    font-size: 0.833vw;
    color: #333;
    display: inline;
}
.huatai-header .header-btn a:hover {
    color: #00abe0;
}
.huatai-header .header-btn a + a,
.huatai-header .header-btn span + a {
    margin-left: 1.0417vw;
}
.huatai-header .header-btn a:last-child:before {
    content: '';
    position: absolute;
    top: calc((100% - 1vw) / 2);
    left: -0.53vw;
    width: 0.0521vw;
    height: 1vw;
    background-color: #333;
}
.huatai-header .header-nav {
    width: 100%;
    height: 3.333vw;
    background-color: #4fa8dc;
}
.header-nav .ht-container {
    overflow: visible;
}
.header-nav .layui-nav {
    height: 3.333vw;
    display: flex;
    background-color: transparent;
    color: #fff !important;
    border-radius: 0;
}
.header-nav .layui-nav-item {
    /*width: 6.7708vw;*/
    height: 100%;
    padding:0  0.8333vw;
    line-height: normal !important;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: none;
}
.header-nav .layui-nav-item.layui-this:after{
    display: none;
}
.header-nav .layui-nav-item:hover {
    background-color: #ec862e;
}
.header-nav .layui-nav li + li {
    margin-left: 0.7292vw;
}
.header-nav .layui-this {
    background-color: #ec862e;
}
.header-nav .layui-this:hover {
    background-color: #ec862e !important;
}
.header-nav:hover  .layui-this {
   background-color: transparent;
}
.header-nav .layui-this:after {
    background-color: transparent;
}
.header-nav .layui-nav li > a {
    padding: 0;
    color: #fff;
    font-size: 0.9375vw;
    line-height: 3.333vw;
    transition: none;
}
.header-nav li.layui-this > a,
.header-nav li.layui-nav-item:hover > a {
    font-weight: bold;
}
.header-nav .layui-nav-more {
    position: relative !important;
    right: auto !important;
    font-size: 1.04167vw !important;
    margin-left: 0.3125vw;
    display: inline-block;
}
.header-nav .layui-nav-child {
    top: 3.85417vw;
    left: 0.260415vw;
    min-width: calc(100% - 0.52083vw);
    line-height: 1.09375vw;
    padding: 1.04167vw 0;
    box-shadow: 0 0 1.4583vw 0 rgba(147,147,147,0.25);;
    border-radius: 0.3125vw;
    border: 0;
}
.header-nav .layui-nav-child dd {
    margin: 0;
}
.header-nav .layui-nav-child dd+dd {
    margin-top: 0.52083vw;
}
.header-nav .layui-nav .layui-nav-child a {
    font-size: 0.8333vw;
    color: #000000;
    padding: 0 1.04167vw;
}
.header-nav .layui-nav .layui-nav-child a:hover {
    background-color: transparent;
    color: #00ABE0;
}
.header-nav .layui-nav-bar {
    opacity: 0 !important;
}


/* 尾部 */
.huatai-footer {
    background-color: #333333;
}
.huatai-footer-top {
    padding: 1.6667vw 0;
}
.huatai-footer-top .ht-container {
    display: flex;
}
.huatai-footer-logo {
    width: 13.54167vw;
}
.huatai-footer-logo img {
    width: 13.54167vw;
    height: 3.0729vw;
}
.footer-link {
    margin-left: 5.9375vw;
}
.footer-link > div {
    width: 15.8333vw;
    height: auto;
}
.footer-link a {
    font-size: 0.7292vw;
    color: #FFFFFF;
    display: block;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}
.footer-link a:hover {
    color: #00abe0;
}
.footer-link a+a {
    margin-top: 0.625vw;
}
.footer-contact {
    width: 13.8542vw;
    margin-left: 3.3333vw;
}
.huatai-footer-top h5 {
    font-size: 0.8333vw;
    color: #FFFFFF;
    line-height: 1.09375vw;
}
.huatai-footer-top h5 + div {
    margin-top: 1.04167vw;
}
.footer-contact p {
    font-size: 0.7292vw;
    color: #FFFFFF;
    line-height: 0.9375vw;
}
.footer-contact p + p {
    margin-top: 0.8333vw;
}
.footer-code {
    width: 6.6667vw;
    text-align: center;
    margin-left: 3.3333vw;
}
.footer-code-box {
    width: 6.6667vw;
    height: 6.6667vw;
}
.huatai-footer-center {
    height: 2.9167vw;
    display: flex;
    align-items: center;
    justify-content: center;
    border-top: 0.05208vw solid #424242;
}
.huatai-footer-center p,
.huatai-footer-bottom p {
    font-size: 0.7292vw;
    color: #FFFFFF;
}
.huatai-footer-center p a {
    color: #FFFFFF;
}
.huatai-footer-center p a:hover {
    color: #00abe0;
}
.huatai-footer-bottom {
    height: 2.3958vw;
    display: flex;
    align-items: center;
    justify-content: center;
    border-top: 0.05208vw solid #424242;
}

/*@media (min-width: 1919px){*/
/*    html {*/
/*        font-size: 110%; !* 基准字号放大 *!*/
/*        transform: scale(1.1); !* 整体变换 *!*/
/*        transform-origin: 0 0; !* 从左上角开始缩放 *!*/
/*        width:90.90%; !* 补偿缩放导致的宽度变化 (100%/1.2) *!*/
/*      }*/
/*  }*/