.news-category { width: 100%; padding: 40px 0 140px 0; }
.news{width: 100%; max-width: 1120px; padding: 0 20px; margin: 0 auto 160px auto; display: flex; justify-content: space-between; flex-wrap: wrap;}
.news li{ width: 50%;  max-width: 510px; margin-top: 80px;  padding: 0 60px; border-bottom: solid 8px #f6f6f6;}
.head { margin-bottom: 30px; display: flex; align-items: flex-end;}
.head div { margin-right: 30px;}
.date-title p { font-size: 3rem; font-weight: 700; color: #054278; display: flex;}
.date-title p span { font-size: 0.875rem; font-weight: 700;}
.head h2 { font-size: 1.2rem; color: #054278;}
.news li h2.title {  font-size: 1.25rem;  font-weight: 700;  margin-bottom: 30px;  line-height: 1.6;  overflow: hidden;  text-overflow: ellipsis; display: -webkit-box;  -webkit-line-clamp: 2;  -webkit-box-orient: vertical;}
.more { margin-bottom: 24px; display: flex;  justify-content: flex-end;}
.more>* { color: #888888;}
.more a p { color: #888888;}
.more p { cursor: pointer; font-size: 0.875rem;  display: flex; align-items: flex-end;}
.more span.icon-plus {  width: 12px; height: 12px; margin-left: 5px; transform: translateY(-10px); background-size: 12px auto;opacity: .5; }
.news li:nth-child(2n+1) { opacity: 1;  transform: translate(0px); transition: all .9s ease .3s;  -webkit-transition: all .9s ease .3s;  -moz-transition: all .9s ease .3s;  -o-transition: all .9s ease .3s;  -ms-transition: all .9s ease .3s;}
.news li:nth-child(2n) { opacity: 1; transform: translate(0px,60px); transition: all .9s ease .3s;  -webkit-transition: all .9s ease .3s; -moz-transition: all .9s ease .3s; -o-transition: all .9s ease .3s; -ms-transition: all .9s ease .3s;}
/*.news li.show:nth-child(2n+1) { opacity: 1; transform: translateX(0);}
.news li.show:nth-child(2n) { opacity: 1;  transform: translate(0px,60px);}
*/
.view-more { }
.view-more div {  cursor: pointer; width: 240px;  height: 50px;  background-color: #f2f2f2; margin: 0 auto; letter-spacing: 0.05rem;  display: flex; justify-content: center; align-items: center;}
.view-more div span { color: #054278; margin-right: 5px;}

@media (max-width:1023px) {
  .news li{  width: 47%;  padding: 0 30px;  }
}

@media (max-width:767px) {
.news li { justify-content: center;}
.news li{ width: 100%; padding: 0 30px;}
.news li:nth-child(2n),.news li.show:nth-child(2n) { transform: none; }
}

.news-show{  width: 100%; max-width: 1120px; padding:20px; margin:20px auto 100px auto; display: block;  }
.news-show .head { padding: 5% 10% 70px 10%;  display: flex; justify-content: space-between; align-items: flex-start;  }
.news-show .head h2 { width: 70%; font-size: 1.875rem; font-weight:700; color: #2a2a2a; margin: 0;}
.head a { margin-right: 22px;}
.info-text { padding:5% 10% 10% 10%;}
.info-text>h2 { font-size: 1.25rem; font-weight: 700; line-height: 1.6; }
.info-text>p { font-size: 1rem; line-height: 1.6;}
.news-show .info-text .title{ padding: 0 0 45px 0; display: flex; align-items: center;}
.info-text .title h2 {margin: 0;text-align: left; font-size: 1.75rem; line-height: 1.2; font-weight: 400;}
.date-title { margin-right: 60px;}
.date-title p {  color: #005bac;}
.change-news { padding: 45px 0;  display: flex;}
.change-news>div { width: 50%; position: relative;  display: flex; align-items: center;}
.change-news>div>a { display: block;position: absolute;top:0;right:0;bottom:0;left:0;z-index: 99}
.change-news>div:hover p,.change-news>div:hover span,.change-news>div:hover h2,.change-news>div:hover div.date-title p { color: #054278;}
.date-title p { color: #222222;}
.change-news h2 {  font-size: 1rem; max-width: 280px; color: #222222;}
.prev { padding-right: 12px;}
.prev:after { content: ''; width: 1px;  height: 50px;  background-color: #cccccc; position: absolute; right: 0; top: 6; display: block;}
.prev h2 { margin-left: 24px; margin-right: 12px;}
.prev .lay-btn {  margin-left: auto;}
.prev .lay-btn:before {  order: 1;}
.prev .lay-btn:after {  border-width: 5px 5px 5px 0;}
.next { padding-left: 12px; justify-content: flex-end;}
.next h2 { margin-left: 12px;  margin-right: 24px;}
.next .lay-btn { order: 0; margin-right: auto;}
.next h2 { order: 1;}
.next .date-title {order: 2;}
.lay-btn { width: 35px;  height: 20px; position: relative; display: flex; align-items: center;}
.lay-btn:before { content: ''; width: 30px; height: 1px; background-color: #222222; display: block;}
.lay-btn:after { content: ''; width: 0; height: 0; border-style: solid; border-width: 5px 0 5px 5px; border-color: transparent #222222; display: block;}


@media (max-width:768px) {
.news-show{ margin:0px auto 50px auto; }
.news-show .head { padding: 5% 10% 30px 5%; }
.change-news h2 { display: none; }
.change-news>div,.next { justify-content: center; }
.next .lay-btn,.prev .lay-btn {  margin: 0; }
.lay-btn { position: absolute; top: 22px; }
.change-news .prev .lay-btn { right: 30px; }
.change-news .next .lay-btn { left: 30px;}
.next .date-title {margin-right:10px; }
	
}

@media (max-width:767px) {
.change-news>div {  justify-content: flex-start;  }
.change-news .next { justify-content: flex-end; }
.change-news .prev .lay-btn {right: 20px; }
.change-news .next .lay-btn {left: 20px; }
.news-show .head { padding: 0 2% 60px 2%; flex-direction: column; }
.news-show .head h2 { width: 100%!important;  margin-bottom: 60px;}
.news-show .head a:last-child { margin: 0;}
.news-show .info-text {padding: 0 20px; }
.news-show .info-text .title {   flex-direction: column;  }
.news-show .info-text .title .date-title {margin-bottom: 20px; }
.news-show .info-text .title .date-title p {  color: #005bac;}

}

@media (max-width: 360px) {
.news .info-text {padding: 0;}
}