@charset "utf-8";
/* CSS Document */

table,td,tr,img,ul,li,h1,h2,h4,p,object,param,embed{margin:0; padding:0; border:0;}
img{border:0;}

a{text-decoration:none; color:#fff;}
a:hover{text-decoration:none;}

.clearfix{zoom:1;}
.clearfix:after{content:""; display:block; height: 0; clear:both; visibility:hidden;}
body{ width:100%; margin:0;padding:0;  height:auto; overflow-x: hidden; font-family:"微软雅黑"; }
ul,li{ list-style:none;}
.clear{ clear: none;}
/*头部*/
	.header {
	background-color: #292f36;
	height:52px;
	line-height: 52px;
    width:100%;
	margin:0 auto; 
	text-align:center; 
}

.header--fixed {
	position: fixed;
	z-index: 10;
	right: 0;
	left: 0;
	top: 0
}
	a{text-decoration: none;}
.top_head{width:100%; height:52px; line-height:52px; font-size:14px; margin:0 auto; text-align:center; background:#333; position:fixed; left:0; top:0; z-index:99999; overflow: hidden; color: #fff;}
  .top_main{display: flex; flex-flow: row nowrap; justify-content: space-around;}
	  .top_right a{color: #fff;margin:0 5px;}
	  .top_right a:hover{ text-decoration:underline; color: #fff;}


.banner01{
	width:100%;
	height:438px;
	margin:0 auto; 
	background:url("../img/banner01.png") no-repeat center;
        }
.banner02{
	width: 100%;
	height: 669px;
	margin: 0 auto;
	background: url("../img/banner02.png") no-repeat center ; 
}

.banner02 .banner02_tj{
	width: 1027px;
	height: 500px;
	margin: 0 auto;
	padding-top: 30px;
	position: relative;
}
 .banner02_tj .banner02_dw{
	 position: absolute;
	 left:100px;
	 top: 460px;
	 right: 1000px;
	 cursor: pointer;
 }


.banner03_box{
	width: 100%px;
	height: 580px;
}
.banner03_box .bmxz_bt{
	width: 1192px;
	height: 55px;
	margin: 0 auto;
}
.banner03_box .bmxz_nr{
	width: 1028px;
	height: 442px;
	margin: 0 auto;
	margin-top: 58px;
}
.banner03_box .nr_box1{
	width: 324px;
	height: 440px;
	float: left;
	box-shadow: 0px 4px 8px rgba(0, 0, 0, 0.25);
	border-radius: 4px;
	transition: all .2s ease;
	display: inline-block;
	vertical-align: middle;
	-webkit-transform: perspective(8px) translateZ(0);
	transform: perspective(8px) translateZ(0);
	-webkit-transition-duration: 0.3s;
	transition-duration: 0.3s;
	-webkit-transition-property: transform;
	transition-property: transform;
	-webkit-transition-timing-function: ease-out;
	transition-timing-function: ease-out;
}

.banner03_box .nr_box1:hover,  .banner03_box  .nr_box1:focus,  .banner03_box  .nr_box1:active {
  -webkit-transform: translateY(-18px);
  transform: translateY(-18px);
}
.banner03_box .nr_box1 img{	width: 291px; height:160px ;padding-left: 16px;padding-top: 12px;}
.banner03_box .nr_box1 h4{ font-size: 24px;padding-left: 16px;padding-top: 20px;}
.banner03_box .nr_box1 p{ font-size: 15px;padding-left:16px;padding-right: 16px;padding-top: 12px;line-height: 150%;}
.banner03_box .nr_box2 img{	width: 291px; height:160px ;padding-left: 16px;padding-top: 12px;}
.banner03_box .nr_box2 h4{ font-size: 24px;padding-left: 16px;padding-top: 20px;}
.banner03_box .nr_box2 p{ font-size: 15px;padding-left:16px;padding-right: 16px;padding-top: 12px; line-height: 150%;}
.banner03_box .nr_box3 img{	width: 291px; height:160px ;padding-left: 16px;padding-top: 12px;}
.banner03_box .nr_box3 h4{ font-size: 24px;padding-left: 16px;padding-top: 20px;}
.banner03_box .nr_box3 p{ font-size: 15px;padding-left:16px;padding-right: 16px;padding-top: 12px;line-height: 150%;}
.banner03_box .nr_box2{
	width: 324px;
	height: 440px;
	float: left;
	margin-left: 28px;
	box-shadow: 0px 4px 8px rgba(0, 0, 0, 0.25);
	border-radius: 4px;
	transition: all .2s ease;
		display: inline-block;
		vertical-align: middle;
		-webkit-transform: perspective(8px) translateZ(0);
		transform: perspective(8px) translateZ(0);
		-webkit-transition-duration: 0.3s;
		transition-duration: 0.3s;
		-webkit-transition-property: transform;
		transition-property: transform;
		-webkit-transition-timing-function: ease-out;
		transition-timing-function: ease-out;
	}
	
	.banner03_box .nr_box2:hover,  .banner03_box  .nr_box2:focus,  .banner03_box  .nr_box2:active {
	  -webkit-transform: translateY(-18px);
	  transform: translateY(-18px);
	}
.banner03_box .nr_box3{
	width: 324px;
	height: 440px;
	float: left;
	margin-left: 28px;
	box-shadow: 0px 4px 8px rgba(0, 0, 0, 0.25);
	border-radius: 4px;
	transition: all .2s ease;
		display: inline-block;
		vertical-align: middle;
		-webkit-transform: perspective(8px) translateZ(0);
		transform: perspective(8px) translateZ(0);
		-webkit-transition-duration: 0.3s;
		transition-duration: 0.3s;
		-webkit-transition-property: transform;
		transition-property: transform;
		-webkit-transition-timing-function: ease-out;
		transition-timing-function: ease-out;
	}
	
	.banner03_box .nr_box3:hover,  .banner03_box  .nr_box3:focus,  .banner03_box  .nr_box3:active {
	  -webkit-transform: translateY(-18px);
	  transform: translateY(-18px);
	}
	.why_alv{width: 100%px; height: 680px; background: url(../img/banner04.png) no-repeat center; margin-top: 30px;}
	.why_alv .whyalv_bt{width: 1193px;margin: 0 auto; padding-top: 60px; padding-bottom: 40px;}
	.why_alv .whyalv_nr{width: 985px;margin: 0 auto; padding-top: 50x;}

	.liangbays{width: 100%px; height: 700px;margin-top: 30px;}
	.liangbays .lbys_bt{width: 1370px; height: 55px; margin: 0 auto; font-size: 36px; text-align: center;font-weight: 600; color: #7e4c1d; padding-top: 30px;}
	
	.liangbays .lbysbox{ width: 833px; height: 471px; background: url(../img/alvdx.png) no-repeat center; margin: 0 auto; margin-top: 100px; text-align: left;line-height: 72px;}
	.lbysbox .lbsbbox1_1{width: 150px; height: 72px;float: left; font-size: 28px; font-weight: 600; color: #e55513;}
	.lbysbox .lbsbbox1_2{width: 682px; height: 72px; float: left; font-size: 16px; text-align: left;line-height:20px;  }
	.lbysbox .lbsbbox1_2 p {width: 682px; height: 72px;  text-align: left; padding-top: 16px;  }

	.lbysbox .lbsbbox2_1{width: 150px; height: 72px;float: left; font-size: 28px; margin-top: 20px; font-weight: 600; color: #e55513;letter-spacing: 14px;}
	.lbysbox .lbsbbox2_2{width: 682px; height: 72px; float: left; font-size: 16px; text-align: left;line-height:20px; margin-top: 20px; }
	.lbysbox .lbsbbox2_2 p {width: 682px; height: 72px;  text-align: left; padding-top: 16px;  }


	.lbysbox .lbsbbox3_1{width: 150px; height: 72px;float: left; font-size: 28px; margin-top: 8px; font-weight: 600; color: #e55513;letter-spacing: 14px; text-align: left;line-height: 72px;}
	.lbysbox .lbsbbox3_2{width: 682px; height: 72px; float: left; font-size: 16px; text-align: left;line-height:20px; margin-top: 16px; }
	.lbysbox .lbsbbox3_2 p {width: 682px; height: 72px;  text-align: left; padding-top: 16px;  }

	.lbysbox .lbsbbox4_1{width: 150px; height: 72px;float: left; font-size: 28px;font-weight: 600; color: #e55513; text-align: left;line-height: 72px;}
	.lbysbox .lbsbbox4_2{width: 682px; height: 72px; float: left; font-size: 16px; text-align: left;line-height:20px; margin-top: 10px; }
	.lbysbox .lbsbbox4_2 p {width: 682px; height: 72px;  text-align: left; padding-top: 16px;  }

	.lbysbox .lbsbbox5_1{width: 150px; height: 72px;float: left; font-size: 28px; margin-top: -6px; font-weight: 600; color: #e55513; text-align: left;line-height: 72px;}
	.lbysbox .lbsbbox5_2{width: 682px; height: 72px; float: left; font-size: 16px; text-align: left;line-height:20px; margin-top: 5px; }
	.lbysbox .lbsbbox5_2 p {width: 682px; height: 72px;  text-align: left; padding-top: 16px;  }

	.yasialv{width: 938px;height: 54px;margin: 0 auto;margin-bottom: 30px;}

	.lzsq_bj{width: 1029px;height: 349px;margin: 0 auto;background: url("../img/lianghzongsq.png") no-repeat center;margin-top: 30px;}
	.lzsq_bj .lzsq_lt{width: 392px;height: 298px; float: left;margin-left: 40px;margin-top: 40px;}
	.lzsq_bj .lzsq_lt h4{font-size: 28px;text-align: center;color: #b21d23;margin-top: 30px;}
	.lzsq_bj .lzsq_lt p{font-size: 16px;text-align: center;color: #333333;text-align: left;
	 width: 360px;height: 190px; margin: 0 auto; line-height: 28px; margin-top: 16px;}
	.lzsq_bj .lzsq_rt{width: 384px;height: 250px; float: right; margin-right: 60px;margin-top: 40px;}
	.lzsq_bj .lzsq_rt h4{font-size: 28px;text-align: center;color: #fff;margin-top: 30px;}
	.lzsq_bj .lzsq_rt p{font-size: 16px;text-align: center;color: #fff;text-align: left;
	 width: 360px;height: 190px; margin: 0 auto; line-height: 28px; margin-top: 16px;}

	.ksgh{width: 1091px;height: 54px;margin: 0 auto;margin-top: 70px;}
	.ksgh_nr{width: 1204px; height: 642px; margin: 0 auto; margin-top: 50px;}
	.ksgh_tj{width: 198px; height: 62px;margin: 0 auto;margin-top: 20px; cursor: pointer;}

	.cgzl_bj{width: 100%px; height: 630px; background: url("../img/cgzl.png") no-repeat center;margin-top: 50px; }
	.cgzl_bj .cgzl_bt{width: 986px;height: 61px;margin: 0 auto;padding-top: 50px;}
	.cgzl_bj .cgzl_nr{width: 1027px;height: 406px;background-color: #7e4c1d;margin: 0 auto;margin-top: 40px;}
	.cgzl_bj .cgzl_nr .box1{width: 322px;height: 406px; }

.image-wrapper {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  width: 1027px;
  margin: auto;
  margin-top: 30px;
  margin-bottom: 30px;
}
.media {
  width: 322px;
  height: 404px;
  display: flex;
  justify-content: center;
  align-items: center;
  margin: 10px;
  overflow: hidden;
  position: relative;
}
.media:hover {
  cursor: pointer;
}
.overlay {
  background: rgba(0,45, 109, 0.7);
  position: absolute;
  height: 100%;
  width: 324px;
  z-index: 3;
  opacity: 0;
  transition: all ease-in-out 0.3s;
}
.media:hover .overlay {
  opacity: 1;
}
.overlay img {
  width: 100%;

  margin: auto;
  transform: scale(1);
  transition: all ease-in-out 0.5s;
}
.image-details {
  color: white;
  font-size: 20px;
  z-index: 4;
  position: absolute;
  left: 44px;
  top: 50%;
  opacity: 0;
  transition: all ease-in-out 0.5s;
  font-size: 16px;
  width: 280px;
  text-align: left;
  line-height: 32px;
  margin-top: 10px;
}
.media:hover .image-details {
  top: 25%;
  opacity: 1;
}
@media only screen and (max-width: 900px) {
  .media {
    width: 70%;
    height: 70%;
  }
}
.sdys_bt{width: 840px;height: 55px;margin: 0 auto; margin-top: 60px;}
.sdys_bj{width: 100%px;height: 680px;background: url("../img/sdysbj.png") no-repeat center;margin-top: 30px;}













/*-版权信息-*/	
.footer{
		width:100%;
		height: 180px;
		background: #333;
		
	}
	.footer_main{
		width:956px;
		height:inherit;
		margin: 0 auto;
		color: #fff;
		font-size: 14px;
	}
    .footer_nav a{color: #fff;
            text-decoration: none;
        }
        a:hover{
            color: #fff;
            text-decoration:underline;}
	.footer_nav{padding-top: 22px;}
	.footer_bottom p{text-align: left;line-height: 26px;}
	.footer_bottom{position: relative;}
	.footer_bottom .text{margin-left:100px; letter-spacing: 1px;position: absolute;top:10px;}