body { text-align: left; margin: 0; padding: 0; font-family:'Segoe UI','Lucida Grande',Verdana,Arial,Helvetica,sans-serif; font-size: 12px; line-height: 1.5em; color:#333;background:#fff;}
div, form, img, ul, ol, li, dl, dt, dd { margin: 0; padding: 0; border: none; color:#333;}
ul, dl, li { list-style-type: none; }
h1{ font-size:18px;line-height: 1.4em;}
h1 span {font-size: 14px; padding-left: 10px; color:#ccc;}
h2, h4, h5 { margin: 0; padding: 0; font-weight: normal; margin-top: 5px;font-size: 16px;}
h6 { margin: 0; padding: 0; font-size: 12px; font-weight: normal; margin-top: 5px;font:12px/20px Tahoma;}
h3{ margin: 0; padding: 0; font-size: 14px; font-weight: bold; margin-top: 5px;line-height: 24px;}
input, select, button { font: 12px Verdana,Arial,Tahoma; }
a{ color: #333; text-decoration: none; }
a:hover { color: #166f9b;  text-decoration:underline;}
#maindiv {margin:0 auto; padding-top: 50px; text-align:center;}
.logo {margin:0 auto; height：78px;}
#lang {margin:0 auto; width: 400px; margin-top: 20px; text-align:center;}
#lang ul {margin:0 auto; text-align:center; margin-left: 50px; margin-top: 30px;}
#lang ul li {height: 40px; margin-top: 10px;}
#lang ul li a {display: block; background: url(/lang.png) no-repeat 0 0; height: 40px;}
#lang ul li a:hover {background-position:0 -40px;}
#lang ul li #l1 {background-position:0 -80px;}
#lang ul li #l2 {background-position:0 -160px; display: none;}
#lang ul li #l3 {background-position:0 -240px;}
#lang ul li #l4 {background-position:0 -560px;}
#lang ul li #l5 {background-position:0 -400px;}
#lang ul li #l6 {background-position:0 -320px;}
#lang ul li #l1:hover {background-position:0 -120px;}
#lang ul li #l2:hover {background-position:0 -200px;}
#lang ul li #l3:hover {background-position:0 -280px;}
#lang ul li #l4:hover {background-position:0 -600px;}
#lang ul li #l5:hover {background-position:0 -440px;}
#lang ul li #l6:hover {background-position:0 -360px;}
#foobar {margin:0 auto; margin-top: 50px; width: 998px; text-align:center;}
@media screen and (max-width: 450px) {
html {-webkit-text-size-adjust: 100%;
    -webkit-tap-hightlight-color: transparent;
    -webkit-user-select: none;
    font-size: 62.5%;
    text-align: center;
    touch-action: manipulation;}
body {text-align:center; -webkit-text-size-adjust: 100%!important;
    margin: 0 auto;
    background-color: #fff;
    color: #333;
    font-size: 1.2rem;
	font-family: -apple-system,BlinkMacSystemFont,'Helvetica Neue',Helvetica,Segoe UI,Arial,Roboto,'PingFang SC',miui,'Hiragino Sans GB','Microsoft Yahei',sans-serif;
    -webkit-overflow-scrolling: touch;
    height: 100vh;
    min-width: 32rem;
    max-width: 100vw;
    overflow-x: hidden;}
#maindiv {margin:0 auto; padding: 2rem 1rem 0 1rem; text-align:center;box-sizing: border-box;}
#lang {margin:0 auto; width: 100%; margin-top: 2rem; text-align:center; }
#lang ul {margin:0 auto; text-align:center; margin-top: 3rem; padding-left: calc(50vw - 15rem);}
#lang ul li {height: 4rem; margin-top: 1rem;}
#lang ul li a {display: block; background: url(/lang.png) no-repeat 0 0; height: 4rem;}
#lang ul li a:hover {background-position:0 -4rem;}
#lang ul li #l1 {background-position:0 -8rem;}
#lang ul li #l2 {background-position:0 -16rem; display: block;}
#lang ul li #l3 {background-position:0 -24rem;}
#lang ul li #l4 {background-position:0 -56rem;}
#lang ul li #l5 {background-position:0 -40rem;}
#lang ul li #l6 {background-position:0 -32rem;}
#lang ul li #l1:hover {background-position:0 -12rem;}
#lang ul li #l2:hover {background-position:0 -20rem;}
#lang ul li #l3:hover {background-position:0 -28rem;}
#lang ul li #l4:hover {background-position:0 -60rem;}
#lang ul li #l5:hover {background-position:0 -44rem;}
#lang ul li #l6:hover {background-position:0 -36rem;}
#foobar {margin:0 auto; margin-top: 5rem; width: 100%; text-align:center;}
}
@media screen and (max-width: 768px) {
html {-webkit-text-size-adjust: 100%;
    -webkit-tap-hightlight-color: transparent;
    -webkit-user-select: none;
    font-size: 62.5%;
    text-align: center;
    touch-action: manipulation;}
body {text-align:center; -webkit-text-size-adjust: 100%!important;
    margin: 0 auto;
    background-color: #fff;
    color: #333;
    font-size: 1.2rem;
	font-family: -apple-system,BlinkMacSystemFont,'Helvetica Neue',Helvetica,Segoe UI,Arial,Roboto,'PingFang SC',miui,'Hiragino Sans GB','Microsoft Yahei',sans-serif;
    -webkit-overflow-scrolling: touch;
    height: 100vh;
    min-width: 32rem;
    max-width: 100vw;
    overflow-x: hidden;}
#maindiv {margin:0 auto; padding: 4rem 1rem 0 1rem; text-align:center;box-sizing: border-box;}
#lang {margin:0 auto; width: 100%; margin-top: 2rem; text-align:center; }
#lang ul {margin:0 auto; text-align:center; margin-top: 3rem; padding-left: calc(50vw - 15rem);}
#lang ul li {height: 4rem; margin-top: 1rem;}
#lang ul li a {display: block; background: url(/lang.png) no-repeat 0 0; height: 4rem;}
#lang ul li a:hover {background-position:0 -4rem;}
#lang ul li #l1 {background-position:0 -8rem;}
#lang ul li #l2 {background-position:0 -16rem; display: block;}
#lang ul li #l3 {background-position:0 -24rem;}
#lang ul li #l4 {background-position:0 -56rem;}
#lang ul li #l5 {background-position:0 -40rem;}
#lang ul li #l6 {background-position:0 -32rem;}
#lang ul li #l1:hover {background-position:0 -12rem;}
#lang ul li #l2:hover {background-position:0 -20rem;}
#lang ul li #l3:hover {background-position:0 -28rem;}
#lang ul li #l4:hover {background-position:0 -60rem;}
#lang ul li #l5:hover {background-position:0 -44rem;}
#lang ul li #l6:hover {background-position:0 -36rem;}
#foobar {margin:0 auto; margin-top: 5rem; width: 100%; text-align:center;}
}