.navi{font-size:0;padding:1px;text-align:center}
.appico{width:calc(10% - 3px);margin:7px 1px;height:auto;box-sizing:border-box;display:inline-block;position:relative}
.naicon{border-radius:10px;overflow:hidden;font-size:0;margin:2px 13px}
.appico img{width:100%}
.appico p{width:100%;height:25px;line-height:25px;text-align:center;font-size:13px;margin:0;color:red;overflow:hidden}
@media screen and (max-width:960px){.appico{width:calc(20% - 3px)}
}

.banner-Classification{position:relative;min-height:1px;width:50%;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}
.the-banner{display:flex;flex-wrap:wrap}
@media screen and (max-width:750px){.banner-Classification{width:100%!important}
.banner-Classification img{height:60px!important}
}
/*-----------------------*/
.banner{width:100%;height:50px;line-height:50px;background:#222}
.banner a.logo{display:block;height:50px;width:250px;float:left;color:#fff;}
.banner a.logo h1{/*! float:right; */font-size:20px;margin-left:90px}
.banner a.logo:hover{color:#fff}
.banner span{font-weight:bolder;color:#fff;margin-left:10px}
.banner p{float:left;color:#aaa;line-height:50px;text-indent:20px}
.banner div{width:90px;float:right;color:#fff;display:none;font-size:12px;background-image:url(../images/yulan_1.png);background-position:30px center;background-repeat:no-repeat}
.tab_class{width:100%;height:90px;line-height:125px;margin:auto;margin-bottom:10px;overflow:hidden}
.tab_class a{display:inline-block;float:left;width:10%;height:90px;text-align:center;font-weight:bolder;color:#333;transition:.2s;position:relative;border-radius:10px}
.tab_class a h1,.tab_class a h2{font-size:20px}
@media screen and (max-width:640px) {
.tab_class a h2{font-size:16px}
    }
.tab_class a:hover{color:#f9226e;background-color:#fff}
.tab_class a span{display:inline-block;width:36px;height:36px;background:url(../images/menu.png) no-repeat;position:absolute;top:11px;left:50%;margin-left:-18px}
.tab_class a:nth-child(1) span{background-position:1px}
.tab_class a:nth-child(2) span{background-position:-36px 0}
.tab_class a:nth-child(3) span{background-position:-72px 0}
.tab_class a:nth-child(4) span{background-position:-108px 0}
.tab_class a:nth-child(5) span{background-position:-144px 0}
.tab_class a:nth-child(7) span{background-position:-180px 0}
.tab_class a:nth-child(6) span{background-position:-216px 0}
.tab_class a:nth-child(8) span{background-position:-252px 0}
.tab_class a:nth-child(9) span{background-position:-288px 0}
.tab_class a:nth-child(10) span{background-position:-324px 0}
.tab_class a:nth-child(1):hover span{background-position:0 -36px}
.tab_class a:nth-child(2):hover span{background-position:-36px -36px}
.tab_class a:nth-child(3):hover span{background-position:-72px -36px}
.tab_class a:nth-child(4):hover span{background-position:-108px -36px}
.tab_class a:nth-child(5):hover span{background-position:-144px -36px}
.tab_class a:nth-child(7):hover span{background-position:-180px -36px}
.tab_class a:nth-child(6):hover span{background-position:-216px -36px}
.tab_class a:nth-child(8):hover span{background-position:-252px -36px}
.tab_class a:nth-child(9):hover span{background-position:-288px -36px}
.tab_class a:nth-child(10):hover span{background-position:-324px -36px}