html{
	width:100%;
	height:100%;
	-webkit-text-size-adjust:none;
}
body{
	width:100%;
	height:100%;
	position: relative;
}
.banner .row{
  position:relative;
}
.banner-img{
      width: 100%;
      position: relative;
      z-index: 100;
      min-height: 400px;
}
.banner-img-title{
	position: absolute;
	display: block;
	width: 383px;
	height: 181px;
 top:50%;
 left:50%;
 margin-top: -50.5px;
 margin-left: -196.5px;
z-index: 100;

}
.qywh{
	width:100%;
	background: #155493;
	margin-top:50px;
	padding-top: 50px;
	position:relative;
	padding-bottom: 50px;
}
.qywh .textintroduce{
	width:90%;
	max-width:1200px;
	transform:translate(-50%) ;
	overflow: hidden;
	background:#fff;
	padding: 30px 5%;
	box-shadow: 0 0 60px 2px rgba(0, 0, 0, 0.29);
	position:relative;
	z-index: 99;
	left:50%;
	top:0px;
	margin-top:-200px;
	transition: all 0.4s;
}
.qywh .textintroduce h4{
	font-size:30px;
	color:#155493;
	line-height: 49px;
}
.qywh .textintroduce p{
	font-size:20px;
	color:#575859;
	line-height: 49px;
}
.qywh .qywh-top{
	max-width:1200px;
	margin:0px auto;
	padding:0px 5%;
}
.qywh .qywh-top i{
	line-height: 100px;
	font-size:30px;
	color:#fff;
}
.qywh-bottom{
	max-width:1200px;
	margin:0px auto;
	padding:0px 5%;
}
.qywh-bottom ul li{
	width:50%;
	float:left;
	line-height: 49px;
}
.qywh-bottom ul li p{
	color:#fff;
	font-size:20px;
	line-height: 49px;
}
.qywh:before{
	content: '';
	width:5px;
	height:30px;
	display: block;
	background: #fff;
	margin-left:-3px;
	position:absolute;
	left:50%;
	bottom:0px;
	
}
.qywh:after{
	content: '';
	width:5px;
	height:30px;
	display: block;
	background: #bd0311;
	margin-left:-3px;
	position:absolute;
	left:50%;
	bottom:-30px;
	
}
/*发展历程开始*/
.fzlc{
	width:100%;
	max-width: 1200px;
	margin:0px auto;
	margin-top:30px;
	padding:30px 5%;
}
.fzlc-top p{
	line-height: 80px;
	font-size:30px;
	color:#27649b;
	text-align: center;
}
.fzlc-bottom ul li{
	line-height: 49px;
	position:relative;
	padding-left: 30px;
}
.fzlc-bottom ul li:before{
	content: '';
	width:20px;
	height:20px;
	background:#fff;
	display: block;
	border-radius: 50%;
	border:2px solid #bd0311;
	position:absolute;
	left:0px;
	top:10px;
	
}
.fzlc-bottom ul li:after{
	content: '';
	width:16px;
	height:16px;
	background: #bd0311;
	border:2px solid #fff;
	display: block;
	border-radius: 50%;
	position:absolute;
	left:2px;
	top:12px;
	
}
.fzlc-bottom ul li p{

	position:relative;
    line-height: 49px;
	font-size: 20px;
	color:#373737;

}
.fzlc-bottom ul li p:before{
	content: '';
	width:2px;
	height:100%;
	background: #bd0311;
	display:block;
	position:absolute;
	left:-21px;
	top:30px;
}
.fzlc-bottom ul li:last-child p:before{
	display: none;
}
.gyzxbg{
	position:relative;
}
.scdw{
	width:90%;
	max-width: 1200px;
	background: #fff;
	box-shadow: 0 0 60px 2px rgba(0, 0, 0, 0.29);
	padding: 30px 5%;
	position: relative;
	top:0px;
	left:50%;
	transform: translate(-50%);
	transform:translate(-50%);
-ms-transform:translate(-50%); 	
-moz-transform:translate(-50%); 	
-webkit-transform:translate(-50%); 
-o-transform:translate(-50%); 
	z-index: 99;
}
.scdw-top{
	font-size:24px;
	color:#155493;
	line-height: 50px;
}

.scdw-bottom ul li p{
	line-height: 49px;
	color:#575859;
	font-size:20px;
}
.gyzxbg img{
	width:100%;
	margin-top:-100px;
}
.gyzxbg:before{
	content: '';
	width:5px;
	height:30px;
	display: block;
	background: #fff;
	margin-left:-3px;
	position:absolute;
	left:50%;
	bottom:0px;
	
}
.gyzxbg:after{
	content: '';
	width:5px;
	height:30px;
	display: block;
	background: #bd0311;
	margin-left:-3px;
	position:absolute;
	left:50%;
	bottom:-30px;
	
}
.ryzz{
	width:100%;
	margin-top: 30px;
	position:relative;
}
.ryzz:before{
	content: '';
	width:100%;
	height:70%;
	display: block;
	background: #155493;
	position:absolute;
	top:30%;
	left:0px;
}
.ryzz-top{
	max-width: 1200px;
	margin:0px auto;
	margin-top: 50px;
}
.ryzz-top p{
	line-height: 49px;
	font-size:30px;
	color:#27649b;
	text-align: center;
}
.ryzz-bottom{
	width:90%;
	max-width: 1200px;
	margin:30px auto 0px;
}
.ryzz-bottom ul{
	text-align: center;
	margin-left:-1%;
	margin-right:-1%;
}
.ryzz-bottom ul li{
	margin:0px 1% 70px;
    width: 31%;
	display: inline-block;
	vertical-align:top;
	position:relative;
	transition: all 0.3s;
-moz-transition: all 0.5s; 
-webkit-transition: all 0.3s; 
-o-transition: all 0.3s; 
}
.ryzz-bottom ul li:hover{
-webkit-transform:scale(1.1);
 	-moz-transform:scale(1.1);
 	-ms-transform:scale(1.1);
 	transform:scale(1.1);
}
.ryzz-bottom ul li img{
	width:100%;
	margin:0px auto;
	display: block;
}
.ryzz-bottom ul li .ryzz-bottom-about{
	width:60%;
	height:60px;
	line-height: 60px;
	border:2px solid #fff;
	border-radius: 3px;
	background: rgba(255,255,255,0.3);
	position:absolute;
	left:20%;
	bottom:-45px;
	font-size:15px;
	color:#fff;
	text-align: center;
	overflow: hidden;
}
.ryzz-bottom:before{
	content: '';
	width:5px;
	height:30px;
	display: block;
	background: #fff;
	margin-left:-3px;
	position:absolute;
	left:50%;
	bottom:0px;
	
}
.ryzz-bottom:after{
	content: '';
	width:5px;
	height:30px;
	display: block;
	background: #bd0311;
	margin-left:-3px;
	position:absolute;
	left:50%;
	bottom:-30px;
	
}
.tpzs{
	width:100%;
	max-width: 1200px;
	margin:30px auto 0;
	padding:0px 5%;
}
.tpzs-top p:first-child{
	line-height: 80px;
	font-size:30px;
	color:#27649b;
	text-align: center;
}
.tpzs-top p{
	line-height: 49px;
	color:#575859;
	font-size:20px;
}
.tpzs-bottom ul{
	margin-left:-2.5%;
	margin-right: -2.5%;
}
.tpzs-bottom ul li{
	width:45%;
	float:left;
	margin:30px 2.5%;
}
.tpzs-bottom ul li a{
	display: block;
	position:relative;
	overflow: hidden;
}
.tpzs-bottom ul li a img{
	width:100%;
	height: 380px;
}
.tpzs-bottom ul li a p{
	width:100%;
	height:49px;
	background:#adc3d9;
	line-height: 49px;
	color:#fff;
	text-align: center;
	font-size: 25px;
	position:absolute;
	left:0px;
	bottom:0px;
}
@media only screen and (max-width:1600px) {
	.qywh .textintroduce{
		margin-top:-150px;
	}
}

@media only screen and (max-width: 998px){
	.ryzz-bottom ul li{
	margin:0px 1% 70px !important;
}
		.banner-img-title{
	width: 250px;
	height: 140px;
	margin-top: -40px;
 margin-left: -125px;
 }

	.qywh .textintroduce{
		padding: 30px 10%;
	}
	.qywh .textintroduce p{
		font-size: 15px;
		line-height: 26px;
	}
	.qywh .qywh-top{
		padding: 0px 10%;
	}
	.qywh-bottom{
		padding: 0px 10%;
	}
	.qywh .qywh-top i{
		display: block;
		text-align: center;
	}
	.qywh-bottom ul li{
		width:100%;
		text-align: center;
	}
	.gyzxbg img{
		margin-top:-50px;
	}
	.ryzz-bottom ul{
		text-align: center;
		margin-left:1%;
		margin-right:1%;
	}
	.ryzz-bottom ul li img{
		width:90%;
		display: block;
		margin:0px auto;
	}
}
@media only screen and (max-width:768px) {
	
	.scdw-bottom ul li{
		line-height: 36px;
	}
	.header-box{
		width:260px;
		height:120px;
		background: rgba(21,84,147,0.7);
		padding: 35px 0px;
		position:absolute;
		left:50%;
		top:150px;
		margin-left:-130px;
		z-index:88;
	}
}
@media only screen and (max-width: 640px){
	.tpzs-bottom ul li{
		width:80%;
		float:left;
		margin:30px 10%;
		display: block;
	}
	.gyzxbg img{
		margin-top:30px;
	}
	.ryzz:before{
		content: '';
		width:100%;
		height:87%;
		display: block;
		background: #155493;
		position:absolute;
		top:13%;
		left:0px;
	}
	.ryzz-bottom ul{
		text-align: center;
		margin-left:0%;
		margin-right:0%;
	}
	.ryzz-bottom ul li{
		margin:0px 10% 60px;
	    width: 80%;
		display: inline-block;
		vertical-align:top;
		position:relative;
	}
}
@media only screen and (max-width: 440px){
	.ryzz-bottom ul{
		text-align: center;
		margin-left:0%;
		margin-right:0%;
	}
	.ryzz-bottom ul li{
		margin:0px 10% 50px;
	    width: 80%;
		display: inline-block;
		vertical-align:top;
		position:relative;
	}
	
}