#news {padding-bottom: 150px;}
.news_wrap {border-bottom: 50px; border-bottom: 1px solid #ddd;}
.news {display: flex; align-items: center; padding-bottom: 40px;}
.news:hover .news_img img {border: 1px solid #5e357f; box-shadow: 10px 10px 10px rgba(0,0,0,0.15);}
.news .news_img {box-sizing: border-box; margin-right: 50px; transition: all 0.2s; flex: 23% 0 0; max-width: 270px; display: flex; justify-content: center; align-items: center;}
.news .news_img img {width: 270px; height: 210px;}
.news .news_txt .title {font-size: 22px; margin-bottom: 20px;}
.news .news_txt .desc {font-size: 18px; color: #707070; margin-bottom: 50px; line-height: 2.25rem;}
.news .news_txt .date {font-size: 16px;}

.view_wrap table {width: 100%; border-top: 2px solid #111; border-bottom: 1px solid #111;}
.view_wrap table td {border-bottom: 1px solid #ddd; display: flex; justify-content: space-between; align-items: flex-end;}
.view_wrap table td:last-child {border: 0;}
.view_wrap .view_top {padding: 35px 30px;}
.view_wrap .view_txt .view_title {font-size: 26px; margin-bottom: 20px; line-height: 1.5rem;}
.view_wrap .view_txt .view_writer {font-size: 16px;}
.view_wrap .view_date {font-size: 16px; width: 120px;}
.view_wrap .view_middle {padding: 50px 30px; font-size: 18px; line-height: 2rem; min-height: 400px; display: block;}
.view_wrap .view_middle p {margin-bottom: 30px;}
.view_wrap .view_middle .img_container img {width: 100%; margin-bottom: 30px;}
.view_wrap .view_middle .video_container {position: relative; padding-bottom: 56.25%;}
.view_wrap .view_middle iframe {position: absolute; top: 0; left: 50%; width: 100%; height: 100%; transform: translateX(-50%);}
.view_wrap .view_middle figure {margin: 0;}
.view_wrap .view_middle figure img {width: auto; max-width: 100%;}
.view_wrap .view_bottom {padding: 30px; font-size: 18px; display: flex; justify-content: flex-start; align-items: center;}
.view_wrap .view_down {margin-right: 45px; text-align: center;}
.view_wrap .view_down_btn {width: 45px; height: 45px; background-color: #1d9add; border-radius: 50%; color: #fff; margin-left: 25px; text-align: center; cursor: pointer;}
.view_wrap .view_down_btn i {line-height: 45px; font-size: 28px; width: 100%;}
.back_btn {width: 280px; height: 60px; border: 1px solid #111; color: #111; margin: 70px auto 200px auto; display: block; text-align: center; line-height: 60px; font-size: 20px;}



@media screen and (max-width: 1240px) {
  .news .news_img {margin-right: 40px;}
  .news .news_txt .title {font-size: 20px; margin-bottom: 15px;}
  .news .news_txt .desc {font-size: 16px; margin-bottom: 45px; line-height: 2rem;}
  .news .news_txt .date {font-size: 14px;}
}

@media screen and (max-width: 1024px) {
  .news .news_img {margin-right: 30px;}
  .news .news_txt .title {font-size: 18px; margin-bottom: 10px;}
  .news .news_txt .desc {font-size: 14px; margin-bottom: 35px; line-height: 1.875rem;}
  .view_wrap .view_top {padding: 30px 20px;}
  .view_wrap .view_txt .view_title {font-size: 22px; margin-bottom: 15px;}
  .view_wrap .view_txt .view_writer {font-size: 14px;}
  .view_wrap .view_date {font-size: 14px; width: 110px;}
  .view_wrap .view_middle {padding: 50px 20px; font-size: 18px; line-height: 2rem; min-height: 300px;}
  .view_wrap .view_bottom {padding: 20px; font-size: 18px;}
  .view_wrap .view_down {margin-right: 45px;}
  .view_wrap .view_down_btn {width: 35px; height: 35px; margin-left: 25px;}
  .view_wrap .view_down_btn i {line-height: 35px; font-size: 18px;}
  .back_btn {width: 230px; height: 50px; line-height: 50px; margin: 50px auto 150px auto; font-size: 18px;}
}


@media screen and (max-width: 768px) {
  #news {padding-bottom: 100px;}
  .news {display: block;}
  .news .news_img {padding-bottom: 20px; justify-content: flex-start;}
  .news .news_txt .desc {margin-bottom: 25px; line-height: 1.5rem;}
  .news .news_img img {width: 100%; height: 100%; /* max-height: 375px; */}
  .view_wrap .view_top {display: block; padding: 20px;}
  .view_wrap .view_txt .view_title {font-size: 18px; margin-bottom: 10px;}
  .view_wrap .view_middle {font-size: 16px; line-height: 1.625rem; padding: 20px;}
  .view_wrap .view_middle p {margin-bottom: 15px;}
  .view_wrap .view_middle .img_container img {margin-bottom: 15px;}
  .view_wrap .view_date {width: 100%; text-align: right;}
  .view_wrap .view_bottom {font-size: 16px;}
  .back_btn {width: 150px; font-size: 16px;}
  .news .news_img img {width: 270px; height: 210px;}
}

@media screen and (max-width: 540px) {
  #news {padding-bottom: 50px;}
  .news .news_img {max-width: none; margin-right: 0;}
  .news .news_txt .title {font-size: 16px; margin-bottom: 7px;}
  .news .news_txt .desc {font-size: 13px; line-height: 1.325rem; margin-bottom: 10px;}
  .news .news_txt .date {font-size: 12px;}
  .view_wrap .view_txt .view_title {font-size: 16px;}
  .view_wrap .view_txt .view_writer {font-size: 12px;}
  .view_wrap .view_date {font-size: 12px;}
  .view_wrap .view_top {padding: 15px;}
  .view_wrap .view_middle {font-size: 14px; line-height: 1.5rem; min-height: 200px; padding: 20px 10px;}
  .view_wrap .view_down {margin-right: 15px; flex: 30px 0 0;}
  .view_wrap .view_down_btn {width: 30px; height: 30px; margin-left: 10px; flex: 30px 0 0;}
  .view_wrap .view_down_btn i {line-height: 30px; font-size: 16px;}
  .back_btn {font-size: 12px; margin: 25px auto 50px auto; height: 35px; width: 100px; line-height: 35px;}
  .view_wrap .view_bottom {font-size: 12px;}
}

@media screen and (max-width: 414px) {

}