body,html{ width: 100%; height:100%; min-width: 375px; background: #1A1A1A; }


/*******************header-Mobile******************/

#header_mb{ width: 100%; height: 80px; background: rgba(0,0,0,.8); backdrop-filter:blur(4px); position: fixed; top:0; padding:14px 8px; box-sizing: border-box; z-index: 8; }
#header_mb .nav_left{ width: 52px; height: 52px; float: right; position: relative; overflow: hidden; opacity: .8; }
#header_mb .nav_left .menu{ width: 100%; height: 100%; position: absolute; left: 0;top:0; transition: all 0.5s;  }
.nav_left .menu .menu_line{ width: 18px; height: 1px; background: #C7B299; position: absolute; left:17px; transition: all 0.3s; }
.nav_left .menu .menu_line_top{ top: 21px; }
.nav_left .menu .menu_line_bottom{ bottom: 21px;}

#nav_mb{ width: 100%; height: 100vh; background: #000; position: fixed; top:0; z-index:6; padding:80px 0 0; box-sizing: border-box; overflow: hidden; display: none; }
#nav_mb i{ display: block; width: 0; height: 0.8px; background: #2A2A2A; transition: all 0.3s; position: absolute; top:80px; }

#nav_mb p{ width: 100%; font-size: 12px; color:#333; text-align: center; position: absolute; bottom:0; line-height: 64px; background: #000;  }

#nav_mb .nav_box{ width: 100%; height: 100%; overflow-y:auto; padding:16px 0 64px; box-sizing: border-box; }
.nav_box::-webkit-scrollbar { display: none; }
.nav_box::-moz-scrollbar { display: none; }
#nav_mb ul{ width: 100%; height: auto; padding:0 40px 32px; box-sizing: border-box; /*overflow-y:auto;*/  }

#nav_mb ul li{ width: 100%; height: auto; position: relative;  }

#nav_mb ul li .list_top{ width: 100%; font-size:16px; line-height: 56px; overflow:hidden; text-align: center; font-weight: 300; color:#C7B299; border-bottom: 0.8px solid #2A2A2A; }
#nav_mb ul li .list_top .text{ float:left;}
#nav_mb ul li .list_top .ic_show{ float:right; width: 32px; height: 56px; /*background: rgba(255,255,255,.2);*/ overflow: hidden; position: relative; transition:all 0.3s; }
#nav_mb ul li .list_top .ic_show span{ background: #C7B299; position: absolute; left:50%; top:50%; transform:translateX(-50%) translateY(-50%); }
#nav_mb ul li .list_top .ic_show span:nth-of-type(1){ width: 12px; height: 1px;/*transform:rotate(45deg);*/}
#nav_mb ul li .list_top .ic_show span:nth-of-type(2){ width: 1px; height: 12px;/*transform:rotate(45deg);*/}


/*nav ul li .list_click{ width: 100%; height: 56px; position:absolute; z-index: 1; }*/


#nav_mb ul li .list_bottom { width: 100%; overflow: hidden; display:none; }
#nav_mb ul li .list_bottom ol{ width: 100%; padding:14px 0; }
#nav_mb ul li .list_bottom ol li{ width: 100%; height:48px; font-size:16px; border: none; line-height: 48px; }
#nav_mb ul li .list_bottom ol li a{ width: 100%; padding-left:16px; box-sizing: border-box; height: 100%; display:inline-block; color:#fff; font-weight: 300; }



#header_mb .nav_right{ width: 52px; height: 52px; float: right; /*background: #fff;*/ opacity: .8; }
#header_mb .nav_right a{ display: block; width: 100%; height: 100%; background: url(../img/ic_home1.svg) no-repeat 50% 50% / cover ; }
#header_mb .nav_logo{  width: 120px; height: 52px; position: absolute; left:50%; margin-left: -60px; }
#header_mb .nav_logo h1{  width: 100%; height: 100%; }
#header_mb .nav_logo h1 a{ display: block; width: 100%; height: 100%; background: url(../img/logo_m.svg) no-repeat 50% 50% / cover ;}





/*******************header-PC******************/

/*header*/
#header_pc{ width: 100vw; height: 160px; /*background: #000;*/ background: rgba(0,0,0,.8); backdrop-filter:blur(4px); position: fixed; left: 0; top: 0; z-index: 999;}

#header_pc .logo{width:128px;height:112px;margin: 0 auto;}
#header_pc .logo h1 a{width: 128px; height:112px; display:block; background: url(../img/logo.svg) left no-repeat;}

#nav_pc{ width: 1440px; height: 48px; margin: 0 auto; }
#nav_pc ul { width: 100%; height: 100%; display: flex;  }
#nav_pc ul li{ flex:1; margin: 0 56px; position: relative; }
#nav_pc ul li a{ width: 100%; line-height: 48px; font-size: 14px; color: #C7B299; text-align:center; display: inline-block; /*position: relative;*/ /*cursor: default;*/ font-weight: 300; }
#nav_pc ul li i{ width: 0px; height: 1px; position: absolute; left:32px; bottom:0; background: #C7B299; transition:all 0.3s;}


.subnav{ width: 1440px; height: auto; position: fixed; top:160px; left: 50%; margin-left: -720px; z-index: 999; padding:0 0 24px; box-sizing: border-box; overflow: hidden;/* background: #000;*/ }
.subnav .subnav-bg{ overflow: hidden; box-sizing: border-box; display: none;}

.subnav .subnav-bg:nth-of-type(1) { padding-left: 88px;  }
.subnav .subnav-bg:nth-of-type(2) { padding-left: 328px;}
.subnav .subnav-bg:nth-of-type(3) { padding-left: 568px;}
.subnav .subnav-bg:nth-of-type(4) { padding-left: 808px;}
.subnav .subnav-bg:nth-of-type(5) { padding-left: 1048px;}
.subnav .subnav-bg:nth-of-type(6) { padding-left: 1288px;}

.subnav .subnav-bg ul{ display: inline-block; overflow: hidden; position: relative; padding-top:24px; box-sizing: border-box; /*background: rgba(255,255,255,.2); */ }
.subnav .subnav-bg ul:before{ content: ""; width: 1px; height: 100%; position: absolute; top:24px; left: 0; background: #C7B299; z-index: 2; }

.subnav ul li{ line-height: 48px; /*background: rgba(0,0,0,.2);*/ backdrop-filter:blur(4px); }
.subnav ul li a{ display: block; line-height: 48px; font-size: 14px; color: #C7B299 ; padding:0 12px; font-weight: 300; }
.subnav ul li a:hover{ font-weight: 500; }








/*******************footer-Mobile******************/

/*******************页尾*******************/
#footer_mb{ width: 100%; height: auto; margin:0 auto; overflow: hidden; max-width: 1024px; }


#footer_mb .footer_nav_box{ width: 100%; height: auto; padding:40px 0 56px; box-sizing: border-box; /*background: rgba(255,255,255,.1);*/ }
#footer_mb ul{ width: 100%; height: auto; padding:0 24px; box-sizing: border-box; /*overflow-y:auto;*/  }

#footer_mb ul li{ width: 100%; height: auto; position: relative;  }

#footer_mb ul li .list_top{ width: 100%; font-size:14px; line-height: 48px; overflow:hidden; text-align: center; font-weight: 300; color:#fff; border-bottom: 0.8px solid #2A2A2A; }
#footer_mb ul li .list_top .text{ float:left;}
#footer_mb ul li .list_top .ic_show{ float:right; width: 32px; height: 48px; /*background: rgba(255,255,255,.2);*/ overflow: hidden; position: relative; transition:all 0.3s; }
#footer_mb ul li .list_top .ic_show span{ background: #C7B299; position: absolute; left:50%; top:50%; transform:translateX(-50%) translateY(-50%); }
#footer_mb ul li .list_top .ic_show span:nth-of-type(1){ width: 10px; height: 1px;/*transform:rotate(45deg);*/}
#footer_mb ul li .list_top .ic_show span:nth-of-type(2){ width: 1px; height: 10px;/*transform:rotate(45deg);*/}

/*footer ul li .list_click{ width: 100%; height: 48px; position:absolute; z-index: 1;  }*/

#footer_mb ul li .list_bottom { width: 100%; overflow: hidden; display:none; }
#footer_mb ul li .list_bottom ol{ width: 100%; padding:14px 0; }
#footer_mb ul li .list_bottom ol li{ width: 100%; height:40px; font-size:14px; border: none; line-height: 40px; }
#footer_mb ul li .list_bottom ol li a{ width: 100%; padding-left:16px; box-sizing: border-box; height: 100%; display:inline-block; color:#4d4d4d; font-weight: 300; }



#footer_mb .contact{ width: 100%; height: auto; padding:0 24px; box-sizing: border-box; overflow: hidden; /*background: rgba(255,255,255,.1);*/ }


#footer_mb .contact p{ font-size: 14px; line-height: 24px; color:#fff; margin-bottom: 12px; padding-left: 24px; box-sizing: border-box;  position: relative; font-weight: 300; }
#footer_mb .contact p:before{ content: ""; width: 12px; height: 18px; background: url(../img/ic_phone.svg) no-repeat 50% 50% / cover; position: absolute; bottom:4px; left: 0; }

#footer_mb .contact span{ display: inline-block; font-size: 22px; color:#C7B299; letter-spacing:2px }

#footer_mb .contact ul{ width: auto; height: 32px; margin: 32px 0 64px; padding: 0;}
#footer_mb .contact ul li{ float: left; width: 32px; height: 32px; margin-right: 40px;transition: all 0.3s ease;}
#footer_mb .contact ul li:nth-of-type(1){ background: url(../img/ic_wechat_pre.svg) no-repeat 50% 50% / cover; }
/*footer .contact ul li:nth-of-type(1):hover{ background: url(../img/ic_wechat_pre.svg) no-repeat 50% 50% / cover; }*/
#footer_mb .contact ul .wechat{ position: relative; }
#footer_mb .contact ul .wechat i{  width: 110px; height: 110px; background: url(../img/m_qr_code_24.svg) no-repeat 50% 50% / cover; position: absolute; bottom:0; left: 200px; /*transition: all 0.3s ease; display: none;*/}


#footer_mb .contact ul li:nth-of-type(2){ background: url(../img/ic_weibo_pre.svg) no-repeat 50% 50% / cover; }
/*footer .contact ul li:nth-of-type(2):hover{ background: url(../img/ic_weibo_pre.svg) no-repeat 50% 50% / cover; }*/
#footer_mb .contact ul li a{ display: block; width: 100%; height: 100%; }


#footer_mb .copyright{ width: 100%; height: auto; padding: 0 24px 40px; box-sizing: border-box; }
#footer_mb .copyright p{ font-size: 12px; color: #4d4d4d; line-height: 24px; }






/*******************footer-PC******************/

#footer_pc{ width: 100%; height: 360px; padding:0 8% 0 16%; margin-top:64px; box-sizing: border-box; overflow: hidden; display: flex; min-width: 1600px; }
#footer_pc .footer_left{ width: 480px; height: auto; /*background:rgba(255,255,255,.2); */float: left; padding-top: 20px; box-sizing: border-box; }
#footer_pc .footer_left p{ font-size: 18px; line-height: 24px; color:#fff; margin-bottom: 12px; padding-left: 24px; box-sizing: border-box;  position: relative; font-weight: 300; }
#footer_pc .footer_left p:before{ content: ""; width: 12px; height: 18px; background: url(../img/ic_phone.svg) no-repeat 50% 50% / cover; position: absolute; bottom:4px; left: 0; }

#footer_pc .footer_left span{ display: inline-block; font-size: 22px; color:#C7B299; letter-spacing:2px }

#footer_pc .footer_left ul{ width: auto; height: 32px; margin: 56px 0 64px;}
#footer_pc .footer_left ul li{ float: left; width: 32px; height: 32px; /*background:rgba(255,255,255,.3);*/ margin-right: 40px;transition: all 0.3s ease;}
#footer_pc .footer_left ul li:nth-of-type(1){ background: url(../img/ic_wechat.svg) no-repeat 50% 50% / cover; }
#footer_pc .footer_left ul li:nth-of-type(1):hover{ background: url(../img/ic_wechat_pre.svg) no-repeat 50% 50% / cover; }
#footer_pc .footer_left ul .wechat{ position: relative; }
#footer_pc .footer_left ul .wechat i{  width: 112px; height: 112px; background: url(../img/m_qr_code_24.svg) no-repeat 50% 50% / cover; position: absolute; bottom:0; left: 240px; /*transition: all 0.3s ease;*/ display: none;}


#footer_pc .footer_left ul li:nth-of-type(2){ background: url(../img/ic_weibo.svg) no-repeat 50% 50% / cover; }
#footer_pc .footer_left ul li:nth-of-type(2):hover{ background: url(../img/ic_weibo_pre.svg) no-repeat 50% 50% / cover; }
#footer_pc .footer_left ul li a{ display: block; width: 100%; height: 100%; }

#footer_pc .footer_left h4{ font-size: 10px; color:#4d4d4d; }




#footer_pc .footer_right{ flex: 1; width: auto; height: auto; /*background:rgba(255,255,255,.3);*/ float: right; display: flex; padding-left: 12%; box-sizing: border-box; overflow: hidden; }
#footer_pc .footer_right dl{ /*float: left;*/ flex:1; padding-left: 4%; box-sizing: border-box; /*margin:0 4% 0 8%;*/ }
#footer_pc .footer_right dl dt{ font-size: 20px; color: #fff; margin-bottom:12px; }
#footer_pc .footer_right dl dd{ width: 100%; height: 32px; }
#footer_pc .footer_right dl dd a{ font-size: 16px; color: #4d4d4d; line-height: 32px; font-weight: 300; transition: all 0.2s ease;/* background:#4d4d4d -webkit-linear-gradient(left,#C7B299,#C7B299) no-repeat 0 0; -webkit-text-fill-color:transparent; -webkit-background-clip:text; background-size:0 100%;*/ }
#footer_pc .footer_right dl dd a:hover{ /*background-size:100% 100%;*/ color:#C7B299; font-weight: 500; }






/*******************响应******************/

@media (max-width:2560px){

	.footer_pc_box{ display: block; }
	.footer_mb_box{ display: none; }

	.header_pc_box{ display: block; }
	.header_mb_box{ display: none; }
}

@media (max-width:1600px){

	.footer_pc_box{ display: none; }
	.footer_mb_box{ display: block; }
	.header_pc_box{ display: none; }
	.header_mb_box{ display: block; }

}

/*@media (max-width:768px){

	.footer_pc_box{ display: none; }
	.footer_mb_box{ display: block; }

}
*/



/*@media (max-width:1600px){

	#footer_pc{ display: none; }
	#footer_mb{ display: block; }
}*/