html {
	max-width:750px;
    font-size: 62.5%; /*10 ÷ 16 × 100% = 62.5%*/
	margin:0 auto;
	overflow-x: hidden;
}

body {
	max-width:750px;
    font-size: 1.4rem; /*1.4 × 10px = 14px */
    padding: 0 0 3rem;
	margin:0 auto;
	overflow-x: hidden;
	overflow-y:auto;
}

#header {
    width: 100%;
    position: relative;
}

#header img {
    width: 100%;
}
.banner img{width: 100%;}
.toplogo{ width:100%; background:#fff; }
.toplogo a{ display:block; padding:1.4rem; padding-left:0.4rem;}
.toplogo img{ width:80%;}

#header ul {
    position: absolute;
    top: 0;
    left: 0;
    list-style: none;
    padding: 0;
    margin: 0;
    width: 100%;
    height: 100%;
    text-align: center;
    font-size: 0;
    display: none;
}

#header ul li {
    display: inline-block;
    width: 15%;
    margin: 0 0.7%;
    position: relative;
}

#header ul li a {
    display: block;
    width: 100%;
    border-radius: 0 0 3rem 3rem;
    background: #2d2d2d;
    position: absolute;
    top: 0;
}

#header ul li a.active {
    background: #ffba00;
}

#header ul li a.home {
    height: 50%;
}

#header ul li a.brand {
    height: 45%;
}

#header ul li a.selene {
    height: 55%;
}

#header ul li a.case {
    height: 45%;
}

#header ul li a.activity {
    height: 55%;
}

#header ul li a.say {
    height: 45%;
}

#header ul li a img {
    display: block;
    width: 50%;
    margin: 0 0 0 -24%;
    position: absolute;
    bottom: 1.2rem;
    left: 50%;
}

#footer {
    position: fixed;
    bottom: 0;
    z-index: 2000;
}

#footer img {
    width: 100%;
    display: block;
}

#footer:before,
#footer:after {
    content: ' ';
    display: table;
}

#footer:after {
    clear: both;
}

#footer a {
    position: absolute;
    display: block;
    height: 100%;
}

#footer a.telephone {
    width: 51.531%;
    top: 0;
    left: 0;
}

#footer a.chat {
    float: left;
    width: 23.5%;
    top: 0;
    left: 52.531%;
}

#footer a.back {
    float: left;
    width: 24.125%;
    top: 0;
    right: 0;
}

.title {
    width: 100%;
}

.title img {
    width: 100%;
    display: block;
}

.category {

    list-style: none;
    padding: 0;
    margin: 0;
    text-align: center;
}

.category li {
    display: inline-block;
    width: 20%;
    margin: 1rem 3%;
}

.category li img {
    width: 100%;
    display: block;
}

.list {
    list-style: none;
    margin: 0;
    padding: 0;
    text-align: center;
    font-size: 0;
    padding: 0 0 1rem;
}

.list li {
    display: inline-block;
    width: 48%;
    margin: 1rem 1%;
}

.list li img {
    width: 100%;
    display: block;
    border-radius: 0rem;
}

.loading {
    margin: 0 0 3rem;
    text-align: center;
 }
 
 /*活动*/
 .artlist {
    list-style: none;
    margin: 0;
    padding: 0;
    text-align: center;
    font-size: 0;
    padding: 0 0 2rem;
}

.artlist li {
    display: inline-block;
    width: 88%;
    margin: 1rem 6%;
}

.artlist li a {
    text-decoration: none;
}

.artlist li a img {
    width: 100%;
    display: block;
    border-radius: 1rem;
}

.artlist li a h3 {
    font-size: 1.6rem;
    color: #333;
    text-align: left;
    margin-bottom: 5px;
}

.artlist li a h4 {
    font-size: 1.4rem;
    color: #666;
    text-align: left;
    margin-top: 10px;
    margin-bottom: 5px;
}

.artlist li a h5 {
    font-size: 1.2rem;
    color: #999;
    text-align: left;
    margin-top: 5px;
}
.content {
    width: 99%;
    margin: 1rem auto;
}

.content img {
    width: 100%;
}

/*footer*/
.u-en{ font-family: sans-serif;}
.footBox{margin-top: 0.4rem;padding: 0;font-size: 0.28rem;line-height:1.5;color: #959595;text-transform: uppercase;clear: both;}
.footTitle{font-size: 0.3rem;line-height:3;color: #555;text-align: left;}
.footNav{margin:0 auto;text-align: left; padding:0; -webkit-padding-start: 0px;}
.footNav li{text-indent: 2rem;border-bottom: 1px solid #ccc;font-size:.28rem;line-height:3.6;text-align: left; list-style:none;}
.footNav li a{color: #000; font-size:1.6rem; text-decoration:none;}
.footNav li em{margin-right: 0.1rem;font-weight: bold; font-style: normal;}
.telephone{ padding:1.25rem 0 1rem 1rem; display:block;}
.telephone img { width:80%;}
.footBox h2{font-weight: normal; font-size:1.8rem; text-align:left; text-indent:1rem;}
.address{color: #555; font-style: normal;font-size:1.4rem; padding-left:1rem; }
.address strong{color: #000;}
.copyright{margin-bottom: 1.56rem;font-size: 1.2rem;}

/*footer end*/
.flbox{ width:100%; overflow:hidden; clear:both; padding-top:1rem; margin:0 auto;}
.promobar{margin-bottom: 0.9rem;padding-left: 0.2rem;letter-spacing: -0.04rem;font: 0/1 normal;white-space: nowrap; }
.promobar img { display: block; border: 0 none; width: 100%; height: auto;}
.promobar a{display: inline-block; }
.promobar.num4{margin-bottom: 0.24rem;padding-left: 0.12rem; }
.promobar.num4 a{width:24%;height:auto;margin-right:1%; }
.iwlg{margin-bottom: 0.24rem;padding:0.2rem 0.7rem; }
.iwlg a{width:24%;height:auto; font: 1.2rem/1 normal; margin-right:1%; color:#1E1E1E; overflow: hidden; text-decoration: none; }
.iwlg a:hover{text-decoration:underline;}