body {
    background-image: url(../img/photo3.jpg);
}
.banner {
  width: 100%;
}
.banner div{
	width: 100%;
}
.banner div>img{
	width: 100%;
	display: block;
}
.tech{
	    background-image: url(../img/photo3.jpg);
}
.tech .tech-tabs {
  width: 100%;
  display: flex;
  justify-content: space-between;
  flex-direction: row;
  flex-wrap: nowrap;
  margin-top: 2.083333vw;
}
.tech .tech-tabs li {
  height: 3.4375vw;
  background-color: #ba8346;
  font-size: 0.9375vw;
  font-weight: normal;
  font-stretch: normal;
  line-height: 3.4375vw;
  letter-spacing: 0px;
  color: #ffffff;
  text-align: center;
  cursor: pointer;
  width: 33%;
}
.tech .tech-tabs li a{
	color: #FFFFFF;
	width: 100%;
	display: block;
	
}
.tech .tech-tabs .active {
  background-color: #82322b;
}
.tech .tech-tabs-content {
  width: 100%;
  max-height: 130.25vw!important;
  position: relative;
}
.tech .tech-tabs-content li{
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  display: none;
}
.tech .tech-tabs-content li .tech-news-item {
  width: 100%;
  height: 16.666667vw;
  box-sizing: border-box;
  padding: 2.5vw 1.666667vw;
  border-bottom: 1px solid #dfdfdf;
  display: flex;
  text-decoration: none;
}
.tech .tech-tabs-content li .tech-news-item:hover {
  background-color: #efe6d6;
}
.tech .tech-tabs-content li .tech-news-item .news-item-img {
  width: 18.229167vw;
  margin-right: 1.875vw;
  background: skyblue;
}
.tech .tech-tabs-content li .tech-news-item .news-item-img >img{
	width: 100%;
	display: block;
}

.tech .tech-tabs-content li .tech-news-item .news-item-center {
  border-right: 1px solid #e4d9c6;
  padding-right: 2.083333vw;
}
.tech .tech-tabs-content li .tech-news-item .news-item-center .news-item-title {
  width: 35.104167vw;
  font-size: 1.25vw;
  line-height: 3.125vw;
  font-weight: normal;
  font-stretch: normal;
  letter-spacing: 0px;
  color: #333333;
  margin-bottom: 1.458333vw;
}
.tech .tech-tabs-content li .tech-news-item .news-item-center .news-item-content {
  width: 35.104167vw;
  font-size: 0.729167vw;
  font-weight: normal;
  font-stretch: normal;
  line-height: 1.25vw;
  letter-spacing: 0px;
  color: #999999;
}
.tech .tech-tabs-content li .tech-news-item .news-item-right {
  width: 11.041667vw;
  height: 100%;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: flex-end;
}
.tech .tech-tabs-content li .tech-news-item .news-item-right .before-right {
  display: block;
}
.tech .tech-tabs-content li .tech-news-item .news-item-right .before-right .news-item-year {
  font-size: 1.25vw;
  line-height: 1.25vw;
  font-weight: bold;
  font-stretch: normal;
  letter-spacing: 0px;
  color: #cacaca;
  font-family: MicrosoftYaHe;
  text-align: right;
}
.tech .tech-tabs-content li .tech-news-item .news-item-right .before-right .news-item-date {
  font-size: 2.291667vw;
  font-weight: bold;
  font-stretch: normal;
  letter-spacing: 0px;
  color: #555555;
  font-family: MicrosoftYaHe;
}
.tech .tech-tabs-content li .tech-news-item .news-item-right .after-right {
  display: none;
}
.tech .tech-tabs-content li .tech-news-item .news-item-right .after-right .after-btn {
  width: 7.8125vw;
  height: 2.916667vw;
  background-color: #82322b;
  line-height: 2.916667vw;
  text-align: center;
  font-size: 0.833333vw;
  font-weight: normal;
  font-stretch: normal;
  letter-spacing: 0px;
  color: #ffffff;
  cursor: pointer;
}
.tech .tech-tabs-content li .tech-news-item:hover .news-item-right {
  width: 11.041667vw;
  height: 100%;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: flex-end;
}
.tech .tech-tabs-content li .tech-news-item:hover .news-item-right .before-right {
  display: none;
}
.tech .tech-tabs-content li .tech-news-item:hover .news-item-right .before-right .news-item-year {
  font-size: 1.25vw;
  line-height: 1.25vw;
  font-weight: bold;
  font-stretch: normal;
  letter-spacing: 0px;
  color: #cacaca;
  font-family: MicrosoftYaHe;
}
.tech .tech-tabs-content li .tech-news-item:hover .news-item-right .before-right .news-item-date {
  font-size: 2.291667vw;
  font-weight: bold;
  font-stretch: normal;
  letter-spacing: 0px;
  color: #555555;
  font-family: MicrosoftYaHe;
}
.tech .tech-tabs-content li .tech-news-item:hover .news-item-right .after-right {
  display: block;
}
.tech .tech-tabs-content li .tech-news-item:hover .news-item-right .after-right .after-btn {
  width: 7.8125vw;
  height: 2.916667vw;
  background-color: #82322b;
  line-height: 2.916667vw;
  text-align: center;
  font-size: 0.833333vw;
  font-weight: normal;
  font-stretch: normal;
  letter-spacing: 0px;
  color: #ffffff;
  cursor: pointer;
}
.tech .tech-tabs-content .active {
  display: block;
}

@media screen and (max-width:980px){
	.news-item-img,.dibu_ben{
		display: none;
	}
	.news-item-right{
		display: none!important;
	}
	.tech .tech-tabs-content{
		height: auto!important;
		max-height: inherit!important;
		position: inherit!important;
	}
	.tech .tech-tabs-content li{
		position: inherit;
	}
	.tech .tech-tabs-content li .tech-news-item .news-item-center .news-item-title{
		width: 100%;
		font-size: 16px;
	}
	.tech .tech-tabs-content li .tech-news-item .news-item-center .news-item-content{
		width: 100%;
		font-size: 14px;
		 text-overflow: -o-ellipsis-lastline;
		  overflow: hidden;
		  text-overflow: ellipsis;
		  display: -webkit-box;
		  -webkit-line-clamp: 3;
		  line-clamp: 3;
		  -webkit-box-orient: vertical;
	}
	.tech .tech-tabs-content li .tech-news-item{
		height: auto;
		padding-top: 26px;
	}
	.tech .tech-tabs-content li .tech-news-item .news-item-center .news-item-content{
		line-height: 6.25vw;	
	}
	.tech .tech-tabs-content li .tech-news-item .news-item-center{
		border: 0;
		margin: 0 10px;
	}
	.tech .tech-tabs li{
		width: 33%;
		line-height: 46px;
		font-size: 16px;
		height: 46px;
		border-radius: 50px;
	}
}