﻿@charset "utf-8";

.am-slider-default{ background:none;}
.am-control-nav li a{ background:#FFF;}
.sc-overlay{ display:none;}
.sc-prev{ width:10px; height:200px; display:block;}


.newcase{ width:100%; float:left;}
.newcase .row{ width:100%; float:left;}

.newcase .row img{ display:block; margin:0px auto; }
/*关于我们*/
.about{ width:100%; float:left;}
.about .row{ width:100%; float:left; text-align:center;}
.about .top{ width:100%; float:left; height:58px; border-bottom:1px solid #E5E5E5;}
.about .top .midle a{ display:block; float:left; line-height:56px; font-size:20px; color:#000; margin-left:40px;}
.about .top .midle a:hover{ color:#00487A; border-bottom:2px solid #00487A;}
.about .row .midle .logo_img{ margin:50px auto; display:block;}
.about .row .midle .jj{ display:block; float:left; width:100%; text-indent:2em; font-size:18px; line-height:40px; text-align: left;}
.about_wen{ background:url(../images/about_124.jpg) center;}
.about .row .s_row img{ margin:0px auto; display:block;}
.about .row .culture .single{ width:240px; float:left; height:280px; cursor:pointer;}
.about .row .culture .single .sin_img{ width:100%; float:left;}
.about .row .culture .single .sin_img img{ display:block; margin:30px auto; }
.about .row .culture .single .p1{ display:block; float:left; width:100%; text-align:center; font-size:20px;}
.about .row .culture .single .p2{ display:block; float:left; width:100%; text-align:center; color:#404040; margin-top:15px;}
.about .row .honor{ display:block; margin:0px auto;}
.about .row .honor_img{ display:inline-block;}
.about .row .honor_img .r_img{ margin-right:15px; margin-top:10px;}

.about .row .about-case .tit > p{
	display: block;
	float: left;
	line-height: 40px;
}
/*字体颜色*/
.font_bule{
	color: #00487a;
}
.font_gray{
	color: #e7e7e7;
}
.font_black{
	color: #404040;
}
.font_14{
	font-size: 14px;
}
.font_16{
	font-size: 16px;
}
.font_18{
	font-size: 18px;
}
.font_20{
	font-size: 20px;
}
.font_28{
	font-size: 28px;
}

.about .row .about-case .lists{
	margin-top: 35px;
	width: 100%;
	float: left;
	text-align: center;
}
.about .row .about-case .lists .sin{
	display: inline-block;
	width: 367px;
	height: 255px;
	background: red;
	margin-bottom: 30px;
	margin-left: 13px;
	margin-right: 13px;
	overflow: hidden;
}
.about .row .about-case .lists .sin img{
	width: 100%;
	height: 100%;
}
.about .row .about-case .lists .sin .cover{
	width: 100%;
	height: 100%;
	background: #000000;
	position: relative;
	top: -100%;
	z-index:5; 
	filter:alpha(Opacity=60);
	-moz-opacity:0.6;
	opacity: 0.6;
}
.about .row .about-case .lists .sin .cover > p{
	display: block;
	float: left;
	text-align: center;
	width: 100%;
	color: #FFFFFF;
}
.about .row .about-case .lists .sin .cover .p1{
	font-size: 20px;
	margin-top: 15%;
	margin-bottom: 10%;
}
.about .row .about-case .lists .sin .cover .p2{
	font-size: 18px;
}

/*=============================================================大于1200px===========================================================**/
@media screen and (min-width: 1200px) {
	 /**********banner**********/
    .banner{ width:100%; float:left;height:320px; background: url(../images/about_banner.jpg) center;}
	.banner img{ display:none;}
	.banner .midle{ width:1200px; margin:0px auto;}
	.banner .midle .ff{ width:292px; height:128px; position:relative; float:right; top:250px;}
	.banner .midle .ff .ff_1{ width:56%; height:100%; float:left; margin-right:2px; background: url(../images/24xiaoshi.jpg) center no-repeat;}
	.banner .midle .ff .ff_2{width:42%; height:100%; float:left; background: url(../images/zaixian.jpg) center no-repeat;}
	.banner .midle .ff .ff_2 a{ display:block; width:100%; height:100%; float:left;}
	/*关于我们*/
    .about .row .midle{ width:1200px; margin:0px auto;}
	.about .top .midle{ width:1200px; margin:0px auto;}
	
    .about .row .s_row{ float:left; width:100%; margin-bottom:30px; margin-top:45px;}
	       /*企业文化*/
	.about .row .culture{ width:1200px; margin:0px auto; }
	
	.about .row .honor_img{ width:1200px; margin:0px auto;}


	.newcase .row .tit{ width:1200px; margin:0px auto;}
	.newcase .row .tit .xian_1{ width:30%; height:1px; background:#00487A; float:left; margin-top:60px; margin-left:6%;}
	.newcase .row .tit .xian_2{ width:30%; height:1px; background:#00487A; float:left; margin-top:60px; margin-left:3.58%;}
	.newcase .row .tit .title{ width:20.83%; height:106px; float:left; margin-left:3.5%;}
	.newcase .row .tit .title img{ width:100%; height:100%; float:left;}

	.newcase .case_img{ width:100%; float:left; margin-top:50px;}
	.newcase .case_img .row{ width:100%; float:left;}
	.newcase .case_img .row .tit{  margin:0px auto; width:940px;}
	.newcase .case_img .row .tit a{ font-size:18px; height:45px; line-height:45px; display:block; float:left; -width:128px;width:106px; text-align:center; margin-right:3%; border-radius:3px; cursor:pointer;}
	.newcase .case_img .row .tit a:hover{ background:#00487A; color:#FFF;}

	.newcase .case_img .row .img_1{ width:1200px; margin:0px auto; margin-top:60px; overflow:hidden;}

	.newcase .case_img .row .img_1 .d_img{ width:367px; height:255px; float:left; margin-right:1.25%; margin-left:1.25%; margin-bottom:50px; cursor:pointer; overflow:hidden;}
	.newcase .case_img .row .img_1 .d_img img{ width:100%; height:100%; float:left;}



	/*团队个人*/
	.about .row .personal{
		 width:1200px; 
		 margin:0px auto; 
		 margin-top: 60px;
		 text-align: left;
	}
	.about .row .personal .per-imgs{
		width: 268px;
		height: 191px;
		float: left;
		margin-right: 30px;
		margin-bottom: 40px;
	} 
	.about .row .personal .per-imgs img{
		width: 100%;
		height: 100%;
	}
	.about .row .personal .txtfrist{
		width: 860px;
		float: left;
	}
	.about .row .personal .txtfrist > p{
		font-size: 20px;
		line-height: 40px;
	}
	.about .row .personal .txtsecod{
		width: 100%;
		float: left;
		margin-bottom: 60px;
	}
	.about .row .personal .txtsecod > p{
		color: #404040;
		line-height: 30px;
	}
	.about .row .about-case{
		width: 1200px;
		margin: 0 auto;
	}
	.about .row .about-case .tit{
		width: 100%;
		float: left;
		border-bottom: 1px solid  #e5e5e5;
	}
	
	.about .row .about-case .lists .sin{
		display: inline-block;
		width: 367px;
		height: 255px;
		background: red;
		margin-bottom: 30px;
		margin-left: 13px;
		margin-right: 13px;
		overflow: hidden;
	}
	.about .row .about-case .lists .sin img{
		width: 100%;
		height: 100%;
	}
	.about .row .about-case .lists .sin .cover{
		width: 100%;
		height: 100%;
		background: #000000;
		position: relative;
		top: -100%;
		z-index:5; 
		filter:alpha(Opacity=60);
		-moz-opacity:0.6;
		opacity: 0.6;
	}
	.about .row .about-case .lists .sin .cover > p{
		display: block;
		float: left;
		text-align: center;
		width: 100%;
		color: #FFFFFF;
	}
	.about .row .about-case .lists .sin .cover .p1{
		font-size: 20px;
		margin-top: 15%;
		margin-bottom: 10%;
	}
	.about .row .about-case .lists .sin .cover .p2{
		font-size: 18px;
	}

}
/**============================================================大于720px，小于1199px============================================================***/
@media screen and (min-width:720px) and (max-width:1199px) {
	/*关于我们*/
	.about .row .midle{ width:90%; margin:0px auto;}
	.about .top .midle{ width:100%; margin:0px auto;}
	       /*企业文化*/
	.about .row .culture{ width:480px; margin:0px auto; }
	.about .row .midle .r_img img{ display:block; margin:0px auto;}
	
	.about .row .honor_img{ width:790px; margin:0px auto;}

	.newcase .tit{ width:100%; margin:0px auto;}
	.newcase .tit .xian_1{ width:30%; height:1px; background:#00487A; float:left; margin-top:40px; margin-left:6%;}
	.newcase .tit .xian_2{ width:30%; height:1px; background:#00487A; float:left; margin-top:40px; margin-left:3.58%;}
	.newcase .tit .title{ width:20.83%; height:80px; float:left; margin-left:3.5%;}
	.newcase .tit .title img{ width:100%; height:100%; float:left;}

	.newcase .case_img{ width:100%; float:left; margin-top:30px;}
	.newcase .case_img .row{ width:100%; float:left;}
	.newcase .case_img .row .tit{ margin:0px auto; width:450px;}
	.newcase .case_img .row .tit a{ font-size:18px; height:45px; line-height:45px; display:block; float:left; width:128px; text-align:center; margin-right:3%; border-radius:3px; cursor:pointer;}
	.newcase .case_img .row .tit a:hover{ background:#00487A; color:#FFF;}

	.newcase .case_img .row .img_1{ width:800px; margin:0px auto; margin-top:30px;}
	.newcase .case_img .row .img_1 .d_img{ width:367px; height:255px; float:left; margin-right:1.25%; margin-left:1.25%; margin-bottom:30px; cursor:pointer;overflow:hidden;}
	.newcase .case_img .row .img_1 .d_img img{ width:100%; height:100%; float:left;}


	/*团队个人*/
	.about .row .personal{
		 width:100%; 
		 margin:0px auto; 
		 margin-top: 60px;
		 text-align: left;
		 padding: 0 30px;
	}
	.about .row .personal .per-imgs{
		width: 268px;
		height: 191px;
		float: left;
		margin-right: 30px;
		margin-bottom: 40px;
	} 
	.about .row .personal .per-imgs img{
		width: 100%;
		height: 100%;
	}
	.about .row .personal .txtfrist{
		width: 100%;
		float: left;
	}
	.about .row .personal .txtfrist > p{
		font-size: 20px;
		line-height: 40px;
	}
	.about .row .personal .txtsecod{
		width: 100%;
		float: left;
		margin-bottom: 60px;
	}
	.about .row .personal .txtsecod > p{
		color: #404040;
		line-height: 30px;
	}
	.about .row .about-case{
		width: 100%;
		float: left;
	}
	.about .row .about-case .tit{
		width: 100%;
		float: left;
		border-bottom: 1px solid  #e5e5e5;
		padding: 0 30px;
	}
	.about .row .about-case .lists .sin{
		display: inline-block;
		width: 367px;
		height: 255px;
		background: red;
		margin-bottom: 30px;
		margin-left: 13px;
		margin-right: 13px;
		overflow: hidden;
	}
	.about .row .about-case .lists .sin img{
		width: 100%;
		height: 100%;
	}
	.about .row .about-case .lists .sin .cover{
		width: 100%;
		height: 100%;
		background: #000000;
		position: relative;
		top: -100%;
		z-index:5; 
		filter:alpha(Opacity=60);
		-moz-opacity:0.6;
		opacity: 0.6;
	}
	.about .row .about-case .lists .sin .cover > p{
		display: block;
		float: left;
		text-align: center;
		width: 100%;
		color: #FFFFFF;
	}
	.about .row .about-case .lists .sin .cover .p1{
		font-size: 20px;
		margin-top: 15%;
		margin-bottom: 10%;
	}
	.about .row .about-case .lists .sin .cover .p2{
		font-size: 18px;
	}


}
/*============================================================小于720px============================================================***/
@media screen and (max-width:719px) {
	/*关于我们*/
    .about .row .midle{ width:90%; margin:0px auto;}
	.about .top .midle{ width:100%; margin:0px auto;}
	       /*企业文化*/
	.about .row .culture{ width:240px; margin:0px auto; }
	.about .row .midle .r_img img{ display:block; margin:0px auto;}
	
	.about .row .honor_img{ width:400px; margin:0px auto;}

	.newcase .tit{ width:100%; margin:0px auto;}
	.newcase .tit .xian_1{ width:30%; height:1px; background:#00487A; float:left; margin-top:35px; margin-left:6%;}
	.newcase .tit .xian_2{ width:30%; height:1px; background:#00487A; float:left; margin-top:35px; margin-left:3.58%;}
	.newcase .tit .title{ width:20.83%; height:80px; float:left; margin-left:3.5%;}
	.newcase .tit .title img{ width:100%; height:100%; float:left;}

	.newcase .case_img{ width:100%; float:left; margin-top:30px;}
	.newcase .case_img .row{ width:100%; float:left;}
	.newcase .case_img .row .tit{ margin:0px auto; width:350px;}
	.newcase .case_img .row .tit a{ font-size:16px; height:35px; line-height:35px; display:block; float:left; width:105px; text-align:center; margin-right:3%; border-radius:3px; cursor:pointer;}
	.newcase .case_img .row .tit a:hover{ background:#00487A; color:#FFF;}

	.newcase .case_img .img_1{ width:320px; margin:0px auto; margin-top:30px; text-align:center;}
	.newcase .case_img .img_1 .d_img{ width:320px; height:220px; float:left; margin-bottom:30px; cursor:pointer;overflow:hidden; display:inline-block;}

     /*团队个人*/
	.about .row .personal{
		 width:100%; 
		 margin:0px auto; 
		 margin-top: 60px;
		 padding: 0 30px;
		 text-align: left;
	}
	.about .row .personal .per-imgs{
		width: 268px;
		height: 191px;
		float: left;
		margin-right: 30px;
		margin-bottom: 40px;
	} 
	.about .row .personal .per-imgs img{
		width: 100%;
		height: 100%;
	}
	.about .row .personal .txtfrist{
		width: 100%;
		float: left;
	}
	.about .row .personal .txtfrist > p{
		font-size: 20px;
		line-height: 40px;
	}
	.about .row .personal .txtsecod{
		width: 100%;
		float: left;
		margin-bottom: 60px;
	}
	.about .row .personal .txtsecod > p{
		color: #404040;
		line-height: 30px;
	}
	.about .row .about-case{
		width: 100%;
		float: left;
	}
	.about .row .about-case .tit{
		width: 100%;
		float: left;
		border-bottom: 1px solid  #e5e5e5;
		padding: 0 30px;
	}
	.about .row .about-case .lists .sin{
		display: inline-block;
		width: 300px;
		height: 200px;
		background: red;
		margin-bottom: 30px;
		margin-left: 13px;
		margin-right: 13px;
		overflow: hidden;
	}
	.about .row .about-case .lists .sin img{
		width: 100%;
		height: 100%;
	}
	.about .row .about-case .lists .sin .cover{
		width: 100%;
		height: 100%;
		background: #000000;
		position: relative;
		top: -100%;
		z-index:5; 
		filter:alpha(Opacity=60);
		-moz-opacity:0.6;
		opacity: 0.6;
	}
	.about .row .about-case .lists .sin .cover > p{
		display: block;
		float: left;
		text-align: center;
		width: 100%;
		color: #FFFFFF;
	}
	.about .row .about-case .lists .sin .cover .p1{
		font-size: 18px;
		margin-top: 12%;
		margin-bottom: 10%;
	}
	.about .row .about-case .lists .sin .cover .p2{
		font-size: 16px;
	}

}