/* CSS Document */
BODY {
	font-family:'΢ÈíÑźÚ';
	 font-size:15px;
	 margin:0px;
	 padding:0px;
	 background-color:#FFFFFF;
}

.clear{clear:both;height:5px;}

a:link {font-size: 12px; text-decoration: none; color:#666666; font-family:'΢ÈíÑźÚ';}
a:visited {font-size: 12px; text-decoration: none;color:#66666;font-family:'΢ÈíÑźÚ';}
a:hover {font-size: 12px; text-decoration: none;color:#444444;font-family:'΢ÈíÑźÚ';}
img{ vertical-align:middle}

.aboutl ul{
	margin:0;
	padding:0;
	font-size:12px;
	list-style:none;
}
.aboutl ul li{
	text-align:left;
	height:25px;
	padding-left:50px;
}
.aboutl ul li a{
	font-size:12px;
	line-height:25px;
	height:25px;
	text-decoration:none;
	color:#9BBCDB
	
}
.aboutl ul li a:hover{
	font-size:12px;
	line-height:25px;
	height:25px;
	text-decoration:none;
	
}

.aboutl a:hover{
font-size:12px;
line-height:25px;
text-decoration:none;
color:#9BBCDB;
}

.bottom{color:#FFFFFF}
.bottom  a{color:#FFFFFF}
.bottom a:hover  a:link{color:#FFFFFF}




/*----------------------- top -----------------------------*/
.logo{width:500px; float:left}
.lx{width:240px; height:20px; float:right;padding-top:28px; font-size:16px}
.lx:hover{ color:#E00C19;line-height:20px;}



.line{ height:12px; background-image:url(../images/top_line.jpg)}
#daohang1{ font-size:14px; text-align:center; font-weight:800; background-color:#000000; height:52px;}
.daohang_menu{ margin:0 auto;width:1200px; height:52px; color:#666666;  padding-top:10px; padding-bottom:10px;}

.daohang_menu  a{  font-size:14px; float:left; width:149px; display:block; height:32px; color:#d2d1d1; border-right:1px solid #6e6e6e}

.daohang_menu  a div{ padding-top:10px;}

.daohang_menu  a:hover{line-height:20px; font-size:16px;}






.daohang a{ width:135px; float:left;display:block; border-right:1px solid #CCCCCC;}


.daohang  .suxian{ width:1px;}
.daohang  .suxian div { width:1px;padding-top:15px;}
.daohang b{ font-size:15px;}




#clients a{float:left;
background:url(../images/clientlogo.jpg) no-repeat;
display:block;
height:140px;
overflow:hidden;}

#clients .a1{ width:140px;background-position: -0px  -0px; }
#clients .a1:hover{ width:140px;background-position:-0px   -140px;}

#clients .a2{ width:200px;background-position: -140px  -0px; }
#clients .a2:hover{ width:200px;background-position:-140px   -140px;}

#clients .a3{ width:160px;background-position: -340px  -0px; }
#clients .a3:hover{ width:160px;background-position:-340px   -140px;}

#clients .a4{ width:160px;background-position: -500px  -0px; }
#clients .a4:hover{ width:160px;background-position:-500px   -140px;}

#clients .a5{ width:160px;background-position: -660px  -0px; }
#clients .a5:hover{ width:160px;background-position:-660px   -140px;}

#clients .a6{ width:180px;background-position: -820px  -0px; }
#clients .a6:hover{ width:180px;background-position:-820px   -140px;}





.leftcases{ line-height:5px;}
.leftcases  a{ width:244px; height:52px;display:block;}

.leftcases  .a1{background-image:url(../images1/biaozhi_w.jpg)}
.leftcases  .a1:hover{background-image:url(../images1/biaozhi_W-1.jpg)}

.leftcases  .a2{background-image:url(../images1/biaozhi_D.jpg)}
.leftcases  .a2:hover{background-image:url(../images1/biaozhi_D-1.jpg)}

.leftcases  .a3{background-image:url(../images1/biaozhi_B.jpg)}
.leftcases  .a3:hover{background-image:url(../images1/biaozhi_B-1.jpg)}

.leftcases  .a4{background-image:url(../images1/biaozi_H.jpg)}
.leftcases  .a4:hover{background-image:url(../images1/biaozhi_H-1.jpg)}

.leftcases  .a5{background-image:url(../images1/biaozhi_JC.jpg)}
.leftcases  .a5:hover{background-image:url(../images1/biaozhi_JC-1.jpg)}

.leftcases  .a6{background-image:url(../images1/biaozhi_JD.jpg)}
.leftcases  .a6:hover{background-image:url(../images1/biaozhi_JD-1.jpg)}

.leftcases  .a7{background-image:url(../images1/biaozi_HP.jpg)}
.leftcases  .a7:hover{background-image:url(../images1/biaozhi_HP-1.jpg)}

.leftcases  .a8{background-image:url(../images1/biaozhi_G.jpg)}
.leftcases  .a8:hover{background-image:url(../images1/biaozhi_G-1.jpg)}

.leftcases  .a9{background-image:url(../images1/biaozhi_F.jpg)}
.leftcases  .a9:hover{background-image:url(../images1/biaozhi_F-1.jpg)}


.leftservice{ line-height:5px;}

.leftservice a{width:244px; height:82px;display:block;}

.leftservice .a1{background-image:url(../images/huacequanan.jpg)}
.leftservice .a1:hover{background-image:url(../images/huacequanan-1.jpg)}

.leftservice .a2{background-image:url(../images/waidikehu.jpg)}
.leftservice .a2:hover{background-image:url(../images/waidikehu-1.jpg)}


.indexbody{ float:left; width:1200px;}

.indexbody  .index_anlie{float:center; width:1200px;}
.indexbody  .kongbai{float:left; width:20px;}


.myservice{ float:left; width:245px }
.srtitle{ font-size:14px; }
.srlist{ line-height:25px;}




/*-------------banner------------------*/
.bannerimg{ width:1000px; height:500px; overflow:hidden;}
.bannerimg a,.bannerimg a:hover{display:block; text-decoration: none; }
#bannerul {
	 Z-INDEX: 49; WIDTH: auto; POSITION: absolute; TOP:610px; right:180px; HEIGHT: 9px
}
#bannerul UL {
	DISPLAY: block; LIST-STYLE-TYPE: none
}
#bannerul UL LI {
	DISPLAY: block; FONT-SIZE: 0px; FLOAT: left; MARGIN-LEFT:4px; WIDTH:20px; CURSOR: pointer; HEIGHT:6px; background:#fff;
}



/*----------------------------- start elements------------------------------*/
.element { cursor:pointer; float:left; position:relative; overflow:hidden; height:auto; width:222px;background:#fff; }
.element-top { overflow:hidden; height:222px; width:100%; }
.element-bottom {background:#E4E4E4; height:30px; width:100%; }
.element-bottom h2, .element-bottom p { color:#666666; font-size:12px; line-height:30px; margin-left:8px; margin-bottom:0; }
.element-overlay { height:100%; width:100%; position:absolute; top:0; background:#E00C19; display: none;}
.element-overlay .table1 { position:relative; margin:36px 20px 0 12px; min-height:143px; }
.element-overlay .table1 h3 { color:#fff; font-family: "proxima-nova", sans-serif; font-weight:normal;  font-size:16px; line-height:30px; padding-left: 14px;}
.element-overlay .table1 h4 { color:#fff; font-family: "proxima-nova", sans-serif; font-weight:normal;  font-size:11px; line-height:20px; padding-left: 14px;}
.readmore{bottom:0px;position:absolute; }

.mac-os .element-overlay .table1 h3 { background-position:0px 2px; }

@-moz-document url-prefix() { 
  .mac-os .element-overlay .table1 h3 { background-position:0px 2px;}
}

.element-overlay .table1 h3 span { font-weight:normal; }
.element-overlay .table1 h4 { text-transform:uppercase; }
.element-overlay .table1 p { padding: 12px 20px 0px 17px; color:#fff; font-size:11px; line-height:18px; margin-bottom:0; }
/********** end elements **********/

.caselefttitle{
font-size:12px;
font-weight:700;
line-height:45px;
color:#000000;}
.caseli{
width:178px;}

.caseli ul{
	margin:0;
	padding:0;
	font-size:12px;
	list-style:none;
}
.caseli ul li{
	text-align:left;
	height:30px;
	background:url(../images/linebg.jpg);
	background-position: center bottom;
	background-repeat:no-repeat;
	width:178px;
}
.caseli ul li a{
	font-size:12px;
	line-height:25px;
	height:30px;
	text-decoration:none;
	color:#444444;
	padding-left:25px;
}
.caseli ul li a:hover{
	font-size:12px;
	line-height:25px;
	height:25px;
	text-decoration:none;
	color:#dc3861;
}

.cases{
width:945px;

}
.cases ul{
	margin:0;
	padding:0;
	font-size:12px;
}
.cases ul li{
	text-align:center;
	float:left; 
	display:block;
	color:#333333;
	width:231px;
	text-decoration:none;
	line-height:25px;
}
.cases ul li a{
	color:#666666;
	text-decoration:none;
	text-align:center;
	line-height:25px;
	width:223px;
}
.cases ul li a:hover{
	color:#dc3861;
	line-height:25px;
	width:223px;
}
.cases img { width:231px; height:137px;}


.title{
font-size:25px; 
line-height:40px;
color:#666666;
font-weight:700;}

.case{ position:relative; margin:0px auto 0 auto; width:736px; padding:0 0 0 0; background-color:#FFF;
border-bottom:#CCC 1px solid; border-left:#CCC 1px solid; border-right:#CCC 1px solid;
}
.case h2{ width:100%; height:27px; overflow:hidden; text-align:center;background:#e8e7e7;}
.case h2 span{ display:block; float:left; margin-right:1px; width:100x; height:27px; overflow:hidden; background:#e8e7e7; text-align:center; line-height:27px;}

.case h2 span a{ display:block; float:left; width:100px; height:27px; overflow:hidden; background:#e8e7e7; color:#333; }
.case h2 span a.hover{ background:url(../images/case_hover.png) no-repeat; font-weight:bold; color:#fff;}
.case_more{ position:absolute; right:0; width:520px; height:27px; overflow:hidden; background:#e8e7e7; text-align:right; line-height:27px;}
.case_more a{ color:#000; padding:0 8px 0 0;}
.case_more a:hover{ padding:0 8px 0 0; color:#c95d08;}


#hangye{ width:100%; margin:0px; background-color:#FFF; color:#131313; text-align:center}
#hangye .hy{ float:left; width:73px; height:27px; border:1px #C8C9CB solid; margin:3px; text-align:center; background-color:#F6F6F6; padding-top:7px;}

#hangye1 .hy{ float:left; width:82px; height:27px; border:1px #C8C9CB solid; margin:3px; text-align:center; background-color:#F6F6F6; padding-top:7px;}



.cons { border-color:#999999; border:solid thin }
.cons a:hover img { background: url(../images/item-on-hover.png) repeat; opacity:0.5; _background:none;_filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled='true', sizingMethod='scale', src="images/item-on-hover.png")}




.changeBox_a1 {
	FLOAT: left; WIDTH:1200px; HEIGHT:400px; margin:0 auto;
}
.changeBox_a1 .a_bigImg {
	DISPLAY: none; LEFT: 0px; POSITION: absolute;margin:0 auto;
}
.changeDiv {
	DISPLAY: none; LEFT: 2px; POSITION: absolute; TOP: 2px; margin:0 auto;
}
.changeDiv H3 {
	FILTER: alpha(opacity=70); LEFT: 0px; WIDTH: 650px; BOTTOM: 0px; LINE-HEIGHT: 30px; POSITION: absolute; HEIGHT: 30px; opacity: 0.7;margin:0 auto;
}
.changeDiv H3 A {
	DISPLAY: block; PADDING-LEFT: 15px; COLOR: #ff6600;margin:0 auto;
}

A im {
	
}
A:hover IMG {
	
}

.a_last {
	OVERFLOW: hidden; WIDTH: 23px; TEXT-INDENT: -999em; POSITION: absolute; TOP: 10px; HEIGHT: 37px
}
.a_next {
	OVERFLOW: hidden; WIDTH: 23px; TEXT-INDENT: -999em; POSITION: absolute; TOP: 10px; HEIGHT: 37px
}
.a_last {
	Z-INDEX: 999; background:url(../images/icons-sprite_nouveau.png) no-repeat 0 -120px; LEFT: 20px; TOP: 270px;
	height:121px;
	width:44px;
}
.a_next {
	Z-INDEX: 999; RIGHT: 20px; height:121px;
	width:44px;
	background:url(../images/icons-sprite_nouveau.png) no-repeat; TOP:270px
}

.wljgcp a:hover { background: url(../images/item-on-hover.png) repeat; opacity:0.5; _background:none;_filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled='true', sizingMethod='scale', src="images/item-on-hover.png")}

.footup {clear:both; height:35px; background-color:#000000; color:#CCCCCC; line-height:35px; font-size:12px;}
.footdown {background-color:#E00C19; height:80px; margin:0 auto;}
.footdown table {color:#FFFFFF; font-size:10px; padding-top:8px; }
.footdown td {padding-right:15px; padding-left:15px; padding-top:5px; padding-bottom:5px; border-right:1px solid #6e6e6e;}
.footdd {font-size:10px; color:#FFFFFF; padding-top:8px; }