@charset "utf-8";
/* CSS Document */
body
{
	font-family: "Microsoft Yahei",Arial, Lucida Grande,Tahoma, sans-serif;
	font-size:12px;
	color:#4E4E4E;
	background:#fff url(bg.png) 0 0;
	text-align:justify; 	
	text-justify:inter-ideograph;
	line-height:22px;
}

body, p, h1, h2, h3, h4, h5, h6, ul,li, ul li, ol, ol li, input, select, textarea,dd
{
    margin: 0;
    padding: 0;
}
ul, ul li, ol, ol li
{
    list-style: none;
}

/* Firefox Scrollbar Hack - Do not remove */
html
{
	
    margin-bottom: 1px;
    height: 100% !important;
    height: auto;
}
img{text-decoration:none;border:0;}

/*----------- Clearfix -----------*/
.clearboth
{
    clear: both;
    height: 0;
    overProcess: hidden;
}
.padding18{padding:18px 0;}
a{ text-decoration:none;color:#666;}
a:hover{color:#f30;}
.dis{display:none;}

.iright .border0{border:0;}

#header,#icontent,#ifooter{width:1000px;margin:0 auto;clear:both;overflow:hidden;background:#fff;}
#header{height:90px;}
#header .logo{float:left;width:350px;margin-top:10px;}
#header .logo p{color:#ccc;display:none;}
#header .topcontent{float:right;width:600px;margin:20px 10px 5px;text-align:right;}
#header .topcontent span{font-size:14px;font-weight:bold;color:#F00;}
#header .menu{float:right;width:600px;height:25px;}
#header .menu li{float:left;width:72px;margin:0 15px;line-height:25px;font-size:14px;font-weight:bold;text-align:center;}
#header .menu .nomargin{margin:0 0 0 16px;}
#header .menu li a{color:#666;}
#header .menu li a:hover{color:#fff;}
.ihome #header .menu .home,.iabout #header .menu .about,.iservice #header .menu .service,.icase #header .menu .case,.inews #header .menu .news,.icontact #header .menu .contact, #header .menu li:hover{color:#fff;background:url(menu.png) 0 0 no-repeat;}
.ihome #header .menu .home a,.iservice #header .menu .service a,.icase #header .menu .case a,.inews #header .menu .news a,.icontact #header .menu .contact a,.iabout #header .menu .about a{color:#fff;}

.right-fix{ position:fixed;right:0;top:70px;background:url(right-fix.png) 0 0 no-repeat;width:155px;height:572px;}
.right-fix .qq{margin-top:262px;margin-left:30px;font-size:14px;}
.right-fix .qq li{margin:7px 0;}
.right-fix .qq a{color:#fff}
.right-fix .close{position:absolute;right:10px;font-weight: bold; cursor:pointer;}
.right-fix .messagea {width:100%;padding:8px 0;display:block;}
	
.ileft{width:258px;float:left;background:#888;position:relative;color:#eee}
.iright{width:712px;float:right;overflow:hidden;}

.ileft .ltitle{font-size:18px;padding-left:20px;background:#999;color:#fff;height:40px;line-height:40px;display:none;}
.ileft .icat{}
.ileft .icat li{background:url(HOME2-1_r3_c2.jpg) 20px 15px no-repeat;padding-left:50px;height:43px;line-height:45px;font-size:14px;font-weight:bold;}

.message li{ list-style:none;}
.message .ipriec{padding:5px 18px;}
.message .ipriec input{border:1px solid #ccc;height:35px;margin:5px 0;width:300px;}
.message .ipriec .prov{width:49%;height:35px;margin:5px 0;}
.message .ipriec .city{width:49%;height:35px;margin:5px 0;}
.message .ipriec .ctype{width:300px;height:35px;margin:5px 0;}
.message .ipriec .checkcode{width:120px}

.ileft .itel{padding:18px 0;}

.ileft .cytitle{font-size:18px;padding-left:20px;height:40px;}
.ileft .cytitle p{font-size:12px;color:#999;}

.ileft .iinfo{padding:0 20px;}
.ileft .iinfo p{ text-indent:2em;}


.ileft .icustomer{overflow:hidden;width:228px;margin:0 auto;}
.ileft .icustomer li{float:left;width:110px;padding:2px;overflow:hidden;height:80px;}
.ileft .icustomer li img{border:1px solid #eee}

.ileft .inews{padding:0 20px;}
.ileft .inews li{font-weight:bold;padding:0 0 20px 0;}
.ileft .inews li{font-weight:bold;}
.ileft .inews li p{font-weight:normal;color:#bbb;height:65px;overflow:hidden;}
.ileft .inews li a{color:#eee}

.ileft .nav li{background:url(icon2.png) 0 0 no-repeat;height:44px;line-height:44px;text-align:right;padding-right:45px;font-size:18px;margin-top:1px;}
.ileft .nav .on{background:url(icon2.png) 0 -43px no-repeat;position:inherit;margin-right:-15px;}

.ileft .nav .on a{color:#fff;}

.ileft .ipriec .con{width:100%;height:60px;}

.ibanner2{width:100%;position:relative;overflow:hidden;height:332px;}
.ibanner2 .bannernav{ position:absolute;z-index:1;top:0;left:0;}


.iright .ibanner{ position:relative;display:none;}
.iright .ibanner .bannernav{ position:absolute;z-index:1;top:0;left:0;}
.iright .ilist{overflow:hidden;padding:10px 0;}
.iright .ilist .sertitle{padding-left:30px;background:url(6414.png) right 0 no-repeat;font-size:14px;height:50px;line-height:50px;position:relative;}
.iright .ilist .sertitle img{ position:absolute;margin:15px 0 0 0;left:0;}
.iright .ilist .sertitle span{color:#F60;text-shadow:1px 1px 1px #000;padding:0 5px;font-size:18px;font-weight:bold}
.iright .ilist .sercontent{color:#999;}

.iright .ilist .serlist{overflow:hidden;padding:10px 0 0;}
.iright .ilist .serlist li{float:left;width:170px;margin:0 4px;}

.iright .ilist3{background:#f7f7f5;overflow:hidden;padding:5px;box-shadow: 0px 3px 15px #888;}
.iright .ilist3 dl{float:left;width:220px;margin:0 7px;}
.iright .ilist3 dt{font-size:14px;height:112px;line-height:40px;overflow:hidden;}
.iright .ilist3 dt strong{background:#f60;color:#fff;border-radius:10px;padding:4px 10px;box-shadow: 2px 3px 1px #888;}
.iright .ilist3 dt span{/*border-bottom:2px solid #f60;font-size:18px;*/}
.iright .ilist3 dt p{font-size:12px;color:#999;line-height:22px;}
.iright .ilist3 dd{clear:both;}

.slideBox{ width:220px; height:124px; overflow:hidden; position:relative;    } 
.slideBox1 .hd,.slideBox2 .hd,.slideBox3 .hd,.bannerBox .hd{ height:15px; overflow:hidden; position:absolute; right:10px; bottom:10px; z-index:1; display:none;} 
.bannerBox2 .hd{ height:15px; overflow:hidden; position:absolute; left:10px; bottom:10px; z-index:1; } 
.bannerBox2 .hd ul{ overflow:hidden; zoom:1; float:left;  } 
.bannerBox2 .hd ul li{ float:left; margin-right:5px;  width:15px; height:15px; line-height:14px; text-align:center; background:#fff; cursor:pointer; border-radius:3px;} 
.bannerBox2 .hd ul li.on{ background:#f60; color:#fff; } 
.slideBox .bd{ position:relative; height:100%; z-index:0;   } 
.slideBox1 .bd img,.slideBox2 .bd img,.slideBox3 .bd img{ width:220px; height:124px; }


/* 多个上滚动 - 图片- 公用类 */
.topLoop{ overflow:hidden; position:relative;}
.topLoop .hd{ overflow:hidden;  height:30px; background:#f4f4f4; display:none; }
.topLoop .hd .prev,.topLoop .hd .next{ display:block;  width:9px; height:10px; line-height:10px; float:right; margin-right:10px; margin-top:10px;  overflow:hidden;  
	 cursor:pointer; background:url("images/icoUp.gif") center no-repeat;}
.topLoop .hd .next{ background:url("images/icoDown.gif") center no-repeat;  }
.topLoop .hd ul{ float:right; overflow:hidden; zoom:1; margin-top:10px;  }
.topLoop .hd ul li{ position:relative; _display:inline; float:left;  width:10px; height:10px; overflow:hidden; background:#ccc; margin-right:10px; text-indent:-999px; cursor:pointer;
	-webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px; behavior: url(../PIE.htc);}
.topLoop .hd ul li.on{ background:#f00;  }
.topLoop .bd{ padding:0 17px;   }
.topLoop .bd ul{ overflow:hidden; zoom:1; }

.iright .ilist2 .ilist2left{width:537px;float:left;}
.iright .cytitle{font-size:18px;padding-left:10px;height:40px;line-height:40px;}
.iright .ilist2 .ilist2right{width:160px;float:right;background:#f7f7f5;margin-top:10px;}
.iright .ilist2 .ilist2right .xtitle{padding:10px 10px 10px 40px;text-shadow: 1px 1px 1px #000;
    font-size: 15px;
    color: #f90;
    font-weight: bold;}
	
.iright .ilist2 .ilist2right .proc1{background:url(process-tt1.png) 5px 6px no-repeat;}
.iright .ilist2 .ilist2right .proc2{background:url(process-tt2.png) 5px 6px no-repeat;}
.iright .ilist2 .ilist2right .proc3{background:url(process-tt3.png) 5px 6px no-repeat;}
/*
.iright .ilist2 .ilist2right .process{background:#eee;}
.iright .ilist2 .ilist2right .process-1{background:#E8F3FF;}
.iright .ilist2 .ilist2right .process-2{background:#FFECF5;}
*/
.iright .ilist2 .ilist2right .processlist{overflow:hidden;padding:5px;}
.iright .ilist2 .ilist2right .process li{background:url(process-3.png) 0 0 no-repeat;}
.iright .ilist2 .ilist2right .process-1 li{background:url(process-1.png) 0 0 no-repeat;}
.iright .ilist2 .ilist2right .process-2 li{background:url(process-2.png) 0 0 no-repeat;}
.iright .ilist2 .ilist2right .processlist li{float:left;width:66px;height:68px;margin:4px;text-align:center;}
.iright .ilist2 .ilist2right .processlist span{background-image:url(icon.png);width:30px;height:28px;display:block;margin:10px auto 5px;}

.iright .ilist2 .ilist2right .processlist .process1{ background-position:left 28px;}
.iright .ilist2 .ilist2right .processlist .process2{ background-position:-28px 28px;}
.iright .ilist2 .ilist2right .processlist .process3{ background-position:-57px 28px;}
.iright .ilist2 .ilist2right .processlist .process4{ background-position:-86px 28px;}
.iright .ilist2 .ilist2right .processlist .process5{ background-position:-111px 28px;}
.iright .ilist2 .ilist2right .processlist .process6{ background-position:-141px 28px;}
.iright .ilist2 .ilist2right .processlist .process7{ background-position:-169px 28px;}
.iright .ilist2 .ilist2right .processlist .process8{ background-position:-198px 28px;}
.iright .ilist2 .ilist2right .processlist .process9{ background-position:-226px 28px;}
.iright .ilist2 .ilist2right .processlist .process10{ background-position:-255px 28px;}
.iright .ilist2 .ilist2right .processlist .process11{ background-position:-284px 28px;}
.iright .ilist2 .ilist2right .processlist .process12{ background-position:-311px 28px;}
.iright .ilist2 .ilist2right .processlist .process13{ background-position:-340px 28px;}
.iright .ilist2 .ilist2right .processlist .process14{ background-position:-369px 28px;}


.iright .ilist2 .ilist2right .processlist .pli1:hover .process1{ background-position:left 0;}
.iright .ilist2 .ilist2right .processlist .pli2:hover .process2{ background-position:-28px 0;}
.iright .ilist2 .ilist2right .processlist .pli3:hover .process3{ background-position:-57px 0;}
.iright .ilist2 .ilist2right .processlist .pli4:hover .process4{ background-position:-86px 0;}
.iright .ilist2 .ilist2right .processlist .pli5:hover .process5{ background-position:-111px 0;}
.iright .ilist2 .ilist2right .processlist .pli6:hover .process6{ background-position:-141px 0;}
.iright .ilist2 .ilist2right .processlist .pli7:hover .process7{ background-position:-169px 0;}
.iright .ilist2 .ilist2right .processlist .pli8:hover .process8{ background-position:-198px 0;}
.iright .ilist2 .ilist2right .processlist .pli9:hover .process9{ background-position:-226px 0;}
.iright .ilist2 .ilist2right .processlist .pli10:hover .process10{ background-position:-255px 0;}
.iright .ilist2 .ilist2right .processlist .pli11:hover .process11{ background-position:-284px 0;}
.iright .ilist2 .ilist2right .processlist .pli12:hover .process12{ background-position:-311px 0;}
.iright .ilist2 .ilist2right .processlist .pli13:hover .process13{ background-position:-340px 0;}
.iright .ilist2 .ilist2right .processlist .pli14:hover .process14{ background-position:-369px 0;}

.iright .irightcontent{border-right:1px solid #eee;overflow:hidden;}
.iright .irightcontent .contenttitle{background:url(title.png) 0 0 no-repeat;width:712px;padding:45px 0 0 20px;}
.iright .irightcontent .contenttitle span{font-size:18px;padding-left:10px;
text-shadow:#fff 1px 0 0,#fff 0 1px 0,#fff -1px 0 0,#fff 0 -1px 0;
-webkit-text-shadow:#fff 1px 0 0,#fff 0 1px 0,#fff -1px 0 0,#fff 0 -1px 0;
-moz-text-shadow:#fff 1px 0 0,#fff 0 1px 0,#fff -1px 0 0,#fff 0 -1px 0;
*filter: Glow(color=#fff, strength=1);}
.iright .irightcontent .allinfo{margin-top:20px;font-size:14px;padding-right:5px;line-height:24px;}
.iright .irightcontent .slist{overflow:hidden;}
.iright .irightcontent .slist li{float:left;margin:10px 14.6px;width:110px;border:1px solid #eee;height:80px;}
.iright .irightcontent .customecontent{margin:10px 0;}
.iright .irightcontent .customecontent p{ text-indent:2em;}
.iright .irightcontent .allinfo .video{width:650px;margin:20px auto;}
.iright .irightcontent .allinfo video{width:650px;margin:0 auto;}

.iright .news li{margin:10px 0;clear:both;overflow:hidden;}
.iright .news li .imgs{float:left;width:150px;margin-right:18px;}
.iright .news li .fonts{float:right;width:540px;font-size:16px;}
.iright .news li .fonts p{color:#999;font-size:12px;}
.iright .news li img{width:150px; height:120px;}

.iright .allinfo h1{font-size:20px;text-align:center;margin:20px 0;}
.iright .irightcontent h2{margin:20px 0;}
.iright .allinfo .serice-table td{font-size:12px;vertical-align:top;padding:5px 0;}
.iright .allinfo .serice-table td b{font-size:16px;}

/*公司文化*/

.iright .allinfo .serice-table td{font-size:12px;vertical-align:top;padding:5px 0;}
.iright .allinfo .serice-table td b{font-size:16px;}

.prolist{overflow:hidden;}
.prolist li{float:left;width:217px;margin:10px;overflow:hidden;text-align:center;}
.iright .page{clear:both;margin:10px 0;text-align:center;}

#ifooter{background:#000;}
#ifooter .fmenu-bg{background:#0166b6;overflow:hidden;}
#ifooter .fmenu{height:35px;width:612px;margin:0 auto;}
#ifooter .fmenu li{float:left;width:72px;margin:0 15px;line-height:35px;font-size:14px;font-weight:bold;text-align:center;}
#ifooter .fmenu li a{color:#fff}

#ifooter .fcontent{width:545px;margin:5px auto;overflow:hidden;}
#ifooter .fcontent .copyright{text-align:center;}
#ifooter .fcontent .weixin{float:right;width:140px;display:none;}



#lightbox, #lightbox-overlay {
	position: absolute;
	top: 0px;
	left: 0px;
	bottom:auto;
	right:auto;
	
	z-index:100;
	width:100%;
	height:auto;
	
	text-align:center;
	color:#333333;
	
	/* stop stupid conflicts */
	margin:0px;
	padding:0px;
	border:none;
	outline:none;
	line-height:0;
	
	/* general conflict stopper */
	text-decoration:none;
	background:none;
	word-spacing:normal;
	letter-spacing:normal;
	float:none;
	clear:none;
	display:block;
}

#lightbox a, #lightbox a:link, #lightbox a:visited, #lightbox a:hover {
	text-decoration:underline;
	color:#999999;
}

#lightbox-overlay {
	z-index: 90;
	background-color:#000000;
	height: 100%;
	position:fixed;
}
#lightbox-overlay-text {
	text-align: right;
	margin-right: 20px;
	margin-top: 20px;
	color: white;
	font-size: 12px;
	cursor: default;
	line-height:normal;
}
#lightbox-overlay-text a, #lightbox-overlay-text a:hover, #lightbox-overlay-text a:visited, #lightbox-overlay-text a:link {
	color:white;
}
#lightbox-overlay-text span {
	padding-left:5px;
	padding-right:5px;
}

#lightbox img, #lightbox a img, #lightbox a { border:none; outline:none; }

#lightbox-imageBox {
	position:relative;
	border:1px solid #333333;
	background-color:white;
	width:400px;
	height:400px;
	margin:0 auto;
}

#lightbox-imageContainer {
	padding:1px;
}

#lightbox-loading {
	position:absolute;
	top:40%;
	left:0%;
	height:25%;
	width:100%;
	text-align:center;
	line-height:0;
}

#lightbox-nav {
	position:absolute;
	top:0;
	left:0;
	height:100%;
	width:100%;
	z-index:10;
}
/* #lightbox-imageBox > #lightbox-nav { left: 0; } 
#lightbox-nav a { outline: none; }*/


#lightbox-nav-btnPrev, #lightbox-nav-btnNext {
	display:block;
	width:49%;
	height: 100%;
	background:transparent url("../images/blank.gif") no-repeat; /* Trick IE into showing hover */
	/* cursor:pointer; */
	zoom:1; /* who knows why? */
	
	padding:0px;
	margin:0px;
}
#lightbox-nav-btnPrev { 
	left:0;
	right:auto;
	float:left;
}
#lightbox-nav-btnNext { 
	left:auto;
	right:0;
	float:right;
}
/*
.preload_largeLink, #prevLink:hover, #prevLink:visited:hover {
	background:url("../images/prev.gif") left 45% no-repeat;
}
.preload_nextLink, #nextLink:hover, #nextLink:visited:hover {
	background:url("../images/next.gif") right 45% no-repeat;
}
*/

#lightbox-infoBox {
	font:10px Verdana, Helvetica, sans-serif;
	background-color:#FFFFFF;
	margin:0 auto;
	padding:0px;
	
	/* width: 100%;
	padding: 0 10px 0; */
}

#lightbox-infoContainer {
	padding-left:10px;
	padding-right:10px;
	padding-top:5px;
	padding-bottom:5px;
	color:#666;
	
	line-height:normal;
	/* height:30px; */
}
#lightbox-infoHeader {
	width:100%;
	text-align:center; 
}
#lightbox-caption {
	text-align:justify;
}
#lightbox-caption-title {
	font-weight:bold;
	font-size:12px;
}
#lightbox-caption-description {
	font-weight:normal;
	font-size:12px;
}

#lightbox-infoFooter {
	margin-top:3px;
	color:#999999;
}
#lightbox-currentNumber {
	display:block;
	width:49%;
	float:left;
	text-align:left;
}
#lightbox-close {
	display:block;
	width:45%;
	float:right;
	text-align:right;
}
#lightbox-close-button{
	padding-left:30%;
}
#lightbox-close-button:hover {
	color:#666666;
}

#lightbox-infoContainer-clear {
	clear:both; 
	visibility:hidden;
}
/*
#lightbox{
	position: absolute;
	left: 0;
	width: 100%;
	z-index: 100;
	text-align: center;
	line-height: 0;
	}

#lightbox a img{ border: none; }

#outerImageContainer{
	position: relative;
	background-color: #fff;
	width: 250px;
	height: 250px;
	margin: 0 auto;
	}

#imageContainer{
	padding: 10px;
	}

#loading{
	position: absolute;
	top: 40%;
	left: 0%;
	height: 25%;
	width: 100%;
	text-align: center;
	line-height: 0;
	}
#hoverNav{
	position: absolute;
	top: 0;
	left: 0;
	height: 100%;
	width: 100%;
	z-index: 10;
	}
#imageContainer>#hoverNav{ left: 0;}
#hoverNav a{ outline: none;}

#prevLink, #nextLink{
	width: 49%;
	height: 100%;
	background: transparent url(../images/blank.gif) no-repeat; 
	display: block;
	}
#prevLink { left: 0; float: left;}
#nextLink { right: 0; float: right;}
#prevLink:hover, #prevLink:visited:hover { background: url(../images/prevlabel.gif) left 15% no-repeat; }
#nextLink:hover, #nextLink:visited:hover { background: url(../images/nextlabel.gif) right 15% no-repeat; }


#imageDataContainer{
	font: 10px Verdana, Helvetica, sans-serif;
	background-color: #fff;
	margin: 0 auto;
	line-height: 1.4em;
	}

#imageData{	padding:0 10px; color: #666; }
#imageData #imageDetails{ width: 70%; float: left; text-align: left; }	
#imageData #caption{ font-weight: bold;	}
#imageData #numberDisplay{ display: block; clear: left; padding-bottom: 1.0em;	}			
#imageData #bottomNavClose{ width: 66px; float: right;  padding-bottom: 0.7em;	}	
		
#overlay{
	position: absolute;
	top: 0;
	left: 0;
	z-index: 90;
	width: 100%;
	height: 500px;
	background-color: #000;
	filter:alpha(opacity=60);
	-moz-opacity: 0.6;
	opacity: 0.6;
	}
	

.clearfix:after {
content: ".";
display: block;
height: 0;
clear: both;
visibility: hidden;
}

.clearfix {display: inline-block;}

*/