﻿@charset "utf-8";
.fenlei{width: 220px;position: absolute;top: 0px;}
.fenlei h3{display: block; width: 100%;height: 70px;line-height: 70px;background: #e33b38;color: #fff;font-size: 26px;padding-left: 15%;}
.fenlei h3 i{font-size: 16px;font-weight: normal;padding-left: 6px;opacity: 0.3;}
.fenlei ul{width: 100%; overflow: hidden;line-height: 30px;background: #fff;padding: inherit;left: inherit; }
.fenlei ul:before, .fenlei ul li a:before{display: none;}
.fenlei ul li{width: 100%;height: 40px; line-height: 40px; margin: 2px auto;border-bottom: 1px dashed #ccc;text-align: left;overflow: hidden;}
.fenlei ul li:last-child{border-bottom: none;}
.fenlei ul li a{display: block;font-size: 16px; margin: 0 15%;padding-left: 20px;}
.fenlei ul li a:hover, .fenlei ul li.on a{color: #f60;text-decoration: underline;background-position: 0 -40px;}
.fenlei ul li.lei{color: #000;font-weight: bold;}
#news{background: #eee;}
#news .banner_top, #news_rong .banner_top{}
.news{min-height: 600px;padding-bottom: 70px;overflow: hidden; position: relative;}
.news .fenlei h3:nth-child(n+2){background: #999;}

.newslist .tou{height: 50px;background: #fff; margin: 0;border-bottom: 1px solid #ccc;}
.newslist .tou h2{float: left;color: #333;font-weight: bold;line-height: 50px; padding-left: 0px;padding: 0 30px;position: relative;}
.newslist .tou h2:before{content: "";display: block;width: 100%;height: 4px;background: #999;z-index: 1;
	position: absolute;bottom: -1px;left: 0;}
.newslist{width: 100%;float: right;padding-left: 240px;}
.newslist > ul{overflow: hidden;background: #fff;}
.newslist > ul li{padding: 2em 3.4%;border-bottom: 1px dashed #ddd; overflow: hidden;}
.newslist > ul li .tu{width: 24%;height: 135px;float: left;border: 1px solid #eee;overflow: hidden;position: relative;}
.newslist > ul li .tu img{width: 100%;height: auto;}
.newslist > ul li .tu span{display: inline-block;height: 30px;line-height: 30px; padding: 0 10px; background:#e33b38;color: #fff;
	position: absolute;top: 0;bottom: 0;}
.newslist > ul li .rong{width: 74%;height: 135px;float: right;border:initial; background: initial;position: relative;}
.newslist > ul li .rong h2{font-size: 22px;font-weight: initial; line-height: 1em;margin: auto;padding-bottom: 15px;}
.newslist > ul li .rong h2:hover{text-decoration: underline;}
.newslist > ul li .rong p{color: #666;text-indent:initial;}
.newslist > ul li .rong span{color: #666;position: absolute;left: 0;bottom: 0;}
.newslist > ul li .rong span i{font-size: 14px;margin-right: 20px;}
.newslist > ul li .rong a.mo{padding: 5px 15px; background:#999;color: #fff;display: inline-block;
    border-top-left-radius: 100px;position: absolute;bottom: 0;right: 0;}
.newslist > ul li .rong a.mo:hover{background:#f00;}
.nav-wrap.navFix{position: fixed;top: 80px;z-index: 99999;animation-duration: 2s;} 


@media screen and (max-width: 1000px){
.news .fenlei{display: none;}
.newslist{padding-left: inherit!important;}
.newslist > ul li .tu, .newslist > ul li .rong{height: 70px!important;}
.newslist > ul li .tu img{height: 100%!important;}
.newslist > ul li .rong p{display: none;}
.newslist > ul li .rong a.mo{display: none;}





}