﻿@charset "utf-8";

*{ margin:0px; padding:0px; font-family:"微软雅黑", "Microsoft YaHei", "黑体", "宋体"; }
body{ font-size:12px; background:#ffffff; }
table{ font-size:12px; color:#333333; line-height:25px; }
div{ line-height:22px; color:#333333; }
h1{ font-size:14px; }
p{ margin-bottom:0px; }

a{ text-decoration:none; color:#333333; cursor:pointer; }
a:link{ text-decoration:none; color:#333333; }
a:visited{ text-decoration:none; color:#333333; }
a:hover{ text-decoration:none; color:#3da9f7; }

.red{ color:#ff0000; }
a.red{ color:#ff0000; }
a.red:link{ color:#ff0000; }
a.red:visited{ color:#ff0000; }
a.red:hover{ color:#ff0000; }

.white{ color:#ffffff; }
a.white{ color:#ffffff; }
a.white:link{ color:#ffffff; }
a.white:visited{ color:#ffffff; }
a.white:hover{ color:#ffffff; }

.blue{ color:#0000ff; }
a.blue{ color:#0000ff; }
a.blue:link{ color:#0000ff; }
a.blue:visited{ color:#0000ff; }
a.blue:hover{ color:#0000ff; }

a.page{ color:#2e2e2e; padding:6px 12px 6px 12px; border:1px solid #666666; border-right:0px; font-size:14px; }
a.page:link{ color:#2e2e2e; }
a.page:visited{ color:#2e2e2e; }
a.page:hover{ color:#ffffff; text-decoration:none; background:#666666; }
a.page_none{ padding:6px 12px 6px 12px; border:1px solid #666666; cursor:pointer; text-decoration:none; border-right:0px; font-size:14px; }
a.page_none:hover{ background:#666666; color:#ffffff; }
a.page_have{ color:#ffffff; padding:6px 12px 6px 12px; border:1px solid #666666; background:#666666; border-right:0px; font-size:14px; }
a.page_have:link{ color:#ffffff; }
a.page_have:visited{ color:#ffffff; }
a.page_have:hover{ color:#ffffff; text-decoration:none; }
a.page_last{ color:#2e2e2e; padding:6px 12px 6px 12px; border:1px solid #666666; font-size:14px; }
a.page_last:hover{ color:#ffffff; text-decoration:none; background:#666666; }

.top{ float:left; width:100%; min-width:1170px; height:120px; margin:0px auto; background:url(../image/top.jpg) repeat-x; }
.root{ float:left; width:100%; min-width:1170px; margin:0px auto; background:#ffffff; }
.roox{ float:left; width:100%; }
.room{ float:left; width:100%; padding:30px 0px 30px 0px; background:#f8f8f8; }
.roon{ float:left; width:100%; padding:30px 0px 30px 0px; }

.heat{ width:1110px; height:35px; margin:0px auto; }
.heat .diva{ float:left; width:500px; height:35px; line-height:35px; font-size:12px; }
.heat .divb{ float:left; width:610px; height:35px; line-height:35px; font-size:16px; text-align:right; font-weight:bold; }

.head{ width:1110px; height:85px; margin:0px auto; }

.logo{ float:left; width:410px; height:85px; }
.logo img{ float:left; width:350px; height:85px; border:0px; }
.logo span{ display:none; }

@media screen and (max-width:800px){
	.top{ min-width:100px; height:50px; background:rgba(55, 155, 233, 1); border-bottom:0px; }
	.logo{ width:51%; height:50px; padding:0px 0px 0px 4%; }
	.logo img{ display:none; }
	.logo span{ display:block; font-size:16px; line-height:53px; color:#ffffff; }
	.heat{ display:none; }
	.head{ width:100%; height:50px; }
	.root{ min-width:100px; padding:60px 0px 0px 0px; }
	.room{ padding:20px 0px 20px 0px; }
	.roon{ padding:20px 0px 20px 0px; background:#ffffff; }
}

.navi{ display:none; }
.menu{ float:left; width:700px; height:85px; }
.menu ul{ float:left; list-style:none; }
.menu ul li{ float:left; width:100px; height:85px; }
.menu ul li a{ float:left; width:100px; height:60px; padding:25px 0px 0px 0px; font-size:16px; text-align:center; position:relative; color:#5e5e5e; }
.menu ul li a:link{ color:#5e5e5e; }
.menu ul li a:visited{ color:#5e5e5e; }
.menu ul li a:hover{ color:#5e5e5e; }
.menu ul li span{ float:left; width:100px; height:25px; color:#5e5e5e; text-align:center; font-size:10px; position:absolute; left:0px; top:48px; font-family:Arial, Helvetica, sans-serif; }

.menu ul li.have{ background:#0185d7; }
.menu ul li.have a{ color:#ffffff; }
.menu ul li.have a:link{ color:#ffffff; }
.menu ul li.have a:visited{ color:#ffffff; }
.menu ul li.have a:hover{ color:#ffffff; }
.menu ul li.have span{ color:#ffffff; }

.menu .close{ display:none; }

/* .menu ul li:hover{ background:#0185d7; }
.menu ul li:hover a{ color:#ffffff; }
.menu ul li:hover a:link{ color:#ffffff; }
.menu ul li:hover a:visited{ color:#ffffff; }
.menu ul li:hover a:hover{ color:#ffffff; }
.menu ul li:hover span{ color:#ffffff; } */

@media screen and (max-width:800px){
	.navi{ float:left; width:45%; height:50px; text-align:right; display:block; }
	.navi img{ width:50px; height:50px; border:0px; cursor:pointer; }
	
	.menu{ width:100%; height:100%; position:fixed; background:rgba(0, 0, 0, 0.9); top:0px; left:0px; display:none; }
	.menu ul{ list-style:none; width:100%; margin:0 auto; top:80px; position:absolute; }
	.menu ul li{ float:left; width:100%; height:45px; padding:0px 0px 0px 0px; }
	.menu ul li > a{ float:left; width:96%; padding:0px 4% 0px 0px; font-size:20px; line-height:45px; color:#e9e7e8; text-align:right; overflow:hidden; }
	.menu ul li > a:link{ color:#e9e7e8; }
	.menu ul li > a:visited{ color:#e9e7e8; }
	.menu ul li > a:hover{ color:#ff0000; }
	.menu ul li > span{ display:none; }
	
	.menu ul li:hover > a{ color:#6aa4fc; }
	.menu ul li:hover > a:link{ color:#6aa4fc; }
	.menu ul li:hover > a:visited{ color:#6aa4fc; }
	.menu ul li:hover > a:hover{ color:#6aa4fc; }
	
	.menu .close{ width:20px; height:20px; position:absolute; top:3%; right:4%; display:block; }
	.menu .close img{ width:20px; height:20px; border:0px; transition:all 0.5s ease-in-out; }
	.menu .close:hover img{ transform:rotate(180deg); transition:all 0.5s ease-in-out; }
	
	#menu_home{ width:100%; }
	#menu_home > a{ width:96%; }
	
	#menu_chinese, #menu_english, #menu_japanese{ display:block; }
	
	#child_about{ display:none; }
	#child_mall{ display:none; }
	#child_news{ display:none; }
}

.banner{ float:left; width:100%; min-width:1170px; height:300px; margin:0px auto; background:#ececec url(../image/banner.jpg) no-repeat center; }
.banner_main{ width:1110px; margin:0px auto; }
.banner_text{ float:left; width:600px; padding:80px 0px 0px 120px; }
.banner_text .diva{ float:left; width:600px; height:50px; line-height:50px; font-size:32px; color:#ffffff; }
.banner_text .divb{ float:left; width:600px; height:50px; line-height:50px; font-size:24px; color:#ffffff; }
.banner_home{ float:left; width:100%; min-width:1170px; height:450px; margin:0px auto; padding:0px 0px 0px 0px; background:#f8f8f8; }

@media screen and (max-width:800px){
	.banner{ display:none; }
	.banner_home{ display:none; }
}

.bottom{ float:left; width:100%; min-width:1170px; height:154px; margin:0px auto; background:url(../image/bottom.jpg) repeat-x top; }
.bottom_main{ width:1110px; height:154px; margin:0px auto; position:relative; }
.bottom_menu{ float:left; width:1110px; height:80px; line-height:75px; font-size:14px; }
.bottom_menu span{ font-size:12px; padding:0px 15px 0px 15px; }
.bottom_simple{ float:left; width:1110px; height:80px; line-height:85px; color:#ffffff; }
.bottom_simple a{ color:#ffffff; }
.bottom_simple a:link{ color:#ffffff; }
.bottom_simple a:visited{ color:#ffffff; }
.bottom_simple a:hover{ color:#CCC; }
.bottom_ebs{ width:35px; height:50px; position:absolute; top:10px; right:0px; }

@media screen and (max-width:800px){
	.bottom{ min-width:100px; height:auto; background:none; background:#343434; }
	.bottom_main{ width:100%; height:auto; }
	.bottom_menu{ display:none; }
	.bottom_simple{ width:90%; height:auto; line-height:30px; padding:10px 5% 10px 5%; }
	.bottom_ebs{ display:none; }
}