@charset "utf-8";
.banner{ width:100%; height:150px;margin-top:48px;background:url(../images/about.jpg) center top;
background-size:100% 100% ;
}
.banner h3{ width:988px; margin:0 auto; line-height:150px; font-size:30px; 
font-weight:400; padding-left:80px; color:#FFF; text-align:left;
text-shadow:1px 1px rgba(0,0,0,.2);
}
.main {margin:10px auto; background:#EEE;line-height:180%;
width:988px;
min-height:200px
}
.main .mainleft {
    float: left;
    width: 180px;
    margin-right: 30px;
	min-height:300px;/* overflow:hidden*/
    }
.main .conent, .main .mainright {
    float: left;
    width: 770px;
    overflow: hidden;
	min-height:360px;
    }
.leftmenu { width: 180px;}
.leftmenu li {
    margin-bottom: 6px;
    }
.leftmenu a {
    display: block;
    height: 30px;
    line-height: 30px;
    padding-left:15px;
    background-color: #dae6f0;

    }
.leftmenu a:link, .leftmenu a:visited {
    color: #333;
    text-decoration: none;
    }
.leftmenu a.current, .leftmenu a.current:link, .leftmenu a.current:visited, .leftmenu a:hover, .leftmenu a:active {
    color: #FFF;
    background-color: #f93;
    }
.leftmenu .currents{height: 30px;line-height: 30px; padding-left:15px;color:#FFF;
	background-color: #069; font-weight:600}
.leftmenu .currents-prod{height: 30px;line-height: 30px;  padding-left:15px; color:#FFF;
	background-color: #060; font-weight:600}
.article-content {
    font-size: 117%;
    padding: 0 10px 10px;
    line-height: 30px;
    }
.article-hd {
    border-bottom: 1px solid #CCC;
	width:100%; height:30px; line-height:30px;overflow:hidden;margin:0 0 10px;
    }
.article-bd {
    padding-bottom: 10px;
    }
.article-bd .title {
    font-size: 150%;
    color: #06c;
    font-weight: 100;
    line-height: 180%;
    margin-bottom: 12px;
	text-align:center
    }
.article-bd .container {
    font-size: 100%;
    line-height: 200%;
    padding-bottom: 12px;
    }
.article-bd .container p {
    padding-bottom: 0.8em;
    }
.article-bd .container img {
    display: block; margin:0 auto
    }
.article-bd .extrainfo {
    border-top: 1px #ccc dashed;
    line-height: 200%;
    padding: 8px 5px; margin:0
    }
.article-bd .list {
    padding-left: 18px;
    font-size: 14px;
    }
.article-bd .list li {
    padding: 5px 12px;
    color: #666;  font-size: 14px;
    background: url(../images/arrow-grey.gif) no-repeat 0 center;
    }
	
.article-bd .list-search li {
    padding: 0 0 5px 0;
	margin:0 0 20px 0;
    color: #666;  font-size: 14px;
    background:none;
	border-bottom:1px dashed #999
    }
.article-bd .list-search li h3,.article-bd .list-search li p{ padding:0; margin:0}
.article-bd .list li span{ float:right; font-size:12px;color:#555}
/*==== product and case ============*/
.listbox-case, .listbox-prod{padding:15px 0 0 0;}
.listbox-case ul, .listbox-prod ul{margin:0; padding:0; list-style:none}
.listbox-case ul li{}
.listbox-prod ul li,.listbox-case ul li{width:230px; height:188px;float:left; margin:0 22px 25px 0px; text-align:center;padding:0; position:relative}
.listbox-case ul li img, .listbox-prod ul li img{background:url(../images/loading.gif) no-repeat center center; border:0;margin:0; padding:0;
 vertical-align:middle; width:230px; height:188px}
.listbox-case ul li p, .listbox-prod ul li p{
width:230px; height:30px;margin:0; margin:0 auto;line-height:30px; text-align:center; overflow:hidden; padding:0; position:absolute; bottom:0; background:#000;
filter:alpha(opacity=55); -moz-opacity:0.55; -khtml-opacity: 0.55; opacity: 0.55;/*透明*/ 
}
.listbox-case ul li p b, .listbox-prod ul li p b{font-weight:normal}
.listbox-case ul li p a, .listbox-prod ul li a{color:#FFF;text-decoration:none}
.listbox-case ul li p a:hover, .listbox-prod ul li a:hover{color:#f60;}



/*---------- viewbox ---------*/
.viewbox .info{
	height:24px;
	line-height:17px;
	text-align:center;
	overflow:hidden;
	color:#666; padding-bottom:10px
}
.viewbox .info small{
	margin-left:8px;
	margin-right:3px;
	color:#999;
	font-size:12px;
}
.viewbox .info a{
	color:#690;
}
.viewbox .intro{
	width:90%;
	padding:8px 16px;
	line-height:24px;
	background:#f5fcee;
	border:1px solid #DCDDDD;
	font-size:14px;
	color:#706A6A;
	margin:8px auto 0 auto;
}
.viewbox .dede_pages {
	width:96%;
	position:relative;
	text-align:center;
	margin:0 auto;
	/*min-height:60px;*/
}
.viewbox .dede_pages ul {
	float:left;
	position:relative;
	left:50%;
	padding:12px 0px 0px 10px;
}
.viewbox .dede_pages ul li {
	position:relative;
	right:50%;
	float:left;
	line-height:30px;
	font-family:Tahoma;
	line-height:17px;
	margin-right:6px;
	border:1px solid #ccc;
}
.viewbox .dede_pages ul li.indexend {
	padding:2px 4px 2px;
}
.viewbox .dede_pages ul li a {
	float:left;
	padding:2px 6px 2px;
	display:block;
}
.viewbox .dede_pages ul li a:hover {
	text-decoration:none;
	padding:2px 6px 2px;
	color:#FFF;
	background:#008bd6
}
.viewbox .dede_pages ul li.thisclass,.viewbox .dede_pages ul li.thisclass a,.pagebox ul li.thisclass a:hover {
	padding:2px 6px 2px;
	font-weight:bold;
	color:#FFF;
	background:#008bd6
}
.viewbox .dede_pages .pageinfo {
	line-height:21px;
	padding:12px 10px 12px 5px;
	color:#999;
}
.viewbox .dede_pages .pageinfo strong {
	color:#555;
	font-weight:normal;
	margin:0px 2px;
}
/* =============== DEFAULT HTML - BUTTONS =============== */
.button {
	color: #FFF;
	border: none;
	text-indent: 0;
	cursor: pointer;
	font-size: 18px;
	font-weight: 400;
	padding: 5px 20px;
	background-color: #069;
display: inline-block;	
border-radius: 5px; /* 所有角都使用半径为5px的圆角，此属性为CSS3标准属性 */ 
-moz-border-radius: 5px; /* Mozilla浏览器的私有属性 */ 
-webkit-border-radius: 5px; /* Webkit浏览器的私有属性 */ 
border-radius: 3px 3px 3px 3px; /* 四个半径值分别是左上角、右上角、右下角和左下角 */ 
		}
.button:hover {
	text-decoration: none;
	background-color: #FF6600;
	border-radius: 5px; /* 所有角都使用半径为5px的圆角，此属性为CSS3标准属性 */ 
-moz-border-radius: 5px; /* Mozilla浏览器的私有属性 */ 
-webkit-border-radius: 5px; /* Webkit浏览器的私有属性 */ 
border-radius: 3px 3px 3px 3px; /* 四个半径值分别是左上角、右上角、右下角和左下角 */ 		
}
.recommend{ width:98%; margin:0 auto; padding:0 0 20px; font-size:16px; font-weight:400}
.recommend a{width:160px;display:block;text-decoration: none;
	background-color: #FF6600;
	border-radius: 5px; /* 所有角都使用半径为5px的圆角，此属性为CSS3标准属性 */ 
-moz-border-radius: 5px; /* Mozilla浏览器的私有属性 */ 
-webkit-border-radius: 5px; /* Webkit浏览器的私有属性 */ 
border-radius: 3px 3px 3px 3px; /* 四个半径值分别是左上角、右上角、右下角和左下角 */ margin:0 auto; padding:2px 10px; text-align:center;color:#FFF}

.recommend a:hover{width:160px;display:block;text-decoration: none;
	background-color: #069;
	border-radius: 5px; /* 所有角都使用半径为5px的圆角，此属性为CSS3标准属性 */ 
-moz-border-radius: 5px; /* Mozilla浏览器的私有属性 */ 
-webkit-border-radius: 5px; /* Webkit浏览器的私有属性 */ 
border-radius: 3px 3px 3px 3px; /* 四个半径值分别是左上角、右上角、右下角和左下角 */ margin:0 auto; padding:2px 10px; text-align:center}

.spanclass {
	display:none
}

/*s产品目录树*/
.prod-tree{width:180px;height:auto;float:left;position:relative;z-index:20}
.prod-menu li{width:180px;height:30px;line-height:30px;float:left;margin-bottom: 6px;}
.prod-menu h3{height:30px;line-height: 30px; padding-left:15px;color:#FFF;background-color:#0676b3;
font-weight:600; font-size:14px;margin-bottom: 6px;}
.prod-menu li a{font-size:14px;padding-left:15px;cursor:pointer;
display: block;
height: 30px;
line-height: 30px;
background-color: #008bd6;color:#FFF;
}
.prod-menu li a span{display:block;height:30px;}
.prod-menu li.hover{}
.prod-menu li.hover a{color:#FFF; background:#F60}
.prod-menu ul ul{display:none}
.prod-menu ul li.hover ul{left:180px;margin-top:-30px;width:160px;z-index:30;position:absolute;height:auto;overflow:hidden}
.prod-menu ul li.hover ul li{height:30px;padding:0; margin:0}
.prod-menu ul li.hover ul{display:block}
.prod-menu ul li.hover ul li a{height:30px;line-height:30px;font-size:14px;padding-left:20px;color:#000;}
.prod-menu ul li.hover ul li a:hover{ background:#090}
/*e产品目录树*/

.f5{width:100%;overflow:hidden;clear:both;padding-bottom:10px;height:auto;}.f5 li{float:left;line-height:22px;padding:8px 10px 0px;white-space:nowrap;}.f5 li a{float:left;}.f5 li a img{border:3px solid #EEE;}.linkbox{border-bottom:1px #cdcdcd solid;padding:0 0 0px 0}.linkbox h3{font-size:14pt;font-weight:normal;padding:15px 0;border:none}.f6{width:100%;overflow:hidden;clear:both;padding-bottom:10px;}.f6 li{float:left;line-height:180%;padding:0px 10px 0px;white-space:nowrap;}.f6 li a{float:left;}.text_tags a{background:#f60;width:auto;height:24px;padding:0 5px;line-height:24px;color:#FFF}.text_tags a:hover{background:#008bd6;width:auto;height:24px;padding:0 5px;line-height:24px;color:#FFF}

.tags_list dd{
	padding:4px 12px;
	line-height:220%;
}
.tags_list dd a{
	margin-right:10px;
	white-space:nowrap;
}
.tagc1{
	font-size:12px;
	color:#666;
}
.tagc2{
	font-size:14px;
	font-weight:bold;
	color:#555;
}

.flinkbox{
	padding:4px 10px;
}
.formbox{
	width:100%;
	margin:0px auto;
}
/*s prod_detail*/
#preview{float:left;text-align:center;width:370px;height:360px;overflow:hidden;padding:20px 0 0 0px;}.pic_r{width:366px;height:360px;float:left;padding:20px 0 0 30px;position:relative}.pic_r h2{color:#008bd6;font-size:16px;font-family:"Microsoft YaHei";margin-bottom:9px;width:100%;padding:0}.pic_r ul li{line-height:24px;}.pic_r ul li small{font-size:10pt;font-weight:600;padding-right:10px}.pic_r ul li span#hits{padding-right:10px}.pic_r h5{position:absolute;left:30px;bottom:30px}.pic_r form{position:absolute;left:45px;bottom:30px}.pic_r .email{ margin-top:15px; border:0;font-size:12pt;width:98px;height:30px;line-height:30px;color:#FFF;display:block;background:#F60;font-family:Arial,Helvetica,sans-serif;cursor:pointer;border-radius: 5px; /* 所有角都使用半径为5px的圆角，此属性为CSS3标准属性 */ 
-moz-border-radius: 5px; /* Mozilla浏览器的私有属性 */ 
-webkit-border-radius: 5px; /* Webkit浏览器的私有属性 */ 
border-radius: 3px 3px 3px 3px; /* 四个半径值分别是左上角、右上角、右下角和*/}
.pic_r .email:hover{background:#F90;}

.pic_body {padding:0 0 20px 0; line-height:22px; width:98%; overflow:hidden; position:relative}
.pic_body h2{ font-size:12pt; padding:20px 0 0 0; border-bottom:2px solid #0CF}
.pic_body h2 span{ width:112px; height:30px; font-weight:400; line-height:30px;background:#0CF; display:block; text-align:center; color:#FFF;border-radius: 5px; /* 所有角都使用半径为5px的圆角，此属性为CSS3标准属性 */ 
-moz-border-radius: 5px; /* Mozilla浏览器的私有属性 */ 
-webkit-border-radius: 5px; /* Webkit浏览器的私有属性 */ 
border-radius: 3px 3px 0px 0px; /* 四个半径值分别是左上角、右上角、右下角和*/}
.pic_body p{ padding:5px 0}
/*e prod_detail*/

/*s honor*/
.honor img{background:url(../images/loading.gif) no-repeat center center; border:0;padding:0 8px 15px 8px;margin:0; vertical-align:middle; width:230px; height:178px; float:left; display:block; overflow:hidden;}
/*e honor*/
#sidebar-follow{ z-index:2}


.feedback input,.feedback textarea{vborder-radius: 4px; /* 所有角都使用半径为5px的圆角，此属性为CSS3标准属性 */ 
-moz-border-radius: 4px; /* Mozilla浏览器的私有属性 */ 
-webkit-border-radius: 4px; /* Webkit浏览器的私有属性 */ 
border-radius: 4px 4px 4px 4px; /* 四个半径值分别是左上角、右上角、右下角和左下角 */ 
overflow-y:auto;font-size:14px;}
.went,.went01{padding:3px;width:360px;height:20px;line-height:20px;background-color:#f5f5f5;border:#ccc 1px solid;}
.went03{padding:3px;background:#f5f5f5 url(/images/logo_bg.gif) no-repeat center center;width:360px;height:130px;border:#ccc 1px solid;}
.went04{padding:3px;width:480px;height:20px;line-height:20px;background-color:#f5f5f5;border:#ccc 1px solid;}
.went05{padding:3px;background:#f5f5f5 url(/images/logo_bg.gif) no-repeat center center;width:480px;height:160px;border:#ccc 1px solid;}
.validatecode{padding:3px;width:80px;height:20px;line-height:20px;background-color:#f5f5f5;border:#ccc 1px solid;}
.went:hover,.went01:hover,.went03:hover,.went04:hover,.went05:hover,.validatecode:hover{border:#f60 1px solid;}.feedback form{padding:10px 0 0 0}
.feedback dl,dd{margin:0 auto;width:560px; padding:15px}
.feedback dd{line-height:30px;padding:5px 0; width:560px; display:block;text-indent:1em;}
.feedback dd span{display:block;float:left;font-size:14px;text-indent:0em;width:100px;text-align:right;}
.feedback dd strong{display:block;float:left;font-size:14px;text-indent:0em;width:120px;text-align:right;}

#fontzoom{ width:100%; overflow:hidden}