*{margin:0;padding:0;}
.width{width:1000px;margin:0 auto;}
.l_float{float:left}
.r_float{float:right}
.clear{clear:both;}
a{text-decoration:none;}
li{list-style:none;}
img{border:none;}
.font{font-family:"微软雅黑"}

.header{
	height:28px;
	background-color:#4886fd;
	border-bottom:1px #002b79 solid;
}
.header ul li{
	float:right;
	line-height:28px;
	width:60px;
	padding-left:13px;
}
.header ul li a{
	color:#fff;
	font-size:12px;
}
.header ul li:hover a{
	border-bottom:1px #fff solid;
}
.header ul li img{
	padding-right:5px;
}

.nav{
	height:91px;
	background:#fff;
}
.nav .logo{
	margin-top:15px;	
}
.nav .nav_mid{
	padding-left:65px;
}
.nav .nav_mid li{
	float:left;
	width:71px;
	padding:40px 0 0 32px;
	font:15px/24px "微软雅黑";
}
.nav_mid li a{
	display:block;
	text-align:center;
	height:33px;
	color:#333;
}
.nav_mid li.shouye{
	background:url(../image/nav-ditu.jpg) no-repeat right 40px;
}
.nav_mid li.shouye a{
	color:#fff;
}
.nav_mid li a:hover{
	background:url(../image/nav-ditu.jpg) no-repeat center center;
	-webkit-transition:background 0.2s ease;
   -moz-transition:background 0.2s ease;
   -ms-transition:background 0.2s ease;
   -o-transition:background 0.2s ease;
   transition:background 0.2s ease;
	color:#fff;
}
.nav .form{
	width:200px;
	height:24px;
	padding-top:40px;
}
.nav .form .input{
	width:169px;
	background:url(../image/search.jpg) no-repeat;
	border:none;
	height:24px;
	line-height:24px;
	font-size:12px;
	color:#999;
	padding-left:5px;
}
/*#banner{
	height:450px;
	overflow:hidden;
	position:relative;
}
#list{
	width:8000px;
	height:450px;
	position:absolute;
	z-index:1;
}
#list img{
	float:left;
	position:relative;
	margin:0 auto;
	left:-130px;
}
#buttons{
	position:absolute;
	height:10px;
	width:100px;
	z-index:2;
	bottom:20px;
	left:50%;
}
#buttons span{
	cursor:pointer;
	float:left;
	border:1px #fff solid; 
	width:10px;
	height:10px;
	border-radius:50%;
	background:#333;
	margin-right:5px;
}
#buttons .on{
	background:#F30;
}
.arrow{
	cursor:pointer;
	width:40px;
	height:40px;
	text-align:center;
	position:absolute;
	z-index:2;
	top:200px;
	background-color:RGBA(0,0,0,.3);
}
.arrow img{
	padding-top:5px;
}
.arrow:hover{
	background-color:RGBA(0,0,0,.7);
}
#bannner:hove .arrow{
	display:block;
}
#prev{
	left:100px;
}
#next{
	right:100px;
}*/
.banner{
	height:450px;
	margin:0 auto;
}
.banner img{
	width:1600px;
	height:450px;
	position:relative;
	left:50%;
	margin-left:-800px;
}
.content{
	height:1115px;
	padding-top:46px;
	background:url(../image/content-bj.png);
}
.content_top{
	height:409px;
	padding-bottom:30px;
}
.content_top1{
	height:409px;
	width:325px;
	background:url(../image/content_top_bj.png) no-repeat;
}
.content_top1 img{
	margin:40px 0 4px 106px;
	transition:width .5s, height .5s;
    -moz-transition:width 1s, height .5s, -moz-transform .5s; /* Firefox 4 */
    -webkit-transition:width 1s, height .5s, -webkit-transform .5s; /* Safari and Chrome */
    -o-transition:width 1s, height .5s, -o-transform .5s; /* Opera */
}
.content_top1 img:hover{
	transform:rotateY(360deg);
    -moz-transform:rotateY(360deg); /* Firefox 4 */
    -webkit-transform:rotateY(360deg); /* Safari and Chrome */
    -o-transform:rotateY(360deg); /* Opera */
}
.content_top1 h1{
	color:#99cc33;
	text-align:center;
	font:34px/84px "微软雅黑";
	font-weight:bold;
}
.content_top1 p{
	color:#99cc33;
	text-align:center;
	font:15px/24px "微软雅黑";
}
.content_top1 span{
	text-align:center;
	width:134px;
	height:40px;
	display:block;
	background:url(../image/content_top1_x.png) no-repeat;
	margin:22px 0 0 102px;
}
.content_top1 span a{
	color:#99cc33;
	font-size:15px;
	line-height:40px;
	display:block;
}
.content_top1 span a:hover{
	background:url(../image/content_top1_xl.jpg) no-repeat;
	color:#fff;
}
.content_top2{
	margin-left:13px;
}
.content_top2 h1, .content_top2 p, .content_top2 span a{
	color:#ff9933;
}
.content_top2 span{
	background:url(../image/content_top2_x.jpg) no-repeat;
}
.content_top2 span a:hover{
	background:url(../image/content_top2_xc.jpg) no-repeat;
	color:#fff;
}
.content_top3{
	}
.content_top3 h1{
	color:#66ccff;
}
.content_top3 p{
	color:#66ccff;
}
.content_top3 span{
	background:url(../image/content_top3_x.jpg) no-repeat;
}
.content_top3 span a{
	color:#66ccff;
}
.content_top3 span a:hover{
	background:url(../image/content_top3_xl.jpg) no-repeat;
	color:#fff;
}
.content_bm{
	height:120px;
	padding-bottom:25px;
}
.content_bm h2{
	width:1000px;
	text-align:center;
	color:#595958;
	font:24px/28px "微软雅黑";
	font-weight:normal;
}
.content_bm img{
	padding:15px 0 15px 475px;
}
.content_bm p, h2, .content_bm ul a{
	color:#595958;
}
.content_bm p{
	width:1000px;
	text-align:center;
	font-size:12px;
	padding-bottom:28px;
}
.content_bm ul{
	padding-left:325px;
}
.content_bm ul li{
	font-size:14px;
	float:left;
	padding:0 27px;
	background:url(../image/case_fg.png) no-repeat left 4px;
}
.content_bm .li_one{
	background-image:none;
}
.content_bm ul li a{
}
.content_bm ul li a:hover{
	color:#ff9933;
}
.content_bm2{}
.content_bm2 .view{ width:230px; height:230px; overflow:hidden; float:left; position:relative; text-align:center;padding-bottom:26px;}
.view img{display: block; position: relative; }
.view .mask{  width: 230px; height: 230px; position: absolute; top:0px; left: 0px;}
.view a.info { background:url(../image/link.png) no-repeat scroll center center transparent; display: inline-block; text-decoration: none; padding: 0px; text-indent: -9999px; width: 20px; height: 20px; }
.view .third-effect{}
.third-effect .mask { opacity: 0; overflow: visible; border: 115px solid rgba(0, 0, 0, 0.7); box-sizing: border-box; transition: all 0.4s ease-in-out 0s; }
.third-effect a.info { position: relative; top: -10px; opacity: 0; transition: opacity 0.5s ease-in-out 0s; }
.third-effect:hover .mask { opacity: 1; border:115px solid rgba(0, 0, 0, 0.6); }
.third-effect:hover a.info { opacity: 1; transition-delay: 0.2s; }
.content_mg{
	margin-right:26px;
}
.suspend{width:40px;height:198px;position:fixed;top:200px;right:0;overflow:hidden;z-index:0;}
.suspend dl{width:120px;height:198px;border-radius:25px 0 0 25px;padding-left:40px;box-shadow:0 0 5px #e4e8ec;}
.suspend dl dt{width:40px;height:198px;background:url(../image/suspend1.png);position:absolute;top:0;left:0;cursor:pointer;}
.suspend dl dd.suspendQQ{width:120px;height:85px;background:#ffffff;}
.suspend dl dd.suspendQQ a{width:120px;height:85px;display:block;background:url(../image/suspend1.png) -40px 0;overflow:hidden;}
.suspend dl dd.suspendTel{width:120px;height:112px;background:#ffffff;border-top:1px solid #e4e8ec;}
.suspend dl dd.suspendTel a{width:120px;height:112px;display:block;background:url(../image/suspend1.png) -40px -86px;overflow:hidden;}
* html .suspend{position:absolute;left:expression(eval(document.documentElement.scrollRight));top:expression(eval(document.documentElement.scrollTop+200))}
/*#backtop{
	display:none;
	z-index:999;
}
#weixin{
	width:40px;
	height:40px;
	position:fixed;
	left:50%;
	bottom:392px;
	background:url(../image/erweima.jpg) no-repeat;
	margin-left:520px;
	cursor:pointer;
}
#weixin div{
	background:url(../image/erwei.png) no-repeat;
	width:194px;height:199px;
	position:absolute;
	left:-194px;
	top:-115px;
	opacity: 0;
	transform: scale(0);
	-webkit-transform: scale(0);
	transform-origin: 100% 70%;
	-webkit-transform-origin: 100% 70%;transition: transform ease .3s,opacity ease .3s;-webkit-transition: all ease .3s;
	display:none\0;*display:none;
	z-index:9999;
}
#weixin:hover div {
	display: block;
	transform: scale(1);-webkit-transform: scale(1);opacity: 1;
	*display:block;
}
#btn{
	width:40px;
	height:40px;
	position:fixed;
	left:50%;
	bottom:352px;
	background:url(../image/gotop.jpg) no-repeat;
	margin-left:520px;
	cursor:pointer;
}
#btn:hover{
	transition: background ease .6s;
	background:url(../image/gotop_2.jpg) no-repeat;
}*/
.footer{
	height:309px;
}
.footer_top{
	height:2px;
	background:url(../image/footer_mb.png);
}
.footer_mid{
	height:272px;
	background:url(../image/footer-bj.jpg);
}
.footer_mid ul{
	padding:26px 0 0 146px;
}
.footer_mid li{
	float:left;
	font-size:12px;
	width:70px;
	padding-right:84px;
	line-height:25px;
	text-align:center;
}
.footer_mid li a{
	color:#fff;
}
.footer_mid li:hover{
	background:url(../image/footer_border.png) no-repeat;
}
.footer_mid li.footer_sy{
	background:url(../image/footer_border.png) no-repeat;
}
.footer_mid li:hover .footer_sy{
	background:none;
}
.footer_mid img{
	padding:52px 0 45px 405px;
}
.footer_mid p{
	font-size:12px;
	color:#e0e0e0;
	text-align:center;
}
.footer_mid p span{
	font-style:italic;
	font-weight:bold;
	font-size:16px;
}
.footer_bm{
	background:#252525;
	height:35px;
}
.footer_bm p{
	color:#c7c5c5;
	font-size:12px;
	text-align:center;
	line-height:35px;
}
/*#mask{
	background:#000;
	opacity:0.75;
	filter:alpha(opacity=75);
	height:1000px;
	width:100%;
	position:absolute;
	left:0;
	top:0;
	z-index:999;
}
#login{
	position:fixed;
	left:30%;
	top:30%;
	z-index:1001;
}
#logincon{
	width:650px;
	height:400px;
	background:url(../image/xinxi.jpg) no-repeat;
	position:absolute;
}*/
	
/*~~~~~~~~~~~~~~~~~~~~华丽的分割线ABOUT~~~~~~~~~~~~~~~*/
.about_banner{
	height:320px;
	background:#f4f3f3;
	z-index:9999;
}
.about_main{
	padding-top:35px;
	text-align:center;
}
.about_main h1,h2{
	font-size:26px;
	color:#545353;
	line-height:56px;
}
.about_main h2{
	font-size:16px;
	line-height:52px;
}
.about_main p{
	color:#afafaf;
	line-height:21px;
	font-size:12px;
}
.about_main img{
	padding-top:25px;
}
.about_content_big{
	height:383px;
	background:url(../image/content-bj.png);
}
.about_content{
	padding-top:38px;
}
.about_content .a_padding{
	padding-right:15px;
}
.about_content ul{
	height:18px;
	padding:16px 0 11px 0;
}
.about_content li{
	float:left;
}
.about_content h1{
	font-size:14px;
	padding:0 146px 0 2px;
}
.about_content h1 span{
	color:#ff0030;
}
.about_content p{
	font:12px/21px "微软雅黑";
	color:#60605f;
	padding:8px 0 0 20px;
}
.about_content_l{
	width:314px;
	padding-right:28px;
}
.about_content_l_bm{
	height:80px;
	border-top:1px #60605f solid;
	border-bottom:1px #60605f solid;
}
.about_content_mid{
	padding-right:28px;
}
.about_content_r{
	padding:0;
}

/*~~~~~~~~~~~~~~~~~~~~华丽的分割case~~~~~~~~~~~~~~~*/

.case{
	height:830px;
	margin:0 auto;
	background:url(../image/case_bj2.png) no-repeat;
}
.case h1,.case p{
	color:#fff;
}
.case_bm{
	position:relative;
	margin-top:45px;
}
.case_bj{
	position:absolute;
	width:1000px;
	height:580px;
	filter:alpha(opacity=70);
	-moz-opacity:0.7;
	-khtml-opacity: 0.7;
	opacity: 0.7;  
	background-color:#fff;
	/*background:rgba(255, 255, 255, 0.6)!important; filter:Alpha(opacity=60); background:#fff; 　使用IE专属滤镜实现IE背景透明*/
}
	#case_main{
		padding:37px 0 0 37px;
		float:left;
		overflow:hidden;
		position:absolute;
		left:0px;
		height:400px;
	}
	#case_main ul{
		display:block;
	
	}
	#case_main ul li{
		width:218px;
		height:203px;
		float:left;
		padding:0 17px 14px 0;
		padding:0 17px 17px 0;/*ie*/
		position:relative;
	}
	#case_main li div{
		width:218px;
		height:203px;
		background:#000;
		filter:alpha(opacity=70);
		-moz-opacity:0.4;
		-khtml-opacity:0.4;
		opacity:0.4;
		position:absolute;
		top:0;
		visibility:hidden;
		opacity:0;
	/*	display:none;*/
	}
	#case_main li div p{
		margin-left:90px;
		margin-top:170px;
		font-size:14px;
	}
	#case_main li span{
		height:20px;
		width:20px;
		position:absolute;
		left:100px;
		top:95px;
		z-index:1;
		visibility:hidden;
		opacity:0;
	
	}
	#case_main li:hover div,span{
		visibility:visible;
		opacity:0.7;
	}
	#case_main li:hover span,div{
		visibility:visible;
		opacity:1;
	}
	.case_drdc{
		/*-webkit-transition:all 0.2s ease-in-out 0;
	   -moz-transition:all 0.2s ease-in-out 0;
	   -ms-transition:all 0.2s ease-in-out 0;
	   -o-transition:all 0.2s ease-in-out 0;
	   transition:all 0.2s ease-in-out 0;*/
		-webkit-transition:all 0.4s linear;
	   -moz-transition:all 0.4s linear;
	   -ms-transition:all 0.4s linear;
	   -o-transition:all 0.4s linear;
	   transition:all 0.4s linear;
	}
	.case_bm .arrow{
		cursor:pointer;
		width:40px;
		height:40px;
		text-align:center;
		position:absolute;
		top:230px;
	z-index:999;
	background-color:#ded7d3;
}
.arrow img{
	padding-top:5px;
}
#prev{
	left:-60px;
}
#next{
	right:-60px;
}

/*~~~~~~~~~~~~~~~~~~~~华丽的分割map~~~~~~~~~~~~~~~*/
.big_bj{
	background:url(../image/content-bj.png);
}
.case_1{
	height:1045px;
	/*filter:alpha(opacity=70);
	-moz-opacity:0.7;
	-khtml-opacity: 0.7;
	opacity: 0.7;  
	background-color:#fff;*/
	background:rgba(255,255,255,0.8) none repeat scroll !important; /*实现FF背景透明，文字不透明*/
	background:#fff; filter:Alpha(opacity=80);/*实现IE背景透明*/ 
}
.case_1 p,h1{
	position:relative;
}

/*~~~~~~~~~~~~~~~~~~~~华丽的分割process~~~~~~~~~~~~~~~*/
.process{
	position:absolute;
	top:148px;
	right:55px;
}
/*~~~~~~~~~~~~~~~~~~~~华丽的分割map~~~~~~~~~~~~~~~*/
.mapObj{
	width:475px;
	height:422px;
	border:1px #666 solid;
	top:63px;
	left:63px;
	z-index:999;
	position:absolute;
	z-index:99;
}
.map_add{
	position:absolute;
	top:250px;
	left:270px;
	z-index:9999;
}
.map_text{
	position:absolute;
	left:586px;
	top:60px;
}
.map_text p{
	font:12px/21px "微软雅黑";
	color:#333;
}
.map_text img{
	width:200px;
	height: 275px;
	margin:25px 0 0 0;
}
.map_text span{
	display:block;
	font-size:13px;
	margin-left:140px;
}
.map_text p b{
	padding-left:60px;
	font-weight:normal; 
}
.map_margin{
	padding-top:1px;
	margin-top:44px;
}