/* by Adon , CSS Document */



.news{ float:left; width:100%;}

.news .p{ font-size:45px; line-height:50px; margin:10% 0 5% 0; text-transform:uppercase}

.news .news-list {float:left; width:100%;}

.news .news-list li{float:left; width:24%; margin-right:1.33%;font-size:13px;margin-bottom:5%;}

.news .news-list li.clear{ margin-right:0;}

.news .news-list li span{ display:block; font-size:20px; font-weight:bold;overflow:hidden; height:84px; margin:20px 0;}

.news .news-list li p{ font-size:15px;height:63px; overflow:hidden;}

.news-view { overflow:hidden;font-size:18px; max-width:965px; margin:5% auto 0 auto;}

.news-view .news-title{ font-size:35px;display:block; font-weight:bold;}

.news-view .news-time{display:block;margin:5% 0 10% 0;font-weight:bold; font-size:20px;}

.news-view .news-content{margin:0 auto;max-width:965px;}

.news-view .news-content img{width: 100% !important;height: auto !important;}

.news-page{font-size:16px; padding:5% 0; overflow:hidden;border-top:solid 1px #dedede; line-height:25px;padding-top:20px; margin:7.5% 0 0 0;}

.news-page span{ width:100%; overflow:hidden;}

.news-page span a{ display:block;text-overflow: ellipsis;white-space: nowrap;overflow: hidden;}

.news-page span a font{ display: inline-block; font-weight:bold; margin-right:5px;}


.download li{ border:solid 1px #ebebeb; text-align:center; width:31.33%; margin-right:3%; float:left; margin-top:3%;padding:5%}
.download li .p1{ font-size:20px; font-weight:bold; text-transform:uppercase;text-overflow: ellipsis;white-space: nowrap;overflow: hidden;}
.download li .p2{ font-size:15px; height:42px; overflow:hidden; margin:10px 0 40px 0;}
.download li .p3{line-height: 45px;border: 0px;width: 136px;background:#000;color: #fff;text-align: center;border-radius: 10px;-webkit-border-radius: 10px;-moz-border-radius: 10px;-ms-border-radius: 10px;-o-border-radius: 10px;font-size: 16px; margin:0 auto;}
.download li.clear{ margin-right:0}
.download li img{ height:250px; margin-bottom:10%;}




@media (max-width:1024px){

.news .news-list li span{ font-size:16px; height:66px;}

.news .news-list li p{ font-size:13px; height:72px;}

.download li .p1{ font-size:18px;}
.download li .p2{ font-size:13px; height:36px; margin:5% 0 10% 0;}
.download li .p3 {font-size: 13px;width: 110px;line-height: 35px;}
.download li img{ height:200px;}

}

@media (max-width:768px){

.news .p{ font-size:30px; line-height:35px;}

.news .news-list li{ width:32.33%;margin-left:0.5% !important;margin-right:0.5% !important;}	

.news-view .news-title{ font-size:30px;}

.news-view .news-time{ font-size:18px;}

.news-view{ font-size:16px;}

}

@media (max-width:640px){

.news .news-list li{ width:49%; margin-bottom:10%;}

.download li .p1{ font-size:16px;}
.download li img{ height:150px;}


}

@media (max-width:480px){

.news .p{margin:20% 0 10% 0;}

.news .news-list li img{ width:100%;}

.news .news-list li{ width:100%; margin-left:0 !important; margin-right:0 !important;}	

.news .news-list li span{ height:auto;}

.news .news-list li p{ height:auto;}

.news-view .news-title{ font-size:20px;}

.news-view .news-time{ margin:10% 0; font-size:15px;}

.news-view,.news-page{ font-size:13px;}

.news-page{ margin-top:10%;}

.download li{ width:98%; margin:1% 1% !important; padding:10% 5%}
.download li .p1{ font-size:15px;}
.download li .p2{ height:auto;}

}

@media (max-width:320px){

.news .p{ font-size:24px; line-height:25px;}

.news .news-list li span{ font-size:15px;}

.news-view .news-title{ font-size:18px;}

.news-view .news-time{font-size:14px;}

.news-view,.news-page{ font-size:12px;}

.download li .p1{ font-size:14px;}
.download li .p2{ font-size:12px;}

}