/* ==========================================================================
    产品中心
   ========================================================================== */
.product .more_nav li{
	text-align:center;
}
.product .more_nav li a:hover{
	display:block;
	background:#1868b3;
	color:#fff !important;
}
.clearfix{ clear:both;}
.products .row .title{ width:120px; margin-left:60px;}
.row .cpzx_list{ width:22%; float:left;}
.row .cpzx_list li{ background:#eee; margin:2px 0;}
.row .cpzx_list li h1{ padding-left:20px; background:url(__TMPL__Public/assets/img/icon031.png) no-repeat center left; font-size:12px; font-weight:normal; line-height:24px;}
.row .cpzx_cont{ float:right; width:77%;}
.row .cpzx_cont ul li{ width:31.3%; margin:20px 1%; float:left; background:#dbdbdb; border:none;}
.row .cpzx_cont ul li .mg_box{ height:160px; overflow:hidden;}
.mg_box img{ width:100%;}
.row .cpzx_list li:hover{ background:#1868b3; color:#fff;}
.row .cpzx_list li:hover h1{ color:#fff;}
.row .cpzx_cont ul li h1{ font-size:14px; text-align:center; line-height:40px;width:90%; margin:auto;}
.row .cpzx_list .xuanzhong{ background:#1868b3; color:#fff;}
.xuanzhong h1{ color:#fff;}
.biaoti{ border-bottom:1px solid #ddd;}
.biaoti h1{ font-size:16px; line-height:30px; float:left; font-weight:bold;}
.biaoti span{ font-size:12px; color:#888; line-height:20px; float:right; margin-top:10px;}
.biaoti a:hover span{ color:#1868b3;}

/* =========================最小1200px*/
@media (min-width: 1200px) {
	.product h3{
		width:61%;
	}
	.Products{ max-width:1240px; margin:0 auto; min-width:1000px;}
	.cpzs_box{}
	.product .more_nav{ position:relative; width:5000px;
	}
	
	.product .more_nav li{
		width:150px;
		margin:50px 5px 0 5px; float:left;
	}
	.list div a p{
		line-height:52px;
	}
	.list div a img{
		width:100%;
		height:189px;
	}
.xuanzhong{ background:#1868b3; color:#fff;}
.xuanzhong h1{ color:#fff;}
}
/* =========================最小768px和最大1199px*/
@media (min-width: 768px) and (max-width: 1199px){
	.product h3{
		width:15%;
	}
	.Products{ width:100%; margin:auto;}
	.cpzs_box{width:640px;}	
	.product .more_nav li{
		width:10%;
		margin:25px 2% 25px 4%;
	}
	.ptoduct .list div{
		width:20;
		float:left;
	}
	.list div a p{
		line-height:21px;
		font-size:12px;
		margin-top:11px;
		padding-bottom:7px;
	}
	.list div a img{
		width:157px;
		height:113px;
	}
 }
/* =========================最大767px*/
@media (max-width: 767px) {
	.product{
		margin-top:30px;
	}
	.product h3{
		width:35%;
	}
	.product .more_nav li{
		border:1px solid #1868b3;
		background:#1868b3;
		width:27%;
		margin:1px 1% 16px 1%;
	}
	.product .more_nav li a{
		color:#fff !important;
		display:block;
	}
	.list div a img{
		height:192px;
	}
	.list div a img,.list div a p{
		width:92%;
	}
	.list div a p{
		line-height:52px;
	}
	.list div a img{
		width:100%;
		height:113px;
	}
	.product .list div{
		width:50%;
		float:left;
	}
	
.row .cpzx_list{ width:100%; clear:both;}
.row .cpzx_list li{ float:left; padding:0 10px; margin-right:20px; margin-bottom:10px;}
.row .cpzx_list li h1{ padding:0; line-height:26px; font-size:12px;}
.row .cpzx_cont{ clear:both; width:100%; }
.cpzx_cont ul{ width:100%;}
.row .cpzx_cont ul li{ width:48%;}
}
/* ==========================================================================
    关于我们
   ========================================================================== */
.about{
	padding:93px 0;
}
.about .container{
	background:#fff;
	padding:42px;
}
.about .img img{
	margin:0 auto;
}
.about .text{
	padding:15px;
}
.about .title h3{
	width:20%;
}
.about .title h6{
	margin-bottom:-7px;
}
.about .text p{
	line-height:26px;
}
.about .text .more a{
	display:block;
	background:#1868b3;
	text-align:center;
	border-radius:25px;
	color:#fff !important;
}
/* =========================最小1200px*/
@media (min-width: 1200px) {
	.about .img img{
		width:528px;
		height:309px;
	}
	.about .text{
		left:2%;
	}
	.about .text p{
		margin:23px auto;
	}
	.about .text .more a{
		line-height:50px;
		width:30%;;
	}
}
/* =========================最小768px和最大1199px*/
@media (min-width: 768px) and (max-width: 1199px){
	.about .title h6{
		margin-top:0px;
	}
	.about .title h3{
		width:23%;
	}
	.about .text{
		padding:10px;
	}
	.about .text p{
		margin:11px auto;
	}
	.about .text .more a{
		line-height:40px;
		width:33%;
	}
 }
/* =========================最大767px*/
@media (max-width: 767px) {
	.about{
		padding:25px 0;
	}
	.about .title h3{
		width:42%;
	}
	.about .text p{
		margin:20px auto;
	}
	.about .text .more a{
		margin-left:14%;
		line-height:40px;
		width:65%;
	}
}
/* ==========================================================================
    应用中心
   ========================================================================== */
.area{
	background-image: url(../img/app.jpg);
	background-size:100% 100%;
	margin-bottom:80px;
}
.area .container{
	padding-top:78px;
	padding-bottom:92px;
}
.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:rgba(0,0,0,0.6); color:#fff; text-align:center; padding-top:20px; padding-bottom:20px;}
.yyhy_box .yyhy_list li img{ margin:30px auto; width:60px;}
.yyhy_box .yyhy_list li a p{ color:#fff !important; line-height:30px; font-size:16px; text-align:center; height:30px; overflow:hidden;}
.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;}
.area .title h6,.area .title h3{
	margin:20px auto;
	color:#fff !important;
	text-align:center;
}
.area .title p{
	text-align:center;
	color:#cccccc !important;
	margin-bottom:32px;
}
.area .content div a{
	display:block;
	margin-top:55px;
}
.area .content div p{
	line-height:25px;
}
.area .content div:first-child{
	background:rgba(255,255,255,0.3);
}
.area .content div:first-child+div{
	background:rgba(0,0,0,0.3);
}
.area .content div:first-child+div+div{
	background:rgba(255,255,255,0.3);
}
.area .content div:first-child+div+div+div{
	background:rgba(0,0,0,0.3);
}
/* =========================最小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 div{
		height:272px;
	}
}
/* =========================最小768px和最大1199px*/
@media (min-width: 768px) and (max-width: 1199px){
	.area .title h6,.area .title h3{
		width:13%;
	}
	.area .title p{
		line-height:46px;
	}
	.area .content div{
		height:215px;
	}
 }
/* =========================最大767px*/
@media (max-width: 767px) {
	.area .container{
		padding-bottom:69px;
	}
	.area .title h6,.area .title h3{
		width:31%;
	}
	.area .title p{
		line-height:30px;
	}
	.area .content div{
		width:50%;
		height:203px;
	}
	.area .content div:first-child{
		background:rgba(0,0,0,0.3);
	}
	.area .content div:first-child+div{
		background:rgba(255,255,255,0.3);
	}
}
/* ==========================================================================
    新闻动态
   ========================================================================== */
.news{
	margin-top:40px;
}
.news .title h3,.news .title h6{
	text-align:center;
	margin:10px auto;
}
.news .content{
	margin-top:48px;
}
.news .content div{
	margin-bottom:50px;
}
.news .content img{
	width:100%;
}
.news .top{
	position:relative;
	height:100%;
	width:100%;
	margin:0 auto;
}
.news .top p{
	position: absolute;
	background:rgba(24,104,179,0.4);
	left: 33%;
	margin:0 auto;
	text-align:center;
	color:#fff !important;
}
.news .down h5{
	font-size:16px;
	margin-top:41px;
	margin-bottom:15px;
}
.news .down p{
	font-size:12px;
	line-height:24px;
}
/* =========================最小1200px*/
@media (min-width: 1200px) {
	.news .title h3,.news .title h6{
		width:9%;
	}
	.news .top p{		
		top:89px;
		font-size:22px;		
		width:33%;
		line-height:52px;
	}
}
/* =========================最小768px和最大1199px*/
@media (min-width: 768px) and (max-width: 1199px){
	.news .title h3,.news .title h6{
		width:15%;
	}
	.news .top{
		width:85%;
	}
	.news .top p{
		top:100px;
		font-size:22px;
		width:33%;
		line-height:52px;
	}
 }
/* =========================最大767px*/
@media (max-width: 767px) {
	.news .title h3,.news .title h6{
		width:35%;
	}
	.news .top p{
		top:33px;
		font-size:16px;	
		line-height:38px;
		width:36%;
		color:#fff;
	}
}