@charset "utf-8";
/* CSS Document */
*{ font-family:font-family: open sans,sans-serif;  font-weight: 400;}
  .swiper-slide {
        text-align: center;
        font-size: 18px;  
        /* Center slide text vertically */
        display: -webkit-box;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        -webkit-justify-content: center;
        justify-content: center;
        -webkit-box-align: center;
        -ms-flex-align: center;
        -webkit-align-items: center;
        align-items: center;
		min-height:820px;
		background-size:cover !important;
      }
	  .swiper-slide:nth-child(1){
		  background:url(../images/bg1.jpg) no-repeat;  
	  }
	  .swiper-slide:nth-child(2){
		  background:url(../images/bg2.jpg) no-repeat;  
	  }
	  .swiper-slide:nth-child(3){
		  background:url(../images/bg3.jpg) no-repeat;  
	  }
	  .swiper-slide:nth-child(4){
		  background:url(../images/bg4.jpg) no-repeat;  
	  }
	  .swiper-slide:nth-child(5){
		  background:url(../images/bg5.jpg) no-repeat;  
	  }
	  .swiper-slide:nth-child(6){
		  background:url(../images/bg6.jpg) no-repeat;  
	  }

      /*.swiper-slide img {
        display: block;
        width: 100%;
        height: 100%;
        object-fit: cover;
      } */
	  .swiper-slide .version{ 
		  font-size:0
	  }
	  .swiper-slide .version ul
	  { margin:0;
		  padding:0;}
	  .swiper-slide .version ul li{
		   width:32%;
		   display:inline-block;
		   background:#fff;
		   margin-left:2%;
		   vertical-align:top;
		   border-radius: 20px;
		   -webkit-box-shadow: 0px 40px 70px 0px rgb(8 0 41 / 10%);
           -moz-box-shadow: 0px 40px 70px 0px rgba(8, 0, 41, 0.1);
           box-shadow: 0px 40px 70px 0px rgb(8 0 41 / 10%);
		   min-height:370px;
	  }
	  .swiper-slide .version ul li img{
		  max-width:100% !important;
		  margin:6% 0 0 0;
	  }
	  .swiper-slide .version ul li:first-child{
		  margin-left:0
		}
	  .swiper-slide .version ul li:nth-child(2){
		   background:none; 
		   -webkit-box-shadow:none; 
		   -moz-box-shadow:none; 
		   box-shadow:none;
		   text-align:center;
	  }
	  .swiper-slide .version h1{ font-size:40px; font-weight:bold; color:#3e3e3e}
	  .swiper-slide .version h2{ font-size:20px; position:relative; margin-bottom: 80px}
	  .swiper-slide .version h2:after{
		  content:"";
		  position:absolute;
		  width:120px;
		  height:4px;
		  background: linear-gradient(to right,#51c86e,#2db1f4);
		  margin-top:50px;
		  left: 50%;
		  margin-left: -60px; 
	  }
	  .swiper-slide .version ul li ul{
		  width:100%;
		  padding:30px !important;
		  font-size:0;
		  display:inline-block;
		 
	  }
	  .swiper-slide .version ul li ul li{
		  width:100%;
		  display:inline-block; 
		  font-size: 15px;
		  padding-left:35px;
		  font-weight:lighter;
		  position: relative;
		  margin: 10px 0;
		  text-align:left !important;
		  background:unset;
		  vertical-align: unset;
		  border-radius: unset;
		  -webkit-box-shadow:unset; 
		  -moz-box-shadow:unset; 
		   box-shadow:unset;
		   margin-left:unset;
		   word-break: break-all;
		   min-height:unset;
	  } 
	  .swiper-slide .version ul li ul li:after{
		  position: absolute;
		  content: "\f00c"; 
		  font-family: "Font Awesome 5 Pro";
		  left: 0;
		  top: 2px;
		  width: 22px;
		  height: 22px;
		  line-height: 22px;
		  font-size: 12px;
		  text-align: center;
		  color: #11b50d;
		  background: rgba(17, 181, 13, 0.1);/*rgba(45, 177, 244, 0.1)*/
		  -webkit-border-radius: 50%;
		  -moz-border-radius: 50%;
		  border-radius: 50%;
		  font-weight: 500;
	  }
	  .swiper-slide .version ul li ul li:hover {
		color: #11b50d;
		-webkit-transition: all 0.3s ease-out 0s;
		-moz-transition: all 0.3s ease-out 0s;
		-ms-transition: all 0.3s ease-out 0s;
		-o-transition: all 0.3s ease-out 0s;
		transition: all 0.3s ease-out 0s;
	  }
	  .swiper-slide .version ul li ul li:hover:after{
		  background:#11b50d;
		  color:#fff; 
		  -webkit-transition: all 0.3s ease-out 0s;
		-moz-transition: all 0.3s ease-out 0s;
		-ms-transition: all 0.3s ease-out 0s;
		-o-transition: all 0.3s ease-out 0s;
		transition: all 0.3s ease-out 0s;
	  }
	  .swiper-slide .version ul li ul li a{ color:#11b50d}
	  .swiper-slide .version ul li ul li:hover a{
		  font-weight:bold;
		  -webkit-transition: all 0.3s ease-out 0s;
		-moz-transition: all 0.3s ease-out 0s;
		-ms-transition: all 0.3s ease-out 0s;
		-o-transition: all 0.3s ease-out 0s;
		transition: all 0.3s ease-out 0s;
	  }
	  .swiper-slide:nth-child(6) .version h1
	  {
		  font-size:25px;
	  }
	  .swiper-slide .version .more{
		  width:100%; text-align:center; font-size:15px; margin-top:35px;
	  }
	  .swiper-slide .version .more a
	  {
		width:140px; height:44px; background: linear-gradient(to right,#51c86e,#2db1f4);
		  line-height:44px; color:#fff; text-align:center;  display: block;
    border-radius: 6px; margin:auto;
	  }
	  .swiper-slide .version .more:hover a{
		  -webkit-box-shadow: 0px 20px 30px 0px rgb(8 0 41 / 10%);
           -moz-box-shadow: 0px 20px 30px 0px rgba(8, 0, 41, 0.1);
           box-shadow: 0px 20px 30px 0px rgb(8 0 41 / 10%); 
		  -webkit-transition: all 0.3s ease-out 0s;
		-moz-transition: all 0.3s ease-out 0s;
		-ms-transition: all 0.3s ease-out 0s;
		-o-transition: all 0.3s ease-out 0s;
		transition: all 0.3s ease-out 0s;
	  }
	  
	  
	  .ewm{
		  background:url(../images/bg7.jpg) no-repeat; background-size:cover; padding:50px 0 100px 0; margin-top:50px; margin-bottom:20px;
	  }
	  .ewm h1{ font-size:40px; text-align:center; color:#3e3e3e}
	  .ewm h2{ font-size:15px; font-weight:lighter; text-align:center; position: relative;margin-bottom: 80px; color:#666}
	  .ewm h2:after{content: "";
    position: absolute;
    width: 120px;
    height: 4px;
    background: linear-gradient(to right,#51c86e,#2db1f4);
    margin-top: 50px;
    left: 50%;
    margin-left: -60px;}
	.ewm .con{
		width:100%;
		border-radius:20px;
		background:#fff;
		position:relative;
		-webkit-box-shadow: 0px 40px 70px 0px rgb(8 0 41 / 10%);
           -moz-box-shadow: 0px 40px 70px 0px rgba(8, 0, 41, 0.1);
           box-shadow: 0px 40px 70px 0px rgb(8 0 41 / 10%);
		   padding:50px;
		   font-size:0;
	}
	.ewm .con li{ display:inline-block; width:50%; position:relative; text-align:center; vertical-align: middle;}
	.ewm .con li:nth-child(1):after{
		content:"";
		position:absolute;
		width:1px;
		height:100%;
		background: rgba(0,0,0,.03);
    top: 0;
    right: 0;
		
	}
	.ewm .con li h1{ font-size:26px; margin-top:25px;}
	.ewm .con li p{ font-size:15px; color:#666}
	.ewm .con li .ewmimg{ padding:20px; border-radius:15px; border:2px solid #54cb61}
	.ewm .con li .ewmimg:hover{ border:2px solid #2db1f4; background:rgba(45,17,244,.03);-webkit-transition: all 0.3s ease-out 0s;
		-moz-transition: all 0.3s ease-out 0s;
		-ms-transition: all 0.3s ease-out 0s;
		-o-transition: all 0.3s ease-out 0s;
		transition: all 0.3s ease-out 0s;}
	.ewm .con:after{
		content:""; 
		position:absolute;
		left: 0;
		right: 0;
		top: 10px;
		border-radius: 20px;
		background: #7127ea;
		height: 50%;
		z-index: -1;
		background: linear-gradient(to right,#51c86e,#2db1f4);
		}
	  
	  
	  .guarantee{padding:50px 0 100px 0; margin-top:50px;   background:#f4f9fd; font-size:0; text-align:center}
	  .guarantee h1{ font-size:40px; margin-bottom:60px;}
	  .guarantee ul{ margin:0; padding:0; font-size:0}
	  .guarantee ul li{ display:inline-block; width:50%}
	  .guarantee ul li .icon{margin-bottom: 35px;}
	  .guarantee ul li .icon span{
		display: inline-block;
		width: 60px;
		height: 60px;
		line-height: 66px;
		text-align: center;
		-webkit-border-radius: 50%;
		-moz-border-radius: 50%;
		border-radius: 50%;
	  }
	  .bgleft
	  {
		  background-image: -moz-linear-gradient(90deg, #fe0c7d 0%, #ff58a8 53%, #ffa4d2 100%);
    background-image: -webkit-linear-gradient(90deg, #fe0c7d 0%, #ff58a8 53%, #ffa4d2 100%);
    background-image: -ms-linear-gradient(90deg, #fe0c7d 0%, #ff58a8 53%, #ffa4d2 100%);
    background-image: linear-gradient(90deg, #fe0c7d 0%, #ff58a8 53%, #ffa4d2 100%);
    -webkit-box-shadow: 0px 20px 16px 0px rgb(254 12 125 / 16%);
    -moz-box-shadow: 0px 20px 16px 0px rgba(254, 12, 125, 0.16);
    box-shadow: 0px 20px 16px 0px rgb(254 12 125 / 16%);
	  }
	  .bgright{
		  background-image: -moz-linear-gradient(90deg, #023cfd 0%, #0372fe 53%, #03a7ff 100%);
    background-image: -webkit-linear-gradient(90deg, #023cfd 0%, #0372fe 53%, #03a7ff 100%);
    background-image: -ms-linear-gradient(90deg, #023cfd 0%, #0372fe 53%, #03a7ff 100%);
    background-image: linear-gradient(90deg, #023cfd 0%, #0372fe 53%, #03a7ff 100%);
    -webkit-box-shadow: 0px 20px 16px 0px rgb(2 60 253 / 16%);
    -moz-box-shadow: 0px 20px 16px 0px rgba(2, 60, 253, 0.16);
    box-shadow: 0px 20px 16px 0px rgb(2 60 253 / 16%);
	  }
	  .guarantee ul li .icon span i{
		  color: #ffffff;
          font-size: 25px;
		  font-weight:400;
		      font-family: "Font Awesome 5 Pro";
	  }
	  .guarantee ul li .icon .bgleft i:before{content: "\f5f8";}
	  .guarantee ul li .icon .bgright i:before{content: "\f64e";}
	  .guarantee ul li h3{font-size: 22px; margin-bottom: 32px;}
	  .guarantee ul li ul{
		  width:100%;
		  margin:0;
		  padding:0 3%;
		  font-size:0;
		  display:inline-block;
		 
	  }
	  .guarantee ul li ul li{ 
		  display:inline-block; 
		  font-size: 15px;
		  padding-left:35px;
		  font-weight:lighter;
		  position: relative;
		  text-align:center;
		  width:100% 
	  }
	   
	  .guarantee li ul li:after{
		  position: absolute;
    content: "";
    font-family: "Font Awesome 5 Pro";
    left: 0;
    top: 0;
    width: 22px;
    height: 22px;
    line-height: 22px;
    font-size: 12px;
    text-align: center;
    color: #11b50d;
    background: rgba(17, 181, 13, 0.1);
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    font-weight: 500;
	  }
	  .guarantee ul li ul li:hover {
		color: #11b50d;
		-webkit-transition: all 0.3s ease-out 0s;
		-moz-transition: all 0.3s ease-out 0s;
		-ms-transition: all 0.3s ease-out 0s;
		-o-transition: all 0.3s ease-out 0s;
		transition: all 0.3s ease-out 0s;
	  }
	  .guarantee ul li ul li:hover:after{
		  background:#11b50d;
		  color:#fff; 
		  -webkit-transition: all 0.3s ease-out 0s;
		-moz-transition: all 0.3s ease-out 0s;
		-ms-transition: all 0.3s ease-out 0s;
		-o-transition: all 0.3s ease-out 0s;
		transition: all 0.3s ease-out 0s;
	  }
	  .guarantee ul li ul .more{ margin-top:20px;}
	  .guarantee ul li ul .more a
	  {
		width:120px; height:44px; background: linear-gradient(to right,#51c86e,#2db1f4);
		  line-height:44px; color:#fff; text-align:center;  display: block;
    border-radius: 6px; margin:auto;
	font-size:15px;
	  }
	  .guarantee ul li ul .more:hover a{
		  -webkit-box-shadow: 0px 20px 30px 0px rgb(8 0 41 / 10%);
           -moz-box-shadow: 0px 20px 30px 0px rgba(8, 0, 41, 0.1);
           box-shadow: 0px 20px 30px 0px rgb(8 0 41 / 10%); 
		  -webkit-transition: all 0.3s ease-out 0s;
		-moz-transition: all 0.3s ease-out 0s;
		-ms-transition: all 0.3s ease-out 0s;
		-o-transition: all 0.3s ease-out 0s;
		transition: all 0.3s ease-out 0s;
	  }
	  
	  
	  
	  
	  
	  
	  
	  @media (min-width: 992px){
		  
	  }
	  @media (max-width: 768px){
	   .swiper-slide{  padding:20px 0; min-height:unset; height:auto}
	   .swiper-slide .version h1 , .swiper-slide .version h2{ padding:0 15px;; word-break:break-word}
	   .swiper-slide .version h1{ font-size:30px;}
	   .swiper-slide .version h2{ font-size:16px; margin-bottom:60px;}
	   .swiper-slide .version ul
	   {
		   background: #fff;
		  font-size:20px;
		  margin-left:0;
		  vertical-align: top;
		  border-radius: 20px;
		  -webkit-box-shadow: 0px 40px 70px 0px rgb(8 0 41 / 10%);
		  -moz-box-shadow: 0px 40px 70px 0px rgba(8, 0, 41, 0.1);
		  box-shadow: 0px 40px 70px 0px rgb(8 0 41 / 10%);
		  border-radius: 20px;
		  padding:20px;
	   }
	   .swiper-slide .version ul li{
		  width: 100%;
		  margin-left:0;
		  display: inline-block;
		  background:none;
		  font-size:20px; 
		  vertical-align: top;
		  border-radius: unset;
		  -webkit-box-shadow:none !important;
		  -moz-box-shadow: none !important;
		  box-shadow: none !important;
		  min-height:unset;
		  padding:0 !important;
		}
		
		.swiper-slide .version ul li img{ max-width:55% !important; margin:10px 0} 
		.swiper-slide .version ul li ul{ margin:0; padding:0 !important; background:none;
		-webkit-box-shadow:none !important;
		  -moz-box-shadow: none !important;
		  box-shadow: none !important;
		} 
		.swiper-slide .version ul li ul li{ margin:4px 0; padding-left:30px !important; line-height:1.5}
		
		.ewm .con{ padding:30px;}
		.ewm .con li{ width:100%;}
		.ewm .con li h1{ font-size:20px;}
		.ewm .con li:nth-child(2){ padding:20px 0}
		.ewm{ padding:30px 0 60px 0}
		.ewm .con li .ewmimg{width: 60%; padding: 10px;}
		.ewm .con li img{ width:60px}
		
		.guarantee{ padding:30px 0 50px 0}
		.guarantee h1{ margin-bottom:40px;}
		.guarantee ul li{ width:100%;}
		.guarantee ul li:nth-child(1){ margin-bottom:40px;}
		.guarantee ul li ul li{ margin-bottom:10px !important; line-height:1.5}
	  }