*{margin: 0px; padding: 0px; font-size: 14px;border: none;}
img{    vertical-align: middle;}
ul{list-style: none;}
a{text-decoration:none;}
.am-container {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    margin-left: auto;
    margin-right: auto;
    padding-left: 10px;
    padding-right: 10px;
    width: 100%;
    max-width: 1000px;
    color: #fff;
}
.am-fl{float: left;}
.am-fr{float: right;}
.am-cf {
    clear:both;
}

#header,.footer{
    margin: 0px;
    border:none;
    height: 38px;
    line-height:38px;
    text-align:center;
    min-height: 38px;
    background-color: #272a4c;
    overflow: hidden;
}
#header div{
    display: inline-block;
    font-size: 14px;
}
#header .fl{
    float: left;
}

#header .ball{
    width: 30px;
    height: 30px;
    border-radius: 15px;
    line-height: 30px;
    font-size: 14px;
    color: #fff;
    margin-left: 10px;
    margin-top: 5px;
}
.colorRed{background-color: red;}
.colorBlue{background-color: blue;}
.colorGreen{background-color: green;}
.colorHui{background-color: #ccc;}

#header .animal{
    width: 20px;
    height: 30px;
    margin-top: 5px;
    line-height: 30px;
}

#header .add{
    margin-left: 10px;
}

.footer p{color: #595474;}
#header  button{ height: 26px; line-height: 26px;color: #fff; margin: 4px 6px 0 0; padding: 0px 20px; font-size: 12px; }
#header .index button{background-color: #7187de; }
#header .add button{background-color: #a671ff; }
#heads{ height: 86px; background-color: #c6e7d7; overflow: hidden;}
#heads .am-container{ text-align: center;}
.news{height: 34px; line-height: 34px; background: url("/statics/index/images/in_bg.jpg" ) repeat-x;}
.news .am-container{ height: 34px; line-height: 34px; color: #666666;  position: relative;  overflow: hidden;}
#demo{position:absolute;top:0px; right:10px; width: 94%;  overflow: hidden; z-index:1;}
#news_d{position:absolute;top:0px; left:10px; background: url("/statics/index/images/in_bg.jpg" ) repeat-x; z-index:10; }
.qimo8 .qimo {/*width:99999999px;*/width:8000%; }
.qimo8 .qimo div{ float:left;}
.qimo8 .qimo ul{float:left; overflow:hidden; zoom:1; margin:0px}
.qimo8 .qimo ul li{float:left;  list-style:none; font-size:14px; color:green; height:32px; line-height:33px; vertical-align:middle}
.qimo8 li a{margin-right:10px;color:#444444;height:32px; line-height:32px; vertical-align:middle}
.con{padding-top:20px; background: url("/statics/index/images/con_bg.jpg" );  padding-bottom: 2em;}
.con .am-container .shadow{padding:0px; box-shadow: 0px 5px 10px #dae5ff; background-color: #f6f7ff; padding-bottom: 2em;position: relative}
.line{width: 100%; height: 12px; background: url("/statics/index/images/line.jpg" ) repeat-x; margin-top: 1em;}
.shadow .am-container{margin-top: 1em;}
.am-avg-ul{padding-left:2.2%; margin-top: 1em;}
.am-avg-ul li{float:left; width: 16.6%;padding-right:2%;}
.nav  .types{display:inline-block; color: #fff; background-color: #6268ae;  height: 30px; line-height: 30px; padding: 0px 1em; border-radius: 0.2em 0.2em 0px 0px;}
.nav div{background-color: #e2e4f8;}
.nav ul{ color: #fff; background-color: #e2e4f8; padding-left:2.2%;  margin: 0px; padding-top: 1em; }
.nav ul li{float:left; width: 16.6%;padding-right:2%; margin-bottom: 1em;}
.nav ul a{ display: flex;  border: 1px solid #b5b5b5; background-color: #fff; height: 40px; line-height: 40px;  vertical-align:middle; text-align: center; position: relative;}
.nav ul a img{margin: 4px 2px; height: 32px; width: 32px;}
.nav ul a span{background: none; color: #2a2a2a; }
.nav ul a:hover{ color: #2a2a2a; border: 1px solid #8288cb;}
.hot:after{display: inline-block; content:""; width: 16px;height: 16px;content: url("/statics/index/images/icon_hot.png" ) ; position: absolute; top:-15px; right:5px;  }
#heads{
    background-color: yellow;
}
#heads .logo img{height: 80px;margin-top: 3px;border-radius: 5px;}
#head_banner{height: 80px;margin-top: 3px;max-width: 75%; float: right;}
#kf{width: auto;height: 90px;position: absolute;right: 0.5rem;top: 104px; z-index: 10000;}
#kf .close{
    width: 20px;
    height: 20px;
    text-align: center;
    line-height: 20px;
    position: absolute;
    left: -20px;
    top: 0px;
    color: #000;
    font-size: 16px;
}
#kfhide{
    width: 10px;
    height: 80px;
    border: 1px solid #ccc;
    text-align: center;
    line-height: 80px;
    border-top-left-radius: 15px;
    border-bottom-left-radius: 15px;
    border-right: none;
    position: absolute;
    top: 104px;
    right: 0px;
    display: none;
    color: #CCC;
    font-size: 16px;
    font-weight: bold;
}
/*通用样式*/  
/*手机*/  
@media screen and (max-width:800px){  
    .am-avg-ul{padding-left:2.2%; margin: 0px;}
    .am-avg-ul li{float:left; width: 33%;padding-right:2%; margin-top: 1em;}
    .nav ul{ padding-left:2.2%;  margin: 0px; padding-top: 1em; }
    .nav ul li{ width: 33%;padding-right:2%; margin-bottom: 1em;}
}
@media screen and (max-width:450px){  
    #header div{
        font-size: 12px;
    }
    #header .ball{
        width: 20px;
        height: 20px;
        border-radius: 10px;
        line-height: 20px;
        font-size: 12px;
        color: #fff;
        margin-left: 5px;
        margin-top: 8px;
    }
    #header .animal{
        width: 15px;
        height: 20px;
        margin-top: 8px;
        line-height: 20px;
    }
    #header .add{
        margin-left: 5px;
    }
}
@media screen and (max-width:385px){ 
    .am-avg-ul{padding-left:2.2%; margin: 0px;}
    .am-avg-ul li{float:left; width: 33%;padding-right:2%; margin-top: 1em;}
    .nav ul{ padding-left:2.2%;  margin: 0px; padding-top: 1em; }
    .nav ul li{ width: 33%;padding-right:2%; margin-bottom: 1em;}
    #heads .am-fr{max-width:50%;}
    #header div{
        font-size: 10px;
    }
    #header .ball{
        width: 16px;
        height: 16px;
        border-radius: 8px;
        line-height: 16px;
        font-size: 10px;
        color: #fff;
        margin-left: 2px;
        margin-top: 11px;
    }
    #header .animal{
        width: 13px;
        height: 20px;
        margin-top: 9px;
        line-height: 20px;
    }
    #header .add{
        margin-left: 2px;
    }
}