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

/*==============================================================================================*/
/*common-css
/*==============================================================================================*/
*{
	margin:0;
	padding:0;
}
h1, h2, h3, h4, h5, h6, h7, p, ul, ol, dl, dt, dd, li, body, form, input, button, img, cite, strong, em, table, td, th {
	padding:0;
	margin:0;
}
h1, h2, h3, h4, h5, h6, h7,em {
	font-weight:bold;
	font-style:normal;

}
img, th {
	border:0;
}
ul, ol, li {
	list-style-type:none;
}
a {
	text-decoration:none;
	color:#4e4e4e;
}
a:hover {
	text-decoration:none;
	color:#2c99c7;
}
body{
	font-family: Arial, Helvetica, sans-serif;
	color:#4e4e4e;
	font-size:12px;
	line-height:20px;
	padding:0px;
	margin:0px;
}
.fl {
	float:left;
}
.fr {
	float:right;
}
.block{display:block;}
.line-height{ line-height:22px;}
.border{border:#dedede solid 1px; overflow:hidden; border-radius:4px;}
.cboth {
	display:block;
	line-height:0px;
    font-size:0;
	clear:both;
}
.error { color:#F00; margin-left:5px;}
/*==============================================================================================*/
/*form-css
/*==============================================================================================*/
.field{
    display: table;
    margin-bottom: 10px;
}
label{
    font-size: 12px;
    font-weight: normal;
    line-height: 20px;
    cursor: pointer;
	
}
label.label{
    float: left;
	display:block;
    width: 120px;
    padding-top: 5px;
    text-align: left;
    color: #333;
}
.controls{
    margin-left: 140px;
}
input{
    display: inline-block;
    margin-bottom: 0;
    vertical-align: middle;

}

input.text{
    background-color: #fff;
    border: 1px solid #ccc;
    color: #555;
    font-size: 12px;
    line-height: 20px;
    height: 20px;
    padding: 4px 6px;
    margin-left: 0;
    width: 206px;
    text-indent: 0px;
    text-shadow: none;	
}

textarea{
    display: inline-block;
    margin-bottom: 0;
    vertical-align: middle;

}

textarea.textarea{
    background-color: #fff;
    border: 1px solid #ccc;
    color: #555;
    font-size: 12px;
    padding: 4px 6px;
    margin-left: 0;
	width:400px;
}

.btn{
    background:#ef8700;
	height:30px;
	width:80px;
	margin-top:5px;
	border:none;
	color:#fff;
	font-family:Arial, Helvetica, sans-serif;
	cursor:pointer;
	font-size:15px;
	text-align:center;
}

/*==============================================================================================*/
/*module-css
/*==============================================================================================*/
#top {
	width:100%;
	margin:0 auto;
	overflow:hidden;
	height:30px;
	background:#fafafa;
	border-bottom:#eeeeee 1px solid;
}
#container {
	width:100%;
	margin:0 auto;
}
#header {
	overflow:hidden;
	background:#fff;
}
#mainer{
	clear:both;
	overflow:hidden;
}
#footer {

}

.right_box{
    width:950px;
	min-height:500px;
    float:right;
    overflow: hidde;
	background:#fff;
	}
.left_box{
    width:220px;
    float: left;
}

.main_box {
	width:1190px;
	overflow:hidden;
	margin-left:auto;
	margin-right:auto;
}

/*==============================================================================================*/
/*Sreach body
/*==============================================================================================*/

.SearchBox{ width:100%; text-align:left; }
.SearchBox .hd{ height:30px; line-height:30px;  padding:0 10px 0 20px;   border-bottom:1px solid #ddd;  position:relative; }
.SearchBox .hd .article{ background:#eeeeee;}
.SearchBox .hd .product{ background:#eeeeee;}
.SearchBox .hd ul{ float:left; position:absolute;list-style:none; }
.SearchBox .hd ul li{ float:left; padding:0 25px; cursor:pointer; list-style:none; }
.SearchBox .bd ul{  zoom:1;  }

/*==============================================================================================*/
/*header-css
/*==============================================================================================*/
.topbd{ 
	width:1190px;
	overflow:hidden;
	margin-left:auto;
	margin-right:auto;
	line-height:30px;
	font-size:12px;
	height:35px;
	color:#888888;
}
.topbd a{ color:#888888; font-size:12px;}
.topbd em {
	color:#888888;
	margin:0 8px 0 10px;
	font-style:normal;
}
.lan {
	height:15px;
	line-height:15px;
	margin:8px 5px 0 0;
	display:block;
	font-size:12px;
	font-family: Arial, Verdana, Helvetica, sans-serif;
	color:#888888;
	text-align:right;
	margin-right:5px;
}
.lan li {
	float:left;
	padding:0 15px 0 17px;
}
.lan li.lan-en {
	background:url(../images/lan-en.png) 0 2px no-repeat;
}
.lan li.lan-cn {
	background:url(../images/lan-cn.png)  0 2px no-repeat;
}
.lan li.lan-es {
	background:url(../images/lan-es.png) 0 2px no-repeat;
}
.lan li.lan-de {
	background:url(../images/lan-de.png) 0 2px no-repeat;
}
.lan li.lan-pt {
	background:url(../images/lan-pt.png) 0 2px no-repeat;
}
.lan li.lan-fr {
	background:url(../images/lan-fr.png) 0 2px no-repeat;
}
.lan li.lan-ru {
	background:url(../images/lan-ru.png) 0 2px no-repeat;
}
.lan li.lan-jp {
	background:url(../images/lan-jp.png) 0 2px no-repeat;
}
.lan li a {
	font-size:12px;
	color:#888888;
	line-height:
}

.headbd{
	width:1190px;
	height:120px;
	margin-left:auto;
	margin-right:auto;
	position:relative;
}
.logo{
	float:left;
	height:50px;
	margin-top:16px;
	width:360px;
}
.tel{ float:right; margin-top:28px; margin-right:20px; line-height:17px;}
.tel img{float:left;margin-right:10px;}
.tel span{float:left; display:block; }

.slogan{width:360px;float:left; margin-left:30px; display:none;}

.searchbd{float:right; width:400px; overflow:hidden;margin-top:24px; }
.sharefrm{ display:block; overflow:hidden; margin-bottom:10px;}
.sharefrm ul{ list-style:none;}
.sharefrm ul li{ list-style:none; float:left; margin-right:15px; width:30px; height:30px;}
.searchbd .srhfrm{ display:block;}

.wmap{ float:right; margin-top:5px;}
.nav{
	height:47px;
	line-height:45px;
	width:100%;
	background:#ef8700 url(../images/nav_bg.png) repeat-x;
	overflow:hidden;
}
.nav ul{ 
    width:1190px;
	margin-left:auto;
	margin-right:auto;
}
.nav li{
	float:left;
	background:url(../images/nav_em.png) right 16px no-repeat;
}
.nav li:last-child{ background:none;}
.nav li a{
	display:block;
	height:47px;
	font-weight:bold;
	font-size:15px;
	font-family: Arial, Helvetica, sans-serif;
	color:#fff;
}
.nav li a span{ display:block; overflow:hidden; padding:0px 22px; cursor:pointer; margin-left:6px; margin-right:6px;}
.nav li a:hover{
	color:#fff;
}
.nav li a:hover span{
	height:47px;
	background:url(../images/nav_bg_hvr2.png) repeat-x;
}
.nav li .on{
	color:#fff;
}
.nav li .on span{
	
}
/*==============================================================================================*/
/*banner-css
/*==============================================================================================*/
.banner{ width:100%;  position:relative;  height:450px; overflow:hidden; margin-bottom:20px; }	
.banner .bd{ margin:0 auto; position:relative; z-index:0; overflow:hidden;  }	
.banner .bd ul{ width:100% !important;  }	
.banner .bd li{ width:100% !important;  height:450px; overflow:hidden; text-align:center;  }	
.banner .bd li a{ display:block; height:450px; }	
.banner .hd{ width:100%;  position:absolute; z-index:1; bottom:0; left:0; height:30px; line-height:30px; background:url(../images/bhbg.png) repeat-x; text-align:center;_background:#fff; _filter:alpha(opacity=60);}	
.banner .hd ul{ text-align:center;  padding-top:5px; }	
.banner .hd ul li{ cursor:pointer; display:inline-block; *display:inline; zoom:1; width:12px; height:12px; margin:5px; background:url(../images/icons.png) -14px -80px; overflow:hidden;line-height:9999px;}	
.banner .hd ul .on{ background-position:0 -80px; }

.banner .prev,.banner .next{ position:absolute;  display:block;  left:30px; top:165px; width:46px; height:62px; background:url(../images/icons.png) left 6px no-repeat; filter:alpha(opacity=20);opacity:0.2;  }	
.banner .next{ left:auto; right:30px; background-position:-46px 6px; }	
.banner .prev:hover,
.banner .next:hover{ filter:alpha(opacity=100) !important;opacity:1 !important;  }

/*==============================================================================================*/
/*indexer-css
/*==============================================================================================*/

.guide_body{ margin-top:20px;}
.guide_gg {
	font-size:24px;
	font-weight:normal;
    height: 50px;
	color:#fff;
	line-height: 50px;
	background:#f5a700;
	border-bottom:#c18401 solid 3px; 
	padding-left:10px;
}
.guide_gg h2{ float:left; font-size:22px; padding-left:10px;font-weight:normal;}
.guide_gg span{ float:right; font-size:18px; font-weight:normal; margin-right:10px;}
.guide_ab{ overflow:hidden; margin-bottom:20px;}

.guide_lbox{ width:480px; float:left;}
.guide_rbox{ width:480px; float:right;}

/*-------------------news-------------------*/
.guide_news{
	width:300px;
	height:210px;
	margin-right:25px;
	float:left;
	background:#f8f8f8;
	overflow:hidden;
}
.guide_news h2{height: 45px; background:#eeeeee url(../images/xbox_bg.png) repeat-x; }
.guide_news h2.title{
	color:#666666;
	font-size:16px;
	font-family: Arial, Helvetica, sans-serif;
	margin-bottom:10px;
    overflow: hidden;
	padding-left:15px;
    height: 43px;
	line-height:43px;
	border-bottom:#ef8700 solid 2px;
}

.guide_news h2.title span{
	font-size:12px;
	font-weight:normal;
	font-family: Arial, Helvetica, sans-serif;
	margin-left:10px;
	color:#999999;
}
.guide_news h2.title a.more{
	font-weight:normal;
	text-indent:-9999px;
	width:33px;
	height:25px;
	background:url(../images/ico_more.gif) no-repeat 0 center;
	float:right;
    display: block;
}
.guide_news ul{ list-style:none;}
.guide_news li{ clear:both; margin-bottom:10px; overflow:hidden; padding-left:15px;}
.guide_news li a{ padding-left:15px; background:url(../images/dot.png) 0 8px no-repeat;}
/*-------------------news-------------------*/
.guide_cer{
	width:300px;
	height:210px;
	float:left;
	background:#f8f8f8;
	overflow:hidden;
}
.guide_cer h2{height: 45px; background:#eeeeee url(../images/xbox_bg.png) repeat-x; }
.guide_cer h2.title{
	color:#666666;
	font-size:16px;
	font-family: Arial, Helvetica, sans-serif;
	margin-bottom:10px;
    overflow: hidden;
	padding-left:15px;
    height: 43px;
	line-height:43px;
	border-bottom:#ef8700 solid 2px;
}
.guide_cer ul{ list-style:none;}
.guide_cer li{ clear:both; margin-bottom:10px; overflow:hidden; padding-left:15px;}
.guide_cer li a{ padding-left:15px; background:url(../images/dot.png) 0 8px no-repeat;}


/*-------------------about us-------------------*/
.guide_about {
	width:950px;
	float:left;
	overflow:hidden;
}
.guide_about h2{ border-bottom:#dedede solid 1px;}
.guide_about h2.title{
	color:#666666;
	font-size:16px;
	font-family: Arial, Helvetica, sans-serif;
	margin-bottom:10px;
    overflow: hidden;
    height: 25px;
}

.guide_about h2.title span{
	font-size:12px;
	font-weight:normal;
	font-family: Arial, Helvetica, sans-serif;
	margin-left:10px;
	color:#999999;
}
.guide_about h2.title a.more{
	font-weight:normal;
	text-indent:-9999px;
	width:33px;
	height:25px;
	background:url(../images/ico_more.gif) no-repeat 0 center;
	float:right;
    display: block;
}
.guide_about div{ margin-bottom:20px; overflow:hidden;}
.guide_about img{ float:left; margin-right:25px;}
.guide_about p{ font-size:12px; line-height:20px; }

.guide_client{
	width:300px;
	height:210px;
	background:#f8f8f8;
	overflow:hidden;
	float:right;
}
.guide_client h2{height: 45px; background:#eeeeee url(../images/xbox_bg.png) repeat-x; }
.guide_client h2.title{
	color:#666666;
	font-size:16px;
	font-family: Arial, Helvetica, sans-serif;
	margin-bottom:10px;
    overflow: hidden;
	padding-left:15px;
    height: 43px;
	line-height:43px;
	border-bottom:#ef8700 solid 2px;
}

.guide_client ul{ list-style:none;}
.guide_client li{ clear:both; margin-bottom:10px; overflow:hidden; padding-left:15px;}
.guide_client li a{ padding-left:15px; background:url(../images/dot.png) 0 8px no-repeat;}

.guide_partner {
	  width:1190px; 
	  clear:both; 
	  overflow:hidden;
	  position:relative; 
	  margin-left:auto; 
	  margin-right:auto;
	  margin-bottom:15px;
	  background:#f8f8f8;
}
.guide_partner h2{
	display:block;
	color:#4e4e4e;
	height: 45px;
	line-height: 45px;
	overflow:hidden;
	font-weight:normal;
	font-size:24px;
	padding-left:15px;
	margin-bottom:15px;
	background:#eeeeee url(../images/xbox_bg.png) repeat-x;
	border-bottom:#ef8700 solid 2px;
}

.guide_partner .bd{ width:1190px;}
.guide_partner ul {display:block; width:1210px; padding-left:15px;}
.guide_partner ul li {
	float:left;
	overflow:hidden;
	list-style: none;
	width:178px;
	border:#eeeeee solid 1px;
	height:70px;
	margin-right:16px;
	margin-bottom:20px;
	background:#fff;
}
.guide_partner ul li img{ margin:0 auto; display:block; max-height:70px; max-width:178px;}
	 
/*-------------------pruducts-------------------*/
.guide-pro {
	float:right;
	width:948px;
	overflow:hidden;
	text-align:left;
	margin-bottom:2px;
	background:#ffffff;
	border-left:#eeeeee solid 1px;
	border-right:#eeeeee solid 1px;
	
}
.guide-pro h2{ 
	overflow:hidden; 
	height:45px; 
	line-height:45px; 
	color:#666666;
	position:relative;
	padding-left:15px;
	border-bottom:#dedede solid 1px;
}
.guide-pro h2 span{ color:#999; font-weight:normal; font-size:12px; margin-left:10px;}


.guide-pro ul{ display:block;width:980px; margin:0px;}
.guide-pro ul li{ 
	float:left;
	display:table-cell;
	text-align:left;
	overflow:hidden;
	padding-top:10px;
	width:240px;
	height:222px; 
	border-right:#eeeeee solid 1px; 
	border-bottom:#eeeeee solid 1px; 
	
}
.guide-pro ul li img{
	display:block;
	width:160px; 
	height:160px;
	padding:10px;
	margin-right:auto;
	margin-left:auto;
}
.guide-pro ul li span{
	display:block;
	overflow:hidden;
    height:41px;
	line-height:41px;
	background:#f8f8f8;
	text-align:center;
}

/*==============================================================================================*/
/*lefter-css
/*==============================================================================================*/
.cate{margin-bottom:20px; display:block; overflow:hidden;background:#fff;}
.cate h2{
	height:43px; 
	line-height:43px; 
	border-bottom:#dd7d00 solid 2px;
	background:#ef8700 url(../images/box_bg.png) repeat-x;
	padding-left:15px;
	font-size:16px;
	font-family: Arial, Helvetica, sans-serif;
	color:#fff; 
}
.cate li{ background:#e6e6e6; padding-top:10px; }
.cate li:last-child{ border-bottom:none}
.cate li div{ display:block; line-height:26px;}
.cate li div span{ display:block; line-height:26px; background: url(../images/cate_root.gif) no-repeat;padding-left:15px; color:#F90; font-weight:bold; margin-left:20px !important; cursor:pointer;}
.cate li a{ display:block; line-height:26px; background: url(../images/cate_li.gif) -10px 3px no-repeat;padding-left:25px;}
.cate li a:hover{}
.cate li .cur { background:#e6e6e6; }
.cate li .cur span{ background:url(../images/cate_root.gif) no-repeat;}
.cate li .onhvr { color:#F90;}
.cate li ul{display:none }
.cate .root {background:#e6e6e6; }
.cate .root span{ background:url(../images/cate.png) no-repeat 0px -201px; color:#FFF; padding-left:15px;}
.cate .root.cur span{ color:#fff; background:#e8e8e8 url(../images/cate.png) no-repeat 0px -276px !important;}
.cate li.ft{ background:#e6e6e6; height:10px; overflow:hidden;}

.box{
	width:220px;
	overflow:hidden;
	float:left;
	background:#f8f8f8;
	margin-bottom:20px;
}
.box h2{
	display:block;
	overflow:hidden;
	height:43px; 
	line-height:43px; 
	border-bottom:#dd7d00 solid 2px;
	background:#ef8700 url(../images/box_bg.png) repeat-x;
	}
.box h2.title{
	color:#ffffff;
	padding-left:15px;
	font-size:15px;
	font-weight:bold;
	font-family: Arial, Helvetica, sans-serif;
	margin-bottom:10px;
	padding-left:15px;
    overflow: hidden;
    height: 45px;
}

.box ul{
	 width:200px;
     padding:0px 10px 10px 10px;
	 overflow:hidden;
	 list-style:none;
}
.box li { list-style:none; padding:3px 0px;}
.box li a{ display:block;  font-size:12px;  padding-left:10px;background:url(../images/dot.png) 0 8px no-repeat;}


.box_form{
	width:220px;
	overflow:hidden;
	float:left;
	background:#f8f8f8;
	margin-bottom:20px;
}
.box_form h2{
	display:block;
	overflow:hidden;
	height:43px; 
	line-height:43px; 
	border-bottom:#dd7d00 solid 2px;
	background:#ef8700 url(../images/box_bg.png) repeat-x;
	}
.box_form h2.title{
	color:#ffffff;
	padding-left:15px;
	font-size:15px;
	font-weight:bold;
	font-family: Arial, Helvetica, sans-serif;
	margin-bottom:10px;
	padding-left:15px;
    overflow: hidden;
    height: 45px;
}
.box_form div{
	 width:200px;
     padding:0px 10px 10px 10px;
	 overflow:hidden;
	 list-style:none;
}
.box_form ul{
	 width:200px;
     padding:0px 10px 10px 10px;
	 overflow:hidden;
	 list-style:none;
}
.box_form ul li { list-style:none; overflow:hidden; display:block; margin:8px 0px;}
.box_form ul li span{ display:block; float:left; width:50px;}
.box_form .text {
    background: #ffffff;
	float:left;
    width: 140px;
    padding: 0 2px;
    height: 27px;
    line-height: 27px;
    border: #dddddd solid 1px;
}
.box_form .btn{
	border: #ce7502 solid 1px;
	background:#ef8700;
	color:#fff;
	font-family:Arial, Helvetica, sans-serif;
	}

/*==============================================================================================*/
/*righter-css
/*==============================================================================================*/
.comcont{ 
	float:right;
	width:948px;
	min-height:800px;
	overflow:hidden;
	text-align:left;
	background:#ffffff;
	border:#eaeaea solid 1px; 
	
}
.comcont .hd{
	overflow:hidden;
	font-family: Arial, Helvetica, sans-serif;
	line-height:38px; height:38px;
	border-bottom:#dddddd solid 1px;
	background:#fafafa;
}
.comcont .locate { overflow:hidden; text-align:left; float:left; display:inline-block; }
.comcont .locate div{float:left; background:url(../images/home.png) no-repeat 10px 14px; padding-left:30px; line-height:38px; height:38px; display:block;margin-right:20px;}
.comcont .locate span{float:right; line-height:38px; height:38px; display:block;margin-right:20px;}
.comcont .locate ul{ list-style:none; display:table-cell; float:left;text-align:left; background:url(../images/home.png) no-repeat 8px 10px; padding-left:20px; margin-right:10px;}
.comcont .locate li{ float:left;display:block; padding:0px 12px 0px 8px; text-align:left; background:url(../images/arrow.png) no-repeat right 16px;}
.comcont .locate li a{ font-size:12px; font-weight:normal; text-align:center;}

.comcont .fellow {background:#f8f8f8; overflow:hidden; clear:both;}
.comcont .fellow ul{ list-style:none; display:block; }
.comcont .fellow li{ float:left;display:block; padding:10px; text-align:center;}
.comcont .fellow li a{ font-size:12px; font-weight:normal; text-align:center;}
.comcont .fellow .cur{ background-color:#f2f2f2;}

.content
{
	margin:20px;
	}
.content .hd{
	overflow:hidden;
	font-family: "微软雅黑",Arial, Verdana, Helvetica, sans-serif;
	line-height:30px; height:30px;
	border-bottom:#dddddd solid 1px;
	background:#fff;
	font-weight:bold;
	font-size:14px;
	color:#000000;
	margin-bottom:10px;
}	
.content .pic{
	width:350px;
	position:relative;
	float:left;
	padding-bottom:10px;
	margin-bottom:20px;
	margin-right:20px;
	}
.content .pic h3{border:#eee solid 1px;width:328px; height:328px; margin-bottom:15px; padding:10px}	
.content .pic ul{ list-style:none;width:350px;  clear:both;}
.content .pic li{ float:left; width:60px; height:60px; margin-right:8px; border:#eee solid 1px;}
.content .pic li:hover{ border:#F60 solid 1px;}
.content .pic li img{ width:60px; height:60px; cursor:pointer;}
	
.content .price	{ color:#F60; font-size:20px;}
.content .guide{ overflow:hidden; margin-bottom:15px; float:left; width:530px;}
.content .guide ul{
	list-style:none;
	}
.content .guide ul li{
	line-height:25px;
	}
.content .guide .ibuy{ background:#f57900; color:#fff; font-size:16px; text-align:center; height:40px; line-height:40px; width:120px; margin-right:20px; float:left; overflow:hidden; display:block;}	
.content .guide .idemo{ background:#f57900; color:#fff; font-size:16px; text-align:center; height:40px; line-height:40px; width:120px; float:left; overflow:hidden; display:block;}		
.intro {clear:both; overflow:hidden; margin:0 auto;}
.intro .thd{ text-align:center; font-size:15px; margin-bottom:10px; line-height:30px; }
.intro .thd font{ display:block; color:#CCC; text-align:center; font-size:12px; }
.next_map{ padding-top:10px; padding-bottom:10px; line-height:25px; overflow:hidden; clear:both; border-top:#ddd solid 1px; margin-top:20px; }
	
.arc_rec {
	float:left;
	width:100%;
	overflow:hidden;
	text-align:left;
	margin-top:20px;
	margin-bottom:20px;
	
}
.arc_rec h2{ 
	overflow:hidden; 
	height:40px; 
	line-height:40px; 
	color:#666666;
	position:relative;
	font-size:12px;
	background:#fafafa;
	padding-left:10px;
	border-bottom:#eaeaea solid 1px;
}

.arc_rec ul{ display:block;; margin:0px;padding-top:10px;}
.arc_rec ul li{ 
	overflow:hidden;
	line-height:35px;
	height:35px;
	background:url(../images/tl_cut.png) no-repeat 5px 15px;padding-left:20px;
	border-bottom:#eaeaea solid 1px;
}
.arc_rec ul li a{ 
   display:block;
   width:600px;
   float:left;
}
.arc_rec ul li span{ 
   display:block;
   width:80px;
   float:right;
   color:#999999; 
}
	
	
.pro_rec {
	float:left;
	width:100%;
	overflow:hidden;
	text-align:left;
	margin-top:20px;
	margin-bottom:10px;
	
}
.pro_rec h2{ 
	overflow:hidden; 
	height:45px; 
	line-height:45px; 
	color:#666666;
	position:relative;
	font-size:12px;
	background:#fafafa;
	padding-left:10px;
	border-bottom:#eaeaea solid 1px;
}

.pro_rec ul{ display:block;width:1000px; margin:0px;padding-top:10px;}
.pro_rec ul li{ 
	float:left;
	display:table-cell;
	text-align:center;
	overflow:hidden;
	width:210px; 
	height:208px; 
	margin-right:19px; 
	margin-bottom:20px;
	border:#eaeaea solid 1px; 
}
.pro_rec ul li img{
	margin-top:5px; 
	max-width:200px; 
	vertical-align:middle; 
}
.pro_rec ul li dl{
	display:block;
}	
.pro_rec ul li dd{
	display:block;
	margin-top:15px;
    height:28px;
	line-height:28px;
	text-align:center;
}	

			
.arclist {
	position:relative;
    padding:20px;
}
.arclist li{
    border:none;
	line-height:30px;
	height:30px;
	border-bottom:#f5f5f5 solid 1px;
	
}
.arclist li span{
    display: block;
	float:left;
	margin-right:10px;
}
.arclist li a{
	float:left;
    display: block;
	background:url(../images/tl_cut.png) no-repeat 5px 13px;padding-left:16px;
}
.arclist li .time{
	float:left;
	margin-left:30px;
	color:#ccc;
    display: block;
}

.prolist {
	clear:both;
	position:relative;
	float:left;
	overflow:hidden;
	padding:10px;
	list-style:none;
}
.prolist ul { width:980px; margin-left:15px; margin-top:15px;}
.prolist li{
	margin-bottom:15px;
	overflow:hidden;
	display:block;
	width:280px;
	float:left;
	margin-right:25px;
	
	margin-bottom:25px;
	border:#eeeeee solid 1px;
}
.prolist li .pic{
    display: block;
	overflow:hidden;
	width:234px;
	padding-top:25px;
	padding-bottom:25px;
	margin:0 auto; 
}
.prolist li img{
    display: block;
	overflow:hidden;
	width:220px;
	height:220px;
}
.prolist li .txt{padding:10px; color:#333; line-height:30px; height:30px;border-top:#eeeeee solid 1px; text-align:center; overflow:hidden; background:#f8f8f8;}
.prolist li .txt h3{
	margin-bottom:15px;
	font-weight:normal;
}
.prolist li .txt h4{
	margin-top:5px;
	font-size:normal;
	clear:both;
	display:block;
	font-weight:normal;
}
.prolist li .txt h4 a{ color:#F60;}

.abmlist {
	margin-left:15px; margin-right:15px;
	background:#fff;
	overflow:hidden;
}
.abmlist h2{ background:#f4f4f4; border-bottom:#eeeeee solid 1px; height:40px; line-height:40px; padding-left:10px; color:#333333; margin-bottom:8px;}
.abmlist h2 a{ display:block; overflow:hidden;color:#333; }
.abmlist ul{ list-style:none; display:block; overflow:hidden; margin-top:10px;}
.abmlist li{
	width:100%;
	float:left;
	overflow:hidden;
	margin-bottom:15px;
	padding-bottom:15px;
	border-bottom:#eee solid 1px;
}
.abmlist li a{
    display: block;
}
.abmlist li dl{
	width:40%;
	max-width:232px;
	float:left;
	margin-right:2%;
	text-align:left;
    overflow: hidden;
}
.abmlist li dl a{
    display: block;
	padding:5px;
}
.abmlist li dl img{
	width:100%;
	text-align:left;
	border:#ddd solid 1px;
}
.abmlist li dd{
	width:58%;
	float:left;
	display:block;
	line-height:23px;
	text-align:left;
}
.abmlist li dd h3{
	margin-bottom:5px;
	text-align:left;
}
.abmlist li dd p{
	display:block;
	text-align:left;
	margin-top:5px;
	margin-bottom:10x;
}
.table-box{
    border:none;    
}

.book h2{ 
	overflow:hidden; 
	height:45px; 
	line-height:45px; 
	color:#666666;
	position:relative;
	font-size:12px;
	background:#fafafa;
	padding-left:10px;
	margin-bottom:15px;
	border-bottom:#eaeaea solid 1px;
}

/*--------------------page------------------*/
.page{
    margin:10px 0px;
    clear: both;
	padding-top:10px;
	overflow:hidden;
}
.page .first{
    background:url(../images/page.png) 7px -82px no-repeat;
}
.page .last{
    background:url(../images/page.png) 7px -140px no-repeat;
}
.page .next{
    background:url(../images/page.png) 7px 10px no-repeat;
}
.page .prev{
    background:url(../images/page.png) 7px -36px no-repeat;
}
.page span.page_list{ overflow:hidden; float:right;}
.page span.page_list a{
	display:block;
	float:left;
	margin-right:5px;
    border:1px solid #eaeaea;
	padding: 5px 10px 5px 10px;
	font-size:12px;

}
.page span.page_rows{
	display:block; 
	float:right;
    border:1px solid #eaeaea; 
	font-size:12px;
	margin-right:5px;
    padding: 5px 10px 5px 10px;
}
.page span.page_list a.selected{
    background: #f2f2f2;
    color: #222222;
}

/*==============================================================================================*/
/*footer-css
/*==============================================================================================*/
.map {
	width:1150px;
	margin-left:auto;
	margin-right:auto;
	overflow:hidden;
	padding:10px 20px 25px 20px;
	text-align:left;
	background:#eeeeee;
}
.map a{ color:#666666;font-size:12px;}
.map .txt{ color:#666666;line-height:2.2em;font-size:12px;}
.map-about {
	width:400px;
	float:left;
	margin:40px 20px 0 10px;
}
.map-product {
	width:160px;
	float:left;
	margin:0 50px 0 0;
}
.map-contact {
	width:500px;
	overflow:hidden;
	float:left;
	margin:0 10px 0 0;
}
.map-fcode{
	float:left;
	}
.map-fcode img{ padding:10px; margin-top:10px; border:#ddd solid 1px;}
	
.map-about h3,.map-product h3,.map-contact h3,.map-follow h3 {
	font-size:22px;
	font-weight:normal;
	color:#dddddd;
	line-height:2em;
	margin-bottom:5px;
}

.map-about ul,.map-product ul,.map-contact ul{
	list-style:none;
	margin:0px;
}

.map-about li,.map-product li,.map-contact li {
	list-style:none;
	margin:0px;
	line-height:2.0em;
}
.flink{ list-style:none; display:block; overflow:hidden; margin-bottom:25px; margin-top:10px;}
.flink h2{ font-family:Arial, Helvetica, sans-serif; font-size:24px; font-weight:normal; float:left; width:80px;}
.flink li{ list-style:none; float:left; margin-right:20px; padding-top:6px;}

.fnavbd{ margin:0 auto; background:#ef8700 url(../images/box_bg.png) repeat-x;border-bottom:#dd7d00 solid 2px; text-align:center;height:45px; line-height:45px;}
.fnav{ list-style:none; overflow:hidden;  margin:0 auto; display:inline-block; padding-top:15px;}
.fnav li{ list-style:none; float:left; margin-right:30px; padding-right:30px; border-right:#FFF solid 1px; line-height:18px; }
.fnav li:last-child{ border:none;}
.fnav li a{ color:#fff; font-weight:bold;}

.copy {
	color:#888888;
	width:100%;
	
}
.copy .bd{ padding-top:12px; padding-bottom:12px;}
.copy a {
	color:#888888;
	line-height:2.0em;
}
.copy li {
	float:left;
	margin-right:15px;
}
.copy em {
	color:#888;
	font-style:normal;
	margin:0 4px 0 8px;
}
/*==============================================================================================*/
/*other-css
/*==============================================================================================*/

#movebox {
      width:950px; 
	  clear:both; 
	  height:190px; 
	  overflow:hidden;
	  position:relative; 
	  margin-left:auto; 
	  margin-right:auto;
	  margin-top:15px;
}
#movebox h2{ 
	overflow:hidden; 
    height: 50px;
	color:#fff;
	line-height: 50px;
	background:#f5a700;
	border-bottom:#c18401 solid 3px; 
	position:relative;
	margin-bottom:10px;
}
#movebox h2 em{ margin-left:15px;}
#movebox h2 span{ color:#999; font-weight:normal; font-size:12px; margin-left:10px;}
#scrollRow 
{
	float:left;
	width:950px;
	overflow:hidden;
}
#slide_left {
	position:absolute;
	left:0px;
}
#slide_right {
	position:absolute;
	right:0px;
}
#movcrl{ display:none;position:absolute;left:0px; top:65px; width:950px;height:140px; overflow:hidden; z-index:5000;}
#gsub {
	width:8000px;
	overflow:hidden;
	zoom:1;
}
#scrollRow ul {
	float:left;
}
#scrollRow li {
	float:left;
	width:200px;
	background:#f8f8f8;
	padding:10px;
	overflow:hidden;
	height:150px;
	border:#f8f8f8 solid 1px;
	list-style: none;
	margin-right:20px;
}
#scrollRow li a {
	display:table-cell;
	width:200px;
	width:180px;
	overflow:hidden;
}
#scrollRow li div {
	width:200px;
	height:120px;
}
#scrollRow li img {
	width:200px;
	height:120px;
}
#scrollRow li a:hover img {
}

#scrollRow li h3 {
	display:block;
	font-size:13px;
	width:160px;
	overflow:hidden;
	font-weight:normal;
	word-wrap: break-word; 
	white-space:nowrap;
	padding-top:10px;
	margin-left:auto;
	margin-right:auto;
	text-align:center;
}
#scrollRow li span {
	display:block;
	padding:0 10px;
	margin-top:10px;
	text-align:center;
}
#scrollRow li span a {
	display:inline;
	height:auto;
	color:#333;
	font-size:13px;
	
}
#scrollRow .tx{ display:none;}

/*==============================================================================================*/
/*movechat 图片视窗
/*==============================================================================================*/

.slideBox{ width:260px; height:340px; overflow:hidden; position:relative; }
.slideBox .hd{ height:20px; overflow:hidden; position:absolute; right:5px; bottom:0px; z-index:1; }
.slideBox .hd ul{ overflow:hidden; zoom:1; float:left;  }
.slideBox .hd ul li{ float:left; margin-right:2px;  width:15px; height:15px; line-height:14px; text-align:center; background:#76a402; color:#fff; cursor:pointer; }
.slideBox .hd ul li.on{ background:#ff9600; color:#fff; }
.slideBox .bd{ position:relative; height:100%; z-index:0;   }
.slideBox .bd li{ zoom:1; vertical-align:middle; }
.slideBox .bd img{ width:260px; height:340px; display:block;  }
/*==============================================================================================*/
/*浮动框
/*==============================================================================================*/
#gtop {
	width:50px;
	height:170px;
	bottom:40px;
	right:15px;
	position:fixed;
	z-index:990;
}
* html {
	background:url(*) fixed;
}
* html body {
	margin:0; height:100%;
}
* html #gtop {
	position:absolute;
	right:expression(documentElement.scrollLeft + documentElement.clientWidth - this.offsetWidth-40);
	top:expression(documentElement.scrollBottom + documentElement.clientHeight - this.offsetHeight-40);
}

.gtop-code {
}
.gtop-code a {
	display:block;
	width:50px;
	height:50px;
	text-indent:-999px;
	overflow:hidden;
	background:url(../images/gtop-code.png) 0 0 no-repeat;
}
.gtop-code a img {
	display:none;
	width:200px;
	height:200px;
	position:absolute;
	top:-10px;
	left:-200px;
}
.gtop-code a:hover img {
	display:block;
}
.gtop-gbook {
	display:block;
	position:relative;
	margin:15px 0 0 0;
}
.gtop-gbook a{
	display:block;
	width:50px;
	height:50px;
	text-indent:-999px;
	overflow:hidden;
	background:url(../images/gtop-gbook.png) 0 0 no-repeat;
}
.gtop-go {
	margin:0px 0 0 0;
}
.gtop-go a {
	display:block;
	width:50px;
	height:50px;
	text-indent:-999px;
	overflow:hidden;
	background:url(../images/gtop-go.png) 0 0 no-repeat;
}
/*==============================================================================================*/
/*ztab*/
/*==============================================================================================*/
#ztab {
	overflow:hidden;
	width:950px;
	position:relative;
}
#ztab .hd {
	display:block;
	overflow:hidden;
	height: 43px;
	background:#f8f8f8;
	padding-left:15px;
	font-weight:bold;
	padding-right:15px;
	background:#eeeeee url(../images/xbox_bg.png) repeat-x;
	border-bottom:#ef8700 solid 2px;
}
#ztab .hd li {
	margin-top:10px;
	height: 34px;
	float:left;
	font-size:14px;
	line-height:34px;
	text-align:left;
	margin-right:15px;
	padding:0px 15px;
	cursor:pointer;
	list-style:none;
	color:#999;
	background:#eeeeee;
	-moz-border-radius: 3px 3px 0 0;      /* Gecko browsers */
    -webkit-border-radius: 3px 3px 0 0;   /* Webkit browsers */
    border-radius:3px 3px 0 0;            /* W3C syntax */
}
#ztab .hd li:last-child{border-right:none;}
#ztab .hd li.selected {
	border-bottom: none;
	color:#FFF;
	background:#f0880d;
	-moz-border-radius: 3px 3px 0 0;      /* Gecko browsers */
    -webkit-border-radius: 3px 3px 0 0;   /* Webkit browsers */
    border-radius:3px 3px 0 0;            /* W3C syntax */
}
#ztab .hd .more{
	position:absolute;
	right:5px;
	bottom:5px;
	z-index:999;
	width:40px;
	height:25px;
	background:url(../images/more.png) no-repeat 0 center;
    display: block;
}
/*==============================================================================================*/
/*movechat 聊天框
/*==============================================================================================*/

#chat{
	width:188px;
	z-index:999999;
	position:absolute;
	top:-66px;
	left:-200px;
	border-right:#fff solid 12px;
	display:none;
	overflow:hidden;
    background-color:#ff8500; 
	
}
.chatbody{ float:left; line-height:200%;}
.chatbody a {color:#fff; text-decoration:none;}
.chatbody span { padding-left:10px; text-align:left; }
.chatbody ul{ margin-top:12px; margin-left:10px; margin-bottom:12px; list-style:none;}
.chatbody ul li{ margin-bottom:5px; padding-left:12px; text-align:left; list-style:none;}
.cthd{ height:35px; background-color:#F3F3F3;color:#fff; font-weight:bold; font-size:15px; text-align:center; padding-left:0px; border-bottom: #ccc solid 1px; line-height:35px; }
.ctft{ background-color:#F6F6F6;border-top:#E7E7E7 solid 1px; text-align:center; padding:10px;}