@charset "utf-8";
/* CSS Document */
html {-webkit-text-size-adjust:none;}

html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,font,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td{
	margin:0;
	padding:0;
	outline:0;
	list-style-image: none;
	list-style-type: none;
	border-top-width: 0px;
	border-right-width: 0px;
	border-bottom-width: 0px;
	border-left-width: 0px;
}
body {
	font-size:14px;
	background-color: #fff;
	margin:0 auto;
	color:#3b3b3b;
	font-family:"microsoft yahei";

}
.clear {
	clear: both;
	display: block;
	overflow: hidden;
	visibility: hidden;
	width: 0;
	height: 0;
}

.clearfix:after {
	clear: both;
	content: ' ';
	display: block;
	font-size: 0;
	line-height: 0;
	visibility: hidden;
	width: 0;
	height: 0;
}
a:active, a:hover ,a:link,a:visited { text-decoration:none; color:#6e6e6e; outline: 0px none;}
.lt{ float:right;}
.rt{ float:left}

.hovv:hover {
    animation: 2s linear 0s normal none infinite floating;
    position: relative;
}
.rott:hover {
    animation: 1.2s linear 0s normal none infinite rotation360;
}
.container {
    margin: 0px auto;
    width: 980px;
}
.clearfix{
	position:relative;
	clear:both;
	overflow:hidden;
}
.header {
	width:100%;
	margin:0 auto;
	height:54px;
	border-bottom:1px solid #898989;
    position: fixed;
    top: 0px;
    left: 0px;
    z-index: 9999;
	background-color:rgba(255,255,255,0.75);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='lightblue'
,endColorstr=#ffffff); 

}
/*.header{
	width:100%;
	margin:5px auto 0;
	height:80px;
	border-bottom:1px solid #898989;
}*/
.header .container{
	height:54px;
}
.header .logo a{
	width:158px;
	height:50px;
	background:url(../images/logo.png) no-repeat;
	display:block;
	float:left;
	margin-top:5px;
	background-size: contain;
}
.header .nav{ 
	font-size:16px;
	color:#3c3c3c;
	float:right;
}
.header .nav li{
	line-height:54px;
	height:54px;
	float:left;
}
.header .nav li a{ 
	color:#3c3c3c;
	display:block;
	padding:0 45px;
}
.header .nav li a:hover{
	background-color:#ee4035;
	display:block;
	color:#fff;
}
.banner{
	margin:54px auto 0;
	/* background:#7da20c; */
	/* height:693px; */
}
.banner .inner{
	position:relative;

}
.banner img{
	width: 100%;
	object-fit: contain;
}
.banner .inner p.banner_bg{
	position:absolute;
	top:150px;
	left:-20px;
	width:523px;
	height:373px;
}
.banner .inner p.visit{
	position:absolute;
	top:427px;
	right:250px;
	width:181px;
	height:48px;
}
.banner .inner p.visit a{
	display:block;
	width:181px;
	height:48px;
	color:#fff;
	font:21.03px "Microsoft yahei";
	line-height:48px;
	text-align:center;
	border:2px solid #fff;
}

.banner .inner p.visit a:hover{
    transition: all 300ms ease-out 0s;
    background-color: #003E4E;
    border: 2px solid #003E4E;
}
.banner .inner .con{
	position:absolute;
	top:185px;
	left:544px;
	color:#fff;
}
.banner .con h1{
	font-size:24px;
	color:#3c3c3c;
}
.banner .con p{
	font-size:42px;
	margin:10px auto;
}
.banner .con ul{
	font-size:18px;
}
.banner .con ul li{ line-height:28px;}
.banner .con li span{ color:#febf0e}

/*main*/
.about{ width:100%; background:#f2f2f2; overflow:hidden; padding-bottom:80px;}
.about .title{ text-align:center; padding-top:22px;}
.about .title h2{
			font:30px "microsoft yahei";
			margin:18px auto;
			color:#3d3d3d;
		}
.about .txt{ text-align:left; font-size:14px; color:#3b3b3b; line-height:2em;}
.about h3{ color:#3b3b3b; font-size:20px; margin-bottom:18px; margin-top:33px; text-align:center;}
.about a{ width:240px; height:70px; color:#fff; font-size:20px; line-height:70px; display:inline-block; background:#7da20c; text-align:center;}
.about .ad_v{ width:490px; float:left; }
.about .ad_v h4{ font-size:16px; color:#7da20c; text-align:center; margin-bottom:20px;}
.about .ad_v .main{ background:#7da20c; overflow:hidden;height:330px;}
.about .ad_v p{ color:#fff;  width:245px; float:left; margin-left:150px; text-align:right; font-size:16px; line-height:2.3em; margin-top:20px; display:inline;}
.about .ad_v h1{ font-size:70px; color:#fff; font-weight:normal; width:50px; width:50px; float:right; margin-top:110px;display:inline;}
.about .ad_s{ width:490px; float:right;}
.about .ad_s h4{ font-size:16px; color:#5a5a5a; text-align:center;margin-bottom:20px;}
.about .ad_s .main{background:#5a5a5a; overflow:hidden;height:330px;}
.about .ad_s p{ color:#fff;  width:245px; float:right; margin-right:150px; text-align:left; font-size:16px; line-height:2.3em; margin-top:20px; display:inline;}
.about .ad_s h1{ font-size:70px; color:#fff; font-weight:normal; width:50px; width:50px; float:left; margin-top:110px;display:inline;}
.wrapper{
	margin:0 auto;
	background:#febf0e;
	padding-bottom:70px;
}
	.wrapper .title{
		text-align:center;
		padding-top:22px;
	}
		.wrapper .title h2{
			font:30px "microsoft yahei";
			margin:18px auto 68px;
			color:#3d3d3d;
		}
.wrapper .box h2{
	font:21px "microsoft yahei";
	font-weight:bold;
	color:#222222;
}
	.wrapper .box p{ margin:15px auto 20px; line-height:22px;}
	.wrapper .box .we_do{ width:465px;}
		.box .we_do ol{ margin-top:46px;}
			.box .we_do ol li{
				float:left;
				margin-right:48px;
				width:120px;
				text-align:center;
				margin-bottom:37px;
			}
			.box .we_do ol li.odd{ margin-right:0;}
				.box .we_do ol li h4{
					font:14px "宋体";
					padding-top:20px;
					
				}

	.box .why_do{ width:480px;}
		.why_do .tit{
			display:block;
			width:382px;
			height:48px;
		}
			.why_do .tit span{
				width:191px;
				display:block;
				height:48px;
				float:left;
				color:#fff;
				font:19px "microsoft yahei";
				text-align:center;
				line-height:48px;
			}
			.why_do .tit span.red{ background:#d45323;}
			.why_do .tit span.gray{ background:#7c7c7c;}
		.why_do ul {
			width:382px;
			margin:20px auto;
		}
		.why_do ul li{
			line-height:22px;
			text-align:center;
			width:100%;
		}
		.why_do ul li span{ float:left;}
		.why_do ul li span.l{
			background:url(../images/red_jt.png) no-repeat right center;
			width:153px;
			text-align:right;
			color:#d45323;
			display:block;
			padding-right:15px;
			font-size:16px;
			line-height:1.8em;
		 }
		.why_do ul li span.line{ color:#fff; padding:0 2px; }
		.why_do ul li span.r{ 
			color:#7c7c7c;
			background:url(../images/gray_jt.png) no-repeat left center;
			padding-left:15px;
			font-size:16px;
			line-height:2em;
			color:#313131;
			}
		.why_do p.visit_1{
			width:223px;
			height:43px;
			background:#3c3b4b;
			
		}
		.why_do p.visit_1 a{
			display:block;
			width:100%;
			height:100%;
			font:19px "microsoft yahei";
			color:#fff;
			line-height:43px;
			text-align:center;
		}
		.why_do p.visit_1 a:hover{
			width:96%;
			height:96%;
		}
	
.section{ margin:0 auto; background-color:#3c3c3c;}
.section .cjwt{text-align:center;padding:66px;}
	.section .problem{
		padding:0px 0 80px;
		color:#fff;
		position:relative;
	}
		.problem .pro_inner{ float:left; position:relative; }
		.problem .one{ width:66%;}
		.problem h2{
			font:21px "microsoft yahei";
			margin-bottom:15px;
		}
		.problem p{ line-height:22px; text-indent:2em; width:520px;}
		.problem .wrap{ margin-top:58px;}
			.wrap dl{ float:left; margin-right:100px;}
			.wrap dt{
				font:17px "microsoft yahei";
				margin-bottom:15px;
			}
			.wrap dd{ line-height:22px; background:url(../images/point.png) no-repeat left center; padding-left:8px;}
		
		.problem .two .lev{
			margin:17px auto 0 42px;
			
		}
		
		.problem p.visit{
			width:223px;
			height:43px;
			background-color:#cf3800;
			position:absolute;
			top:520px;
			right:94px;
			
		}
		.problem p.visit a{
			width:100%;
			height:100%;
			display:block;
			color:#fff;
			font:21px "microsoft yahei";
			line-height:43px;
		}
	
.case_wrapper{ margin:0 auto;}	
	.case_wrapper .case{ 
		padding:66px 0 18px;
		text-align:center;
	}
		.case .title h2{
			font:30px "microsoft yahei";
			margin:10px auto 30px;
			color:#3d3d3d;
			font-weight:500;
		}
		.case .title p{ text-align:left; line-height:22px;}
		.case .box{
			width:100%;
			margin-top:30px;
		}
			.case .box .item{
				width:315px;
				height:181px;
				float:left;
				color:#fff;
				margin:0 17px 17px 0;
				display:block;
				overflow: hidden;
				position: relative;
				text-align:left;
			}
			.case .box .item h4{
				font:25px "microsoft";
				line-height:181px;
				font-weight:bold;
				float:left;
				display:block;
				text-align:center;
				width:100%;
				height:100%;
				overflow:hidden;
				visibility:visible;
			}
			.case .box .odd{ margin-right:0;}
			.case .box .black{ color:#3b3b3b;}
			.case .box .a1{ background-color:#f15a2b;}
			.case .box .a2{ background-color:#0075a6;}
			.case .box .a3{ background-color:#76c043;}
			.case .box .a4{ background-color:#12a89d;}
			.case .box .a5{ background-color:#fcb040;}
			.case .box .a6{ background-color:#3c3c3c;}
			.case .box .item .mask{
				width:100%;
				height:100%;
				overflow: visible;
				transition: all 300ms ease-out 0s;
				opacity: 0;
				background-color: rgba(255, 255, 255, 0.7);
				top:0;
				left:0;
				font-size:12px;
				line-height:18px;
				color:#fff;
				display:block;
				padding:0px 10px;
			}
			.case .box .item .mask p{ padding-right:10px;}
			.case .box .item:hover .mask{
				opacity: 0.9;
				position: absolute;
				background-color: #EF4036;
				padding-top:10px;
			}
		.case p.more{
			width:208px;
			height:35px;
			background-color:#3c3c3c;
			display:block;
			margin:35px auto 0;
			text-align:center;
			line-height:35px;
		}
		.case p.more a{
			color:#fff;
			display:block;
		}
		.case p.more a:hover{text-decoration:underline;}
	
.guest{
	margin:0 auto;
	background-color:#bb9987;
}
	.guest .title {
		text-align:center;
		color:#fff;
		padding-top:37px;
	}
		.guest .title h4{
			font:30px "microsoft yahei";
			margin:15px auto 30px;
		}
		.guest .title p{ text-align:left; margin-left:200px;}
		.guest .title span{ float:left; margin-right:15px;}
		.guest .title span.fl{ 
			font:29px "microsoft yahei";
		}
		.guest .title span.online{
			width:157px;
			height:31px;
			background-color:#3c3c3c;
			display:block;
			line-height:31px;
			margin-top:3px;
			text-align:center;
		}
		.guest .title span.online a{
			color:#fff;
			display:block;
		}
		.guest .title span.online a:hover{ text-decoration:underline;}
	.guest .phone{
		position:relative;
		width:479px;
		height:132px;
		background-color:#3c3c3c;
		display:block;
		margin:20px auto 30px;
		color:#fff;
	}
		.guest .phone p{ position:absolute;}
		.guest .phone p.ico{
			background:url(../images/phone.png) no-repeat;
			width:65px;
			height:64px;
			left:98px;
			top:18px;
		}
		.guest .phone p.num{
			font:27.96px "microsoft yahei";
			top:36px;
			left:189px;
		}
		.guest .phone p.b{
			font:20px "microsoft yahei";
			left:70px;
			bottom:12px;
		}

	.guest .bb{
		text-align:center;
		margin:30px auto 25px;
		font:18px "microsoft yahei";
		color:#fff;
	}
	.guest .form p{
		width:479px;
		margin:0 auto;
		text-align:center;
		color:#fff;
	}
	input[type="text"], 
	textarea {
		background-color: #FFF;
		font-family: inherit;
		border: 1px solid #CCC;
		color: rgba(0, 0, 0, 0.75);
		width: 100%;
		box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.1) inset;
		display: block;
		font-size: 14px;
		margin: 0px 0px 1em;
		padding: 0.5em;
		box-sizing: border-box;
		transition: all 0.15s linear 0s;
	}
	.guest input, .guest textarea {
			background-color: #333;
			color: #FFF;
			text-align: center;
			padding: 15px 5px;
			border: 0px none;
		}
	.guest textarea{
		height: 100px;
		overflow: auto;
		vertical-align: top;
	}
	.guest .form .send{
		width:157px;
		height:39px;
		display:block;
		
		text-align:center;
		margin:13px auto 18px;
	}
	.guest .form .send a,.guest .form .send input{
		    display: block;
		    color: #fff;
		    padding: 0;
		    width: 157px;
		    height: 40px;
		    font: 17px "microsoft yahei";
		    /*line-height: 40px;*/
		    letter-spacing: 5px;
		    border: 2px solid #fff;
		    cursor: pointer;
		    background: 0;
	}
	.guest .form .send a:hover,.guest .form .send input:hover{
		transition: all 300ms ease-out 0s;
    	background-color: #003E4E;
    	border: 2px solid #003E4E;
	}
	.guest .form p.scrt{ padding-bottom:20px;}

#BDBridgeIconWrap{ top:30%;}

#rightslide{z-index:999; position:fixed; right:0; top:65%; visibility:visible; width:193px; height:154px;}
#home_box{width:193px; height:50px; z-index:9;}
.home_show{width:49px; height:50px; float:right;}

#tel_box{width:193px; height:50px; margin-top:2px; z-index:9;}
.tel_show{width:49px; height:50px; float:right; cursor:pointer;}
.tel_hide{width:193px; height:50px; float:left; display:none;}

#qq_box{width:193px; height:50px; margin-top:2px; z-index:9;}
.qq_show{width:49px; height:50px; float:right; cursor:pointer;}
.qq_hide{width:193px; height:50px; float:left; display:none;}

#to_top{width:49px; height:50px; float:right; margin-top:2px; _position:absolute;_top:expression(eval(document.documentElement.scrollTop+document.documentElement.clientHeight-134)); display:none;}


/*footer*/
.footer{ 
	margin:0 auto;
	background-color:#f2f2f2;
	padding-bottom:15px;
	font-size:12px;
}
.footer .container ul{ overflow:hidden; width:560px; margin:0 auto; padding-top:25px;}
.footer .container li{ float:left; padding:0 10px;}
.footer .container a{ font-size:14px; color:#333333; text-align:center;}
.footer .footwrap{
	width:100%;
	text-align:center;
	margin:0 auto;
	padding-top:25px;
        overflow: hidden;
}
.footer .addr{width:475px;}
.footer .copyright{width:448px;}
.footer p{ line-height:1.8em; color:#787878;}
a:hover{ color:#0099FF;}

.footer .fot-pic{text-align: center;  margin-top: 20px;}
.footer .fot-pic img{margin: 0 10px;}