.news-box{ padding-top: 70px; overflow: hidden; padding-bottom: 190px; background: url(../images/bg-news.png) no-repeat bottom center; -webkit-background-size: 100% auto;
background-size: 100% auto;}


.news-left{ width: 780px; }
.news-right{  width: 340px; }
.ar-title{  margin-bottom: 20px;}
.ar-title h3{  font-size: 22px; color:#333; display: inline-block;}
.ar-title .more{ font-size: 14px; color:#999; float: right; margin-top: 4px;}

.news-right .news-top{ padding-bottom: 20px; border-bottom: 1px solid #f4f4f4;}
.news-right .news-top .hot{ font-size: 14px; color: #333; }
.news-right .news-top .hot:hover{ color: #007ac3;}
.news-right .news-top img{ margin-bottom: 25px;}
.news-right .news-list{ padding-top: 10px;}
.news-right .news-list li{ margin-top: 15px; margin-bottom: 15px; list-style: disc inside; padding-left: 6px; color: #999;}
.news-right .news-list li a{ font-size: 14px; color: #999; line-height: 20px;  }
.news-right .news-list li a:hover,.news-right .news-list li a:active{ color: #007ac3;}

.news-left .n-head{ border-bottom: 1px solid #e5e5e5; padding-bottom: 20px;}
.news-left .n-title{ font-size: 24px; color: #333; font-weight: 400; margin-bottom: 20px;}

.news-left .n-head .date,.news-left .n-head .visit{ font-size: 14px ;color: #c6c6c6; padding-left: 30px; display: inline-block; margin-right: 25px; margin-bottom: 10px; position: relative;}
.news-left .n-head .date:before,.news-left .n-head .visit:before{ content: ''; width: 16px; height: 16px; background: url(../images/icon-date02.png) no-repeat center; position: absolute; left: 0; top: 0; }
.news-left .n-head .visit:before{ background:url(../images/icon-visit.png) no-repeat center 3px; width: 20px; height: 20px;}
.news-left .n-head .share{ font-size: 14px; color:#c6c6c6; display: inline-block;  }

.news-left .head-right a{ width: 20px; height: 20px; display:inline-block; background: url(../images/icon-share.png) no-repeat left center; vertical-align: middle; margin-left: 3px;margin-right: 3px;}
.news-left .head-right a:nth-of-type(2){ background-position: -34px center;}
.news-left .head-right a:nth-of-type(3){ background-position: -67px center;}
.news-left .n-article{ padding-top: 30px; padding-bottom: 30px; border-bottom: 1px solid #e5e5e5;font-size:11pt;line-height:30px;text-align:left;}
.news-left .n-article p{ text-align: left;font-size:11pt;line-height:30px;}
.news-left .n-article .p14{ font-size: 14px;  color: #666; line-height: 26px; text-align: left; text-indent: 28px;}

.news-left .n-bottom{ font-size: 14px; color: #666; padding-top: 40px; overflow: hidden;}
.news-left .n-bottom ul{ float: left;}
.news-left .n-bottom ul li{  padding-top: 6px; padding-bottom: 6px; white-space:nowrap;text-overflow:ellipsis; overflow:hidden;  width: 540px;}
.news-left .n-bottom ul li a:hover{ color: #007ac3;}
.news-left .n-bottom .break{ display: inline-block; width: 170px;height: 50px; line-height: 50px; color: #fff; text-align: center; font-size: 14px; background: #57a2d8; float: right; position: relative; padding-left: 25px;}
.news-left .n-bottom .break:before{ content: ''; width: 20px; height: 16px; background: url(../images/icon-break.png) no-repeat center; position: absolute; left: 50px ;top: 16px;}
.news-left .n-bottom .break:hover{  background-image: -moz-linear-gradient( 0deg, rgb(107,189,89) 0%, rgb(62,156,208) 88%);
  background-image: -webkit-linear-gradient( 0deg, rgb(107,189,89) 0%, rgb(62,156,208) 88%);
  background-image: -ms-linear-gradient( 0deg, rgb(107,189,89) 0%, rgb(62,156,208) 88%);
}