/* BASIC css start */
.top_slider_wrap .swiper-pagination-bullet   {    

    display: inline-block;
   
    background:   rgba(0,0,0,0.45);
    opacity: 1; 
    margin:0px 3px !important;
}

.top_three_banner2 .swiper-pagination-bullet, .middle_made_prd_wrap .swiper-pagination-bullet {
  
    display: inline-block;
   
    background:   rgba(0,0,0,0.45);
    border:0px solid rgba(0,0,0,0.8);
    opacity: 1; 
    margin:0px 3px !important;
}


.top_slider_wrap .swiper-pagination {text-align:right; bottom:15px !important; right:15px; width:auto !important; }

.top_slider_wrap .swiper-pagination-bullet-active, .top_three_banner2 .swiper-pagination-bullet-active,  .middle_made_prd_wrap .swiper-pagination-bullet-active   {
  opacity: 1;
    background: rgba(0,0,0,0.8);
    
}

.new_body_right_wrap .parallax { 
  margin-bottom:0px; 
  /* Set a specific height */
  height: 500px; 

  /* Create the parallax scrolling effect */
  background-attachment: fixed;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
}

.new_body_right_wrap .soap_review_wrap {width:calc(100% - 200px); overflow:hidden; padding:55px 75px 90px; background:#EDEBEC; position:relative; margin:30px auto 0px; }
.new_body_right_wrap .soap_review_wrap .title {    
    font-size: 25px;
    color: #010101;
    line-height: 30px;
    text-align: center;
    font-weight: 400;
    margin-bottom: 70px;
 }
.new_body_right_wrap .soap_review_wrap img {width:100%; }
.new_body_right_wrap .soap_review_wrap .swiper-button-next, .new_body_right_wrap .soap_review_wrap .swiper-button-prev {width:44px; height:44px; margin-top:-25px; background-size:26px 48px;}
.new_body_right_wrap .soap_review_wrap .swiper-button-next {right:15px; }
.new_body_right_wrap .soap_review_wrap .swiper-button-prev {left:15px; }


.new_body_right_wrap .middle_made_prd_wrap .made_sp {position:relative; bottom:0; margin-top:20px; }

.new_body_right_wrap .band_wrap {margin:0 auto;; margin-top:7%; }
.new_body_right_wrap .band_wrap .band_banner {max-width:1200px; }
.new_body_right_wrap .band_wrap .band_banner img {max-width:100%;}
.new_body_right_wrap .band_wrap .swiper-button-next, .new_body_right_wrap .band_wrap .swiper-button-prev {width:44px; height:44px; margin-top:-25px; background-size:26px 48px;}
.new_body_right_wrap .band_wrap .swiper-button-next {right:50px; }
.new_body_right_wrap .band_wrap .swiper-button-prev {left:50px; }

.new_body_right_wrap {padding:0px 0px; }


.new_body_right_wrap .swiper-pagination-progress .swiper-pagination-progressbar {background:#000; }

.new_body_right_wrap .top_slider_wrap {width:100%; overflow:hidden; margin-top:1%; }
.new_body_right_wrap .top_slider_wrap .left_slider {width:calc(60% - 1%); float:left; margin-right:1% }
.new_body_right_wrap .top_slider_wrap .right_slider {width:calc(40% - 0%); float:right; }
.new_body_right_wrap .top_slider_wrap .right_slider .ri_sl2 {margin-top:10px; }
.new_body_right_wrap .top_slider_wrap .right_slider img, .new_body_right_wrap .top_slider_wrap .left_slider img {width:100%; }

.new_body_right_wrap .top_three_banner2 {width:100%; overflow:hidden;}
.new_body_right_wrap .top_three_banner2 .left_wrap:nth-child(3n-2) {float:left; width: calc(66% - 7.5px); margin-right:15px; height:650px}
.new_body_right_wrap .top_three_banner2 .left_wrap:nth-child(3n-1) {float:left; width: calc(34% - 7.5px); margin-right:0px; height:317.5px; margin-bottom:15px;}
.new_body_right_wrap .top_three_banner2 .left_wrap:nth-child(3n) {float:left; width: calc(34% - 7.5px); margin-right:0px; height:317.5px;}


.new_body_right_wrap .top_three_banner2 .left_wrap a {display:block; background-position:center; background-size:cover; height:100%; background-repeat:no-repeat; }
.new_body_right_wrap .top_three_banner2 .right_wrap {float:left; width: calc(50% - 7.5px); height:647px;}



.new_body_right_wrap .top_three_banner2 .right_wrap .banner_img {margin-bottom:15px; height:317px; }
.new_body_right_wrap .top_three_banner2 .right_wrap .banner_img:last-child {margin-bottom:0; }
.new_body_right_wrap .top_three_banner2 .banner_img a {display:block; background-position:center; background-size:cover; height:100%; background-repeat:no-repeat; }
.new_body_right_wrap .top_three_banner2 .sp22 {position:relative; bottom:0; margin-top:30px; }


.new_body_right_wrap .middle_slider_banner img {max-width:100%; }
.new_body_right_wrap .middle_slider_banner .swiper-slide {position:relative; }
.new_body_right_wrap .middle_slider_banner .hover_wrap {opacity:0; position:absolute; bottom:0; width:100%; height:45px; background:rgba(0,0,0,0.7); }
.new_body_right_wrap .middle_slider_banner .swiper-slide:hover .hover_wrap {opacity:1; }
.new_body_right_wrap .middle_slider_banner .hover_wrap .hover_table {display:table; width:100%;}
.new_body_right_wrap .middle_slider_banner .hover_wrap .hover_table > a {display:table-cell; width:100%; min-height:100%; height:45px; vertical-align:middle; text-align:center; font-size:13px; color:#fff; font-weight:600; }
.new_body_right_wrap .middle_slider_banner .hover_wrap .hover_table > a span {vertical-align:middle; }


.new_body_right_wrap .top_three_banner {padding-top:3%; width:100%; overflow:hidden;}
.new_body_right_wrap .top_three_banner .banner_img {float:left; width: calc(100% / 4 - 9px); margin-right:11.5px; box-sizing:border-box; }
.new_body_right_wrap .top_three_banner .banner_img:last-child {margin-right:0px;}
.new_body_right_wrap .top_three_banner .banner_img img {max-width:100%; }
.new_body_right_wrap .top_three_banner .banner_img img:hover {opacity:0.8; }

.new_body_right_wrap .title_main {    
    margin-top: 5%;
    text-align: center;
    max-height: 40px;
    font-size: 17px;
    font-weight: 600;
    letter-spacing: 5px;
    margin-bottom: 40px;
    color: #343333;
}

.new_body_right_wrap .title_main.big {
   font-size:25px;
}

.new_body_right_wrap .title_main.bg {    
    text-align: center;
    max-height: 450px;
    font-size: 60px;
    font-weight: 600;
    letter-spacing: 8px;
    max-width: 1200px;
    margin: 12% auto 10%;
    background-position: center;
    height: 450px;
    background-size: cover;
    text-shadow: 2px 1px 1px gray;
}

.new_body_right_wrap .title_main img {height:40px; }
.new_body_right_wrap .title_sub { 
    font-size: 16px;
    display: block;
    margin-top: 5px;
    margin-bottom:30px;
    text-align:center;
    color:#9A9A9A;
    font-weight:600;
}

.new_body_right_wrap .title_sub span {
   color:#B62137;
}

.new_body_right_wrap .title_main_gray {text-align:center; font-size:20px; font-weight:600; display:block; color:#a49c9c; margin:10% 0px 20px; }


.new_body_right_wrap .middle_4banner_wrap { overflow:hidden; padding:12% 0px 20px; margin:0 auto;   }
.new_body_right_wrap .middle_4banner_wrap > ul {font-size:0; text-align:center; }
.new_body_right_wrap .middle_4banner_wrap > ul li {display:inline-block; width:calc(50% - 30px); margin-right:30px; margin-bottom:30px; }
.new_body_right_wrap .middle_4banner_wrap > ul li:nth-child(2n) {margin-right:0px; }
.new_body_right_wrap .middle_4banner_wrap > ul li .thumb img {width:100%;}
.new_body_right_wrap .middle_4banner_wrap > ul li .info_wrap .info_title {margin-top:10px; font-size:25px; text-align:left; line-height:30px; color:#343333; font-weight:600;}
.new_body_right_wrap .middle_4banner_wrap > ul li .info_wrap .info_subtitle {font-size:16px; text-align:left; line-height:30px; color:#343333;}


.new_body_right_wrap .middle_best_prd_wrap .prd_description {margin-bottom:20%; }
.new_body_right_wrap .middle_best_prd_wrap .prd_wrap > li:nth-child(5),
.new_body_right_wrap .middle_best_prd_wrap .prd_wrap > li:nth-child(6),
.new_body_right_wrap .middle_best_prd_wrap .prd_wrap > li:nth-child(7) {
  width:calc(100% / 3 - 24px); margin-right:35px;
}

.new_body_right_wrap .middle_best_prd_wrap .prd_wrap > li:nth-child(7) {
   margin-right:0px;
}

.new_body_right_wrap .middle_best_prd_wrap .prd_wrap > li:nth-child(5) img,
.new_body_right_wrap .middle_best_prd_wrap .prd_wrap > li:nth-child(6) img,
.new_body_right_wrap .middle_best_prd_wrap .prd_wrap > li:nth-child(7) img {
  width:100%;
}

.new_body_right_wrap .middle_best_prd_wrap .prd_wrap > li:nth-child(8) {width: calc(100% / 4 - 20px); margin-right:26px; }
.new_body_right_wrap .middle_best_prd_wrap .prd_wrap > li:nth-child(11) {width: calc(100% / 4 - 20px); margin-right:0px; }

.new_body_right_wrap .btn_more_wrap {text-align:center; margin-top:30px;}
.new_body_right_wrap .btn_more_wrap a {display:inline-block; padding:15px 50px; font-size:14px; font-weight:600; color:#343333; border:1px solid #343333; transition:0.4s; }
.new_body_right_wrap .btn_more_wrap a:hover {color:#fff; background:#343333; border-color:#343333; }

.middle_made_prd_wrap img {width:100%; }
.middle_made_prd_wrap .prd_description {margin-bottom:0px; display:none; }

.soap_info_wrap {background:#d2d2d2; margin-bottom:10%;}
.soap_info_wrap ul {
    text-align:center;
    padding: 25px;
    font-size: 0;
    line-height: 0;
}
.soap_info_wrap ul li {    /* max-width: 150px; */
    display: inline-block;
    /* margin: 0px 10px; */
    width: calc(100% / 6 - 21px);
    margin-right: 24px;
    vertical-align:top;
}
.soap_info_wrap ul li:last-child {margin-right:0; }
.soap_info_wrap ul li img {width:100%; }
.soap_info_wrap ul li p {margin-top:10px; color:#000; font-weight:600; text-align:center; font-size:12px; line-height:18px; }

.diet_info_wrap {width:100%; text-align:center; margin-bottom:60px;  }
.ico img { width : auto !important; }
.new_body_right_wrap .title_main_red {text-align:center; font-size:20px; font-weight:600; display:block; color:#C7334D; margin:10% 0px 20px; }

/* BASIC css end */