﻿@charset "utf-8";
/* Css Reset */
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, textarea, p, blockquote, th, td, img {
	padding: 0;
	margin: 0;
}
fieldset, img {
	border: 0;
}
address, caption, cite, code, dfn, em, th, var, i {
	font-weight: normal;
	font-style: normal;
}
ol, ul, li {
	list-style: none;
}
div, dl, dt, dd, ol, ul, li {
	zoom: 1;
}
caption, th {
	text-align: left;
}
h1, h2, h3, h4, h5, h6 {
	font-weight: normal;
	font-size: 100%;
}
q:before, q:after {
	content: '';
}
abbr, acronym {
	border: 0;
}
/* Public */
html {
	width: 100%;
}
body {
	width: 100%;
	color: #555;
	font: 12px/20px SimSun, Tahoma, Helvetica, Arial, sans-serif;
	-webkit-text-size-adjust: none;
}
a {
	color: #555;
	text-decoration: none;
	outline: none;
}
a:hover {
	color: #f30;
	text-decoration: underline;
}
.fl {
	float: left !important;
}
.fr {
	float: right !important;
}
.mab {
	margin-bottom: 10px;
}
.clearfix:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}
.siteWidth {
	width: 1000px;
	margin: 0 auto;
}
.column {
	overflow: hidden;
	margin-bottom: 10px;
}
/* 导航 */
#header {
	background: url(../images/head.jpg) repeat-x;
	height: 200px;
}
.logoBar {
	width: 1000px;
	margin: 0 auto;
	padding: 20px 0;
	height: 100px;
}
.logoBar h1 {
	font: bold 50px/60px Georgia;
}
.logoBar h1 a {
	color: #39A4DC;
}
.logoBar h1 a:hover {
	color: #39A4DC;
	text-decoration: none;
}
.navBar {
	position: relative;
	z-index: 1;
	color: #fff;
	height: 60px;
	line-height: 60px;
}
.nav {
	width: 1000px;
	margin: 0 auto;
	font-family: "Microsoft YaHei", SimSun, SimHei;
}
.nav .m {
	float: left;
	position: relative;
}
.nav a:hover {
	text-decoration: none;
	color: #ff0;
}
.nav h3 {
	float: left;
	font-size: 100%;
	font-weight: normal;
	font-size: 16px;
	height: 60px;
	overflow: hidden;
}
.nav h3 a {
	display: block;
	color: #fff;
	vertical-align: top;
	text-align: center;
	width: 142px;
	line-height: 30px;
}
.nav .on {
	border-color: #a40a0a;
}
.nav .on h3 a {
	background: #a40a0a;
	color: #ff0;
	border-color: #a40a0a !important;
}
.nav .sub {
	display: none; /*默认隐藏*/
	width: 99px;
	padding: 5px 0;
	position: absolute;
	left: -1px;
	top: 40px;
	background: #1F7CAF;
	text-align: center;
}
.nav .sub li {
	vertical-align: middle;
}
.nav .sub li a {
	height: 20px;
	line-height: 20px;
	padding: 4px 0;
	display: block;
	background: url(../images/icon.png) 0 9px no-repeat;
	color: #fff;
}
.nav .sub li a:hover {
	color: #ff0;
	background: #2595d1;
}
.nav #m7 h3 a {
	border-right: 1px solid #5bb3e1;
}
/* banner */
.banner {
	min-width: 1000px;
	position: relative;
	height: 700px;
	overflow: hidden;
}
.banner .bd {
	position: relative;
	z-index: 0;
}
.banner .bd ul {
	width: 100% !important;
}
.banner .bd li {
	width: 100% !important;
	height: 700px;
}
.banner .bd li .siteWidth {
	width: 1000px;
	position: relative;
	margin: 0 auto;
	height: 700px;
}
.banner .bd li a {
	height: 700px;
	display: block;
}
.banner .bd .txt {
	position: absolute;
	width: 415px;
	top: 100px;
	left: 22px;
	font: normal 18px/30px "Microsoft YaHei";
}
.banner .bd .btn {
	display: block;
	zoom: 1;
	margin-top: 8px;
	width: 72px;
	padding-right: 10px;
	height: 31px;
	line-height: 31px;
	text-align: center;
	color: #fff;
	font-size: 12px;
	background: url(../images/banner-btn.png) 0 0 no-repeat;
	_background: url(../images/banner-btn-ie6.png) 0 0 no-repeat;
}
.banner .hd {
	width: 100%;
	position: absolute;
	z-index: 1;
	bottom: 0;
	left: 0;
	height: 30px;
	line-height: 30px;
	text-align: center;
}
.banner .hd ul li {
	cursor: pointer;
	display: inline-block;
*display:inline;
	zoom: 1;
	width: 11px;
	height: 11px;
	margin: 4px;
	background: url(../images/dot-black.png) 0 0;
	overflow: hidden;
	line-height: 9999px;
	filter: alpha(opacity=40);
	opacity: 0.4;
}
.banner .hd ul .on {
	filter: alpha(opacity=100);
	opacity: 1;
}
/* content */
#content {
	padding:0;
	overflow: hidden;
}
.mainContent {
	width: 750px;
	float: left;
}
.side {
	width: 220px;
	float: right;
}
.title {
	background: url(../images/titlebg.png) no-repeat center;
	height: 90px;
	text-align: center;
	padding:15px 0;
}
.title span {
	width: 300px;
	display: block;
	margin: 0 auto;
	line-height: 30px;
}
.tit1 {
	font-size: 30px;
}
.tit2 {
	font-size: 26px;
}
.tit3 {
	font-size: 18px;
}
/* 焦点图 */
.focusBox {
	float: left;
	position: relative;
	width: 320px;
	height: 240px;
	margin-bottom: 10px;
	overflow: hidden;
	font-family: Arial;
	text-align: left;
	background: #fff;
}
.focusBox .pic img {
	width: 320px;
	height: 240px;
	display: block;
}
.focusBox .txt-bg {
	position: absolute;
	bottom: 0;
	z-index: 1;
	height: 36px;
	width: 100%;
	background: #333;
	filter: alpha(opacity=40);
	opacity: 0.4;
	overflow: hidden;
}
.focusBox .txt {
	position: absolute;
	bottom: 0;
	z-index: 2;
	height: 36px;
	width: 100%;
	overflow: hidden;
}
.focusBox .txt li {
	height: 36px;
	line-height: 36px;
	position: absolute;
	bottom: -36px;
}
.focusBox .txt li a {
	display: block;
	color: white;
	padding: 0 0 0 10px;
	font-size: 12px;
	font-weight: bold;
	text-decoration: none;
}
.focusBox .num {
	position: absolute;
	z-index: 3;
	bottom: 8px;
	right: 8px;
}
.focusBox .num li {
	float: left;
	position: relative;
	width: 18px;
	height: 15px;
	line-height: 15px;
	overflow: hidden;
	text-align: center;
	margin-right: 1px;
	cursor: pointer;
}
.focusBox .num li a, .focusBox .num li span {
	position: absolute;
	z-index: 2;
	display: block;
	color: white;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	text-decoration: none;
}
.focusBox .num li span {
	z-index: 1;
	background: black;
	filter: alpha(opacity=50);
	opacity: 0.5;
}
.focusBox .num li.on a, .focusBox .num a:hover {
	background: #f60;
}
/* Tab切换 */
.slideTxtBox {
	float: right;
	width: 400px;
	height: 220px;
	overflow: hidden;
	padding: 10px;
	background: #fff;
	text-align: left;
}
.slideTxtBox .hd {
	height: 28px;
	line-height: 28px;
	padding: 0 15px;
	border-bottom: 2px solid #39A4DC;
	font-size: 14px;
}
.slideTxtBox .hd ul {
	overflow: hidden;
	zoom: 1;
}
.slideTxtBox .hd ul li {
	float: left;
}
.slideTxtBox .hd ul li a {
	display: block;
	padding: 0 15px;
}
.slideTxtBox .hd ul li a:hover {
	text-decoration: none;
}
.slideTxtBox .hd ul li.on a {
	background: #39A4DC;
	color: #fff;
	font-weight: bold;
}
.slideTxtBox .bd {
	padding: 10px;
}
.slideTxtBox .bd li {
	height: 24px;
	line-height: 24px;
}
.slideTxtBox .bd li .date {
	float: right;
	color: #999;
}
/* 文字无缝上滚动 */
.sideBox {
	padding: 10px;
	height: 220px;
	overflow: hidden;
	background: #fff;
	margin-bottom: 10px;
}
.sideBox .hd {
	height: 30px;
	line-height: 30px;
	background: #f60;
	padding: 0 10px;
}
.sideBox .hd h3 {
	font-weight: bold;
	font-size: 14px;
	color: #fff;
}
.sideBox .hd h3 a {
	color: #fff;
}
.sideBox .bd {
	padding: 10px 0 10px 5px;
}
.sideBox .bd li {
	height: 24px;
	line-height: 24px;
	overflow: hidden;
}
.sideBox .bd li span {
	color: #999;
	margin-right: 5px;
}
/* 广告位 */
.adSlide1{
	width: 100%;
	height: 160px;
	overflow: hidden;
	position: relative;
	clear: both;
	background: url(../images/adslide.jpg) no-repeat center
}
.adSlide2{
	width: 100%;
	height: 722px;
	overflow: hidden;
	position: relative;
	clear: both;
	background: url(../images/banner1.jpg) no-repeat center
}
.adSlide .hd {
	position: absolute;
	z-index: 1;
	right: 5px;
	bottom: 5px;
}
.adSlide .hd ul {
	overflow: hidden;
	zoom: 1;
	float: left;
}
.adSlide .hd ul li {
	float: left;
	margin-right: 2px;
	width: 16px;
	height: 16px;
	line-height: 16px;
	text-align: center;
	background: #fff;
	cursor: pointer;
	filter: alpha(opacity=60);
	opacity: 0.6;
}
.adSlide .hd ul li.on {
	background: #f60;
	font-weight: bold;
	filter: alpha(opacity=100);
	opacity: 1;
	color: #fff;
}
.adSlide .bd {
	position: relative;
	z-index: 0;
}
.adSlide .bd img {
	width: 750px;
	height: 80px;
}
.bg1 {
	background: #fff6ed;
}

/* 图片滚动 */
.picScroll {
	position: relative;
	height: 124px;
	padding: 10px 0 10px 42px;
	background: #fff;
	margin-bottom: 10px;
	overflow: hidden;
}
.picScroll ul {
	overflow: hidden;
	zoom: 1;
}
.picScroll ul li {
	float: left;
	margin: 0 6px;
	width: 122px;
	overflow: hidden;
	display: inline;
}
.picScroll ul li img {
	width: 122px;
	height: 124px;
}
.picScroll .prev, .picScroll .next {
	position: absolute;
	left: 10px;
	top: 60px;
	display: block;
	width: 18px;
	height: 28px;
	overflow: hidden;
	background: url(../images/icons.png) -40px 0 no-repeat;
	cursor: pointer;
}
.picScroll .next {
	left: auto;
	right: 10px;
	background-position: -120px 0;
}
.picScroll .prevStop {
	background-position: 0 0;
}
.picScroll .nextStop {
	background-position: -80px 0;
}
/* 手风琴 */
#sideMenu {
	height: 214px;
}
#sideMenu .hd {
	margin-top: 1px;
	background: url(../images/icons.png) #E3E3E3 180px -37px no-repeat;
	cursor: pointer;
}
#sideMenu .hd h3 {
	color: #666;
}
#sideMenu .on {
	background: url(../images/icons.png) #f60 180px -77px no-repeat;
}
#sideMenu .on h3 {
	color: #fff;
}
#sideMenu .bd {
	height: 96px;
	overflow: hidden;
	display: none;
}
/* 友情链接 */
.friendLink {
	height: 40px;
	padding: 10px;
	background: #fff;
	overflow: hidden;
	clear: both;
}
.friendLink ul {
	overflow: hidden;
	zoom: 1;
}
.friendLink ul li {
	width: 150px;
	float: left;
	margin: 0 5px;
	display: inline;
}
.friendLink ul li img {
	width: 150px;
	height: 40px;
}
/* footer */
#footer {
margin-top:30px;
}
#footer .footertel{background:url(../images/foottel.jpg) no-repeat center; height:236px;}
#footer .footertel a{ display:block; width:100%; height:100%}
#footer .copyRight {
	background:url(../images/footcopy.jpg) no-repeat center; height:188px;
}
#footer .copyRight p{
	font-family: Arial;
	font-size:18px; color:#FFF;
	line-height:30px;
	padding-top:20px;
	width:380px;
	margin:0 auto;
	
}
/*招牌推荐*/
.hotspot {
	width: 100%;
	height:760px;
	overflow: hidden;
	position: relative
}
.hotspot .pic {
	position: relative;
	background-color: #F7F7F7
}
.hotspot .pic img {
	width: 100%;
	height: 700px;
	display: block;
}
.hotspot .pic li {
	width: 100%;
	overflow: hidden;
	float: left;
}
.hotspot .txt {
	height: 30px;
	overflow: hidden;
	position: absolute;
	bottom:0;
	left: 0
}
.hotspot .txt .bl {
	width: 100%;
}
.hotspot .btn {
	float: left;
	width: 200px;
	height: 30px;
	position: relative;
	overflow: hidden
}
.hotspot .btn .bg {
	position: absolute;
	width: 200px;
	height: 30px;
	background: #676767;
}
.hotspot .btn .tt {
	width: 200px;
	height: 30px;
	overflow: hidden;
	position: absolute;
	z-index: 2;
	text-align:center;
	font-size: 14px;
	color: #fff;
	line-height: 30px;
*line-height:33px;
	cursor: pointer
}
.hotspot .btn .last {
	width: 200px
}
.hotspot .btn:hover {
	text-decoration: none
}
.hotspot .on .bg {
	opacity: .9;
	filter: alpha(opacity=90)
}
.hotspot .btn {
	width: 200px
}
.hotspot .btn .bg, .hotspot5 .btn .last {
	width: 200px
}
.hotspot .btn .tt {
	width: 200px
}
.hotspot .on .bg {
	background: #ff7e00
}

.zptj{ padding-bottom:25px;}

.cpms{ margin-top:25px; position:relative; padding-bottom:50px; margin-bottom:30px;}
.cpms .more{ position:absolute; bottom:0; right:0;}


/* 本例子css */
.picFocus{ margin:0 auto;  width:860px; padding:5px;  position:relative;  overflow:hidden;  zoom:1;   }
.picFocus .hd{ width:100%; padding-top:5px;  overflow:hidden; }
.picFocus .hd ul{ margin-right:-5px;  overflow:hidden; zoom:1; }
.picFocus .hd ul li{ padding-top:5px; float:left;  text-align:center;  }
.picFocus .hd ul li img{ width:210px; height:110px;cursor:pointer; margin-right:4px;   }
.picFocus .hd ul li.on{ background:url("../images/icoup.gif") no-repeat center 0; }
.picFocus .hd ul li.on img{ border-color:#f60;  }
.picFocus .bd li{ vertical-align:middle; }
.picFocus .bd img{ width:852px; height:450px; display:block;  }



.about img { float:left; width:180px;}
.about .txt{ float:right; width:780px;}
.about .txt p{ line-height:30px; font-size:18px;}



.listimg li{ float:left; width:310px; margin:10px; position:relative;}
.listimg li img{ width:100%; height:400px;}
.listimg li span{ position:absolute; bottom:0; left:0; background-color: rgba(53,53,53,0.8); width:100%; height:50px; text-align:center; line-height:50px; font-size:20px; color:#FFF;}


.pages {padding: 30px 0 30px;text-align: center}
.pages li {display: inline}
.pages a:hover{padding: 4px 9px; border: 1px solid #C30404;	background: #C30404;color: #fff;text-decoration: none}
.pages li.thisclass{padding: 4px 9px; border: 1px solid #C30404;	background: #C30404;color: #fff;text-decoration: none}
.pages li.thisclass a{padding:0; border:0;	background: #C30404;color: #fff;text-decoration: none}

.pages a{padding: 4px 9px;border: 1px solid #CCC;background: #fff;color: #A4A4A4;line-height: 18px}

.ny {    color: #313131;
    line-height: 30px; font-size:14px;}



.showtop {
	text-align: center;
	padding-top: 20px;
	border-bottom: 1px dashed #ddd;
	margin-bottom: 10px;
}
.showtop p.title {
	color: #190a21;
	font-size: 16px;
	font-weight: bold;
}
.showtop p.update {
	line-height: 40px;
}
.showtop p.update span {
	margin: 0 10px;
	color: #5a5a5a;
	font-size: 12px;
}
.prepage {
	font-size: 12px;
	line-height: 30px;
	margin-top: 50px;
}
.prepage a {
	color: #f65b06;
}


#message{position:fixed;width:100%;height:100%;left:0;top:0;z-index:1000;transform:scale(0);transition:.3s}
.messagebg{position:absolute;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,.6);z-index:1001}
#message .m-content{margin-top:8%}
#message .m-content .m-message{background:#fff;width:580px;background:#fff;padding:50px;margin:0 auto;position:relative;z-index:1002;box-shadow:1px 1px 50px rgba(0,0,0,.3)}
.m-message{max-width:494px;margin:20px auto 0}
.m-message label{margin-bottom:15px;display:block;font-size:14px}
.m-message label em{display:block;float:right;color:red;height:32px;line-height:32px}
.m-message label span{width:100px;height:34px;line-height:34px;color:#2F2F2F;float:left;font-weight:bold;text-align:right;margin-right:20px;display:inline-block}
.m-message label input.inp,.m-message label textarea,.m-message label.code input{width:100%;overflow:hidden;height:32px;line-height:32px;border:#cccccc 1px solid;border-radius:3px;padding:0 14px;box-sizing:border-box;color:#555;-webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,.075);box-shadow:inset 0 1px 1px rgba(0,0,0,.075);-webkit-transition:border-color ease-in-out .15s,-webkit-box-shadow ease-in-out .15s;-o-transition:border-color ease-in-out .15s,box-shadow ease-in-out .15s;transition:border-color ease-in-out .15s,box-shadow ease-in-out .15s}
.m-message label input:focus,.m-message label textarea:focus{border-color:#66afe9;outline:0;-webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,.075),0 0 8px rgba(247,150,0,.6);box-shadow:inset 0 1px 1px rgba(0,0,0,.075),0 0 8px rgba(247,150,0,.6)}
.m-message label textarea{height:72px;line-height:24px;padding:10px 14px}
.m-message label.code{line-height:34px}
.m-message label.code input{width:30%;float:left;margin-right:20px}
.m-message label.code .pic{display:inline-block;vertical-align:top;width:80px;height:32px}
.m-message label.code img{display:block;width:100%;height:100%}

.btn1{display:block;line-height:32px;padding-left:15px;background-color:#333;color:#fff;margin-top:10px}
.btn1:hover{background-color:#444;color:white}
.btn1 span{display:block;padding-left:15px;background-repeat:no-repeat;background-position:left center;background-image:url(../images/btn-r.png)}
.btn1-1 input{width:52px;height:32px;line-height:32px;background:#e8e8e8;border:none;color:#333;margin-right:22px;cursor:pointer;transition:0.3s}
.btn1-1{padding-left:100px}
.btn1-1 input.focus{background:#BA2425;color:#fff}
.btn1-1 input.focus:hover{background:#444}
.btn1-1 input:hover{background:#ccc}.m-message label span