@charset "utf-8";
/* CSS Document */

header{width:100%; background-color: #ffffff;}
.tops{width:1200px; height:97px; margin:0px auto;}
.tops .logo{width:108px; height:97px; background-color:#161616; text-align:center; display:block; float:left}
.tops .logo img{width:75px; height:62px; margin-top:17px;}
.tops ul{float:right; height:97px; line-height:97px; margin: 0px;}
.tops ul li{display:inline-block; margin-left:30px;}
.tops ul li a{font-size:18px; color:#111111; text-decoration:none;}
.tops ul li a:hover{color:#59490f;}
.tops ul li.currclass a{color:#b2911e;}
.drawer-default{display: none;}
@media screen and (min-width: 760px) and (max-width: 1200px) { 
.tops{width:100%; height:97px; margin:0px auto; padding:0px 12px 0px 0px;}
.drawer-default{display: none;}
}
@media screen and (min-width: 481px) and (max-width: 759px) { 
.tops{width:100%; height:72px; margin:0px auto; padding:0px 12px 0px 0px;}
.tops .logo{width:80px; height:72px; background-color:#161616; text-align:center; display:block; float:left}
.tops .logo img{width:70px; height:58px; margin-top:6px;}
.tops ul{float:right; height:72px; line-height:72px;}
.tops ul li{display:inline-block; margin-left:10px;}
.tops ul li a{font-size:14px; color:#111111; text-decoration:none;}

.drawer-default{display: none;}
}
@media screen and (max-width: 480px){
.tops{width:100%; height:72px; margin:0px auto; padding:0px 0px 0px 0px;background-color:#161616; position:relative;}
.tops .logo{width:80px; height:72px; background-color:#161616; text-align:center; margin:0px auto; float:inherit;}
.tops .logo img{width:75px; height:62px; margin-top:6px;}
.navs{position:absolute; top:60px; right:12px; display: none; z-index:99999;}
.triangle-up {width:0; height:0; margin: 0px auto; border:8px solid transparent; border-bottom-color:#f2f2f2;} 
.tops ul{ height:auto; text-align:center; line-height:25px; background-color:#fff;  float:none; padding:8px 7px 8px 7px; opacity:0.8; box-shadow: 0px 0px 3px #999;}
.tops ul li{display:block; text-align:center; margin-left:0px;}
.tops ul li a{font-size:14px; color:#111111; text-decoration:none;}
.tops ul li a:hover{color:#59490f;}

.tops span{height:30px; width:30px; display:block; position:absolute; top:18px; right:33px;} 
.tops .nav_icon:before{content:''; height:4px; width:30px; background:#fff; border-radius:4px;-webkit-border-radius:4px;-moz-border-radius:4px; display:block; position:absolute; top:5px; left:0; box-shadow:0 12px #fff, 0 24px #fff;-webkit-box-shadow:0 12px #fff, 0 24px #fff;-moz-box-shadow:0 12px #fff, 0 24px #fff;}


.backs{display:block; height:40px; width:40px; display:block; position:absolute; top: 18px; left: 18px; overflow:hidden; width:25px;} 
.backs:before{content:''; height:20px; width:20px; display:block; border:2px solid #fff; border-right-width:0; border-bottom-width:0; transform:rotate(-45deg);-webkit-transform:rotate(-45deg);-moz-transform:rotate(-45deg);-o-transform:rotate(-45deg);-ms-transform:rotate(-45deg); position:absolute; top:7px; left:7px;}



.pop{width: 30px; height: 30px; position: absolute; top: 20px; right: 32px; background-color: transparent;}




.drawer-main{position:fixed;top:0;width:200px;height:100%;overflow:hidden; text-align: center;}
.drawer-left .drawer-main{left:-200px;-webkit-transition:left .4s cubic-bezier(0.19,1,.22,1);-o-transition:left .4s cubic-bezier(0.19,1,.22,1);transition:left .4s cubic-bezier(0.19,1,.22,1)}
.drawer-left.drawer-open .drawer-main{left:0}
.drawer-right .drawer-main{right:-200px;-webkit-transition:right .4s cubic-bezier(0.19,1,.22,1);-o-transition:right .4s cubic-bezier(0.19,1,.22,1);transition:right .4s cubic-bezier(0.19,1,.22,1)}
.drawer-right.drawer-open .drawer-main{right:0}
.drawer-overlay{position:relative}
.drawer-left .drawer-overlay,.drawer-left .drawer-hamberger{left:0;-webkit-transition:left .4s cubic-bezier(0.19,1,.22,1);-o-transition:left .4s cubic-bezier(0.19,1,.22,1);transition:left .4s cubic-bezier(0.19,1,.22,1)}
.drawer-left.drawer-open .drawer-overlay,.drawer-left.drawer-open .drawer-hamberger{left:200px}
.drawer-right .drawer-overlay,.drawer-right .drawer-hamberger{right:0;-webkit-transition:right .4s cubic-bezier(0.19,1,.22,1);-o-transition:right .4s cubic-bezier(0.19,1,.22,1);transition:right .4s cubic-bezier(0.19,1,.22,1)}
.drawer-right.drawer-open .drawer-overlay,.drawer-right.drawer-open .drawer-hamberger{right:200px}
.drawer-overlay-upper{position:fixed;top:0;z-index:1100;display:none;height:100%;background-color:#000;background-color:rgba(0,0,0,.4)}
.drawer-left.drawer-open .drawer-overlay-upper{right:0}
.drawer-right.drawer-open .drawer-overlay-upper{left:0}
.drawer-default{background-color:#666; background: url('../img/gglbj.jpg') 0px 0px no-repeat; -webkit-box-shadow:inset 0 0 0 rgba(0,0,0,.5);box-shadow:inset 0 0 0 rgba(0,0,0,.5); display: block;}
.drawer-default+.drawer-overlay{background-color:#fff}
.drawer-default .drawer-brand a{display:block;width:100%;padding:10px 15px;font-size:22px;color:#bebebe}
.drawer-default .drawer-brand a:hover{color:#bebebe;text-decoration:none}
.drawer-default .drawer-nav-title{display:block;padding:15px 15px 0 15px;font-size:18px}
.drawer-default .drawer-nav-list{padding:0;margin:0 0 20px 0;list-style:none}
.drawer-default .drawer-nav-list li{display:block; margin-top: 6px;}
.drawer-default .drawer-nav-list li a{display:block; padding:15px; color:#fff; font-size: 16px;}
.drawer-default .drawer-nav-list li a:hover{text-decoration: none;}
.drawer-default .drawer-nav-list li ul a{padding:8px 20px}

.drawer-hamberger{/*position:fixed;z-index:1000;*/display:block; width:0px;height:0px;padding:0px;background-color:transparent;border:0}
.drawer-hamberger span{margin-top:16px}
.drawer-hamberger span,.drawer-hamberger span:before,.drawer-hamberger span:after{position:absolute;display:block;width:30px;height:2px;cursor:pointer;content:'';background-color:#ddd;border-radius:1px;-webkit-transition:all .4s cubic-bezier(0.19,1,.22,1);-o-transition:all .4s cubic-bezier(0.19,1,.22,1);transition:all .4s cubic-bezier(0.19,1,.22,1)}
.drawer-hamberger span:before{top:-10px}
.drawer-hamberger span:after{bottom:-10px}
.drawer-open .drawer-hamberger span{background-color:transparent}
.drawer-open .drawer-hamberger span:before,.drawer-open .drawer-hamberger span:after{top:0}
.drawer-open .drawer-hamberger span:before{-webkit-transform:rotate(45deg);-ms-transform:rotate(45deg);-o-transform:rotate(45deg);transform:rotate(45deg)}
.drawer-open .drawer-hamberger span:after{-webkit-transform:rotate(-45deg);-ms-transform:rotate(-45deg);-o-transform:rotate(-45deg);transform:rotate(-45deg)}
.drawer-hamberger:hover{cursor:pointer}@media (min-width:767px){
	.drawer-responsive.drawer-left .drawer-toggle,.drawer-responsive.drawer-right .drawer-toggle{display:none;visibility:hidden}
	.drawer-responsive.drawer-left .drawer-main{left:0}
	.drawer-responsive.drawer-right .drawer-main{right:0}
}
/*@media (min-width:768px){
	.drawer-responsive{background-color:#222}
	.drawer-responsive.drawer-left .drawer-main,.drawer-responsive.drawer-right .drawer-main{position:absolute;width:150px!important;height:auto!important;overflow:visible!important}
	.drawer-responsive.drawer-left .drawer-main{float:left}.drawer-responsive.drawer-left .drawer-overlay{margin-left:150px}
	.drawer-responsive.drawer-right .drawer-main{float:right}.drawer-responsive.drawer-right .drawer-overlay{margin-right:150px}
	}
@media (min-width:1200px){
	.drawer-responsive.drawer-left .drawer-main,.drawer-responsive.drawer-right .drawer-main{width:200px!important}
	.drawer-responsive.drawer-left .drawer-overlay{margin-left:200px}
	.drawer-responsive.drawer-right .drawer-overlay{margin-right:200px}
}*/

}