/* 首页轮播图样式表 */
ul,li {list-style: none;}
a {text-decoration: none;color: black;}
.box{width: 100%;height: auto;overflow: hidden;position: relative;}
.box-1 ul{}
.box-1 ul li{width: 100%;height: auto;position: relative;overflow: hidden;}
.box-1 ul li img{display:block;width: 100%; height: auto;}
.box-1 ul li h2{position: absolute;left: 0;bottom: 0;height: 40px;width:300px;background: rgba(125,125,120,.4);text-indent: 2em;
				padding-right:500px ;font-size: 15px;line-height: 40px;text-overflow: ellipsis;overflow: hidden;
				white-space: nowrap;font-weight: normal;color: ghostwhite}
.box-2{position: absolute;bottom: 35px;display: flex;text-align:center;width: 100%;}
.box-2 ul{margin:0 auto;display: inline-block;}
.box-2 ul li{float:left;width: 15px;height: 15px;overflow: hidden; margin: 0 5px; border-radius: 50%;
				background: url("../image/site/nav_unfocus.png") no-repeat;text-indent: 100px;cursor: pointer;}
.box-2 ul .on{background: url("../image/site/nav_focus.png") no-repeat;}
.box-3 span{position: absolute;color: white;background: rgba(125,125,120,.3);width: 50px;height: 80px;
				top:50%; font-family: "宋体";line-height: 80px;font-size:60px;margin-top: -40px;
				text-align: center;cursor: pointer;}
.box-3 .prev{left: 10px;}
.box-3 .next{right: 10px;}
.box-3 span::selection{background: transparent;}
.box-3 span:hover{background: rgba(125,125,120,.8);}


/* 兼容不同的分辨率 */
/* @media screen and (max-width: 1680px) {
	.box{width: 100%;height: 750px;overflow: hidden;position: relative;}
	.box-1 ul li{width: 100%;height: 750px;position: relative;overflow: hidden;}
	.box-1 ul li img{display:block;width: 100%; height: 750px;}
}

@media screen and (max-width: 1440px) {
	.box{width: 100%;height: 680px;overflow: hidden;position: relative;}
	.box-1 ul li{width: 100%;height: 680px;position: relative;overflow: hidden;}
	.box-1 ul li img{display:block;width: 100%; height: 680px;}
}

@media screen and (max-width: 1366px) {
	.box{width: 100%;height: 645px;overflow: hidden;position: relative;}
	.box-1 ul li{width: 100%;height: 645px;position: relative;overflow: hidden;}
	.box-1 ul li img{display:block;width: 100%; height: 645px;}
}

@media screen and (max-width: 1280px) {
	.box{width: 100%;height: 600px;overflow: hidden;position: relative;}
	.box-1 ul li{width: 100%;height: 600px;position: relative;overflow: hidden;}
	.box-1 ul li img{display:block;width: 100%; height: 600px;}
} */


.box-back{
	background: url("../image/plant/12.jpg") no-repeat;
}