@charset "utf-8";
.m {
	margin:0 auto;
}
.left {
	float:left;
}
.right {
	float:right;
}
.clear {
	clear:both;
}
.top-box {
	width:100%;
	height:150px;
	background-color:#ffffff;
	box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.1);
}
.top-box .nav-box {
	width:1200px;
	height:50px;
	line-height:50px;
}
.nav-box .nav-item {
	list-style-type: none;
	padding:0;
	float: left;
	margin-bottom:0;
}
.nav-box .nav-item li {
	float:left;
}
.nav-box .nav-item li a {
	font-size:14px;
	color:#333333;
	text-decoration:none;
}
.nav-box .nav-item li a:hover {
	color:#eb9600;
}
.nav-box .nav-item li span {
	font-size:12px;
	color:#e2e2e2;
	padding: 0 10px;
	display:inline-block;
	vertical-align:top;
}
.nav-info p {
	font-size:12px;
	margin-bottom:0;
}
.nav-info .nav-share {
	padding-left:20px;
	font-size:12px;
	color:#333333;
}
.nav-share .bdsharebuttonbox {
	padding-left:8px;
	padding-top:11px;
}
.top-box .top-info-box {
	width:1200px;
	height:80px;
	padding-top:20px
}
.top-info-box .logo-zhileng {
	width:206px;
	height:55px;
}
.logo-zhileng a {
	width: 206px;
	height: 55px;
	display:inline-block;
	background-image: url(../images/LOGO.png);
	background-repeat: no-repeat;
	background-position: 0px 0px;
}
.top-info-box .logo-Q {
	width:97px;
	height:47px;
}
.logo-Q a {
	width:97px;
	height:47px;
	display:inline-block;
	background-image: url(../images/Q_LOGO.png);
	background-repeat: no-repeat;
	background-position: 0px 0px;
}
.banner-box {
	height: 500px;
	width: 100%;
	background-image: url(../images/banner2560x500.jpg);
	background-repeat: no-repeat;
	background-position: center top;
}
.banner-box .banner-text {
	width:1200px;
}
.banner-text .banner-logo-Q {
	padding-top:80px;
	width:150px;
	height:70px;
}
.banner-logo-Q a {
	background-image: url(../images/Q_LOGO_big.png);
	background-repeat: no-repeat;
	background-position: 0px 0px;
	height: 70px;
	width: 150px;
	display: inline-block;
}
.banner-text .banner-info-box {
	width:570px;
	padding-right:50px;
	padding-top:90px;
	color:#ffffff;
}
.banner-info-box h4 {
	font-size:24px;
	margin:0;
}
.banner-info-box h3 {
	font-size:40px;
	margin-top:8px;
}
.banner-info-box h5 {
	font-size:38px;
	margin-top:20px;
}
.banner-info-box h6 {
	font-size:18px;
	margin-top:8px;
}
.banner-info-box p {
	font-size:14px;
	margin-top:20px;
}
.banner-info-box p a {
	color:#fffc00;
}
.Q-info-box {
	width:100%;
	height:100px;
	background-color:#3b53a9;
	font-size:32px;
	line-height:98px;
	color:#ffffff;
	text-align:center;
	position:relative;
}
.Q-info-box p {
	width:30px;
	height:15px;
	margin:0 auto;
	display:block;
	margin-top:-12px;
}
.Q-info-box p span {
	width: 0;
  	height: 0;
  	border-width: 15px 15px 0 15px;
  	border-color: #3b53a9 transparent;
  	border-style: solid;
}
.Q-content {
	width:1200px;
	padding-top:50px;
}
.Q-content-box {
	width:590px;
}
.Q-content-box .Q-content-title {
	text-align:center;
	font-size:32px;
	color:#106fb8;
	margin-bottom:2px;
}
.Q-content-box .Q-content-titleinfo {
	text-align:center;
	font-size:14px;
	color:#cccccc;
}
.Q-content-box .Q-content-info {
	margin-top:30px;
	font-size:14px;
	line-height:22px;
	background-color:#fafafa;
	color:#333333;
	padding:25px;
}
.Q-content-box .advantage-box {
	height:456px;
	position:relative;
	margin-top:30px;
}
.advantage-bg {
	width:290px;
	height:223px;
	background-image: url(../images/BG_1.png);
	background-repeat: repeat;
	background-position: 0px top;
	margin:0;
}
.advantage-three-bg {
	width:184px;
	height:184px;
	background-image: url(../images/BG_1.png);
	background-repeat: repeat;
	background-position: 0px top;
	margin:0;
	border-radius:1000px;
}

/*one*/
.advantage-one {
	background-color:#106fb8;
	width:290px;
	height:223px;
	position:absolute;
	top:0;
	left:0;
	z-index:99;
	border-top-right-radius:20px;
	border-bottom-left-radius:20px;
	transition:all 0.5s ease;
}
.advantage-one:hover {
	background-color:#00365f;
}
.advantage-one .advantage-bg h3 {
	margin:0;
	font-size:20px;
	padding: 25px 25px 15px 25px;
	color:#ffffff;
}
.advantage-one .advantage-bg p {
	margin:0;
	font-size:12px;
	line-height:18px;
	padding: 0 25px 20px 25px;
	color:#ffffff;
}
.advantage-one .advantage-bg a {
	font:12px;
	display:inline-block;
	text-align:center;
	width:80px;
	height:25px;
	line-height:20px;
	color:#ffffff;
	border:2px solid rgba(250,250,250, 0.8);
	text-decoration:none;
	position:absolute;
	left:25px;
	bottom:50px;
}
.advantage-one .advantage-bg a:hover {
	background-color:#ffffff;
	text-decoration:none;
	color:#00365f;
}
.advantage-one .advantage-bg span {
	font-size:10px;
	font-weight:bold;
	color:rgba(250,250,250, 0.4);
	position:absolute;
	left:25px;
	bottom:20px;
}

/*two*/
.advantage-two {
	background-color:#42b714;
	width:290px;
	height:223px;
	position:absolute;
	top:0;
	right:0;
	z-index:99;
	border-top-left-radius:20px;
	border-bottom-right-radius:20px;
	transition:all 0.5s ease;
}
.advantage-two:hover {
	background-color:#278a00;
}
.advantage-two .advantage-bg h3 {
	margin:0;
	font-size:20px;
	padding: 25px 25px 15px 25px;
	color:#ffffff;
}
.advantage-two .advantage-bg p {
	margin:0;
	font-size:12px;
	line-height:18px;
	padding: 0 25px 20px 25px;
	color:#ffffff;
}
.advantage-two .advantage-bg a {
	font:12px;
	display:inline-block;
	text-align:center;
	width:80px;
	height:25px;
	line-height:20px;
	color:#ffffff;
	border:2px solid rgba(250,250,250, 0.8);
	text-decoration:none;
	position:absolute;
	right:25px;
	bottom:50px;
}
.advantage-two .advantage-bg a:hover {
	background-color:#ffffff;
	text-decoration:none;
	color:#00365f;
}
.advantage-two .advantage-bg span {
	font-size:10px;
	font-weight:bold;
	color:rgba(250,250,250, 0.4);
	text-align:right;
	position:absolute;
	right:25px;
	bottom:20px;
}

/*three*/
.advantage-three {
	background-color: rgba(200,165,0,0.98);
	width:200px;
	height:200px;
	position:absolute;
	bottom:30%;
	right:33.3%;
	z-index:100;
	border-radius:1000px;
	transition:all 0.5s ease;
	border:8px solid #ffffff;
}
.advantage-three:hover {
	background-color:#937900;
}
.advantage-three .advantage-three-bg h3 {
	margin:0;
	font-size:20px;
	padding: 25px 0 10px 0;
	color:#ffffff;
	text-align:center
}
.advantage-three .advantage-three-bg p {
	margin:0;
	font-size:12px;
	line-height:18px;
	padding: 0 20px;
	color:#ffffff;
}
.advantage-three .advantage-three-bg a {
	font:12px;
	display:inline-block;
	text-align:center;
	width:80px;
	height:25px;
	line-height:20px;
	color:#ffffff;
	border:2px solid rgba(250,250,250, 0.8);
	text-decoration:none;
	margin:20px 0 0 30px;
}
.advantage-three .advantage-three-bg a:hover {
	background-color:#ffffff;
	text-decoration:none;
	color:#00365f;
}

/*four*/
.advantage-four {
	background-color:#00b9e7;
	width:290px;
	height:223px;
	position:absolute;
	bottom:1px;
	left:0;
	z-index:99;
	border-top-left-radius:20px;
	border-bottom-right-radius:20px;
	transition:all 0.5s ease;
}
.advantage-four:hover {
	background-color:#0096bb;
}
.advantage-four .advantage-bg h3 {
	margin:0;
	font-size:20px;
	padding: 110px 25px 15px 25px;
	color:#ffffff;
}
.advantage-four .advantage-bg p {
	margin:0;
	font-size:12px;
	line-height:18px;
	padding: 0 25px 20px 25px;
	color:#ffffff;
}
.advantage-four .advantage-bg a {
	font:12px;
	display:inline-block;
	text-align:center;
	width:80px;
	height:25px;
	line-height:20px;
	color:#ffffff;
	border:2px solid rgba(250,250,250, 0.8);
	text-decoration:none;
	position:absolute;
	left:25px;
	top:50px;
}
.advantage-four .advantage-bg a:hover {
	background-color:#ffffff;
	text-decoration:none;
	color:#00365f;
}
.advantage-four .advantage-bg span {
	font-size:10px;
	font-weight:bold;
	color:rgba(250,250,250, 0.4);
	text-align:right;
	position:absolute;
	left:25px;
	top:20px;
}

/*five*/
.advantage-five {
	background-color:#e86900;
	width:290px;
	height:223px;
	position:absolute;
	bottom:1px;
	right:0;
	z-index:99;
	border-top-right-radius:20px;
	border-bottom-left-radius:20px;
	transition:all 0.5s ease;
}
.advantage-five:hover {
	background-color:#bd5600;
}
.advantage-five .advantage-bg h3 {
	margin:0;
	font-size:20px;
	padding: 110px 25px 15px 25px;
	color:#ffffff;
}
.advantage-five .advantage-bg p {
	margin:0;
	font-size:12px;
	line-height:18px;
	padding: 0 25px 20px 25px;
	color:#ffffff;
}
.advantage-five .advantage-bg a {
	font:12px;
	display:inline-block;
	text-align:center;
	width:80px;
	height:25px;
	line-height:20px;
	color:#ffffff;
	border:2px solid rgba(250,250,250, 0.8);
	text-decoration:none;
	position:absolute;
	right:25px;
	top:50px;
}
.advantage-five .advantage-bg a:hover {
	background-color:#ffffff;
	text-decoration:none;
	color:#00365f;
}
.advantage-five .advantage-bg span {
	font-size:10px;
	font-weight:bold;
	color:rgba(250,250,250, 0.4);
	text-align:right;
	position:absolute;
	right:25px;
	top:20px;
}
.case-box {
	padding-top:35px;
}
.case-box .case-title {
	font-size:20px;
	text-align:center;
	margin-bottom:0;
}
.case-box .case-arrow {
	width:40px;
	height:20px;
	margin:0 auto;
	display:block;
	margin-bottom:20px
}
.case-box .case-arrow span {
	width: 0;
  	height: 0;
  	border-width: 0 20px 20px 20px;
  	border-color: #f4f4f4 transparent;
  	border-style: solid;
}
.case-box .case-content {
	background-color:#f4f4f4;
	padding:30px;
}
#ScheduleDiv {
	height:400px;
}
#ScheduleDiv .carousel_Schedule-inner {
	width:530px;
	height:400px;
	position:relative;
}
#ScheduleDiv span.iconzhileng {
	font-size:1.5em;
}
.Schedule-item a {
	position:absolute;
	left:0;
	bottom:0;
	width:100%;
	height:60px;
	display:block;
	color:#ffffff;
	background-color: rgba(0,0,0,0.5);
	z-index:1000;
	text-decoration:none;
	font-size:18px;
	line-height:55px;
	text-align:center
}
.Schedule-item a:hover {
	background-color: rgba(0,0,0,0.8);
}
#ScheduleDiv .carousel_Schedule-control-l {
	width:40px;
	height:60px;
	padding-top:8px;
	background-color:rgba(0,0,0,0.5);
	margin-left:-30px;
	margin-top:33%;
	border-top-right-radius:10px;
	border-bottom-right-radius:10px;
}
#ScheduleDiv .carousel_Schedule-control-r {
	width:40px;
	height:60px;
	padding-top:8px;
	background-color:rgba(0,0,0,0.5);
	margin-right:-30px;
	margin-top:33%;
	border-top-left-radius:10px;
	border-bottom-left-radius:10px;
}
.product-box {
	background-color:#f4f4f4;
	padding:30px;
	margin-top:26px;
}
#ProductDiv {
	height:400px;
}
#ProductDiv .carousel_Schedule-inner {
	width:530px;
	height:400px;
	position:relative;
}
#ProductDiv span.iconzhileng {
	font-size:1.5em;
}
#ProductDiv .carousel_Schedule-control-l {
	width:40px;
	height:60px;
	padding-top:8px;
	background-color:rgba(0,0,0,0.5);
	margin-left:-30px;
	margin-top:33%;
	border-top-right-radius:10px;
	border-bottom-right-radius:10px;
}
#ProductDiv .carousel_Schedule-control-r {
	width:40px;
	height:60px;
	padding-top:8px;
	background-color:rgba(0,0,0,0.5);
	margin-right:-30px;
	margin-top:33%;
	border-top-left-radius:10px;
	border-bottom-left-radius:10px;
}

#WaterDiv {
	height:400px;
}
#WaterDiv .carousel_Schedule-inner {
	width:530px;
	height:400px;
	position:relative;
}
#WaterDiv span.iconzhileng {
	font-size:1.5em;
}
#WaterDiv .carousel_Schedule-control-l {
	width:40px;
	height:60px;
	padding-top:8px;
	background-color:rgba(0,0,0,0.5);
	margin-left:-30px;
	margin-top:33%;
	border-top-right-radius:10px;
	border-bottom-right-radius:10px;
}
#WaterDiv .carousel_Schedule-control-r {
	width:40px;
	height:60px;
	padding-top:8px;
	background-color:rgba(0,0,0,0.5);
	margin-right:-30px;
	margin-top:33%;
	border-top-left-radius:10px;
	border-bottom-left-radius:10px;
}
.footer-box {
	margin-top:120px;
	height:410px;
	background-color:#004478;
}
.footer-box .footer-info {
	width:1200px;
	padding-top:75px;
	position:relative;
}
.footer-info .footer-title {
	font-size:26px;
	margin-top:0;
	margin-bottom:35px;
	color:#ffffff;
}
.footer-info .footer-title span {
	color:#72c1fe;
}
.footer-info .footer-link-item {
	list-style-type: none;
	width:900px;
	padding:0;
}
.footer-link-item li {
	padding-right:25px;
	float:left;
	height:28px;
}
.footer-link-item li a {
	font-size:12px;
	color:#92cefe;
	text-decoration:none;
}
.footer-link-item li a:hover {
	color:#ffffff;
	text-decoration:none;
}
.footer-info .code-zhileng {
	width:116px;
	height:116px;
	margin-top:-50px;
}
.footer-info .code-zhileng p {
	color:#fff;
	line-height:18px;
	padding-top:6px;
	text-align:center
}
.footer-info .footer-text {
	margin-top:30px;
	border-top:1px solid #0084af;
}
.footer-text .footer-logo {
	width:206px;
	height:60px;
	padding-top:25px;
}
.footer-logo a {
	display: block;
	width: 206px;
	height: 60px;
	background-image: url(../images/LOGO-F.jpg);
	background-repeat: no-repeat;
	background-position: 0px 0px;
}
.footer-text-box .footer-text-link {
	margin-top:40px;
	height:28px;
	text-align:right
}
.footer-text-link a {
	font-size:14px;
	color:#ffffff;
}
.footer-text-link span {
	font-size:12px;
	color:#0084af;
	padding: 0 8px;
}
.footer-text-box .footer-text-copyright {
	font-size:12px;
	color:#92cefe;
}
.footer-text-copyright a {
	font-size:12px;
	color:#92cefe;
}
a#banner-link {
	display:block;
	width:100%;
	height:500px;
}