/* by Adon , CSS Document */



.newss { background:#fff}
.newss .title .p1{ color:#1a2225}
.newss ul li .item{ background:#f6f6f6;}



.news{float:left;width:100%;}
.news ul li{ float:left; width:100%; border-bottom:solid 1px #f0f0f0; padding-bottom:3%; margin-bottom:3%; position:relative;}
.news ul li span{ color:#17927a; font-size:30px; font-weight:bold; max-width:765px; text-transform:uppercase; line-height:35px;overflow:hidden;}
.news ul li p{ color:#868686; font-size:15px; max-width:1060px; margin:25px 0;}
.news ul li font{ color:#17927a; font-size:14px; text-transform:uppercase;}
.news ul li font i{ opacity:0; font-style:normal; margin:0 5px;}
.news ul li em,.news-view .news-title em{ position:absolute;font-style:normal; line-height:35px; font-weight:bold;right:0; top:0; text-align:right; font-size:30px;}
.news ul li em b,.news-view .news-title em b{ font-size:80px; line-height:70px; display:block}
.news-view{float:left;width:100%; margin-top:5%;}
.news-view .back{ margin:2.5% 0 5% 0;background:#17927a;color:#fff;display:block; text-align:center;max-width:105px; line-height:35px; text-transform:uppercase; font-size:14px; border-radius:25px; -webkit-border-radius:25px; -moz-border-radius:25px; -ms-border-radius:25px; -o-border-radius:25px;}
.news-view .news-title{ position:relative;}
.news-view .news-title big{ display:block; color:#1a2225; font-size:40px; max-width:790px;font-weight:bold; line-height:50px;}
.news-view .news-title small{ display:block; font-size:14px; color:#868686; margin:20px 0;}
.news-view .news-content{ border-top:solid 1px #f0f0f0;border-bottom:solid 1px #f0f0f0; padding:5% 10%; font-size:18px; color:#868686;}
.news-view .news-content img{ width:auto !important; height:auto !important}


@media (max-width:1024px){
.news ul li em{ display:none;}
.news ul li font i{ opacity:1;}
.news-view .news-title big{font-size:30px; line-height:40px; margin-bottom:5%;}
}
@media (max-width:960px){
.news-view .news-title em{ line-height:25px; margin-top:5%;font-size:20px; position:static; display:block; text-align:center;}
.news-view .news-title em b{ font-size:70px; line-height:60px;}
}
@media (max-width:768px){
.news ul li span{ font-size:24px; line-height:30px;}
.news-view .news-title big{font-size:28px; line-height:35px; max-width:inherit}
.news-view .news-title em b{ font-size:60px; line-height:50px;}
.news-view .news-content{ font-size:16px; padding-left:0; padding-right:0}
}
@media (max-width:480px){
.news ul li{ padding-bottom:7.5%; margin-bottom:7.5%;}
.news ul li span{ font-size:18px; line-height:22px;}
.news ul li p{ font-size:14px; margin:5% 0;}
.news ul li font{ font-size:13px;}
.news-view .news-title big{font-size:22px; line-height:25px;}
.news-view .news-title em b{ font-size:40px; line-height:35px;}
.news-view .news-title em{ line-height:20px;font-size:16px;}
.news-view .news-content{ font-size:14px; margin:7.5% 0; padding-top:7.5%; padding-bottom:7.5%}
.news-view .back{ margin:5% 0 10% 0;}
}
@media (max-width:320px){
.news ul li span{ font-size:16px; line-height:20px;}
.news ul li p{ font-size:13px;}
.news ul li font{ font-size:12px;}
.news-view .news-content{ font-size:13px;}
}