body{
	color: #333;
}
.wrap{
	width: 1100px;
	margin:0 auto;
}
.header{
	padding:2px 0 4px 0;
	width: 100%;
	background: #fff;
	left:0;
}
.header .logo{
	height: 99px;
	width: 300px;
	background: url(../images/logo.png) center center no-repeat;
	float: left;
}
.header .nav{
	float: left;
}
.header .nav li{
	height: 99px;
	width: 110px;
	float: left;
	
}
.header .nav li .cn{
	margin-top: 20px;
	margin-left: 24px;
	font-size: 18px;
}
.header .nav li .en{
	margin-top: 3px;
	margin-left: 24px;
}
.header .nav li.ui-check{
	background: #399af3;
	color: #fff;
	-webkit-transition: background .8s;
	-o-transition: background .8s;
	transition: background .8s;
}
.header .tel{
	float: left;
	font-size: 20px;
	padding-left: 30px;
	background: url(../images/ico_tel.png) left center no-repeat;
	font-family: 'Candara';
	margin-left: 50px;
	height: 99px;
	line-height: 99px;
}
.banner{
	height: 595px;
	background: url(../images/banner.jpg) center center no-repeat;
}
.c-block{
	padding: 60px 0;
}
.c-block .content{
	padding: 20px 0;
}
.c-block h2{
	font-size: 45px;
	color: #000;
	text-align: center;
	background: url(../images/bg_block_title.png) center center no-repeat;
}
.c-block h3{
	font-size: 18px;
	color: #999;
	text-align: center;
	margin-top: 10px;
}
.c-Services li{
	float: left;
	width: 33%;
	padding: 20px 0;
}

.c-Services li .ico{
	height: 190px;
	background-position: center;
	background-repeat: no-repeat;
	margin-bottom: 30px;
}

.c-Services li.app .ico{
	background-image: url(../images/ico_app.png);
	
}
.c-Services li.weixin .ico{
	background-image: url(../images/ico_weixin.png);
}
.c-Services li.other .ico{
	background-image: url(../images/ico_other.png);
}
.c-Services li.zhongduan .ico{
	background-image: url(../images/ico_zhongduan.png);
}
.c-Services li.manager .ico{
	background-image: url(../images/ico_manager.png);
}
.c-Services li.zonghe .ico{
	background-image: url(../images/ico_zonghe.png);
}

.c-Services li .title{
	font-size: 30px;
	color: #999;
	text-align: center;
}

.c-Services li .border{
	height: 2px;
	width: 94px;
	background: #47a1f4;
	margin:6px auto 18px auto;
}

.c-Services li .text{
	margin:0 16%;
	color: #999;
	text-align: center;
}
.c-Case{
	background: url(../images/bg_gray_block.png) top center no-repeat;
}
.c-Case .pic-list{
	position: relative;
}
.c-Case .pic-list .lbtn-arrow{
	cursor: pointer;
}
.c-Case .pic-list .left-arrow{
	position: absolute;
	height: 152px;
	width: 68px;
	background: url(../images/ico_left_arrow.png) center center no-repeat;
	top:7px;
	left:30px;
}
.c-Case .pic-list .right-arrow{
	position: absolute;
	right: 30px;
	height: 152px;
	width: 68px;
	background: url(../images/ico_right_arrow.png) center center no-repeat;
	top:7px;
}
.c-Case .pic-list .lbtn-arrow:hover{
	background-color: #ddd;
}
.c-Case .pic-list .pic-item{
	width: 840px;
	margin:0 auto;
	overflow: hidden;
}

.c-Case .pic-list .pic-item ul li{
	width: 400px;
	float: left;
	margin-right: 40px;
}
.c-Case .customer{
	margin-top: 50px;
}


.c-Case .our-customer-list .pic-item{
	width: 851px;
}
.c-Case .our-customer-list .pic-item ul li{
	width: 265px;
	margin-right: 28px;
}
.c-about-us{
	background: url(../images/bg_dot_block.png) center center no-repeat;
}
.c-about-us .content{
	margin:0 20px;	
	font-size: 18px;
	color: #666;
	text-indent:2em;
}
.c-about-us h3{
	font-size: 26px;
	color: #399af3;

}
.c-about-us .content p{
	padding:.5em;
}
.c-contact-us{
	padding-bottom: 0;
}
.c-contact-us .content{
	margin-top: 40px;
	padding:0;
	position: relative;
	height: 550px;
}
.c-contact-us h2{
	background-image: url(../images/bg_block_title_large.png);
}
#map-container{
		width: 100%;
		height: 550px;
		position: absolute;
}
#map-container img{
	max-width: none;
}
.c-contact-us .link-consult{
	background: rgba(0,0,0,0.5);
	color: #fff;
	font-size: 22px;
	position: absolute;
	bottom: 0;
	width: 100%;
	padding:20px 0;
	z-index: 90;
}
.c-contact-us .link{
	float: left;
}
.c-contact-us .consult{
	float: left;
	margin-left: 100px;
	position: relative;

}
.c-contact-us .consult .qq a,.c-contact-us .consult .tel a{
	color:#fff;
}
.c-contact-us .consult .qq{
	padding-left: 40px;
	background: url(../images/ico_qq.png) left center no-repeat; 
	margin-top: 30px;
}
.c-contact-us .consult .tel{
	padding-left: 40px;
	background: url(../images/ico_tel_white.png) left center no-repeat; 
	margin-top: 30px;
}
.c-contact-us .consult .qrcode{
	position: absolute;
	right: 30px;
	top:100px;
}
.footer{
	
	background: #e6e5e5 url(../images/bg_footer.png) left bottom repeat-x;
	padding: 110px 0;
	color: #000;
	font-size: 24px;
	text-align: center;
}

@media (max-width: 720px){

	.wrap{
		width:auto;
		margin: 0 10px;
	}
	.header{
		border-bottom: 1px solid #f1f1f1;
		position: relative;
		background: #fcfcfc;

	}
	.header .logo{
		height: 50px;width: 40%;
		-webkit-background-size: auto 50%;
		background-size: auto 50%;
		background-position: left center;
	}
	.header .nav{
		position: absolute;
		top:0px;
		right: 0;
		width: 0%;
		background: #fff;
		overflow: hidden;
	}
	.header .nav.ui-check{
		width:30%;
		-webkit-transition: width 1s;
		-o-transition: width 1s;
		transition: width 1s;
	}
	.header .nav li{
		width: 100%;
		text-align: left;
		height: 3em;
		line-height: 3em;

	}
	.header .nav li .cn{
		width: 4.6em;
		font-size: 1.1em;
		margin:0;
		padding-left: 1em;
		text-align: left;
	}
	.header .nav li .en{
		display: none;
	}
	.header .tel{
		display: none;
	}
	.c-Services li{
		width: 100%;
	}
	.c-block h2{
		font-size: 1.4em;
		-webkit-background-size: 120% auto;
		background-size: 120% auto;
	}
	.banner{
		height: 200px;
		-webkit-background-size: auto 100%;
		background-size: auto 100%;
	}
	.c-block{
		padding:3em 0;
	}
	.navBox{
		width:45px;
		padding:17px 0 0 0;
		height:30px;
		position:absolute;
		right:0%;
		top:0;		
	}
	.navBox.ui-check{
		right:30%;
		-webkit-transition: right 1s;
		-o-transition: right 1s;
		transition: right 1s;
	}
	.navOpen{
		height:12px;
		width:22px;
		display:block;
		margin:0 auto;
		border-top:2px solid #666;
		border-bottom:2px solid #666;
		position:relative;
		z-index:1;
	}
	.navOpen:after{
		display:block;
		position:absolute;
		left:0;
		right:0;
		height:2px;
		overflow:hidden;
		content:'';
		background:#666;
		top:50%;
		margin-top:-1px;
		z-index:1;
		}
	.navBox:before{
		width:2px;
		height:18px;
 		display:block;
		content:'';
		background:#fff;
		left:14px;
		top:15px;
		position:absolute;
		z-index:333;
	}
	.c-block h3{
		font-size: 1.1em;
	}
	.c-Services li .title{
		font-size: 1.4em;
	}
	.c-Services li .text{
		margin: 0 6%;
	}
	.c-Case .pic-list .pic-item{
		width:100%;
	}
	.c-Case .pic-list .lbtn-arrow{
		display: none;
	}
	.c-Case .pic-list .pic-item ul li{
		width:100%;
		margin: 0;
	}
	.c-Case .pic-list .pic-item ul li img{
		width:100%;
	}
	.c-contact-us .link-consult{
		font-size: 1em;
	}
	.c-contact-us .link-consult>.wrap>div{
		float: none;
		margin: 0;
	}
	.c-contact-us .consult .qrcode{
		display: none;
	}
	.c-contact-us .consult p{
		-webkit-background-size: auto 80%!important;
		background-size: auto 80%!important;
		margin-top: 0px!important;
	}
	.c-contact-us{
		padding:0;
	}
	.footer{
		font-size: 1.2em;
		padding:2em;
	}

}