@charset "utf-8";
.content {
  width: 1500px;
  margin: 0 auto;
}

/* AVMediaProduct YangFangLing 2018年12月18日 */
.AVMediaProduct{padding: 0px 0 0px;}

.AVMediaProductCon{margin-top: 35px;}

#AVMediaProductNav ul li{width: 237px;}

.AVMediaProductNav{width: 1191px;margin:  0 auto;}
.AVMediaProductNav ul li{
	float: left;
	font-size: 15px;
	width: 15.6%;
	text-align: center;
	line-height: 35px;
	height: 35px;
	position: relative;
	border: 1px solid #ddd;border-radius: 25px;
	margin-right:1%;
}
.AVMediaProductNav ul li:last-child{ margin-right:0%;}
.AVMediaProductNav ul li.cur{background-color: #0d4542;}
.AVMediaProductNav ul li>a{color: #333;display: block; font-size:16px}
.AVMediaProductNav ul li.cur a{color: #fff;}
.AVMediaProductNav ul li>a i{background: url(../images/sjx01.png) no-repeat center center;width: 9px;height: 6px;display: inline-block;*display: inline;*zoom: 1;margin-left: 10px;vertical-align: middle;}
.AVMediaProductNav ul li.cur>a i{background: url(../images/sjx02.png) no-repeat center center;}


.AVMediaProductNav ul li .DownBox{position: absolute;top: 35px;left: 0;width: 100%;box-shadow:  0 0 20px rgba(0,0,0,0.1);border:  1px #ddd solid;display: none;z-index: 9;background-color: #fff;border-radius: 5px;}
.AVMediaProductNav ul li .DownBox a{font-size: 14px;color: #333;display: block;height: 50px;line-height: 50px;text-align: left;padding: 0 10px;}
.AVMediaProductNav ul li .DownBox a em{width: 5px;height: 5px;background-color: #999;display: inline-block;*display: inline;*zoom: 1;margin-right: 10px;border-radius: 50%;vertical-align: 4px;}
.AVMediaProductNav ul li .DownBox a:hover{background-color: #eee;}
.AVMediaProductNav ul li:hover .DownBox{display: block;}
.AVMediaProductNav ul li:hover{background-color: #0d4542;}
.AVMediaProductNav ul li:hover>a{color: #fff;}
.AVMediaProductNav ul li:hover>a i{background: url(../images/sjx02.png) no-repeat center center;}

.AVMediaProductBox{/* margin-top: 30px; */}
.AVMediaProductBox ul li{float: left;width: 280px;margin-left:25px;text-align: center;border: 1px #ececec solid;margin-top: 30px;}
.AVMediaProductBox ul li:nth-child(5n+1){margin-left: 0;}
.AVMediaProductBox ul li span{width: 278px;display: block;overflow: hidden;}
.AVMediaProductBox ul li span img{width: 278px;display: block;transition: .8s; margin-left:auto; margin-right:auto; margin-top:0px;}
.AVMediaProductBox ul li:hover span img{transform: scale(1.1);}
.AVMediaProductBox ul li p{height: 45px;line-height: 45px;padding: 0 10px;text-overflow: ellipsis;overflow: hidden;white-space: nowrap;border-top: 1px #ececec solid;color: #333;font-size: 16px;}
.AVMediaProductBox ul li:hover p{color: #fff;background-color: #0d4542;}
/* AVMediaProduct End */


@media (max-width:768px) {
.content {
  width: 100%;
  margin: 0 auto;
}
.AVMediaProductNav ul li>a i{ display:none}
#AVMediaProductNav ul li{width: 100%;}

.AVMediaProductNav{width: 100%;margin:  0 auto;}
.AVMediaProductNav ul li{
	float: left;
	font-size: 14px;
	width: 48%;
	text-align: center;
	line-height: 35px;
	height: 35px;
	position: relative;
	border: 1px solid #ddd;border-radius: 25px;
	margin-right:1%;
	margin-left:1%;
	margin-bottom:10px;
}
.AVMediaProductNav ul li .DownBox{ display:none}
.AVMediaProductNav ul li:hover .DownBox{display: none;}

.AVMediaProductBox{/* margin-top: 30px; */}
.AVMediaProductBox ul li{float: left;width:48%;margin-left:1%;text-align: center;border: 1px #ececec solid;margin-top: 30px; margin-right:1%;}
.AVMediaProductBox ul li:nth-child(2n+1){margin-left:1%;}
.AVMediaProductBox ul li span{width: 100%;display: block;overflow: hidden;}
.AVMediaProductBox ul li span img{width: 100%;display: block;transition: .8s; margin-left:auto; margin-right:auto; margin-top:0px;}
.AVMediaProductBox ul li:hover span img{transform: scale(1.1);}
.AVMediaProductBox ul li p{height: 45px;line-height: 45px;padding: 0 10px;text-overflow: ellipsis;overflow: hidden;white-space: nowrap;border-top: 1px #ececec solid;color: #333;font-size: 16px;}
.AVMediaProductBox ul li:hover p{color: #fff;background-color: #0d4542;}
/* AVMediaProduct End */
.page{ margin-bottom:30px;}

}