.download-page{width: 100%;height: auto;}
.download-page ul{width: 100%;height: auto;border-top: 1px solid #DCDCDC;}
.download-page ul li{transition: all 0.5s ease; width: 100%;height: auto;overflow: hidden; padding: 25px 0;border-bottom: 1px solid #dcdcdc;}
.download-page ul li p.mores{float: right; margin-top: 0;}
.download-page ul li p.mores span{text-align: center;background:url(../img/padf-down.png)center no-repeat #162a6e;background-size: 30px 30px;}
.download-page ul li p.mores span img{display: inline-block;}
.download-page ul li h6{font-size: 26px;color: #000000;width: calc(100% - 180px);float: left;}
.download-page ul li h6 span{margin-right: 5px; width: 30px;height: 30px;display: inline-block;vertical-align: middle;}
.download-page ul li h6 span img{display: block;width: 100%;height: auto;}
.download-page ul li h6 span .img2{display: none;}
.download-page ul li p:hover{background: #233E99;}
.download-page ul li:hover h6{color: #FE3C00;}
.download-page ul li:hover h6 span .img1{display: none;}
.download-page ul li:hover h6 span .img2{display: inherit;}
@media only screen and (max-width:1600px) {
	.download-page ul li h6{font-size: 22px;}
}
@media only screen and (max-width:1400px) {
	.download-page ul li{padding: 20px 0;}
	.download-page ul li h6{font-size: 20px;}
	.download-page ul li h6 span{width: 25px;height: 25px;}
}
@media only screen and (max-width:1200px) {
	.download-page ul li h6{font-size: 18px;}
	.download-page ul li h6 span{width: 20px;height: 20px;}
}
@media only screen and (max-width:1024px) {
	.download-page ul li{padding: 15px 0;}
	.download-page ul li h6{font-size: 16px;width: calc(100% - 140px);}
	.download-page ul li h6 span{width: 20px;height: 20px;}
}
@media only screen and (max-width:720px) {
	.download-page ul li p.mores{font-size: 0;width:30px;height:30px; padding: 0;border-radius: none;}
	.download-page ul li p.mores span{border-radius: 5px;width: 30px;height: 30px;background-size: 25px 25px;}
}