.hot-products {
  padding: 100px 0;
  background:#f6f6f6;
  position: relative;
}

.hot-products::before {
  content: "";
  /* background: url(../images/ibg2.png) no-repeat; */
  position: absolute;
  right: 0;
  top: 0;
  width: 320px;
  height: 334px;
  background-size: 320px 334px;
}

.hot-products::after {
  content: "";
  /* background: url(../images/ibg3.png) no-repeat; */
  position: absolute;
  left: 0;
  bottom: 0;
  width: 320px;
  height: 328px;
  background-size: 320px 328px;
}

.hot-products .tit {
  text-align: center;
  position: relative;
  z-index: 20;
}

.hot-products .wp {

}

.hot-products .tit h3 {
  font-size: 65px;
  line-height: 1;
  font-weight: bold;
  color: #333;
  text-transform: uppercase;
}

.hot-products .tit h3 span {
  color: var(--color-primary);
}

.hot-products .tit p {
  font-size: 18px;
  color: #373737;
  max-width: 1000px;
  margin: 25px auto 0;
}

.hot-products .tit .more {
  margin: 60px auto 0;
  width: 200px;
  height: 50px;
  line-height: 50px;
  /* background: var(--btn-bg); */
  display: block;
  text-align: center;
  font-size: 18px;
  color: var(--btn-bg);
  border: 3px solid var(--btn-bg);
   /*font-family: Arial;*/
    display: flex;
    align-items: center;
    justify-content: center;
  border-radius: 25px;
}

.hot-products .tit .more:hover {
  background: var(--btn-bg-hover);
  color: #fff;
}


.hot-products .list {
  position: relative;
  z-index: 20;
  margin: 70px 0 0;
}

.hot-products .swiper-slide {
  box-sizing: border-box;
  padding: 30px 0 44px;
  position: relative;
}

.hot-products .swiper-slide {}

.hot-products .swiper-slide .box {
  padding: 0 26px 50px;
  position: relative;
  z-index: 20;
}

.hot-products .swiper-slide .box::after {
  content: "";
  background: #1C1C1D;
  position: absolute;
  right: 0;
  left: 0;
  top: 30px;
  width: 100%;
  height: calc(100% - 30px);
  z-index: -1;
}

.hot-products .swiper-slide .pic {
  margin-top: -30px;
  width: 100%;
  overflow: hidden;

  background: #fff;
  display: -webkit-inline-flex;
  display: inline-flex;
  -webkit-justify-content: center;
  justify-content: center;
  -webkit-align-items: center;
  align-items: center;
}

.hot-products .swiper-slide .pic img {
  box-sizing: border-box;
  display: block;
  transition: all 0.5s ease 0s;
  max-width: 100%;
  max-height: 100%;
}

.hot-products .swiper-slide h6 {
  margin: 10px 0 0;
  font-size: 19px;
  color: #fff;
  text-align: center;
  font-weight: 300;
  height: 70px;
  display: -webkit-flex;
  display: flex;
  -webkit-justify-content: center;
  justify-content: center;
  -webkit-align-items: center;
  align-items: center;
}

.hot-products .swiper-slide .more {
  position: absolute;
  left: calc(50% - 44px);
  bottom: -44px;
  width: 88px;
  height: 88px;
  line-height: 88px;
  background:#9CC5FB;
  border-radius: 50%;
  display: block;
  text-align: center;
  font-size: 18px;
  color: #fff;
}

.hot-products .swiper-slide .more i {
  color: #fff;
  font-size: 30px;
}

.hot-products .swiper-slide .more:hover {
  background: var(--color-primary);
}

.hot-products .swiper-slide:hover .pic img {
  transform: scale(1.04);
  -webkit-transform: scale(1.04);
}

.hot-products .swiper-pagination {
  position: relative;
  width: 80%;
  height: 8px;
  margin: 120px auto 0;
}

.hot-products .swiper-pagination::after {
  width: 100%;
  content: "";
  height: 2px;
  background: #aaa;
  display: block;
  position: absolute;
  left: 0;
  right: 0;
  top: 3px;
}

.hot-products .swiper-pagination-bullet {
  height: 8px;
  width: 200px;
  margin: 0;
  background: transparent;
  border-radius: 0;
  opacity: 1;
  box-sizing: border-box;
  vertical-align: top;
  position: relative;
  z-index: 20;
}

.hot-products .swiper-pagination-bullet-active {
  background: var(--color-primary);
}

@media screen and (max-width:1500px) {
  .hot-products .swiper-slide .pic {
    height: auto !important;
  }

  .hot-products .tit h3 {
    font-size: 48px;
  }
}

@media screen and (max-width:1150px) {


  .hot-products .swiper-slide h6 {
    font-size: 17px;
  }
}

@media screen and (max-width:768px) {
  .hot-products {
    padding: 30px 0;
  }

  .hot-products::before {
    width: 200px;
    height: 209px;
    background-size: 200px 209px;
  }

  .hot-products::after {
    width: 200px;
    height: 205px;
    background-size: 200px 205px;
  }

  .hot-products .tit h3 {
    font-size: 36px;
  }

  .hot-products .tit p {
    font-size: 16px;
    margin: 15px auto 0;
  }

  .hot-products .tit .more {
    margin: 20px auto 0;
    width: 170px;
    height: 40px;
    line-height: 40px;
    font-size: 16px;
  }

  .hot-products .list {
    margin: 30px 0 0;
  }

  .hot-products .swiper-slide {
    padding: 0 0. 30px;
  }

  .hot-products .swiper-slide .box {
    padding: 0;
    position: relative;
    z-index: 20;
  }

  .hot-products .swiper-slide .box::after {
    
  }

  .hot-products .swiper-slide .pic {
    margin-top: 0;
  }

  .hot-products .swiper-slide h6 {
    margin: 10px 0 0;
    font-size: 18px;
    color: #333;
    text-align: center;
    font-weight: 300;
    height: 80px;
  }

  .hot-products .swiper-slide h6 a {
    line-height: 22px;
  }

.hot-products .swiper-slide .more {
    position: absolute;
    left: calc(50% - 20px);
    bottom: -15px;
    width: 40px;
    height: 40px;
    line-height: 40px;
    background: #9CC5FB;
    border-radius: 50%;
    display: block;
    text-align: center;
    font-size: 12px;
    color: #fff;
}
  .hot-products .swiper-pagination {
    width: 100%;
    margin: 30px auto 0;
  }

  .hot-products .swiper-pagination::after {
display:none !important;
  }

  .hot-products .swiper-pagination-bullet {
    height: 8px;
    width: 20px;
    margin: 0 3px;
    background: #ccc;
  }

  .hot-products .swiper-pagination-bullet-active {
    background: var(--color-primary);
  }
}

@media screen and (max-width:560px) {

  .hot-products .tit h3 {
    font-size: 30px;
  }
}

@media screen and (max-width:480px) {
.hot-products .tit p{
font-size:12px !important;
          text-align: left !important;
}

  .hot-products .tit h3 {
    font-size:16px;
  }

  .hot-products .swiper-slide h6 {
    font-size: 14px;
    height: 72px;
  }

  .hot-products .swiper-slide h6 a {
    line-height: 18px;
    color:#fff !important;
  }
  .hot-products{
  padding:10px 0 !important;
        background: url(../images/31ada9becfcf5f44189a5f1decd87078fc46cb5b4d1a7ea91d6324d66e1731c0.jpg) no-repeat center;
    position: relative;
    background-size: contain;
  }
  
  .hot-products .swiper-slide .more i{
  font-size:18px;
    padding-top:15px;
  }
  .hot-products .swiper-slide{
  padding-top:0 !important
  }
  
      .hot-products .tit .more {
        margin: 10px auto 0;
        width: 150px;
        height: 30px;
        line-height: 30px;
        font-size: 12px;
    }
  
      .hot-products .list {
        margin: 10px 0 0;
    }
  .hot-products .swiper-slide h6 {
        font-size: 12px;
        height: 40px;
        margin-top: 0;
    }
  .hot-products .swiper-slide .more{
  bottom:-30px;
  }
  
}
                        
                        @media screen and (max-width:768px){
        .hot-products {
        display:none;
        }
        }
		
		
.about-us-global{background:#6a6a6a;padding:70px 0;}

.about-us-global .tit{text-align:center;}
.about-us-global .tit h3{font-size: 65px;line-height:1;color:#fff;font-weight:600;}

.about-us-global .list{/* margin:50px auto 0; *//* max-width:1510px; */overflow:hidden;position:relative;}
.about-us-global .pic>img {width:100%;}
.about-us-global .box {position:absolute;}
.about-us-global .box span {height:24px;width:24px;border:1px solid #fae609;display:inline-block;border-radius:50%;line-height:22px;font-size:15px;color:#fae609;position:relative;cursor:pointer;text-align:center;transition:all 0.3s ease 0s;}

.about-us-global .box .text {position:absolute;top:0;left:0;width: 223px;text-align:left;font-size:18px;line-height:23px;z-index:30;color:#fff;/* opacity: 0; */transition: all .5s linear;}

.about-us-global .list .box1{left:21.78%;top:34.45%;}
.about-us-global .list .box1 .text{top: -29px;left: 28px;}

.about-us-global .list .box2 {left:13.53%;top:32.63%;}
.about-us-global .list .box2 .text{top: 10px;/* bottom: -10px; */transform: translateX(-50%);}

.about-us-global .list .box3 {left: 38.17%;top: 59.11%;}
.about-us-global .list .box3 .text{top:30px;}

.about-us-global .list .box4 {left: 69.13%;top: 19.11%;}
.about-us-global .list .box4 .text {top:30px;}

.about-us-global .list .box5 {left: 23.64%;top: 46.64%;}
.about-us-global .list .box5 .text{top:30px;}

.about-us-global .list .box6 {left: 46.6%;top:37.68%;}
.about-us-global .list .box6 .text {width: 180px;top: 22px;transform: translateX(-50%);}

.about-us-global .box:hover .text span {
    opacity:1;
}
.about-us-global .list .box:hover .text p {
    opacity:1;
}
.about-us-global .box:hover span{background:#fae609;color:#000;}
.about-us-global .list .box .text p {
    opacity:0;
}
.about-us-global .list .box .text span {
   /* opacity: 1 !important; */
   display: inline-block;
   color: #fff;
   font-size: 23px;
   width: 100%;
   background: none;
   border: none;
   text-align: left;
   border-radius: 0;
}
.about-us-global .list2{display:none;}
.about-us-global ul{display:flex;justify-content:space-between;flex-wrap:wrap;}
.about-us-global ul li{width:48%;border:1px solid rgba(255,255,255,0.6);padding:20px;color:#fff;margin:15px 0 0;}
.about-us-global ul li span{height:20px;width:20px;background:#fae609;display:block;border-radius:50%;line-height:20px;font-size:15px;color:#000;cursor:pointer;text-align:center;}
.about-us-global ul li p{font-size:15px;margin:10px 0 0;line-height:20px;}


@media screen and (max-width:1680px) {
.about-us-global .tit h3{font-size:60px;}
}

@media screen and (max-width:1550px) {
.about-us-global .tit h3{font-size:55px;}
}


@media screen and (max-width:1441px) {
.about-us-global .tit h3{font-size:50px;}
.about-us-global .list{max-width:100%;padding:0 20px;}
}

@media screen and (max-width:1367px) {
    .about-us-global .box .text {position:absolute;top:0;left:0;width: 174px;text-align:left;font-size:18px;line-height:23px;z-index:30;color:#fff;/* opacity: 0; */transition: all .5s linear;}
.about-us-global .tit h3{font-size:45px;}
.about-us-global .box .text{font-size:17px;}
    .about-us-global .list .box1 .text{top: -44px;}
    .about-us-global .list .box6 .text {width:120px;top: 22px;transform: translateX(-80%);}
}                                  
                                 
@media screen and (max-width:1280px) {
.about-us-global .tit h3{font-size:40px;}
}                                  
                                 
@media screen and (max-width:1171px) {
.about-us-global .tit h3{font-size:36px;}
}                                  
@media screen and (max-width:992px) {
.about-us-global .tit h3{font-size:34px;}
.about-us-global .box .text{display:none;}
.about-us-global .list2 ul li p span {
   /* opacity: 1 !important; */
   display: inline-block;
   color: #fff;
   font-size: 24px;
   width: 100%;
   background: none;
   border: none;
   text-align: left;
   border-radius: 0;
}
}                                 
                                 
@media screen and (max-width:768px) {
.about-us-global {padding:30px 0;}
.about-us-global .tit h3{font-size:30px;}
.about-us-global .list{margin:30px 0 0;}
.about-us-global .box span{height:20px;width:20px;line-height:18px;font-size:12px;}  
.about-us-global ul li{padding:15px;}
}

@media screen and (max-width:567px) {
.about-us-global .tit h3{font-size:26px;}
}
@media screen and (max-width:480px) {
.about-us-global .tit h3{font-size:16px;}
.about-us-global .box span{height:18px;width:18px;line-height:16px;font-size:10px; display:none}
.about-us-global ul li{padding:5px;}
.about-us-global ul li p{font-size:10px;}
  .about-us-global ul li p span {
      display: inline-block;
      color: #fff;
      font-size: 20px;
      width: 100%;
      background: none;
      border: none;
      text-align: left;
      border-radius: 0;
  }
  .about-us-global .list2 ul li p span{
  font-size:13px;
  }
  .about-us-global .list{
  padding:0 !important;
  }
  
  .about-us-global ul li{
    border:none;
  }
  
  .about-us-global ul li span{
  display:none
  }
}

.hot-products1 {
  padding: 100px 0;
  background: url(../images/ff1b0bab7bb79e7fe4bbd25ef65481774a338ed8d881245833dc56ec685ac5e2.jpg) no-repeat center;
  position: relative;
}

.hot-products1::before {
  content: "";
  /* background: url(../images/ibg2.png) no-repeat; */
  position: absolute;
  right: 0;
  top: 0;
  width: 320px;
  height: 334px;
  background-size: 320px 334px;
}

.hot-products1::after {
  content: "";
  /* background: url(../images/ibg3.png) no-repeat; */
  position: absolute;
  left: 0;
  bottom: 0;
  width: 320px;
  height: 328px;
  background-size: 320px 328px;
}

.hot-products1 .tit {
  text-align: center;
  position: relative;
  z-index: 20;
}

.hot-products1 .wp {

}

.hot-products1 .tit h3 {
  font-size: 65px;
  line-height: 1;
  font-weight: bold;
  color: #333;
  text-transform: uppercase;
}

.hot-products1 .tit h3 span {
  color: var(--color-primary);
}

.hot-products1 .tit p {
  font-size: 18px;
  color: #373737;
  max-width: 1000px;
  margin: 25px auto 0;
}

.hot-products1 .tit .more {
  margin: 60px auto 0;
  width: 200px;
  height: 50px;
  line-height: 50px;
  /* background: var(--btn-bg); */
  display: block;
  text-align: center;
  font-size: 18px;
  color: var(--btn-bg);
  border: 3px solid var(--btn-bg);
   /*font-family: Arial;*/
    display: flex;
    align-items: center;
    justify-content: center;
  border-radius: 25px;
}

.hot-products1 .tit .more:hover {
  background: var(--btn-bg-hover);
  color: #fff;
}


.hot-products1 .list {
  position: relative;
  z-index: 20;
  margin: 70px 0 0;
}

.hot-products1 .swiper-slide {
  box-sizing: border-box;
  padding: 30px 0 44px;
  position: relative;
}

.hot-products1 .swiper-slide {}

.hot-products1 .swiper-slide .box {
  padding: 0 26px 50px;
  position: relative;
  z-index: 20;
}

.hot-products1 .swiper-slide .box::after {
  content: "";
  background: #1C1C1D;
  position: absolute;
  right: 0;
  left: 0;
  top: 30px;
  width: 100%;
  height: calc(100% - 30px);
  z-index: -1;
}

.hot-products1 .swiper-slide .pic {
  margin-top: -30px;
  width: 100%;
  overflow: hidden;

  background: #fff;
  display: -webkit-inline-flex;
  display: inline-flex;
  -webkit-justify-content: center;
  justify-content: center;
  -webkit-align-items: center;
  align-items: center;
}

.hot-products1 .swiper-slide .pic img {
  box-sizing: border-box;
  display: block;
  transition: all 0.5s ease 0s;
  max-width: 100%;
  max-height: 100%;
}

.hot-products1 .swiper-slide h6 {
  margin: 10px 0 0;
  font-size: 19px;
  color: #fff;
  text-align: center;
  font-weight: 300;
  height: 70px;
  display: -webkit-flex;
  display: flex;
  -webkit-justify-content: center;
  justify-content: center;
  -webkit-align-items: center;
  align-items: center;
}

.hot-products1 .swiper-slide .more {
  position: absolute;
  left: calc(50% - 44px);
  bottom: -44px;
  width: 88px;
  height: 88px;
  line-height: 88px;
  background:#9CC5FB;
  border-radius: 50%;
  display: block;
  text-align: center;
  font-size: 18px;
  color: #fff;
}

.hot-products1 .swiper-slide .more i {
  color: #fff;
  font-size: 30px;
}

.hot-products1 .swiper-slide .more:hover {
  background: var(--color-primary);
}

.hot-products1 .swiper-slide:hover .pic img {
  transform: scale(1.04);
  -webkit-transform: scale(1.04);
}

.hot-products1 .swiper-pagination {
  position: relative;
  width: 80%;
  height: 8px;
  margin: 120px auto 0;
}

.hot-products1 .swiper-pagination::after {
  width: 100%;
  content: "";
  height: 2px;
  background: #aaa;
  display: block;
  position: absolute;
  left: 0;
  right: 0;
  top: 3px;
}

.hot-products1 .swiper-pagination-bullet {
  height: 8px;
  width: 200px;
  margin: 0;
  background: transparent;
  border-radius: 0;
  opacity: 1;
  box-sizing: border-box;
  vertical-align: top;
  position: relative;
  z-index: 20;
}

.hot-products1 .swiper-pagination-bullet-active {
  background: var(--color-primary);
}

@media screen and (max-width:1500px) {
  .hot-products1 .swiper-slide .pic {
    height: auto !important;
  }

  .hot-products1 .tit h3 {
    font-size: 48px;
  }
}

@media screen and (max-width:1150px) {


  .hot-products1 .swiper-slide h6 {
    font-size: 17px;
  }
}

@media screen and (max-width:768px) {
  .hot-products1 {
    padding: 50px 0;
  }

  .hot-products1::before {
    width: 200px;
    height: 209px;
    background-size: 200px 209px;
  }

  .hot-products1::after {
    width: 200px;
    height: 205px;
    background-size: 200px 205px;
  }

  .hot-products1 .tit h3 {
    font-size: 36px;
  }

  .hot-products1 .tit p {
    font-size: 16px;
    margin: 15px auto 0;
  }

  .hot-products1 .tit .more {
    margin: 20px auto 0;
    width: 170px;
    height: 40px;
    line-height: 40px;
    font-size: 16px;
  }

  .hot-products1 .list {
    margin: 30px 0 0;
  }

  .hot-products1 .swiper-slide {
    padding: 0 0. 30px;
  }

  .hot-products1 .swiper-slide .box {
    padding: 0;
    position: relative;
    z-index: 20;
  }

  .hot-products1 .swiper-slide .box::after {
    height:calc(100% - 30px)!important;
  }

  .hot-products1 .swiper-slide .pic {
    margin-top: 0;
  }

  .hot-products1 .swiper-slide h6 {
    margin: 10px 0 0;
    font-size: 18px;
    color: #333;
    text-align: center;
    font-weight: 300;
    height: 80px;
  }

  .hot-products1 .swiper-slide h6 a {
    line-height: 22px;
  }

.hot-products1 .swiper-slide .more {
    position: absolute;
    left: calc(50% - 20px);
    bottom: -15px;
    width: 40px;
    height: 40px;
    line-height: 40px;
    background: #9CC5FB;
    border-radius: 50%;
    display: block;
    text-align: center;
    font-size: 12px;
    color: #fff;
}
  .hot-products1 .swiper-pagination {
    width: 100%;
    margin: 30px auto 0;
  }

  /* .hot-products1 .swiper-pagination::after {
display:none !important;
  }

  .hot-products1 .swiper-pagination-bullet {
    height: 8px;
    width: 20px;
    margin: 0 3px;
    background: #ccc;
  }

  .hot-products1 .swiper-pagination-bullet-active {
    background: var(--color-primary);
  } */

  .hot-products1 .swiper-pagination{width:70% !important;height:6px;margin:30px auto 0;}
.hot-products1 .swiper-pagination::after{top:2px;}
.hot-products1 .swiper-pagination-bullet{height:6px;width:30px;}
}

@media screen and (max-width:560px) {

  .hot-products1 .tit h3 {
    font-size: 30px;
  }
}





@media screen and (max-width:480px){
.hot-products1 .swiper-slide .box{
padding:0 15px !important;
}
  .hot-products1 .swiper-slide .box::after {
    content: "";
    background: #1C1C1D;
    position: absolute;
    right: 0;
    left: 10px;
    top: 45px;
    width: calc(100% - 20px);
    height: calc(100% - 45px);
    z-index: -1;
}
}




@media screen and (max-width:480px) {
  
  
  .hot-products1 .swiper-pagination{
        margin: 5px auto 0;
  }
  .hot-products1 .tit .more{
  margin-bottom:20px !important;
  }
    .hot-products1 .swiper-slide .pic{
  background:transparent !important;
  }
      .hot-products1 .swiper-slide .more {
        position: absolute;
        left: calc(50% - 15px);
        bottom: -25px;
        width: 30px;
        height: 30px;
        line-height: 30px;
        background: #9CC5FB;
        border-radius: 50%;
        display: block;
        text-align: center;
        font-size: 12px;
        color: #fff;
    }
  .hot-products1 .swiper-slide .pic img{
      padding: 0 3px 0px;
    margin-top:30px !important
  }
    .hot-products1 .wp {
        padding-right: 10px !important;
        padding-left: 10px !important;
    }

.hot-products1 .tit p{
font-size:12px !important;
          text-align: justify !important;
}

  .hot-products1 .tit h3 {
    font-size:16px;
  }

  .hot-products1 .swiper-slide h6 {
    font-size: 14px;
    height: 72px;
  }

  .hot-products1 .swiper-slide h6 a {
    line-height: 18px;
    color:#fff !important;
  }
  .hot-products1{
        background: url(../images/3732351b73dfe457b29fc9bece2372f4f343c8e27d012e275989710dd35ad709.jpg) no-repeat center;
    position: relative;
    background-size: contain;
                        background-position: top;
  }
  
  .hot-products1 .swiper-slide .more i{
  font-size:12px;
    padding-top:15px;
                        
  }
  .hot-products1 .swiper-slide{
  padding-top:0 !important
  }
  
    .hot-products1 .tit .more {
        margin: 10px auto 0;
        width: 110px;
        height: 30px;
        line-height: 30px;
        font-size: 10px;
    }
  
    .hot-products1 .list {
        margin: -30px 0 0;
    }
  .hot-products1 .swiper-slide h6 {
        font-size: 12px;
        height: 30px;
        margin-top: 0;
                        
    }
  .hot-products1 .swiper-slide .more{
  bottom:-28px;
  }

}
                        
                        @media screen and (min-width:768px){
        .hot-products1{
        display:none;
        }
          

        }
    
    
    
.latest-news {
  padding: 100px 0;
  position: relative;
  box-sizing: border-box;
  background: #fff;
}

.latest-news::after {
  content: "";
 // background: url(../images/ibg4.png) no-repeat;
  position: absolute;
  right: 0;
  top: 0;
  width: 265px;
  height: 552px;
}

.latest-news .tit {
  position: relative;
  z-index: 20;
  display: -webkit-flex;
  display: flex;
  -webkit-justify-content: space-between;
  justify-content: space-between;
  -webkit-align-items: center;
  align-items: center;
}

.latest-news .tit h3 {
  font-size:65px;
  line-height: 1;
  font-weight: bold;
  color: #333;
}

.latest-news .tit h3 span {
  color: var(--color-primary);
}

.latest-news .page {
  font-size: 0;
}

.latest-news .swiper-button-prev,
.latest-news .swiper-button-next {
  position: static;
  display: inline-block;
  width: 33px;
  height: 33px;
  border: none;
  background: #000;
  border-radius: 50%;
  margin-top: 0;
  text-align: center;
}

.latest-news .swiper-button-prev:after,
.latest-news .swiper-button-next:after {
  content: none;
}

.latest-news .swiper-button-next {
  background: #000;
  margin-left: 10px;
}

.latest-news .swiper-button-prev i,
.latest-news .swiper-button-next i {
  color: #fff;
  font-size: 19px;
  line-height: 36px;
}

.latest-news .swiper-button-prev:hover,
.latest-news .swiper-button-next:hover {
  background: var(--color-primary);
}

.latest-news .list {
  margin: 40px 0 0;
}

.latest-news .swiper-slide {
  box-sizing: border-box;
  position: relative;
  overflow: hidden;
}

.latest-news .swiper-slide .pic {
  display: block;
  width: 100%;
  overflow: hidden;
  height: 204px;
}

.latest-news .swiper-slide .pic img {
  display: block;
  width: 100%;
  transition: transform .5s;
  -webkit-transition: transform .5s;
  object-fit: cover;
}

.latest-news .swiper-slide .t {
  background: #f5f8ff;
  padding: 20px 20px 30px;
  position: relative;
}

.latest-news .swiper-slide .t em {
  margin: 15px 0 0;
  display: block;
  font-size: 16px;
  color: #4a4a4a;
  background: url("../images/58bef2cec67502a9174d1e9b811cf957a3247689b4e94218e716c2f430d3fe0d.png") no-repeat left center;
  padding: 0 0 0 32px;
}

.latest-news .swiper-slide .t h5 {
  font-size: 22px;
  color: #0d0d0d;
  line-height: 24px;
  height: 48px;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  overflow: hidden;
  -webkit-line-clamp: 2;
}

.latest-news .swiper-slide .t p {
  font-size: 16px;
  color: #4a4a4a;
  line-height: 24px;
  height: 48px;
  overflow: hidden;
  margin: 15px 0 0;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  overflow: hidden;
  -webkit-line-clamp: 2;
}

.latest-news .swiper-slide .t .more {
  margin: 20px 0 0;
  display: inline-block;
  width: 120px;
  height: 35px;
  line-height: 35px;
  text-align: center;
  /* background: #000; */
  font-size: 18px;
  color: var(--btn-bg-hover);
  border-radius: 20px;
  border: 3px solid var(--btn-bg);
      /*font-family: Arial;*/
    display: flex;
    align-items: center;
    justify-content: center;
}

.latest-news .swiper-slide:hover .pic img {
  transform: scale(1.05);
  -webkit-transform: scale(1.05);
}

.latest-news .swiper-slide:hover .t {
  background: var(--color-primary);
}

.latest-news .swiper-slide:hover .t em {
  background-image: url("../images/time2.png");
}

.latest-news .swiper-slide:hover .t h5,
.latest-news .swiper-slide:hover .t em,
.latest-news .swiper-slide:hover .t p {
  color: #fff;
}

.latest-news .swiper-slide:hover .t .more {
  background: #fff;
  color: var(--btn-bg);
}

.latest-news .swiper-pagination {
  display: none;
  position: static;
  width: 100%;
  margin-top: 20px;
}

.latest-news .swiper-pagination-bullet {
  height: 10px;
  width: 10px;
  margin: 0 3px;
  background: none;
  border: 1px solid #0097D6;
  border-radius: 50%;
  opacity: 1;
  box-sizing: border-box;
}

.latest-news .swiper-pagination-bullet-active {
  background: #0E6EB8;
}

@media screen and (max-width:1500px) {

  .latest-news .tit h3 {
    font-size: 48px;
  }
}

@media screen and (max-width:1150px) {


  .latest-news .swiper-slide .t {
    padding: 20px 15px;
  }

  .latest-news .swiper-slide .t h5 {
    font-size: 20px;
  }

  .latest-news .swiper-slide .t p {
  }

  .latest-news .swiper-slide .t .more {
    display: none;
  }

  .latest-news .swiper-slide .t em {
    font-size: 15px;
  }
}

@media screen and (max-width:768px) {
  .latest-news {
    padding: 30px 0;
  }

  .latest-news::after {
    width: 200px;
    height: 417px;
    background-size: 200px auto;
  }

  .latest-news .tit h3 {
    font-size: 36px;
  }

  .latest-news .swiper-button-prev,
  .latest-news .swiper-button-next {
    width: 30px;
    height: 30px;
  }

  .latest-news .swiper-button-prev i,
  .latest-news .swiper-button-next i {
    font-size: 16px;
    line-height: 33px;
  }

  .latest-news .list {
    margin: 30px 0 0;
  }

  .latest-news .swiper-slide .t {
    padding: 15px 10px;
  }

  .latest-news .swiper-slide .t em {
    font-size: 15px;
  }

  .latest-news .swiper-slide .t h5 {
    font-size: 18px;
  }

  .latest-news .swiper-slide .t p {
    font-size: 15px;
    line-height: 22px;
    height: 44px;
  }

  .latest-news .swiper-slide .t .more {
    display: none;
  }

  .latest-news .swiper-slide:hover .pic img {
    transform: scale(1.05);
    -webkit-transform: scale(1.05);
  }

  .latest-news .swiper-slide:hover .t {
    background: var(--color-primary);
  }

  .latest-news .swiper-slide:hover .t em {
    background-image: url("../images/time2.png");
  }

  .latest-news .swiper-slide:hover .t h5,
  .latest-news .swiper-slide:hover .t em,
  .latest-news .swiper-slide:hover .t p {
    color: #fff;
  }

  .latest-news .swiper-slide:hover .t .more {
    background: #fff;
    color: #212121;
  }

  .latest-news .swiper-pagination {
    display: none;
    position: static;
    width: 100%;
    margin-top: 20px;
  }

  .latest-news .swiper-pagination-bullet {
    height: 10px;
    width: 10px;
    margin: 0 3px;
    background: none;
    border: 1px solid #0097D6;
    border-radius: 50%;
    opacity: 1;
    box-sizing: border-box;
  }

  .latest-news .swiper-pagination-bullet-active {
    background: #0E6EB8;
  }
}

@media screen and (max-width:560px) {

  .latest-news .tit h3 {
    font-size: 30px;
  }
}


@media screen and (max-width:480px) {
    .latest-news .swiper-slide .t p {
        font-size: 12px;
        line-height: 20px;
        height: 38px;
    }
  
  .latest-news .tit h3 {
    font-size: 16px !important;
  }
  .latest-news{
  padding:10px 0 !important;
  }
  .latest-news .swiper-slide .t h5{
  font-size:16px !important;
  }
  .latest-news .tit{
  display:block !important;
  }
  .latest-news .tit h3{
          text-align: center;
  }
  
  .latest-news .swiper-slide .pic img{

  }
    .latest-news .swiper-slide .t .more {
        display: flex !important;
      font-size:12px;
    }
  
  .latest-news .swiper-slide .t{
  margin-top:10px;
  }
}.indexD-rightint2 {
  position: relative;
}
.indexD-rightint2 .txt {
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  display: -webkit-flex;
  display: flex;
  -webkit-justify-content: center;
  justify-content: center;
  -webkit-align-items: center;
  align-items: center;
}
.indexD-rightint2 .txt em {
  font-size: 18px;
  color: #fff;
  line-height: 1;
  font-family: var(--font-family);
  font-weight: 700;
  letter-spacing: 4px;
}
.indexD-rightint2 .txt h3 {
  margin: 45px 0 0;
  font-size: 60px;
  color: #fff;
  line-height: 1.2;
  font-family: var(--font-family);
  font-weight: 700;
}
.indexD-rightint2 .txt h3::after {
  content: "";
  width: 350px;
  height: 10px;
  background: #fff;
  margin: 60px auto 0 0;
  display: block;
}
.indexD-rightint2 .txt p {
  font-size: 24px;
  color: #fff;
  line-height: 40px;
  font-weight: 200;
  max-width: 940px;
  margin: 70px auto 0 0;
}

@media screen and (max-width: 1600px) {
  .indexD-rightint2 .txt h3 {
    font-size: 56px;
  }
}

@media screen and (max-width: 1500px) {
  .indexD-rightint2 .txt h3 {
    font-size: 54px;
  }
}

@media screen and (max-width: 1441px) {
  .indexD-rightint2 .txt h3 {
    font-size: 50px;
  }

  .indexD-rightint2 .txt h3::after {
    width: 250px;
    height: 6px;
    margin: 40px auto 0 0;
  }
  .indexD-rightint2 .txt p {
    font-size: 22px;
    line-height: 36px;
    max-width: 800px;
    margin: 50px auto 0 0;
  }
}

@media screen and (max-width: 1367px) {
  .indexD-rightint2 .txt h3 {
    font-size: 46px;
  }
}

@media screen and (max-width: 1281px) {
  .indexD-rightint2 .txt h3 {
    font-size: 42px;
  }

  .indexD-rightint2 .txt h3 {
    margin: 30px 0 0;
  }
  .indexD-rightint2 .txt p {
    font-size: 20px;
    line-height: 32px;
    margin: 30px auto 0 0;
  }
}

@media screen and (max-width: 1171px) {
  .indexD-rightint2 .txt h3 {
    font-size: 38px;
  }
}

@media screen and (max-width: 992px) {
  .indexD-rightint2 .txt h3 {
    font-size: 34px;
  }
}

@media screen and (max-width: 768px) {
  .indexD-rightint2 .txt h3 {
    font-size: 30px;
  }

  .indexD-rightint2 .txt {
    text-align: center;
  }
  .indexD-rightint2 .txt em {
    font-size: 16px;
    letter-spacing: 2px;
  }
  .indexD-rightint2 .txt h3 {
    margin: 20px 0 0;
    line-height: 1;
  }
  .indexD-rightint2 .txt h3::after {
    width: 150px;
    height: 3px;
    margin: 20px auto 0;
  }
  .indexD-rightint2 .txt p {
    font-size: 17px;
    line-height: 24px;
    margin: 20px auto 0 0;
  }
}

@media screen and (max-width: 576px) {
  .indexD-rightint2 .txt h3 {
    font-size: 26px;
  }

  .indexD-rightint2 .txt h3 {
    margin: 15px 0 0;
  }
  .indexD-rightint2 .txt h3 br {
    display: none;
  }
  .indexD-rightint2 .txt h3::after {
    width: 120px;
    margin: 15px auto 0;
  }
  .indexD-rightint2 .txt p {
    font-size: 16px;
    line-height: 20px;
    max-height: 80px;
    overflow: hidden;
    margin: 15px auto 0;
  }
}

@media screen and (max-width: 480px) {
  .indexD-rightint2 .txt h3 {
    font-size: 16px;
    margin:5px 0 0 !important;
  }
      .indexD-rightint2 .txt em {
        font-size: 12px;
        letter-spacing: 2px;
    }
      .indexD-rightint2 .txt p {
        font-size: 12px;
        line-height: 18px;
        max-height: 80px;
        overflow: hidden;
        margin: 5px auto 0;
        display:none;
    }
  .indexD-rightint2 .txt .wp{
  padding-bottom:110px;
  }
}
@media screen and (min-width:769px){
  .ri2{
  display:none !Important;
  }
}
@media screen and (max-width:768px){
.ri1{
display:none !important;
}
  .ri2{
  display:block !important
  }
}
.about-us {
  position: relative;
  padding: 80px 0 100px;
  box-sizing: border-box;
}

.about-us .wp {
  display: -webkit-flex;
  display: flex;
  -webkit-justify-content: space-between;
  justify-content: space-between;
  -webkit-align-items: flex-start;
  align-items: flex-start;
}

.about-us .pic {
  width: 52%;
  display: block;
  overflow: hidden;
  position: relative;
}

.about-us .pic img {
  transition: all 0.3s ease 0s;
  -webkit-transition: all 0.3s ease 0s;
}

.about-us .pic h5 {
  width: 268px;
  height: 184px;
  background: rgba(156,197,251,.6);
  text-align: center;
  position: absolute;
  right: 0;
  bottom: 0;
  font-size: 36px;
  line-height: 48px;
  color: #fff;
  display: -webkit-flex;
  display: flex;
  -webkit-justify-content: center;
  justify-content: center;
  -webkit-align-items: center;
  align-items: center;
}

.about-us .txt {
  -webkit-flex: 1;
  flex: 1;
  background: #fff;
  padding:20px 0 0 100px;
  position: relative;
}

.about-us .txt em {
  font-size: 16px;
  color: #5d5d5d;
  letter-spacing: 9px;
  display: block;
  margin: 0 0 15px;
  text-transform: uppercase;
}

.about-us .txt em i {
  font-size: 17px;
}

.about-us .txt h3 {
  font-size: 65px;
  line-height: 1;
  color: #333;
  font-weight: 700;
  text-transform: uppercase;
}

.about-us .txt h3 span {
color: var(--color-primary);
}

.about-us .txt .t {
  line-height:28px;
  font-size: 16px;
  color: #5d5d5d;
  margin: 20px 0 0;
}

.about-us .txt .t p~p {
  margin-top: 15px;
}

.about-us .txt h5 {
  font-size: 24px;
  color: #000;
  font-weight: 700;
  margin: 20px 0 0;
}

.about-us .txt ul {
  margin: 10px 0 0;
}

.about-us .txt ul li {
  background: url("../images/5801eb12754c9b72e0e68c798b4c94a735f90526880c6108aad3c07ea04654e2.png") no-repeat left 0;
  padding: 0 0 0 36px;
  line-height: 24px;
  font-size: 22px;
  color: #000;
  margin: 18px 0 0;
}

.about-us .txt .more {
  margin: 30px 0 0;
  width: 200px;
  height: 50px;
  line-height: 50px;
  display: block;
  text-align: center;
  font-size: 18px;
   color: var(--btn-bg);
 border: 3px solid var(--btn-bg);
    /*font-family: Arial;*/
    display: flex;
    align-items: center;
    justify-content: center;
  border-radius: 25px;
}

.about-us .txt .more:hover {
  background: var(--btn-bg-hover);
  color: #fff;
}

@media screen and (max-width:1500px) {
  .about-us .txt h3 {
    font-size: 35px;
  }

  .about-us .pic h5 {
        width: 150px;
        height: 150px;
        font-size: 12px;
        line-height: 20px;
  }

  .about-us .txt {
    padding: 20px 0 0 60px;
  }

  .about-us .txt .t {
    line-height: 26px;
  }

  .about-us .txt ul li {
    font-size: 20px;
    margin: 15px 0 0;
  }
}

@media screen and (max-width:1150px) {
  .about-us .txt {
    padding: 0 0 0 40px;
  }

  .about-us .txt ul li {
    font-size: 18px;
    margin: 12px 0 0;
    background-size: 20px;
    padding: 0 0 0 30px;
    background-position: left 2px;
  }

  .about-us .txt h5 {
    font-size: 22px;
  }

  .about-us .txt .t {
    line-height: 24px;
  }

  .about-us .txt .t p~p {
    margin-top: 10px;
  }

}

@media screen and (max-width:768px) {

  .about-us {
    padding: 30px 0;
  }

  .about-us .wp {
    -webkit-flex-direction: column;
    flex-direction: column;
  }

  .about-us .pic {
    width: 100%;
    display: block;
    overflow: hidden;
    position: relative;
  }

  .about-us .pic img {
    transition: all 0.3s ease 0s;
    -webkit-transition: all 0.3s ease 0s;
  }

  .about-us .pic h5 {
            opacity: 0.3;
    width: auto;
    height: auto;
    padding: 10px;
    background: #000;
    text-align: center;
    position: absolute;
    right: 0;
    bottom: 0;
    font-size: 36px;
    line-height: 48px;
    color: #fff;
    display: -webkit-flex;
    display: flex;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-align-items: center;
    align-items: center;
  }

  .about-us .txt {
    padding: 20px 0 0;
  }

  .about-us .txt em {
    font-size: 15px;
    letter-spacing: 5px;
    text-align: center;
  }

  .about-us .txt em i {
    font-size: 16px;
  }

  .about-us .txt h3 {
    font-size: 36px;
    text-align: center;
  }

  .about-us .txt .t {
    line-height: 24px
  }

  .about-us .txt .t p~p {
    margin-top: 10px;
  }

  .about-us .txt h5 {
    font-size: 22px;
  }

  .about-us .txt ul {
    margin: 10px 0 0;
  }

  .about-us .txt ul li {
    font-size: 20px;
    margin: 15px 0 0;
  }

  .about-us .txt .more {
    margin: 20px auto 0;
    width: 170px;
    height: 40px;
    line-height: 40px;
    font-size: 16px;
  }
}

@media screen and (max-width:560px) {

  .about-us .pic h5,
  .about-us .txt h3 {
    font-size: 30px;
  }
}

@media screen and (max-width:480px) {
.about-us .txt .t p{
    text-align:justify !important;
}
  .about-us .txt{
      background: #f7fbff7a;
  }
  .about-us .pic{
  padding-top: 10px;
        width: 82%;
        display: none;
        margin: 0 auto;
  }
  .about-us .pic h5,
  .about-us .txt h3 {
    font-size: 24px;
  }
  
  .about-us{
  padding:5px 0 !important;
  }
  
  .about-us .pic h5 {
  font-size:14px !important;
  }
  .about-us .txt h3{
  font-size:16px !important;
  }
  .about-us .txt .t p{
  font-size:12px !important;
    line-height:16px !important;
  }
  .about-us .txt ul li{
  font-size:12px !important;
  }
}

.about-us .txt .t p{text-align: justify;display: -webkit-box;overflow: hidden;-webkit-line-clamp: 10;-webkit-box-orient: vertical;text-overflow: ellipsis;}


@media screen and (max-width:768px){
.about-us{
display:none !Important
}
  
}.huake_sitetop .right p a {
    color: #fff;
    margin: 0 15px;
    position: relative;
    line-height: 46px;
    font-size: 14px;
}

.huake_sitetop .right p a:not(:last-child)::after {
    content: '';
    position: absolute;
    right: -15px;
    top: 5px;
    width: 1px;
    height: 10px;
    background: #99D7B7;
    overflow: hidden;
}

.huake-header-lang {
    position: relative;
    z-index: 200;
    font-family: var(--font-family);
    margin-left: 30px;
}

.huake-header-lang .box {
    height: 46px;
    cursor: pointer;
    display: flex;
    align-items: center;
}

.huake-header-lang .box img {
    border-radius: 50%;
}

.huake-header-lang .box em {
    margin: 0 10px;
    line-height: 22px;
    font-size: 12px;
    color: #fff;
}

.huake-header-lang .box i {
    line-height: 22px;
    font-size: 12px;
    color: #fff;
}

.huake-header-lang-active .box {
    border: 1px solid #e1e1e1;
}

.huake-header-lang-active .box i {
    color: var(--bg-color-second);
}

.huake-header-lang ul {
    /* display: flex;overflow-y: scroll;max-height: 160px;display:none; overflow:hidden; width: 220px;padding:0 25px;position:absolute;left:0;top:46px;z-index: 999;background:#fff;border:1px solid #EBEBEB;border-top:none;box-sizing:border-box; */
    font-size: 0;
    text-align: left;
    position: absolute;
    right: 0;
    top: 42px;
    z-index: 1000;
    width: 191px;
    padding: 10px 0;
    background: rgba(255,255,255,1);
    transform: translate3d(0, 10px, 0);
    -webkit-transform: translate3d(0, 10px, 0);
    opacity: 0;
    visibility: hidden;
    transition: all .4s ease 0s;
    box-shadow: 0 0 10px rgba(63, 62, 62, 0.2);
    border-radius: 5px;
}

.huake-header-lang ul li {
    /* display: inline-block;width: 48%;line-height:32px;border-bottom:1px solid rgba(51,51,51,.2); */
    display: inline-block;
    box-sizing: border-box;
    width: calc(50% - 20px);
    padding: 8px 0;
    margin: 0 10px;
    border-bottom: 1px solid #f5f5f5;
}

.huake-header-lang ul li:last-child {
    border: none;
}

.huake-header-lang ul li a {
    color: #666;
    font-size: 14px;
}

.huake-header-lang ul li a:hover {
    color: var(--link-color-hover);
}

.huake-header-lang ul li img {
    vertical-align: middle;
    margin-right: 10px;
    border-radius: 50%;
}

.huake-header-lang:hover .box {
}

.huake-header-lang:hover ul {
    opacity: 1;
    visibility: visible;
    transform: translate3d(0, 0, 0);
    -webkit-transform: translate3d(0, 0, 0);
}

.top-right-menu {
    display: flex;
    justify-content: flex-end;
    align-items: center;
}

.cd-popup .div_info {
    width: 30%;
    padding: 55px;
    background: #fff;
    box-shadow: 2px 3px 10px rgba(0, 0, 0, 0.1);
}

.cd-popup.is-visible {
    opacity: 1;
    visibility: visible;
    transition: opacity 0.3s 0s, visibility 0s 0s;
}

.cd-popup {
    display: block;
    position: fixed;
    left: 0;
    top: 0;
    height: 100%;
    width: 100%;
    background-color: rgba(0, 0, 0, 0.5);
    opacity: 0;
    visibility: hidden;
    transition: opacity 0.3s 0s, visibility 0s 0.3s;
    z-index: 1000;
}

.cd-popup .div_info {
    position: absolute;
    top: 120px;
    left: 50%;
    margin-left: -15%;
    float: none;
    max-height: 80%;
    overflow: auto;
}

.cd-popup .div_info h3 {
    margin-bottom: 30px;
    font-size: 28px;
    color: #333;
    line-height: 24px;
    font-weight: 500;
}

.cd-popup .input-position {
    position: relative;
}

.cd-popup .input-position+.input-position {
    margin-top: 20px;
}

.cd-popup .div_info input, .cd-popup .div_info textarea {
    display: block;
    width: 100%;
    padding: 15px 20px;
    line-height: 26px;
    font-size: 16px;
    background: #fafafa;
    border: 1px solid #eee;
    color: #666;
}

.cd-popup .div_info textarea {
    height: 197px;
    line-height: 26px;
}

.cd-popup .div_info button {
    width: 100%;
    height: 60px;
    font-size: 17px;
    color: #fff;
    background: var(--color-primary);
    margin-top: 30px;
    font-weight: 500;
    transition: .3s all;
}

.cd-popup .div_info button:hover {
    background: var(--color-primary);
    cursor: pointer;
}

.cd-popup .cd-popup-close {
    position: absolute;
    right: 7%;
    top: 41px;
    font-size: 42px;
    color: #999;
}

.cd-popup .cd-popup-close:hover {
    text-decoration: none;
}

.cd-popup .crmFormVali-error {
    color: #a94442;
    font-size: 12px;
    line-height: 1;
    position: absolute;
    right: 20px;
    top: calc(50% - 6px);
}

@media screen and (max-width: 1580px) {
    .cd-popup .div_info {
        width: 46%;
        margin-left: -23%;
        top: 80px;
    }
}

@media screen and (max-width: 992px) {
    .cd-popup .div_info h3 {
        font-size: 24px;
    }

    .cd-popup .div_info {
        width: 86%;
        margin-left: -43%;
        padding: 30px;
    }

    .cd-popup .cd-popup-close {
        top: 10px;
    }

    .cd-popup .div_info button {
        margin-top: 20px;
        height: 46px;
    }

    .cd-popup .div_info input, .div_info button {
        height: 46px;
    }

    .cd-popup .div_info input, .cd-popup .div_info textarea {
        margin-top: 15px;
        font-size: 15px;
    }

    .cd-popup .div_info input {
        height: 46px;
        padding: 0 15px;
    }

    .cd-popup .div_info textarea {
        height: 100px;
        padding: 15px;
        line-height: 22px;
    }

    .cd-popup .div_info {
        top: 100px;
    }
}

@media screen and (max-width: 480px) {
    .cd-popup .div_info {
        padding: 20px;
    }
}

/* ===== 1. Top Menu CSS ===== */
.em40_header_area_main.hdisplay_none {
    display: none;
}

.azela-header-top {
    padding: 10px 0;
    background: var(--color-primary);
}

.top-address p {
    margin-bottom: 0;
}

.top-address p span, .top-address p a {
    margin-right: 20px;
    vertical-align: top;
}

.top-address p span {
    position: relative;
    display: inline-block;
    /* max-width: 50%; */
    padding-left: 20px;
    word-break: break-word;
}

.top-address p span i {
    position: absolute;
    left: 0;
}

/* .top-address i {
  font-size: 18px;
  color: #fff;
  margin-right: 8px;
} */
/* .top-address li {
  font-size: 15px;
  font-weight: 500;
  color: #fff;
} */
.top-address p a i, .top-address p span i, .top-welcome p span i, .top-welcomet p span i {
    color: #fff;
    font-size: 18px;
    margin-right: 3px;
    vertical-align: middle;
}

.top-address p a {
    display: inline-block;
    text-decoration: none;
    -webkit-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
}

/* TOP socia CSS */
.top-right-menu ul.social-icons {
    margin: 0;
    padding: 0;
}

.top-right-menu ul.social-icons li {
    display: inline-block;
    margin-left: 10px;
    position: relative;
}

.top-right-menu ul.social-icons li a {
    display: inline-block;
    text-decoration: none;
    -webkit-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
    font-size: 15px;
}

.top-welcomet p span, .top-welcomet p a, .top-welcome p span, .top-welcome p a, .top-welcome p, .top-address p a, .top-right-menu ul.social-icons li a, .top-address p span {
    color: #fff;
    font-size: 15px;
    font-weight: 500;
}

.top-welcome p a:hover {
    color: #17161a;
}

.top-right-menu .social-icons li a:hover, .top-right-menu .social-icons li a i:hover {
    color: #17161a;
}

.top-both-p0 .top-address p a, .top-both-p0 .top-address p span {
    margin-right: 0;
    margin-left: 12px;
}

/* ===== 2. Menu Area CSS ===== */
.azela_nav_area.postfix {
    -webkit-transition: 0.3s;
    transition: 0.3s;
    box-shadow: 0 0 30px 0 rgb(0 0 0 / 10%);
}

.azela_nav_area {
    /* background: #fff; */
    position: fixed;
    top: 66px;
    z-index: 88;
    width: 100%;
}

.azela_nav_area.prefix {
    top: 0;
}

.azela_nav_area.prefix, .hbg2 {
    background-color: rgba(0, 0, 0, 0.7);
}

.trp_nav_area {
    position: fixed;
    left: 0;
    right: 0;
    top: 0;
    z-index: 9999;
    transition: 0.5s;
}

.logo-right, .logo-left {
    align-items: center;
}

.mobile_menu_logo.text-center {
    padding: 20px 0;
}

.mobile_menu_logo.text-center img {
    max-height: 40px;
}

/* LOGO CSS */
.logo a {
    display: inline-block;
}

/* logo sticky */
.azela-main-menu .logo a.main_sticky_main_l {
    display: block;
}

.azela-main-menu .logo a.main_sticky_main_l img {
    /* max-height: 40px; */
}

.azela-main-menu .logo a.main_sticky_l {
    display: none;
}

/* logo pre */
.azela-main-menu .prefix .logo a.main_sticky_main_l {
    display: none;
}

.azela-main-menu .prefix .logo a.main_sticky_l {
    display: block;
}

/* MENU text CSS */
.azela_menu ul {
    text-align: right;
    list-style: none;
    margin-bottom: 0;
}

.azela_menu > ul > li {
    display: inline-block;
    position: relative;
}

.azela_menu > ul > li > a {
    text-shadow: 0 0 0px #000;
    display: block;
    margin: 35px 12px;
    transition: 0.5s;
    position: relative;
    font-size: 18px;
    font-weight: 500;
    color: #000;
    font-family: Roboto, sans-serif;
	padding:0 15px;
}

.azela_menu > ul > li>a.current {
    color: var(--color-primary) !important;
}

.azela_menu ul .sub-menu li a:hover, .azela_menu ul .sub-menu li.current-menu-item a, .azela_menu>ul>li.current-menu-item>a, .azela_menu > ul > li > a:hover, .azela_nav_area.prefix .azela_menu>ul>li.current-menu-item>a, .azela_nav_area.prefix .azela_menu > ul > li > a:hover, .hbg2 .azela_menu>ul>li.current-menu-item>a, .hbg2 .azela_menu > ul > li > a:hover, .heading_style_2 .azela_menu>ul>li.current-menu-item>a, .heading_style_2 .azela_menu > ul > li > a:hover, .heading_style_3 .azela_menu>ul>li.current-menu-item>a, .heading_style_3 .azela_menu > ul > li > a:hover, .heading_style_4 .azela_menu>ul>li.current-menu-item>a, .heading_style_4 .azela_menu > ul > li > a:hover {
    color: var(--color-primary);
}

.azela_menu > ul > li > a:before, .azela_menu > ul > li.current > a:before {
    background: #ffb600 none repeat scroll 0 0;
    bottom: -7px;
    content: "";
    height: 2px;
    left: 0;
    margin: auto;
    opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    position: absolute;
    right: 0;
    -webkit-transition: all 0.5s ease 0s;
    transition: all 0.5s ease 0s;
    width: 15%;
    display: none;
}

.azela_menu ul li:last-child a {
    margin-right: 1px !important;
}

.azela_menu > ul > li.current > a, .azela_menu > ul > li:hover > a, .creative_header_menu > ul > li:hover > a {
    color: #6827fd;
    background-color: transparent;
    color: var(--color-primary);
}

.azela_menu > ul > li:hover > a:before, .azela_menu > ul > li.current > a:before {
    opacity: 1;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
}

.transprent-menu .azela_nav_area {
    left: 0;
    right: 0;
    top: 0;
    z-index: 9999;
    background-color: transparent;
    padding: 0;
    transition: 0.5s;
    position: absolute;
}

.azela_nav_area.postfix {
    -webkit-transition: 0.3s;
    transition: 0.3s;
     top:47px; 
	  background-color: #fff;
}

.azela_nav_area.prefix, .hbg2 {
    
	top:0px;
}

.azela_nav_area.prefix .azela_menu > ul > li > a {
    color: #000;
}

.azela_nav_area.prefix .azela_menu > ul > li.current > a {
    color: var(--color-primary);
}

.search_popup_button, .tx_mmenu_together {
    align-items: center;
    display: flex;
    justify-content: flex-end;
}

.tx_mmenu_together .donate-btn-header {
    padding: 0;
}

.prefix .main_menu_header_address_text h3, .prefix .main_menu_header_address_text h4 a, .prefix .main_menu_header_icon i {
    color: #fff;
}

/* sub menu style */
.azela_menu ul .sub-menu {
    position: absolute;
    left: 0;
    top: 130%;
    width: 240px;
    text-align: left;
    background: #fff;
    margin: 0;
    padding: 15px 8px 8px 25px;
    z-index: 9999;
    box-shadow: 0 0 30px rgb(0 0 0 / 9%);
    transition: 0.2s;
    opacity: 0;
    visibility: hidden;
}

.azela_menu ul li:hover > .sub-menu {
    transition: 0.5s;
    opacity: 1;
    visibility: visible;
    top: 100%;
    z-index: 9;
}

.azela_menu ul .sub-menu li {
    position: relative;
    transition: 0.5s;
}

.azela_menu ul .sub-menu li a {
    display: block;
    margin: 0 0 6px;
    letter-spacing: normal;
    font-size: 17px;
    font-weight: 500;
    transition: 0.5s;
    color: #272727;
    visibility: inherit !important;
    padding: 4px 0;
    sans-serif; }

.azela_menu ul .sub-menu li: hover > a, .azela_menu ul .sub-menu .sub-menu li:hover > a, .azela_menu ul .sub-menu .sub-menu .sub-menu li:hover > a, .azela_menu ul .sub-menu .sub-menu .sub-menu .sub-menu li:hover > a {
    color: #6827fd;
}

.azela_menu ul .sub-menu li:hover {
    margin-left: 8px;
}

.azela_menu ul .sub-menu li:before {
    left: -18px;
}

.azela_menu ul .sub-menu li:hover:before {
    opacity: 1;
}

.azela_menu ul .sub-menu .sub-menu .sub-menu .sub-menu li:hover > a, .azela_menu ul .sub-menu .sub-menu .sub-menu li:hover > a, .azela_menu ul .sub-menu .sub-menu li:hover > a, .azela_menu ul .sub-menu li:hover:before, .azela_menu ul .sub-menu li:hover > a {
    color: var(--color-primary);
}

/* sub menu 2 */
.azela_menu ul .sub-menu .sub-menu {
    left: 100%;
    top: 130%;
    opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    visibility: hidden;
}

.azela_menu ul .sub-menu li:hover > .sub-menu {
    opacity: 1;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
    visibility: visible;
    top: 0;
}

/* sub menu 3 */
.azela_menu ul .sub-menu .sub-menu li {
    position: relative;
}

.azela_menu ul .sub-menu .sub-menu .sub-menu {
    right: 100%;
    left: auto;
    top: 130%;
    opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    visibility: hidden;
}

.azela_menu ul .sub-menu .sub-menu li:hover > .sub-menu {
    opacity: 1;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
    visibility: visible;
    top: 0;
}

/* sub menu 4 */
.azela_menu ul .sub-menu .sub-menu .sub-menu li {
    position: relative;
}

.azela_menu ul .sub-menu .sub-menu .sub-menu li:hover > .sub-menu {
    opacity: 1;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
    visibility: visible;
    top: 0;
}

/* has menu icon */
.azela-main-menu .menu-item-has-children > a:after {
    margin-left: 5px;
    content: "\e66f";
    font-family: "qico" !important;
    opacity: 1;
    font-size: 12px;
    opacity: .5;
    font-weight: 600;
}

.azela-main-menu .menu-item-has-children .menu-item-has-children > a:after {
    margin-left: 5px;
    content: "\e66f";
}

/* quearys area css */
.azela_menu.main-search-menu>.em-header-quearys, .em-quearys-top.msin-menu-search {
    display: inline-block;
}

.em-top-quearys-area {
    position: relative;
}

.azela_menu div.em-header-quearys {
    text-align: center;
}

.em-quearys-inner {
    visibility: hidden;
    opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    position: fixed;
    top: 0;
    left: -150%;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0);
    z-index: 10000;
    -webkit-transition: all 0s 0s cubic-bezier(0.32, 0, 0, 1), background 0.3s 0s cubic-bezier(0.32, 0, 0, 1), -webkit-transform 0.3s 0.15s cubic-bezier(0.32, 0, 0, 1);
    transition: all 0s 0s cubic-bezier(0.32, 0, 0, 1), background 0.3s 0s cubic-bezier(0.32, 0, 0, 1), -webkit-transform 0.3s 0.15s cubic-bezier(0.32, 0, 0, 1);
    transition: all 0s 0s cubic-bezier(0.32, 0, 0, 1), transform 0.3s 0.15s cubic-bezier(0.32, 0, 0, 1), background 0.3s 0s cubic-bezier(0.32, 0, 0, 1);
    transition: all 0s 0s cubic-bezier(0.32, 0, 0, 1), transform 0.3s 0.15s cubic-bezier(0.32, 0, 0, 1), background 0.3s 0s cubic-bezier(0.32, 0, 0, 1), -webkit-transform 0.3s 0.15s cubic-bezier(0.32, 0, 0, 1);
    -webkit-transform: scale(1.1);
    transform: scale(1.1);
    visibility: hidden;
    opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    left: -150%;
    background: rgba(0, 0, 0, 0);
}

.em-s-open {
    visibility: visible;
    opacity: 1;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
    left: 0;
    background: #000000e6 !important;
    -webkit-transform: scale(1);
    transform: scale(1);
}

.em-quearys-form {
    width: 100%;
    max-width: 895px;
    margin: auto;
    padding: 30px 0;
}

.top-form-control {
    position: relative;
}

.top-form-control input {
    background: transparent;
    color: #fff;
    font-size: 50px;
    font-weight: 500;
    height: 100px;
    padding: 0 40px 0 15px;
    width: 100%;
    border: none;
    -webkit-transition: 1s;
    -webkit-transition: 0.5s;
    transition: 0.5s;
    border-bottom: 3px solid #fff;
}

.top-form-control input::placeholder {
    color: #fff;
}

textarea, input {
    outline: none;
}

.top-form-control button.top-quearys-style {
    position: absolute;
    right: 6px;
    top: 50%;
    background: transparent;
    font-size: 45px;
    border: none;
    color: #fff;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
}

.main-search-menu .em-header-quearys .em-quearys-menu i {
    cursor: pointer;
    background: 0;
    color: #fff;
    /* margin-left: 2px; */
    font-size: 26px;
}

.azela_nav_area.prefix .main-search-menu .em-header-quearys .em-quearys-menu i {
    color: #fff;
    font-size: 26px;
}

.mrt10 {
    margin-top: 10px;
}

.serch_popup_hbutton_inner {
    display: flex;
    align-items: center;
}

.em-quearys-menu i {
    background: var(--color-primary);
    border-radius: 50px;
    display: inline-block;
    text-align: center;
    height: 36px;
    width: 36px;
    line-height: 36px;
    font-size: 20px;
    color: #fff;
    cursor: pointer;
}

/* menu button */
a.dtbtn {
    border: none;
    display: block;
    font-size: 16px;
    margin-left: 10px;
    font-weight: 500;
    border-radius: 0;
    padding: 10px 20px;
    color: #fff;
    background: var(--color-primary);
}

a.dtbtn:hover {
    opacity: .8;
}

/*=======================
#2 azela mobile menu css
========================*/
.mobile-menu {
    display: none !important;
}

@media(max-width: 991px) {
    .top-address p span {
        max-width: 45%;
    }

    .search_popup_button, .tx_mmenu_together {
        display: none;
    }
}

.mobile_logo_area {
    display: none !important;
}

.mean-container a.meanmenu-reveal {
    display: none !important;
}

.mean-container .mean-nav > ul {
    padding: 0;
    margin: 0;
    width: 100%;
    list-style-type: none;
    display: block !important;
}

.mean-container .mean-bar {
    background: #fff;
    padding: 0;
}

.mean-container .mean-nav ul li {
    border-top: 0 solid #ddd;
}

.mean-container .mean-nav ul li li a, .mean-container .mean-nav ul li a {
    color: #444;
}

.mean-container .mean-nav ul li li a {
    border-top: 1px solid #ddd;
}

.mean-container .mean-nav ul li a:hover {
    color: var(--color-primary);
}

.mobile_p {
    position: fixed;
    right: 0;
    width: 300px;
    padding: 80px 20px 0;
    overflow-y: scroll;
    top: 0;
    height: 100%;
    z-index: 9999;
    display: block;
    -webkit-transition: 0.5s all;
    transition: 0.5s all;
    box-shadow: 0 0 30px rgb(0 0 0 / 7%);
    -webkit-transform: translateX(100%);
    transform: translateX(100%);
    background: #ffffff;
}

.tx-s-open {
    -webkit-transform: translateX(0);
    transform: translateX(0);
}

.mobile_p .tuetion_theme_widget > div.widget_block {
    padding: 0;
}

.mobile_p .tuetion_theme_widget > div {
    padding: 20px 0;
    box-shadow: none;
}

.mobile_p {
}

.mean-container .mean-nav ul li a {
    border: 0;
    width: 100%;
    border-top: 1px solid #ddd;
    font-size: 14px;
    padding: 12px 5px;
    font-weight: 500;
    display: block;
}

.mean-container .mean-nav ul li a.mean-expand {
    width: auto;
}

.mean-container .mean-nav ul li li a {
}

.mobile_opicon {
    text-align: right;
    padding: 4px 0;
}

.mean-container .mean-nav > ul > li:first-child > a {
    border-top: 0;
}

.mobilemenu_con {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.mobile_menu_o i {
    font-size: 26px;
    font-weight: 700;
    color: #000 !important;
}

.mobile_menu_o .closeclass {
    color: #000 !important;
}

.mobile_menu_content .mobile_menu_logo {
    margin-bottom: 20px;
}

.mobile_cicon {
    position: absolute;
    right: 30px;
    top: 50px;
}

.mobile_overlay {
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    opacity: 0;
    z-index: 999;
    width: 100vw;
    height: 100vh;
    visibility: hidden;
    position: fixed;
    background: rgba(0, 0, 0, 0.8);
    -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;
}

.mobile_overlay.mactive {
    opacity: 1;
    visibility: visible;
}

/* sazelaoll up css */
/* ------------------------------------------------- Large Screen. 1200 ---------------------------------------------------*/
@media(min-width: 1200px) and (max-width: 1440px) {
    .azela_nav_area {
        padding-right: 30px;
        padding-left: 30px;
    }

    .azela-header-top {
        padding-right: 30px;
        padding-left: 30px;
    }

    .azela_menu > ul > li > a {
        margin-left: 7px;
        margin-right: 7px;
    }
}

/* ------------------------------------------------- Old Desktop :1365-1660 ---------------------------------------------------*/
@media(min-width: 1365px) and (max-width: 1660px) {
    #scrollUp {
        right: 30px;
    }
}

/* ------------------------------------------------- Old Desktop :992 ---------------------------------------------------*/
@media(min-width: 992px) and (max-width: 1199px) {
    .azela_menu > ul > li > a {
        margin: 40px 5px;
    }

    .azela-header-top {
        padding-right: 20px;
        padding-left: 20px;
    }

    /* New Top Menu css */
    .azela_nav_area {
        padding-right: 20px;
        padding-left: 20px;
    }
}

/* ------------------------------------------------- Tablet Screen : 768 ---------------------------------------------------*/
@media(min-width: 768px) and (max-width: 991px) {
    .azela_nav_area.postfix {
        display: none;
    }

    .top-right-menu ul.social-icons {
        text-align: center !important;
    }

    .top-address.text-left {
        text-align: center !important;
    }

    .azela-header-top {
        padding-right: 0 !important;
        padding-left: 0 !important;
    }
}

/* ------------------------------------------------- Small Mobile : 320 ---------------------------------------------------*/
@media(max-width: 767px) {
    .azela-header-top {
        display: none;
    }

    .azela_nav_area.prefix {
        display: none;
    }

    #scrollUp {
        bottom: 92px;
        right: 30px;
    }
}

/* ------------------------------------------------- Large Mobile :480px. ---------------------------------------------------*/
@media only screen and (min-width: 480px) and(max-width: 767px) {
    .azela-header-top {
        display: block;
    }
}

/* menu and logo show & hide */
@media(min-width: 10px) and (max-width: 991px) {
    .mobile-menu {
        display: block !important;
    }

    .mobile_logo_area {
        display: block !important;
        box-shadow: 0 0 30px 0 rgb(0 0 0 / 10%);
        background: #fff;
    }

    .azela-main-menu {
        display: none !important;
    }
}

@media(min-width: 10px) and (max-width: 570px) {
    .azela-header-top {
        display: none;
    }

    .mobile_menu_logo.text-center {
        padding: 10px 0 !important;
    }
}
.about-us1 {
  position: relative;
  padding: 80px 0 100px;
  box-sizing: border-box;
}

.about-us1 .wp {
  display: -webkit-flex;
  display: flex;
  -webkit-justify-content: space-between;
  justify-content: space-between;
  -webkit-align-items: flex-start;
  align-items: flex-start;
}

.about-us1 .pic {
  width: 52%;
  display: block;
  overflow: hidden;
  position: relative;
}

.about-us1 .pic img {
  transition: all 0.3s ease 0s;
  -webkit-transition: all 0.3s ease 0s;
}

.about-us1 .pic h5 {
  width: 268px;
  height: 184px;
  background: rgba(156,197,251,.6);
  text-align: center;
  position: absolute;
  right: 0;
  bottom: 0;
  font-size: 36px;
  line-height: 48px;
  color: #fff;
  display: -webkit-flex;
  display: flex;
  -webkit-justify-content: center;
  justify-content: center;
  -webkit-align-items: center;
  align-items: center;
}

.about-us1 .txt {
  -webkit-flex: 1;
  flex: 1;
  background: #fff;
  padding:20px 0 0 100px;
  position: relative;
}

.about-us1 .txt em {
  font-size: 16px;
  color: #5d5d5d;
  letter-spacing: 9px;
  display: block;
  margin: 0 0 15px;
  text-transform: uppercase;
}

.about-us1 .txt em i {
  font-size: 17px;
}

.about-us1 .txt h3 {
  font-size: 65px;
  line-height: 1;
  color: #333;
  font-weight: 700;
  text-transform: uppercase;
}

.about-us1 .txt h3 span {
color: var(--color-primary);
}

.about-us1 .txt .t {
  line-height:28px;
  font-size: 16px;
  color: #5d5d5d;
  margin: 20px 0 0;
}

.about-us1 .txt .t p~p {
  margin-top: 15px;
}

.about-us1 .txt h5 {
  font-size: 24px;
  color: #000;
  font-weight: 700;
  margin: 20px 0 0;
}

.about-us1 .txt ul {
  margin: 10px 0 0;
}

.about-us1 .txt ul li {
  background: url("../images/5801eb12754c9b72e0e68c798b4c94a735f90526880c6108aad3c07ea04654e2.png") no-repeat left 0;
  padding: 0 0 0 36px;
  line-height: 24px;
  font-size: 22px;
  color: #000;
  margin: 18px 0 0;
}

.about-us1 .txt .more {
  margin: 30px 0 0;
  width: 200px;
  height: 50px;
  line-height: 50px;
  display: block;
  text-align: center;
  font-size: 18px;
   color: var(--btn-bg);
 border: 3px solid var(--btn-bg);
    /*font-family: Arial;*/
    display: flex;
    align-items: center;
    justify-content: center;
  border-radius: 25px;
}

.about-us1 .txt .more:hover {
  background: var(--btn-bg-hover);
  color: #fff;
}

@media screen and (max-width:1500px) {
  .about-us1 .txt h3 {
    font-size: 35px;
  }

  .about-us1 .pic h5 {
        width: 150px;
        height: 150px;
        font-size: 12px;
        line-height: 20px;
  }

  .about-us1 .txt {
    padding: 20px 0 0 60px;
  }

  .about-us1 .txt .t {
    line-height: 26px;
  }

  .about-us1 .txt ul li {
    font-size: 20px;
    margin: 15px 0 0;
  }
}

@media screen and (max-width:1150px) {
  .about-us1 .txt {
    padding: 0 0 0 40px;
  }

  .about-us1 .txt ul li {
    font-size: 18px;
    margin: 12px 0 0;
    background-size: 20px;
    padding: 0 0 0 30px;
    background-position: left 2px;
  }

  .about-us1 .txt h5 {
    font-size: 22px;
  }

  .about-us1 .txt .t {
    line-height: 24px;
  }

  .about-us1 .txt .t p~p {
    margin-top: 10px;
  }

}

@media screen and (max-width:768px) {

  .about-us1 {
    padding: 30px 0;
  }

  .about-us1 .wp {
    -webkit-flex-direction: column;
    flex-direction: column;
  }

  .about-us1 .pic {
    width: 100%;
    display: block;
    overflow: hidden;
    position: relative;
  }

  .about-us1 .pic img {
    transition: all 0.3s ease 0s;
    -webkit-transition: all 0.3s ease 0s;
  }

  .about-us1 .pic h5 {
            opacity: 0.3;
    width: auto;
    height: auto;
    padding: 10px;
    background: #000;
    text-align: center;
    position: absolute;
    right: 0;
    bottom: 0;
    font-size: 36px;
    line-height: 48px;
    color: #fff;
    display: -webkit-flex;
    display: flex;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-align-items: center;
    align-items: center;
  }

  .about-us1 .txt {
    padding: 20px 0 0;
  }

  .about-us1 .txt em {
    font-size: 15px;
    letter-spacing: 5px;
    text-align: center;
    display: none;
  }

  .about-us1 .txt em i {
    font-size: 16px;
  }

  .about-us1 .txt h3 {
    font-size: 36px;
    text-align: center;
  }

  .about-us1 .txt .t {
    line-height: 24px
  }

  .about-us1 .txt .t p~p {
    margin-top: 10px;
  }

  .about-us1 .txt h5 {
    font-size: 22px;
  }

  .about-us1 .txt ul {
    margin: 10px 0 0;
  }

  .about-us1 .txt ul li {
    font-size: 20px;
    margin: 15px 0 0;
  }
    .about-us1 .txt .more {
        margin: 10px auto 0;
        width: 120px;
        height: 40px;
        line-height: 40px;
        font-size: 12px;
    }
}

@media screen and (max-width:560px) {

  .about-us1 .pic h5,
  .about-us1 .txt h3 {
    font-size: 30px;
  }
}

@media screen and (max-width:480px) {
.about-us1 .txt .t p{
    text-align:justify !important;
}
  .about-us1 .txt{
      background: #f7fbff7a;
  }
  .about-us1 .pic{
  padding-top: 10px;
        width: 82%;
        margin: 0 auto;
  }
  .about-us1 .pic h5,
  .about-us1 .txt h3 {
    font-size: 24px;
  }
  
  .about-us{
  padding:5px 0 !important;
  }
  
  .about-us1 .pic h5 {
  font-size:14px !important;
  }
  .about-us1 .txt h3{
  font-size: 24px !important;
  }
  .about-us1 .txt .t p{
  font-size:12px !important;
    line-height:16px !important;
  }
  .about-us1 .txt ul li{
  font-size:12px !important;
  }
}

.about-us1 .txt .t p{text-align: justify;display: -webkit-box;overflow: hidden;-webkit-line-clamp: 10;-webkit-box-orient: vertical;text-overflow: ellipsis;}








@media screen and (min-width:768px){
.about-us1{
display:none !important;
}
  

}






@media screen and (max-width:768px){

  .about-us1 .wp{
  display:block
  }
  
  .about-us1 .pic {
        padding-top: 0px;
        width: 50%;
        float: left;
        /* margin: 0 auto; */
        margin-right: 10px;
    }
      .about-us1 .txt .t p {
        font-size: 12px !important;
        line-height: 18px !important;
    }
      .about-us1 .pic h5 {
        font-size: 10px !important;
        line-height: 14px !important;
        padding: 10px 5px !important;
        display:none !important
    }
  .about-us1 .txtBox{
  float:left;
    width:100% !important;
    margin-bottom:20px;
  }

}.foot-link {
  padding: 40px 0;
  background: #F5F5F5;
}

.foot-link ul {
  box-sizing: border-box;
  display: -webkit-flex;
  display: flex;
  -webkit-justify-content: center;
  justify-content: center;
  -webkit-align-items: center;
  align-items: center;
  display: none;
}

.foot-link ul li {
  line-height: 30px;
  margin: 0 10px;
  box-sizing: border-box;
}

.foot-link ul li a {
  display: -webkit-flex;
  display: flex;
  -webkit-justify-content: center;
  justify-content: center;
  -webkit-align-items: center;
  align-items: center;
  font-size: 20px;
  font-weight: 300;
  color: #000;
}

.foot-link ul li a img {
  margin-right: 10px;
}

#footer {
  background: #000;
  padding: 60px  0 0;
  box-sizing: border-box;
  position: relative;
}

#footer h5 {
  font-size:26px;
  color: #fff;
  font-weight: 500;
  line-height: 1;
  margin: 0 0 20px;
  text-transform: uppercase;
}

#footer>.wp {
  display: -webkit-flex;
  display: flex;
  -webkit-justify-content: space-between;
  justify-content: space-between;
  position: relative;
  z-index: 20;
}

.foot-logo {
  width: 354px;
}

.foot-logo img {
  max-height: 96px;
  margin-bottom: 20px;
  /* border-radius: 59px; */
  padding: 15px 14px;
}

.foot-logo p {
  margin: 10px 0 0;
  line-height: 24px;
  font-size: 20px;
  color: #fff;
  font-weight: 300;
}

.foot-logo form {
  margin: 20px 0 0;
  position: relative;
}

.foot-logo .submit_text {
  width: 100%;
  height: 60px;
  line-height: 60px;
  color: white;
  padding: 0 19px;
  font-size: 18px;
  font-weight: 300;
  background: transparent;
  box-sizing: border-box;
  border-radius: 30px;
  border: 2px solid #545454;
}

.foot-logo .submit_btn {
  margin: 30px 0 0;
  background: transparent;
  width: 150px;
  height: 50px;
  font-size: 18px;
  display: block;
  cursor: pointer;
  padding: 0 19px;
    text-align: left;
  color: #fff;
  font-weight: 300;
  border-radius: 25px;
  border: 3px solid #C5D8EF;
}

.foot-nav {}

.foot-nav ul li {
  font-size: 16px;
  line-height:24px;
  color: #fff;
  font-weight: 300;
 
}
.foot-nav ul li+li{margin-top:15px;}
#footer ul li a{
  color:#FFF;
}
.foot-nav ul li a:hover {
  color: var(--color-primary);
  text-decoration: underline;
}

.foot-list {}

.foot-list ul li {
  font-size: 16px;
  line-height: 24px;
  color: #c0c0c0;
  font-weight: 300;
}
.foot-list ul li+li{margin-top:15px;}

.foot-list ul li a:hover {
  color: var(--color-primary);
  text-decoration: underline;
}

.foot-contact {
  width: 400px;
}

.foot-contact h6 {
  font-size: 22px;
  color: #C5D8EF;
  /* font-weight: 600; */
  margin-bottom: 5px;
}

.foot-contact p {
  font-size: 16px;
  color: #fff;
  font-weight: 300;
  line-height: 24px;
  margin-bottom: 15px;
}
.foot-contact p a {
  color:#fff
}
.copyright {
  text-align: center;
  background: #000;
  position: relative;
}
.copyright p {
  padding:10px 30px 10px;
}
.copyright::after {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  /* width: 34%; */
  /* height: 100%; */
  /* background: #3a9afe; */
}

.copyright .wp {
  position: relative;
  z-index: 20;
  color: #fff;
  padding: 10px 0;
  display: -webkit-flex;
  display: flex;
  -webkit-justify-content: space-between;
  justify-content: space-between;
  -webkit-align-items: center;
  align-items: center;
}

.copyright p {
  padding-left: 30px;
  font-size: 16px;
  color: #fff;
  font-weight: 400;
}

.copyright .share {}

.copyright .share a {
  display: inline-block;
  color: #fff;
  margin: 0 25px 0 0;
}

.copyright .share a i {
  font-size: 25px;
}

.copyright .share a:hover {
  color: #000;
}

.side-bar {
  /* position: relative; */
  top: 50%;
  margin-top: -200px;
  position: fixed;
  right: 10px;
  z-index: 9999;
  background: #fff;
  border-radius: 3px;
  box-shadow: rgba(62, 57, 107, 0.3) 0px 6px 16px 0px;
  display: none;
}
.side-bar.hhh {
  display:none;
  transition: all .5s linear;
}
.side-bar a {
  display: block;
  cursor: pointer;
  width: 60px;
  height: 60px;
  background: #fff;
  position: relative;
  color: #676767;
  padding-top: 15px;
  text-align: center;
  box-sizing: border-box;
  border-bottom: 1px solid #E8E8E8;
  /* border-radius: 3px; */
}


   .side-bar .cha {
   display:none; 
  }

.side-bar a i {
  display: inline-block;
  width: 30px;
  height: 30px;
  font-size: 30px;
  color: var(--color-primary);
}

.side-bar a span {
  line-height: 20px;
  font-size: 14px;
  color: #333;
  display: block;
  margin: 10px 0 0;
}

.side-bar a.wx .wx-box {
  width: 132px;
  height: 173px;
  position: absolute;
  right: 78px;
  top: -30px;
  display: none;
}

.side-bar a.wx .wx-box .box {
  width: 120px;
  padding: 5px;
  border: 1px solid #D6D7D7;
  text-align: center;
  background: #fff;
  overflow: hidden;
}

.side-bar a.wx .wx-box .box img {
  width: 120px;
}

.side-bar a.wx .wx-box .box span {
  font-size: 12px;
  color: #333;
  line-height: 18px;
  letter-spacing: 1px;
}

.side-bar a.wx .wx-box .arrowPanel {
  width: 12px;
  height: 20px;
  position: absolute;
  right: -10px;
  top: 50px;
}

.side-bar a.wx .wx-box .arrowPanel .arrow01 {
  width: 0;
  height: 0;
  font-size: 0;
  line-height: 0;
  position: absolute;
  bottom: 0;
  left: 2px;
  top: 0;
  border-top: 10px dashed transparent;
  border-right: 10px dashed transparent;
  border-bottom: 10px dashed transparent;
  border-left: 10px solid #ddd;
}

.side-bar a.wx .wx-box .arrowPanel .arrow02 {
  width: 0;
  height: 0;
  font-size: 0;
  line-height: 0;
  position: absolute;
  bottom: 0;
  left: 0;
  top: 0;
  border-top: 10px dashed transparent;
  border-right: 10px dashed transparent;
  border-bottom: 10px dashed transparent;
  border-left: 10px solid #fff;
}

.side-bar a.wx:hover .wx-box {
  display: block;
}

.side-bar a#gotop i {
  font-size: 26px;
  color: #333;
}

@media screen and (max-width:1500px) {
  .foot-link ul li a {
    font-size: 16px;
  }

  .foot-link ul li a img {
    margin-right: 5px;
  }

  #footer h5 {
    font-size: 26px;
  }

  .foot-logo {
    width: 350px;
  }

  .foot-logo img {
    height: 100px;
  }

  .foot-logo p {
    font-size: 18px;
  }

  .foot-nav ul li {
    font-size: 16px;
  }

  .foot-list ul li {
    font-size: 16px;
  }

  .foot-contact {
    width: 320px;
  }

  .foot-contact h6 {
    font-size: 20px;
  }

  .foot-contact p {
    font-size: 16px;
  }
}

@media screen and (max-width:1330px) {
  .foot-link ul {
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
  }

  .foot-link ul li {
    margin: 0 10px 10px;
  }

  .foot-logo {
    width: 300px;
  }

  .foot-logo img {
    height: 80px;
  }
}

@media screen and (max-width:1150px) {


  .foot-logo {
    width: 270px;
  }

  .foot-nav {
    display: none;
  }

  .foot-contact {
    width: 280px;
  }

}

@media screen and (max-width:768px) {
  .foot-link {
    padding: 20px 0 10px;
  }

  .foot-link ul li {
    line-height: 20px;
    margin: 0 5px 10px;
  }

  .foot-link ul li a {
    font-size: 16px;
  }

  .foot-link ul li a img {
    margin-right: 5px;
  }

  #footer {
    padding: 30px 0;
  }

  #footer h5 {
    font-size: 24px;
    text-align: left;
  }

  #footer>.wp {
    -webkit-flex-direction: column;
    flex-direction: column;
  }

  .foot-logo {
    width: 100%;
    text-align: left;
  }

  .foot-logo img {
    height: 80px;
    margin-bottom: 0px;
    padding: 15px 0px;
  }

  .foot-logo p {
    font-size: 18px;
  }

  .foot-logo form {
    position: relative;
  }

  .foot-logo .submit_text {
    height: 50px;
    line-height: 50px;
    padding: 0 120px 0 15px;
    font-size: 16px;
  }

  .foot-logo .submit_btn {
    margin: 0;
    position: absolute;
    right: 0;
    top: 0;
    width: 110px;
    height: 50px;
    font-size: 16px;
  }

  .foot-nav,
  .foot-list {
    display: none;
  }

  .foot-contact {
    width: 100%;
    margin: 25px 0 0;
  }

  .foot-contact h6 {
    font-size: 20px;
  }

  .foot-contact p {
    font-size: 16px;
  }

  .copyright {
  }

  .copyright::after {
    display: none;
  }

  .copyright .wp {
    padding: 15px 0 60px;
    -webkit-flex-direction: column;
    flex-direction: column;
  }

  .copyright p {
    font-size: 15px;
  }

  .copyright .share {
    margin: 15px 0 0;
  }

  .copyright .share a {
    margin: 0 5px;
  }

  #gotop {
    display: none;
  }
}

@media screen and (max-width:480px) {
  .side-bar .cha {
    /* background: transparent; */
    position: absolute;
    bottom: -38px;
    right: 0px;
    z-index: 9;
    display:block;
    border-bottom:none
  }

  .foot-logo img {
    height: 80px;
  }
  .copyright .wp{
          padding: 15px 0 0px !important;
  }
  
  
  .copyright p{
  font-size:10px !important;
    margin-bottom:0
  }
  
  .copyright p:nth-child(2){
  padding-left:0 !important;
  padding-right:0 !important;
    font-size:10px !important;
}

  .foot-logo p{
  font-size:14px !important;
  }
  #footer h5{
font-size:20px !important
}
.foot-contact p{
font-size:12px !important;
}
.side-bar a{
width:40px;
  height:40px;
}
.side-bar a i {
    width: 20px;
    height: 20px;
    font-size: 14px;
}
.cha img{width: 14px !important;}
}

@media screen and (max-width:480px){
#scrollUp{
display:none !important;
}


}#banner {
  position: relative;
}

#banner img {
  width: 100%;
}

#banner .swiper-container-horizontal>.swiper-pagination-bullets {
  bottom: 20px;
}

#banner .swiper-pagination-bullet {
  height: 12px;
  width: 12px;
  margin: 0 4px;
  background: #fff;
  border-radius: 50%;
  opacity: 1;
  box-sizing: border-box;
}

#banner .swiper-pagination-bullet-active {
  background: var(--color-primary);
}

#banner .swiper-button-prev,
#banner .swiper-button-next {
  width: 40px;
  height: 40px;
  border-radius: 50%;
  background: #2890EF;
  margin-top: -20px;
  text-align: center;
}

#banner .swiper-button-prev i,
#banner .swiper-button-next i {
  font-size: 23px;
  line-height: 40px;
  color: #fff;
}

#banner .swiper-button-prev,
#banner .swiper-container-rtl .swiper-button-next {
  left: 20px;
  right: auto;
}

#banner .swiper-button-next,
#banner .swiper-container-rtl .swiper-button-prev {
  right: 20px;
  left: auto;
}

#banner .swiper-button-prev:hover,
#banner .swiper-button-next:hover {
  background: #E34100;
}

@media screen and (max-width:768px) {
  #banner::after {
    display: none;
  }

  #banner .swiper-container-horizontal>.swiper-pagination-bullets {
    bottom: 10px;
  }

  #banner .swiper-pagination-bullet {
    height: 10px;
    width: 10px;
    margin: 0 3px;
  }

  #banner .swiper-button-prev,
  #banner .swiper-button-next {
    display: none;
  }
}.jwell-featured_products{padding:70px 0;background:var(--bg-color-second);}
.jwell-featured_products .tit{text-align:center;}
.jwell-featured_products .tit h3{
  font-size: 65px;
  line-height: 1;
  color: #333;
  font-weight: 700;
  text-transform: uppercase;
  }
.jwell-featured_products .tit p{font-size: 16px;
  line-height: 24px;
  color: #373737;
  margin: 20px auto 0;}

.jwell-featured_products .list{margin:50px 0 0;position:relative;}

.swiper-container .swiper-wrapper{
  display:flex;
  flex-wrap:wrap;
  
}
.jwell-featured_products .swiper-slide{margin-right:20px;margin-bottom:20px;width:calc(33.33% - 20px);box-sizing:border-box;position:relative;box-shadow:0 0 5px 0 rgba(63,62,62,0.1);display: flex;
    align-items: center;
    flex-direction: column;}
.jwell-featured_products .swiper-slide .pic{display:block;width:100%;position:relative;overflow:hidden;box-sizing:border-box;height:300px}
.jwell-featured_products .swiper-slide  p {
  font-size:16px;
  color: #000;
  padding: 10px;
}
.jwell-featured_products .swiper-slide .pic > img{width:100%;display:block;transition:transform .5s;-webkit-transition:transform .5s;}
.jwell-featured_products .swiper-slide .fun-btn{position:absolute;background: var(--color-primary);z-index:10;top:0;bottom:0;left:0;right:0;padding:0 10px;-webkit-transition:.5s;transition:.5s;opacity: 0;display:-webkit-flex;display:flex;-webkit-justify-content:center;justify-content:center;-webkit-align-items:center;align-items:center;-webkit-flex-direction:column;flex-direction:column;text-align:center;}
.jwell-featured_products .swiper-slide .fun-btn::after{content:"";position:absolute;left:20px;top:20px;right:20px;bottom:20px;z-index: -1;border:1px solid rgba(255,255,255,0.95);display:block;}
.jwell-featured_products .swiper-slide .fun-btn h6{font-size:22px;color:#fff;-webkit-transform:translateY(10px);-ms-transform:translateY(10px);transform:translateY(10px);transition:transform .5s;-webkit-transition:transform .5s;opacity:0;}

.jwell-featured_products .swiper-slide h5{padding: 15px 0 10px;box-sizing:border-box;background:#fff;font-size:21px;color:#000;text-align:center;text-overflow:ellipsis;white-space:nowrap;overflow:hidden;}
.jwell-featured_products .swiper-slide h5 a:hover{color:var(--link-color-selected);}

.jwell-featured_products .swiper-slide:hover .pic > img{transform:scale(1.05);-webkit-transform: scale(1.05);}
.jwell-featured_products .swiper-slide:hover .pic > h5{opacity:0;}
.jwell-featured_products .swiper-slide:hover .fun-btn{opacity: .6;}
.jwell-featured_products .swiper-slide:hover .fun-btn h6{opacity:1;-webkit-transform:translateY(0);-ms-transform:translateY(0);transform:translateY(0);}
.jwell-featured_products .swiper-slide:hover .fun-btn span{opacity:1;-webkit-transform:translateY(0);-ms-transform:translateY(0);transform:translateY(0);}

.jwell-featured_products .swiper-pagination-bullets{position:static;width:100%;margin:60px 0 0;}
.jwell-featured_products .swiper-pagination-bullet{width:90px;height:6px;margin:0 5px;background:var(--swiper-btn1-color);border-radius:0;opacity:1;}
.jwell-featured_products .swiper-pagination-bullet-active{background:var(--swiper-btn1-color-hover);}
.jwell-featured_products .more{margin: 10px 0 30px;width: 150px;height: 40px;line-height: 50px;display: block;text-align: center;font-size: 18px;color: var(--btn-bg);border: 3px solid var(--btn-bg);/* font-family: Arial; */display: flex;align-items: center;justify-content: center;border-radius: 25px;}
@media screen and (max-width:1500px){
  .jwell-featured_products .tit h3,.indexG .tit h3,.indexE .top .tit h3,.indexC .tit h3{font-size:48px;background-size:320px auto;}
  .jwell-featured_products .tit p,.indexG .tit p,.indexE .top .tit p,.indexC .tit p{font-size:15px;margin:25px auto 0;}

  .jwell-featured_products .list{margin:60px 0 0;}
  .jwell-featured_products .swiper-slide .fun-btn{padding:0 20px;}
  .jwell-featured_products .swiper-slide .fun-btn::after{left:15px;top:15px;right:15px;bottom:15px;}
  .jwell-featured_products .swiper-slide .fun-btn h6{font-size:18px;}
  .jwell-featured_products .swiper-slide h5{font-size:18px;}

  .jwell-featured_products .swiper-pagination-bullets{margin:50px 0 0;}
  .jwell-featured_products .swiper-pagination-bullet{width:60px;height:5px;}
}

@media screen and (max-width:1400px){
  .jwell-featured_products .tit h3,.indexG .tit h3,.indexE .top .tit h3,.indexC .tit h3{font-size:40px;background-size:280px auto;}
  .jwell-featured_products .tit p,.indexG .tit p,.indexE .top .tit p,.indexC .tit p{margin:20px auto 0;}
}


@media screen and (max-width:768px){
.jwell-featured_products{
        /*background: #f5faffab;*/
        margin-top:30px !important;
}
      .jwell-featured_products .tit p{
      display:none !important;
      }
  .jwell-featured_products .swiper-slide h5{
  background: none;
  }
  .jwell-featured_products .tit h3,.indexG .tit h3,.indexE .top .tit h3,.indexC .tit h3{font-size:30px;background-size:220px auto;padding-bottom:25px;}
  .jwell-featured_products .tit p,.indexG .tit p,.indexE .top .tit p,.indexC .tit p{font-size:15px;margin:10px auto 0;}
  
  .jwell-featured_products{padding:30px 0;}
  .jwell-featured_products .list{margin:30px 0 0;}
  .jwell-featured_products .swiper-slide:hover .pic > h5{opacity:1;color:#1867B4;}
  .jwell-featured_products .swiper-slide .fun-btn{padding:0;display:none;}
  
  .jwell-featured_products .swiper-slide h5{padding:15px 10px;font-size:16px;}
  
  .jwell-featured_products .swiper-pagination-bullets{margin:25px 0 0;}
  .jwell-featured_products .swiper-pagination-bullet{width:30px;height:4px;}
}

@media screen and (max-width:480px) {
  .jwell-featured_productsA .tit h3, .indexG .tit h3, .indexE .top .tit h3, .indexC .tit h3{font-size:24px;background-size:160px auto;padding-bottom:20px;}

  .jwell-featured_products .swiper-pagination-bullet{width:18px;height:3px;margin:0 3px;}
  .jwell-featured_products .tit h3, .indexG .tit h3, .indexE .top .tit h3, .indexC .tit h3{
  font-size: 24px !important;
  padding-bottom:0 !important
  }
  .jwell-featured_products .tit p, .indexG .tit p, .indexE .top .tit p, .indexC .tit p{
  font-size:12px !important;
    text-align:center !important;
  }
  .jwell-featured_products .swiper-pagination-bullets{
  margin-top:0 !important;
  }
  .jwell-featured_products{
        padding: 30px 0 20px 0 !important;
  }
      .jwell-featured_products .swiper-slide h5 {
        padding: 10px !important;
        font-size: 12px !important;
    }
  .jwell-featured_products .more{
  /* width:100px !important; */
  /* font-size: 10px !important; */
  }
}





@media screen and (min-width:769px){
.jwell2{
display:none !important
}
}
 
 
 @media screen and (max-width:768px){
 .jwell1{
 display:none !important
 }
   .jwell2{
   display: block!important;
   }
   
   .jwell-featured_products .swiper-slide p{
   font-size:12px !important;
   }
   .jwell-featured_products .swiper-slide {
    margin-right: 10px;
    margin-left: 10px;
   }
   
   .jwell-featured_products .swiper-slide{
       width: calc(50% - 20px);
   }
   .jwell-featured_products .swiper-slide:nth-child(3){
   display:none !important;
   }
   
   
      .jwell-featured_products .swiper-slide:nth-child(6){
   display:none !important;
   }
   
   
 }
 
 .sidebanner {
  position: relative;
}
.sidebanner img {
  width: 100%;
  min-height: 160px;
}
.sidebanner .txt {
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  display: -webkit-flex;
  display: flex;
  -webkit-justify-content: center;
  justify-content: center;
  -webkit-align-items: center;
  align-items: center;
  letter-spacing: 5px;
}
}
.sidebanner .txt::after {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.2);
}
.sidebanner .wp {
  position: relative;
  z-index: 2;
}
.sidebanner h1,
.sidebanner h2 {
  color: #fff;
  font-size: 36px;
  font-weight: 700;
  font-family: var(--font-family-1);
  text-shadow: 2px 2px 4px #666;
}
.sidebanner p {
  color: #fff;
  font-size: 15px;
  margin: 15px 0 0;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
  text-shadow: 2px 2px 4px #666;
}
.sidebanner p i {
  font-size: 15px;
  color: #fff;
}
.sidebanner p a {
  color: #fff;
  text-shadow: 2px 2px 4px #666;
}


@media screen and (max-width: 768px) {
  .sidebanner .txt {
    text-align: center;
  }
  .sidebanner .txt h1,
  .sidebanner .txt h2 {
    font-size: 30px
  }
}

@media screen and (max-width: 480px) {
  .sidebanner .txt h1,
  .sidebanner .txt h2 {
    font-size: 24px
  }
}


@media screen and (min-width:768px) and (max-width:1500px){
.sidebanner .wp{
margin-top:60px;
}
}
.about-menu {
  padding: 30px 0;
  text-align: center;
  border-bottom: 1px solid #E3E3E3;
  background: #fff;
}

.about-menu ul {
  font-size: 0;
}

.about-menu ul li {
  height: 46px;
  line-height: 46px;
  display: inline-block;
  margin: 0 10px;
}

.about-menu ul li a {
  font-size: 18px;
  color: #333;
  display: block;
  padding: 0 48px;
  background: #EAEAEA;
  border-radius: 25px;
}

.about-menu ul li.active a {
  background: var(--color-primary);
  color: #fff;
}

@media screen and (max-width:768px) {
  .about-menu {
    padding: 20px 0 15px;
  }

  .about-menu ul li {
    height: 36px;
    line-height: 36px;
    margin: 0 5px 5px;
  }

  .about-menu ul li a {
    font-size: 14px;
    padding: 0 30px;
  }
}

@media screen and (max-width:1280px){
.about-menu ul li a{
font-size:12px !important;
  padding:0 20px;
}
}


.main {
  padding-top: 40px;
  padding-bottom: 60px;
}

.about p {
  font-size: 17px;
  line-height: 30px;
  color: #666;
}

.about p~p {
  margin: 15px 0 0;
}

.about ul {}

.about ul li {
  padding: 40px 0;
  position: relative;
  border-bottom: 2px solid #EEEBEB;
  display: -webkit-flex;
  display: flex;
  -webkit-justify-content: space-between;
  justify-content: space-between;
}

.about ul li:last-child {
  border-bottom: none;
}

.about ul li:nth-child(2n+1) {
  flex-direction: row-reverse;
  -webkit-flex-direction: row-reverse;
}

.about ul li .pic {
 width: 50%;
}

.about ul li .txt {
  -webkit-flex: 1;
  flex: 1;
  margin: 0 80px 0 0;
}

.about ul li .txt .box {
  display: -webkit-flex;
  display: flex;
  -webkit-flex-direction: column;
  flex-direction: column;
}

.about ul li .txt h5 {
  font-size: 26px;
  font-weight: 600;
  color: #020202;
  text-transform: uppercase;
  margin-bottom: 15px;
}

.about ul li .txt h5::after {
  content: "";
  width: 53px;
  height: 4px;
  background: var(--color-primary);
  margin: 15px 0 0;
  display: block;
}

.about ul li .txt p {
  text-align: justify;
  font-size: 20px;
  color: #595959;
  line-height: 40px;
}

.about ul li:nth-child(2n) .txt {
  margin: 0 0 0 80px;
}

.about ul li:nth-child(2n)::after {
  left: auto;
  right: -75px;
}

@media screen and (max-width:768px) {
  .main {
    padding-top: 25px;
    padding-bottom: 30px;
  }

  .about ul li {
    padding: 20px 0;
    -webkit-flex-direction: column;
    flex-direction: column;
  }

  .about ul li:nth-child(2n+1) {
    -webkit-flex-direction: column;
    flex-direction: column;
  }

  .about ul li .pic {
    width: 100%;
  }

  .about ul li .txt {
    margin: 15px 0 0;
  }

  .about ul li .txt h5 {
    font-size: 24px;
  }

  .about ul li:nth-child(2n) .txt {
    margin: 15px 0 0;
  }
}


@media screen and (max-width:480px){
.about ul li .txt p{
font-size:12px !important;
  line-height:16px !important;
}
  .about ul li .txt h5{
  text-align: center;
  }
  .about ul li .txt h5::after{
  display:none !important;
  }
}


.main {
  padding-top: 40px;
  padding-bottom: 60px;
}

.cert-list {
  text-align: center;
}

.cert-list ul {
  margin: 0 0 0 -2%;
}

.cert-list ul li {
  float: left;
  width: 23%;
  margin: 0 0 20px 2%;
  text-align: center;
}
.cert-list ul li{
	height:250px;
	 overflow: hidden;
}
.cert-list ul li a {
  display: block;
  width: 100%;
 
}

.cert-list ul li img {
  width: 100%;
  border: 3px solid #E0E0E0;
  box-sizing: border-box;
  display: block;
}

.cert-list ul li p {
  font-size: 16px;
  margin: 10px 0 0 0;
  color: #252525;
}

@media screen and (max-width:768px) {
  .main {
    padding-top: 25px;
    padding-bottom: 30px;
  }

  .cert-list ul li {
    width: 48%;
    margin: 0 0 15px 2%;
	height:150px;
  }
}
body.compensate-for-scrollbar {
    overflow: hidden
}

.fancybox-active {
    height: auto
}

.fancybox-is-hidden {
    left: -9999px;
    margin: 0;
    position: absolute!important;
    top: -9999px;
    visibility: hidden
}

.fancybox-container {
    -webkit-backface-visibility: hidden;
    height: 100%;
    left: 0;
    outline: none;
    position: fixed;
    -webkit-tap-highlight-color: transparent;
    top: 0;
    -ms-touch-action: manipulation;
    touch-action: manipulation;
    transform: translateZ(0);
    width: 100%;
    z-index: 99992
}

.fancybox-container * {
    box-sizing: border-box
}

.fancybox-bg,.fancybox-inner,.fancybox-outer,.fancybox-stage {
    bottom: 0;
    left: 0;
    position: absolute;
    right: 0;
    top: 0
}

.fancybox-outer {
    -webkit-overflow-scrolling: touch;
    overflow-y: auto
}

.fancybox-bg {
    background: #1e1e1e;
    opacity: 0;
    transition-duration: inherit;
    transition-property: opacity;
    transition-timing-function: cubic-bezier(.47,0,.74,.71)
}

.fancybox-is-open .fancybox-bg {
    opacity: .9;
    transition-timing-function: cubic-bezier(.22,.61,.36,1)
}

.fancybox-caption,.fancybox-infobar,.fancybox-navigation .fancybox-button,.fancybox-toolbar {
    direction: ltr;
    opacity: 0;
    position: absolute;
    transition: opacity .25s ease,visibility 0s ease .25s;
    visibility: hidden;
    z-index: 99997
}

.fancybox-show-caption .fancybox-caption,.fancybox-show-infobar .fancybox-infobar,.fancybox-show-nav .fancybox-navigation .fancybox-button,.fancybox-show-toolbar .fancybox-toolbar {
    opacity: 1;
    transition: opacity .25s ease 0s,visibility 0s ease 0s;
    visibility: visible
}

.fancybox-infobar {
    color: #ccc;
    font-size: 13px;
    -webkit-font-smoothing: subpixel-antialiased;
    height: 44px;
    left: 0;
    line-height: 44px;
    min-width: 44px;
    mix-blend-mode: difference;
    padding: 0 10px;
    pointer-events: none;
    top: 0;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.fancybox-toolbar {
    right: 0;
    top: 0
}

.fancybox-stage {
    direction: ltr;
    overflow: visible;
    transform: translateZ(0);
    z-index: 99994
}

.fancybox-is-open .fancybox-stage {
    overflow: hidden
}

.fancybox-slide {
    -webkit-backface-visibility: hidden;
    display: none;
    height: 100%;
    left: 0;
    outline: none;
    overflow: auto;
    -webkit-overflow-scrolling: touch;
    padding: 44px;
    position: absolute;
    text-align: center;
    top: 0;
    transition-property: transform,opacity;
    white-space: normal;
    width: 100%;
    z-index: 99994
}

.fancybox-slide:before {
    content: "";
    display: inline-block;
    font-size: 0;
    height: 100%;
    vertical-align: middle;
    width: 0
}

.fancybox-is-sliding .fancybox-slide,.fancybox-slide--current,.fancybox-slide--next,.fancybox-slide--previous {
    display: block
}

.fancybox-slide--image {
    overflow: hidden;
    padding: 44px 0
}

.fancybox-slide--image:before {
    display: none
}

.fancybox-slide--html {
    padding: 6px
}

.fancybox-content {
    background: #fff;
    display: inline-block;
    margin: 0;
    max-width: 100%;
    overflow: auto;
    -webkit-overflow-scrolling: touch;
    padding: 44px;
    position: relative;
    text-align: left;
    vertical-align: middle
}

.fancybox-slide--image .fancybox-content {
    animation-timing-function: cubic-bezier(.5,0,.14,1);
    -webkit-backface-visibility: hidden;
    background: transparent;
    background-repeat: no-repeat;
    background-size: 100% 100%;
    left: 0;
    max-width: none;
    overflow: visible;
    padding: 0;
    position: absolute;
    top: 0;
    transform-origin: top left;
    transition-property: transform,opacity;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    z-index: 99995
}

.fancybox-can-zoomOut .fancybox-content {
    cursor: zoom-out
}

.fancybox-can-zoomIn .fancybox-content {
    cursor: zoom-in
}

.fancybox-can-pan .fancybox-content,.fancybox-can-swipe .fancybox-content {
    cursor: grab
}

.fancybox-is-grabbing .fancybox-content {
    cursor: grabbing
}

.fancybox-container [data-selectable=true] {
    cursor: text
}

.fancybox-image,.fancybox-spaceball {
    background: transparent;
    border: 0;
    height: 100%;
    left: 0;
    margin: 0;
    max-height: none;
    max-width: none;
    padding: 0;
    position: absolute;
    top: 0;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    width: 100%
}

.fancybox-spaceball {
    z-index: 1
}

.fancybox-slide--iframe .fancybox-content,.fancybox-slide--map .fancybox-content,.fancybox-slide--pdf .fancybox-content,.fancybox-slide--video .fancybox-content {
    height: 100%;
    overflow: visible;
    padding: 0;
    width: 100%
}

.fancybox-slide--video .fancybox-content {
    background: #000
}

.fancybox-slide--map .fancybox-content {
    background: #e5e3df
}

.fancybox-slide--iframe .fancybox-content {
    background: #fff
}

.fancybox-iframe,.fancybox-video {
    background: transparent;
    border: 0;
    display: block;
    height: 100%;
    margin: 0;
    overflow: hidden;
    padding: 0;
    width: 100%
}

.fancybox-iframe {
    left: 0;
    position: absolute;
    top: 0
}

.fancybox-error {
    background: #fff;
    cursor: default;
    max-width: 400px;
    padding: 40px;
    width: 100%
}

.fancybox-error p {
    color: #444;
    font-size: 16px;
    line-height: 20px;
    margin: 0;
    padding: 0
}

.fancybox-button {
    background: rgba(30,30,30,.6);
    border: 0;
    border-radius: 0;
    box-shadow: none;
    cursor: pointer;
    display: inline-block;
    height: 44px;
    margin: 0;
    padding: 10px;
    position: relative;
    transition: color .2s;
    vertical-align: top;
    visibility: inherit;
    width: 44px
}

.fancybox-button,.fancybox-button:link,.fancybox-button:visited {
    color: #ccc
}

.fancybox-button:hover {
    color: #fff
}

.fancybox-button:focus {
    outline: none
}

.fancybox-button.fancybox-focus {
    outline: 1px dotted
}

.fancybox-button[disabled],.fancybox-button[disabled]:hover {
    color: #888;
    cursor: default;
    outline: none
}

.fancybox-button div {
    height: 100%
}

.fancybox-button svg {
    display: block;
    height: 100%;
    overflow: visible;
    position: relative;
    width: 100%
}

.fancybox-button svg path {
    fill: currentColor;
    stroke-width: 0
}

.fancybox-button--fsenter svg:nth-child(2),.fancybox-button--fsexit svg:first-child,.fancybox-button--pause svg:first-child,.fancybox-button--play svg:nth-child(2) {
    display: none
}

.fancybox-progress {
    background: #ff5268;
    height: 2px;
    left: 0;
    position: absolute;
    right: 0;
    top: 0;
    transform: scaleX(0);
    transform-origin: 0;
    transition-property: transform;
    transition-timing-function: linear;
    z-index: 99998
}

.fancybox-close-small {
    background: transparent;
    border: 0;
    border-radius: 0;
    color: #ccc;
    cursor: pointer;
    opacity: .8;
    padding: 8px;
    position: absolute;
    right: -12px;
    top: -44px;
    z-index: 401
}

.fancybox-close-small:hover {
    color: #fff;
    opacity: 1
}

.fancybox-slide--html .fancybox-close-small {
    color: currentColor;
    padding: 10px;
    right: 0;
    top: 0
}

.fancybox-slide--image.fancybox-is-scaling .fancybox-content {
    overflow: hidden
}

.fancybox-is-scaling .fancybox-close-small,.fancybox-is-zoomable.fancybox-can-pan .fancybox-close-small {
    display: none
}

.fancybox-navigation .fancybox-button {
    background-clip: content-box;
    height: 100px;
    opacity: 0;
    position: absolute;
    top: calc(50% - 50px);
    width: 70px
}

.fancybox-navigation .fancybox-button div {
    padding: 7px
}

.fancybox-navigation .fancybox-button--arrow_left {
    left: 0;
    left: env(safe-area-inset-left);
    padding: 31px 26px 31px 6px
}

.fancybox-navigation .fancybox-button--arrow_right {
    padding: 31px 6px 31px 26px;
    right: 0;
    right: env(safe-area-inset-right)
}

.fancybox-caption {
    background: linear-gradient(0deg,rgba(0,0,0,.85) 0,rgba(0,0,0,.3) 50%,rgba(0,0,0,.15) 65%,rgba(0,0,0,.075) 75.5%,rgba(0,0,0,.037) 82.85%,rgba(0,0,0,.019) 88%,transparent);
    bottom: 0;
    color: #eee;
    font-size: 14px;
    font-weight: 400;
    left: 0;
    line-height: 1.5;
    padding: 75px 44px 25px;
    pointer-events: none;
    right: 0;
    text-align: center;
    z-index: 99996
}

@supports (padding: max(0px)) {
    .fancybox-caption {
        padding:75px max(44px,env(safe-area-inset-right)) max(25px,env(safe-area-inset-bottom)) max(44px,env(safe-area-inset-left))
    }
}

.fancybox-caption--separate {
    margin-top: -50px
}

.fancybox-caption__body {
    max-height: 50vh;
    overflow: auto;
    pointer-events: all
}

.fancybox-caption a,.fancybox-caption a:link,.fancybox-caption a:visited {
    color: #ccc;
    text-decoration: none
}

.fancybox-caption a:hover {
    color: #fff;
    text-decoration: underline
}

.fancybox-loading {
    animation: a 1s linear infinite;
    background: transparent;
    border: 4px solid #888;
    border-bottom-color: #fff;
    border-radius: 50%;
    height: 50px;
    left: 50%;
    margin: -25px 0 0 -25px;
    opacity: .7;
    padding: 0;
    position: absolute;
    top: 50%;
    width: 50px;
    z-index: 99999
}

@keyframes a {
    to {
        transform: rotate(1turn)
    }
}

.fancybox-animated {
    transition-timing-function: cubic-bezier(0,0,.25,1)
}

.fancybox-fx-slide.fancybox-slide--previous {
    opacity: 0;
    transform: translate3d(-100%,0,0)
}

.fancybox-fx-slide.fancybox-slide--next {
    opacity: 0;
    transform: translate3d(100%,0,0)
}

.fancybox-fx-slide.fancybox-slide--current {
    opacity: 1;
    transform: translateZ(0)
}

.fancybox-fx-fade.fancybox-slide--next,.fancybox-fx-fade.fancybox-slide--previous {
    opacity: 0;
    transition-timing-function: cubic-bezier(.19,1,.22,1)
}

.fancybox-fx-fade.fancybox-slide--current {
    opacity: 1
}

.fancybox-fx-zoom-in-out.fancybox-slide--previous {
    opacity: 0;
    transform: scale3d(1.5,1.5,1.5)
}

.fancybox-fx-zoom-in-out.fancybox-slide--next {
    opacity: 0;
    transform: scale3d(.5,.5,.5)
}

.fancybox-fx-zoom-in-out.fancybox-slide--current {
    opacity: 1;
    transform: scaleX(1)
}

.fancybox-fx-rotate.fancybox-slide--previous {
    opacity: 0;
    transform: rotate(-1turn)
}

.fancybox-fx-rotate.fancybox-slide--next {
    opacity: 0;
    transform: rotate(1turn)
}

.fancybox-fx-rotate.fancybox-slide--current {
    opacity: 1;
    transform: rotate(0deg)
}

.fancybox-fx-circular.fancybox-slide--previous {
    opacity: 0;
    transform: scale3d(0,0,0) translate3d(-100%,0,0)
}

.fancybox-fx-circular.fancybox-slide--next {
    opacity: 0;
    transform: scale3d(0,0,0) translate3d(100%,0,0)
}

.fancybox-fx-circular.fancybox-slide--current {
    opacity: 1;
    transform: scaleX(1) translateZ(0)
}

.fancybox-fx-tube.fancybox-slide--previous {
    transform: translate3d(-100%,0,0) scale(.1) skew(-10deg)
}

.fancybox-fx-tube.fancybox-slide--next {
    transform: translate3d(100%,0,0) scale(.1) skew(10deg)
}

.fancybox-fx-tube.fancybox-slide--current {
    transform: translateZ(0) scale(1)
}

@media (max-height: 576px) {
    .fancybox-slide {
        padding-left:6px;
        padding-right: 6px
    }

    .fancybox-slide--image {
        padding: 6px 0
    }

    .fancybox-close-small {
        right: -6px
    }

    .fancybox-slide--image .fancybox-close-small {
        background: #4e4e4e;
        color: #f2f4f6;
        height: 36px;
        opacity: 1;
        padding: 6px;
        right: 0;
        top: 0;
        width: 36px
    }

    .fancybox-caption {
        padding-left: 12px;
        padding-right: 12px
    }

    @supports (padding: max(0px)) {
        .fancybox-caption {
            padding-left:max(12px,env(safe-area-inset-left));
            padding-right: max(12px,env(safe-area-inset-right))
        }
    }
}

.fancybox-share {
    background: #f4f4f4;
    border-radius: 3px;
    max-width: 90%;
    padding: 30px;
    text-align: center
}

.fancybox-share h1 {
    color: #222;
    font-size: 35px;
    font-weight: 700;
    margin: 0 0 20px
}

.fancybox-share p {
    margin: 0;
    padding: 0
}

.fancybox-share__button {
    border: 0;
    border-radius: 3px;
    display: inline-block;
    font-size: 14px;
    font-weight: 700;
    line-height: 40px;
    margin: 0 5px 10px;
    min-width: 130px;
    padding: 0 15px;
    text-decoration: none;
    transition: all .2s;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    white-space: nowrap
}

.fancybox-share__button:link,.fancybox-share__button:visited {
    color: #fff
}

.fancybox-share__button:hover {
    text-decoration: none
}

.fancybox-share__button--fb {
    background: #3b5998
}

.fancybox-share__button--fb:hover {
    background: #344e86
}

.fancybox-share__button--pt {
    background: #bd081d
}

.fancybox-share__button--pt:hover {
    background: #aa0719
}

.fancybox-share__button--tw {
    background: #1da1f2
}

.fancybox-share__button--tw:hover {
    background: #0d95e8
}

.fancybox-share__button svg {
    height: 25px;
    margin-right: 7px;
    position: relative;
    top: -1px;
    vertical-align: middle;
    width: 25px
}

.fancybox-share__button svg path {
    fill: #fff
}

.fancybox-share__input {
    background: transparent;
    border: 0;
    border-bottom: 1px solid #d7d7d7;
    border-radius: 0;
    color: #5d5b5b;
    font-size: 14px;
    margin: 10px 0 0;
    outline: none;
    padding: 10px 15px;
    width: 100%
}

.fancybox-thumbs {
    background: #ddd;
    bottom: 0;
    display: none;
    margin: 0;
    -webkit-overflow-scrolling: touch;
    -ms-overflow-style: -ms-autohiding-scrollbar;
    padding: 2px 2px 4px;
    position: absolute;
    right: 0;
    -webkit-tap-highlight-color: rgba(0,0,0,0);
    top: 0;
    width: 212px;
    z-index: 99995
}

.fancybox-thumbs-x {
    overflow-x: auto;
    overflow-y: hidden
}

.fancybox-show-thumbs .fancybox-thumbs {
    display: block
}

.fancybox-show-thumbs .fancybox-inner {
    right: 212px
}

.fancybox-thumbs__list {
    font-size: 0;
    height: 100%;
    list-style: none;
    margin: 0;
    overflow-x: hidden;
    overflow-y: auto;
    padding: 0;
    position: absolute;
    position: relative;
    white-space: nowrap;
    width: 100%
}

.fancybox-thumbs-x .fancybox-thumbs__list {
    overflow: hidden
}

.fancybox-thumbs-y .fancybox-thumbs__list::-webkit-scrollbar {
    width: 7px
}

.fancybox-thumbs-y .fancybox-thumbs__list::-webkit-scrollbar-track {
    background: #fff;
    border-radius: 10px;
    box-shadow: inset 0 0 6px rgba(0,0,0,.3)
}

.fancybox-thumbs-y .fancybox-thumbs__list::-webkit-scrollbar-thumb {
    background: #2a2a2a;
    border-radius: 10px
}

.fancybox-thumbs__list a {
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    background-color: rgba(0,0,0,.1);
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: cover;
    cursor: pointer;
    float: left;
    height: 75px;
    margin: 2px;
    max-height: calc(100% - 8px);
    max-width: calc(50% - 4px);
    outline: none;
    overflow: hidden;
    padding: 0;
    position: relative;
    -webkit-tap-highlight-color: transparent;
    width: 100px
}

.fancybox-thumbs__list a:before {
    border: 6px solid #ff5268;
    bottom: 0;
    content: "";
    left: 0;
    opacity: 0;
    position: absolute;
    right: 0;
    top: 0;
    transition: all .2s cubic-bezier(.25,.46,.45,.94);
    z-index: 99991
}

.fancybox-thumbs__list a:focus:before {
    opacity: .5
}

.fancybox-thumbs__list a.fancybox-thumbs-active:before {
    opacity: 1
}

@media (max-width: 576px) {
    .fancybox-thumbs {
        width:110px
    }

    .fancybox-show-thumbs .fancybox-inner {
        right: 110px
    }

    .fancybox-thumbs__list a {
        max-width: calc(100% - 10px)
    }
}

.goods-left {
  float: left;
  width: 300px;
}

.goods-left h3 {
  font-size: 22px;
  display: block;
  color: #fff;
  height: 50px;
  line-height: 50px;
  padding: 0 0 0 20px;
  background: var(--color-primary);
  position: relative;
}

.goods-left h3::after {
  display: none;
  font-family: "qico";
  content: "\e727";
  position: absolute;
  top: 5px;
  right: 0;
  width: 40px;
  height: 40px;
  line-height: 40px;
  text-align: center;
  font-size: 20px;
  -webkit-transition: -webkit-transform .3s ease;
  transition: -webkit-transform .3s ease;
  transition: transform .3s ease;
  transition: transform .3s ease, -webkit-transform .3s ease;
}

.goods-left h3.active::after {
  -webkit-transform: rotate(45deg) scale(1.08);
  -ms-transform: rotate(45deg) scale(1.08);
  transform: rotate(45deg) scale(1.08);
}

.sidemenu {
  margin: 0 0 15px;
}

.sidemenu ul {
  border: 1px solid #EDEDED;
  border-top: none;
}

.sidemenu ul li {
  margin: 3px 0 0;
  border-bottom: 1px solid #EDEDED;
}

.sidemenu ul li h5 {
  line-height: 24px;
  display: block;
  font-size: 16px;
  color: #333;
  cursor: pointer;
  position: relative;
}

.sidemenu ul li h5 a {
  color: #333;
  display: block;
  padding: 10px 50px 10px 20px;
  text-transform: capitalize;
}

.sidemenu ul li h5 a:hover {
  color: var(--color-primary);
  text-decoration: underline;
}

.sidemenu ul li h5 span {
  position: absolute;
  top: 0;
  right: 0;
  background: url("../images/i4.png") no-repeat center;
  width: 40px;
  height: 45px;
  display: block;
}

.sidemenu dl {
  display: none;
}

.sidemenu dl dd {
  line-height: 40px;
  border-bottom: 1px dashed #DCDCDC;
  background: #fff;
  padding: 0 20px;
}

.sidemenu dl dd:last-child {
  border-bottom: none;
}

.sidemenu dl dd a {
  font-size: 15px;
  display: block;
  color: #666;
  padding-left: 15px;
  text-transform: capitalize;
  background: url("../images/i10-1.png") no-repeat left center;
}

.sidemenu dl dd.active a,
.sidemenu dl dd a:hover {
  color: var(--color-primary);
  background: url("../images/71580e15a9e697fb6213e5a63794e2421379be1245e0af7a37623f7ac0bb4af0.png") no-repeat left center;
}

.sidemenu ul li.active h5 {
  border-bottom: 1px solid #EDEDED;
}

.sidemenu ul li.active h5 a {
  color: var(--color-primary);
}

.sidemenu ul li.active span {
  background: url("../images/i4-1.png") no-repeat center;
}



@media screen and (max-width:768px) {

  .goods-left {
    float: none;
    width: 100%;
  }

  .goods-left h3 {
    font-size: 18px;
    padding: 0 0 0 15px;
  }

  .goods-left h3::after {
    display: block;
  }

  .sidemenu ul {
    display: none;
  }

  .sidemenu ul li h5 a {
    padding: 10px 50px 10px 15px;
  }
}


#pagesize {
    margin: 50px 0 0;
    text-align: center
}

#pagesize ul {
    font-size: 0
}

#pagesize ul li {
    display: inline-block;
    vertical-align: top
}

#pagesize ul li a {
    border: 1px solid var(--color-primary);
    line-height: 16px;
    padding: 8px 13px;
    margin: 0 2px;
    display: inline-block;
    background: #fff;
    font-size: 15px;
    color: #909090
}

#pagesize ul li a:hover {
    background: #5c79bf;
    color: #fff!important
}

#pagesize ul li span {
    line-height: 16px;
    padding: 8px 13px;
    margin: 0 2px;
    display: inline-block;
    font-size: 15px
}

#pagesize ul li a.active {
    background: #5c79bf;
    color: #fff
}

#pagesize ul li a.disabled {
    color: #fff;
    background: #cecece
}

#pagesize ul li i {
    font-size: 20px
}

#pagesize ul li.prev a:hover,#pagesize ul li.next a:hover {
    background: 0 0;
    color: #50a9b5!important
}

@media screen and (max-width: 768px) {
    #pagesize {
        margin:25px 0 0
    }

    #pagesize ul li a {
        padding: 6px 10px;
        font-size: 13px
    }

    #pagesize ul li span {
        padding: 6px 10px;
        font-size: 13px
    }
}

.main {
  padding-top: 40px;
  padding-bottom: 60px;
}

.goods-right {
  margin-left: 340px;
}

.pro-top {
  margin-bottom: 15px;
  background: #F7F7F7;
  padding: 20px;
}

.pro-top h1 {
  font-size: 24px;
  color: #111;
  font-weight: 600;
}

.pro-top .t {
  font-size: 16px;
  color: #545454;
  line-height: 24px;
  margin: 15px 0 0;
}

.pro-top .t h5 {
  font-size: 18px;
  font-weight: 500;
  color: #333;
  margin-top: 10px;
}

.pro-top .t p~p {
  margin-top: 10px;
}

.prolist ul {
  margin: 0 0 0 -2%;
}

.prolist ul li {
  width: 31.333333333%;
  float: left;
  text-align: center;
  background: #fff;
  margin: 0 0 20px 2%;
  cursor: pointer;
  box-sizing: border-box;
}

.prolist ul li .pic {
  display: block;
  width: 100%;
  height: auto;
  overflow: hidden;
  box-sizing: border-box;
  border: 1px solid #C9C9C9;
  padding: 5px;
  display: -webkit-inline-flex;
  display: inline-flex;
  -webkit-justify-content: center;
  justify-content: center;
  -webkit-align-items: center;
  align-items: center;
}
.prolist ul li .pic .ddpic {
  position: relative;
  width: 100%;
  height: 0;
  padding-bottom: 70%;
  overflow: hidden;
  /* border-radius: 36px; */
}
.prolist ul li .pic img {
  position: absolute;
  top: 0;
  left: 0;
  object-fit: cover;
  width: 100%;
  height: 100%;
  display: block;
  -o-object-fit: cover;
  transition: all 0.3s ease 0s;
  -webkit-transition: all 0.3s ease 0s;
}

.prolist ul li .t {
  background: #3C3C4F;
  text-align: center;
  padding: 20px 10px;
}

.prolist ul li .t h6 {
  font-size: 16px;
  font-weight: 300;
  color: #fff;
  height: 60px;
  display: -webkit-flex;
  display: flex;
  -webkit-align-items: center;
  align-items: center;
  -webkit-justify-content: center;
  justify-content: center;
  text-align: left;
}
.prolist ul li .t h6 a {
  color:#fff
}
.prolist ul li:hover .pic {
  border: 1px solid #DEDEDE;
  box-shadow: 5px 5px 40px rgba(0, 0, 0, .2);
}

.prolist ul li:hover .pic img {
  transform: scale(1.06);
  -webkit-transform: scale(1.06);
}

.prolist ul li:hover .t {
  background: var(--color-primary);
}

@media screen and (max-width:1500px) {

  .prolist ul li .pic {
    height: 300px;
  }

}

@media screen and (max-width:768px) {

  .main {
    padding-top: 25px;
    padding-bottom: 30px;
  }

  .goods-right {
    margin-left: 0;
  }

  .prolist ul li {
    width: 90%;
    margin: 0 5% 15px 5%;
    /* display: flex; */
    background: #ededed;
    border-radius: 20px;
    padding: 10px;
  }

  .prolist ul li .t {
    padding: 10px 5px;
    width: 56%;
    background: unset;
    padding-top: 10px;
    float: left;
  }

  .prolist ul li .t h6 {
    font-size: 18px;
    height: 60px;
    line-height: 20px;
    color: #000;
  }
}

@media screen and (max-width:600px) {

  .prolist ul li .pic {
    height: auto;
    /* padding: 10px; */
    /* border-radius: 36px; */
    width: 44%;
    border: 0px;
    margin-top: 0px;
    padding-top: 10px;
    float: left;
  }

}

@media screen and (max-width:480px) {

  .prolist ul li .pic {
    /* height: 220px; */
  }

  .prolist ul {
    margin: 0;
  }

  .prolist ul li {

  }

  .prolist ul li .t h6 {
    /* font-size: 12px; */
    line-height: 1.5;
    height: auto;
  }
}

@media screen and (max-width:400px) {

  .prolist ul li .pic {
    /* height: 180px; */
    /* width: 38%; */
  }
}

.prolist ul li .t h6 a{
  display: -webkit-box;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
  overflow: hidden;
}
.main {
  padding-top: 40px;
  padding-bottom: 60px;
}

.goods-right {
  margin-left: 340px;
}

.pro_view {
  overflow: hidden;
}

.pro_img {
  float: left;
  width: 460px;
}

.pro_img .view {
  width: 100%;
  border: 1px solid #E5E8EA;
  box-sizing: border-box;
  position: relative;
}

.pro_img .view .swiper-container {
  width: 100%;
  overflow: hidden;
}

.pro_img .view .swiper-container img {
  width: 100%;
  display: block;
}

.pro_img .view .arrow-left,
.pro_img .view .arrow-right {
  background: rgba(0, 0, 0, 0.3);
  position: absolute;
  top: 50%;
  margin-top: -25px;
  width: 28px;
  height: 50px;
  z-index: 10;
  text-align: center;
}

.pro_img .view .arrow-left {
  left: 0;
}

.pro_img .view .arrow-right {
  right: 0;
}

.pro_img .view .arrow-left i,
.pro_img .view .arrow-right i {
  color: #fff;
  font-size: 15px;
  line-height: 50px;
}

.pro_img .preview {
  width: 100%;
  position: relative;
  text-align: center;
  overflow: hidden;
  box-sizing: border-box;
}

.pro_img .preview .swiper-container {
  width: 100%;
  text-align: center;
}

.pro_img .preview .swiper-wrapper {
  justify-content: center;
}

.pro_img .preview .swiper-slide {
  cursor: pointer;
  width: 55px;
  padding: 10px 0;
  margin: 0 2px;
  display: inline-block;
  box-sizing: border-box;
  position: relative;
}

.pro_img .preview .swiper-slide::after {
  display: none;
  content: '';
  width: 0;
  height: 0;
  line-height: 0;
  border-width: 5px;
  border-style: dashed;
  border-bottom-style: dashed;
  border-color: transparent;
  border-bottom-color: transparent;
  vertical-align: middle;
  border-bottom-style: solid;
  border-bottom-color: var(--color-primary);
  position: absolute;
  top: 0px;
  left: 50%;
  margin: 0 0 0 -5px;
}

.pro_img .preview .swiper-slide img {
  width: 100%;
  border: 1px solid #D9D9D9;
  padding: 2px;
  box-sizing: border-box;
}

.pro_img .preview .active-nav img {
  border: 1px solid var(--color-primary);
}

.pro_img .preview .swiper-slide.active-nav::after {
  display: inline-block;
}

.pro_view_inner {
  margin-left: 500px;
}

.pro_view_inner h1 {
  color: #111;
  font-size: 24px;
  margin: 10px 0 20px;
}

.pro_view_inner hr {
  border: none;
  height: 4px;
  background: url(../images/line.png) repeat-x;
  margin: 15px 0;
}
.swiper-slide .ddpic {
  width: 100%;
  height: 0;
  padding-bottom: 100%;
  position: relative;
  overflow: hidden;
}
.swiper-slide img {
  position: absolute;
  top: 0;
  object-fit: cover;
  left: 0;
  height: 100%;
  width: 100%;
}
.pro_view_inner p {
  line-height: 24px;
  font-size: 15px;
  margin-bottom: 10px
}

.pro_view_inner .pro_para {
  margin-bottom: 20px;
}

.pro_view_inner .pro_para table {
  width: 100%;
  border: 1px solid #dddddd;
}

.pro_view_inner .pro_para table tr>td {
  padding: 6px 8px;
  line-height: 1.42857143;
  font-size: 15px;
  vertical-align: middle;
  border: 1px solid #dddddd;
}

.pro_view_inner .pro_para table tr>td:first-child {
  /*width: 20px;*/
}

.pro_view_inner .pro_btn {
  margin-bottom: 20px;
}

.pro_view_inner .pro_btn .book {
  width: 150px;
  height: 40px;
  line-height: 40px;
  text-align: center;
  font-size: 15px;
  color: #fff;
  display: inline-block;
  background: var(--color-primary);
  border-radius: 25px;
}

.pro_view_inner .pro_btn .pdf {
  width: 150px;
  height: 40px;
  line-height: 40px;
  text-align: center;
  font-size: 15px;
  color: #fff;
  display: inline-block;
  background: #FF6550;
  margin-left: 20px;
}

.pro_view_inner .pro-share {
  margin: 20px 0 0 0;
  font-size: 14px;
  color: #fff;
}

.pro_view_inner .pro-share .addthis_inline_share_toolbox_ysau {
  clear: none !important;
}

.pro_text {
  margin: 30px 0 0;
  position: relative;
}

.pro_text .tit {
  height: 54px;
  background: #F3F3F3;
  padding: 12px 0 0;
  box-sizing: border-box;
}

.pro_text .tit h5 {
  border-left: 3px solid var(--color-primary);
  padding: 0 0 0 15px;
  color: #111;
  height: 30px;
  line-height: 30px;
  font-size: 18px;
  font-weight: 600;
}

.pro_text {
  margin: 20px 0 0;
}

.pro_text .tit {
  height: 45px;
  padding: 10px 0 0;
}

.pro_text .tit h5 {
  border-left: 2px solid #0160BC;
  padding: 0 0 0 13px;
  height: 25px;
  line-height: 25px;
  font-size: 18px;
}

.pro-content {
  padding: 20px 15px 10px;
  line-height: 24px;
  font-size: 15px;
  color: #333;
}

.pro-content p {
  margin-bottom: 15px;
}

.pro-content .row {
  margin-bottom: 15px;
}

.pro-content .table-response {
  width: 100%;
  max-width: 100%;
  overflow-x: auto;
}

.pro-content table {
  max-width: 100%;
  margin-bottom: 15px;
  font-size: 15px;
  border: 1px solid #dddddd;
  color: #333;
}

.pro-content table tr>th {
  padding: 10px 15px;
  line-height: 1.42857143;
  vertical-align: middle;
  border: 1px solid #dddddd;
  background: #F3F3F3;
  color: #333;
}

.pro-content table tr>td {
  padding: 10px 15px;
  line-height: 1.42857143;
  vertical-align: middle;
  border: 1px solid #dddddd;
}

.pro-content table tr>td p {
  margin: 0;
}

.pro-inquiry .tit {
  height: 60px;
  background: #F3F3F3;
  padding: 14px 0 0;
  box-sizing: border-box;
}

.pro-inquiry .tit h5 {
  border-left: 3px solid var(--color-primary);
  padding: 0 0 0 15px;
  color: #333;
  height: 32px;
  line-height: 32px;
  font-size: 18px;
  font-weight: 600;
}

.pro-inquiry {
  margin: 30px 0 0;
}

.pro-inquiry .inquirbox {
  border: 2px solid #F3F3F3;
  border-top: none;
  padding: 20px 15px 5px;
}

.inquirbox {}

.inquirbox h5 {
  background: #F0B323;
}

.inquirbox .row {
  margin-bottom: 15px;
}

.inquirbox input[type="text"],
.inquirbox textarea {
  padding: 10px 10px;
  font-size: 14px;
  border: 1px solid #D2D2CF;
  width: 100%;
  line-height: 22px;
  text-align: left;
  color: #111;
  box-sizing: border-box;
}

.inquirbox textarea {
  max-width: 100%;
  width: 100%;
  resize: none;
}

.inquirbox input[type="text"]:focus,
.inquirbox textarea:focus {
  box-shadow: 0 0 5px #999;
  background: #fafafa;
  border-color: #999;
  outline: 0
}

.inquirbox .red {
  color: #f00;
  font-weight: bold;
}

.inquirbox .yzm {
  width: 70%;
  margin-right: 10px;
}

.inquirbox img {
  cursor: pointer;
  margin-left: 3px;
  display: inline-block;
  vertical-align: middle;
}

.inquirbox input.submit {
  margin: 0 auto;
  width: 150px;
  line-height: 42px;
   background: var(--btn-bg);
  text-align: center;
  display: block;
  color: #fff;
  font-size: 17px;
  cursor: pointer;
  border-radius: 25px;
}

.inquirbox input.submit:hover {
  background: var(--btn-bg);
}



@media screen and (max-width:1330px) {

  .goods-right {
    margin-left: 290px;
  }
}

@media screen and (max-width:1280px) {

  .main {
    padding-top: 25px;
    padding-bottom: 30px;
  }

  .goods-right {
    margin-left: 0;
  }

  .pro_img {
    float: none;
    margin: 0 auto;
    width: 400px;
  }

  .pro_view_inner {
    float: none;
    width: 100%;
    text-align: center;
    margin: 20px 0 0;
  }

  .pro_view_inner .pro_btn .book {
    width: 130px;
    height: 36px;
    line-height: 36px;
    font-size: 14px;
  }

  .pro_view_inner .pro_btn .pdf {
    width: 130px;
    height: 36px;
    line-height: 36px;
    font-size: 14px;
    margin-left: 15px;
  }

  .pro-content {
    padding: 15px 15px;
    line-height: 22px;
    font-size: 14px;
  }

  .pro-content table tr>th {
    padding: 8px 10px;
  }

  .pro-content table tr>td {
    padding: 8px 10px;
  }

  .pro-content table tr>td p {
    margin: 0;
  }

  .pro-inquiry .tit,
  .related-pro .tit {
    height: 45px;
    padding: 10px 0 0;
  }

  .pro-inquiry .tit h5,
  .related-pro .tit h5 {
    border-left: 2px solid #0160BC;
    padding: 0 0 0 13px;
    height: 25px;
    line-height: 25px;
    font-size: 18px;
  }

  .pro-inquiry {
    margin: 10px 0 0;
  }

  .pro-inquiry .inquirbox {
    padding: 15px 15px 5px;
  }

  .inquirbox .row {
    margin-bottom: 0;
  }

  .inquirbox .row>div {
    margin-bottom: 10px;
  }

  .inquirbox input.submit {
    width: 130px;
    line-height: 34px;
    font-size: 15px;
  }
}

@media screen and (max-width:480px) {

  .pro_img {
    width: 100%;
  }

  .pro_img .preview .swiper-slide {
    width: 45px;
  }

  .pro_view_inner .pro_tip p {
    font-size: 15px;
  }

  .pro_view_inner h1 {
    font-size: 18px;
  }
}





body{
  overflow-x: hidden;
}

@media screen and (max-width:768px){

  .richtext-detail{

    width: 100% !important;
  }
  #detail_decorate_root{

    width:100% !important;
  }
  #detail_decorate_root [class*="magic-"]{width:100% !important;height:100% !important;}
}
.ife-detail-decorate-table{
  overflow-x: auto;
  
  }

.main {
  padding-top: 40px;
  padding-bottom: 60px;
}



.newslist {}

.newslist ul li {
  overflow: hidden;
  margin: 0 0 20px;
  padding: 15px;
  transition: all 0.3s ease 0s;
  box-sizing: border-box;
  box-shadow: 0 0 5px rgba(0, 0, 0, 0.2);
  display: -webkit-flex;
  display: flex;
  -webkit-justify-content: space-between;
  justify-content: space-between;
  height:200px;
}

.newslist ul li .pic {
  width: 270px;
  display: block;
  overflow: hidden;
}

.newslist ul li .pic img {
  width: 100%;
  transition: all 0.3s ease 0s;
}

.newslist ul li .t {
  -webkit-flex: 1;
  flex: 1;
  margin-left: 30px;
}

.newslist ul li .t h5 {
  font-size: 20px;
  font-weight: 600;
  text-transform: capitalize;
  color: #333;
}
.newslist ul li .t h5  a {
  color:#333
}
.newslist ul li .t h5 a:hover {
  color: var(--color-primary);
}

.newslist ul li .t span {
  background: url("../images//58bef2cec67502a9174d1e9b811cf957a3247689b4e94218e716c2f430d3fe0d.png") no-repeat left center;
  padding: 0 0 0 30px;
  display: block;
  font-size: 14px;
  color: #777;
  margin: 13px 0 0;
}

.newslist ul li .t p {
  color: #666;
  font-size: 16px;
  height: 46px;
  font-weight: 300;
  overflow: hidden;
  margin: 10px 0 0 0;
  line-height: 23px;
}

.newslist ul li .t .more {
  margin-top: 13px;
  display: inline-block;
  color: #fff;
  font-size: 13px;
  width: 110px;
  height: 34px;
  line-height: 34px;
  text-align: center;
  border-radius: 5px;
  background: var(--btn-bg);
}

.newslist ul li .t .more:hover {
  background: var(--btn-bg-hover);
}

.newslist ul li .pic:hover img {
  transform: scale(1.08);
  -webkit-transform: scale(1.08);
}

@media screen and (max-width:1330px) {
 
}

@media screen and (max-width:768px) {

  .main {
    padding-top: 25px;
    padding-bottom: 30px;
  }

  .article-right {
    margin-left: 0;
  }

  .newslist ul li {
    margin: 0 0 15px;
  }

  .newslist ul li .pic {
    width: 180px;
  }

  .newslist ul li .t {
    margin-left: 20px;
  }

  .newslist ul li .t h5 {
    font-size: 18px;
  }

  .newslist ul li .t span {
    font-size: 12px;
    margin: 10px 0 0;
  }

  .newslist ul li .t p {
    font-size: 15px;
    height: 44px;
    margin: 10px 0 0;
    line-height: 22px;
  }

  .newslist ul li .t .more {
    display: none;
  }
}

@media screen and (max-width:480px) {
  .newslist ul li {
    -webkit-flex-direction: column;
    flex-direction: column;
  }

  .newslist ul li .pic {
    width: 240px;
    margin: 0 auto;
  }

  .newslist ul li .t {
    margin: 15px 0 0;
    text-align: center;
  }

  .newslist ul li .t span {
    display: inline-block;
  }

  .newslist ul li .t p {
    height: auto;
    line-height: 20px;
  }
}

.main {
  padding-top: 40px;
  padding-bottom: 60px;
}

.article-right {
  margin-left: 340px;
}

.newsnr {}

.newsnr h1 {
  font-size: 24px;
  line-height: 1;
  margin: 20px 0 0;
  color: #333;
  text-align: center;
  text-transform: capitalize;
}

.newsnr .artInfo {
  padding: 0 0 20px;
  border-bottom: 1px solid #D9D9D9;
  text-align: center;
  margin: 25px 0 0;
  position: relative;
}

.newsnr .artInfo::after {
  content: "";
  display: block;
  height: 3px;
  background: var(--color-primary);
  width: 100px;
  position: absolute;
  bottom: -2px;
  left: 50%;
  margin: 0 0 0 -50px;
  z-index: 1;
}

.newsnr .artInfo span {
  margin: 0 10px;
  line-height: 20px;
  display: inline-block;
  font-size: 14px;
  color: #666;
}

.newsnr .artInfo span.time {
  background: url(../../images/time3.png) no-repeat left center;
  padding: 0 0 0 20px;
}

.newsnr .artInfo span.hit {
  background: url(../images/hit.png) no-repeat left center;
  padding: 0 0 0 23px;
}

.myart {
  margin: 20px 0;
  line-height: 26px;
  font-size: 17px;
  color: #666;
  font-weight: 300;
}

.myart p {
  margin: 0 0 10px;
}

.pnbar {
  margin-top: 30px;
}

.pnbar p {
  max-width: 100%;
  margin: -1px 0 0 0;
  padding: 8px 14px;
  border: 1px solid #ddd;
  font-size: 16px;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
  text-transform: capitalize;
}

.pnbar p a {
  color: #545454;
}

.pnbar p:hover a {
  color: var(--color-primary);
}

@media screen and (max-width:1330px) {

  .article-right {
    margin-left: 290px;
  }
}

.prolist ul li .t .more{display:none}
@media screen and (max-width:768px) {

  .main {
    padding-top: 25px;
    padding-bottom: 30px;
  }

  .article-right {
    margin-left: 0;
  }

  .newsnr h1 {
    font-size: 18px;
    line-height: 1.2;
  }

  .myart {
    margin: 15px 0;
    line-height: 22px;
    font-size: 12px;
  }

  .myart p {
    margin: 0 0 8px;
  }

  .pnbar {
    margin-top: 20px;
  }

  .pnbar p {
    padding: 7px 10px;
    font-size: 15px;
  }
  .latest-news .page {
    font-size: 0;
    text-align: center;
    margin-top: 20px;
}
.prolist ul li .pic .ddpic{border-radius:10px}
.prolist ul li .t h6 a {
  color:#000
}
.prolist ul li .t h6{display: table;/* margin-top: 12px; */}


.prolist ul li .t .more	{
    text-align: center;
    font-size: 12px;
    color: #ffffff;
    background: var(--btn-bg);
    /* margin-top:5px; */
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 25px;
    padding: 1px;
    width: 59%;
    margin-left: 44%;
    height: 28px;
    margin-bottom: 4px;
 }
	
.prolist ul li .t	p{
		    display: -webkit-box;
		    -webkit-box-orient: vertical;
		    -webkit-line-clamp: 4;
		    overflow: hidden;
		    text-overflow: ellipsis;
		    max-width: 100%;
		    margin-top: 0.5em;
			text-align: left;
		    /* height: 6em; */
			
	}
}

table {
    background-color:#fff;
    width: 100%;
    margin-block-end:15px;font-size: .9em;
    border-spacing: 0;
    border-collapse: collapse;
	
}

table td,table th,table p {
    padding: 15px;
    line-height:2!important;
    vertical-align: top;
    border: 0px solid hsla(0,0%,50.2%,.5019607843)
}

table th {
    font-weight: 700
}

table tfoot th,table thead th {
    font-size: 1em
}

table caption+thead tr:first-child td,table caption+thead tr:first-child th,table colgroup+thead tr:first-child td,table colgroup+thead tr:first-child th,table thead:first-child tr:first-child td,table thead:first-child tr:first-child th {
    border-block-start:1px solid hsla(0,0%,50.2%,.5019607843)}

table tbody>tr:nth-child(odd)>td,table tbody>tr:nth-child(odd)>th {
    background-color: hsla(0,0%,50.2%,.0705882353)
}

table tbody tr:hover>td,table tbody tr:hover>th {
    background-color: hsla(0, 0%, 50.2%, .1019607843);
}

table tbody+tbody {
    border-block-start:2px solid hsla(0,0%,50.2%,.5019607843)}

@media (max-width: 767px) {
    table table {
        font-size:.8em
    }

    table table td,table table th {
        padding: 7px;
        line-height: 1.3
    }

    table table th {
        font-weight: 400
    }
}