@charset "utf-8";
#section{
	width:100%;
	padding-bottom:50px;
	color:#050505;
}
 .sub{
	width:1200px;
	margin:0 auto;
}
.border{
	border-top:1px solid #11a6ea;
}
.project{
	background: url(../img/projectBg.jpg) no-repeat center top;
	padding-top:488px;
}
.interact{
	background: url(../img/jiaohuBg.jpg) no-repeat center top;
	padding-top:580px;
}
.mall{
	background: url(../img/mallBg.jpg) no-repeat center top;
	padding-top:510px;
}
.build{
	background: url(../img/buildBg.jpg) no-repeat center top;
	padding-top:588px;
}
.consult{
	background: url(../img/consultBg.jpg) no-repeat center top;
	padding-top:483px;
	padding-bottom:50px;
}
.function>.title{
	background: url(../img/projectIcon.png) no-repeat -22px top;
	width:374px;
	height:68px;
	margin:40px auto 50px;
}
.advantage>.title{
	background: url(../img/projectIcon.png) no-repeat -22px -76px;
	width:170px;
	height:68px;
	margin:40px auto 50px;
}
.advantage{
	border-top: 1px solid #22adec;
}
.function{
	margin-bottom:56px;
}
.advantage .content{
	text-align: center;
}
.advantage ul{
	width:1200px;
	margin:0 auto;
	text-align: left;
}
.advantage h3{
	color:#22ADEC;
	line-height: 34px;
}
.advantage p{
	color:#6a6969;
}
.function ul .title{
	height:36px;
	line-height: 36px;	
}
.project p{
	padding:10px 0;
	line-height: 24px;
}
.function .left p{
	padding-right:280px;
}
.function .right p{
	padding-left:280px;
}
.function .title h3{
	background: url(../img/projectIcon.png) no-repeat;
	width:246px;
	text-align: center;
	color:#fff;
	padding-left:10px;
	font-size: 18px;
	font-weight: 500;
	letter-spacing: 0;
}
.function .left h3{
	float: left;
}
.function .right h3{
	float: right;
}
.function .one .title h3{
	background-position: -24px -156px;
}
.function .two .title h3{
	background-position: -24px -209px;
}
.function .three .title h3{
	background-position: -24px -266px;
}
.function .four .title h3{
	background-position: -24px -324px;
}
.function .five .title h3{
	background-position: -24px -375px;
}
.function .six .title h3{
	background-position: -24px -430px;
}
.function .seven .title h3{
	background-position: -18px -484px;
}
.function .eight .title h3{
	background-position: -18px -537px;
}
.function .nine .title h3{
	background-position: -18px -593px;
}
.function .ten .title h3{
	background-position: -16px -647px;
	width:310px;
}
.case .title{
	width:150px;
	margin:58px auto 86px;
	position:relative;
}
.case .title h2{
	color:#038afc;
	font-size: 36px;
	font-family: '黑体';
	font-weight: 700;
}
.case .title span{
	position:absolute;
	top:50px;
	left:34px;
	display: block;
	width:82px;
	height:3px;
	background: #898989;
}
.case .title i{
	display: block;
	position:absolute;
	top:53px;
	left:60px;
	width:0;
	height:0;
	border:15px solid #fff;
	border-top:25px solid #038AFC;
}
.case li{
	float: left;
	width:596px;
	border:1px solid #a0a0a0;
	margin-bottom:15px;
}
.case li img{
	width:100%;
	height:400px;
}
.case li.odd{
	margin-right:4px;
}
.case li a{
	color:#0291fc;
}
.case li p{
	text-align: center;
	background: #bfbfbf;
	height:30px;
	line-height: 30px;
	font-size: 15px;
}
.case li a:hover{
	color:#ff0000;
}
#section.interact {
	color:#313232; 
}
.interact .iphone{
	padding:50px 0;
}
.interact .iphone .pic{
	width:50%;
	text-align: center;
}
.interact .iphone .txt{
	width:50%;
}
.interact .data .pic{
	float: left;
}
.interact .import .pic{
	float: right;
}
.interact .data .txt{
	float: left;
}
.interact .import .txt{
	float: right;
}
.title h3{
	color:#2a9bfb;
	font-size: 36px;
	letter-spacing: 2px;
	font-weight: 700;
	text-align: center;
}
.interact .iphone h3{
	padding-left:50px;
	color:#2a9bfb;
	font-size: 36px;
	letter-spacing: 2px;
	font-weight: 700;
	text-align: left;
}
.interact .iphone p{
	padding:30px 0;
	padding-left:50px;
	line-height: 24px;
}
.interact .data .txt i{
	font-style: normal;
	color:#ff0000;
}
.interact .data .txt .more{
	color:#2a9bfb;
	font-size: 22px;
	padding:0 0 0 50px;
	line-height: 30px;
}
.interact .tedian .content{
	background: url(../img/tedian.jpg) no-repeat center;
	height:420px;
	margin-bottom:54px;
}
.interact .tedian .title{
	width:272px;
	height:58px;
	line-height: 58px;
	text-align: center;
	border:2px solid #2A9BFB;
	border-radius: 10px;
	margin:40px auto;
}
.interact .tedian li{
	float: left;
	width:158px;
	text-align: center;
}
.interact .tedian h4{
	font-size: 22px;
}
.interact .first{
	padding-top:10px;
}
.interact .first li{
	border-top:1px solid;
}
.interact .last li{
	border-bottom:1px solid;
}
.interact .tedian li.one{
	border-color:#f7941d;
	color:#f7941d;
	margin-left:184px;
}
.interact .tedian li.two{
	border-color:#1c69b9;
	color:#1c69b9;
	margin-top:20px;
	margin-left:194px;
}
.interact .tedian li.three{
	border-color:#c490bf;
	color:#c490bf;
	margin-top:20px;
	margin-left:164px;
}
.interact .tedian li.four{
	border-color:#01a89e;
	color:#01a89e;
	margin-left:12px;
}
.interact .tedian li.five{
	border-color:#ee2b7a;
	color:#ee2b7a;
	margin-left:190px;
}
.interact .tedian li.six{
	border-color:#8fc31f;
	color:#8fc31f;
	margin-left:178px;
}
.interact .tedian li.seven{
	border-color:#01a89e;
	color:#01a89e;
	margin-left:170px;
}
.interact .tedian li p{
	color:#363636;
	line-height: 20px;
	font-size: 14px;
}
.interact .last{
	padding-top:224px;
}
.interact .explain h3{
	text-align: center;
	padding:80px 0 66px;
}
.interact .explain li{
	width:412px;
	padding:0 94px;
	float: left;
	position:relative;
	font-size: 20px;
	margin-bottom:50px;
}
.interact .explain li h4{
	font-weight: 700;
	line-height: 60px;
}
.interact .explain span{
	width:60px;
	height:80px;
	position:absolute;
	top:20px;
	left:20px;
	display: block;
}
.interact .explain .one span{
	background:url(../img/icon.png) no-repeat -10px -8px;
}
.interact .explain .two span{
	background:url(../img/icon.png) no-repeat -211px -8px;
}
.interact .explain .three span{
	background:url(../img/icon.png) no-repeat -106px -8px;
}
.interact .explain .four span{
	background:url(../img/icon.png) no-repeat -308px -8px;
}
.interact .explain .five span{
	background:url(../img/icon.png) no-repeat -412px -8px;
}
.interact .explain .six span{
	background:url(../img/icon.png) no-repeat -496px -8px;
}
.mall .consultBox{
	position: relative;
}
#freeConsult{
	position:absolute;
	top:-324px;
	left:28px;
	color:#fff;
	background: #2A9BFB;
	width:98px;
	height:32px;
	text-align: center;
	border-radius: 10px;
	line-height: 32px;
}
#freeConsult:hover{
	cursor:pointer;
}
.mall .title{
	padding-top:76px;
	text-align: center;
	width:400px;
	margin:0 auto;
}
.mall .title p{
	padding:20px 80px;
}
.mall .title i{
	display: block;
	width:34px;
	height:34px;
	margin:0 auto;
	background: url(../img/mallIcon.png) no-repeat -886px -72px;
}
.mall .content{
	text-align: center;
	margin-bottom:40px;
}
.mall p{
	color:#999999;
}
.mall .content.oto_all p{
	letter-spacing: 2px;
}
.mall .content h4{
	font-size: 28px;
	line-height: 150px;
}
.mall .content.oto_all h4{
	line-height: 92px;
}
.mall .content h5{
	font-size: 18px;
	color:#060606;
}
.mall .content li{
	float: left;
}
.mall .content.oto_all li{
	width:210px;
	margin-right:96px;
}
.mall .content.oto_all h5{
	margin:24px 0 10px;
}
.mall .content.oto_all li.four{
	margin-right:0;
}
.mall .content.oto_all li .pic{
	height:150px;
	margin:0 auto;
}
.mall .content.oto_all li.one .pic{
	background: url(../img/mallIcon.png) no-repeat -5px 0px;
	width:120px;
}
.mall .content.oto_all li.two .pic{
	background: url(../img/mallIcon.png) no-repeat -130px 0px;
	width:186px;
}
.mall .content.oto_all li.three .pic{
	background: url(../img/mallIcon.png) no-repeat -314px 0px;
	width:170px;
}
.mall .content.oto_all li.four .pic{
	background: url(../img/mallIcon.png) no-repeat -488px 0px;
	width:196px;
}
.mall .oto_through li,.mall .member li{
	width:286px;
	position:relative;
	padding-left:246px;
	text-align: left;
}

.mall .content.oto_through li.one,.mall .content.oto_through li.three{
	margin-right:68px;
}
.mall .member li.one,.mall .member li.three{
	padding-left:300px;
}
.mall .content.oto_through li.two,.mall .content.oto_through li.four,.mall .member li.two,.mall .member li.four{
	margin-left:68px;
}
.mall .member li.four{
	width:234px;
	padding-left:300px;
}
.mall .member li.five{
	width:580px;
	padding-left:174px;
	margin-left:360px;
}
.mall .member li.five h5{
	margin-top:0;
}
.mall .oto_through li h5{
	line-height: 54px;
	margin-top:50px;
}
.mall .member li h5{
	margin-top:36px;
	line-height: 54px;
}
.mall .oto_through li p{
	margin-bottom:126px;
}
.mall .oto_through li .pic{
	width:236px;
}
.mall .oto_through li .pic,.mall .member li .pic{
	position:absolute;
	height:174px;
	top:0;
	left:0;
}
.mall .member li .pic{
	width:272px;
}
.mall .content.oto_through li.one .pic{
	background: url(../img/mallIcon.png) no-repeat 12px -164px;
}
.mall .content.oto_through li.two .pic{
	background: url(../img/mallIcon.png) no-repeat -218px -164px;
}
.mall .content.oto_through li.three .pic{
	background: url(../img/mallIcon.png) no-repeat -448px -164px;
}
.mall .content.oto_through li.four .pic{
	background: url(../img/mallIcon.png) no-repeat -682px -164px;
}
.mall .member li.one .pic{
	background: url(../img/mallIcon.png) no-repeat -9px -355px;
}
.mall .member li.two .pic{
	background: url(../img/mallIcon.png) no-repeat -298px -355px;
	width:158px;
	left:80px;
}
.mall .member li.three .pic{
	background: url(../img/mallIcon.png) no-repeat -448px -355px;
	width:260px;
}
.mall .member li.four .pic{
	background: url(../img/mallIcon.png) no-repeat -696px -355px;
	left:30px;
	width:250px;
}
.mall .member li.five .pic{
	background: url(../img/mallIcon.png) no-repeat -696px 12px;
	width:174px;
	top:-48px;
}
.zx_pop{
	width:100%;
	height:100%;
	position:fixed;
	top:0;
	left:0;
	z-index: 500;
	display: none;
}
.zx_pop .mask-body{
	width:100%;
	height:100%;
	background: #000;
	opacity: 0.8;
	position:relative;
	z-index: 500;
}
.active_pop_body{
	width:710px;
	height:480px;
	position:fixed;
	left:50%;
	top:50%;
	margin-left:-355px;
	margin-top:-245px;
	z-index: 600;
	box-shadow: 0 0 10px 5px rgba(0,0,0,0.2);
	border-radius: 20px;
	background: #fff;
}
.apply-con{
	position:relative;
}
.apply-con a.close{
	width:44px;
	height:44px;
	display: block;
	position: absolute;
	right:10px;
	top:10px;
	background:url(../img/close-img.png) #fff no-repeat 50%;
	border-radius: 50%;
}
.apply-con .apply-top{
	height:170px;
	background:#3db1ea;
	border-radius: 20px 20px 0 0;
}
.apply-con .title{
	font-size: 34px;
	color:#fff;
	text-align: center;
	padding-top: 60px;
	line-height: 34px;
}
.apply-con .subtitle{
	line-height: 50px;
	color:#fff;
	padding-bottom: 10px;
	text-align: center;
}
.apply-con .form{
	padding: 30px 50px;
}
.apply-con .textfile{
	width:406px;
	height:40px;
	margin-bottom: 15px;
	position:relative;
	padding-left:110px;
}
.apply-con .textfile span.t{
	width:80px;
	height:40px;
	line-height: 40px;
	display: block;
	position:absolute;
	left:0;
	top:0;
	text-align: right;
}
.apply-con .textfile input{
	width:384px;
	height:38px;
	line-height: 38px;
	border:1px solid #e4e4e4;
	padding:0 10px;
}
.align-center{
	text-align: center;
}
.apply-con .textfile a.submit{
	width:130px;
	height:37px;
	display: inline-block;
	background: #3DB1EA;
	text-align: center;
	line-height: 37px;
	color:#fff;
	font-size: 16px;
	border-radius: 19px;
	margin:20px 0 0;
}
.red{
	color:red;
}
.mr5{
	margin-right:5px;
}
.apply-con .textfile a.submit:hover{
	background: #1b77b9;
}
.build .strengths li{
	float: left;
	width:90px;
	margin:0 21px;
	position:relative;
	cursor: pointer;
}
.build .strengths{
	text-align: center;
	line-height: 46px;
}
.build .strengths h3{
	padding:70px 0 20px;
}
.build .strengths li a{
	display: block;
}
.build .strengths li a,.build .strengths li span{
	width:90px;
	height:90px;
}
.build .strengths li span{
	display: none;
	position:absolute;
	top:0;
	left:0;
	background: url(../img/icon.png) no-repeat -608px 0px;
	transform: rotate(0deg);
}
.build .strengths li span:hover{
	transform: rotate(360deg);
	transition: transform 1s;
}
.build .strengths li span.active{
	display: block;
}
.build .strengths li.one a{
	background: url(../img/icon.png) no-repeat 5px -123px;
}
.build .strengths li.two a{
	background: url(../img/icon.png) no-repeat -100px -123px;
}
.build .strengths li.three a{
	background: url(../img/icon.png) no-repeat -200px -123px;
}
.build .strengths li.four a{
	background: url(../img/icon.png) no-repeat -309px -123px;
}
.build .strengths li.five a{
	background: url(../img/icon.png) no-repeat -399px -123px;
}
.build .strengths li.six a{
	background: url(../img/icon.png) no-repeat -496px -123px;
}
.build .strengths li.seven a{
	background: url(../img/icon.png) no-repeat -601px -123px;
}
.build .strengths li.eight a{
	background: url(../img/icon.png) no-repeat -706px -123px;
}
.build .strengths li.nine a{
	background: url(../img/icon.png) no-repeat -811px -123px;
}
.build .content .txt{
	padding:60px;
	width:480px;
}
.build .content li .sub{
	position:relative;
}
.build .content .pic{
	position:absolute;
}
.build .content .left .txt{
	float: right;
}
.build .content .left .pic{
	left:100px;
}
.build .content .right .pic{
	left:700px;
}
.build .content .right .txt{
	float: left;
}
.build .content .txt h3{
	color:#2a9bfb;
	font-size: 36px;
	line-height: 68px;
}
.build .content .txt span{
	color:#050505;
	font-size: 20px;
}
.build .content .txt dt{
	color:#1a1a1a;
}
.build .content .txt p,.build .content .txt dl{
	padding-top:20px;
	line-height: 24px;
	font-size: 16px;
}
.build .content .txt p,.build .content .txt dd{
	color:#313232;
}
.build .content .txt dd{
	padding:10px;
}
.build .content li.one .pic{
	background: url(../img/buildIcon.png) no-repeat -126px 0px;
	width:250px;
	height:260px;
	top:10px;
}
.build .content li.two .pic{
	background: url(../img/buildIcon.png) no-repeat -24px -350px;
	width:450px;
	height:280px;
	top:110px;
}
.build .content li.three .pic{
	background: url(../img/buildIcon.png) no-repeat -88px -680px;
	width:320px;
	height:230px;
	top:110px;
}
.build .content li.four .pic{
	background: url(../img/buildIcon.png) no-repeat -96px -959px;
	width:326px;
	height:120px;
	top:80px;
}
.build .content li.five .pic{
	background: url(../img/buildIcon.png) no-repeat -134px -1124px;
	width:270px;
	height:150px;
	top:54px;
}
.build .content li.six .pic{
	background: url(../img/buildIcon.png) no-repeat -166px -1288px;
	width:170px;
	height:170px;
	top:80px;
}
.build .content li.seven .pic{
	background: url(../img/buildIcon.png) no-repeat 3px -1500px;
	width:530px;
	height:200px;
	top:200px;
	left:50px;
}
.build .content li.eight .pic{
	background: url(../img/buildIcon.png) no-repeat -88px -1740px;
	width:340px;
	height:340px;
	top:56px;
}
.build .content li.nine .pic{
	background: url(../img/buildIcon.png) no-repeat -114px -2120px;
	width:270px;
	height:220px;
	top:146px;
}
.consult .content{
	margin-top:40px;
	border-top:1px solid #959595;
}
.consult .content p{
	line-height: 50px;
	border-bottom:1px solid #959595;
}
.consult .content p span{
	display: inline-block;
	background: #eeeeee;
	padding:0 126px;
	margin-right:10px;
}
.news{
	background: #f6f6f6;
	padding-bottom:50px;
}
.news .title{
	padding:50px 0;
	
	text-align: center;
}
.news .content .title{
	background: none;
	font-size: 24px;
	line-height: 31px;
}
.news .content .title .time{
	font-size: 14px;
	line-height: 22px;
	color:#979797;
	padding:14px 0 18px 0;
	border-bottom:#e1e0e0 solid 1px;
}
.news .newsList{
	margin-bottom:30px;
}
.news .newsList .pic{
	float: left;
	width:300px;
}
.news .newsList .pic img{
	display: block;
	width:154px;
	height:132px;
	vertical-align: middle;
}
.news .newsList .txt{
	float: left;
	width:900px;
}
.news .newsList li{
	padding:34px 0;
}
.news .newsList li:nth-of-type(even){
	background: #f6f6f6;
}
.news .newsList li:nth-of-type(odd){
	background: #fff;
}
.news .newsList .txt span{
	display: block;
	width:100%;
	height:22px;
	margin:17px 0 0 0;
	font-size: 14px;
	line-height: 22px;
	color:#808080;
}
.news .newsList .txt h4{
	height:32px;
	font-size: 16px;
	line-height: 32px;
	overflow: hidden;
	width:100%;
}
.news .newsList .txt h4 a{
	color:#333;
}
.news .newsList .txt h4 a:hover{
	color:#2a9bfb;
}
.news .newsList .txt p{
	height:44px;
	line-height: 22px;
	overflow: hidden;
	width:100%;
	margin:7px 0 0 0;
	color:#808080;
}
.news .layui-laypage .layui-laypage-curr .layui-laypage-em{
	background: #2a9bfb;
}
.news .newsContent{
	border-bottom:#e1e0e0 solid 1px;
	padding-bottom:50px;
}
.news .newsContent p{
	font-size: 14px;
	line-height: 200%;
	margin-bottom: 10px;
}
.news .content{
	background: #fff;
	padding:0 20px;
}
.news .page a:hover{
	color:#0e8df9;
}
.news .page p{
	max-width:600px;
	overflow: hidden;
	line-height: 50px;
}
.news .page p.prev{
	float: left;
}
.news .page p.next{
	float: right;
}
.r_back a{
	display: block;
	float: right;
	width:117px;
	height:48px;
	background: #7ecef4;
	line-height: 48px;
	text-align: center;
	color:#fff;
	font-size: 16px;
}
.r_back a:hover{
	background: #0e8df9;
	color:#fff;
}