@charset "utf-8";

.logo12{width: 140px;height: 132px;background: url(../images/logo12.png) center center;position: absolute;left: 622px;top: 33px;}

.nav{position: relative;width: 236px;height: 500px;font-family: 'Source Han Sans CN';color: #543d00;z-index: 11;margin: 75px 20px 0;}

.fl{float: left;}

.nav .sp{background: url(../images/spr.png) no-repeat 0 0;display: inline-block;}

.nav .logo12{left: 50%;margin-left: -70px;position: relative;top: 0;}

.line{width: 11px;height: 59px;background: url(../images/line.png) no-repeat center center;position: relative;left: 50%;margin-left: -5px;}

.nav-box>li>p.sp{width: 236px;height: 46px;text-align: center;line-height: 46px;background-position: 0 -447px;cursor: pointer;}

.nav-box>li>b{font-size: 20px;display: block;float: left;margin-left: 40px;}

.nav-box>li>span{display: block;float: left;}

.nav-box .btm-line{width: 1px;height: 21px;background: rgba(201, 201, 201, 0.6);left: 50%;position: relative;}

.nav-box>li p.sp:hover,.nav-box li.on p.sp{background-position: 0 -361px;color: #fff;}

.nav-box>li>p>a{display: block;width: 100%;height: 100%;color: #543d00;}



.tag{opacity: 0;height: 0;}

.tag>*{display: none;}

.tag p{width: 170px;height: 26px;line-height: 26px;background: url(../images/nav3.png) no-repeat center center;text-align: center;color: #000;cursor: pointer;margin: 7px auto;background-size: 100% 100%;}

.tag p:hover,.tag p.on{background: url(../images/nav1.png) no-repeat center center;color: #fff;background-size: 100% 100%;}

.tn a{display: block;width: 100%;height: 100%;color: #000;}

.tag p:hover a{color: #fff;}

.tag p span.sp{background-position: -600px -104px;width: 25px;height: 25px;float: right;margin-right: 20px;margin-left: -10px;}

.tag .btm-line{background: rgba(197,73,53, 0.6);}

.tn-box a{display: block;width: 114px;height: 24px;line-height: 24px;margin: 6px auto;text-align: center;color: #000;}

.tn-box a span.sp{width: 29px;height: 24px;background-position: -589px -52px;position: relative;display: block;float: left;}

.tn-box a:hover,.tn-box a.on{background: url(../images/nav2.png) no-repeat center center;background-size: 100% 100%;color: #fff;text-align: center;}

.tn-box a:hover span,.tn-box a.on span{float: none;}

.tn-box a:hover span.sp,.tn-box a.on span.sp{display: none;}

.tn-box{height: 0;opacity: 0;display: none;}

.tn-box a.w120{width: 174px;}

.tn-box a.w140{width: 144px;}

.tn-box a.w200{width: 190px;}

.tn-box a.w125{width: 125px;}

.tn-box a.w150{width: 158px;}

.tn-box a i.new,.tn>a i.new{width: 25px;height: 25px;background-position: -600px -146px;position: relative;display: block;float: left;}

.tn-box a i.wx{width: 25px;height: 25px;background-position: -653px -201px;position: relative;display: block;float: left;}

.tn-box a:hover i.new,.tn-box a.on i.new{background-position: -600px -104px;}

.tn-box a:hover i.wx,.tn-box a.on i.wx{background-position: -600px -201px;}

.tn-box a.w140:hover span.fl,.tn-box a.w125:hover span.fl,.tn-box a.w150:hover span.fl,.tn-box a.w200:hover span.fl,

.tn-box a.w140.on span.fl,.tn-box a.w125.on span.fl,.tn-box a.w150.on span.fl,.tn-box a.w200.on span.fl{float: left;margin-left: 29px;}

.tn>a i.new{float: right;margin-right: 10px;}