/*Global-Style **********************************************************/
*						{margin: 0; padding: 0;}
html,body				{margin: 0; width:100%; font: 12px/160% "微软雅黑"; color: #050505;}
form,ul,li,dl,dt,dd		{margin: 0; padding: 0; list-style: none;}
img						{border:none;}
.l{float: left;}
.r{float: right;}

input{outline:none;}
input:focus { outline: none; }
button, input[type=button], input[type=submit] { cursor: pointer }
button::-moz-focus-inner, button::-moz-focus-outer, input::-moz-focus-inner, input::-moz-focus-outer { border: 0 none; padding: 0; margin: 0 }
input[type=search] { -webkit-appearance: textfield; }
input:focus::-webkit-input-placeholder { color: transparent; }
input::-ms-clear { display: none; }
/*Global-Link-Style **************************************************/
a			{text-decoration: none; color: #050505;}
a:hover		{color: #ff0000;text-decoration: none;}
/*****  *****/
.cen{margin:0 auto;}

/*****  *****/
.clear{clear:both}
.clearfloat:after{display:block;clear:both;content:"";visibility:hidden;height:0} 
.clearfloat{zoom:1}

/**************/
.header_wrap{width: 100%; height: auto;}
.head_top{width: 100%; height: auto; background: #501712;}
.tel{line-height: 38px; font-size: 14px;color: #fff;float: left; margin: 0;}
.top_right{float: right; height: 25px; margin: 6.5px 0; margin-right: 25px;}
.search{width: 180px; height: 25px; border: 1px solid #8d6865; -webkit-border-radius: 25px;-moz-border-radius: 25px;-ms-border-radius: 25px;-o-border-radius: 25px;border-radius: 25px;float: left; margin-right: 15px;}
.search .search_text{width: 72%; height: 23px; margin-left: 10%;border: 0; background: transparent; line-height: 25px; font-size: 13px; color: #fff; float: left;}
.search .search_btn{width: 18%; height: 23px; background: url(../images/search.png) no-repeat center; border: 0; float:right;}
.search .search_text:focus,.search .search_btn:focus{outline: none;}
.wei{float: right;}
.wei .sao{width: 25px; height: 25px; position: relative; float: left; margin-right: 10px;}
.wei .sao span{display: block; width: 25px; height: 25px; border: 1px solid #8d6865; background: url(../images/wei.png) no-repeat center; -webkit-border-radius: 50%;-moz-border-radius: 50%;-ms-border-radius: 50%;-o-border-radius: 50%;border-radius: 50%;}
.wei .sao img{display: none; position: absolute; top: 25px; left: -40px; z-index: 333;}
.wei .sao:hover img{display: block;}
.wei .oa{display: block; width: 25px; height: 25px;border: 1px solid #8d6865; -webkit-border-radius: 50%;-moz-border-radius: 50%;-ms-border-radius: 50%;-o-border-radius: 50%;border-radius: 50%; background: url(../images/oa.png) no-repeat center; float: left;}

.header_nav{width: 100%; height: auto; position: relative;-webkit-transition: .5s;-moz-transition: .5s;-ms-transition: .5s;-o-transition: .5s;transition: .5s; background: #fff;}
.fix{position: fixed; top: 0;left: 0; z-index: 99999; background: #fefbf6; box-shadow: 0 0 5px #ADADAF;}
.logo{ float: left;}
.logo a{display: block; height: 90px; width: 100%; display: block; line-height: 90px;}
.logo a img{max-width: 100%;display: inline-block; vertical-align: middle;}

.tab{ float: right;}
.tab>li{ float: right; font-size:16px; height: 90px; padding-top: 30px; -webkit-transition: .5s;-moz-transition: .5s;-ms-transition: .5s;-o-transition: .5s;transition: .5s; }
.tab>li>a{display: block; color:#373737; padding: 6px 20px; -webkit-border-radius: 25px;-moz-border-radius: 25px;-ms-border-radius: 25px;-o-border-radius: 25px;border-radius: 25px; position: relative;-webkit-transition: .5s;-moz-transition: .5s;-ms-transition: .5s;-o-transition: .5s;transition: .5s; overflow: hidden;}
.tab>li>a span{position: relative; z-index: 2;}
.tab>li.on>a{ color: #fff; background: #501712;}
.tab>li .sub{ position:absolute; top:90px; height:auto; left:50%; margin-left:-715px; background:rgba(245,245,245,.95);background:#f5f5f5\9; z-index:99999;  display:none;}
.tab>li .sub .sub_main{ height: auto; overflow: hidden; position: relative;}
.tab>li .sub .sub_left{float: left; width: 28%; padding: 60px 0 20px;}
.tab>li .sub .sub_left h4{font-size: 24px; color: #4e4e4e;}
.tab>li .sub .sub_left p{font-size: 14px; color: #818180; line-height: 30px;}



.tab>li .sub .sub_center{float: left; width: 24%; margin-left: 10%; border: 1px solid #dedede; border-top:0; border-bottom: 0; overflow:hidden; padding: 10px 0 45px;}

.tab>li .sub .sub_center ul{ width: 78%; margin: 0 auto; height: auto;}
.tab>li .sub .sub_center li{ line-height: 50px; border-bottom: 1px solid #dedede;}
.tab>li .sub .sub_center li a{display: block; padding-left:15%;background: url(../images/list_icon.png) no-repeat 4% center;font-size: 15px;color: #3e3e3e; position: relative;  -webkit-transition: .5s;-moz-transition: .5s;-ms-transition: .5s;-o-transition: .5s;transition: .5s; }
.tab>li .sub .sub_center li a:after{content: '';position:  absolute;width: 0;height: 1px;background: #fff;left: 0; bottom: -5px;-webkit-transition: .5s;-moz-transition: .5s;-ms-transition: .5s;-o-transition: .5s;transition: .5s;}
.tab>li .sub .sub_center li a:hover{background: url(../images/list_icon.png) no-repeat 7% center; padding-left:13%;}


.tab>li .sub .sub_right{ float: right;  width: 25%;padding: 48px 0 20px;}
.tab>li .sub .sub_right a{display: block; width: 100%; height:auto;overflow: hidden;}
.tab>li .sub .sub_right a img{width: 100%; min-height: 100%; -webkit-transition: .8s;-moz-transition: .8s;-ms-transition: .8s;-o-transition: .8s;transition: .8s;}
.tab>li .sub .sub_right a:hover img{-webkit-transform: scale(1.06);-moz-transform: scale(1.06);-ms-transform: scale(1.06);-o-transform: scale(1.06);transform: scale(1.06);}


/*****  *****/
.header{width: 100%; height: 4.7rem; background: #fbfaf6;  position: fixed; top: 0; left: 50%; margin-left: -50%; z-index: 7777777; }
.header .logo{display: block; width: 65%; height: 100%; line-height: 4.7rem; margin-left: 4%; float: left; }
.header .logo>img{display: inline-block;width: 100%; vertical-align: middle;}
.menu{width: 14%; height: 3.2rem; background: #501712; border-radius: 25px 0 0 25px;-webkit-border-radius: 25px 0 0 25px; box-sizing: border-box; border: 4px solid #f2e3cc; position: absolute; border-right: 0; top: 50%; margin-top: -1.6rem; right: 0; padding-left: 3.6%; z-index: 9999999; cursor: pointer;}
.menu span{display: block; width: 75%; height: 100%;  background: url(../images/sj_mun.png) no-repeat center; background-size: 100%;-webkit-transition: .5s;-moz-transition: .5s;-ms-transition: .5s;-o-transition: .5s;transition: .5s;}
.menu.off span{background: url(../images/close.png) no-repeat center; background-size: 100%;}
.header b{font-size: 1.2rem;color: #fff; position: absolute; right: 15%; line-height: 4.7rem; }
.menu_wrap{position: fixed; top: 0;left: -100%; width: 50%; height: 100%; box-sizing: border-box; background: rgba(0,0,0,0.8); z-index: 8888888; overflow: auto; -webkit-transition: .5s;-moz-transition: .5s;-ms-transition: .5s;-o-transition: .5s;transition: .5s;}
.menu_wrap.open{left: 0;}
.menu_wrap h4{text-align: center; font-size: 1.5rem; line-height: 2.5rem; color: #e38e07;margin-top: 20%;}
.menu_wrap ul{width: 80%; height: auto; margin: 0 auto; margin-top: 25%; }
.menu_wrap ul li{ border-bottom: 1px solid #5e5e5e; padding: 0 0.6rem; cursor: pointer; }
.menu_wrap ul li h3{height: auto; overflow: hidden; padding: 0; margin: 0;}
.menu_wrap ul li h3 a{float: left;}
.menu_wrap ul li a{color: #fff; display: block;font-size: 1.25rem; line-height: 3.5rem;  }
.menu_wrap ul li.down h3 span{float: right; width: 2rem; height: 3.5rem; background: url(../images/more.png) no-repeat center right;}
.menu_wrap ul li a:hover{color: #c79556;}

.menu_wrap ul li.on a{color: #c79556;}
.menu_list{position: absolute; top: 0; right: -100%; width: 100%; height: 100%; background: #323232;-webkit-transition: .5s;-moz-transition: .5s;-ms-transition: .5s;-o-transition: .5s;transition: .5s;}
.menu_list.live{right: 0;}
.menu_list h5{width: 80%; margin: 0 auto; font-size: 1.3rem; color: #c79556; font-weight: bold; border-bottom: 1px solid #5e5e5e; padding: 0 0.6rem 0 2.5rem; line-height: 4rem;background: url(../images/back.png) no-repeat left center; margin-top: 10%; cursor: pointer;}
.menu_list ul{margin-top: 2%;}
.menu_list ul li a{background:none;}
@media screen and (max-width: 1200px){
	#dh_nav>li>a{font-size: 16px;}
	#dh_nav>li .sub li a{font-size: 14px;}
}
@media screen and (max-width: 995px){
	#dh_nav>li>a{font-size: 14px;}
	#dh_nav>li .sub li a{font-size: 12px;}
	#dh_nav>li{width: 8%;}
	#dh_nav>li+li{width: 10%;}
	#dh_nav>li+li+li{width: 12%;}
	#dh_nav>li+li+li+li{width: 10%;}
}
@media screen and (max-width: 991px){
	body{padding-top: 4.7rem;}
	.header .logo{width: 18%;}
	.menu{width: 6%; padding-left: 1.5%;}
}
@media screen and (max-width: 767px){
	
	.header .logo{width: 25%;}
	.menu{width: 8%; padding-left: 2%;}
}
@media screen and (max-width: 550px){
	
	.header .logo{width: 35%;}
	.menu{width: 14%; padding-left: 3.6%;}
}

/********foot********/
.foot{width: 100%; height: auto;padding: 53px 0 47px 0; background: url(../images/foot_bg.png) no-repeat 60% bottom #333238;}
.foot h4{font-size: 18px; color: #c79556; font-weight: bold;}
.link{margin-top: 30px;}
.link>button{border: 1px solid #6e6d71; border-radius: 0; background: transparent;color: #fff; height: 35px; width: 80%; text-align: left; position: relative;}
.link .caret{color: #adadaf; position: absolute; right: 10px; top: 16px;}
.link>button b{position: absolute; left: 10px; top: 8px;}
.foot_about{margin-top: 20px;}
.foot_about li{font-size: 14px; color: #cccccc; line-height: 30px;}
.erwm{margin-top: 20px;}
.bottom{width: 100%; height: auto;background: #242329; padding: 15px 0; line-height: 24px; color: #cccccc; font-size: 14px;}
.bottom .auther{text-align: right;}
.bottom a{color: #cccccc;}
.bottom a:hover{color: #fff; text-decoration: underline;}
.top{width: 100%; height: 3rem; line-height: 3rem; text-align: center; border-bottom: 1px solid #2e2e2e; margin-bottom: 10px; cursor: pointer;}
.top span{padding-right: 1.5rem; background: url(../images/sj_top.png) no-repeat right center; font-size: 1.3rem; color: #fff;}

.top_1{position: fixed; bottom: 5%; right: 2%; border-color: #501712;}
.top_1 span{color: #501712;}
.top_1:hover,.top_1:focus{background:#501712 ;}
.top_1:hover span,.top_1:focus span{color: #fff;}

@media screen and (max-width: 755px){
	.foot,.bottom,.bottom .auther{text-align: center;}
	.bottom{padding-top: 0;}
	.foot{padding-top: 0;}
	.foot h4{margin-top: 40px;}
}