* {
  margin: 0;
  padding: 0;
}

html{
  font-size: 10px;
}



body{
  width: 100%;
  margin: 0;
  padding: 0;
  background: #ecf4fd;
}

ul {
  list-style: none;
}

a {
  text-decoration: none;
}

.fl {
  float: left;
}

.fr {
  float: right;
}

.center {
  display: block;
  width: 160rem;
  margin: 0 auto;
}

.banner {
  width: 100%;
  height: 122rem;
  background: url(https://www.manageengine.cn/products/self-service-password/LandingPages/img/banner_bg.png) no-repeat;
  background-size: 100%;
}

.nav {
  width: 100%;
  height: 12rem;
  margin: 0 auto;
}

.nav_left {}

.melogosvg img {
  width: 16rem;
  height: 4.2rem;
  margin-top: 2rem;
}

.adssplogosvg img {
  width: 25.4rem;
  height: 2.4rem;
}


.nav_right ul li {
  float: right;
  font-weight: 400;
  margin-left: 6rem;
  margin-top: 6rem;
}

.nav_right a{
  font-size: 1.6rem;
  color: white;
}


.nav_right ul li:first-child {
  padding: 2rem 4rem;
  background: linear-gradient(90deg, #3498ea, #08defc);
  border-radius: 5rem;
  margin-top: 4rem;
}

.nav_right ul li:first-child:hover{
  box-shadow: 0px 0px 2rem 0px rgba(64, 21, 89, 0.31);
  -webkit-box-shadow: 0px 0px 2rem 0px rgba(64, 21, 89, 0.31);
  -moz-box-shadow: 0px 0px 2rem 0px rgba(64, 21, 89, 0.31);
  transition: .3s;
}

.banner_1 {
  width: 50%;
  margin-top: 11.5rem;
}

.banner_2 {
  width: 40%;
  margin-top: 10rem;
}

.banner_2 img {
  width: 100%;
  margin-right: 0;
}

.banner_1 h3 {
  font-size: 5rem;
  line-height: 7.2rem;
  font-weight: 700;
  color: #fff;
}

.banner_1 p {
  font-size: 1.6rem;
  line-height: 2.8rem;
  color: #fff;
  margin-top: 5rem;
}

.banner_a1 {
  width: 21rem;
  line-height: 6rem;
  border-radius: 6rem;
  color: #fff;
  background: linear-gradient(90deg, #3498ea, #08defc);
  text-align: center;
  margin-top: 5rem;
  font-size: 1.6rem;
}

.banner_a2 {
  width: 21rem;
  line-height: 6rem;
  border-radius: 6rem;
  color: #fff;
  border:  0.2rem solid #3498ea;
  text-align: center;
  margin-top: 5rem;
  margin-left: 2rem;
  font-size: 1.6rem;
}

.banner_a1:hover {
  box-shadow: 0px 0px 2rem 0px rgba(64, 21, 89, 0.31);
  -webkit-box-shadow: 0px 0px 2rem 0px rgba(64, 21, 89, 0.31);
  -moz-box-shadow: 0px 0px 2rem 0px rgba(64, 21, 89, 0.31);
  transition: .3s;
}

.banner_a2:hover {
  box-shadow: 0px 0px 2rem 0px rgba(64, 21, 89, 0.31);
  -webkit-box-shadow: 0px 0px 2rem 0px rgba(64, 21, 89, 0.31);
  -moz-box-shadow: 0px 0px 2rem 0px rgba(64, 21, 89, 0.31);
  transition: .3s;
}


.con1{
  width: 100%;
  height: 43rem;
  -webkit-box-shadow: 0px 0.5rem 2.2rem 0px rgba(0, 0, 0, 0.1);
  background: #fff;
    margin-top: 64rem;
}
.con1 h1{
  font-size: 3rem;
  color: #e1e7f2;
  margin: 1.5rem 2.5rem 0 0;
  text-align: right;
}
.con1 img{
  margin: 5rem 0 0 6rem;
  width: 8rem;
}
.con1 h3{
  font-size: 2rem;
  color: #333;
  margin: 4rem 0 0 6rem;
}
.con1 p{
  font-size: 1.6rem;
  line-height: 2.8rem;
  color: #666;
  margin: 1rem 0 0 6rem;
  padding-right: 6rem;
}
.con1_1{
  width: 24.5%;
  height: 43rem;
  border-right: 0.2rem solid #f6fafe;
  background: url(https://www.manageengine.cn/products/self-service-password/LandingPages/img/con1_bg.jpg) 100%;
}
.con1_2{
  width: 24.5%;
  height: 43rem;
  border-right: 0.2rem solid #f6fafe;
    background: url(https://www.manageengine.cn/products/self-service-password/LandingPages/img/con1_bg.jpg) 100%;
}

.con1_3{
  width: 24.5%;height: 43rem;
  border-right: 0.2rem solid #f6fafe;
  background: url(https://www.manageengine.cn/products/self-service-password/LandingPages/img/con1_bg.jpg) 100%;
}

.con1_4{
  width: 24.5%;
  height: 43rem;
  background: url(https://www.manageengine.cn/products/self-service-password/LandingPages/img/con1_bg.jpg) 100%;
}



.con2{
  width: 100%;
  height: 35rem;
  margin-top: 12rem;
}
.con2_left{
  width: 90rem;
}
.con2_right{
  width: 60rem;
}
.con2_right img{
  width: 100%;
}
.con2_left h1{
  font-size: 3rem;
  color: #333333;
}
.con2_left p{
  font-size: 1.8rem;
  line-height: 3.2rem;
  color: #666;
  margin-top: 4rem;
}


.con3{
  width: 100%;
  height: 43rem;
  background: linear-gradient(90deg, #016fed, #00b4f8);
  margin-top: 13rem;
}
.con3 h1{
  padding-top: 7rem;
  font-size: 3rem;
  color: white;
}
.con3_left{
  width: 80rem;
  height: 28rem;
  background: url(https://www.manageengine.cn/products/self-service-password/LandingPages/img/con3_left.png) 100% no-repeat;
  margin-left: -2rem;
    background-size: 100%;
}
.con3_right{
  width: 80rem;
    height: 28rem;
  background: url(https://www.manageengine.cn/products/self-service-password/LandingPages/img/con3_right.png) 100% no-repeat;
  background-size: 100%;
}
.con3_right1{
  margin: 7rem 0 0 9rem;
}
.con3_right1 img{
  width: 15rem;
}
.con3_right2{
   width: 44rem;
    margin-right: 10rem;
}
.con3_right2 p{
  font-size: 1.6rem;
  line-height: 2.6rem;
  color: #333;
  margin-top: 9rem;
}
.con3_right2 span{
  font-size: 1.6rem;
  line-height: 2.6rem;
  display: block;
    text-align: end;
}





.footer{
  width: 100%;
  height: 6rem;
  background: #3498ea;
}
.footer p{
  font-size: 1.6rem;
  line-height: 6rem;
  color: white;
  text-align: center;
}
#commonFooter{display:none;}
.footer p a{
  color: white;
}
.footer p a:hover{
  text-decoration: underline;
}

.wrap{margin:10rem auto 0 auto;}
.wrap h1{
  font-size: 3rem;
  text-align: center;
  margin-bottom: 5rem;
}
.tabs{height:6.6rem;}
.tabs a{display:block;float:left;width:20%;color:#333;text-align:center;background:#f4fbff;line-height:6.6rem;font-size:1.8rem;text-decoration:none;border: 1px solid #d9f0fb;box-sizing: border-box;padding: 1px; }
.tabs a.active{color:#333;background:#d9f0fb;}
.swiper-container{height:32.5rem;width:100%;border-top:0;}
.swiper-slide{height:32.5rem;width:100%;background:none;color:#fff;}
.content-slide{padding:4rem;}
.content-slide ul{list-style: circle;margin-left: 12rem;color: #c43764;font-size: 1.8rem;}
.content-slide ul li a{font-size: 1.8rem;line-height: 4.4rem;color: #666;}

.content-slide p{text-indent:2em;line-height:1.9;}
.swiper-container {margin:0 auto;position:relative;overflow:hidden;-webkit-backface-visibility:hidden;-moz-backface-visibility:hidden;-ms-backface-visibility:hidden;-o-backface-visibility:hidden;backface-visibility:hidden;/* Fix of Webkit flickering */  z-index:1;}
.swiper-wrapper {position:relative;width:100%;
  -webkit-transition-property:-webkit-transform, left, top;
  -webkit-transition-duration:0s;
  -webkit-transform:translate3d(0px,0,0);
  -webkit-transition-timing-function:ease;
  
  -moz-transition-property:-moz-transform, left, top;
  -moz-transition-duration:0s;
  -moz-transform:translate3d(0px,0,0);
  -moz-transition-timing-function:ease;
  
  -o-transition-property:-o-transform, left, top;
  -o-transition-duration:0s;
  -o-transform:translate3d(0px,0,0);
  -o-transition-timing-function:ease;
  -o-transform:translate(0px,0px);
  
  -ms-transition-property:-ms-transform, left, top;
  -ms-transition-duration:0s;
  -ms-transform:translate3d(0px,0,0);
  -ms-transition-timing-function:ease;
  
  transition-property:transform, left, top;
  transition-duration:0s;
  transform:translate3d(0px,0,0);
  transition-timing-function:ease;

  -webkit-box-sizing: content-box;
  -moz-box-sizing: content-box;
  box-sizing: content-box;
}
.swiper-free-mode > .swiper-wrapper {
  -webkit-transition-timing-function: ease-out;
  -moz-transition-timing-function: ease-out;
  -ms-transition-timing-function: ease-out;
  -o-transition-timing-function: ease-out;
  transition-timing-function: ease-out;
  margin: 0 auto;
}
.swiper-slide {
  float: left;
  -webkit-box-sizing: content-box;
  -moz-box-sizing: content-box;
  box-sizing: content-box;
}
/* 锟斤拷锟斤拷锟斤拷锟�?锟斤拷锟斤拷之锟斤拷 www.lanrenzhijia.com */
<script src="http://www.lanrenzhijia.com/ajaxjs/jquery-1.10.1.min.js"></script>
  <script src="http://www.lanrenzhijia.com/ajaxjs/idangerous.swiper.min.js"></script>