/* ==========================================================================
    关于我们
   ========================================================================== */
.about{
	margin-bottom:92px;
}
.about .text p{
	margin-top:30px;
	color:#777777 !important;
	line-height:28px;
}
/* =========================最小1200px*/
@media (min-width: 1200px) {
	.about h3{
		width:19%;
	}
	.about .img a img{
		float:left;
	}
	.about .img span{
		float:left;
		display:block;
		margin-top:120px;
		width:58px;
		height:320px;
		
	}
	.about .text{
		margin:140px auto;
	}
}
/* =========================最小768px和最大1199px*/
@media (min-width: 768px) and (max-width: 1199px){
	.about h3{
		width:22%;
	}
	.about .img a img{
		float:left;
	}
	.about .text{
		margin:55px auto;
	}
 }
/* =========================最大767px*/
@media (max-width: 767px) {
	.about h3{
		width:36%;
	}
	.about .text{
		margin:55px auto;
	}
}
/* ==========================================================================
    应用中心
   ========================================================================== */
.area{
	background:#f7f6f2;
	margin-bottom:90px;
}
.area .container{
	padding-top:78px;
	padding-bottom:92px;
}
.area .content div p{
	text-align: center;
}
.area .title h6,.area .title h3{
	margin:20px auto;
	text-align:center;
}
.area .title p{
	text-align:center;
	color:#cccccc !important;
	margin-bottom:32px;
}
.area .content div p{
	line-height:25px;
}
.area .content div{
	background:#fff;
}
.yyhy_box{ padding:0 60px; position:relative;}
.yyhy_zs{ width:100%; overflow:hidden;}
.yyhy_list{ position:relative; width:6000px; margin-left:-300px;}
.yyhy_box .yyhy_list li{ width:250px; float:left; background:#fff; text-align:center; padding-top:20px; padding-bottom:20px;}
.yyhy_box .yyhy_list li img{ margin:30px auto;}
.yyhy_box .yyhy_list li a p{ color:#fff; line-height:40px; font-size:14px; text-align:center;}
.yyhy_box .yyhy_list li:hover{ background:#rgba(255,255,255,0.4);}
.yyhy_box .right-btn{position:absolute; right:0; top:50%; margin-top:-25px; background:rgba(0,0,0,0.3);width:50px; height:50px; border-radius:50%;}
.yyhy_box .left-btn{ position:absolute; left:0; top:50%; margin-top:-25px; background:rgba(0,0,0,0.3); width:50px; height:50px; border-radius:50%;}
.left-btn:hover{ background:#1868b3;}
.right-btn:hover{ background:#1868b3;}
.yyhy_box .left-btn img{ width:20px; margin-left:15px; margin-top:15px;}
.yyhy_box .right-btn img{ width:20px; margin-left:15px; margin-top:15px;}
/* =========================最小1200px*/
@media (min-width: 1200px) {
	.area .title h6,.area .title h3{
		width:9%;
		margin:20px auto;
	}
	.area .title p{
		text-align:center;
		line-height:54px;
	}
	.area .content{
		margin-top:50px;
	}
	.area .content div{
		width:22%;
		margin-right:3%;
		height:245px;
	}
	.area .content div a{
		display:block;
		margin-top:65px;
	}
}
@media (min-width: 768px) and (max-width: 1199px){
	.area .title h6,.area .title h3{
		width:13%;
		margin:20px auto;
	}
	.area .title p{
		text-align:center;
		line-height:40px;
	}
	.area .content{
		margin-top:50px;
	}
	.area .content div{
		width:22%;
		margin-right:3%;
		height:210px;
	}
	.area .content div a{
		display:block;
		margin-top:40px;
	}
}
/* =========================最大767px*/
@media (max-width: 767px) {
	.area .title h6,.area .title h3{
		width:31%;
		margin:20px auto;
	}
	.area .title p{
		text-align:center;
		line-height:40px;
	}
	.area .content div{
		width:46%;
		margin-top:10px;
		margin-right:3%;
		height:200px;
	}
	.area .content div a{
		display:block;
		margin-top:40px;
	}
}
/* ==========================================================================
    荣誉资质
   ========================================================================== */

/* =========================最小1200px*/
@media (min-width: 1200px) {
	.honor h3,.honor h6{
		width:9%;
		margin:0 auto;
		text-align:center;
	}
	.honor h6{
		padding-bottom:10px;
	}
	.honor .content{
		margin-top:50px;
	}
	.honor .content img{
		width:255px;
		height:184px;
	}
}
/* =========================最小768px和最大1199px*/
@media (min-width: 768px) and (max-width: 1199px){
	.honor h3,.honor h6{
		width:14%;
		margin:0 auto;
		text-align:center;
	}
	.honor h6{
		padding-bottom:10px;
	}
	.honor .content{
		margin-top:50px;
	}
	.honor .content div{
		width:25%;
		float:left;
		margin-bottom:20px;
	} 
 }
/* =========================最大767px*/
@media (max-width: 767px) {
	.honor h3,.honor h6{
		width:30%;
		margin:0 auto;
		text-align:center;
	}
	.honor h6{
		padding-bottom:10px;
	}
	.honor .content{
		margin-top:50px;
	}
	.honor .content div{
		width:100%;
		padding-left:11%;
		margin-bottom:20px;
	}
}