/* 本例子css */
		.slideBox1{ width:100%;margin: 0 auto; overflow:hidden; position:relative; min-width: 1300px; }

		.slideBox1 .hd{ height:15px; overflow:hidden; position:absolute; right:5px; bottom:5px; z-index:1; }

		.slideBox1 .hd ul{ overflow:hidden; zoom:1; float:left;  }

		.slideBox1 .hd ul li{ float:left; margin-right:2px;  width:15px; height:15px; line-height:14px; text-align:center; background:#fff; cursor:pointer; }

		.slideBox1 .hd ul li.on{ background:#f00; color:#fff; }
		.slideBox1 .bd{  height:100%;width: 100%; z-index:0;   }
		.slideBox1 .bd li{
			overflow: hidden; 
			zoom:1; 
			vertical-align:middle;
		}
		.slideBox1 .bd .div_a{			
			width: 100%;
			overflow: hidden;
		}
		.slideBox1 .bd .div_a img{ 
			position: relative;
		    animation:mymovea 12s infinite;
			-moz-animation:mymovea 12s infinite; /* Firefox */
			-webkit-animation:mymovea 12s infinite; /* Safari and Chrome */
			-o-animation:mymovea 12s infinite; /* Opera */
		}
		@keyframes mymovea{
		0% {transform: scale(1);}
		50% {transform: scale(1.1);}
		100%{transform: scale(1);}
		}
		
		
		.slideBox1 .bd .a .div_b{
			position: absolute;
			padding-left: 5.2%;
    		padding-right: 5.1%;
			width: 23%;
			overflow: hidden;
			margin: 0 auto;
			z-index: 1;
		}
		.slideBox1 .bd .a .div_b .p_a{
			margin-left: 58%;
			margin-top: 215px;
			width: 416px;
			overflow: hidden;
			font-size: 65px;
			font-weight: bold;
			color: #0098d9;
		}
		.slideBox1 .bd .a .div_b .p_b{
			margin-left: 58%;
			width: 416px;
			color:#1f1f1f;
			font-size: 22px;
			line-height: 2;
			border-bottom: 1px solid #cdc9cb;
		}
		.slideBox1 .bd .a .div_b .p_c{
			margin-left: 58%;
			width: 416px;
			color:#1f1f1f;
			font-size: 11px;
			line-height: 1.3;
			margin-top: 10px;	
		}
		.slideBox1 .bd .a .div_b .p_d{
			width: 26px;
			overflow: hidden;
			float: right;
			padding-bottom: 30px;
			margin-top: -80px;
		}
		.slideBox1 .bd .a .div_b .p_d img{
			width: 100%;
			position: relative;
		    animation:mymove 3s infinite;
			-moz-animation:mymove 3s infinite; /* Firefox */
			-webkit-animation:mymove 3s infinite; /* Safari and Chrome */
			-o-animation:mymove 3s infinite; /* Opera */
		}
		@keyframes mymove{
		0% {top:0px;}
		50% {top:10px;}
		100%{top:0px;}
		}
		.slideBox1 .bd .b .div_c{
			position: absolute;
			padding-left: 5.2%;
    		padding-right: 5.1%;
			width: 23%;
			overflow: hidden;
			margin: 0 auto;
			z-index: 1;
		}
		.slideBox1 .bd .b .div_c .div_c_a{
			width: 59%;
			margin-top: 149px;
			overflow: hidden;
		}
		.slideBox1 .bd .b .div_c .div_c_a img{
			width: 100%;
			transition: 1s;
		}
		.slideBox1 .bd .b .div_c .div_c_a img:hover{
			transform: scale(0.9);
			transition: 1s;
		}
		.slideBox1 .bd .b .div_c .div_c_b{
			width: 39%;
			overflow: hidden;
		}
		.slideBox1 .bd .b .div_c .div_c_b .p_a{
			margin-left: 10%;
			margin-top: 215px;
			margin-bottom: 29px;
			width: 90%;
			overflow: hidden;
			font-size: 45px;
			font-weight: bold;
			color: #0098d9;
		}
		.slideBox1 .bd .b .div_c .div_c_b .p_b{
			margin-left: 10%;
			width: 90%;
			color:#1f1f1f;
			font-size: 18px;
			line-height: 1.5;
		}
		.slideBox1 .bd .b .div_c .div_c_b .p_c{
			margin-left: 10%;
			width: 90%;
			color:#1f1f1f;
			font-size: 11px;
			line-height: 1.3;
			margin-top: 10px;	
		}
		.slideBox1 .bd .b .div_c .div_c_b .p_d{
			width: 181px;
			margin-left: 10%;
			margin-top: 20px;
			line-height: 47px;
			overflow: hidden;
			color: #fff;
			font-size: 20px;
			text-align: center;
			background-color: #0098d9;
			transition: 0.3s;
		}
		.slideBox1 .bd .b .div_c .div_c_b .p_d:hover{
			background-color: #e31019;
			transition: 0.3s;
		}
		.slideBox1 .bd .b .div_c .div_c_c{
			width: 2%;
			margin-top: 326px;
			padding-bottom: 10px;
			overflow: hidden;
		}
		.slideBox1 .bd .b .div_c .div_c_c img{
		width: 100%;
			position: relative;
		    animation:mymove 3s infinite;
			-moz-animation:mymove 3s infinite; /* Firefox */
			-webkit-animation:mymove 3s infinite; /* Safari and Chrome */
			-o-animation:mymove 3s infinite; /* Opera */
		}
		@keyframes mymove{
		0% {top:0px;}
		50% {top:10px;}
		100%{top:0px;}
		}
		.slideBox1 .bd .c .div_d{
			position: absolute;
			padding-left: 3.2%;
    		padding-right: 3.1%;
			width: 27%;
			overflow: hidden;
			margin: 0 auto; 
			z-index: 1;
		}
		.slideBox1 .bd .c .div_d .div_d_a{
			margin-top: 10%;
			margin-bottom: 29px;
			text-align: center;
			overflow: hidden;
			font-size: 65px;
			font-weight: bold;
			color: #0098d9;
		}
		.slideBox1 .bd .c .div_d .div_d_b{
			width: 680px;
			margin: 0 auto;
			text-align: center;
			color:#1f1f1f;
			font-size: 22px;
			line-height: 1.5;
		}
		.slideBox1 .bd .c .div_d .div_d_c{
			width: 100%;
			overflow: hidden;
			padding-top: 30px;
			text-align: center;
		}
		.slideBox1 .bd .c .div_d .div_d_c p{
			display: inline-block;
			width: 19%;
			padding-bottom: 20px;
			overflow: hidden;
		}
		.slideBox1 .bd .c .div_d .div_d_c p img{
			width: 100%;
			transition: 1s;
		}
		.slideBox1 .bd .c .div_d .div_d_c p:hover img{
			transform: translateY(20px);
			transition: 1s;
		}
		.slideBox1 .bd .c .div_d .div_d_d{
			width: 26px;
			overflow: hidden;
			padding-bottom: 10px;
			margin: 0 auto;
			text-align: center;
		}
		.slideBox1 .bd .c .div_d .div_d_d img{
		width: 100%;
			position: relative;
		    animation:mymove 3s infinite;
			-moz-animation:mymove 3s infinite; /* Firefox */
			-webkit-animation:mymove 3s infinite; /* Safari and Chrome */
			-o-animation:mymove 3s infinite; /* Opera */
		}
		@keyframes mymove{
		0% {top:0px;}
		50% {top:10px;}
		100%{top:0px;}
		}
		/* 下面是前/后按钮代码，如果不需要删除即可 */
		.slideBox1 .prev,
		.slideBox1 .next{z-index: 2; position:absolute; left:3%; top:50%; margin-top:-25px; display:block; width:32px; height:40px; 

	background:url(../img/slider-arrow.png) -110px 5px no-repeat; filter:alpha(opacity=50);opacity:0.5;   }

.slideBox1 .next{ left:auto; right:3%; background-position:8px 5px; }
		.slideBox1 .prev:hover,
		.slideBox1 .next:hover{ filter:alpha(opacity=100);opacity:1;  }
		.slideBox1 .prevStop{ display:none;  }
		.slideBox1 .nextStop{ display:none;  }

		




.slideBox{ width:100%;margin: 0 auto; overflow:hidden; position:relative; min-width: 1300px; }

		.slideBox .hd{ height:15px; overflow:hidden; position:absolute; right:5px; bottom:5px; z-index:1; }

		.slideBox .hd ul{ overflow:hidden; zoom:1; float:left;  }

		.slideBox .hd ul li{ float:left; margin-right:2px;  width:15px; height:15px; line-height:14px; text-align:center; background:#fff; cursor:pointer; }

		.slideBox .hd ul li.on{ background:#f00; color:#fff; }
		.slideBox .bd{ position:relative; height:100%;width: 100%; z-index:0;   }
		.slideBox .bd li{ zoom:1; vertical-align:middle; }
		.slideBox .bd img{ width:100%;  display:block;  }
		/* 下面是前/后按钮代码，如果不需要删除即可 */
		.slideBox .prev,
		.slideBox .next{ position:absolute; left:3%; top:50%; margin-top:-25px; display:block; width:32px; height:40px; 

	background:url(../img/slider-arrow.png) -110px 5px no-repeat; filter:alpha(opacity=50);opacity:0.5;   }

.slideBox .next{ left:auto; right:3%; background-position:8px 5px; }
		.slideBox .prev:hover,
		.slideBox .next:hover{ filter:alpha(opacity=100);opacity:1;  }
		.slideBox .prevStop{ display:none;  }
		.slideBox .nextStop{ display:none;  }









		.slideGroup{ width:1365px;  text-align:left;  }
		
		.slideGroup .slideBox{overflow: hidden;  zoom:1; padding:0px 0 0px 35px; position:relative;   }

		.slideGroup .sPrev,.slideGroup .sNext{ position:absolute; left:5px; top:0px; display:block; width:15px; height:309px; background:url(../img/left.png) center center no-repeat; }
		.slideGroup .sNext{ left:auto; right:30px; background:url(../img/right.png) center center no-repeat ;  }
		.slideGroup .sPrev:hover,.slideGroup .sNext:hover{ border-color:#f60;  }

		.slideGroup .parBd ul{ overflow:hidden; zoom:1; width:1365px;  }
		.slideGroup .parBd ul li{ margin:0 8px; float:left; _display:inline; overflow:hidden; text-align:center;  }
		.slideGroup .parBd ul li .pic{ text-align:center; }
		
		.slideGroup .parBd ul li .pic img{ width:420px; height:309px; display:block;transition: 1s; }
		.slideGroup .parBd ul li .title{position: absolute; z-index: 1; overflow: hidden; width: 420px; height: 0px; line-height: 309px; font-size: 18px; color: #4f4f4f; transition: 1s;  }
		.slideGroup .parBd ul li:hover .title{height: 309px; color: #fff; transition: 1s; background-color: rgba(000,000,000,0.4); }
		.slideGroup .parBd ul li:hover .pic img{ transform: scale(1.1); transition: 1s; }

		










		







		.picMarquee-left{ width:100%;  overflow:hidden; position:relative;}
		
		.picMarquee-left .bd{ padding:20px 0px;   }
		.picMarquee-left .bd ul{ overflow:hidden; zoom:1; }
		.picMarquee-left .bd ul li{ margin:0 8px; float:left; _display:inline; overflow:hidden; text-align:center;  }
		.picMarquee-left .bd ul li .pic{ text-align:center; }
		.picMarquee-left .bd ul li .pic img{ width:250px; height:209px; display:block; padding:2px; border:1px solid #ccc; }
		.picMarquee-left .bd ul li .pic a:hover img{ border-color:#999;  }
		.picMarquee-left .bd ul li .title{ line-height:24px;   }











.youshi{
	width: 100%;
	margin: 0 auto;
    overflow: hidden;
}
.youshi .ul_a{
	width: 50%;
	height: 857px;
	overflow:hidden;
	float: left;
	background-color: #0098d9;
}
.slideBox2{ width:600px;padding-right: 50px; float: right; overflow:hidden; }

		.slideBox2 .hd{ height:15px; overflow:hidden; position:absolute; right:5px; bottom:5px; z-index:1; }

		.slideBox2 .hd ul{ overflow:hidden; zoom:1; float:left;  }

		.slideBox2 .hd ul li{ float:left; margin-right:2px;  width:15px; height:15px; line-height:14px; text-align:center; background:#fff; cursor:pointer; }

		.slideBox2 .hd ul li.on{ background:#f00; color:#fff; }
		.slideBox2 .bd{ position:relative; height:100%;width: 100%; z-index:0;   }
		.slideBox2 .bd li{ zoom:1; vertical-align:middle; }
		.slideBox2 .bd li .p_a{
			padding-top: 110px;
		    font-size: 40.5px;
		    font-family: Arial;
		    color: #fcfcfc; 
		}
		.slideBox2 .bd li .p_b{
			font-size: 25px;
		    color: #fcfcfc;
		    padding-top: 5px;
		    padding-bottom: 13px;
		}
		.slideBox2 .bd li .p_c{
			font-size: 18px;
		    font-weight: lighter;
		    line-height: 1.5;
		    color: #fcfcfc;
		    overflow: hidden;
		}
		.slideBox2 .div_a{
			width: 355px;
			overflow: hidden;
			margin-top: 66px;
			border-bottom: 1px solid #fff;
		}
		.slideBox2 .div_b{
			margin-top: 220px;
		}
		.slideBox2 .div_b .p_a{
			font-family: Arial;
			font-size: 30px;
			color: #fff;
		}
		.slideBox2 .div_b .p_b{
			font-size: 35px;
    		color: #fff;
		}
		.slideBox2 .bd img{ width:100%;  display:block;  }
		/* 下面是前/后按钮代码，如果不需要删除即可 */
		.slideBox2 .prev{ position: absolute; margin-left: 400px; margin-top: 50px; display:inline-block; width:34px; height:34px; background:url(../img/y_fl.png) no-repeat; filter:alpha(opacity=50);opacity:0.5;   }

		.slideBox2 .next{position: absolute;margin-left: 450px; margin-top: 50px; display:inline-block; width:34px; height:34px; background:url(../img/y_fr.png) no-repeat; filter:alpha(opacity=50);opacity:0.5;   }
		.slideBox2 .prev:hover,
		.slideBox2 .next:hover{ filter:alpha(opacity=100);opacity:1;  }
		.slideBox2 .prevStop{ display:none;  }
		.slideBox2 .nextStop{ display:none;  }

.youshi .ul_b{
	width: 50%;
	height: 857px;
	overflow:hidden;
	float: left;
}
.youshi .ul_b .a{
	position: absolute;
	width: 20%;
	height: 857px;
	min-width: 260px;
	overflow: hidden;
	background:url(../img/y11.jpg) center left no-repeat;
	text-align: center;
	transition: 2s;
}
.youshi .ul_b li:hover .p_c img{
	transform: translateY(30px);
	transition: 2s;
}
.youshi .ul_b .a .p_a{
	padding-top: 407px;
	font-size: 40.5px;
    font-family: Arial;
    color: #fcfcfc;
}
.youshi .ul_b .a .p_b{
	font-size: 25px;
    color: #fcfcfc;
    padding-top: 5px;
    padding-bottom: 25px;
}
.youshi .ul_b .a:hover{
	width: 25%;
	min-width: 325px;
	z-index: 1;
	background-position: -200px 0px;
	transition: 2s;
}
.youshi .ul_b .b{
	position: absolute;
	width: 20%;
	height: 857px;
	margin-left: 20%;
	min-width: 260px;
	overflow: hidden;
	background-color: #0098d9;
	text-align: center;
	transition: 2s;
}
.youshi .ul_b .b .p_a{
	padding-top: 407px;
	font-size: 40.5px;
    font-family: Arial;
    color: #fcfcfc;
}
.youshi .ul_b .b .p_b{
	font-size: 25px;
    color: #fcfcfc;
    padding-top: 5px;
    padding-bottom: 25px;
}
.youshi .ul_b .b:hover{
	width: 25%;
	min-width: 325px;
	z-index: 1;
	background-position: -200px 0px;
	transition: 2s;
}

.youshi .ul_b .c{
	position: absolute;
	margin-left: 40%;
	width: 10%;
	height: 857px;
	min-width: 200px;
	overflow: hidden;
	background:url(../img/y22.jpg) center left no-repeat;
	text-align: center;
	transition: 2s;
}
.youshi .ul_b .c .p_a{
	padding-top: 407px;
	font-size: 40.5px;
    font-family: Arial;
    color: #fcfcfc;
	opacity: 0;
}
.youshi .ul_b .c:hover .p_a{
	opacity: 1;
}
.youshi .ul_b .c .p_b{
	font-size: 25px;
    color: #fcfcfc;
    padding-top: 5px;
    padding-bottom: 25px;
    opacity: 0;
}
.youshi .ul_b .c:hover .p_b{
	opacity: 1;
}
.youshi .ul_b .c .p_c{
	opacity: 0;
}
.youshi .ul_b .c:hover .p_c{
	opacity: 1;
}
.youshi .ul_b .c:hover{
	width: 17.5%;
	background-position: -200px 0px;
	transform: translateX(-30%);
	z-index: 1;
	transition: 2s;
}