.banner{
	width:100%;
	height:300px;
	background:url("../images/banner_dian.jpg") no-repeat center top;
	margin-top:-320px;
}


ul.channel{
	margin:60px 0;
	margin-bottom:40px;
	margin-left:50px;
	font-size:1.1rem;
}
.channel li{
	float:left;
	margin:0 0;
	margin-right:50px;
	line-height:2.25rem;
}
.channel li a{
	color:#999999;
}
.channel li.thisclass a{
	color:#298e02;
}
.content{
	width:1200px;
	margin:0 auto;
/*	line-height:28px;*/
	margin-bottom:60px;
	overflow:hidden;
/*	min-height:500px;*/
/*	background:#f5f5f5;*/
}
.content li{
	width:30.5%;
	height:305px;
	float:left;
	margin-right:2.5%;
	margin-bottom:40px;
	/*overflow:hidden;*/
}
.content .pic{
	height:240px;
}
.content .title{
	background:#005600;
	height:65px;
	margin-top:0px;
	position:relative;

	display:flex;
    justify-content:center;
    align-items:center;
}
.content .title div{
/*	height:60px;*/
	width:100%;
	line-height:20px;
	height:auto;
	color:#fff;
	text-align:center;
	font-size:0.9rem;
}
.content .more{
	background:url("../images/dian_bg1.jpg") no-repeat center top;
}
/*////////////////////////////*/
.gray{
	position:fixed;
	top:0;
	left:0;
	width:100%;
	height:100%;
	background:#000;

	opacity:0.7;
	filter:alpha(70);
	
	z-index:100;
}
.win_container{
	width:100%;
	height:100%;
	position:fixed;
	top:0;
	left:0;
	z-index:100;
}
.win{
	position:relative;
	margin:160px auto;
	width:1100px;
	height:600px;
	background:#fff;
	z-index:100;
	box-shadow:0 0 30px #000;
}
.win .title{
	width:100%;
	text-align:center;
	padding-top:15px;
}
.win .win_title{
	padding-top:10px;
	color:#298e02;
	position:relative;
	z-index:1;
}

.win ul{
	position:relative;top:20px;
}
.win li{
	max-width:600px;
	position:absolute;
	left:100px;
	top:200px;
	box-shadow:0 0 20px #000;
	opacity:0;
	filter:alpha(opacity=0);
	transition:all 0.5s;
}
li.lhide{
	top:20px;
	left:0px;
	opacity:0;
	filter:alpha(opacity=0);
	z-index:-1;
}
li.left{
	top:50px;
	left:50px;
	opacity:0.4;
	filter:alpha(opacity=40);
}
li.center{
	top:100px;
	left:250px;
	opacity:1;
	filter:alpha(opacity=100);
	z-index:1;
}
li.right{
	top:50px;
	left:450px;
	opacity:0.4;
	filter:alpha(opacity=40);
}
li.rhide{
	top:20px;
	left:500px;
	opacity:0;
	z-index:-1;
}
.win li img{
	width:100%;
}
.win .btn{
	width:30px;
	height:30px;
	background:red;
	position:absolute;
	border-radius:15px;
	top:-15px;
	right:-15px;
}
.win .btn img{
	position:relative;
	top:7.5px;
	left:7.5px;
}

.hide{
	display:none;
}

.win_container .btn2{
	position:relative;
	z-index:2;
	top:100%;
}
.btn2 .l{
	width:50px;
	height:50px;
	margin-left:430px;
	margin-top:-54px;
	background:url("../images/left_active.jpg") no-repeat center top/100%;
	background:url("../images/left.jpg") no-repeat center top/100%;
	cursor:pointer;
}
.btn2 .r{
	width:50px;
	height:50px;
	margin-right:430px;
	margin-top:-54px;
	background:url("../images/right_active.jpg") no-repeat center top/100%;
	background:url("../images/right.jpg") no-repeat center top/100%;
	cursor:pointer;
}
.btn2 .l.active{
	background:url("../images/left_active.jpg") no-repeat center top/100%;
}
.btn2 .r.active{
	background:url("../images/right_active.jpg") no-repeat center top/100%;
}

@media (max-width:1700px){
.win{
	position:relative;
	margin:80px auto;
}
}

@media (max-width:1320px){
ul.channel{
	margin-left:0;
}
.win{
	position:relative;
	margin:60px auto;
}
}



@media (max-width:1220px){
.banner{
	width:100%;
	height:196px;
	background:url("../images/banner_dian.jpg") no-repeat center top/1300px;
	margin-top:-360px;
}

.content{
	width:700px;
	margin:0 auto;
	margin-bottom:60px;
}
.content li{
	width:47%;
	height:260px;
	margin-bottom:70px;
}

.win{
	position:relative;
	margin:30px auto;
	width:700px;
	height:500px;
	background:#fff;
	z-index:100;
	box-shadow:0 0 30px #000;
}
.win ul{
	position:relative;
}
.win li{
	max-width:400px;
	position:absolute;
	left:100px;
	top:200px;
	box-shadow:0 0 20px #000;
	transition:all 0.5s;
}
li.lhide{
	top:20px;
	left:0px;
}
li.left{
	top:50px;
	left:50px;
}
li.center{
	top:100px;
	left:150px;
}
li.right{
	top:50px;
	left:250px;
}
li.rhide{
	top:20px;
	left:300px;
}
.btn2 .l{
	margin-left:230px;
}
.btn2 .r{
	margin-right:230px;
}

}


@media (max-width:720px){
.channel li{
	float:left;
	margin:0 0;
	width:100%;
	text-align:center;
}
.banner{
	width:100%;
	height:130px;
	background:url("../images/banner_dian.jpg") no-repeat center top/800px;
	margin-top:-360px;
}




.content{
	width:100%;
}
.content li{
	width:49%;
	margin-right:1%;
}


.win{
	position:relative;
	margin:30px auto;
	width:94%;
	height:400px;
	background:#fff;
	z-index:100;
	box-shadow:0 0 30px #000;
}
.win ul{
	position:relative;

}
.win li{
	max-width:57.142857%;
	position:absolute;
	left:14.285714%;
	top:200px;
	box-shadow:0 0 20px #000;
	transition:all 0.5s;
}
li.lhide{
	top:50px;
	left:0;
}
li.left{
	top:70px;
	left:7.142857%;
}
li.center{
	top:100px;
	left:21.428571%;
}
li.right{
	top:70px;
	left:35.714285%;
}
li.rhide{
	top:50px;
	left:42.857142%;
}

.btn2 .l{
	margin-left:30%;
}
.btn2 .r{
	margin-right:30%;
}

}

@media (max-width:600px){
.content li{
	width:360px;
	float:none;
	margin-right:auto;
	margin-left:auto;
	margin-bottom:80px;
}

}

@media (max-width:400px){
.banner{
	height:97px;
	background:url("../images/banner_dian.jpg") no-repeat center top/600px;
	margin-top:-360px;
}
.win ul{
	top:40px;
}
}

@media (max-width:360px){
.content li{
	width:100%;
	float:none;
	margin-right:auto;
	margin-left:auto;
	margin-bottom:80px;
}

}