@charset "gb2312";
/* ==È«¾ÖÉèÖÃ== */
*{ margin:0px; padding:0px;}
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td { margin: 0; padding: 0; }
html,body{-webkit-text-size-adjust: none; -moz-text-size-adjust: none; -ms-text-size-adjust: none;-o-text-size-adjust: none; text-size-adjust: none;}
body {
	font-size: 12px;
	color: #444;
	font-family: "΢ÈíÑźÚ",verdana,arial,tahoma;
	-webkit-font-smoothing: antialiased;
	background-color: #f1f1f1;
}
input,textarea,select,button { outline:none;}
area{ outline:none;}
a{ text-decoration:none; color:#444; -webkit-transition: all ease-in .2s; 
-ms-transition: all ease-in .2s; -moz-transition: all ease-in .2s;
 -o-transition: all ease-in .2s; transition: all ease-in .2s;}
a:hover{ color:#d4423c; text-decoration:none;}
.cheng {color:#e67015;}
ul,li {list-style-type:none; margin:0px; padding:0px;}
img { border:0; margin:0; padding:0;}
#clear { clear:both;}



#inner{ width:100%;max-width:1100px;  margin:0 auto;}
#header {
	background-image: url(../images/headerbg.jpg);
	background-repeat: repeat-x;
	background-position: center top;
}
#header #inner #logo {
	float: left; width:55%;
}
#header #inner #logo img {
	width:100%; max-width:494px;min-width:360px;height:auto; 
}

#header #inner #use {
	float: right;
}

#header #inner #use #yuyan a {
	line-height: 26px;
	float: right;
	margin-top: 12px;
	color: #4e4e4e;
}
#yuyan a .cn {
	background-image: url(../images/cn.png);
	background-repeat: no-repeat;
	background-position: left center;
	display: block;
	float: left;
	padding-left: 35px;
	width: 50px;
}
#yuyan a .en {
	background-image: url(../images/en.png);
	background-repeat: no-repeat;
	background-position: left center;
	display: block;
	float: left;
	padding-left: 35px;
	width: 55px;
}
#header #inner #use #tel {
	text-align: right;
	font-size: 150%;
	color: #db3a32;
	line-height: 44px;
	background-image: url(../images/tel.png);
	background-repeat: no-repeat;
	background-position: left center;
	float: right;
	padding-left: 40px;font-weight: bold;
}
#header #inner #use #tel a {
	color: #db3a32;
}

a:focus { outline: none; }
#menu {
	background-image: url(../images/menubg.jpg);
	background-repeat: repeat-x;
	background-position: left top;
}

.menu {
	height: 62px;
	display: block;
	padding: 0px;
	width: 100%;
	margin-top: 0px;
	margin-right: auto;
	margin-left: auto;background-image: url(../images/menufen.jpg);
	background-repeat: no-repeat;
	background-position: right top;
}


.menu ul li {
	/* width and height of the menu items */  
	float: left;
	overflow: hidden;
	position: relative;
	line-height: 62px;
	text-align: center;
	background-image: url(../images/menufen.jpg);
	background-repeat: no-repeat;
	background-position: left top;width: 12.5%;
}

.menu ul li a {
			/* must be postioned relative  */ 
			position: relative;
			display: block;
			
			height: 62px;
			margin-top:-8px;
			font-size: 125%;
			text-decoration: none;
			cursor: pointer; font-weight:bold;
}

.menu ul li a span {
			/* all layers will be absolute positioned */
			position: absolute;
			left: 0;
			width: 100%;
}

		.menu ul li a span.out {
			top: 0px;
}

		.menu ul li a span.over,
		.menu ul li a span.bg {
			/* hide */  
			top: -62px;
}

		/** 1st example **/


		/** 2nd example **/


		
#menu2 ul li a {
			color: #303030;
}

#menu2 ul li a span.over, #menu2 ul li a .checked  {
	color: #fff;
	background-image: url(../images/menuahover.png);
	background-repeat: no-repeat;
	background-position: center top;}

#banner #inner {background-image: url(../images/bannerbg.jpg);
	background-repeat: no-repeat;
	background-position: center bottom; padding-bottom:35px; }

div#MainPromotionBanner{
	width:98%; height:auto; padding:0.5%; 
	border:solid 1px #d4d4d4;
	background:#ffffff;

}
#MainPromotionBanner #SlidePlayer {
	position:relative;
	margin: 0 auto;
}
#MainPromotionBanner .Slides{
	padding: 0;
	margin: 0;
	list-style: none;
	height: 353px;
	overflow: hidden;
}
#MainPromotionBanner .Slides li {
	float: left;
	width: 100%;
}

#MainPromotionBanner .Slides img{
	border:0;
	display: block;
	width: 100%;
	height: 353px;	
}

#MainPromotionBanner .SlideTriggers{
	margin: 0;
	padding: 0;
	list-style: none; 
	position: absolute; 
	top: 85%; 
	right: 0px;
	z-index: 0;
	height: 25px;	
}
#MainPromotionBanner .SlideTriggers li{
	float: left;
	display:inline;
	color: #000;
	text-align: center;
	line-height:16px;
	width: 16px;
	height: 16px;
	font-family: Arial;
	font-size: 0.9em;
	cursor: pointer;
	overflow: hidden; background-color:#e8e8e8;
	margin:3px 6px 3px 0;
	}
#MainPromotionBanner .SlideTriggers li.Current{ 
	color:#fff;
	background-color:#dc433c;
	border:0; 
	font-weight:bold;
	font-size: 1.4em;
	line-height: 21px;
	height: 21px;
	width: 21px;
	margin:0 6px; 
}
#main #left {
	float:left; width:23%;
	
	}
#main #contact, #main #proclass, #wenhua,#hr {
	-webkit-border-radius: 8px 8px 0 0;
	-moz-border-radius: 8px 8px 0 0;
	border-radius: 8px 8px 0 0;
	border: 1px solid #d4d4d4;
	margin-bottom:20px;
	}
#title { background-image: url(../images/titlebg.jpg);
	background-repeat: repeat-x;
	background-position: center top; line-height:36px;-webkit-border-radius: 8px 8px 0 0;
	-moz-border-radius: 8px 8px 0 0;
	border-radius: 8px 8px 0 0; }
	
#title #dabiaoti { float:left; padding-left:15px;padding-right:35px; font-size:125%; font-weight:bold;background-image: url(../images/titlebg.png);
	background-repeat: no-repeat; color:#fff;
	background-position: right center;-webkit-border-radius: 8px 0 0 0;
	-moz-border-radius: 8px 0 0 0;
	border-radius: 8px 0 0 0;}
/*#title #more { float:right;  padding:12px; }*/
#title #more { float:right;  padding-right:12px; }
#title #more02 { float:right;  padding-right:12px; color:#585858 }
#title #more02 a {color:#585858 }
#content { padding:12px 12px 25px 12px;  }
.hangsi { width:23%}
.hanger {width:48%}
.hangsan {width:31%}
#qingchu01 { display:none;}
#qingchu02 { clear:both}
#main #contact #content p, #main #wenhua #content p { line-height:28px;}

#wenhua #content, #hr #content { margin-bottom:13px}
#wenhua #content p { background:url(../images/list.jpg) no-repeat left center; padding-left:12px; line-height:32px;border-bottom:solid 1px #e1e1e1; }
#main #mid {
	float:left; width:72%;margin-bottom:15px;}
#main #about {
	-webkit-border-radius: 8px 8px 0 0;
	-moz-border-radius: 8px 8px 0 0;
	border-radius: 8px 8px 0 0;
	border: 1px solid #d4d4d4;
}
#main #proshow {
	-webkit-border-radius: 8px 8px 0 0;
	-moz-border-radius: 8px 8px 0 0;
	border-radius: 8px 8px 0 0;
	border: 1px solid #d4d4d4;
	margin-top:20px;
}
#main #nxcontent {
	-webkit-border-radius: 8px 8px 0 0;
	-moz-border-radius: 8px 8px 0 0;
	border-radius: 8px 8px 0 0;
	border: 1px solid #d4d4d4;

}
#main #proshow02 {
	-webkit-border-radius: 8px 8px 0 0;
	-moz-border-radius: 8px 8px 0 0;
	border-radius: 8px 8px 0 0;
	border: 1px solid #d4d4d4;
	margin-bottom:20px;
}
#newss {
	-webkit-border-radius: 8px 8px 0 0;
	-moz-border-radius: 8px 8px 0 0;
	border-radius: 8px 8px 0 0;
	border: 1px solid #d4d4d4;
	margin-top:20px;
	}
	#about #content img { float:left;  padding:3px; border:solid 1px #d4d4d4; margin-right:12px;}
	#main #about #content p {
		line-height:28px;
	}
#main #right {
	float:right; width:25%;}
#main #video {
	-webkit-border-radius: 8px 8px 0 0;
	-moz-border-radius: 8px 8px 0 0;
	border-radius: 8px 8px 0 0;
	border: 1px solid #d4d4d4;
	}
	
	#title02 { background-image: url(../images/probg.jpg);
	background-repeat: repeat-x;
	background-position: center top; line-height:40px;-webkit-border-radius: 8px 8px 0 0;
	-moz-border-radius: 8px 8px 0 0;
	border-radius: 8px 8px 0 0; color:#fff; font-size:125%;padding-left:5%; font-weight:bold;}
	
	
	
	.drawers-wrapper{position: relative; width: 100%;}

.drawers A{color:#666666; text-decoration:none; font-size-adjust:none; font-style:normal; font-variant:normal; font-weight:normal;}

UL{list-style: none; padding: 0;}
UL.drawers{margin: 0;}
.drawer-handle{
	background: url(../images/yijibg.jpg) no-repeat right center;
	cursor: default;
	font-size: 14px;
	font-weight: normal;
	height: 42px;
	line-height: 42px;
	margin-bottom: 0pt;
	text-indent: 15px;
	width: 100%;
	font-weight: bold;
	
}
.drawer-handle.open{background:url(../images/yijibgah.jpg) no-repeat right center; }

.drawer-content LI A{display:block; overflow:hidden;}
.drawer li{background:url(../images/erjibg.jpg) repeat-x right center; height:34px; line-height:34px; padding-left:25px}
#main #proshow #show li img { padding:-1px; border:solid 1px #d4d4d4;}
#main #proshow #show li span { display:block;background-color:#d4d4d4; margin:0 auto; line-height:32px;border:solid 1px #d4d4d4;}
#main #proshow #show { margin:22px 10px 15px 10px;}
#main #proshow02 #show { margin:22px 10px 10px 10px;}
#main #proshow #show li { float:left;text-align:center; margin-bottom:15px;margin-right:18px;}
#main #proshow02 #show li { float:left; padding-right: 8px;
	padding-left: 8px; text-align:center; margin-bottom:15px;}
#main #proshow02 #show li img { padding:-1px; border:solid 1px #d4d4d4;}
#main #proshow02 #show li span { display:block; background-color:#d4d4d4; margin:0 auto; line-height:32px;border:solid 1px #d4d4d4;}
#newss #content { margin-bottom:6px;}
#newss #content p { background:url(../images/list.jpg) no-repeat left center; padding-left:12px; line-height:32px;border-bottom:solid 1px #e1e1e1; height:32px; overflow:hidden }
.time { float:right; color:#707070; font-size:80%; }

#main #you {
	float:right; width:75%;
	margin:0; margin-bottom:20px;}
#hr #content p { background:url(../images/list.jpg) no-repeat left center; padding-left:12px; line-height:32px;border-bottom:solid 1px #e1e1e1; }#footer {
	background-color: #e8e8e8;
	border-top-width: 5px;
	border-top-style: solid;
	border-top-color: #bdbdbd;
	padding-top: 20px;
	padding-bottom: 20px;
}
#footer #inner {
	background-image: url(../images/flogo.jpg);
	background-repeat: no-repeat;
	background-position: left center;
	padding:0 0 15px 0;
}
#yinyin { display:block; position:relative}
#xian{ display:none}
#footer p { line-height:30px; color:#666;padding-left:120px;}
#footer a {color:#666;}

#line3_Demo {
	WIDTH: 100%;
	OVERFLOW: hidden;
	height: auto;
}

#Indemo {
	WIDTH: 800%; FLOAT: left
}
#line3_Demo1 {
	FLOAT: left
}
#line3_Demo2 {
	FLOAT: left
}

#show td img { padding:-1px; border:solid 1px #d4d4d4;}
#proshow02 #content02 #show td {
	width: 100%;
	padding-right: 8px;
	padding-left: 8px;
	padding-bottom: 10px;
}

#show td span { display:block; background-color:#d4d4d4; margin:0 auto; line-height:32px;border:solid 1px #d4d4d4;}


#neicontent ,#neicontent02{ padding:15px}
#neicontent p { line-height:28px; margin-bottom:12px;}
 
 .red { color:#c70505}
 
 #newslist p { background:url(../images/list.jpg) no-repeat left center; padding-left:12px; line-height:36px;border-bottom:solid 1px #e1e1e1; }#fanye {
	margin-top: 20px;
	margin-bottom: 20px;
	text-align: center;
	padding: 12px;
	display: block;
	line-height: 36px;
}

.page{ clear:both; margin-top:30px;margin-bottom:30px; text-align:center;}

.page .buxuan { border: solid 1px #d4d4d4; padding:5px 20px; margin:0 6px;}
.page .xuan{ border: solid 1px #d4423c; padding:5px 20px; margin:0 6px; color:#d4423c}

@media screen and (max-width:640px)  { 
.page .buxuan {padding:5px; margin:0 6px;}
.page .xuan{padding:5px; margin:0 6px; }
}
.page a {color:#d4423c}


.fanhui{ text-align:right; margin-top:30px; margin-bottom:30px;}
.fanhui a{ clear:both;border: solid 1px #d4d4d4; padding:5px 25px;margin-bottom:30px;}
.fanhui a:hover{border: solid 1px #014493; }
#newstitle h3 {
	line-height: 32px;
	text-align: center;
	font-size: 125%;
}
#fabushijian {
	line-height: 32px;
	color: rgb(102,102,102);
	text-align: center;	border-bottom: solid 1px #e8e8e8;
}
#detail { padding-top:25px;}
#detail p { line-height:32px; margin-bottom:12px}
#detail h3 { line-height:32px; margin-bottom:12px; font-size:130%;}

#prolist li { float:left; width:23%; margin:0 1% 2% 1%; text-align:center;}
#prolist li img { width:100%;border:solid 1px #d4d4d4; height:168px;}
#prolist li span { display:block;width:100%; background-color:#d4d4d4; margin:0 auto; line-height:32px;border:solid 1px #d4d4d4;}
#liuyan td { padding:8px;}
#liuyan p { line-height:28px;}

/*.floating_ck{position:fixed;right:20px;top:30%; z-index:999;}*/
.floating_ck{position:fixed;right:20px;top:55%; z-index:999;}
.floating_ck dl dd{position:relative;width:80px;height:80px;background-color:#646577;border-bottom:solid 1px #555666;text-align:center;background-repeat:no-repeat;background-position:center 20%;cursor:pointer; transition:0.3s;}
.floating_ck dl dd:hover{background-color:#c73c36;border-bottom:solid 1px #f0f0f0;}
.floating_ck dl dd:hover .floating_left{display:block;}
.consult,.words{background-image:url(../images/icon0701/qq.png);}
.quote{background-image:url(../images/icon0701/kficon.png);}
.qrcord{background-image:url(../images/icon0701/erweima.png);}
.return{background-image:url(../images/icon0701/fanhui.png);}
.floating_ck dd span{color:#fff;display:block;padding-top:54px;}
.floating_left{position:absolute;left:-180px;top:0px;width:180px;height:80px;background-color:#c73c36;border-bottom:solid 1px #f0f0f0;display:none; padding-left:20px; text-align:left;transition:0.3s;}

.floating_left a{color:#fff;line-height:80px;}
.line a{line-height:20px; display:block; padding-top:10px;}
.floating_ewm{height:180px;top:-100px; padding-left:0; text-align:center;}
.floating_ewm i{background-image:url(../images/erweima.png); background-size:145px 145px;display:block;width:145px;height:145px;margin:auto;margin-top:7px;}
.floating_ewm p{color:#fff;margin-top:5px;}
.floating_ewm .qrcord_p01{font-size:12px;line-height:20px;}




div#MainPromotionBanner02{
	width:100%; max-width: 220px; margin:0 auto; height:auto; border:solid 1px #d4d4d4;
}
#MainPromotionBanner02 #SlidePlayer02 {
	position:relative;
	margin: 0 auto;
}
#MainPromotionBanner02 .Slides{
	padding: 0;
	margin: 0;
	list-style: none;
	height: 210px;
	overflow: hidden;
}
#MainPromotionBanner02 .Slides li {
	float: left;
	width: 100%;
}

#MainPromotionBanner02 .Slides img{
	border:0;
	display: block;
	width: 220px;
	height: 210px;	
}

#MainPromotionBanner02 .SlideTriggers{
	margin: 0;
	padding: 0;
	list-style: none; 
	position: absolute; 
	top: 180px; 
	right: 0px;
	z-index: 0;
	height: 25px;	
}
#MainPromotionBanner02 .SlideTriggers li{
	float: left;
	display:inline;
	color: #000;
	text-align: center;
	line-height:16px;
	width: 16px;
	height: 16px;
	font-family: Arial;
	font-size: 0.9em;
	cursor: pointer;
	overflow: hidden; background-color:#e8e8e8;
	margin:3px 6px 3px 0;
	}
#MainPromotionBanner02 .SlideTriggers li.Current{ 
	color:#fff;
	background-color:#dc433c;
	border:0; 
	font-weight:bold;
	font-size: 1.4em;
	line-height: 21px;
	height: 21px;
	width: 21px;
	margin:0 6px; 
}
.xiangq h3 { font-size:150%;color:#c70505; line-height:32px;}
.xiangq td { padding:8px;}
#main #left #video { display:none}
#main #you #mid #newss { display:none}
#main #left #about { display:none}
.bottom02 { display:none;}
 #colee_left {
	MARGIN: auto;
	WIDTH: 100%;
	OVERFLOW: hidden;
	height: auto;
}
#Indemo {
	WIDTH: 800%; FLOAT: left
}
#colee_left1 {
	FLOAT: left
}
#colee_left2 {
	FLOAT: left
}

#show02 { display:none}
#show02 { margin:22px 10px 10px 10px;}
#show02 li { border:solid 1px #d4d4d4;float:left; width:45%;text-align:center; margin-bottom:15px; margin:2%;}
#show02 li img { width:100%}
#show02 li span { display:block; background-color:#d4d4d4; margin:0 auto; line-height:32px; height:32px; overflow:hidden;border:solid 1px #d4d4d4;}