/* 原子类 */
* {
    margin: 0;
    padding: 0;
  }
  h1,
  h2,
  h3,
  h4 {
    font-weight: normal;
    margin: 0;
    padding: 0;
  }
  p {
    margin: 0;
  }
  ul,
  li,
  ol,
  dl,
  dt,
  dd {
    list-style: none;
  }
  .center-1200 {
    width: 1200px !important;
    margin: 0 auto !important;
  }
  .bg-fff {
    background-color: #fff !important;
  }
  .bg-f5 {
    background-color: #f5f5f5 !important;
  }
  .bg-transparent {
    background-color: transparent !important;
  }
  .pt-60 {
    padding-top: 60px;
  }
  .pb-60 {
    padding-bottom: 60px;
  }
  .color-red {
    color: #f00909;
  }
  .pd-20 {
    padding-left: 20px;
    padding-right: 20px;
  }
  .pb-50 {
    padding-bottom: 50px;
  }
  .mb-60 {
    margin-bottom: 60px;
  }
  .mb-40 {
    margin-bottom: 40px;
  }
  .pr {
    position: relative;
  }
  .po {
    position: absolute;
  }
  .font-lighter {
    font-weight: lighter;
  }
  .color-434a54 {
    color: #434a54;
  }
  .color-82939e {
    color: #82939e;
  }
  .color-fff {
    color: #fff;
  }
  .color-999 {
    color: #999;
  }
  .color-666 {
    color: #666;
  }
  .color-333 {
    color: #333;
  }
  .font-32 {
    font-size: 32px;
  }
  .font-36 {
    font-size: 36px;
  }
  .font-24 {
    font-size: 24px;
  }
  .font-16 {
    font-size: 16px;
  }
  .bold {
    font-weight: bold;
  }
  .lh-52 {
    line-height: 52px;
  }
  .lh-36 {
    line-height: 36px;
  }
  .lh-42 {
    line-height: 42px;
  }
  .lh-32 {
    line-height: 32px;
  }
  .text-center {
    text-align: center;
  }
  .fl {
    float: left;
  }
  .fr {
    float: right;
  }

  /* 云服务器 */
  #virtual-banner .center .icon {
    position: absolute;
    background-image: url(../../../img/postOffice.png);
    background-position: -103px -302px;
    top: 0;
    right: 134px;
    width: 395px;
    height: 297px;
}
  .home-title-line {
    height: 1px;
    border-top: 1px solid #e4e4e4;
    margin: 70px 0 100px 0;
    text-align: center;
    /*IE*/
  
    text-align: -moz-center;
    /*Firefox*/
  
    text-align: -webkit-center;
    /*Chrome*/
  
  }
  .home-title-line span {
    position: relative;
    top: -23px;
    padding: 0 28px;
    font-size: 32px;
    color: #666;
  }
  .home-title-line p {
    position: relative;
    top: -10px;
    padding: 0 28px;
    font-size: 14px;
    color: #999;
  }
  .clearfix {
    overflow: hidden;
  }
  .cloud-server * {
    box-sizing: border-box;
  }
  .cloud-server {
    padding-bottom: 70px;
    box-sizing: border-box;
  }
  .server-list {
    display: flex;
  }
  .server-list > li:last-child {
    margin-right: 0;
  }
  .server-list > li {
    transition: all 0.1s;
    border: solid 1px #e6e6e6;
    flex: 1;
    width: 380px;
    height: 500px;
    margin-right: 30px;
    float: left;
    margin-right: 20px;
  }
  .server-list > li .cs-top {
    border-bottom: 1px solid #e6e6e6;
  }
  .server-list > li .cs-top .icon {
    width: 90px;
    height: 62px;
    display: block;
    margin: 0 auto;
    background-image: url('../../../img/postOffice.png');
    background-size: 500px 600px;
    margin-top: 28px;
  }
  .server-list > li .cs-top p {
    margin-top: 10px;
    margin-bottom: 20px;
  }
  .server-list > li .cs-center .cs-info {
    margin-top: 30px;
    margin-bottom: 20px;
    display: flex;
  }
  .server-list > li .cs-center .cs-info div {
    flex: 1;
    height: 44px;
    border-right: solid 1px #e6e6e6;
  }
  .server-list > li .cs-center .cs-info div:last-child {
    border-right: none;
  }
  .server-list > li .cs-center .cs-info p {
    font-size: 20px;
    line-height: 24px;
  }
  .server-list > li .cs-center .cs-info span {
    line-height: 20px;
  }
  .server-list > li .cs-center .other-info {
    padding-left: 40px;
  }
  .server-list > li .cs-center .other-info div:nth-child(2) span:last-child,
  .server-list > li .cs-center .other-info div:nth-child(3) span:last-child {
    color: #f8823d;
  }
  .server-list > li .cs-price {
    margin: 16px auto;
  }
  .server-list > li .cs-btn {
    width: 220px;
    height: 44px;
    border-radius: 5px;
    display: block;
    margin: 0 auto;
    text-decoration: none;
    color: #666666;
    background: #fff;
    border: solid 1px #e6e6e6;
  }
  .server-list > li:hover {
    margin-top: -10px;
    border-color: #e84047;
    box-shadow: 0 0 5px 5px rgba(212, 142, 145, 0.15);
  }
  .server-list > li:first-child .icon {
    background-position: -234px -73px;
  }
  .server-list > li:first-child:hover .icon {
    background-position: -118px -73px;
  }
  .server-list > li:nth-child(2) .icon {
    background-position: -234px -143px;
  }
  .server-list > li:nth-child(2):hover .icon {
    background-position: -115px -143px;
  }
  .server-list > li:last-child .icon {
    background-position: -234px -225px;
  }
  .server-list > li:last-child:hover .icon {
    background-position: -118px -225px;
  }
  .server-list > li:hover .cs-btn {
    background-color: #e84047;
    color: #fff;
    border: solid 1px #e84047;
  }
  .cloud-server li:last-child {
    margin-right: 0;
  }
  textarea {
    width: 400px;
    height: 300px;
    font-size: 12px;
  }
  
  /* 我们的优势 */
  #whyChoose .totle p {
	text-align: center;
	margin-top: 25px;
	color: #666;
	font-size: 16px;
	line-height: 28px
}
#whyChoose .title{
	text-align:center;position:relative;
}
#whyChoose .title-div{
	position:absolute;width:1200px;height:1px;left:0px;top:70px;border-top: 1px solid #e4e4e4;color:red;z-index:1;
}
#whyChoose .title-h1{
	display:inline-block;background:#f9f9f9;z-index:2;position:relative;padding-left:35px;padding-right:35px;
}
#whyChoose .logo {
	margin-top: 50px
}

#whyChoose .logo ul:after {
	content: "";
	display: block;
	clear: both
}

#whyChoose .logo ul li {
	float: left;
	width: 33.3333333%;
	height: 220px;
	position: relative;
	margin-bottom: 40px
}

#whyChoose .logo ul li .img {
	height: 130px;
	width: 130px;
	position: absolute;
	box-shadow: 0 0 12px #ccc;
	left: 0;
	border-radius: 50%;
	right: 0;
	margin: auto;
	transition: all 0.25s ease-in-out;
	-webkit-transform: translate3d(0,0,0);
	*position: static;
	*left: auto;
	*right: auto;
	*top: auto;
	*bottom: auto;
	*display: block
}

#whyChoose .logo ul li .img div {
	position: relative;
	width: 100%;
	height: 100%
}

#whyChoose .logo ul li .img:hover {
	box-shadow: 0 0 20px #bbb
}

#whyChoose .logo ul li img {
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	margin: auto
}

#whyChoose .logo ul li .describ {
	position: absolute;
	bottom: 30px;
	width: 100%
}

#whyChoose .logo ul li p {
	text-align: center;
	font-size: 16px;
    color: #333;
    line-height: 42px;
}
#whyChoose .logo ul li p {
    line-height: 32px;
}