@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/Siyuan.woff) format('truetype');font-weight:400;font-style:normal}
.SiYuan_Bold{font-family:SiYuan_Bold}



/*导航栏*/
.nav_box{z-index:33333;width:4.73rem;height:6rem;display:flex;flex-flow:column nowrap;justify-content:space-between;align-items:center;position:fixed;color:#fff;top:0rem;right:0;display:none;text-align:center;z-index:999999999;-webkit-transition:all 1s ease-in-out;transition:all 1s ease-in-out}
.nav_box_main{width:4.73rem;margin:0 auto}
.nav_top{width:4.73rem;height:1.04rem;position:relative;background:#181818}

.nav_box .closed{width:0.47rem;height: 0.47rem;  cursor:pointer;position:absolute;top:0.3rem;right:0;transition:all 0.3s;float:right;margin-right:0.2rem;cursor:pointer;background-image:url(../images/menu_closed.png);background-size: 100% 100%;}
.nav_box .closed:hover{transform:rotate(90deg)}

.nav_box .closed img{transition:all 0.3s;float:right;margin-right:0.2rem;cursor:pointer}
.nav_box .closed img:hover{transform:rotate(90deg)}
.nav_box.active{display:block}
.nav_link .link.active{display:block;background:#0a0c0e;width:4.73rem;height:1.1rem}
.nav_btn{position:absolute;top:1.04rem;width:4.73rem;margin:0 auto;right:0rem}
.nav_btn div.active a{color:#ffdb86}
.nav_btn div a{color:#7f8c9d;font-size:0.4rem}
.nav_line{width:100%;height:0.01rem;background:#31343c}
.nav_link .link{height:1.1rem;border-top:0.01rem solid #616b6f;background:rgb(0,0,0,0.8);line-height:1rem;padding-left:0.64rem;cursor:pointer;font-size:0.4rem;text-align:left;width:100%;-webkit-animation-duration:1.0s;animation-duration:1.0s;-webkit-animation-fill-mode:both;animation-fill-mode:both;-webkit-animation-name:fadeInUp;animation-name:fadeInUp}
.list_logo{display:flex;flex-flow:column nowrap;justify-content:space-between;align-items:center;position:absolute;top:0rem;left:0rem;text-align:center;z-index:88;-webkit-transition:all 1s ease-in-out;transition:all 1s ease-in-out;border-top:0.01rem solid #515256}
.list_menu{position:absolute;top:0rem;right:0.62rem;width:0.54rem;height:0.57rem;z-index:10}
.nav_link .link a{color:#a9977c;    font-family: 'AngThongBold','Microsoft YaHei',sans-serif,'Times New Roman';}
.follow a{width:7rem;border-radius:1.4rem;border:1px solid #464646;height:1rem;display:block;bottom:0.7rem;position:absolute;left:0.25rem;color:#181818;line-height:1rem;font-size:0.52rem;font-family:'Lucida Sans','Lucida Sans Regular','Lucida Grande','Lucida Sans Unicode',Geneva,Verdana,sans-serif}
.nav_logo img{width:auto;height:0.54rem;}
.nav_logo {position: absolute;left:0.59rem;top:0.3rem;}
.link_ico{display: flex; justify-content: center; padding-top: 0.1rem;}
.link_ico img{margin-right: 0.2rem;height:0.89rem;width:auto;}


.header_right{display:flex;height:100%;align-items:center;justify-content:flex-end;;}
.lang_en{position:absolute;left:0.5rem;top:0.3rem;width:2.15rem;height:0.6rem;background: #000000;}
.area{height:0.6rem;line-height:0.6rem;position:relative;cursor:pointer;position:relative}
.area span{color:#fff;font-size:0.36rem;display:block;float:left;width:1.55rem;height:0.6rem;text-align:center;font-family:'AngThongBold','Microsoft YaHei',sans-serif,'Times New Roman';
  line-height:0.6rem}
.area i{position:absolute;top:0.2rem;right:0.2rem;width:0.24rem;height:0.21rem;display:inline-block;background:url(../images/row_up.png) no-repeat;background-size:0.24rem 0.21rem}
.area ul{position:absolute;left:-0.01rem;top:0.6rem;border-bottom:0.02rem solid #000;background-color:#000;width:2.15rem;cursor:default;display:none}
.area:hover ul{display:block;z-index:3}
.area:hover i{width:0.24rem;height:0.21rem;display:inline-block;background:url(../images/row_down.png) no-repeat;background-size:0.24rem 0.21rem}
.area ul li{height:0.6rem;line-height:0.6rem;cursor:pointer;text-align:center;font-size:0.36rem;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.36rem;font-family:'AngThongBold','Microsoft YaHei',sans-serif,'Times New Roman';}
.area ul li a:hover{color:#fff}
.area ul li a span{display:inline-block;width:102px}
.ico_bg{background:#333643;width: 0.6rem;height: 0.6rem; position: absolute;right:0;}


/*公共的menu*/
.common_menu{position:absolute;top:-0.5rem;right:1.18rem;width:0.9rem;height:0.9rem;z-index:100; display: flex; align-items: center;}
.common_menu img{width:0.9rem;height:0.9rem;}





.common_share{position:absolute;top:-0.5rem;right:0rem;width:1.18rem;height:0.93rem;z-index:100;}
.common_share img{width:0.9rem;height: 0.9rem;}
.common_share a{display: flex; justify-content: center;}


.common_share a.a_share{background:url(../images/share.png) no-repeat;background-size:100% 100%;width:1.18rem;height: 0.93rem;}
.common_share a.active.a_share{width:1.18rem;height:0.93rem; display: inline-block;background:url(../images/share_hover.png) no-repeat;background-size:100% 100%;}
 .common_share .share_ico.active1{background-color: #181818;width:1.18rem;height:0.93rem; display:flex;}

 .footer_share {
    position: absolute;
    left: 50%;
    top: 100%; 
    transform: translateX(-50%);
    width: 100%;
    background-color: rgba(0, 0, 0, .8); padding-bottom:0;
    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.66rem;height: 0.66rem;margin-top: 0.25rem;margin-bottom: 0.25rem;}
.footer_share a{    display: flex;margin-bottom: 0.1rem; transition: all 0.3s;
    align-items: center;
    justify-content: center;}

    .footer_share a.one{border-bottom: 0.01rem solid #5a5a5a;}

.common_share: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}


.btn_link_home  a {width:0.66rem;height:0.33rem;position:absolute;left:0.4rem;top:-0.2rem;z-index:10;display:flex;align-items:center;background:url(../images/list_index.png) no-repeat;background-size:100% 100%;display:inline-block;transition:all 0.3s;}
.btn_link_home  a:hover {transform:translateX(-0.1rem);}