@charset "utf-8";
/* CSS Document */
.news_ban{ width:100%; height:360px; background:url(../img/news-banner.jpg) no-repeat #666a6f center;}


.newsList{ overflow:hidden;}
.newsList ul{ width:1240px;}
.newsList ul li{ float:left; width:580px; height:206px; border-bottom:1px solid #ededed; padding-top:40px; margin-right:40px;}
.newsList ul li a.listImg{width:220px; height:160px; float:left; background-color:#f6f6f6; margin-right:20px; display:inline-block; position:relative;}
.newsList ul li a.listImg div{ width:100%; height:100%; position:absolute; top:0; left:0; background:rgba(5,90,230,0.5); z-index:10;opacity:0;
-webkit-transition: all 0.3s; -moz-transition: all 0.3s; -ms-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s;}
.newsList ul li a.listImg div i{ width:44px; height:44px; background:url(../img/hoverLink.png) no-repeat; display:block;position:absolute; top:50%; left:50%; margin-top:-22px; margin-left:-22px;}
.newsList ul li a.listImg img{ width:220px; height:160px;}
.newsList ul li a.listImg:hover div{ opacity:1;}
.newsList ul li h3{ font-size:16px; height:36px; width:100%; line-height:34px;}
.newsList ul li h3 a{ color:#3e58f6; text-indent:1em;}
.newsList ul li h3 a:hover{ text-decoration:underline;}
.newsList ul li p{ font-size:14px; line-height:30px; color:#666666;}
.newsList ul li p span{ padding-left:26px; background:url(../img/news-bg.png) no-repeat 0 -42px; font-size:12px; font-style:oblique; height:22px; line-height:22px; display:inline-block;}

.listPage{height:46px; text-align:center;}
.listPage ul{ height:40px; width:auto; border:1px solid #ededed; border-radius:4px; display:inline-block; line-height:40px;}
.listPage ul li{ float:left; border-left:1px solid #ededed;color:#6699cc;}
.listPage ul li:first-child{border-left:none;}
.listPage ul li a{ padding-left:16px; padding-right:16px; color:#6699cc; display:inline-block;}
.listPage ul li a:hover{ background-color:#055ae6; color:#FFFFFF;}
.listPage ul li a.listPageNow{background-color:#055ae6; color:#FFFFFF;}
.listPage ul li span{ padding-left:20px; padding-right:20px; color:#6699cc; display:inline-block;}

.newsArt{}
.newsR{ width:360px;}
.newsR dl{}
.newsR dl dt{ width: 100%; height: 40px; line-height: 40px; font-size:18px; font-weight: bold;}
.newsR dl dt span{ font-size:12px; color: #9E9E9E; font-weight: normal;}
.newsR dl dd{ width: 100%; height: 36px; line-height: 36px;}
.newsR dl dd a{font-size: 14px; color: #69c; width: 310px; height: 100%; overflow:hidden;}
.newsR dl dd small{ float: right; color:#999999;}
.newsR dl dd a:hover{text-decoration: underline;}


.mewsL{ width:760px; height:auto;}
.mewsL h1{ font-size:24px; text-align:center; width:100%; height:50px; color:#333333;}
.mewsL h4{ font-size:12px; text-align:center; width:100%; height:50px; color:#999999; font-weight:normal;}
.mewsL .newsCont{ width:100%; height:auto; border-top:1px solid #eee;border-bottom:1px solid #eee; box-sizing:border-box; padding-top:40px; padding-bottom:40px; font-size:16px; line-height:36px; color:#666666;}
.mewsL .newsCont p{ text-indent:2em;}
.mewsL .nextUp{ width:100%; height:auto; text-align:center;}
.mewsL .nextUp a{ width:130px; height:44px; line-height:44px; font-size:14px; background-color:#6699cc; display:inline-block; color:#FFFFFF;}
.mewsL .nextUp a:hover{ background-color:#055ae6;}
.mewsL .nextUp span{ width:100px; height:44px; display:inline-block;}