@charset "utf-8";
/* CSS Document */

::-webkit-scrollbar{width:12px;height:12px}
::-webkit-scrollbar-button:vertical{display:none}
::-webkit-scrollbar-track:vertical{background-color:black}
::-webkit-scrollbar-track-piece{background:#000}
::-webkit-scrollbar-thumb:vertical{background-color:#e7d0bc;}
::-webkit-scrollbar-thumb:vertical:hover{background-color:#efdcca}
::-webkit-scrollbar-corner:vertical{background-color:#535353}
::-webkit-scrollbar-resizer:vertical{background-color:#e7d0bc}

.top {
	height: 50px;
	background: rgba(0, 0, 0, 0.9);
	width: 100%;
	top: 0px;
	position: fixed;
	z-index: 1000;
}
.logo {
	height: 50px;
	width: 73px;
	margin-right: auto;
	margin-left: auto;
	display: flex;
    justify-content: center; 
    align-items: center; 
}
.logo a {
	opacity: 1;
	-webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    transform: rotate(0deg);
}
.logo a:hover {
	opacity: 0.5;
}
.logo img {
	width: 28px;
}
.index_nav3 {
	padding-top: 20px;
}
#nav_05 {
	font-family: Geometos;
	z-index: 1100;
	padding-top: 20px;
	padding-bottom: 20px;
}
#nav_05 a {
	text-decoration:none;
	display: block;
	color: #e7d0bc;
	-webkit-transition: all 0.3s ease-in-out;
}
#nav_05 a:hover {
	opacity: 0.5;
}

#nav_05 dd.en_biaoti {
	font-size: 16px;
	line-height: 24px;
	text-decoration: none;
	text-align: center;
}
#nav_05 dd.biaoti {font-family: PingFangSC-Light;text-align: center;font-size: 14px;line-height: 24px;text-decoration:none;}

.nav_title {width: 90%;margin-right: auto;margin-left: auto;margin-top: 100px;position: relative;z-index: 70;}
.nav_title dd.en_biaoti {height: 45px;float: left;font-family: Forum;font-size: 50px;color: #e7d0bc;letter-spacing: -2px;}
.nav_title dd.biaoti {height: 20px;float: left;font-size: 14px;color: #e7d0bc;padding-top: 25px;}
.nav_title dd.nav {float: right;font-size: 14px;display: grid;grid-template-columns: repeat(4, 1fr);gap: 10px;}
.nav_title dd.nav a {
	float: left;
	margin-top: 5px;
	text-decoration:none;
	display: block;
	color: #e7d0bc;
	-webkit-transition: all 0.3s ease-in-out;
    border-radius: 20px;
    background: rgba(255, 255, 255, 0.1);
	display: flex;
    justify-content: center;
    align-items: center;
}
.nav_title dd.nav a:hover {
	opacity: 0.5;
}
.nav_title_present {
	float: left;
	margin-top: 5px;
	height: 38px;
	padding-right: 15px;
    padding-left: 15px;
	text-decoration:none;
	display: block;
	color: #e7d0bc;
	-webkit-transition: all 0.3s ease-in-out;
	border: 1px solid #e7d0bc;
    border-radius: 20px;
	display: flex;
    justify-content: center;
    align-items: center;
}


@font-face
{
font-family: Forum;
src: url('../css/Forum-Regular.ttf')
}


/* GLOBALS */
.wrapper-dropdown-5 {
	/* Size & position */
	width: 50px;
	border-radius: 5px;
	cursor: pointer;
	outline: none;
	-webkit-transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out;
	-ms-transition: all 0.3s ease-in-out;
	-o-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;
	height: 50px;
	position: absolute;
}

.wrapper-dropdown-5:after { /* Little arrow */
    content: "";
    width: 0;
    height: 0;
    position: absolute;
    top: 50%;
    right: 15px;
    margin-top: -3px;
    border-width: 6px 6px 0 6px;
}

.wrapper-dropdown-5 .dropdown {
	/* Size & position */
	position: fixed;
	left: 0;
	right: 0;
	list-style: none;
	-webkit-transition: all 0.3s ease-out;
	-moz-transition: all 0.3s ease-out;
	-ms-transition: all 0.3s ease-out;
	-o-transition: all 0.3s ease-out;
	transition: all 0.3s ease-out;
	/* Hiding */
	max-height: 0;
	overflow: hidden;
	width: 100%;
	border-bottom-width: 1px;
	border-bottom-color: #C1C1C1;
	height: 100%;
	background: rgba(0, 0, 0, 0.5);
	-webkit-backdrop-filter: saturate(200%) blur(30px);
    backdrop-filter: saturate(200%) blur(30px);
}

.wrapper-dropdown-5 .dropdown li {
    padding: 0 10px ;
}

.wrapper-dropdown-5 .dropdown li a {
    display: block;
    text-decoration: none;
    color: #333;
    padding: 10px 0;
    transition: all 0.3s ease-out;
    border-bottom: 1px solid #e6e8ea;
}

.wrapper-dropdown-5 .dropdown li:last-of-type a {
    border: none;
}

.wrapper-dropdown-5 .dropdown li i {
    margin-right: 5px;
    color: inherit;
    vertical-align: middle;
}

/* Hover state */

.wrapper-dropdown-5 .dropdown li:hover a {
    color: #57a9d9;
}

/* Active state */


.wrapper-dropdown-5.active .dropdown {
    max-height: 100%;
}
.iframe_d {
	width: 100%;
	height: 100%;
	position: fixed;
	top: 0px;
	left: 0px;
	z-index:10;
}
#mainframe {Safari OSX: no support}


@font-face
{
font-family: Geometos;
src: url('../css/geometos.woff.ttf')
}


/*版权信息*/
.copyright {height: 100px;position: absolute;bottom: 0px;z-index: 100;width: 100%;opacity: 0.5;}
.copyright_general {height: 100px;position: relative;z-index: 2;width: 100%;opacity: 0.5;}

.copyright_qt {
	height: 100px;
	width: 100%;
	padding-top: 50px;
}

.copyright2 {margin-right: auto;margin-left: auto;width: 90%;padding-top: 30px;border-top-width: 1px;border-top-style: solid;border-top-color: rgba(231,208,188, 0.5);}
.copyright2 dd.one {display: block;float: left;padding-right: 30px;font-family: Geometos;font-size: 14px;line-height: 28px;color: #e7d0bc;text-align: center;}
.copyright2 dd.one a {text-decoration:none;color: #e7d0bc;-webkit-transition: all 0.3s ease-in-out;}
.copyright2 dd.one a:hover {text-decoration: none;color: #FFF;}
.copyright2 dd.two {float: left;font-family: Geometos;font-size: 14px;line-height: 28px;color: #e7d0bc;}
.copyright2 dd.two a {text-decoration:none;color: #e7d0bc;-webkit-transition: all 0.3s ease-in-out;}
.copyright2 dd.two a:hover {text-decoration: none;color: #FFF;}

/*自适应解决方案*/
@media screen and (max-width: 800px) {
body {font-family: PingFangSC-Light;}
#nav_05 {
	padding-bottom: 10px;
}

#nav_05 dd.en_biaoti {
	font-size: 14px;
	line-height: 16px;
}
#nav_05 dd.biaoti {font-size: 10px;}
	
.nav_title {margin-top: 70px;}
.nav_title dd.nav {width: 100%;padding-top: 15px;font-size: 12px;}
.nav_title_present {
	height: 30px;
	border: 0.7px solid #e7d0bc;
}
.nav_title dd.biaoti {font-size: 12px;color: #e7d0bc;padding-top: 30px;}

.copyright {height: 60px;}
.copyright_general {height: 60px;}
.copyright2 {padding-top: 10px;border-top-width: 0.5px;}
.copyright2 dd.one {display: none;}
.copyright2 dd.two {font-size: 8px;}
}