@charset "utf-8";

/*==============头尾老代码==============*/
.header_w{ background:#823068;}
.header{ width:100%; min-width:320px; max-width:640px; background:#fff; height:58px; margin:0 auto;text-align: left;}
.header img{ width:186px; height:58px; margin-left:20px;}
.header1{ width:36px; height:27px; float:right; background:url(../images/logo_1.png) no-repeat center; margin:15px 16px;}
/***********右侧隐藏导航***************/
.hiddenav{ width:111px; height:auto; position:absolute; right:0; z-index:1000;right:-74px; display:none;text-align: left;}
.hiddenav ul li{ width:111px; height:33px; background:#bd9463; border-bottom:1px #fff solid;}
.hiddenav ul li b{ color:#ffffff;margin-left:9px; margin-right:9px; float:left;font-size:1.2em;line-height:33px;}
.hiddenav ul li p{ font-size:1.6rem; color:#ffffff; text-align:center; line-height:33px;float:left;}
/*底部*/
.footer{ width:100%; min-width:320px; max-width:640px; height:auto; margin:0 auto;text-align:left;padding-top:30px;padding-bottom:20px;background: url(../images/bg1.jpg) repeat;}
.footer2{ width:100%; min-width:320px; max-width:640px; height:auto; display:inline-block;text-align: center;}
.footer2 img{width:15.625%;}
.footer1{ width:auto;padding-left: 3%;display: inline-block;text-align: left;vertical-align: top;}
.footer1 p{ font-size:1.6rem; line-height:30px;color: #505050;font-family:'microsoft yahei';}
/**/
.useless{ width:100%; min-width:320px; max-width:640px; height:60px; margin:0 auto;background: url(../images/bg1.jpg) repeat;}
/*底部导航*/
.theBottom{width:100%; position:fixed;bottom:0; z-index:99;}
.theBottom ul{width:100%; min-width:320px; max-width:640px;margin:0 auto;}
/*filter:alpha(opacity=80); opacity:0.8;*/
.theBottom ul a{width: 25%;float: left;background:url(../images/theBottom.jpg) repeat-x;background-size:auto 100%;}
.theBottom ul li{padding-top:0.8em;padding-bottom:0.8em;border-right:1px solid #ddbc91;text-align:center; font-size:2.24rem; color:#fff; line-height: 2rem;font-family:'microsoft yahei';}
.theBottom ul .bli{ border-right:1px solid #aba9aa;}
/*==============头尾老代码 End==============*/


/*=================================================================*/

@media screen and (min-width:541px) and (max-width:600px){


    .useless {height: 40px;}

}

/*===========  480 ===========*/
@media screen and (min-width:480px) and (max-width:540px){

}


/*===========  320 ===========*/
@media screen and (max-width:479px){

    .footer1 p{line-height: 18px;}
    .theBottom ul li{padding-top:0.8em;padding-bottom:0.8em;font-size:2.2rem; color:#fff; line-height: 2rem;}
    .useless{height: 25px;}
}


@media screen and (min-width:400px) and (max-width:490px){

    .footer1 p{line-height: 22px;}
}


@media screen and (max-width:350px){

    .theBottom ul li{font-size:2rem; }
}