/* by Adon , CSS Document */


.slider{ float:left; width:100%; position:relative; color:#fff; height:494px;background:url(../img/news.jpg) no-repeat center; background-size:cover;}
.slider .item { position:relative;text-align:center; width:100%; top:50%;}
.slider .item .p1{ font-size:50px;}
.news{ float:left; width:100%; margin:7% 0;}
.news big{ display:block; font-size:30px; color:#070606; text-transform:uppercase}
.news small{ display:block; font-size:16px; max-width:360px; margin:15px 0 7% 0;}
.news ul li{ float:left; width:32.33%; margin-right:1.5%;}
.news ul li.clear{margin-right:0;}
.news ul li span{ display:block; font-size:20px; color:#2c2c2c; padding-right:10%; height:84px; overflow:hidden; margin:5% 0;}
.news ul li p{ font-size:14px; color:#919191; height:60px; overflow:hidden;}
.news ul li em{ display:block; font-style:normal;font-size:13px; color:#3f3f3f; border-bottom:solid 1px #e0e0e0; padding:5% 0 5px 0; margin-bottom:5%;}
.news-view{ width:100%; height:100%; background:#fff; overflow-y:auto; z-index:999999}
.news-view .container{ position:relative;}
.news-view .news-content{ padding:12.5%;}
.news-view .news-title{ display:block; font-size:30px; text-transform:uppercase; color:#2c2c2c; padding-right:12.5%; padding-left:2.5%}
.news-view .news-time{ display:block; font-size:15px; margin:2.5% 2.5% 5% 2.5%;color:#3f3f3f;}
.news-view .closes{ position:absolute; right:15px; top:50px; display:none}
.news-view .news-contentt{ font-size:16px;}
.news-view .news-contentt img,.news-view .news-contentt input{ width:100% !important; height:100% !important;}

@media (max-width:1024px){
.slider{ height:auto;}
.slider .item{ margin:25% auto 15% auto;}
}
@media (max-width:768px){
.slider .item .p1{ font-size:40px;}
.news ul li{ width:48%; margin-left:1% !important;margin-right:1% !important}
.news-view .news-title{ font-size:22px;}
}
@media (max-width:480px){
.slider .item .p1{ font-size:28px;}
.slider .item{ margin:30% auto 20% auto;}
.news ul li{ width:100%; margin-right:0 !important;margin-left:0 !important}
.news ul li span,.news ul li p{ height:auto}
.news{ margin:15% 0 10% 0;}
.news big{ font-size:24px;}
.news small{ font-size:14px;}
.news ul li span{ font-size:18px;}
.news ul li p{ font-size:13px;}
.news-view .news-title{ font-size:18px;}
.news-view .news-time{ font-size:13px; margin:8% 2.5%}
.news-view .news-contentt{ font-size:13px;}
.news-view .news-content{ padding:20% 7.5%;}
.news-view .closes{ top:35px;}
}
@media (max-width:320px){
.news big{ font-size:22px;}
.news small{ font-size:13px;}
.news ul li span{ font-size:16px;}
.news ul li p{ font-size:12px;}
.news-view .news-title{ font-size:16px;}
.news-view .news-time{ font-size:12px;}
.news-view .news-contentt{ font-size:12px;}
}