html{-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%}
body{margin:auto}
*{margin:0;padding:0;border:0;outline:0;font-size:30px;font-style:inherit;color:#000;font-family:"Source Han Sans CN";font-weight: lighter;}
a{-webkit-tap-highlight-color:transparent;-webkit-tap-highlight-color:transparent;background:0 0;text-decoration:none}
img{vertical-align:top}
.hide{display: none!important;}

/* 清除浮动 */
.clearfix:after{content:" ";display:block;clear:both;height:0}

body *{box-sizing:border-box;flex-shrink:0}
body{font-family:PingFangSC-Regular,Roboto,Helvetica Neue,Helvetica,Tahoma,Arial,PingFang SC-Light,Microsoft YaHei}
input{background-color:transparent;border:0}
button{margin:0;padding:0;border:1px solid transparent;outline:0;background-color:transparent}
button:active{opacity:.6}

.header{height:110px;padding:0 100px;display:flex;justify-content:space-between;align-items:center;position:absolute;top:0;left:0;width:100%;z-index:100}
.header .box{display:flex;float: right;}
.header .box>ul{display:flex;margin-right:50px;float: left;}
.header .box ul li{display:flex;align-items:center;position: relative;list-style: none;display: block;}
.header .box ul li a{font-size:16px;padding:0 15px;height: 40px;line-height: 40px; overflow:hidden;text-overflow:ellipsis;word-wrap:break-word;width:100%;transition:all .3s;display: block;font-weight: bold;}
.header .box>ul>li:hover,
.header .box>ul>li>a.atv{background:#14bfcd;background-image:linear-gradient(to right,#14bfcd,#2b57b8)}
.header .box>ul>li:hover>a,.header .box>ul>li>a.atv{color:#fff}
.header .box ul li:hover ul{display:block}
.header .box ul li ul{display:none;min-width:94px;position:absolute;top:40px;left:0; flex-flow:column;background:#fff;opacity:.8}
.header .box ul li ul li{border-bottom:1px solid #eee}
.header .box ul li ul>li:last-child{border-bottom:0}
.header .box ul li ul li a{font-size:15px;-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-image:linear-gradient(to right,#000,#000);display: block;white-space:nowrap}
.header .box ul li ul li:hover a{-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-image:linear-gradient(to right,#14bfcd,#2b57b8)}
.header .box .language{display:flex;align-items:center}
.header .box .language a{font-size:16px;width:40px;height:40px;line-height:40px;text-align:center}
.header .box .language a:hover{color:#14bfcd}
.header .box .language a.atv{-webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-image: linear-gradient(to right,#14bfcd,#2b57b8);
  color: #14bfcd;}
.header .box>a{display: none;}
.header .box>a.menu{margin-left:10px;width:40px;height:40px;background:url(../image/menu.png) center no-repeat;background-size:30px;cursor: pointer;}
.header nav{position: fixed;top: 0;bottom: 0;right: 0;width: 90%;background: linear-gradient(to right,#14bfcd,#2b57b8);padding: 20px;overflow-y: scroll;display: none;}
.header nav .close{float: right;cursor: pointer;}
.header nav ul{display:flex;flex-direction: column;clear: both;}
.header nav>ul>li{display:flex;padding: 10px 0;border-bottom: 1px solid rgb(255 255 255 / 20%);}
.header nav>ul>li:last-child{border: 0;}
.header nav ul li.more{background: url(../image/jtx.png) no-repeat;background-size: 20px;background-position-x: 100%;background-position-y: 15px;}
.header nav ul li a{font-size: 16px;color: white;}
.header nav ul li dl dt{display: flex;}
.header nav ul li dl dd{display: flex;margin-left: 32px;margin-top: 15px;display: none;}
.header nav ul li dl dd a{}

.footer{background:#e6eaf1}
.footer .top{max-width:1200px;margin:auto;padding:50px 0;min-height:310px;position:relative}
.footer .top .logo{position:absolute;top:50px;left:0}
.footer .top .main{margin-left:280px;display:flex}
.footer .top .main .nav{display:flex;flex-direction:column;width:345px}
.footer .top .main .nav span{font-size:16px;margin-bottom:15px}
.footer .top .main .nav .box{display:flex}
.footer .top .main .nav .box ul{width:50%}
.footer .top .main .nav .box ul li{list-style:none}
.footer .top .main .nav .box ul li a{font-size:14px;word-wrap:break-word;word-break:break-all;white-space:pre-wrap;max-width:160px;margin-right:30px;display:table;margin-top: 15px;}
.footer .top .main .contact{display:flex;flex-flow:column;width:250px;margin-left:60px}
.footer .top .main .contact>span{font-size:16px;margin-bottom:15px}
.footer .top .main .contact div span{font-size:14px;display:block;line-height:35px}
.footer .top .qrcode{position:absolute;top:50px;right:0;text-align:center}
.footer .top .qrcode img{border:5px solid #fff;width:100px;height:100px}
.footer .top .qrcode span{display:block;font-size:14px;margin-top:10px}
.footer .top .wap{right:130px}
.footer .bottom{padding:25px 0;text-align:center;border-top:1px solid #d4d7de}
.footer .bottom div{font-size:13px;line-height:30px}
.footer .bottom div a{font-size:13px;margin: 0px 5px;}
.footer .bottom div img{vertical-align:middle}

/* ========== 自适应样式 ========== */
/* 导航样式 */
@media screen and (max-width: 1500px) {
  .header{padding: 0 30px;}
}
@media screen and (max-width: 1300px) {
  .header .box>ul{margin-right: 10px;}
  .header .box ul li a{padding: 0 10px;}
}
@media screen and (max-width: 1200px) {
  .header .box>a{display: block;}
  .header{padding: 0 10px;height: 50px;position: fixed;}
  .header>a>img{height: 40px;}
  .header .box>ul{display: none;}
  .header .box .language a{width: 50px;height: 27px;line-height: 27px;}
  .header nav{width: 450px;}

  .footer .top .logo{left: 30px;}
  .footer .top .qrcode{right: 40px;}
  .footer .top .wap{right: 160px;}
  .footer .top .main .nav{display: none;}
}
@media screen and (max-width: 900px) {
  .footer .top .main{margin-left: 200px;}
  .footer .top .main .contact{margin-left:0;}
}
@media screen and (max-width: 750px) {
  *{font-weight: inherit;}

  .header nav{width: 90%;}

  .footer .top{padding: 20px 0 10px 0;text-align: center;min-height: inherit;}
  .footer .top .wap{display: none;}
  .footer .top .qrcode{display: none;}
  .footer .bottom{padding: 20px 10px;}
  .footer .top .logo{position: relative;top: 0;left:0;height: 60px;}
  .footer .top .main{display: none;}
  .footer .bottom{border: 0;padding-top: 0;}
  .footer .bottom div{line-height: 25px;}
  .footer .bottom div.link{display: none;}
}

/* 针对IE10及以下浏览器 */
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
  .header .box ul li ul li a{background-image:none;}
  .header .box ul li ul li:hover a{background-image:none;color: #14bfcd;}
  .header .box .language a.atv{background-image:none;}

}

