.swiper-container{ padding-top:30px;}
.swiper-button-prev{background:url("../image/idxleft.png"); height: 68px;}
.swiper-button-next{background:url("../image/idxright.png");height: 68px;}


#swiper0 .swiper-pagination-bullets{
		position:absolute;
		left:0;
		right:0;
		bottom:40px;
		overflow:hidden;
		width: 72px;
		margin:auto;
	}

#swiper0 .swiper-pagination-bullets .swiper-pagination-bullet{
		width: 12px;
		height: 12px;
		border:1px solid white;
		border-radius:50%;
		background:white;
		transition:background 1s linear;
		float:left;
		margin:0 5px;
		cursor:pointer;
	}

#swiper3 .swiper-wrapper{width:80%;}
#swiper3 .swiper-button-prev{background:url("../image/zsleft.png"); width:23px; height: 41px;}
#swiper3 .swiper-button-next{background:url("../image/zsright.png");width:23px; height: 41px;}

#swiper3 .swiper-wrapper li{width:95%;}
#swiper3 .swiper-wrapper .pic{width:100%;}
#swiper3 .swiper-wrapper .pic img{width:100%;}


@media (min-width: 1201px) {

	a{ text-decoration:none; color:#333;  }

	/* 本例子css */
	#picScroll-left{ width: 1100px;  overflow:hidden; position:relative;  margin-top: 20px;   }
	#picScroll-left .hd{height: 1px;}
	#picScroll-left .bd .prev {float: left; margin-right: 15px; position: relative; top: 38px;
		left: -35px;}
	#picScroll-left .bd .next {float: right;position: relative; top: -75px;
		left: -50px;}

	#picScroll-left .hd .next{ background-position:0 -50px;  }
	#picScroll-left .hd .prevStop{ background-position:-60px 0; }
	#picScroll-left .hd .nextStop{ background-position:-60px -50px; }
	#picScroll-left .hd ul{ float:right; overflow:hidden; zoom:1; margin-top:10px; zoom:1; }
	#picScroll-left .hd ul li{ float:left;  width:9px; height:9px; overflow:hidden; margin-right:5px; text-indent:-999px; cursor:pointer; background:url("../image/icoCircle.gif") 0 -9px no-repeat; }
	#picScroll-left .hd ul li.on{ background-position:0 0; }
	#picScroll-left .bd{ padding:10px;       padding-left: 100px;
		margin-top: -20px;}
	#picScroll-left .bd ul{ overflow:hidden; zoom:1; }
	#picScroll-left .bd ul li{ margin:0 8px; float:left; _display:inline; overflow:hidden; text-align:center;  }
	#picScroll-left .bd ul li .pic{ text-align:center; }
	#picScroll-left .bd ul li .pic img{ width:140px; display:block;  padding:2px;  }
	#picScroll-left .bd ul li .pic a:hover img{ border-color:#999;  }
	#picScroll-left .bd ul li .title{ line-height:24px;   }


	.picScroll-left{ width: 578px;  overflow:hidden; position:relative;  margin-top: 20px;   }
	.picScroll-left .hd{height: 1px;}
	.picScroll-left .bd .prev {float: left; margin-right: 15px; position: relative; top: 80px;}
	.picScroll-left .bd .next {float: right;position: relative; top: -130px;}

	.picScroll-left .hd .next{ background-position:0 -50px;  }
	.picScroll-left .hd .prevStop{ background-position:-60px 0; }
	.picScroll-left .hd .nextStop{ background-position:-60px -50px; }
	.picScroll-left .hd ul{ float:right; overflow:hidden; zoom:1; margin-top:10px; zoom:1; }
	.picScroll-left .hd ul li{ float:left;  width:9px; height:9px; overflow:hidden; margin-right:5px; text-indent:-999px; cursor:pointer; background:url("../image/icoCircle.gif") 0 -9px no-repeat; }
	.picScroll-left .hd ul li.on{ background-position:0 0; }
	.picScroll-left .bd{ padding:10px;   }
	.picScroll-left .bd ul{ overflow:hidden; zoom:1; }
	.picScroll-left .bd ul li{ margin:0 8px; float:left; _display:inline; overflow:hidden; text-align:center;  }
	.picScroll-left .bd ul li .pic{ text-align:center; }
	.picScroll-left .bd ul li .pic img{ width:140px; display:block;  padding:2px; border:1px solid #ccc; }
	.picScroll-left .bd ul li .pic a:hover img{ border-color:#999;  }
	.picScroll-left .bd ul li .title{ line-height:24px;   }

	.bigimgBox{
		width: 1200px;
		height: 460px;
		overflow:hidden;
		position:relative;
	}

	.bigimgBox .trunimg{
		position:absolute;
		top:0;
		left:0;
		right:0;
		bottom:0;
		margin:auto;
		opacity:0;
		transition:opacity 1s linear;
	}
	.bigimgBox .trunbtn{
		position:absolute;
		left:0;
		right:0;
		bottom:10px;
		overflow:hidden;
		width: 72px;
		margin:auto;
	}

	.bigimgBox .trunbtn .trunbtns{
		width: 12px;
		height: 12px;
		border:1px solid white;
		border-radius:50%;
		background:white;
		transition:background 1s linear;
		float:left;
		margin:0 5px;
		cursor:pointer;
	}

	.smallimgbox{
		overflow:hidden;
		padding:22px 0 0;
	}
	.smallimgbox li{
		width: 230px;
		margin-right:10px;
		border:1px solid rgb(191,191,191);
		border-radius:5px;
		float:left;
		overflow:hidden;
		font-size:15px;
	}
	.smallimgbox li.lastEle{
		margin-right:0;
	}
	.smallimgbox li .imgbox{
		width: 100%;
		height: 127px;
		overflow:hidden;
	}
	.smallimgbox li .imgbox img{
		width: 100%;
		height: 100%;
	}
	.smallimgbox li p{
		padding:3px 10px;
	}
	.smallimgbox li .des1{
		font-size:18px;
		font-weight:bolder;
	}
	.smallimgbox li .des2{
		color:gray;
		border-bottom:1px solid rgb(238,238,238);
		padding-bottom:8px;
	}
	.smallimgbox li .more a{
		color:black;
	}
	.idxTitle{
		width: 1200px;
		height:80px;
		line-height:80px;
		background:url('../image/titlebac2.png') no-repeat 0 0 / 100% 100%;
		text-align:center;
		font-size:28px;
		font-weight:bolder;
		margin:20px 0;
	}
	.material{
		height:140px;
		overflow:hidden;
		border-top:1px solid rgb(220,220,220);
		border-bottom:1px solid rgb(220,220,220);
		font-size:18px;
	}
	.material .materialText{
		float:left;
		padding-left:40px;
		line-height:140px;
	}
	.material .gobtn{
		float:left;
		line-height:140px;
		padding:0 25px;
		cursor:pointer;
	}

	.material .ulbox{
		float:left;
		width: 80%;
		height:140px;
		overflow:hidden;
		position:relative;
	}
	.material .ulbox .materialUl{
		width: 1900px;
		height:140px;
		position:absolute;
		left:-15px;
		overflow:hidden;
		transition:left .5s linear;
	}
	.material .ulbox .materialUl .mtlis{
		width: 130px;
		margin: 0 30px;
		height:140px;
		float:left;
		text-align:center;
		cursor:pointer;
	}
	.material .ulbox .materialUl a{
		color:black;
	}
	.material .ulbox .materialUl .mtlis .imgbox{
		width: 110px;
		height:66px;
		margin:30px auto 6px;
	}
	.imgbox img{
		width: 100%;
		height:100%;
	}

	.grayBox{
		background:#FFF;
	}

	.grayBox .content{
		padding-top:0;
		padding-bottom:60px;
	}

	.liuchengUl{
		overflow:hidden;
	}

	.liuchengUl .liucheng{
		float:left;
		height:430px;
		width: 395px;
		margin-right:5px;
		cursor:pointer;
		position:relative;
	}
	.liuchengUl .liucheng img{
		width: 100%;
		height:100%;
	}

	.liuchengUl .lastEle{
		margin-right:0;
	}

	.liuchengUl .liucheng .textMask{
		position:absolute;
		top:0;
		left:0;
		right:0;
		bottom:0;
		margin:auto;
		line-height:430px;
		font-size:40px;
		text-align:center;
		color:white;
		font-weight:bolder;
	}
	.liuchengUl .liucheng:hover .textMask{
		background:rgba(0,0,0,0.3)
	}

	.guanyu{
		float:left;
		width: 580px;
	}
	.zhengshu{
		width: 580px;
		float:right;
	}

	.titlebox{
		line-height:40px;
		border-bottom:2px solid red;
		overflow:hidden;
	}
	.titlebox .title1{
		font-size:18px;
		float:left;
		border-bottom:2px solid rgb(206,39,46);
	}
	.titlebox .more{
		float:right;
		color:black;
	}

	.gyContent{
		height:210px;
		width: 580px;
		overflow:hidden;
		padding-top:20px;
		position:relative;
	}

	.gyimgbox{
		float:left;
		width: 245px;
		height:210px;
		overflow:hidden;
	}
	.gyimgbox img{
		width: 100%;
		height:100%;
	}
	.guanyuText{
		float:left;
		width: 310px;
		margin-left:20px;
	}

	.guanyuText .title{
		font-size:20px;
		font-weight:bolder;
		padding:9px 0;
	}
	.guanyuText .text{
		font-size:16px;
		line-height:28px;
		color:rgb(116,116,116);
	}
	.zsBox{
		width: 494px;
		height:210px;
		margin:auto;
	}
	.zsBox li{
		float:left;
		width: 160px;
		height:210px;
		margin-right:7px;

	}
	.zsBox li.lastEle{
		margin-right:0;
	}
	.zsBox li img{
		width: 100%;
		height:100%;
	}
	.gyContent .gobtn{
		position:absolute;
		width: 25px;
		height:40px;
		top:110px;
		cursor:pointer;
	}
	.gyContent .gobtn img{
		width: 100%;
		height:100%;
	}
	.gyContent .leftbtn{
		left:0;
	}

	.gyContent .rightbtn{
		right:0;
	}
}
@media (max-width: 1200px) {

	a{ text-decoration:none; color:#333;  }

	#picScroll-left{ width: 740px;  overflow:hidden; position:relative;  margin-top: 20px;   }
	#picScroll-left .hd{height: 1px;}
	#picScroll-left .bd .prev {float: left; margin-right: 15px; position: relative; top: 38px;
		left: -35px;}
	#picScroll-left .bd .next {float: right;position: relative; top: -75px;
		left: -50px;}

	#picScroll-left .hd .next{ background-position:0 -50px;  }
	#picScroll-left .hd .prevStop{ background-position:-60px 0; }
	#picScroll-left .hd .nextStop{ background-position:-60px -50px; }
	#picScroll-left .hd ul{ float:right; overflow:hidden; zoom:1; margin-top:10px; zoom:1; }
	#picScroll-left .hd ul li{ float:left;  width:9px; height:9px; overflow:hidden; margin-right:5px; text-indent:-999px; cursor:pointer; background:url("../image/icoCircle.gif") 0 -9px no-repeat; }
	#picScroll-left .hd ul li.on{ background-position:0 0; }
	#picScroll-left .bd{ padding:10px;       padding-left: 100px;
		margin-top: -20px;}
	#picScroll-left .bd ul{ overflow:hidden; zoom:1; }
	#picScroll-left .bd ul li{ margin:0 8px; float:left; _display:inline; overflow:hidden; text-align:center;  }
	#picScroll-left .bd ul li .pic{ text-align:center; }
	#picScroll-left .bd ul li .pic img{ width:140px; display:block;  padding:2px;  }
	#picScroll-left .bd ul li .pic a:hover img{ border-color:#999;  }
	#picScroll-left .bd ul li .title{ line-height:24px;   }
	/* 本例子css */
	.picScroll-left{ width: 578px;  overflow:hidden; position:relative;  margin-top: 20px;   }
	.picScroll-left .hd{height: 1px;}
	.picScroll-left .bd .prev {float: left; margin-right: 15px; position: relative; top: 80px;}
	.picScroll-left .bd .next {float: right;position: relative; top: -130px;}

	.picScroll-left .hd .next{ background-position:0 -50px;  }
	.picScroll-left .hd .prevStop{ background-position:-60px 0; }
	.picScroll-left .hd .nextStop{ background-position:-60px -50px; }
	.picScroll-left .hd ul{ float:right; overflow:hidden; zoom:1; margin-top:10px; zoom:1; }
	.picScroll-left .hd ul li{ float:left;  width:9px; height:9px; overflow:hidden; margin-right:5px; text-indent:-999px; cursor:pointer; background:url("../image/icoCircle.gif") 0 -9px no-repeat; }
	.picScroll-left .hd ul li.on{ background-position:0 0; }
	.picScroll-left .bd{ padding:10px;   }
	.picScroll-left .bd ul{ overflow:hidden; zoom:1; }
	.picScroll-left .bd ul li{ margin:0 8px; float:left; _display:inline; overflow:hidden; text-align:center;  }
	.picScroll-left .bd ul li .pic{ text-align:center; }
	.picScroll-left .bd ul li .pic img{ width:140px; display:block;  padding:2px; border:1px solid #ccc; }
	.picScroll-left .bd ul li .pic a:hover img{ border-color:#999;  }
	.picScroll-left .bd ul li .title{ line-height:24px;   }

	.bigimgBox{
		width: 100%;
		height: 460px;
		overflow:hidden;
		position:relative;
	}

	.bigimgBox .trunimg{
		position:absolute;
		top:0;
		left:0;
		right:0;
		bottom:0;
		margin:auto;
		opacity:0;
		transition:opacity 1s linear;
	}
	.bigimgBox .trunbtn{
		position:absolute;
		left:0;
		right:0;
		bottom:10px;
		overflow:hidden;
		width: 72px;
		margin:auto;
	}

	.bigimgBox .trunbtn .trunbtns{
		width: 12px;
		height: 12px;
		border:1px solid white;
		border-radius:50%;
		background:white;
		transition:background 1s linear;
		float:left;
		margin:0 5px;
		cursor:pointer;
	}

	.smallimgbox{
		overflow:hidden;
		padding:22px 0 0;
	}
	.smallimgbox li{
		width: 19%;
		margin-right:10px;
		border:1px solid rgb(191,191,191);
		border-radius:5px;
		float:left;
		overflow:hidden;
		font-size:15px;
	}
	.smallimgbox li.lastEle{
		margin-right:0;
	}
	.smallimgbox li .imgbox{
		width: 100%;
		height: 127px;
		overflow:hidden;
	}
	.smallimgbox li .imgbox img{
		width: 100%;
		height: auto;
	}
	.smallimgbox li p{
		padding:3px 10px;
	}
	.smallimgbox li .des1{
		font-size:18px;
		font-weight:bolder;
	}
	.smallimgbox li .des2{
		color:gray;
		border-bottom:1px solid rgb(238,238,238);
		padding-bottom:8px;
	}
	.smallimgbox li .more a{
		color:black;
	}
	.idxTitle{
		width: 100%;
		height:80px;
		line-height:80px;
		background:none;
		text-align:center;
		font-size:28px;
		font-weight:bolder;
		margin:20px 0;
	}
	.material{
		height:140px;
		overflow:hidden;
		border-top:1px solid rgb(220,220,220);
		border-bottom:1px solid rgb(220,220,220);
		font-size:18px;
	}
	.material .materialText{
		float:left;
		padding-left:40px;
		line-height:140px;
	}
	.material .gobtn{
		float:left;
		line-height:140px;
		padding:0 25px;
		cursor:pointer;
	}

	.material .ulbox{
		float:left;
		width: 100%;
		height:140px;
		overflow:hidden;
		position:relative;
	}
	.material .ulbox .materialUl{
		width: 100%;
		height:140px;
		position:absolute;
		left:-15px;
		overflow:hidden;
		transition:left .5s linear;
	}
	.material .ulbox .materialUl .mtlis{
		width: 130px;
		margin: 0 30px;
		height:140px;
		float:left;
		text-align:center;
		cursor:pointer;
	}
	.material .ulbox .materialUl a{
		color:black;
	}
	.material .ulbox .materialUl .mtlis .imgbox{
		width: 110px;
		height:66px;
		margin:30px auto 6px;
	}
	.imgbox img{
		width: 100%;
		height:100%;
	}

	.grayBox{
		background:rgb(238,238,238);
	}

	.grayBox .content{
		padding-top:0;
		padding-bottom:60px;
	}

	.liuchengUl{
		overflow:hidden;
	}

	.liuchengUl .liucheng{
		float:left;

		width: 28%;
		margin-right:45px;
		cursor:pointer;
		position:relative;
		margin-bottom: 45px;
	}
	.liuchengUl .liucheng img{
		width: 100%;
		height:100%;
	}

	.liuchengUl .lastEle{
		margin-right:0;
	}

	.liuchengUl .liucheng .textMask{
		position:absolute;
		top:0;
		left:0;
		right:0;
		bottom:0;
		margin:auto;
		line-height:430px;
		font-size:40px;
		text-align:center;
		color:white;
		font-weight:bolder;
	}
	.liuchengUl .liucheng:hover .textMask{
		background:rgba(0,0,0,0.3)
	}

	.guanyu{
		float:left;
		width:48%;
		margin: 0 1%;
		
	}
	.zhengshu{
		width:48%;
		float:right;
		margin: 0 1%;
		
	}

	.titlebox{
		line-height:40px;
		border-bottom:2px solid red;
		overflow:hidden;
	}
	.titlebox .title1{
		font-size:18px;
		float:left;
		border-bottom:2px solid rgb(206,39,46);
	}
	.titlebox .more{
		float:right;
		color:black;
	}

	.gyContent{
		
		overflow:hidden;
		padding-top:20px;
		position:relative;
	}

	.gyimgbox{
		float:left;
		width: 45%;
		
		overflow:hidden;
	}
	.gyimgbox img{
		width: 100%;
		
	}
	.guanyuText{
		float:left;
		width: 50%;
		margin-left:20px;

	}

	.guanyuText .title{
		font-size:20px;
		font-weight:bolder;
		padding:9px 0;

	}
	.guanyuText .text{
		font-size:16px;
		line-height:28px;
		color:rgb(116,116,116);
	}
	.zsBox{
		width: 494px;
		height:210px;
		margin:auto;
	}
	.zsBox li{
		float:left;
		width: 160px;
		height:210px;
		margin-right:7px;

	}
	.zsBox li.lastEle{
		margin-right:0;
	}
	.zsBox li img{
		width: 100%;
		height:100%;
	}
	.gyContent .gobtn{
		position:absolute;
		width: 25px;
		height:40px;
		top:110px;
		cursor:pointer;
	}
	.gyContent .gobtn img{
		width: 100%;
		height:100%;
	}
	.gyContent .leftbtn{
		left:0;
	}

	.gyContent .rightbtn{
		right:0;
	}

}+

@media (max-width: 1018px) {
	.smallimgbox li{
		width: 18%;
		margin-right:10px;
		border:1px solid rgb(191,191,191);
		border-radius:5px;
		float:left;
		overflow:hidden;
		font-size:15px;
	}
}
@media (max-width: 988px) {

	a{ text-decoration:none; color:#333;  }

	#picScroll-left{ width: 300px;  overflow:hidden; position:relative;  margin-top: 20px;   }
	#picScroll-left .hd{height: 1px;}
	#picScroll-left .bd .prev {float: left; margin-right: 15px; position: relative;  top: 80px;

		left: -35px;}
	#picScroll-left .bd .next {float: right;position: relative; top: -75px;
		left: 8px;}

	#picScroll-left .hd .next{ background-position:0 -50px;  }
	#picScroll-left .hd .prevStop{ background-position:-60px 0; }
	#picScroll-left .hd .nextStop{ background-position:-60px -50px; }
	#picScroll-left .hd ul{ float:right; overflow:hidden; zoom:1; margin-top:10px; zoom:1; }
	#picScroll-left .hd ul li{ float:left;  width:9px; height:9px; overflow:hidden; margin-right:5px; text-indent:-999px; cursor:pointer; background:url("../image/icoCircle.gif") 0 -9px no-repeat; }
	#picScroll-left .hd ul li.on{ background-position:0 0; }
	#picScroll-left .bd{ padding:10px;       padding-left: 100px;
		margin-top: -60px;}
	#picScroll-left .bd ul{ overflow:hidden; zoom:1; }
	#picScroll-left .bd ul li{ margin:0 8px; float:left; _display:inline; overflow:hidden; text-align:center;  }
	#picScroll-left .bd ul li .pic{ text-align:center; }
	#picScroll-left .bd ul li .pic img{ width:140px; display:block;  padding:2px;  }
	#picScroll-left .bd ul li .pic a:hover img{ border-color:#999;  }
	#picScroll-left .bd ul li .title{ line-height:24px;   }
	/* 本例子css */
	.picScroll-left{ width: 578px;  overflow:hidden; position:relative;  margin-top: 20px;   margin-left: -100px}
	.picScroll-left .hd{height: 1px;}
	.picScroll-left .bd .prev {float: left; margin-right: 15px; position: relative; top: 210px; left: 200px}
	.picScroll-left .bd .next {float: right;position: relative; top: -8px;right: 200px;}

	.picScroll-left .hd .next{ background-position:0 -50px;  }
	.picScroll-left .hd .prevStop{ background-position:-60px 0; }
	.picScroll-left .hd .nextStop{ background-position:-60px -50px; }
	.picScroll-left .hd ul{ float:right; overflow:hidden; zoom:1; margin-top:10px; zoom:1; }
	.picScroll-left .hd ul li{ float:left;  width:9px; height:9px; overflow:hidden; margin-right:5px; text-indent:-999px; cursor:pointer; background:url("../image/icoCircle.gif") 0 -9px no-repeat; }
	.picScroll-left .hd ul li.on{ background-position:0 0; }
	.picScroll-left .bd{ padding:10px;   }
	.picScroll-left .bd ul{ overflow:hidden; zoom:1; }
	.picScroll-left .bd ul li{ margin:0 8px; float:left; _display:inline; overflow:hidden; text-align:center;  }
	.picScroll-left .bd ul li .pic{ text-align:center; }
	.picScroll-left .bd ul li .pic img{ width:140px; display:block;  padding:2px; border:1px solid #ccc; }
	.picScroll-left .bd ul li .pic a:hover img{ border-color:#999;  }
	.picScroll-left .bd ul li .title{ line-height:24px;   }

	.bigimgBox {
		width:100%;;
		height: 460px;
		overflow: hidden;
		position: relative;
	}

	.bigimgBox .trunimg {
		position: absolute;
		top: 0;
		left: 0;
		right: 0;
		bottom: 0;
		margin: auto;
		opacity: 0;
		transition: opacity 1s linear;
	}

	.bigimgBox .trunbtn {
		position: absolute;
		left: 0;
		right: 0;
		bottom: 10px;
		overflow: hidden;
		width: 72px;
		margin: auto;
	}

	.bigimgBox .trunbtn .trunbtns {
		width: 12px;
		height: 12px;
		border: 1px solid white;
		border-radius: 50%;
		background: white;
		transition: background 1s linear;
		float: left;
		margin: 0 5px;
		cursor: pointer;
	}

	.smallimgbox {
		overflow: hidden;
		padding: 22px 0 0;
	}

	.smallimgbox li {
		width: 90%;
		margin-right: 10px;
		border: 1px solid rgb(191, 191, 191);
		border-radius: 5px;
		float: left;
		overflow: hidden;
		font-size: 15px;
		margin-left: 5%;
		margin-bottom: 10px;
	}

	.smallimgbox li.lastEle {
		margin-right: 0;
	}

	.smallimgbox li .imgbox {
		width: 100%;
		height: auto;
		overflow: hidden;
	}

	.smallimgbox li .imgbox img {
		width: 100%;
		height: auto;
	}

	.smallimgbox li p {
		padding: 3px 10px;
	}

	.smallimgbox li .des1 {
		font-size: 18px;
		font-weight: bolder;
	}

	.smallimgbox li .des2 {
		color: gray;
		border-bottom: 1px solid rgb(238, 238, 238);
		padding-bottom: 8px;
	}

	.smallimgbox li .more a {
		color: black;
	}

	.idxTitle {
		width: 100%;
		height: 80px;
		line-height: 80px;
		background: none;
		text-align: center;
		font-size: 28px;
		font-weight: bolder;
		margin: 20px 0;
	}

	.material {
		height: 140px;
		overflow: hidden;
		border-top: 1px solid rgb(220, 220, 220);
		border-bottom: 1px solid rgb(220, 220, 220);
		font-size: 18px;
	}

	.material .materialText {
		float: left;
		padding-left: 40px;
		line-height: 140px;
	}

	.material .gobtn {
		float: left;
		line-height: 140px;
		padding: 0 25px;
		cursor: pointer;
	}

	.material .ulbox {
		float: left;
		width: 100%;
		height: 140px;
		overflow: hidden;
		position: relative;
	}

	.material .ulbox .materialUl {
		width: 100%;
		height: 140px;
		position: absolute;
		left: -15px;
		overflow: hidden;
		transition: left .5s linear;
	}

	.material .ulbox .materialUl .mtlis {
		width: 130px;
		margin: 0 30px;
		height: 140px;
		float: left;
		text-align: center;
		cursor: pointer;
	}

	.material .ulbox .materialUl a {
		color: black;
	}

	.material .ulbox .materialUl .mtlis .imgbox {
		width: 110px;
		height: 66px;
		margin: 30px auto 6px;
	}

	.imgbox img {
		width: 100%;
		height: 100%;
	}

	.grayBox {
		background: rgb(238, 238, 238);
	}

	.grayBox .content {
		padding-top: 0;
		padding-bottom: 60px;
	}

	.liuchengUl {
		overflow: hidden;
		margin-left: 0;
	}

	.liuchengUl .liucheng {
		float: left; width:98%;

		
		margin-left: 1%;
		cursor: pointer;
		position: relative;
		margin-bottom: 45px;
	
	}

	.liuchengUl .liucheng img {
		width: 100%;
		
	}

	.liuchengUl .lastEle {
		margin-right: 0;
	}

	.liuchengUl .liucheng .textMask {
		position: relative;
		
		line-height: 60px;
		font-size: 40px;
		text-align: center;
		color: #000;
		font-weight: bolder;
		width:100%;
		
	}

	.liuchengUl .liucheng:hover .textMask {
		background: rgba(0, 0, 0, 0.3)
	}

	.guanyu {
		float: left;
		width: 80%;
		margin-left: 10%;
	}

	.zhengshu {
		width: 80%;;
		float: right;
		margin-right: 10%;
	}

	.titlebox {
		line-height: 40px;
		border-bottom: 2px solid red;
		overflow: hidden;
	}

	.titlebox .title1 {
		font-size: 18px;
		float: left;
		border-bottom: 2px solid rgb(206, 39, 46);
	}

	.titlebox .more {
		float: right;
		color: black;
	}

	.gyContent {
		height: 420px;
		width: 100%;
		overflow: hidden;
		padding-top: 20px;
		position: relative;
	}

	.gyimgbox {
		float: left;
		width: 100%;
		height: 210px;
		overflow: hidden;
	}

	.gyimgbox img {
		width: 100%;
		height: 100%;
	}

	.guanyuText {
		float: left;
		width: 100%;
		margin-left: 20px;
	}

	.guanyuText .title {
		font-size: 20px;
		font-weight: bolder;
		padding: 9px 0;

	}

	.guanyuText .text {
		font-size: 16px;
		line-height: 28px;
		color: rgb(116, 116, 116);
		width: 90%;
	}

	.zsBox {
		width: 100%;

		margin: auto;

	}

	.zsBox li {
		float: left;
		width: 30%;

		margin-right: 7px;

	}

	.zsBox li.lastEle {
		margin-right: 0;
	}

	.zsBox li img {
		width: 100%;
		height: 100%;
	}

	.gyContent .gobtn {
		position: absolute;
		width: 25px;
		height: 40px;
		top: 110px;
		cursor: pointer;
	}

	.gyContent .gobtn img {
		width: 100%;
		height: 100%;
	}

	.gyContent .leftbtn {
		left: 0;
	}

	.gyContent .rightbtn {
		right: 0;
	}
}