@charset "utf-8";
/* CSS Document */

body{margin:0px;padding:0px;color:black;font: 14px/4 Arial, Helvetica, sans-serif; line-height:24px; background:url(../images/bodybg.jpg) repeat-x rgb(216,216,216);}
ul,li{margin:0;padding:0;list-style-type:none;text-indent:0;}
h1,h2,h3,h4,ul,li,p{margin:0px;padding:0px;}
h3{font-size:14px;}
img{border-style: none;}
ul,li,p,h4,h5{margin:0px;padding: 0px;list-style: none;}
a{color:black;text-decoration: none;}
a:hover{ text-decoration:underline;}

.top{
	background:rgb(54,54,52);
	width:100%;
	padding: 0px;
	float: left;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
}
.top_center{width:1000px;margin:0 auto;}

.nav{width:100%;background:rgb(54,54,52);float:left;border-top:5px solid rgb(254,212,78);z-index: 9999999999; float:left}
.nav ul{margin:0 auto;width:1000px; font-size:18px;z-index: 9999999;}
.nav li{
	float:left;
	padding:0px 30px;
	height:56px;
	line-height:56px;
	border-left:1px solid rgb(28,28,28);
	border-right:1px solid rgb(68,68,68);
	position: relative;
	z-index: 99999;
}
.nav li ul{
	float: left;
	width: 100%;
	position: absolute;
	left: 0px; display:none;
	top: 56px;background:rgb(54,54,52);
	z-index: 99999;
  }

.nav li:hover{background:rgb(32,32,32)}
.nav li a{color:white;}
.nav li ul li{
	float: left;
	width: 100%;
	border-right-width: 0px;
	border-bottom-width: 0px;
	border-right-style: none;
	border-bottom-style: none;
	margin: 0px;
	padding: 0px;
	line-height: 32px;
	text-align: center;
	height:32px;
	font-size: 12px;
	white-space: nowrap;
	overflow: hidden;
}
.nav li ul li:hover{
	float: left;
	width: 100%;
	margin: 0px;
	padding: 0px;border-right-width: 0px;
	border-bottom-width: 0px;
	border-right-style: none;
	border-bottom-style: none;
}

.lunfan{height:400px;width:100%;float:left;}
.flexslider{float:left;position:relative;width:100%;height:400px;overflow:hidden;zoom:1; text-align:center;overflow:hidden;}
.flex-viewport{max-height:2000px;-webkit-transition:all 1s ease;-moz-transition:all 1s ease;transition:all 1s ease;}
.flexslider .slides{zoom:1;}
.flex-direction-nav a{width:60px;height:90px;line-height:99em;overflow:hidden;margin:-60px 0 0;display:block;background:url(../images/ad_ctr.png) no-repeat;position:absolute;top:50%;z-index:10;cursor:pointer;opacity:0;filter:alpha(opacity=0);-webkit-transition:all .3s ease;}
.flex-direction-nav .flex-next{background-position:0 -90px;right:0;}
.flex-direction-nav .flex-prev{left:0;}
.flexslider:hover .flex-next{opacity:0.8;filter:alpha(opacity=25);}
.flexslider:hover .flex-prev{opacity:0.8;filter:alpha(opacity=25);}
.flexslider:hover .flex-next:hover, .flexslider:hover .flex-prev:hover{opacity:1;filter:alpha(opacity=50);}
.flex-control-nav{width:100%;position:absolute;bottom:10px;text-align:center;}
.flex-control-nav li{margin:0 5px;display:inline-block;zoom:1;*display:inline;}
.flex-control-paging li a{background:url(../images/dot.png) no-repeat 0 -16px;display:block;height:16px;overflow:hidden;text-indent:-99em;width:16px;cursor:pointer;}
.flex-control-paging li a.flex-active{background-position:0 0;}

.about{width:100%;background:rgb(32,32,32);float:left;margin-top:2px;}
ab_right a,a:hover{ text-decoration:none;}
.h1{color:black; font-size:24px; font-weight:normal; line-height:50px;}
.ab_center{width:1000px;margin:0 auto; overflow:hidden;}
.ab_center .h1{color:white;}
.h3{font-size:24px;color:rgb(255,213,79); line-height:40px;}

.content{width:1000px;margin:0 auto;}
.application{width:1000px;float:left; float:left; margin-top:20px;}
.app{width:285px;height:230px; padding-bttom:20px;overflow:hidden;float:left;margin-right:40px;border:1px solid #ccc;padding:2px 2px 10px 2px;background:rgb(230,230,230);}
.app_h3{font-size:18px; font-weight:normal;color:rgb(243,187,9); line-height:30px;}
.app_h3 a{ color:rgb(243,121,9); }

.attention{margin-top:30px;float:left;width:300px;}
.attention .newsli{width:250px;padding-bottom:10px;border-bottom:1px dashed rgb(220,220,220);margin-bottom:15px;}
.attention .new_con{
	width:290px;
	float: left;
	overflow: hidden;
}
.attention .newsli a{
	display:block;
	float:left;
	width:290px;
	color:black;
	font-weight:bold;
	font-size:16px;
	text-align: left;
	white-space: nowrap;
	overflow: hidden;
}

.attention .newsli .date{color:rgb(243,121,9);float:left; font-weight:bold;}

.news{margin-top:30px;float:left;width:300px;margin-left:30px;}
/*.news .newsli{width:250px;padding-bottom:10px;border-bottom:1px dashed rgb(220,220,220);margin-bottom:15px;}
.news .new_con{
	width:250px;
	float: left;
	overflow: hidden;
}
.news .newsli a{
	display:block;
	float:left;
	width:90px;
	color:black;
	font-weight:bold;
	font-size:16px;
	text-align: left;
	white-space: nowrap;
	overflow: hidden;
}
*/
.contact{width:300px;float:left;margin-left:30px;margin-top:30px;}

.products{margin-top:20px;width:100%;background:rgb(31,31,31);float:left;padding-bottom:20px;}
.products a{color:white;}
.products .h1{color:white;}
.pro_center{width:1000px;margin:0 auto;}
.prolist{float:left;width:220px; text-align:center;margin-right:20px;}

.footer{background:rgb(24,24,22);width:100%;float:left;border-top:8px solid rgb(72,67,48); text-align:center;padding:10px 0px;color:white;}
.footer a{color:white;padding:0px 5px;}


/* about */
.container{width:1000px;margin:0 auto;clear:left;}
#lunfan{height:400px;margin-bottom:20px;}
#lunfan #demo01{height:400px;}
.con{padding:10px 0px 40px 0px;}
#pro{
	float: left;
	width: 100%;
}
.list{
	margin: 10px;
	float: left;
}
.list .ntitle{
	text-overflow: ellipsis;
	text-align: center;
	white-space: nowrap;
	display: inline;
	float: left;
	overflow: hidden;
}
#cms,#cms1{
	float: left;
	width: 100%;
	margin-top: 15px;
	padding-bottom: 15px;
}
#cms .list{
	float: left;
	margin-right: 30px;
	margin-left: 30px;
}

#cms .li{
	width:100%;
	padding-bottom:10px;
	border-bottom:1px dashed rgb(220,220,220);
	margin-bottom:15px;
	float: left;
}
#cms .dp{
	width:100%;
	float: left;
	overflow: hidden;
	color: #333333;
}
#cms .li .ntitle{
	display:block;
	float:left;
	width:100%;
	color:black;
	font-weight:bold;
	font-size:16px;
	text-align: left;
	white-space: nowrap;
	overflow: hidden;
}
#cms .li .ntitle .date{
	color:#FC0;
	font-weight: lighter;
	margin-left: 10px;	
}

#page{
	float: left;
	width: 1000px;
	margin-top: 15px;
	text-align: center;
}
#page a{
	float: left;
	border: 1px solid #dddddd;
	margin-right: 5px;
	width: 24px;
	text-align: center;
	color: #666666;
	font-family: "微软雅黑";
	font-size: 14px;
}
#page div{
	margin: auto;
	width: auto;
	float: left;
}
#page a.select,#page a:hover{
	background-color: #FFCC33;
	color: #333333;
}
.showmessage{
	position: fixed;
	z-index: 999999;
	right: 5px;
	bottom: 20px;
	filter: Alpha(Opacity=80);Opacity:0.8;cursor:pointer;
}
.showmessagel{
	float: left;
	background:#FFFFFF;
	height: 440px;
	width: 520px;
	border: 8px solid #0066CC;
	filter: Alpha(Opacity=90);
	Opacity:0.9;
	top: 20px;
	z-index: 999999;
	right: 5px;
	position: fixed; display:none;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;

}
.showmessagel .etitle{
	line-height: 32px;
	background-color: #f7f7f7;
	float: left;
	width: 100%;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #ddd;
}
.showmessagel .etitle b{
	float: left;
	text-align: left;
	text-indent: 5px;
}
.showmessagel .etitle span{
	float: right;
	height: 32px;
	width: 32px; cursor:pointer;
}
.showmessagel form{
	background:#FFF;
	width:500px;
	margin-top: 15px;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
	padding: 5px; overflow:hidden;
}
.showmessagel form .eachitem{padding:0px; margin:0px; line-height:30px; height:30px; clear:both;}
.showmessagel form .eachitem .etwleft{ width:95px; float:left; text-align:left; margin-right:8px; font-weight:bold;}
.showmessagel form .eachitem .etwleft b{color:#FF0000; font-weight:bold; font-size:14px;}
.showmessagel form .eachitem .etwright{ width:385px; float:left;}
.showmessagel form .eachitem .etwright input{ width:330px; height:20px; font-family:Arial, Helvetica, sans-serif; font-size:12px; line-height:20px; font-weight:bold; border:1px solid #7B9EBD; color:#039;}
/*form .eachitem .etwright select{width:302px;*width:304px;_width:304px;height:24px;margin-top:0px;*margin-top:2px;_margin-top:2px;}*/
.showmessagel form .eachitem .etwright textarea{ width:330px; height:130px; font-family:Arial, Helvetica, sans-serif; font-size:12px; line-height:20px; font-weight:normal;border:1px solid #7B9EBD; color:#039;  }
.showmessagel form .eachitem .etwright .input{ width:120px; margin-left:5px; margin-top:10px; font-weight:bold; font-size:12px;}
.showmessagel #areaheight{ height:130px; margin-bottom:5px;}
.showmessagel form .spaceinfo{ height:18px; line-height:12px; font-size:0px;}
.showmessagel #showresultmsg{ line-height:20px; color:#990000; font-size:12px; font-family:Arial, Helvetica, sans-serif; }
/*chatsuccess*/
.showmessagel #chatsuccess{ float:left; width:460px; height:370px; overflow:auto;overflow-x:hidden;background:#FFFFFF;filter:alpha(opacity=80);opacity:0.8;}
.showmessagel #chatsuccess .chatsuccess_left{ float: left; width:120px; margin:10px 0 0 10px; height:300px;}
.showmessagel #chatsuccess .chatsuccess_right{ float:left; width:280px; margin:50px 10px 0 10px; height:auto;}
.showmessagel #chatsuccess .success_right_top{ font-size:12px; color:#000000; line-height:18px;}
.showmessagel #chatsuccess .success_right_top a { color:#FF0000;text-decoration:underline; font-weight:700;}
.showmessagel #chatsuccess .success_right_bot{ margin:40px 0 0 0; float:left; width:80%;}
.showmessagel #chatsuccess .success_right_bot ul{ list-style:none; font-size:12px;float:left;width:100%; padding:0px; margin:0px;}
.showmessagel #chatsuccess .success_right_bot ul li{ width:100%; text-align:left; float:left;}
.showmessagel #chatsuccess .success_right_bot ul li a{ font-size:12px; line-height:20px;text-decoration:underline;}
.showmessagel #chatsuccess .success_right_top span{ text-align:left; font-size:16; color:#0000FF; font-weight:bold;}

.showmessagel .button,.etwsumitbotton{width:131px; font-size:16px; height:30px; background:#FF8000; color:#fff; font-weight:bold;  border:none; float:left;margin-left:103px; cursor:pointer; margin-top:5px;}

/*2013-05-02*/
.showmessagel .etw_quality_report_msg{ margin-top:30px;}
.showmessagel .etw_quality_report_msg tr td a{ color:#333; text-decoration:underline;}
.showmessagel .quality_report_href{ clear:both; margin-left:100px; padding-top:5px;}
.showmessagel .quality_report_href a{ color:#090;}
.showmessagel #showlastnum{ width:156px; height:156px; background:url(counter_bg.jpg); line-height:156px; font-size:36px; font-weight:bold; text-align:center;}
.showmessagel .textarea_style{ transition:box-shadow 0.3s linear;-webkit-transition:box-shadow 0.3s linear; -moz-transition:box-shadow 0.3s linear; padding:0 3px 0 3px; }
.showmessagel .textarea_style:hover{box-shadow:3px 3px 3px #ccc;-moz-box-shadow:3px 3px 3px #ccc;-webkit-box-shadow:3px 3px 3px #ccc}