@charset "UTF-8";
/* CSS Document */
html,
      body {
        position: relative;
        height: 100%;
      }

      body {
        background: #fff;
        font-family: Helvetica Neue, Helvetica, Arial, sans-serif;
        font-size: 14px;
        color: #000;
        margin: 0;
        padding: 0;
      }

      .swiper-container {
        width: 100%;
        height: 580px;
        margin: 0 auto;
      } 
      .swiper-wrapper{
        transition-delay:.3s;
        }
      .swiper-slide {
        /* 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;
        position: relative;
      }

      .swiper-container0 .swiper-slide img {
        display: block;
        width: 100%;
        height: 100%;
        object-fit: cover;
      }
      .swiper-container0 .swiper-slide p{ position: absolute; color: #fff; left: 18%; font-size: 24px; text-align: center; line-height: 36px; font-weight: bold; top: 30%; }
      .swiper-container0 .swiper-slide .p1{position: absolute; color: #fff; left: 18%; font-size: 18px; text-align: left; line-height: 27px; top: 40%;  font-weight: lighter;}
      .swiper-container0 .swiper-slide .pt{ position: absolute; width:430px; height: auto; bottom: 0; right: 18%;}
      .swiper-container0 .swiper-slide .pt1{ position: absolute; width:334px; height: auto; bottom: 20%; right: 18%;}
      .swiper-container0 .swiper-slide .pt2{ position: absolute; width: 184px; height: auto; bottom: 5%; left: 3%;}
      .swiper-container0 .swiper-slide p{
		transform:translateX(-200px);
		opacity:0;
		transition:all .4s;}
    .swiper-container0 .ani-slide p{
		transform:translateX(0);
		opacity:1;
		}
    .swiper-container0 .swiper-pagination-bullet{ width: 48px!important; height: 8px; border-radius: 0!important;background:#000069!important; opacity: 1!important;}
    .swiper-container0 .swiper-pagination-bullet-active{ background:#9B582E!important;}

/* banner end */


/* points */
section{ margin-top: 62px; width: 100%;}
section .points h1{ font-size: 50px; text-align: center; color: #080808; font-weight: bold; padding-bottom: 80px; padding-top: 100px;}
section .points ul { width: 80%; margin: 0 auto; display: flex; flex-wrap: wrap; flex-direction: row; justify-content: space-between;}
section .points ul li{ width:40%; 
    /* box-shadow: 0px 0px 33px 2px rgba(154, 158, 175, 0.33);  */
    border-radius: 5px;   margin-bottom: 70px; padding: 0 4%;}
section .points ul li h2{font-size: 24px; font-weight: bold; color: #080808; padding: 30px 0 20px 0;}
section .points ul li h2 i{ font-size: 0px; vertical-align: middle; margin-right: 10px;}
section .points ul li p{ font-size: 18px; line-height: 30px; color: #717171; padding-bottom: 20px;}
/* points end */

.function{width: 100%; text-align: center;}
.function h1{ font-size: 50px; text-align: center; color: #080808; font-weight: bold; padding-bottom: 80px; padding-top: 60px;}
.function ul{ width: 100%; margin: 20px auto; margin-bottom: 100px;}
.function ul li{ display: flex; flex-wrap: wrap; flex-direction: row;justify-content: space-evenly; align-items: center; position: relative; padding-top: 50px;}
.function ul li .img1{box-shadow: 12px 12px 35px 0px rgba(102, 122, 203, 0.4);  width: 40%; text-align: center; z-index: 2; background: #fff;}
.function ul li .img1 img{ padding-top: 30px;vertical-align: bottom;}
.function ul li .text{ width: 40%; text-align: left; text-align: justify; z-index: 3;}
.function ul li .text h2{ font-size: 24px; color: #080808; font-weight: bold; padding-bottom: 30px; padding-top: 20px;}
.function ul li .text p{ font-size: 18px; color: #717171; line-height: 27px; padding-bottom: 30px; padding-right: 150px;}
.function ul li .img3{ position: absolute; right: 0; bottom: 20%;}
.function ul li .img2{  width: 40%; text-align: center; z-index: 2; }

/* 20220414新增评价 */
.Evaluation{width: 100%; text-align: center;min-width: 1366px;}
.Evaluation h1{ font-size: 50px; text-align: center; color: #080808; font-weight: bold; padding-bottom: 0px; padding-top: 60px;}
.Evaluation .lunbo{ width: 90%; margin: 0 auto; padding: 50px 0; position: relative;}

.Evaluation .swiper-container1 .swiper-slide .description{ font-size: 18px; color: #717171; line-height: 30px; text-align: left; text-align: justify; padding: 30px 20px 10px;}

.Evaluation .lunbo .swiper-container1 {
  width: 80%;
  height: 100%;
  padding: 50px 0px;
  overflow: hidden;
}
.Evaluation .lunbo .swiper-container1 .swiper-wrapper{

}
.swiper-container1 .swiper-slide {
  text-align: center;
  font-size: 18px;
  background: #abdadd;

  /* 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;
transition: 300ms;
/* transform: scale(0.8); */
transform: translateY(0px);
box-shadow: 0px 2px 21px 0px rgba(175, 175, 175, 0.28);
flex-direction: column;
justify-content: space-between;
}
.swiper-container1 .swiper-slide-active,.swiper-slide-duplicate-active{
transform: translateY(-20px);
background:#d0af97;
}

.swiper-container1 .swiper-slide .avator{ background: #fff; height: 118px; width:100%; display: flex; align-items: center;}

.swiper-container1 .swiper-slide .avator img{ width: 66px; height: 66px; border-radius: 35px; border: 2px solid #8ab6fe; margin:0px 30px;}
.swiper-container1 .swiper-slide .avator p{ color: #717171;  font-size: 18px; text-align: left; padding-bottom: 16px;}
.swiper-container1 .swiper-slide .avator i{ width: 16px; height: 16px; background: url(../images/features/star.png); display: inline-block; margin-right: 10px;}

.swiper-button-prev {
  left: 50px!important;
  right: auto;
  width:  42px!important;
  height: 42px!important;
  background: url(../images/features/left_arrow.png);
}

.swiper-button-next{

  width:  42px!important;
  height: 42px!important;
  background: url(../images/features/right_arrow.png);
  right: 50px!important;
  left: auto;
}
.swiper-button-next:after, .swiper-container-rtl .swiper-button-prev:after {
  content: none!important;
}
.swiper-button-prev:after, .swiper-container-rtl .swiper-button-next:after {
  content: none!important;
}


/* 20220415新增移动端评价 */
.Evaluation1{width: 100%; text-align: center; display: none;}
.Evaluation1 h1{ font-size: 22px; text-align: center; color: #080808; font-weight: bold; padding-bottom: 0px; padding-top: 20px;}
.Evaluation1 .lunbo{ width: 100%; margin: 0 auto; padding: 20px 0; position: relative;}

.Evaluation1 .swiper-container2 .swiper-slide .description{ font-size: 12px; color: #717171; line-height: 18px; text-align: left; text-align: justify;width: 80%; height: auto; margin:  0 auto; padding: 30px 0;}

.Evaluation1 .lunbo .swiper-container2 {
  width: 100%;
  height: 200px;
  overflow: hidden;
}
.Evaluation1 .lunbo .swiper-container1 .swiper-wrapper{

}
.swiper-container2 .swiper-slide {
  text-align: center;
  width: 100%;
  background: #abdadd;

  /* 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;
transition: 300ms;
/* transform: scale(0.8); */
transform: translateY(0px);
box-shadow: 0px 2px 21px 0px rgba(175, 175, 175, 0.28);
flex-direction: column;
justify-content: space-between;
}
/* .swiper-container2 .swiper-slide-active,.swiper-slide-duplicate-active{
transform: translateY(-20px);
background:#d0af97;
padding-top: 20px;
} */

.swiper-container2 .swiper-slide .avator{ background: #f3f6f8; height: 118px; width:100%; display: flex; align-items: center;}

.swiper-container2 .swiper-slide .avator img{ width: 66px; height: 66px; border-radius: 35px; border: 2px solid #8ab6fe; margin:0px 30px;}
.swiper-container2 .swiper-slide .avator p{ color: #717171;  font-size: 18px; text-align: left; padding-bottom: 16px;}
.swiper-container2 .swiper-slide .avator i{ width: 16px; height: 16px; background: url(../images/features/star.png); display: inline-block; margin-right: 10px;}
@media(max-width:960px)
{
  
    
    .swiper-container {
      width: 100%;
      height: 380px;
      margin: 0 auto;
    } 
    .swiper-slide .pt{ display: none!important;}
    .swiper-slide .pt1{ display: none!important;}
    .swiper-slide .pt2{ display: none!important;}
    section .points h1{ padding-top: 20px; padding-bottom: 10px;}
    section .points ul{ width: 92%; margin: 0 auto;}
    section .points ul li{ width:100%; margin-bottom: 10px; }
    .function h1{ padding: 20px 0px 10px;}
    .function ul{ margin: 0 auto;}
    .function ul li{ width: 100%; padding: 0; margin-bottom: 10px;}
    .function ul li .text{ width: 80%;}
    .function ul li .img1{ width: 100%; box-shadow: none;}
    .function ul li .img1 img{ width: 60%;}
    .function ul li .img2{  width: 100%; text-align: center; z-index: 2; }
    .function ul li .img2 img{ width: 60%;}
    body{ width: 100%;}
    .function ul li .text p{ padding-right: 0;}
    .function ul li .img3{ width: 90%;}
    .function ul li .img3 img{ width: 100%;}
    h1{font-size: 24px!important;}
    h2{font-size: 18px!important;}
    p{font-size: 12px!important;line-height: 18px;}
    .swiper-button-prev{ display: none!important;}
    .swiper-button-next{ display: none!important;}
    .Evaluation{ display: none!important;}
    .Evaluation1{ display: block!important;}
}