.newsBanner {
  height: 31.25vw;
  width: 100vw;
  background-image: url('/template/pc/ycnhz/img/news/details_h.png');
  background-size: 100%;
  background-repeat: no-repeat;
  position: relative;
}
.searchBox {
  position: absolute;
  bottom: 6vw;
  left: 50%;
  transform: translateX(-50%);
  width: 50vw;
  text-align: center;
  display: flex;
  align-items: center;
  justify-content: center;
}
.search {
  width: 39.48vw;
  height: 4.17vw;
  border: 2px solid #C61B24;
  background: rgba(0, 0, 0, 0.6);
  box-sizing: border-box;
  font-size: 1.35vw;
  color: #fff;
  line-height: 3.96vw;
  padding-left: 1vw;
}
.search::-webkit-input-placeholder {
  color: rgba(255, 255, 255, 0.2);
}
.search:-moz-placeholder {
  color: rgba(255, 255, 255, 0.2);
}
.search::-moz-placeholder {
  color: rgba(255, 255, 255, 0.2);
}
.search:-ms-input-placeholder {
  color: rgba(255, 255, 255, 0.2);
}

.searchBtn {
  width: 10.2vw;
  height: 4.17vw;
  background-color: #C61B24;
  text-align: center;
  color: #fff;
  font-size: 1.67vw;
  font-weight: 400;
  display: inline-block;
  line-height: 4.17vw;
}
.searchBtn:hover {
  cursor: pointer;
}
.news {
  padding: 5.21vw 0 0;
}
.newsBox {
  height: 25.36vw;
  background-color: #F5F4F8;
  padding: 2.6vw 8.33vw 0;
  box-sizing: border-box;
  position: relative;
}
.newsBoxTime {
  font-size: 1.88vw;
  font-weight: 400;
  width: 11vw;
}
.newsBoxLine {
  display: block;
  height: 8px;
  width: 6.09vw;
  background-color: #C61B24;
  margin: 0.25vw auto 0;
}
.newsBoxDesc {
  position: absolute;
  width: 42.92vw;
  height: 19.48vw;
  background-color: rgba(255, 255, 255, 0.78);
  z-index: 10;
  left: 8.33vw;
  bottom: 0;
  padding: 1.56vw 2.19vw;
  box-sizing: border-box;
}
.newsBoxImg {
  width: 55.42vw;
  height: 35.05vw;
  position: absolute;
  bottom: 0;
  right: 8.33vw;
}
.newsBoxDesc h2 {
  color: #1d1d1d;
  font-size: 2.08vw;
}
.newsBoxDesc p {
  font-size: 1.3vw;
  color: #686868;
  margin: 2.6vw 0;
  text-overflow: -o-ellipsis-lastline;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 3;
  line-clamp: 3;
  -webkit-box-orient: vertical;
}
.newsDetail {
  vertical-align: bottom;
  width: 9.38vw;
  height: 3.33vw;
  border: 1px solid #D7D7D7;
  color: #D8232A;
  font-size: 1.25vw;
  display: flex;
  line-height: 3.33vw;
  text-align: center;
  align-items: center;
  background-color: #fff;
  justify-content: center;
}
.newsList {
  padding: 9.22vw 8.33vw;
}
.newsListBox {
  display: flex;
  margin-bottom: 2vw;
}
.newsListBox img {
  width: 42.86vw;
  height: 22.92vw;
}
.newsItem {
  width: 42.86vw;
  height: 22.92vw;
  background-color: #F5F4F8;
  padding: 0 2.08vw;
  box-sizing: border-box;
}
.newsItemTime {
  font-size: 1.88vw;
  line-height: 5.1vw;
}
.newsItemLine {
  display: block;
  width: 6.09vw;
  height: 8px;
  background-color: #C61B24;
}
.newsItemTitle {
  font-size: 2.08vw;
  line-height: 2.5vw;
  font-weight: bold;
  width: 36.46vw;
  color: #1d1d1d;
  text-overflow: -o-ellipsis-lastline;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  line-clamp: 2;
  -webkit-box-orient: vertical;
  margin: 1vw 0 2vw;
}
.newsItemDesc {
  color: #686868;
  font-size: 1.3vw;
  text-overflow: -o-ellipsis-lastline;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  line-clamp: 2;
  -webkit-box-orient: vertical;
  font-weight: bold;
  margin-bottom: 1vw;
}
.newsItem .newsDetail {
  border: none;
}
.details{
  height: 100%;
  width: 100vw;
  background-image: url('/template/pc/ycnhz/img/news/details_bg.png');
  background-size: 100%;
  background-repeat-x: no-repeat;
  padding-top: 50px;
}
.details .box{
  width: 80vw;
  height: 100%;
  margin: 0 auto;
  background: #FFFFFF;
  box-shadow: 0px 0px 40px 0px rgba(0, 0, 0, 0.1);
  min-height: 80vh;
}
.details .box h1{
  text-align: center;
  font-weight: 500;
  color: #333333;
  font-size: 1.6vw;
  line-height: 4.6vw;
}
.details .box hr{
  background: #DDDDDD;
  opacity: 0.3;
  
}
.details .box .form{
  font-size: 1vw;
  font-weight: 400;
  text-align: center;
  color: #999999;
}
.details .box .content{
  font-weight: 400;
  color: #2C2C2C;
  font-size: 1.2vw;
  max-width: 1000px;
  margin: 0 auto;
  margin-top: 20px;
}
.details .box .content p img {
  max-width:95%;
 
  /* max-width: 990px; */
  
}








































.news {}
<!--0.00032591819763184-->