*{margin:0;padding:0;box-sizing:border-box}
.header{width:100%;height:1rem;z-index:10000;position:fixed;left:0;top:0;background:url(../images/header_bg.png) no-repeat;background-size:100% 1rem;animation:fade 2s ease-out}
.header_common{width:100%;height:1rem;z-index:10;display:flex;justify-content:space-between;margin:0 auto}
.header_logo{width:2.21rem;height:1rem;background:url(../images/header_logo.png) no-repeat;background-size:2.21rem 1rem;position:absolute;left:0.5rem}
.header_nav{width:14rem;margin:0 auto;height:100%;position:relative}
.header_nav ul{display:flex;justify-content:center;align-items:center;height:1rem;width:70%}
.header_nav{display:flex;justify-content:center}
.header_nav li{cursor:pointer;height:1rem;line-height:1rem;margin-left:0.06rem;margin-right:0.35rem}


@font-face{font-family:AngThongBold;src:url(../font/AngThongBold.woff) format('truetype');font-weight:400;font-style:normal}
.AngThongBold{font-family:AngThongBold}
@font-face{font-family:SiYuan_Regular;src:url(../font/SourceHanSans-Regular.woff) format('truetype');font-weight:400;font-style:normal}
@font-face{font-family:SiYuan_Bold;src:url(../font/SourceHanSans-Regular.woff) format('truetype');font-weight:400;font-style:normal}
.SiYuan_Bold{font-family:SiYuan_Bold}





.header_nav li:last-child{margin-right:0}
.first_link{font-size:0.24rem;display:block;height:1rem;line-height:1rem;font-family:'AngThongBold',sans-serif,Times New Roman;
  opacity:unset !important;white-space:nowrap;background:linear-gradient(
    270deg,#968268 42%,#d9c6a9 54%
  );background:-webkit-linear-gradient(
        270deg,#968268 42%,#d9c6a9 54%
      );transition:all 0.3s;position:relative;-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;filter:drop-shadow(0 0 1px black)}
.header_nav li a.active,.header_nav li a:hover{text-shadow:0 0 0 #ffd681;color:#ffd681}
a.first_link:hover::before,.header_nav li a.active::before{content:'';width:0.3rem;height:0.2rem;background:url(../images/header_nav_tip.png) no-repeat;display:block;position:absolute;left:50%;bottom:0.1rem;transform:translateX(-50%);background-size:100% 100%}








.header_right{display:flex;height:100%;align-items:center;justify-content:flex-end; font-family: 'AngThongBold','Microsoft YaHei',sans-serif,'Times New Roman';}
.lang_en{position:absolute;right:0.5rem;top:0.3rem;width:0.94rem;height:0.27rem;background:#000000}
.area{height:0.27rem;line-height:0.27rem;position:relative;cursor:pointer;position:relative}
.area span{color:#fff;font-size:0.16rem;display:block;float:left;width:0.65rem;height:0.27rem;text-align:center;line-height:0.27rem; font-family: 'AngThongBold','Microsoft YaHei',sans-serif,'Times New Roman';}
.area i{position:absolute;top:0.07rem;right:0.09rem;width:0.1rem;height:0.09rem;display:inline-block;background:url(../images/row_up.png) no-repeat;background-size:0.1rem 0.09rem}
.area ul{position:absolute;left:-0.01rem;top:0.27rem;border-bottom:0.02rem solid #000;background-color:#000;width:0.94rem;cursor:default;display:none}
.area:hover ul{display:block;z-index:3}
.area:hover i{width:0.1rem;height:0.09rem;display:inline-block;background:url(../images/row_down.png) no-repeat;background-size:0.1rem 0.09rem}
.area ul li{height:0.36rem;line-height:0.36rem;cursor:pointer;text-align:center;font-size:0.14rem; font-family: 'AngThongBold','Microsoft YaHei',sans-serif,'Times New Roman';}
.area ul li.line{height:1px;margin:11px 0;padding:0;background-color:#373d41;margin-top:8px;margin-bottom:8px}
.area ul li a{display:block;height:100%;white-space:nowrap;color:#a4a5a5;font-size:0.16rem}
.area ul li a:hover{color:#fff}
.area ul li a span{display:inline-block;width:102px}
.ico_bg{background:#333643;width:0.27rem;height:0.27rem;position:absolute;right:0}


.nav_05,.nav_06{position: relative;}

 .footer-share {
    position: absolute;
    left: 50%;
    top: 100%; 
    transform: translateX(-50%);
    width: 100%;
    background-color: rgba(0, 0, 0, .4); padding-top: 0.1rem; padding-bottom: 0.1rem;
    opacity: 0; display: flex; flex-direction: column; justify-content: center; align-items: center;
  transition: opacity 0.3s, width 0.3s;

}

.footer-share img{width:0.6rem;height: 0.6rem;}
.footer-share a{    display: flex;margin-bottom: 0.1rem; transition: all 0.3s;
    align-items: center;
    justify-content: center;}
.nav_05:hover .footer-share,
.nav_06:hover .footer-share  {
   opacity: 1;
}
.footer-share a:hover{transform:scale(1.1,1.1);-ms-transform:scale(1.1,1.1);-moz-transform:scale(1.1,1.1);-webkit-transform:scale(1.1,1.1);-o-transform:scale(1.1,1.1);z-index:2}