/*  
作者：新鲜人
地址：http://www.htmlit.com.cn
邮箱：htmlit@live.com
     htmlit@qq.com
QQ：117593323
*/
@charset "utf-8";

*{ padding:0; margin:0;}
table { border-collapse:collapse; border-spacing: 0}
a { text-decoration:none; color:#333;}
a:hover { color:#d60000;}
input { outline:none}
textarea { resize:none}
li { list-style: none}
img { border:none; vertical-align:bottom;}
*, :after, :before { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}
/*=======================================================*/
body { width:100%; font-family:-apple-system, BlinkMacSystemFont, 'Microsoft YaHei', sans-serif; font-size:16px; color:#333; line-height:1.75; -webkit-text-size-adjust: 100%; -webkit-tap-highlight-color:transparent; outline:0;}
.container { width:1164px; margin:0 auto;}
.container:after {clear:both; display:table; content:"";}
/**/
body.index { height:100vh;}
/**/
.wrapper { max-width:500px; height:100%; padding:0; margin:0 auto; position:relative; background:url(../images/bg.jpg) no-repeat center center; background-size:100% auto;}
.header { width:100%; height:30%; position:relative;}
.logo { width:100%; height:100%; background:url(../images/logo.png) no-repeat center center; background-size:100% auto;}
.logo a { display:block; width:100%; height:100%; color:transparent!important;}
.mark_logo { max-width:100px; width:20%; height:auto; position:absolute; left:0; top:0;}
.mark_logo img { width:100%; height:auto; }
.footer { height:16%;}
/**/
.menu { height:60%; position:relative; margin:0 8px;}
.menu li { width:49%; height:23%; position:absolute;}
.menu li a { display:block; width:100%; height:100%; color:transparent!important;}
.menu li.menu1 { height:48%; top:0; left:0; background:#78b551 url(../images/index/menu1.png) no-repeat center center; background-size:100% auto;}
.menu li.menu2 { top:50%; left:0; background:#f5af38 url(../images/index/menu2.png) no-repeat center center; background-size:100% auto;}
.menu li.menu3 { top:75%; left:0; background:#54c6ba url(../images/index/menu3.png) no-repeat center center; background-size:100% auto;}
.menu li.menu4 { top:0; right:0; background:#e67353 url(../images/index/menu4.png) no-repeat center center; background-size:100% auto;}
.menu li.menu5 { top:25%; right:0; background:#69a4df url(../images/index/menu5.png) no-repeat center center; background-size:100% auto;}
.menu li.menu6 { top:50%; right:0; background:#d78d10 url(../images/index/menu6.png) no-repeat center center; background-size:100% auto;}
.menu li.menu7 { top:75%; right:0; background:#c371c5 url(../images/index/menu7.png) no-repeat center center; background-size:100% auto;}
/**/
.xc-lang { width:100%; height:30px;}
.xc-lang a { float:right; height:30px; line-height:30px; padding:0 2%; color:#FFF;}
.xc-lang a.selected { color: #ffa800;}
/**/

/**/