.mheaderbox{width:100%;height:220px;overflow:hidden;background:linear-gradient(#eb4b15, #FFC37C);}
.mheaderbox .mheader{width:1200px;height:220px;margin:0 auto;position:relative;background:url(../images/bg.png) no-repeat;background-position:50% 30px;background-size:80%;z-index:1;}
.mheader .logo{position:absolute;margin:25px 0;}
.mheader .logo img{width:74px;}
.mheader h1{color:#fff;font-size:30px;font-weight:lighter;position:absolute;left:120px;top:40px;}
.mheader h1:before {content: "";display: block;width: 8px;height: 8px;border-radius: 50%;background: #fff;position: absolute;left: -22px;top: 50%;margin-top: -3px;}
.mheader .postbtn{width:150px;height:40px;position:absolute;right:0;top:40px;}
.mheader .postbtn a{display:block;text-align:center;width:150px;height:40px;line-height:40px;background:#fff;border-radius:4px;font-size:16px;font-weight:600;color:#eb4b15;border:1px solid #b77058;}
.mheader .postbtn a:hover{background:#f5e3ce;text-decoration:none;}
.mheaderbox .subcat{width:100%;margin-top:-90px;position:absolute;z-index:2;}
.mheaderbox .subcat .subcatbox{width:1200px;height:180px;margin:0 auto;background:#fff;border-radius:8px;box-shadow:0 0 10px 0 rgba(0, 0, 0, 0.14);display:table;}
.mheaderbox .subcat .subcatbox li{display:table-cell;}
.mheaderbox .subcat .subcatbox li a{display:block;width:80px;height:110px;margin:30px auto;text-decoration:none;}
.mheaderbox .subcat .subcatbox li .catitemicon{width:80px;height:80px;border-radius:80px;background:#843dca;text-align:center;line-height:80px;}
.mheaderbox .subcat .subcatbox li:nth-child(2) .catitemicon{background:#0dd2bd}
.mheaderbox .subcat .subcatbox li:nth-child(3) .catitemicon{background:#D81E06}
.mheaderbox .subcat .subcatbox li:nth-child(4) .catitemicon{background:#F4EA2A}
.mheaderbox .subcat .subcatbox li:nth-child(5) .catitemicon{background:#D4237A}
.mheaderbox .subcat .subcatbox li:nth-child(6) .catitemicon{background:#5926ec}
.mheaderbox .subcat .subcatbox li:nth-child(7) .catitemicon{background:#25b8af}
.mheaderbox .subcat .subcatbox li .catitemicon i{font-size:40px;color:#fff;}
.mheaderbox .subcat .subcatbox li .catitemtit{width:80px;height:25px;line-height:25px;text-align:center;font-size:18px;margin-top:10px;}
.mainbox{width:100%;margin-top:110px;}
.mainbox .subcatbox{width:1200px;margin:10px auto;background:#fff;padding:10px 30px;box-sizing:border-box;}
.mainbox .subcatbox h2{font-size:20px;padding:10px 0;}
.mainbox .subcatbox h2 i{font-size:24px;padding-right:10px;font-weight:lighter;color:#ff3333;}
.mainbox .subcatbox:nth-child(2) h2 i{color:#0dd2bd}
.mainbox .subcatbox:nth-child(3) h2 i{color:#5926ec}
.mainbox .subcatbox:nth-child(4) h2 i{color:#25b8af}
.mainbox .subcatbox:nth-child(5) h2 i{color:#1296db}
.mainbox .subcatbox:nth-child(6) h2 i{color:#F4EA2A}
.mainbox .subcatbox:nth-child(7) h2 i{color:#D4237A}
.mainbox .subcatbox:nth-child(8) h2 i{color:#1296DB}
.mainbox .subcatbox:nth-child(9) h2 i{color:#D81E06}
.mainbox .subcatbox ul{margin-left:45px;padding-bottom:20px;overflow:hidden;}
.mainbox .subcatbox ul li{float:left;width:16%;}
.mainbox .subcatbox ul li.hasimg{width: 315px;height: 130px;border-radius: 8px;background: #FFF8F7;overflow: hidden;margin-left: 48px;margin-bottom: 22px;margin-top: 9px;}
.mainbox .subcatbox ul li.hasimg:first-child {margin-left: 0;}
.mainbox .subcatbox ul li.hasimg img {width: 96px;height: 94px;margin-left: 30px;margin-top: 23px;float: left;}
.mainbox .subcatbox ul li.hasimg span {margin-left: 55px;margin-top: 44px;float: left;display: block;max-width: 110px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.mainbox .subcatbox ul li a{display: block;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;font-size: 16px;line-height:34px;}