*{margin:0;padding:0;}
img{border:0;}
a{text-decoration:none;}
li{list-style:none;}


.head{  top:0; width:100%; z-index:2000;min-width:320px;max-width:640px; margin:0 auto}
.xuanchuang{ position:relative}
.xuanchuang img{ width:100%;display:block;}
.zhuye{ height: 44%; left: 5%; position: absolute; top: 35%; width: 10%; }
.xlcd{ height: 55%; left:84%; position: absolute; top: 25%; width: 12%; cursor:pointer;}
.xl_nr{ position:absolute; width:25%; right:0; display:none; top:99%; z-index:99999}
.xl_nr ul li{ background:#7b3aff; text-align:center; color:#FFF; border-top:1px solid #CCC; padding:6% 0;}

.nav{position:absolute;right:0;top:100%;background:#7b3aff;width:7em;padding:3px 0;display:none;z-index:9999;border-top:1px solid #9b6bf3;}
.nav li{width:100%;height:2.2em;border-bottom:1px solid #9b6bf3;float:left;}
.nav li a{float:left;padding-left:25px;line-height:2.2em;color:#fff;background:url(../images/nav-icon.png) 10px center no-repeat;width:100%;box-sizing:border-box;}

#banner{width:100%;max-width:640px;min-width:320px;margin:0 auto;position:relative;overflow:hidden;}

.menu{width:94%;margin:20px auto 0;overflow:hidden;max-width:602px;}
.menu a{width:25%;text-align:center;float:left;max-width:144px;color:#676767;font:1em/1.5em "Microsoft YaHei";}
.menu a img{width:68%;}


.bot_menu{width:100%;background:#efefee;overflow:hidden;}
.bot_menu ul{margin:1em auto .8em;width:94%;max-width:602px;overflow:hidden;}
.bot_menu li{float:left;width:25%;text-align:center;color:#373838;font:1em/1.5em "Microsoft YaHei";}
.bot_menu li img{width:40%;}



@media only screen and (min-width: 320px) { 
   .nav{font-size:12px;}
    .bot_menu li{font:14px/22px "Microsoft YaHei";}
}
@media only screen and (min-width: 414px) { 
   .nav{font-size:14px;}
}
@media only screen and (min-width: 640px) { 
    .nav{font-size:16px;}
    .bot_menu li{font:18px/24px "Microsoft YaHei";}
}