/*弹性布局*/
.disFlex{
	display:flex;
	display:-ms-flexbox;
	display: -webkit-flex;
}

.topBanner{
	width:100%;
	height:506px;
	padding-top:56px;
	box-sizing:border-box;
	background:#036fe2;
	margin-bottom:45px;
}
.banner_middle{
	height:100%;
	width:1180px;
	padding:0 10px;
	margin:0 auto;
	justify-content:space-between;
	align-items:center;
}
.banner_middle .banner_theme{
	font-size:48px;
	color:#fff;
	padding-bottom:30px;
}
.banner_middle .banner_description{
	font-size:16px;
	color:#fff;
	text-align:left;
	line-height:30px;
}
.banner_middle .right_banner{
	height:300px;
	width:370px;
}
.banner_middle img{
	height:100%;
	width:100%;
}

.videoPart{
	height:300px;
	width:1000px;
	margin:0 auto;
	box-shadow:0 3px 15px rgba(0,0,0,0.2);
	justify-content:space-between;
	align-items:center;
	cursor:pointer;
	margin-bottom:80px;
}
.videoPart .video_left{
	line-height:30px;
	font-size:16px;
	padding-left:60px;
}
.videoPart .video_right{
	height:300px;
	width:460px;
	background:indianred;
}
.videoPart .video_right img{
	height:100%;
	width:100%;
}
.function_specialty{
	height:560px;
	width:1180px;
	padding:0 10px;
	margin:0 auto;
	/*background:indianred;*/
}
.function_specialty .function_title{
	font-size:28px;
	text-align:center;
}
.function_specialty .function_main{
	height:400px;
	width:100%;
	margin-top:50px;
}
.function_specialty .function_main ul{
	height:auto;
	width:100%;
	justify-content:space-between;
}
.function_specialty .function_main ul li{
	width:20%;
	height:400px;
	/*background:darkgoldenrod;*/
	text-align:center;
}
.function_specialty .function_main ul li .funUp{
	height:180px;
	width:180px;
	border-radius:50%;
	margin:0 auto;
	margin-bottom:20px;
	transform:scale(0.9);
	-ms-transform:scale(0.9);
	-moz-transform:scale(0.9);
	-webkit-transform:scale(0.9);
	-o-transform:scale(0.9);
	transition:transform 0.5s;
	-ms-transition:transform 0.5s;
	-moz-transition:transform 0.5s;
	-webkit-transition:transform 0.5s;
	-o-transition:transform 0.5s;
}
.function_specialty .function_main ul li .funUp:hover{
	transform:scale(1.05);
	-ms-transform:scale(1.05);
	-moz-transform:scale(1.05);
	-webkit-transform:scale(1.05);
	-o-transform:scale(1.05);
	transition:transform 0.5s;
	-ms-transition:transform 0.5s;
	-moz-transition:transform 0.5s;
	-webkit-transition:transform 0.5s;
	-o-transition:transform 0.5s;
}
.function_main ul li .funText{
	font-size:18px;
	color:#101010;
	padding-bottom:15px;
}
.function_main ul li .funDescription{
	font-size:14px;
	line-height:24px;
	color:#767676;
}
/*手机导航*/
.phoneChat{
	height:680px;
	width:100%;
	background:#036FE2;
}
.phoneChat .phone_main{
	height:100%;
	width:1180px;
	padding:0 10px;
	margin:0 auto;
	position:relative;
}
.phone_main .phone_title{
	font-size:32px;
	text-align:center;
	color:#fff;
	padding-top:70px;
}
.phoneChat .middle_img{
	height:506px;
	width:335px;
	position:absolute;
	bottom:0;
	left:50%;
	margin-left:-169px;
}
/*.middle_img img{
	height:100%;
	width:100%;
}*/
.middle_img .outWindow{
	position:absolute;
	top:78px;
	left:29px;
	height:78px;
	width:279px;
	background:#51596A;
}
.phoneChat .fa{
	font-size:24px;
	color:#fff;
}
.phoneChat .fa-wechat{
	color:rgb(30,175,34);
	padding:0 12px 0 18px;
}
.phoneChat .outWindow .fa-volume-up{
	padding-left:106px
}
.middle_img .outWindow .title_p{
	font-size:16px;
	color:#fff;
	padding-top:10px;
	animation:flashTime 2s infinite linear;
	-webkit-animation:flashTime 2s infinite linear;
}
.middle_img .outWindow .content_p{
	font-size:9px;
	padding-left:7px;
	color:#fff;
	padding-top:12px;
	animation:flashTime 2s infinite linear;
	-webkit-animation:flashTime 2s infinite linear;
}
.phone_main .fa_img1{
	position:absolute;
	bottom:196px;
	right:90px;
}
.phone_main .fa_img2{
	position:absolute;
	bottom:80px;
	left:95px;
}
@keyframes flashTime
{
0%{opacity:0;}
50%{opacity:1;}
}
@-moz-keyframes flashTime /* Firefox */
{
0%{opacity:0;}
50%{opacity:1;}
}
@-webkit-keyframes flashTime /* Safari 和 Chrome */
{
0%{opacity:0;}
50%{opacity:1;}
}
@-o-keyframes flashTime /* Opera */
{
0%{opacity:0;}
50%{opacity:1;}
}
.phone_main #explain_1{
	width:280px;
	position:absolute;
	height:100px;
	background:#009688;
	left:10px;
	top:277px;
}
.phone_main #explain_2{
	width:345px;
	box-sizing:border-box;
	padding-right:5px;
	position:absolute;
	height:90px;
	background:#CA537B;
	right:20px;
	top:190px;
}
.phone_main #explain_3{
	width:345px;
	box-sizing:border-box;
	padding-right:5px;
	position:absolute;
	height:90px;
	background:#fff;
	bottom:90px;
	right:20px;
}
.phone_main .detail_explain .fa{
	padding:0 10px 0 10px;
}
.phone_main .detail_explain .explain_p1{
	font-size:16px;
	line-height:30px;
	padding-top:5px;
	align-items:center;
}
.phone_main .detail_explain .explain_p1 span{
	color:#fff;
}
.phone_main .detail_explain .explain_p2{
	line-height:24px;
	font-size:14px;
	padding:0 0 0 10px;
	color:#fff;
}

/*应用*/
.placePart{
	height:auto;
	width:100%;
}
.placePart ul{
	height:auto;
	width:1180px;
	padding:0 10px;
	margin:0 auto;
	display:block;
}
.placePart ul li{
	height:385px;
	width:100%;
}
.placePart .place_li1 img{
	height:350px;
	width:350px;
	padding-top:35px;
	margin-right:100px;
}
.placePart .place_title1{
	color:#0B0A0A;
	font-size:36px;
	padding:90px 0 35px 0;
}
.placePart .detail_part{
	font-size:15px;
	color:#101010;
	line-height:30px;
}
.placePart .place_li2 img{
	height:350px;
	width:350px;
	margin-left:50px;
}
.placePart .place_title2{
	color:#0B0A0A;
	font-size:28px;
	padding:90px 0 35px 0;
}
.technologyPart{
	height:500px;
	width:100%;
	background:#036FE2;
}
.technology_main{
	width:1180px;
	padding:0 10px;
	height:100%;
	margin:0 auto;
}
.technology_main .technology_title{
	text-align:center;
	color:#fff;
	font-size:28px;
	padding-top:70px;
}
.technology_main .techology_ul{
	height:auto;
	width:100%;
	margin-top:60px;
	justify-content:space-between;
}
.technology_main .techology_ul li{
	width:24%;
	height:auto;
	text-align:center;
}
.technology_main .techology_ul li .fa{
	font-size:80px;
	color:#fff;
}
.technology_main .tech_liTitle{
	font-size:18px;
	color:#fff;
	padding-top:40px;
}
.technology_main .tech_detail{
	padding-top:15px;
	font-size:14px;
	color:#eee;
	line-height:24px;
}
.sucessCase{
	width:100%;
	height:auto;
}
.sucess_main{
	width:1180px;
	padding:0 10px;
	margin:0 auto;
	height:auto;
}
.sucess_main .sucess_title{
	text-align:center;
	color:#101010;
	font-size:28px;
	padding:70px 0 60px 0;
}
.sucess_main ul{
	height:300px;
	width:100%;
	justify-content:space-between;
}
.sucess_main ul li{
	height:100%;
	width:260px;
	text-align:center;
}
.sucess_main ul li .case_up{
	height:200px;
	width:260px;
	margin:0 auto;
}
.sucess_main ul li .case_name{
	font-size:15px;
	line-height:20px;
	color:#101010;
	padding-top:20px;
}
.sucess_main a{
	display:block;
	height:66px;
	width:200px;
	text-align:center;
	background:#036FE2;
	color:#fff;
	font-size:20px;
	line-height:66px;
	margin:0 auto;
	margin-bottom:70px;
}
.sucess_main a:hover{
	background:#5260b0;
}