﻿@charset "utf-8";/*powered by www.youjoys.com QQ:84797778*/
.banner{ width:100%; height:180px;margin-top:134px; background:url(../images/banner.jpg) no-repeat center top;min-width: 1148px;}
.job{text-indent:-9999em}
.job h3{ width:1148px; margin:0 auto; line-height:180px; font-size:30px; font-weight:400;  padding-left:80px; color:#eee}
.about{ text-indent:-9999em}
.honor_banner{text-indent:-9999em}
.error404{}
.error404 h3{ width:1148px; margin:0 auto; line-height:180px; font-size:30px; font-weight:400; padding-right:80px; color:#069; text-align:right}
.about h3{ width:1148px; margin:0 auto; line-height:180px; font-size:30px; font-weight:400; color:#333; text-align:left}
.news{ text-indent:-9999em}
.support{ }
.support h3{ width:1148px; margin:0 auto; line-height:180px; font-size:30px; font-weight:400;color:#FFF; text-align:center}
.news h3{ width:1148px; margin:0 auto; line-height:180px; font-size:30px; font-weight:400;}
.order{ text-indent:-9999em}
.order h3{}
.fuwu_banner{ text-indent:-9999em}
.fuwu_banner h3{}
.partner{}
.partner h3{ width:1148px; margin:0 auto; line-height:180px; font-size:30px; font-weight:400; padding-right:80px; color:#069; text-align:right;}
.cenghuo{ text-indent:-9999em}
.cenghuo h3{}
.contact{ text-indent:-9999em}
.cenghuo h3{}

.main {margin:10px auto; background:#FFF;line-height:180%;
width:1148px;
min-height:200px
}
.main .mainleft {
    float: left;
    width: 230px;
    margin-right: 30px;
	min-height:300px;/* overflow:hidden*/
    }
.main .conent, .main .mainright {
    float: left;
    width: 888px;
    overflow: hidden;
	min-height:360px;
    }
.leftmenu { width: 230px;}
.leftmenu li {
    margin-bottom: 6px;
    }
.leftmenu a {
    display: block;
    height: 30px;
    line-height: 30px;
    padding-left:50px;
    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:50px;color:#FFF;
	background: #058393 url(../images/about_ico.html) no-repeat 30px center; font-weight:600; font-size:16px}
.leftmenu .currents-prod{height: 30px;line-height: 30px;  padding-left:50px; 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: #0390a2;
    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-prod{padding:15px 0 0 0;}
.listbox-prod ul{margin:0; padding:0; list-style:none}
.listbox-prod ul li img{background:url(../images/loading.html) no-repeat center center; border:0;margin:0; padding:0; vertical-align:middle; width:260px; height:188px}
.listbox-prod ul li p{background: #000;filter: alpha(opacity=60);-moz-opacity:0.6; -khtml-opacity: 0.6; opacity: 0.6;width:260px; height:36px;overflow:hidden; margin:0; padding:0;white-space:nowrap;line-height:36px; text-align:center; position:absolute; bottom:0; left:0;z-index:1}
.listbox-prod ul li p b{font-weight:normal}
.listbox-prod ul li a{color:#ffc;text-decoration:none}
.listbox-case ul li p a:hover, .listbox-prod ul li a:hover{color:#ff0;}

.listbox-prod ul li{width:260px; height:188px;float:left; margin:0 10px 25px 15px; text-align:center;padding:0;position:relative; z-index:1}

/*---------- 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:#0390a2
}
.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:#0390a2
}
.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: #0390a2;
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: #FF9d00;
	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:50px;color:#FFF;background-color:#069;
font-weight:600; font-size:14px;margin-bottom: 6px;}
.prod-menu li a{font-size:14px;padding-left:50px;cursor:pointer;
display: block;
height: 30px;
line-height: 30px;
background-color: #dae6f0;
}
.prod-menu li a span{display:block;height:30px;}
.prod-menu li.hover{}
.prod-menu li.hover a{color:#000; background:#f93}
.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;margin:8px 10px 0 15px;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; color:#454545}.f6 li a:hover{color:#FF9d00}.text_tags a{background:#f60;width:auto;height:24px;padding:0 5px;line-height:24px;color:#FFF}.text_tags a:hover{background:#0390a2;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 honor*/
.honor img{background:url(../images/loading.html) no-repeat center center; border:0; vertical-align:middle; width:260px; height:173px;}
.honor td{ width:280px}
.honor p{ text-align:center; width:100%; float:left; font-weight:600}
.honor_2 img{ float:left; margin:0 15px 15px 0}
/*e honor*/
#sidebar-follow{ z-index:2}


.mainleft .pic a {
	display:block;
	width:136px;
	height:59px;
	margin-top:21px;
	padding-left:94px;
	border-bottom:2px solid #d9d9d9;
	padding-top:31px;
}
.mainleft a.link-cp {
	background:url(../img/left_38.html) no-repeat left bottom;
}
.mainleft a.link-kf {
	background:url(../images/kefu.png) no-repeat left bottom;
}
.mainleft .pic a strong {
	color:#F60;
	font-size:18px;
	font-style:italic;
	display:block;
	font-weight:bold;
	margin-left:-10px;
}
.mainleft .pic a span {
	color:#bfbfbf;
	font-size:10px;
	font-style:italic;
	display:block;
	font-family:Arial,Helvetica,sans-serif;
	font-weight:bold;
	line-height:18px;
}

.newscon .newsT {
	height:44px;
	line-height:44px;
	margin-bottom:10px;
}
.newscon .newsT a.more {
	float:right;
	background:#ff6600;
	color:#fff;
	width:auto;
	padding:0 8px;
	height:18px;
	display:inline-block;
	line-height:18px;
	text-align:center;
	margin-top:14px;
}
.newscon .newsT h2 {
	color:#1a1a1a;
	font-size:24px;
	font-family:"Microsoft YaHei";
	display:inline-block;
	float:left;
	padding-left:5px; font-weight:600
}
.newscon .newsT h2 a{ color:#000}
.newscon .newsT h2 a:hover{ color:#e53639}
.newscon  dl.dl01 {
	background:url(../img/left_28.html) repeat-x left bottom;
	height:195px;
	margin-bottom:5px;
}
.newscon  dl.dl01 dt {
	float:left;
	width:238px;
}
.newscon  dl.dl01 dd {
	float:right;
	width:595px;
	line-height:25px;
	font-size:14px;
}
.newscon  dl.dl01 dt img {
	display:block;
	border:1px solid #d9d9d9;
	padding:4px;
}
.newscon  dl.dl01 dd h3 {
	color:#ff6600;
	font-size:20px;
	font-family:"Microsoft YaHei";
	margin-bottom:10px;
}
.newscon  dl.dl01 dd h3 a {
	color:#ff6600;
}
.newscon  dl.dl01 dd a.more {
	color:#ff6600
}
.newscon ul.ulb li {
	background:url(../img/recon_13.html) repeat-x left bottom;
	height:32px;
	line-height:32px;
	margin-bottom:4px;
}
.newscon ul.ulb li a {
	background:url(../img/about_03.html) no-repeat 2px center;
	padding-left:15px;
	font-size:14px;
}
.newscon ul.ulb li span {
	float:right;
	margin-right:2px;
	color:#999
}
.newscon ul.ulb li span.spec a {
	background:none
}
.newscon ul.ulb_down li {
	background:url(../img/recon_13.html) repeat-x left bottom;
	height:32px;
	line-height:32px;
	margin-bottom:4px;
	font-size:14px;
}
.newscon ul.ulb_down li h5 {
	background:url(../img/pdf_03.html) no-repeat 0px center;
	padding:0 0 0 20px;
	font-size:14px;
}
.newscon ul.ulb_down li span a {
	float:right;
	background:url(../img/down.html) no-repeat 0px center;
	padding:0 13px
}
.newscon ul.ulpic {
	background:url(../img/left_28.html) repeat-x left bottom;
	height:240px;
	width:100%;
	overflow:hidden;
}
.newscon ul.ulpic li {
	float:left;
	width:237px;
	text-align:center;
	height:148px;
	overflow:hidden;
	margin-right:19px;
}
.newscon ul.ulpic li.last {
	margin-right:0
}
.newscon ul.ulpic li img {
	display:block;
	width:240px;
	height:106px;
}
.newscon ul.ulpic li span {
	display:block;
	width:240px;
	font-family:"Microsoft YaHei";
	font-size:13px;
	line-height:26px;
	text-align:left;
	padding-top:5px;
}
.newscon01,.newscon02 {
	overflow:hidden;
	margin-bottom:17px;
}


#fontzoom hr{ height:1px;border:none;border-top:1px dashed #666;}

.job_table td,.job_table th{ 
border:1px solid #cad9ea; 
padding:0 1em 0; 
} 
.job_table tr.alter{ 
background-color:#f5fafe; 
} 
.des{ display:none}

.hk,.hk2,.sz,.dg,.usa,.NIGERIA{ width:100%;display:inline-table; padding:15px 0; border-bottom:1px solid #EEE}
.hk img,.hk2 img,.sz img,.dg img,.usa img,.NIGERIA img{ float:left; margin:0 10px 0 0}
.three{ 
empty-cells:show; 
border-collapse: collapse; 
margin:10px 0;
border:1px solid #cad9ea; 
color:#222; 
}
.three td{padding:5px;background:#FFF;border:1px solid #cad9ea;padding:5px } 

.three th { 
height:32px;line-height:32px;background-color:#385B85; text-align:left; color:#FFF
}
.three th{ 
border:1px solid #cad9ea; 
padding:2px 1em; 
} 