header { background: white; }
header #cis h1 svg { fill: #000; }
header #Gtop { border-bottom: 1px solid #f8f8f8; background: #fff; height: 100px; }
header #top-nav a { color: #292826; }
header #top-nav .menu ul.pc>li>ul.subnav>li a { background-color: white; }
.tu { float: right; position: absolute; right: 50px; top: 60px; }
.tu a { color: black; }
header #top-nav .menu ul.pc>li:hover { height: auto; }
header.headerTop { background: white; }
header.headerTop .tu { top: 30px; }
header.headerTop #Gtop { background-color: #fff; padding: 0px 0; height: 80px; }
header #top-nav .menu .last2 { padding-bottom: 0; border-bottom: 1px solid #000; }

#waylink-title { margin-top: 110px; background: #f8f8f8; color: #292826; padding: 48px 0 35px; }
#waylink-title h2 { font-size: 24px; font-weight: normal; position: relative; display: block; letter-spacing: .11em; }
#waylink-title h2 a { color: #292826; }
#waylink-title .waylink { overflow: hidden; font-size: 14px; margin-top: 10px; }
#waylink-title .waylink .left { float: left; font-size: 14px; font-weight: normal; position: relative; display: block; letter-spacing: 0.08em; }
#waylink-title .waylink .right { float: right; }
#waylink-title .waylink .right a { color: #292826; }
#waylink-title .waylink .right a img { height: 14px; }
#subbanner { padding: 170px 0; background-size: cover; background-position: 50% 50%; display: none; }
#subbanner section { text-align: center; }
#subbanner h3 { text-align: center; color: #fff; font-size: 18px; font-weight: normal; display: inline-block; margin: 0 10px; font-weight: 600; }
#subbanner h3 a { text-align: center; color: #fff; font-size: 20px; font-weight: 600; }
#subbanner h3 span { display: block; width: 69px; margin: 28px auto; height: 1px; background: #fff; margin-top: 11px; }
#content { font-size: 16px; color: #0a0a0b; padding: 30px 0; }
#content section { width: 100%; }
#content section.smallban { width: 1280px; max-width: 90%; display: flex; justify-content: center; }
#content #community { overflow: hidden; margin-top: 30px; display: none; }
#content #community ul { float: right; }
#content #community li { float: left; line-height: 0; margin-left: 5px; }
#alist { background-image: url(/images/35/sidepage-bg.jpg); background-size: cover; padding: 120px 0; background-repeat: no-repeat; background-position: 50% 0%; background-attachment: fixed; position: relative; display: none; }
#alist ul { text-align: center; }
#alist li { display: inline-block; -webkit-filter: grayscale(80%); transition: all ease-in-out 0.3s; }
#alist li:hover { -webkit-filter: grayscale(0%); }
#alist li a { color: #fff; margin: auto 14px; font-size: 16px; letter-spacing: 2px; }

@media screen and (max-width: 1366px) {
	.tu { right: 10px; top: 45px; }
	#alist ul { width: 565px; margin: 0 auto; }
}
@media screen and (max-width: 1140px) {
	header.headerTop #top-nav a.language { margin-top: 16px; }
}
@media screen and (max-width: 980px) {
	.tu { right: 15px; top: 29px; }
	header #top-nav .menu li a { color: #fff; }
	#waylink-title h2 { font-size: 20px; }
	#subbanner { padding: 30px 0; }
	#alist ul { width: 100%; }
	#waylink-title { margin-top: 85px; }
	#alist { background-attachment: initial; background-size: cover; padding: 70px 0; }
	#subbanner { background-attachment: initial; background-size: cover; padding: 30px 0; }
}
@media screen and (max-width: 640px) {
	header.headerTop .tu { right: 20px; }
}
@media screen and (max-width: 480px) { 
	#waylink-title .waylink { font-size: 12px; }
	#content { font-size: 14px; padding: 50px 0; }
	#waylink-title { padding: 20px 0; }
	header #Gtop { height: auto; }
	header.headerTop #Gtop { padding: 20px 0; height: 40px; }
}