@charset "gb2312";
/* CSS Document */

body,td,th {
	font-size: 14px;
	color: #333;
}
body {
	margin: 0px; font-family:微软雅黑;
}
a:link {
	color: #333;
	text-decoration: none;
}
a:visited {
	text-decoration: none;
	color: #333;
}
a:hover {
	text-decoration: none;
	color: #F00;
}
a:active {
	text-decoration: none;
}
img {max-width: 100%; border:0px;}
ul{ margin:0px; padding:0px; list-style:none;} 
li{ margin:0px; padding:0px; list-style:none;}
.w a:link {
	color: #fff;
	text-decoration: none;
}
.w a:visited {
	text-decoration: none;
	color: #fff;
}
.w a:hover {
	text-decoration: none;
	color: #fff;
}
.w a:active {
	text-decoration: none;
}
.header{ width:1200px; margin:0px auto; overflow:hidden;}
.logo{ width:700px; float:left; overflow:hidden;}
.tel{ width:350px; float:right; overflow:hidden;}
.menu{ background:#0076db; width:100%; height:80px;}
.me{width:100%; margin:0px auto; overflow:hidden;}
.me li{ float:left; width:12%; text-align:center; line-height:40px; font-size:16px;}

.nav{width:100%; background:#0076db; overflow:hidden;}
.me li{ width:12%; float:left; line-height:42px; font-size:16px; text-align:center; color:#FFFFFF; border-bottom:solid 1px #006633;}
.content{ width:1300px; margin:0px auto; overflow:hidden;}
/*===FlexSlider幻灯片  开始===*/
#banner { overflow:hidden;}
/*幻灯片标题*/
 .flex-caption { width:100%; padding:3px 0px; position: absolute; bottom: 3px;color: #fff;text-align: right;font-size: 14px;line-height: 22px;height:22px;}
/* FlexSlider Necessary Styles*/
.flexslider {margin: 0; padding: 0;}
.flexslider .slides > li {display: none; -webkit-backface-visibility: hidden;} /* Hide the slides before the JS is loaded. Avoids image jumping */
.flexslider .slides img {width: 100%; display: block;}
.flex-pauseplay span {text-transform: capitalize;}

/* Clearfix for the .slides element */
.slides:after {content: "\0020"; display: block; clear: both; visibility: hidden; line-height: 0; height: 0;}
html[xmlns] .slides {display: block;}
* html .slides {height: 1%;}

/* No JavaScript Fallback */
/* If you are not using another script, such as Modernizr, make sure you
 * include js that eliminates this class on page load */
.no-js .slides > li:first-child {display: block;}

/* FlexSlider Default Theme
*********************************/
.flexslider { margin: 0px; background: #fff; border: 0px solid #fff; position: relative;  zoom: 1; }
.flex-viewport { max-height: 2000px; -webkit-transition: all 1s ease; -moz-transition: all 1s ease; -o-transition: all 1s ease; transition: all 1s ease; }
.loading .flex-viewport { max-height:400px; }
.flexslider .slides { zoom: 1; }
.carousel li { margin-right: 5px; }

.flex-control-nav{ width: 100%;position:absolute; bottom:10px;  margin:0px; text-align: center; border:0px dashed red}
.flex-control-nav li {margin: 0 6px; display: inline-block; zoom: 1; *display: inline;}
.flex-control-paging li a {width: 11px; height: 11px; display: block; background: #666; background: rgba(0,0,0,0.5); cursor: pointer; text-indent: -9999px; -webkit-border-radius: 20px; -moz-border-radius: 20px; -o-border-radius: 20px; border-radius: 20px; -webkit-box-shadow: inset 0 0 3px rgba(0,0,0,0.3); -moz-box-shadow: inset 0 0 3px rgba(0,0,0,0.3); -o-box-shadow: inset 0 0 3px rgba(0,0,0,0.3); box-shadow: inset 0 0 3px rgba(0,0,0,0.3); }
.flex-control-paging li a:hover { background: #333; background: rgba(0,0,0,0.7); }
.flex-control-paging li a.flex-active { background: #000; background: rgba(0,0,0,0.9); cursor: default; }


.left{ width:250px; float:left; overflow:hidden;}
.right{ width:1000px;float:right; overflow:hidden;}
.kuang{ border:1px solid #ced8dd; background:#FFF;}
.ichanpin{ overflow:hidden;}

.ichanpin li{ width:300px; float:left; margin-left:15px; background:#ddd; margin-right:15px; margin-bottom:25px;border:1px solid #ced8dd; overflow:hidden;text-align:center; }
.pic{ background:#FFF; overflow:hidden;}
.ichanpin li .pic img{ width:300px; height:250px;}
.tit{ font-size:30px; font-weight:700; text-align:center; background:url(../images/titline.png) no-repeat center; margin-bottom:20px;}
.tit2{ margin-bottom:20px; border-bottom:1px solid #ccc; height:45px; line-height:45px;}
#demo {width:1160px;margin:0 10px;overflow:hidden;}
#indemo {float:left;width: 800%;}
#demo1 {float:left;}
#demo2 {float:left;}
#demo ul li {width:260px;height:240px;float:left;margin:0px 5px 0 5px;display:block;text-align:center; }
#demo ul li a {line-height:30px;}
#demo ul li:hover {text-decoration:underline;}
.inews{ width:1100px; margin:0px auto; overflow:hidden;}
.newsl{ width:600px; float:left; overflow:hidden; min-height:400px; border:1px solid #ddd; padding:5px;}
.newsr{ width:450px; float:right; overflow:hidden;min-height:400px;border:1px solid #ddd; padding:5px;}
.xw{ width:95%; margin:0px auto; overflow:hidden;}
.xw li{ height:35px; border-bottom:1px solid #f2f2f2; line-height:35px;background: url(../images/artlist.png) no-repeat 10px 13px; padding-left:22px;}
.xw li span{ width:60px; float:right;line-height:35px;}
.newstit{width:95%; margin:0px auto;  border-bottom:1px solid #ccc; height:45px; line-height:45px; font-size:20px; font-weight:700; margin-bottom:8px;}
.newstit span{ width:100px; float:right; height:45px; line-height:45px; font-size:14px; font-weight:500;}
.footer{ width:100%; background:#666; padding:20px 0px; text-align:center; color:#FFF;}
.more{width:80px; margin:0px auto; text-align:center;background:#09F; margin:0px auto; font-size:16px;padding:8px 20px;}
.news{ overflow:hidden;}
.news li{ padding:10px 0px; border-bottom:1px solid #ddd; font-size:24px; }
.news li span{ float:right; width:100px; line-height:35px; font-size:14px;}
.ltit{ background: url(../images/flbg_03.jpg) center no-repeat; line-height:36px; color:#FFF; text-indent:3em; font-size:18px; margin-top:10px;}
.fenlei{ width:85%; margin:0px auto; overflow:hidden;}
.fenlei li{ border-bottom:1px dashed #ccc;  line-height:30px;background: url(../images/artlist.png) no-repeat 10px 13px; padding-left:22px;}

.dede_pages {
}
.dede_pages ul {
	float: left;
	padding: 12px 0px 12px 16px;
}
.dede_pages ul li {
	float: left;
	font-family: Tahoma;
	line-height: 17px;
	margin-right: 6px;
	border: 1px solid #E9E9E9;
}
.dede_pages ul li a {
	float: left;
	padding: 2px 4px 2px;
	color: #555;
	display: block;
}
.dede_pages ul li a:hover {
	color: #690;
	text-decoration: none;
	padding: 2px 4px 2px;
}
.dede_pages ul li.thisclass, .dede_pages ul li.thisclass a, .pagebox ul li.thisclass a:hover {
	background-color: #F8F8F8;
	padding: 2px 4px 2px;
	font-weight: bold;
}
.dede_pages .pageinfo {
	line-height: 21px;
	padding: 12px 10px 12px 16px;
	color: #999;
}
.dede_pages .pageinfo strong {
	color: #555;
	font-weight: normal;
	margin: 0px 2px;
}
.e2 {
}
.e2 li {
	width: 100%;
	overflow: hidden;
	clear: both;
	padding: 12px 0px;
	border-bottom: 1px solid #EEE;
	color: #aaa;
}
.e2 li b a {
	color: #555;
}
.e2 li a.preview {
	width: 84px;
	float: left;
	margin-right: 7px;
	margin-bottom: 3px;
	margin-left: 10px;
	display: inline;
}
.e2 li a.preview img {
	width: 80px;
	/*height:60px;*/
	display: block;
	padding: 1px;
	border: 1px solid #EEE;
}
.e2 li a.preview:hover img {
	border: 1px solid #AAA;
}
.e2 li a.title {
	overflow: hidden;
	line-height: 25px;
	font-weight: bold;
	font-size: 14px;
	margin-left: 2px;
}
.e2 span.info {
	display: block;
	line-height: 23px;
	color: #555;
	padding-left: 12px;
}
.e2 span.info small {
	color: #AAA;
	font-size: 12px;
	margin-left: 3px;
}
.e2 span.info a {
	color: #690;
}
.e2 p.intro {
	color: #776955;
	line-height: 20px;
	margin-left: 5px;
	padding-left: 10px;
	padding-right: 10px;
}
.listbox {
	width: 720px;
	overflow: hidden;
	float: left;
	clear: both;
	overflow: hidden;
}



@media screen and (max-width: 768px) {
	
img {max-width: 100%; border:0px;}
ul{ margin:0px; padding:0px; list-style:none;} 
li{ margin:0px; padding:0px; list-style:none;}
.w a:link {
	color: #fff;
	text-decoration: none;
}
.w a:visited {
	text-decoration: none;
	color: #fff;
}
.w a:hover {
	text-decoration: none;
	color: #fff;
}
.w a:active {
	text-decoration: none;
}
.header{ width:100%; margin:0px auto; overflow:hidden;}
.logo{ width:60%; float:left; overflow:hidden;}
.tel{ width:40%; float:right; overflow:hidden;}

.menu{ background:#0076db; width:100%; height:80px;}
.me{width:100%; margin:0px auto; overflow:hidden;}
.me li{ float:left; width:12%; text-align:center; line-height:40px; font-size:16px;}

.nav{width:100%; background:#0076db; overflow:hidden;}
.me li{ width:25%; float:left; line-height:42px; font-size:14px; text-align:center; color:#FFFFFF; }


.content{ width:100%; margin:0px auto; overflow:hidden;}
/*===FlexSlider幻灯片  开始===*/
#banner { overflow:hidden;}
/*幻灯片标题*/
 .flex-caption { width:100%; padding:3px 0px; position: absolute; bottom: 3px;color: #fff;text-align: right;font-size: 14px;line-height: 22px;height:22px;}
/* FlexSlider Necessary Styles*/
.flexslider {margin: 0; padding: 0;}
.flexslider .slides > li {display: none; -webkit-backface-visibility: hidden;} /* Hide the slides before the JS is loaded. Avoids image jumping */
.flexslider .slides img {width: 100%; display: block;}
.flex-pauseplay span {text-transform: capitalize;}

/* Clearfix for the .slides element */
.slides:after {content: "\0020"; display: block; clear: both; visibility: hidden; line-height: 0; height: 0;}
html[xmlns] .slides {display: block;}
* html .slides {height: 1%;}

/* No JavaScript Fallback */
/* If you are not using another script, such as Modernizr, make sure you
 * include js that eliminates this class on page load */
.no-js .slides > li:first-child {display: block;}

/* FlexSlider Default Theme
*********************************/
.flexslider { margin: 0px; background: #fff; border: 0px solid #fff; position: relative;  zoom: 1; }
.flex-viewport { max-height: 2000px; -webkit-transition: all 1s ease; -moz-transition: all 1s ease; -o-transition: all 1s ease; transition: all 1s ease; }
.loading .flex-viewport { max-height:400px; }
.flexslider .slides { zoom: 1; }
.carousel li { margin-right: 5px; }

.flex-control-nav{ width: 100%;position:absolute; bottom:10px;  margin:0px; text-align: center; border:0px dashed red}
.flex-control-nav li {margin: 0 6px; display: inline-block; zoom: 1; *display: inline;}
.flex-control-paging li a {width: 11px; height: 11px; display: block; background: #666; background: rgba(0,0,0,0.5); cursor: pointer; text-indent: -9999px; -webkit-border-radius: 20px; -moz-border-radius: 20px; -o-border-radius: 20px; border-radius: 20px; -webkit-box-shadow: inset 0 0 3px rgba(0,0,0,0.3); -moz-box-shadow: inset 0 0 3px rgba(0,0,0,0.3); -o-box-shadow: inset 0 0 3px rgba(0,0,0,0.3); box-shadow: inset 0 0 3px rgba(0,0,0,0.3); }
.flex-control-paging li a:hover { background: #333; background: rgba(0,0,0,0.7); }
.flex-control-paging li a.flex-active { background: #000; background: rgba(0,0,0,0.9); cursor: default; }


.left{ width:100%; float:left; overflow:hidden;}
.right{ width:100%;float:right; overflow:hidden;}
.kuang{ border:1px solid #ced8dd; background:#FFF;}
.ichanpin{ overflow:hidden;}

.ichanpin li{ width:50%; float:left;}
.pic{border:1px solid #ced8dd; width:200px; height:240px; margin-bottom:10px; background:#FFF; text-align:center; line-height:30px;}
.tit{ font-size:30px; font-weight:700; text-align:center; background:url(../images/titline.png) no-repeat center; margin-bottom:20px;}
.tit2{ margin-bottom:20px; border-bottom:1px solid #ccc; height:45px; line-height:45px;}
#demo {width:1160px;margin:0 10px;overflow:hidden;}
#indemo {float:left;width: 800%;}
#demo1 {float:left;}
#demo2 {float:left;}
#demo ul li {width:260px;height:240px;float:left;margin:0px 5px 0 5px;display:block;text-align:center; }
#demo ul li a {line-height:30px;}
#demo ul li:hover {text-decoration:underline;}
.inews{ width:100%; margin:0px auto; overflow:hidden;}
.newsl{ width:100%; float:left; overflow:hidden; min-height:400px; border:1px solid #ddd; padding:5px;}
.newsr{ width:100%;float:right; overflow:hidden;min-height:400px;border:1px solid #ddd; padding:5px;}
.xw{ width:95%; margin:0px auto; overflow:hidden;}
.xw li{ height:35px; border-bottom:1px solid #f2f2f2; line-height:35px;background: url(../images/artlist.png) no-repeat 10px 13px; padding-left:22px;}
.xw li span{ width:60px; float:right;line-height:35px;}
.newstit{width:95%; margin:0px auto;  border-bottom:1px solid #ccc; height:45px; line-height:45px; font-size:20px; font-weight:700; margin-bottom:8px;}
.newstit span{ width:100px; float:right; height:45px; line-height:45px; font-size:14px; font-weight:500;}
.footer{ width:100%; background:#666; padding:20px 0px; text-align:center; color:#FFF;}
.more{width:80px; margin:0px auto; text-align:center;background:#09F; margin:0px auto; font-size:16px;padding:8px 20px;}
.news{ overflow:hidden;}
.news li{ padding:10px 0px; border-bottom:1px solid #ddd; font-size:24px; }
.news li span{ float:right; width:100px; line-height:35px; font-size:14px;}
.ltit{ background: url(../images/flbg_03.jpg) center no-repeat; line-height:36px; color:#FFF; text-indent:3em; font-size:18px; margin-top:10px;}
.fenlei{ width:85%; margin:0px auto; overflow:hidden;}
.fenlei li{ border-bottom:1px dashed #ccc;  line-height:30px;background: url(../images/artlist.png) no-repeat 10px 13px; padding-left:22px;}