.server-content{background: #f1f1f1;padding: 40px 0 20px}
.server-content .content1-top{
	width: 100%;height: 500px;margin-bottom: 20px
}
.server-content .content1-top .content1-top-left{
	width: 534px;float: left;background: #2f2f2f;padding: 70px 50px 0;height: 100%
}
.server-content .content1-top .content1-top-left h5{
	font-size: 26px;font-weight: bold;line-height: 26px;color: #fff;
}
.server-content .content1-top .content1-top-left .line{
	width: 40px;height: 0px;background: #fff;opacity: 0.5;margin: 21px 0 32px
}
.left-inner{
	font-size: 14px;line-height: 30px;color: #979797;
	    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 4;
    height: 120px;
    overflow: hidden;
}
.server-content .content1-top .content1-top-left .left-btn{
	width: 100px;height: 42px;line-height: 42px;text-align: center;color: #fff;border: 1px solid #6e6e6e;border-radius: 25px;margin-top: 82px;
}.server-content .content1-top .content1-top-left .left-btn img
{
	margin-left: 9px
}
.server-content .content1-top .content1-top-right{
	width: 666px;float: left;overflow: hidden;
}
.server-content .content1-top .content1-top-right img{width: 100%}
.server-content .content1-bottom ul li{
  float: left;width: 590px;margin-right: 20px;
  margin-bottom: 20px;
  background: #fff
}
.server-content .content1-bottom ul li:nth-child(2n){margin-right: 0}
.server-content .content1-bottom ul li .pic{
  width: 100%;height:360px;overflow: hidden;}
.server-content .content1-bottom ul li .pic img{width: 100%;}
.server-content .content1-bottom ul li .content1-des{padding: 40px 30px 33px}
.server-content .content1-bottom ul li h3{
  font-weight: normal;
  height: 26px;line-height: 26px;
  color: #333;
  font-size: 26px;margin-bottom: 28px;position: relative;
}
.server-content .content1-bottom ul li h3 p{
	position: absolute;top: -8px;right: 0;width: 100px;height: 42px;line-height: 42px;border: 1px solid #cacaca;
	border-radius: 25px;text-align: center;
}
.server-content .content1-bottom ul li h3 p img
{
	margin-left: 9px
}
.server-content .content1-bottom ul li p{
  line-height: 30px;
  font-size: 14px;
  color: #858585;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
}
@media only screen and (min-width: 840px) and (max-width: 1200px){
	.server-content .content1-top .content1-top-left{
		width: 40%
	}
	.server-content .content1-top .content1-top-right{width: 60%;overflow: hidden;}
	.server-content .content1-top .content1-top-right img{height: 100%;width: auto;}
	.server-content .content1-bottom ul li{width: 49%;margin-right: 2%}
}
@media (max-width: 840px) {
	.server-content .content1-top .content1-top-left h5{font-size: 1.2em}
	.server-content .content1-top{height: 20em;}
	.server-content .content1-top .content1-top-left{
		width: 40%;padding: 2em 1em
	}
	.server-content .content1-top .content1-top-right{width: 60%;overflow: hidden;height: 20em}
	.server-content .content1-top .content1-top-right img{height: 100%;width: auto;}
	.server-content .content1-bottom ul li{width: 49%;margin-right: 2%}
	.server-content .content1-top .content1-top-left .left-btn{
		width: 5em;height: 2.5em;line-height: 2.5em;margin: 1em 0
	}
	.server-content .content1-bottom ul li .pic{height: auto;max-height: 13em}
	.server-content .content1-bottom ul li .content1-des{padding: 2em 1em}
	.server-content .content1-bottom ul li h3{height: auto;font-size: 1.2em}
	.server-content .content1-bottom ul li h3 p{position: unset;height: 2em;line-height: 2em;padding: 0 0.5em;margin-top: 1em;width: max-content;}
	.server-content .content1-bottom ul li h3 p img{position: relative;top: -1px}
}
@media (max-width: 700px){
	.server-content .content1-top .content1-top-right{width: 100%;margin-bottom: 1em;height: auto;}
	.server-content .content1-top .content1-top-right img{width: 100%;height: auto;}
	.server-content .content1-top .content1-top-left{width: 100%;}
	.server-content .content2 .content1-top .content1-top-left{margin-bottom: 1em}
	.server-content .content2 .content1-top .content1-top-right{margin-bottom: 0}
}
@media (max-width: 600px){
	.server-content .content1-bottom ul li{width: 100%;margin-bottom: 1em}
}