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


.big-box{ overflow: hidden; margin-bottom: 40px;}
.big-box .big-left{  width: 543px; height: 327px; overflow: hidden; background: #ccc; cursor: pointer;}
.big-box .big-left img{width: 543px; height: 327px;  }
.big-box .big-right{  width: 657px; height: 327px; background: #f4fafe; padding: 40px; box-sizing:border-box; position: relative;}
.big-box .big-right .n-title{ font-size: 24px; color: #333; font-weight: 500; margin-bottom: 15px;}
.big-box .big-right .date,.big-box .big-right .visit{ font-size: 14px ;color: #999; padding-left: 30px; display: inline-block; margin-right: 25px; margin-bottom: 10px; position: relative;}
.big-box .big-right .date:before,.big-box .big-right .visit:before{ content: ''; width: 16px; height: 16px; background: url(../images/icon-date01.png) no-repeat center; position: absolute; left: 0; top: 0; }
.big-box .big-right .visit:before{ background:url(../images/icon-visit.png) no-repeat center 3px; width: 20px; height: 20px;}

.big-box .big-right .p14{ font-size: 14px; color: #666; line-height: 24px;}
.big-box .big-right .more{ margin-top: 25px; display: inline-block; color: #0f7ac7; font-size: 15px;}
.big-box .big-right .more:after{ content: ''; width: 12px; height: 13px; display: inline-block; background: url(../images/icon-arr02.png) no-repeat center; margin-left: 8px; vertical-align: middle;margin-top: -2px;}

.big-box .big-right .swiper-button{ width: 38px; height: 38px;  cursor: pointer; background: #bebebe url(../images/icon-arr03.png) no-repeat left center; display: inline-block; position: absolute; cursor: pointer; top: 270px; left: 40px;}
.big-box .big-right .next{ left: 90px; background-position: right center;}
.big-box .big-right .swiper-button:active{  background-image:url(../images/icon-arr03.png), -moz-linear-gradient( 0deg, rgb(107,189,89) 0%, rgb(62,156,208) 88%);
  background-image:url(../images/icon-arr03.png), -webkit-linear-gradient( 0deg, rgb(107,189,89) 0%, rgb(62,156,208) 88%);
  background-image:url(../images/icon-arr03.png), -ms-linear-gradient( 0deg, rgb(107,189,89) 0%, rgb(62,156,208) 88%);
}

.list-box dl{ width: 580px; margin-bottom: 40px; display: inline-block;  }
.list-box dl:hover dt{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%);}
.list-box dl:nth-of-type(2n){ margin-left: 36px;}
.list-box dl dt{ float: left; width: 80px;height: 80px;background: #3497ce; display: block; color: #fff; text-align: center; cursor: pointer; transition: all ease .3s 0s; -moz-transition: all ease .3s 0s; -webkit-transition: all ease .3s 0s;}
.list-box dl dt .day{ font-size: 36px; font-weight: 600; line-height: 36px; margin-top: 14px; display: inline-block;}
.list-box dl dt .month{ font-size: 14px; line-height: 14px; margin-top: 4px;}
.list-box dl dd{ width: 480px; float: right; padding-top: 5px;}
.list-box dl dd a h3{ font-size: 18px;color: #333; margin-bottom: 8px; width: 480px;white-space:nowrap;text-overflow:ellipsis; overflow:hidden; transition: all ease .2s 0s; -moz-transition: all ease .2s 0s; -webkit-transition: all ease .2s 0s;}
.list-box dl dd a:hover h3{ color: #0f7ac7;}
.list-box dl dd .p14{ font-size: 14px; color: #666; line-height: 22px;}

.pagination{ margin-top: 10px; margin-bottom: 0;}
.swiper-pagination{ bottom: 20px; right: 20px;}
.swiper-pagination-bullet{ margin-left: 5px; margin-right: 5px;}