
.slideBox5 {
	width: 100%;
	position: relative;
	overflow:hidden;
	height:420px;
}
.slideBox5 .hd {
	height: 11px;
	overflow: hidden;
	position: absolute;
	bottom:0;
	z-index: 1;
	left:46%;
}
.slideBox5 .hd ul {
	width:100%;
	text-align:center;
	overflow: hidden;
	zoom: 1;
	float: left;
}
.slideBox5 .hd ul li {
	float:right;
	margin-right:8px;
	width:8px;
	height:8px;
	line-height: 10px;
	text-align: center;
	background: #cccccc;
	cursor: pointer;
	border-radius: 50%;
	text-indent: -9999px;
}
.slideBox5 .hd ul li.on {
	background: #007aff;
	color: #fff;
}
.slideBox5 .bd {
	position: relative;
	height: 100%;
	z-index: 0;
}
.slideBox5 .bd li {
	width:25%;
	zoom: 1;
	position: relative;
	float:left;
}
.slideBox5 .bd li .ywk{
	width:95%;
	margin:0 auto;
	position:relative;
	overflow:hidden;
}

.slideBox5 .bd li .ywk img{
	max-width:100%;
	height:auto;
}

.slideBox5 .prev {
	position: absolute;
	left: 3%;
	top: 40%;
	width: 18px;
	height: 35px;
	filter: alpha(opacity=50);
	opacity: 0.5;
	display: none;
	background: url(../images/leftarrow2.png) no-repeat left center;
}
.slideBox5 .next {
	position: absolute;
	right: 3%;
	top: 40%;
	width: 18px;
	height: 35px;
	filter: alpha(opacity=50);
	opacity: 0.5;
	display: none;
	background: url(../images/rightarrow2.png) no-repeat left center;
}
.slideBox5 .next {
	left: auto;
	right: 3%;
}
.slideBox5 .prev:hover, .slideBox5 .next:hover {
	filter: alpha(opacity=100);
	opacity: 1;
}
.hd {
	display: block;
}


.scale-over2:after {
	height:40px;
	content: "";
	position: absolute;
	z-index: 0;
	width: 100%;
	height: 100%;
	opacity:1;
	background: rgba(0,81,173);
}
.scale-over2:hover:after {
	opacity: 1;
}
.scale-over2 .text {
	position: absolute;
	height:40px;
	z-index: 1;
	opacity: 100;
	bottom:0px;
	width: 100%;
	color: #fff;
	text-align: center;
	background:#0051ad;
	line-height:40px;
}
.scale-over2 .text .title{
	line-height:40px;
	font-size:16px;
}
.scale-over2:hover .text {
	opacity: 1;
		background: #c9151e;

}


 @media screen and (max-width:1198px) {
.slideBox5 {
	width: 100%;
	position: relative;
	overflow:hidden;
	height:390px;
}
}
 @media screen and (max-width:1024px) {
.slideBox5 {
	width: 100%;
	position: relative;
	overflow:hidden;
	height:340px;
}
 }
  @media screen and (max-width:800px) {
.slideBox5 {
	width: 100%;
	position: relative;
	overflow:hidden;
	height:270px;
}
 }
 
   @media screen and (max-width:640px) {
	   .slideBox5 {
	width: 100%;
	position: relative;
	overflow:hidden;
	height:380px;
}
.slideBox5 .bd li {
	width:50%;
	zoom: 1;
	position: relative;
	float:left;
}
.slideBox5 .prev {
	position: absolute;
	left: 3%;
	top: 40%;
	width: 18px;
	height: 35px;
	filter: alpha(opacity=50);
	opacity: 0.5;
	display: block;
	background: url(../images/leftarrow2.png) no-repeat left center;
}
.slideBox5 .next {
	position: absolute;
	right: 3%;
	top: 40%;
	width: 18px;
	height: 35px;
	filter: alpha(opacity=50);
	opacity: 0.5;
	display: block;
	background: url(../images/rightarrow2.png) no-repeat left center;
}
.slideBox5 .hd {
	display:none;
}
}
   @media screen and (max-width:420px) {
	   .slideBox5 {
	width: 100%;
	position: relative;
	overflow:hidden;
	height:240px;
}

}



.slideBox6 {
	width: 100%;
	position: relative;
	overflow:hidden;
	height:420px;
}

.slideBox6 .bd {
	position: relative;
	height: 100%;
	z-index: 0;
}
.slideBox6 .bd li {
	width:25%;
	zoom: 1;
	position: relative;
	float:left;
}
.slideBox6 .bd li .ywk{
	width:95%;
	margin:0 auto;
	position:relative;
	overflow:hidden;
}

.slideBox6 .bd li .ywk img{
	max-width:100%;
	height:auto;
}

.slideBox6 .prev {
	position: absolute;
	left:0%;
	top:38%;
	width:46px;
	height:114px;
	background: url(../images/leftbutton.png) no-repeat left center;
}
.slideBox6 .next {
	position: absolute;
	right:0%;
	top:38%;
	width:46px;
	height:114px;
	background: url(../images/rightbutton.png) no-repeat left center;
}



.scale-over6:after {
	height:40px;
	content: "";
	position: absolute;
	z-index: 0;
	width: 100%;
	height: 100%;
	opacity:1;
	background: rgba(0,81,173);
}
.scale-over6:hover:after {
	opacity: 1;
}
.scale-over6 .text {
	position: absolute;
	height:40px;
	z-index: 1;
	opacity: 100;
	bottom:0px;
	width: 100%;
	color: #fff;
	text-align: center;
	background:#0051ad;
	line-height:40px;
}
.scale-over6 .text .title{
	line-height:40px;
	font-size:16px;
}
.scale-over6:hover .text {
	opacity: 1;
		background: #c9151e;

}


 @media screen and (max-width:1198px) {
.slideBox6 {
	width: 100%;
	position: relative;
	overflow:hidden;
	height:390px;
}
}
 @media screen and (max-width:1024px) {
.slideBox6 {
	width: 100%;
	position: relative;
	overflow:hidden;
	height:340px;
}
 }
  @media screen and (max-width:800px) {
.slideBox6 {
	width: 100%;
	position: relative;
	overflow:hidden;
	height:270px;
}
 }
 
   @media screen and (max-width:640px) {
	   .slideBox6 {
	width: 100%;
	position: relative;
	overflow:hidden;
	height:380px;
}
.slideBox6 .bd li {
	width:50%;
	zoom: 1;
	position: relative;
	float:left;
}

}

.scale-over6{
	width:95%;
	margin:0 auto;
	overflow:hidden;
	position:relative;
}
 
.scale-over6 img{
	 -webkit-filter: brightness(80%); /* Chrome, Safari, Opera */
    filter: brightness(80%);
}
.scale-over6 .text:after {
	content: "";
	position: absolute;
	z-index: 0;
	width: 100%;
	height: 100%;
	opacity:1;
	background: rgba(0,81,173,0.7);
	-moz-transition: all .5s ease-out;
	-webkit-transition: all 0.5s ease-out;
	-o-transition: all .5s ease-out;
	transition: all 0.5s ease-out;
	display:none;
}

.scale-over6 .text{
	position: absolute;
	top:1000px;
	cursor:pointer;
		-moz-transition: all .5s ease-out;
	-webkit-transition: all 0.5s ease-out;
	-o-transition: all .5s ease-out;
	transition: all 0.5s ease-out;
}
.scale-over6:hover:after {
	opacity: 1;
}
.scale-over6:hover .text {
	position: absolute;
	z-index: 1;
	opacity: 100;
	top:0px;
	width: 100%;
	height:100%;
	-moz-transition: all .5s ease-out;
	-webkit-transition: all 0.5s ease-out;
	-o-transition: all .5s ease-out;
	transition: all 0.5s ease-out;
	color: #fff;
	text-align:left;
	background: url(../images/bg_3.png) repeat;
	line-height:40px;
	filter: alpha(opacity=100);   
-moz-opacity: 1;   
-khtml-opacity: 1;   
opacity: 1;
display:block;
	}

.scale-over6:hover .text {
	opacity: 1;
	height:100%;
	filter: alpha(opacity=100);   
-moz-opacity: 1;   
-khtml-opacity: 1;   
opacity: 1;
}

.scale-over6 .text .dbt {
	font-size:16px;
	font-weight:bold;
	color:#fff;
	width:80%;
	margin:0 auto;
	padding-top:15px;
}
.scale-over6 .text .wzcont {
	font-size:14px;
	color:#fff;
	width:80%;
	margin:0 auto;
	padding-top:15px;
	line-height:26px;
}
.scale-over6 .text .more {
	font-size:14px;
	color:#fff;
	width:60%;
	margin:0 auto;
	height:43px;
	background:#c9151e;
	margin-top:30px;
	text-align:center;
	line-height:43px;
	border-radius:25px;
-webkit-border-radius: 25px;
	-moz-border-radius: 25px;
	clear:both;

}
.scale-over6 .text .more a{
	color:#fff;
}
.scale-over6 .ywtitle {
	font-size:16px;
	font-weight:bold;
	color:#fff;
	width:80%;
	padding-top:15px;
	position:absolute;
	top:1%;
	left:10%;
}
 @media(max-width:1024px) {
	 .scale-over6 .text .wzcont {
		 height:130px;
		 overflow:hidden;
	 	padding-top:5px;
}
 }
 
  @media(max-width:989px) {
	 .scale-over6 .text .wzcont {
		 height:90px;
		 overflow:hidden;
}
.scale-over6 .text .more {
	font-size:14px;
	color:#fff;
	width:60%;
	margin:0 auto;
	height:30px;
	background:#c9151e;
	margin-top:20px;
	text-align:center;
	line-height:30px;
	border-radius:25px;
-webkit-border-radius: 25px;
	-moz-border-radius: 25px;
	clear:both;

}
 }
 
 
  @media(max-width:640px) {
	 .scale-over6 .text .wzcont {
		 height:auto;
		 overflow:hidden;
}
.scale-over6 .text .more {
	font-size:14px;
	color:#fff;
	width:60%;
	margin:0 auto;
	height:40px;
	background:#c9151e;
	margin-top:35px;
	text-align:center;
	line-height:40px;
	border-radius:25px;
-webkit-border-radius: 25px;
	-moz-border-radius: 25px;
	clear:both;

}
 }
 
    @media screen and (max-width:420px) {
	   .slideBox6 {
	width: 100%;
	position: relative;
	overflow:hidden;
	height:340px;
}
.scale-over6{
	width:80%;
	margin:0 auto;
	overflow:hidden;
	position:relative;
}
 
}

 
 @media(max-width:420px) {
	.slideBox6 .bd li {
	width:100%;
	zoom: 1;
	position: relative;
	float:left;
}

.scale-over6 .text .wzcont {
		 height:140px;
		 overflow:hidden;
}
.scale-over6 .text .more {
	font-size:14px;
	color:#fff;
	width:60%;
	margin:0 auto;
	height:40px;
	background:#c9151e;
	margin-top:20px;
	text-align:center;
	line-height:40px;
	border-radius:25px;
-webkit-border-radius: 25px;
	-moz-border-radius: 25px;
	clear:both;

}
.slideBox6 .prev {
	position: absolute;
	left:0%;
	top:38%;
	width:25px;
	height:62px;
	background: url(../images/leftbutton2.png) no-repeat left center;
}
.slideBox6 .next {
	position: absolute;
	right:0%;
	top:38%;
	width:25px;
	height:62px;
	background: url(../images/rightbutton2.png) no-repeat left center;
}



 }
 
  @media(max-width:320px) {
		 .scale-over6 .text .wzcont {
		 height:140px;
		 overflow:hidden;
}  
	
	  .scale-over6 .text .more {
	font-size:14px;
	color:#fff;
	width:60%;
	margin:0 auto;
	height:30px;
	background:#c9151e;
	margin-top:10px;
	text-align:center;
	line-height:30px;
	border-radius:25px;
-webkit-border-radius: 25px;
	-moz-border-radius: 25px;
	clear:both;

}
  }


/*在小于480 像素的屏幕，微小屏幕，更低分辨率的手机*/
/*当页面大于1200px 时，大屏幕，主要是PC 端*/
/*在992 和1199 像素之间的屏幕里，中等屏幕，分辨率低的PC*/
/*在768 和991 像素之间的屏幕里，小屏幕，主要是PAD*/
/*在480 和767 像素之间的屏幕里，超小屏幕，主要是手机
