@charset "utf-8";
article,aside,dialog,footer,header,section,footer,nav,figure,menu{display:block}
* {
	margin:0;
	padding:0; list-style:none; font-size:14px;
}
body {
	font-family:Arial, Helvetica, sans-serif;
	font:normal 100% #777 "微软雅黑";
	margin:0;
	padding:0;
	line-height:1.5; 
}
a:link,a:visited{text-decoration:none; color:#333;}
a:hover{text-decoration:none;color:#F00;}
hr {
	border-width:0;
	height:1px;
	line-height:0;
	margin:1.875em 0em;
	page-break-after:always;
	text-align:center;
	width:100%;
	clear:both;
	color:#f2f2f2;
	background-color:#f2f2f2;
}


blockquote {
background:#f9f9f9;
border-left:0.625em solid #ccc;
margin:1.5em 0.625em;
padding:0.5em 0.625em;
quotes:"\201C""\201D""\2018""\2019";
}
blockquote:before {
color:#ccc;
content:open-quote;
font-size:4em;
line-height:.1em;
margin-right:.25em;
vertical-align:-.4em;
}
blockquote p {
display:inline;
}

.font1{font-size:12px; color:#767676; text-decoration:none; line-height:20px;}
.font2{font-size:12px; color:#767676; text-decoration:none; line-height:18px;}
.font3{font-size:12px; color:#767676; text-decoration:none; line-height:23px;}
.font4{ font-size:12px; color:#8abeff; text-decoration:none; line-height:20px; font-family: Arial, Helvetica, sans-serif; }
.font5{font-size:14px; color:#767676; text-decoration:none; line-height:26px;}
.font6{font-size:12px; color:#ca8900;}
.font7{font-size:10px; color:#9d0000; font-family:Arial, Helvetica, sans-serif,"宋体"; line-height:17px;}
.font8{font-size:14px; color:#952900; font-weight:bold; line-height:20px;}
.font9{font-size:12px; color:#ffffff;font-weight:bold}
.font10{font-size:12px; color:#858585; font-weight:bold}
.font11{font-size:14px; color:#FFF; text-indent:22px;}
.font12{font-size:22px; color:#FFF; font-family:Tahoma, Geneva, sans-serif;text-indent:20px;}
.font20{font-size:22px; color:#ff0000; text-indent:22px;font-weight:bold; height:38px; line-height:38px; color:#FFf; font-family:Verdana, Geneva, sans-serif}
.fl { float:left; }
.fr { float:right; }
img { border:none; max-width:100%;}



.clearfix:before,.clearfix:after{
  content: '\0020';
  display: block;
  overflow: hidden;
  visibility: hidden;
  width: 0;
  height: 0;
 }
.clearfix:after {clear: both; }
.clearfix {zoom: 1; }
.clear {
  clear: both;
  display: block;
  overflow: hidden;
  visibility: hidden;
  width: 0;
  height: 0;
}
.clearfix5 { clear:both; height:0.3125em; }
.clearfix10 { clear:both; height:0.625em; }
.clearfix20{ clear:both; height:20px;}

.box{width:1000px; margin:auto;}

#heard{margin:10px auto auto auto; overflow:hidden;}
#logo{float:left; height:80px; width:315px;}
#nav{float:left;height:80px; width:685px; text-align:right;}
#nav p{text-align:right; font-size:26px; font-weight:bold; height:39px; line-height:39px;}
#nav ul li{display:inline-block; font-weight:bold; font-size:16px; height:40px;line-height:40px;}
#nav ul li a{padding:0px 10px;}

#banner,#banner img{width:100%; height:385px; margin-bottom:15px;}

.product{}
.tit_bg{ background:url(../images/product_bg.jpg); height:22px; line-height:22px;}
.tit_bg h3{font-size:14px; text-indent:15px;line-height:14px; float:left;}
.tit_bg span{float:right; height:17px; margin-bottom:5px;}

#demo {
background: #FFF;
overflow:hidden; margin:16px auto;
width: 100%;
}
#demo img {
width:225px; height:165px;
}
#indemo {
float: left;
width: 800%;
}
#demo1 {
float: left;
}
#demo2 {
float: left;
}



#content_box{overflow:hidden;}
#content_box #left{float:left; width:22%; padding-right:5px; padding-bottom:9999px; margin-bottom:-9999px;}
#content_box #right{float:right; width:75%;padding-bottom:9999px; margin-bottom:-9999px;}
#fenlei{overflow:hidden; margin:auto; width:90%;}
#fenlei li{line-height:34px; border-bottom:#CCC dotted 1px;}
#fenlei li a{font-size:14px;}
.about{font-size:14px;}
#company{clear:both;}
#company_content{margin:10px auto;}
#company_content img{ float:left; margin: auto 8px 0px auto;}

#index_1{overflow:hidden; margin:20px auto 10px auto;}
#index_new{ overflow:hidden;}
#index_new ul{ margin:10px auto;}
#index_new ul li{padding-left: 20px; width:47%; float:left;
overflow: hidden;
line-height: 36px;
border-bottom: 1px dotted #CECAC9;
background: url(../Images/icon_news.jpg) 4px 15px no-repeat;}

.content,.content_main{overflow:hidden;}
.listcontent{ overflow:hidden; margin:15px auto 20px auto;}
.listcontent li img{border: 1px solid #C5C5C5;}
.listcontent li{float: left;
width: 190px;
text-align: center;
margin-bottom: 12px;}
.listcontent li span{display:block;}
.content_main .title{overflow:hidden; border-bottom:#999 solid 1px; padding-bottom:5px; margin:10px auto;}
.content_main .title .pic{float: left;width: 232px;}
.content_main .title .info{float: left;padding: 1px 0 0 1px;}
.content_main .title .info p{line-height: 28px;font-weight: bold;}
.disdoc{overflow:hidden; margin:5px auto;}
.content_top{ line-height:35px;}
.content_news{}
.thumb{ text-align:center;}
.content_news .title h1{ line-height:60px; font-size:18px; text-align:center;}
.content_news .title .info{margin-bottom: 10px;background-color: #E8E8E6; text-align:center; font-size:12px; color:#666;}
.content_news ul{ margin:10px auto 20px auto;}
.content_news ul li{ padding-left: 20px;
overflow: hidden;
line-height: 36px;
border-bottom: 1px dotted #CECAC9;
background: url(../Images/icon_news.jpg) 4px 15px no-repeat;}

#foot{overflow: hidden; width:100%; margin-top:20px; padding:15px 0px;text-align:center; line-height:24px;}
#foot_gs{background:url(../images/foot-bg.jpg) no-repeat center center;  font-size:16px;}
.links a{ margin:auto 3px;}
.links span{ }
.links{clear:both;overflow:hidden; margin:5px auto;}

/* 幻灯片广告 */
.ad{overflow:hidden;padding: 0;margin: 0;width: 100%;margin: 10px auto 20px auto;}

/************幻灯片****************/
#play {width:100%;height:380px;overflow:hidden;position:relative;z-index:1;}
#play_info_bg {position:absolute;top:90%;height:25px;width:100%;background-color:#666;filter: Alpha(Opacity=30);opacity:0.3;z-index:10}
#play_info{position:absolute;top:90%; height:25px; line-height:25px;width:80%; padding-left:20px;color:#fff;z-index:10;cursor:pointer}
#play_text {position:absolute;top:90%; right: 30px;z-index:10}
#play_text ul {display:block;filter: Alpha(Opacity=80);opacity:0.8;}
#play_text ul li {width:20px;height:20px; line-height:20px;float:left;background-color:#000;display:block;color:#FFF;text-align:center;margin:1px;cursor:pointer;font-family:"微软雅黑"; font-size:12px;}
#play_list a img{width: 100%;height: 380px;}

/**********分页样式*********************/
.page {overflow: hidden;_display: inline-block;background: white;padding: 15px 0;}
.page ul {float: right;}
.page ul li {float: left;margin-left: 10px;line-height: 25px;font-size: 14px;}
.page ul li.thisclass, .page ul li a:hover {background: #2DB4F4;color: white;border: 1px solid #2DB4F4;}
.page ul li span.current{background: #2DB4F4;color: white;border: 1px solid #2DB4F4;display: inline-block;padding: 0 7px;}
.page ul li a {display: inline-block;border: 1px solid #CCC;padding: 0 7px;color: #333;}
.pageinfo {padding-left: 10px;}
.pageinfo strong {font-weight: bold;padding: 0 3px;}

/**********分页样式end*********************/
.main_left .model_content .lf_tree li{background: url("../images/j1.jpg") no-repeat left 20%;padding-left: 20px;}
.main_left .model_content .lf_tree ul{padding-left: 20px;}
.main_left .model_content .lf_tree ul li{   background: url("../images/j2.jpg") no-repeat left 20%;}

.prev_next_nav{ margin:20px auto;}
.prev_next_nav .prev{ line-height:24px;}
.prev_next_nav .next{line-height:24px;}

/* 浮动客服面板 */
#cmsFloatPanel{overflow:hidden;}
#cmsFloatPanel .ctrolPanel{width:36px;height:248px;background:#fff url(../images/cmsfloatpanel-bg.gif) no-repeat left top;border:solid 1px #ddd;position:fixed;right:30px;top:200px;overflow:hidden;z-index:10000;_position:absolute;_top:expression(eval(documentElement.scrollTop + 200));}
#cmsFloatPanel .ctrolPanel a{width:34px;font-size:12px;color:#ff3300;letter-spacing:1px;text-align:center;overflow:hidden;}
#cmsFloatPanel .ctrolPanel .arrow{height:29px;line-height:28px;display:block;margin:1px auto;}
#cmsFloatPanel .ctrolPanel .arrow span{display:none;}
#cmsFloatPanel .ctrolPanel .arrow:hover{background:#f4f4f4;}
#cmsFloatPanel .ctrolPanel .arrow:hover span{display:block;}
#cmsFloatPanel .ctrolPanel .service{height:60px;display:block;margin:2px auto;}
#cmsFloatPanel .ctrolPanel .service span{color:#09F;line-height:90px;}
#cmsFloatPanel .ctrolPanel .message{height:60px;display:block;margin:2px auto;}
#cmsFloatPanel .ctrolPanel .message span{color:#ff3300;line-height:90px;}
#cmsFloatPanel .ctrolPanel .qrcode{height:60px;display:block;margin:2px auto;}
#cmsFloatPanel .ctrolPanel .qrcode span{color:#0C6;line-height:90px;}

#cmsFloatPanel .arrow01{width:0;height:0;font-size:0;line-height:0;border-top:10px solid transparent;_border-top:10px solid black;_filter:chroma(color=black);border-right:10px solid transparent;_border-right:10px solid black;_filter:chroma(color=black);border-bottom:10px solid transparent;_border-bottom:10px solid black;_filter:chroma(color=black);border-left:10px solid #ddd;position:absolute;bottom:0;position:absolute;left:2px;top:0;}
#cmsFloatPanel .arrow02{width:0;height:0;font-size:0;line-height:0;border-top:10px solid transparent;_border-top:10px solid black;_filter:chroma(color=black);border-right:10px solid transparent;_border-right:10px solid black;_filter:chroma(color=black);border-bottom:10px solid transparent;_border-bottom:10px solid black;_filter:chroma(color=black);border-left:10px solid #fff;position:absolute;bottom:0;position:absolute;left:0;top:0;}

#cmsFloatPanel .servicePanel{width:120px;height:400px;position:fixed;right:70px;top:200px;z-index:10000;overflow:visible;display:none;_position:absolute;_top:expression(eval(documentElement.scrollTop + 200));}
#cmsFloatPanel .servicePanel .servicePanel-inner{width:120px;position:relative;overflow:visible;}
#cmsFloatPanel .servicePanel .servicePanel-inner .arrowPanel{width:10px;height:30px;position:absolute;right:1px;top:50px;}
#cmsFloatPanel .servicePanel .servicePanel-inner .arrowPanel .arrow02{border-left:10px solid #399;}
#cmsFloatPanel .servicePanel .servicePanel-inner .serviceMsgPanel{width:110px;position:absolute;left:0;top:0;overflow:hidden;}
#cmsFloatPanel .servicePanel .servicePanel-inner .serviceMsgPanel .serviceMsgPanel-hd{width:110px;height:60px;background:url(../images/cmsfloatpanel-service-hd-bg.gif) no-repeat left top;overflow:hidden;}
#cmsFloatPanel .servicePanel .servicePanel-inner .serviceMsgPanel .serviceMsgPanel-hd a{width:24px;height:24px;font-size:12px;color:#fff;line-height:24px;display:block;float:right;}
#cmsFloatPanel .servicePanel .servicePanel-inner .serviceMsgPanel .serviceMsgPanel-hd a span{display:none;}
#cmsFloatPanel .servicePanel .servicePanel-inner .serviceMsgPanel .serviceMsgPanel-bd{width:110px;background:url(../images/cmsfloatpanel-service-bd-bg.gif) repeat-y left top;overflow:hidden;}
#cmsFloatPanel .servicePanel .servicePanel-inner .serviceMsgPanel .serviceMsgPanel-bd .msggroup{width:80px;font-size:12px;color:#666;font-weight:bold;line-height:24px;letter-spacing:1px;border-bottom:solid 1px #ddd;margin:0 15px;}
#cmsFloatPanel .servicePanel .servicePanel-inner .serviceMsgPanel .serviceMsgPanel-bd .msgtool{width:80px;font-size:12px;color:#666;font-weight:bold;line-height:24px;letter-spacing:1px;margin:6px 15px;}
#cmsFloatPanel .servicePanel .servicePanel-inner .serviceMsgPanel .serviceMsgPanel-ft{width:110px;height:40px;background:url(../images/cmsfloatpanel-service-ft-bg.gif) no-repeat left top;overflow:hidden;}

#cmsFloatPanel .messagePanel{width:310px;height:400px;position:fixed;right:70px;top:200px;z-index:10000;overflow:visible;display:none;_position:absolute;_top:expression(eval(documentElement.scrollTop + 200));}
#cmsFloatPanel .messagePanel .messagePanel-inner{width:310px;position:relative;overflow:visible;}
#cmsFloatPanel .messagePanel .messagePanel-inner .arrowPanel{width:10px;height:30px;position:absolute;right:1px;top:110px;}
#cmsFloatPanel .messagePanel .messagePanel-inner .arrowPanel .arrow01{border-left:10px solid #ddd;left:2px;}
#cmsFloatPanel .messagePanel .messagePanel-inner .arrowPanel .arrow02{border-left:10px solid #fff;}
#cmsFloatPanel .messagePanel .messagePanel-inner .formPanel{width:300px;border:solid 1px #ddd;background:#fff;position:absolute;left:0;top:0;overflow:hidden;}
#cmsFloatPanel .messagePanel .messagePanel-inner .formPanel .formPanel-hd{height:32px;font-family:"微软雅黑";font-size:14px;color:#fff;line-height:32px;letter-spacing:2px;text-indent:10px;background:url(../images/cmsfloatformpanel-hd-bg.gif) no-repeat left top;overflow:hidden;}
#cmsFloatPanel .messagePanel .messagePanel-inner .formPanel .formPanel-hd a{width:32px;height:32px;font-family:"宋体";font-size:12px;color:#fff;line-height:32px;letter-spacing:1px;text-indent:0;display:block;float:right;}
#cmsFloatPanel .messagePanel .messagePanel-inner .formPanel .formPanel-hd a span{display:none;}
#cmsFloatPanel .messagePanel .messagePanel-inner .formPanel .formPanel-bd{padding:10px 15px;overflow:hidden;}
#cmsFloatPanel .messagePanel .messagePanel-inner .formPanel .formPanel-bd div{font-size:12px;color:#666;line-height:30px;padding:5px 0;overflow:hidden;}
#cmsFloatPanel .messagePanel .messagePanel-inner .formPanel .formPanel-ft{height:30px;background:#f4f4f4;text-align:right;padding:0 10px;overflow:hidden;}
#cmsFloatPanel .messagePanel .messagePanel-inner .formPanel .formPanel-ft a{font-size:12px;color:#999;line-height:30px;letter-spacing:1px;}

#cmsFloatPanel .qrcodePanel{width:230px;height:300px;position:fixed;right:70px;top:200px;z-index:10000;overflow:visible;display:none;_position:absolute;_top:expression(eval(documentElement.scrollTop + 200));}
#cmsFloatPanel .qrcodePanel .qrcodePanel-inner{width:230px;position:relative;overflow:visible;}
#cmsFloatPanel .qrcodePanel .qrcodePanel-inner .arrowPanel{width:10px;height:30px;position:absolute;right:1px;top:180px;}
#cmsFloatPanel .qrcodePanel .qrcodePanel-inner .arrowPanel .arrow01{border-left:10px solid #ddd;left:2px;}
#cmsFloatPanel .qrcodePanel .qrcodePanel-inner .arrowPanel .arrow02{border-left:10px solid #fff;}
#cmsFloatPanel .qrcodePanel .qrcodePanel-inner .codePanel{width:220px;background:#fff;border:solid 1px #ddd;position:absolute;left:0;top:0;overflow:hidden;}
#cmsFloatPanel .qrcodePanel .qrcodePanel-inner .codePanel .codePanel-hd{height:32px;font-family:"微软雅黑";font-size:14px;color:#fff;line-height:32px;letter-spacing:2px;text-indent:10px;background:url(../images/cmsfloatqrcodepanel-hd-bg.gif) no-repeat left top;overflow:hidden;}
#cmsFloatPanel .qrcodePanel .qrcodePanel-inner .codePanel .codePanel-hd a{width:32px;height:32px;font-family:"宋体";font-size:12px;color:#fff;line-height:32px;letter-spacing:1px;text-indent:0;display:block;float:right;overflow: hidden;}
#cmsFloatPanel .qrcodePanel .qrcodePanel-inner .codePanel .codePanel-hd a span{display:none;}
#cmsFloatPanel .qrcodePanel .qrcodePanel-inner .codePanel .codePanel-bd{padding:10px;overflow:hidden;}
#cmsFloatPanel .qrcodePanel .qrcodePanel-inner .codePanel .codePanel-bd img{width:200px;height:200px;border:none;}
#cmsFloatPanel .qrcodePanel .qrcodePanel-inner .codePanel .codePanel-ft{height:30px;background:#f4f4f4;text-align:center;padding:0 10px;overflow:hidden;}
#cmsFloatPanel .qrcodePanel .qrcodePanel-inner .codePanel .codePanel-ft a{font-size:12px;color:#666;line-height:30px;letter-spacing:1px;}
#cmsFloatPanel .qrcodePanel .qrcodePanel-inner .codePanel .codePanel-ft a:hover{color:#F00;}


