html, body { font-size: 100%; margin: 0; padding: 0; background: url(body_bg.gif) repeat;}
a { color: #333; }
a:hover { color: #fe0000; text-decoration: none }
img { width: 100%; }
ul, li { list-style: none; }
i{ font-style:normal}
/*公共模块*/	 
.title{ border-bottom:#d0ab7f solid 1px; position:relative; padding-top:8px; margin:0 10px 10px;text-align:center}
.title h3{ font-size:18px; color:#999; padding-bottom:8px; border-bottom:#fe0000 solid 2px; display:inline-block; position:relative; bottom:-1px; font-weight:bold; color:#fe0000 }
.title h3 span{ font-size:18px; color:#b88242; }
.title h1{ font-size:18px; color:#fff; margin:15px auto 0; padding-bottom:8px; border-bottom:#666 solid 1px;  text-align:center}

/*头部*/
.mt20{margin-top:10px}
header{display: block; width: 100%; background: #211d1c; text-align: center; z-index: 999; box-shadow:0px 0px 5px #000; position:relative; }
.titlebg{height:auto; text-align:center;overflow:hidden;  position:relative; } 
.titlebg .bt{display: block; width: 60%; padding: 0.8rem 0; margin:0 auto}
.titlebg .bt a{color:#c6a46d; font-size:20px; font-weight:bold}
.titlebg .lb{ width:30px; height:26px; left:10px; top:16px; position:absolute; background:url("ls03.png") no-repeat center;}
.titlebg .fh{ width:30px; height:26px; right:10px; top:16px; position:absolute; background:url("ls02.png") no-repeat center;}
.nav{  width:100%; overflow:hidden; }
.nav:before, .nav:after { display: table; content: ""; line-height: 0; }
.nav a{ float:left; width:22.8%; display:block; margin:0 0.7%; height:30px; line-height:30px; border:1px solid #888; text-align:center; color:#000; font-size:14px; -moz-border-radius: 20px; -webkit-border-radius: 20px; border-radius:20px; background:rgba(0,0,0,0.15);font-weight:bold}
.nav a.n_a,.nav a.n_b,.nav a.n_d,.nav a.n_e{}
.nav a.n_b,.nav a.n_c,.nav a.n_e,.nav a.n_f{}
.nav a.n_a,.nav a.n_b,.nav a.n_c{ }
.nav a.n_d,.nav a.n_e,.nav a.n_f{}
.nav a:hover,.nav a.cur{ background:#3c2f16; color:#fbec06}
.nav .ico_a{ background:url(ico_a.png) no-repeat 0px center; color:#fff; padding-left:25px;}
/*banner*/
#banner { margin:0px auto; min-height: 150px; max-height: 200px; overflow: hidden; position: relative; border-radius: 5px;}
#banner img { border-radius: 0 }
#banner div { display: block; text-align: center; }
#banner .swipe { overflow: hidden; position: relative; }
#banner .swipe > div { width: 100%; float: left; position: relative; }
.banshadow{height:15px; background:url("bannerbg.png") center top no-repeat; background-size:100%}
.box { border: 0px solid #ccc; margin: 0px; }
.box .content,.box .content2{padding:10px; line-height: 1.8em; font-size:14px; margin:0 10px; background:#fff; color:#666; overflow:hidden; border:1px solid #ddd}
.box .content img{width:100%!important; height:auto!important;}

.box .info { padding: 10px; font-size: 70%; line-height: 150%; color: #666; background:#ece3d9;  margin:0 10px;text-align:center}
.box .timg { padding: 10px;  text-align:center;}
.box .timg img{max-width:80%;}
.box .timg h3{font-size:16px; color:#b88242}
.box .list { margin:0 10px 10px;}
.box .list li { background:#fff; margin-bottom:5px; padding:0 5px; box-shadow:1px 1px 2px #ddd}
.box .list li a { padding:5px; line-height:32px; font-size:95%; color:#666}
.box .list li span{float:right; font-size:12px ;line-height: 32px;  color: #888 }
.box .pic-list { padding:0 8px;}
.box .pic-list li {text-align: center;  margin:0 0.5% 2%; display: inline-block; width: 45.7%; border:1px solid #ddd; background:#fff; padding:1%}
.box .pic-list li .pic {width:100%; height:0px; padding-top:100%}
.box .pic-list li .title {width:100%; font-size: 15px; line-height:36px;  background:#403934; margin:0px; color:#fff; padding:0}
.box .pic-list li .title span{display:inline-block; float:right; font-size: 26px; line-height:36px; background:#5a4c41; color:#fff;padding:0 10px}
.to_top{ display:block; margin:8% 30% 1%; width:40%; background:#ad8860 ; border:#dcdcdc solid 1px; color:#ffffff; font-size:15px; text-align:center; padding:1.2% 0;}
.aboutico1,.aboutico2{ display:block; width:28%; margin-top:10px; margin-bottom:15px; background:#d5d5d5 ; border:#ccc solid 1px; color:#fe0000; font-size:14px; text-align:center; padding:0.8% 0;}
.aboutico1{margin-left:20%; float:left;}
.aboutico2{margin-right:20%; float:right;}

.xm_list{}
.xm_list li{margin:20px 10px}
.xm_list li .xmpic{width:180px;height:180px;border:3px solid #ddd; border-radius:90px;overflow:hidden; margin:0 auto}
.xm_list li .xmpic img{width:100%;}
.xm_list li h3{font-size:22px;padding:10px 0; text-align:center;color:#fff}
.xm_list li p{line-height:1.8em;color:#aaa;font-size:13px;}
/*联系*/
.foot{ background:#e1e1e1; padding:5% 0 3%; text-align:center; margin-bottom:12%;}
.foot .p2{ font-size:12px; color:#777777;}
/*分页*/
.pages { padding: 10px; }
.pages .pre-page, .pages .next-page { margin-top:10px; }
.pages .pre-page a, .pages .next-page a { display: block; line-height: 220%; text-decoration: none; font-size:16px; text-align:center; border: 1px solid #dedede; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; cursor: pointer; background: #3c3016 ; border-color: #dedede #d8d8d8 #d3d3d3; color: #fff; text-shadow: 0 1px 0 #eee; -webkit-box-shadow: 0 1px 1px #eee, inset 0 1px 0 #eee; -moz-box-shadow: 0 1px 1px #eaeaea, inset 0 1px 0 #eee; box-shadow: 0 1px 1px #eaeaea, inset 0 1px 0 #eee; }
/*边栏*/
.sidr { display: none; position: absolute; position: fixed; top: 0; height: 100%; z-index: 999999; width: 180px; overflow-x: none; overflow-y: auto; font-size: 15px; background: #222; color: #fff; }
.sidr .sidr-inner { padding: 0 0 15px }
.sidr .sidr-inner>p { margin-left: 15px; margin-right: 15px }
.sidr.right { left: auto; right: -260px }
.sidr.left { left: -260px; right: auto }
.sidr h1, .sidr h2, .sidr h3, .sidr h4, .sidr h5, .sidr h6 { font-size: 11px; font-weight: normal; padding: 0 15px; margin: 0 0 5px; color: #fff; line-height: 24px; background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #4d4d4d), color-stop(100%, #1a1a1a)); background-image: -webkit-linear-gradient(#4d4d4d, #1a1a1a); background-image: -moz-linear-gradient(#4d4d4d, #1a1a1a); background-image: -o-linear-gradient(#4d4d4d, #1a1a1a); background-image: linear-gradient(#4d4d4d, #1a1a1a); -webkit-box-shadow: 0 5px 5px 3px rgba(0,0,0,0.2); -moz-box-shadow: 0 5px 5px 3px rgba(0,0,0,0.2); box-shadow: 0 5px 5px 3px rgba(0,0,0,0.2) }
.sidr p { font-size: 13px; margin: 0 0 12px }
.sidr p a { color: rgba(255,255,255,0.9) }
.sidr>p { margin-left: 15px; margin-right: 15px }
.sidr ul { display: block; margin: 0 0 15px; padding: 0; border-top: 1px solid #111; border-bottom: 1px solid #333;}
.sidr ul li { display: block; margin: 0; line-height: 40px; border-top: 1px solid #333; border-bottom: 1px solid #111; }
.li_close{background:url("close.png") 68% center no-repeat; text-align:right;}

.sidr ul li:hover, .sidr ul li.active, .sidr ul li.sidr-class-active { border-top: none; line-height: 41px }
.sidr ul li:hover>a, .sidr ul li:hover>span, .sidr ul li.active>a, .sidr ul li.active>span, .sidr ul li.sidr-class-active>a, .sidr ul li.sidr-class-active>span { background-color: #222 }
.sidr ul li a, .sidr ul li span { padding: 0 15px; display: block; text-decoration: none; color: #ddd }
.sidr ul li ul { border-bottom: none; margin: 0 }
.sidr ul li ul li { line-height: 30px; font-size: 13px }
.sidr ul li ul li:last-child { border-bottom: none }
.sidr ul li ul li:hover, .sidr ul li ul li.active, .sidr ul li ul li.sidr-class-active { border-top: none; line-height: 31px }
.sidr ul li ul li:hover>a, .sidr ul li ul li:hover>span, .sidr ul li ul li.active>a, .sidr ul li ul li.active>span, .sidr ul li ul li.sidr-class-active>a, .sidr ul li ul li.sidr-class-active>span { -webkit-box-shadow: inset 0 0 15px 3px #222; -moz-box-shadow: inset 0 0 15px 3px #222; box-shadow: inset 0 0 15px 3px #222 }
.sidr ul li ul li a, .sidr ul li ul li span { color: rgba(255,255,255,0.8); padding-left: 30px; background:url("listico.png") 15px center no-repeat;}
.sidr form { margin: 0 15px }
.sidr label { font-size: 13px }
.sidr input[type="text"], .sidr input[type="password"], .sidr input[type="date"], .sidr input[type="datetime"], .sidr input[type="email"], .sidr input[type="number"], .sidr input[type="search"], .sidr input[type="tel"], .sidr input[type="time"], .sidr input[type="url"], .sidr textarea, .sidr select { width: 100%; font-size: 13px; padding: 5px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; margin: 0 0 10px; -webkit-border-radius: 2px; -moz-border-radius: 2px; -ms-border-radius: 2px; -o-border-radius: 2px; border-radius: 2px; border: none; background: rgba(0,0,0,0.1); color: rgba(255,255,255,0.6); display: block; clear: both }
.sidr input[type=checkbox] { width: auto; display: inline; clear: none }
.sidr input[type=button], .sidr input[type=submit] { color: #333; background: #fff }
.sidr input[type=button]:hover, .sidr input[type=submit]:hover { background: rgba(255,255,255,0.9) }
.lx{text-align:center; font-size:16px; font-weight:400;padding:10px; line-height:2em; color:#fff; background:#403734;margin:0 10px}
.lx .telimg{width:20px}
.lx .ewm{width:40%; margin:10px 5%}
.cont_sbox{ margin-top:20px}
.cont_sbox b{font-size:18px;}
.cont_sbox a{color:#ddd}


