.inbox{width:1320px; margin:0 auto;}
.green{color: #1d5c39 !important;}
.yellow{color:#f6d57b}
.red{color:#ff3259}
.flash{transition: all 0.5s 1s;-webkit-animation: flash 2s ease-in-out infinite 3s;-moz-animation: flash 2s ease-in-out infinite 3s;-ms-animation: flash 2s ease infinite 3s;-o-animation: flash 2s ease-in-out infinite 3s;animation: flash 2s ease-in-out infinite 3s;-webkit-transition: all 0.5s 1s;}
 .down{transition: all 0.5s 1s;-webkit-animation: down 2s ease-in-out infinite 3s;-moz-animation: down 2s ease-in-out infinite 3s;-ms-animation: down 2s ease infinite 3s;-o-animation: down 2s ease-in-out infinite 3s;animation: down 2s ease-in-out infinite 3s;-webkit-transition: all 0.5s 1s;}
em{font-style:normal}
@keyframes pulse-me {
  0% {
    transform: scale(1);
    opacity: 0;
  }
  50% {
    opacity: 0.7;
  }
  70% {
    opacity: 0.6;
  }
  100% {
    transform: scale(1.15);
    opacity: 0.3;
  }
}

@keyframes btn1 {
  0% {
  opacity:0;
  }
  40% {
  opacity:1;
  }
  
  
}
@keyframes btn2 {
  0% {
  opacity:1;
  }
  40% {
  opacity:0;
  }
  90% {
  opacity:1;
  }
  
}


.header{position: relative;left:0;top:0;width:100%;z-index:50;background-color:#fff;}
.header.scroll{position:fixed;}
.header .inbox{padding:17px 0;}
.header h1{width:151px; float:left;}
.header h1 a{display:block; height:45px; background:url(/images/logo.png) no-repeat 50%;}

.h_quick{position:fixed;top:50%;right:0;/* display:none; */transform: translateY(-50%);background: #185031;width: 110px;border-radius: 5px;box-shadow: 0 0 10px rgba(0,0,0,0.5);border: 1px solid #fff;}
.h_quick div{position: relative;display:flex;height: 119px;justify-content: center;align-items: center;flex-direction: column;text-align: center;color: #fff;font-size: 15px;line-height: 1.3em;}
.h_quick div::after{position:absolute;left:10%;bottom: 0;width:80%;height:1px;background-color:#fff;content:'';opacity: 0.2;}
.h_quick div img{display:block; margin-bottom:5px}
.h_quick div i{display:block;color:#fff;font-size: 35px;margin-bottom: 11px;}
.h_quick div a{color:#fff;}
.xi-kakaotalk{font-family:xeicon!important;}

.gnb{float:left;margin-left:15px;}
.gnb li{float:left;margin: 0 44px;}
.gnb li a{color:#000; font-size:18px; font-weight:500; height:45px; line-height:45px;}
.gnb li a.active{color:#1d5c39; font-weight:900;}
.visual{position: relative;overflow: hidden;/* background-color: #000; */}
.visual>span{position:absolute;top:50%;z-index: 10;transform: translateY(-50%);cursor: pointer;}
.visual>span i{color: #f6d57b;font-size: 80px;}
.l_btn{left:5%;}
.r_btn{right:5%;}
.visual .inbox{min-height:950px; height:100vh}

.visual .v_text{display:flex;}
.visual .v_text p{color:#fff;}
.visual .v_text h3{font-weight:900; color:#fff;}

.v_text>div{position:relative; display:flex;background-color:#205d39; border:2px solid #fff}
.v_text h5{color:#fff;}
.v_text em{color:#fff; font-weight:bold}
.v_text div{color:#fff; font-weight:bold}

.visual li{height:900px;background-position:50% 50%;background-repeat:no-repeat;background-color: #38684a;}
 .visual .swiper-pagination{position:absolute;left:0;width:100%;bottom: 3%;text-align:center;}
svg.intro {
}
svg.intro .text {
 
}
svg.intro .text {
  font-size: 20px;
  display: inline-block;
  font-family:'Happiness-Sans-Title',sans-serif;
}
svg.intro .t2{font-size: 19px !important;}
svg.intro .t3{font-size: 38px !important;}

svg.intro .text-stroke {
  fill: none;
  stroke: #4e4e4e;
  stroke-width: 18px;
  stroke-dashoffset: -900;
  stroke-dasharray: 900;
  stroke-linecap: butt;
  stroke-linejoin: round;
 
}
svg.intro.go .text-stroke {
	 -webkit-animation: dash 4.5s ease-in-out forwards;
  animation: dash 4.5s ease-in-out forwards;
}
svg.int1.go .text-stroke:nth-child(1) {
  -webkit-animation-delay: 0.4s;
          animation-delay: 0.4s;
}
 
svg.int2.go .text-stroke:nth-child(1) {
  -webkit-animation-delay: 0.6s;
          animation-delay: 0.6s;
}
  
svg.int3.go .text-stroke:nth-child(1) {
  -webkit-animation-delay: 1.2s;
          animation-delay: 1.2s;
} 
svg.intro.go .text-stroke-2 {
  stroke: #1d5c39;
}
svg.intro.go .text-stroke-3 {
  stroke: #fff;
}


@-webkit-keyframes dash {
  100% {
    stroke-dashoffset: 0;
  }
}

@keyframes dash {
  100% {
    stroke-dashoffset: 0;
  }
}

@keyframes slide {
  100% {
   width: 1000px;
  }
}
@-webkit-keyframes slide {
  100% {
   width: 1000px;
  }
}

@keyframes slideimg {
 0% {
   width: 1000px;
  }
  50% {
   width: 1100px;
  }
  100% {
   width: 1000px;
  }
}
@-webkit-keyframes slideimg {
 0% {
   width: 1000px;
  }
  50% {
   width: 1100px;
  }
  100% {
   width: 1000px;
  }
}
 
 
.animate__slide {    -webkit-animation-name: slide;animation-name: slide;}
.animate__slide img{    -webkit-animation-name: slideimg;animation-name: slideimg; animation-duration: 2s;
    opacity: 1;
    animation-delay: 0.1s;    transform: translate3d(0px, 0px, 0px) scale3d(1, 1, 1) rotateX(0deg) rotateY(0deg) rotateZ(0deg) skew(0deg, 0deg);
    transform-style: preserve-3d;}

 
 
.v_txt{position:absolute; left:0; bottom:0; width:100%;height: 550px;background: url(/2207/pc/v_img3.png) no-repeat 50% 100%;}
.v_txt>div{position:absolute;padding: 30px 20px;border: 10px solid rgba(255,255,255,0.5);z-index: -1;}
.v_txt>div strong,.v_txt>div p{text-align:left;color:#fff;line-height: 1.4em;}
.v_txt>div strong{font-weight:900;/* display:block; */}
.v_txt>div p{font-size:33px; }
.vt1 strong{font-size:33px;}
.vt2 strong{font-size: 33px;}

.vt1{left: 56px;bottom: 224px;}
.vt2{right: 172px;bottom: 419px;}
.vt2 .heart{position:absolute;top:-80px;right:-100px;height:293px;width: 154px;}
.vt2 .heart i{position:absolute; animation-timing-function:ease-in-out;animation-iteration-count:infinite;animation-direction:normal;animation-play-state:running;-webkit-animation-timing-function:ease-in-out;-webkit-animation-iteration-count:infinite;-webkit-animation-direction:normal;-webkit-animation-play-state:running;animation-name:hearts;-webkit-animation-name:hearts;text-shadow: 5px 5px 4px rgba(0,0,0,0.5);}

@keyframes hearts {
	0% {transform:rotate(10deg);opacity:1;}
	30% {transform:rotate(-10deg);}
	50% {transform:rotate(10deg);opacity:0;}
	100% {top:-300px;transform:rotate(10deg);opacity:0;}
}

@-webkit-keyframes hearts {
0% {transform:rotate(10deg);opacity:1;}
	30% {transform:rotate(-10deg);}
	50% {transform:rotate(10deg);opacity:0;}
	100% {top:-300px;transform:rotate(10deg);opacity:0;}
}
.heart .h1{
	animation-delay:1.8s;
	-webkit-animation-delay:1.8s;
	left: 18px;
	color: #ff3b59;
	font-size: 64px;
	top: -5px;
	animation-duration:2.2s;-webkit-animation-duration:2.2s;
}

.heart .h2{
	animation-delay:1.5s;
	-webkit-animation-delay:1.5s;
	left: -1px;
	color: #ff6f88;
	font-size: 43px;
	top: 28px;
	animation-duration:2.5s;-webkit-animation-duration:2.5s;
}
.heart .h3{
	animation-delay:2s;
	-webkit-animation-delay:2s;
	right: 12px;
	color: #ff3b59;
	font-size: 50px;
	top: 109px;
animation-duration:2.5s;-webkit-animation-duration:2.5s;}

.heart .h4 {
	animation-delay:0.7s;
	-webkit-animation-delay:0.7s;
	left: -1px;
	color: #ff6f88;
	font-size: 31px;
	top: 280px;
animation-duration:4s;-webkit-animation-duration:4s;
}

.heart .h5{
animation-delay:2.5s;
	-webkit-animation-delay:2.5s;
	left: -1px;
	color: #ff6f88;
	font-size: 31px;
	top: 280px;
animation-duration:4s;-webkit-animation-duration:4s;}
 
.visual .v_bg{position:absolute; top:0; left:0; width:100%; height:100%; z-index:-2;}
@media (min-aspect-ratio: 16/9) {
  .v_bg {
    height: 108% !important;
    top: -4% !important;
  }
}
@media (max-aspect-ratio: 16/9) {
  .v_bg {
    width: 300% !important;
    left: -100% !important;
  }
}




.con1{position:relative;padding-bottom: 130px;background:url(/images/con1_bg.png) no-repeat 50% 0;overflow:hidden}
.con1 .bg{position:absolute; top:0; width:14%; height:200%;}
.con1 .bg span{display:block; width:100%; height:50%;}
.bg1{left:0;}
.bg2{right:0;}
.bg1 span{background:url(/images/con1_bg1.png) 100% 0 repeat-y; animation: repeatY 40s infinite linear 1s both;-webkit-animation: repeatY 40s infinite linear 1s both;}
.bg2 span{background:url(/images/con1_bg2.png) 0% 0 repeat-y;animation: repeatY 40s infinite linear 1s both reverse;animation-direction: reverse;-webkit-animation: repeatY 40s infinite linear 1s both reverse}

 


.bg3{position:absolute;left:0;bottom: 100px;width:11874px;height:270px;display: flex;}
.bg3:hover img{    -webkit-animation-play-state: paused;
    animation-play-state: paused;
}
.bg3 img{display:inline-block; margin-right:30px;-webkit-animation: loop 100s infinite linear 1s both;
    animation: loop 100s infinite linear 1s both;}

.con1 .con1_txt{padding:215px 0 150px 98px;}
.con1 .con1_txt p{position: relative;color:#fff;font-size:30px;font-weight:300;line-height: 1.5em;z-index: 3;}
.con1 .con1_txt p span{font-weight:900;position: relative;}

.con1_txt p span::after{position: absolute;left: -1px;top: -12%;width: 101%;height: 120%;background-color: #001e0a;content: '';z-index: -1;transform-origin: 0 50%;transform: scaleX(0);}
.con1_txt p span.line1.animate__animated::after{-webkit-animation-name:underline;animation-name:underline;   animation-duration: 0.7s;animation-delay:0.7s; -webkit-animation-fill-mode:both;animation-fill-mode:both} 
.con1_txt p span.line2.animate__animated::after{-webkit-animation-name:underline;animation-name:underline;   animation-duration: 0.7s;animation-delay:1.4s; -webkit-animation-fill-mode:both;animation-fill-mode:both} 


.con1_txt2{padding-left:98px;}
.con1_txt2 p{color:#001e0a;font-size:30px;font-weight:300;z-index:1;position: relative;line-height: 1.6em;}
.con1_txt2 p strong{padding-top:50px;color:#1d5c39;font-size:60px;font-weight:300;background: url(/images/con1_point.png) no-repeat 50% 7px;display: inline-block;vertical-align: super;}
.con1_txt2 p strong font{display:inline-block; padding:0 3px;font-family: 'Happiness-Sans-Title', sans-serif;}

.con1_txt2 p span{position:relative;display:inline-block;color:#001e0a;font-size:40px;font-family: 'Happiness-Sans-Title', sans-serif;margin-bottom: 10px;}
.con1_txt2 p span::after{position: absolute;left: -5px;top: -9%;width: 102%;height: 116%;background-color: #f6d57b;content: '';z-index: -1;transform-origin: 0 50%;transform: scaleX(0);}


.con1_txt2 p span.line1.animate__animated::after{-webkit-animation-name:underline;animation-name:underline;   animation-duration: 0.7s;animation-delay:1.4s; -webkit-animation-fill-mode:both;animation-fill-mode:both} 
.con1_txt2 p span.line2.animate__animated::after{-webkit-animation-name:underline;animation-name:underline;   animation-duration: 0.7s;animation-delay:1.8s; -webkit-animation-fill-mode:both;animation-fill-mode:both} 


.tit{text-align: center;}
.tit_bg h5{display: inline-block;position:relative;padding: 22px 30px 25px;background: url(/2410/pc/tit_line.png) repeat-x 0 0;font-size: 80px !important;}
.tit_bg h5::after{position:absolute;left:0;bottom: 0;width:100%;height:7px;content:'';background: url(/2410/pc/tit_line.png) repeat-x 0;}

.tit>div{position:relative;display:inline-block;color: #001e0a;font-size:35px;font-family:'Happiness-Sans-Title',sans-serif;z-index: 1;margin: 30px 0;letter-spacing: 0;}
.tit>div::after{position: absolute;left: -7%;top: -23%;width: 114%;height: 145%;background-color: #001e0a;content: '';z-index: -1;transform-origin: 0 50%;transform: scaleX(0);} 
.tit>div.animate__animated::after{-webkit-animation-name:underline;animation-name:underline;    animation-duration: 0.7s;animation-delay:0.7s; -webkit-animation-fill-mode:both;animation-fill-mode:both} 

.tit h5{color:#001e0a;font-size:60px;font-family: 'Happiness-Sans-Title',sans-serif;font-weight: 400;letter-spacing: 0;line-height: 1.1em;}
.tit p{color:#fff;font-size:35px;text-align:center;line-height: 1.3em;}
.tit strong{font-size:90px}

.tit2{text-align: center;}
.tit2>div{ color: #c0ffdd;font-size:45px;font-family:'Happiness-Sans-Title',sans-serif;z-index: 1;margin-bottom:10px;letter-spacing: 0;}

.tit2 h5{position:relative;color:#fff;font-size:80px;font-family: 'Happiness-Sans-Title',sans-serif;font-weight: 400;letter-spacing: 0;z-index:1;line-height: 1.2em;}
.tit2 h5 span{position:relative;}
 
.tit2 h5 span::after{position: absolute;left: -2%;top: 10%;width: 107%;height: 82%;background-color: #001e0a;content: '';z-index: -1;transform-origin: 0 50%;transform: scaleX(0); } 

.tit2>h5 span.animate__animated::after{-webkit-animation-name:underline;animation-name:underline;    animation-duration: 0.7s;animation-delay:0.7s; -webkit-animation-fill-mode:both;animation-fill-mode:both} 


.tit3{text-align: center;}
.tit3>div{position:relative;display:inline-block;color: #fff;font-size:30px;z-index: 1;margin-bottom: 25px;letter-spacing: 0;}
.tit3>div::after{position: absolute;left: -1%;top: -8%;width: 102%;height: 111%;background-color: #001e0a;content: '';z-index: -1;transform-origin: 0 50%;transform: scaleX(0);}  
.tit3 h5{color: #fff;font-size:60px;font-family: 'Happiness-Sans-Title',sans-serif;font-weight: 400;letter-spacing: 0;}


.tit3>div.animate__animated::after{-webkit-animation-name:underline;animation-name:underline;animation-duration: 0.7s;animation-delay:0.7s;-webkit-animation-fill-mode:both;animation-fill-mode:both} 



.con2{padding-top:120px;}
.con2 .tit{margin-bottom:40px}
.con2 .tit div::after{}

.benefit{position:relative;width:1540px;margin:0 auto;padding:65px 110px 0;background-color:#eee;z-index: 10;}
.benefit::after{position:absolute;top:100%;left:0;width:100%;height: 80px;background-color:#eee;content:''}
.benefit .bf_tit{width:100%; height:86px; background:url(/images/con2_tit.png) no-repeat 50%;}

.benefit ul{margin:0 -30px;}
.benefit li{position:relative;float:left;margin:60px 30px 0;width: 630px;display:table;border:1px solid #2e2e2e;height:300px;background-color:#fff;}
.benefit li div{display:table-cell; vertical-align:middle; text-align:center;}
.benefit li div>span{position:absolute;left:50%;margin-left:-43px;top: -29px;width:86px;height:64px;background:url(/images/con2_num.png) no-repeat 50%;line-height:64px;color:#db284a;font-size:30px;text-align:center;font-family:'Happiness-Sans-Title',sans-serif;padding-right:2px;}
.benefit li div>img{display:block; margin:0 auto;}
.benefit li h6{position:relative;display:inline-block;margin-top:35px;color:#1d5c39;font-size: 30px;font-family:'Happiness-Sans-Title',sans-serif;z-index:1;line-height:1.4em}
.benefit li h6 img{position:absolute; z-index:-1}
.benefit li h6 span{display:block;font-size:30px;line-height: 1.4em;}

.benefit li p{color:#2e2e2e; font-size:25px; margin-top:10px;}

.point1 h6 img{right: -66px;bottom: 22px;}
.point2 h6 img{right:-80px;bottom: 31px;}
.point3 h6 img{right: -59px;bottom: 67px;}
.point4 h6 img{right:-65px;bottom: 70px;}

.benefit li.w2{width:285px !important}


.con3{position: relative;padding: 150px 0 160px;background:url(/images/con3_bg.png) no-repeat 50% 0;z-index: 3;}
.con3 .tit{position:relative;}
.con3 .tit div{position:absolute;bottom: -60px;left:0;width:100%;text-align:center;}
/*.con3 .tit>div{position:relative;margin-bottom: 40px;}*/
.con3 .tit>div .point{position:absolute;top: -95px;right: -115px;z-index: -1;}
.con3 .tit h5{font-size:90px;font-weight:bold;color: #fff;margin-bottom: 90px;}
.con3 .tit h5 em{font-size:120px;font-style: normal;}
.con3 .tit h5 span{position:relative;/* display: block; */margin-bottom: 10px;}

.con3 .tit h5  span::after{position: absolute;left: -2%;top: 8%;width: 105%;height: 87%;background-color: #001e0a;content: '';z-index: -1;transform-origin: 0 50%;transform: scaleX(0);}
.con3 .tit h5 span.animate__animated::after{-webkit-animation-name:underline;animation-name:underline;animation-duration: 0.7s;animation-delay: 0.7s;-webkit-animation-fill-mode:both;animation-fill-mode:both} 

@-webkit-keyframes point {
   0% {
	 top: 150px;
    right: -360px;
	z-index:10;
    }

    30% {
      top: 18px;
    right: 600px;
	z-index:10;
    }
	100%{
    top: -95px;
    right: -115px;
	z-index:-1;
	}
}

@keyframes point {
   0% {
	 top: 150px;
    right: -360px;
	z-index:10;
    }

    30% {
      top: 18px;
    right: 600px;
	z-index:10;
    }
	100%{
    top: -95px;
    right: -115px;
	z-index:-1;
	}
}
.animate__point{ -webkit-animation-name:point;animation-name:point}



.receipt{position:relative;width:964px;height:794px;margin:60px auto 0;padding: 212px 437px 0 95px;background:url(/images/con3_img.png) no-repeat 50%;}
.receipt>div{position:relative;font-size:30px; color:#db284a; font-family:'Happiness-Sans-Title',sans-serif;}
.receipt>div img{position:absolute;right: 96%;top: 94%;}
.receipt>div span{font-size:45px;color:#db284a;font-family:'Happiness-Sans-Title',sans-serif;margin-left: 20px;letter-spacing: 0px;position: absolute;top: -7px;right: 0;}
.receipt strong{letter-spacing:1px}
.receipt ul{padding-left:30px; margin-top:65px;}
.receipt li{color:#2e2e2e;font-size:35px;font-family: 'Happiness-Sans-Title',sans-serif;position: relative;}
.receipt li.fir{margin-bottom: 21px;}
.receipt li span{display:inline-block;vertical-align:middle;color:#2e2e2e;font-size:35px;margin-left:35px;position: absolute;top: 0;right: 0;}
.receipt p{margin-top: 52px;color:#2e2e2e;font-size:20px;line-height:1.3em;text-align: center;width: 460px;}

.receipt>img{position:absolute;right:-187px;top:236px;}



.con3{}
.new_receipt{background: url(/2410/bg.png) no-repeat 50% 0 #17452a;}
.new_receipt .tit,.new_receipt .store_list{}


.store_list{
    position: relative;
}
.store_list li{position:relative;width: 300px;background: #fff;margin: 0 35px;}
.store_list li div{}
.store_list li div>span{display:block; width:124px; height:48px; line-height:48px; color:#1d5c39; font-size:28px; font-weight:400; text-align:center; border-radius:24px; margin:0 auto  ; border:1px solid #1d5c39}
.store_list li div h6{color: #1d5c39;font-size: 25px;font-weight:900;text-align:center;padding: 20px 0;}
.store_list li div p{position:relative;padding: 23px 0 20px;color: #262626;font-size: 20px;font-weight: bold;text-align:center;}
.store_list li div p strong{display: block;font-size: 35px;font-weight:900;color: #db284a;margin-bottom: 20px;}
.store_list li div p span{position:absolute;right: -8px;top: -26px;display:block;width:117px;height:75px;padding-top: 12px;text-align:center;color:#fff;font-size:35px;font-weight:900;background:url(/2207/pc/ball.png) no-repeat 50%;}
 
 
.store_list >span{position:absolute;top:50%;color:#fff;font-size: 34px;cursor:pointer;margin-top: -35px;z-index: 10;background-color: #1d5c39;width: 70px;height: 70px;border-radius: 50%;text-align: center;line-height: 70px;}
.left_btn{left: 105px;}
.right_btn{right: 0;}
 
 
.mov{background-color: #17452a;padding:150px 0}
.mov iframe{width: 100%;height: 700px;}


.comp2{
    padding: 130px 0 0;
    background: #f6f2e7;
}
.comp2 .sub_tit{margin-bottom:30px !important;}

.sub_tit{display:flex;width:700px;height:140px;background: #1d5c39;align-items: center;justify-content: center;border-radius: 70px;margin: 30px auto 100px;}
.sub_tit p{font-weight:500;text-align:center;color: #fff;font-size: 35px;line-height: 1.4em;}


.comp_list{}
.comp_list>div{position:relative;}
 
.comp_list>div:nth-child(even){background-color:#e1eee7}
.comp_list .inbox>div{padding:120px 0;min-height: 600px;}
.comp_list .inbox>img,.comp_list .inbox>.video{position:absolute;top:50%;transform: translateY(-50%);}
.comp_list .inbox>.video{width:620px;height:310px;overflow:hidden;min-height:auto;padding:0;left: 50%;margin-left: -660px;}
.comp_list .inbox>.video iframe{position:absolute;top:50%;left:50%;width: 100%;height: 100%;transform: translate(-50%,-50%);}
.comp_list .comp_left .inbox{padding-right: 660px;position: relative;}
.comp_list .comp_left .inbox>img{left:50%;}
.comp_list .comp_left .inbox>span{position:absolute;top: 90px;right: -110px;z-index: 1;}

.comp_list .comp_right .inbox{padding-left: 660px;}
.comp_list .comp_right  .inbox>img{right:50%}


.comp_list .inbox>div>span{display:block;width:140px;border:1px solid #1d5c39;color:#1d5c39;font-size:20px;font-weight:bold;line-height: 50px;height:50px;border-radius:25px;text-align:center;}
.comp_list>div h5{margin: 25px 0 40px;font-size:50px;color:#1d5c39;font-weight:bold;}
.comp_list>div h5 em{font-size:20px;}
.comp_list li{padding-left:40px;background: url(/2410/pc/check.png) no-repeat 0 5px;font-size:27px;font-weight:500;line-height:1.3em;margin-bottom:25px;word-break: keep-all;}
.comp_list li:last-child{margin-bottom:0;}



.comp_list2{}
.comp_list2>div{position:relative;}
 
.comp_list2>div:nth-child(even){background-color:#e1eee7}
.comp_list2 .inbox .comp_text{padding: 120px 0;min-height: 600px;display: flex;flex-direction: column;align-items: center;}
.comp_list2 .inbox .comp_img{position:absolute;top:50%;width: 0;height: 100%;overflow: hidden;transform: translateY(-50%);align-items: center;align-content: center;}
.comp_list2 .inbox .comp_img img{object-fit:cover;position: absolute;top: 50%;transform: translateY(-50%);}
.comp_list2 .inbox>.video{width: 1000px;height: 600px;overflow:hidden;min-height:auto;padding:0;left: 50%;/* margin-right: -660px; */}
.comp_list2 .inbox>.video iframe{position:absolute;top:50%;left: 0;width: 1000px;height: 100%;transform: translateY(-50%);}
.comp_list2 .comp_left .inbox{padding-right: 660px;position: relative;}
.comp_list2 .comp_left .inbox .comp_img{left:50%;}
.comp_list2 .comp_left img{left:0;}
.comp_list2 .comp_right img{right:0;}
.comp_list2 .chart span{position:absolute;top: 91px;left: 50%;z-index: 1;margin-left: -285px;width: 300px;}
.comp_list2 .chart span img{width:100%;}

.comp_list2 .comp_right .inbox{padding-left: 660px;}
.comp_list2 .comp_right  .inbox .comp_img{right:50%;transform-origin: 100% 50%;}


.comp_list2 .inbox>div>span{display:block;width:140px;border:1px solid #1d5c39;color:#1d5c39;font-size:20px;font-weight:bold;line-height: 50px;height:50px;border-radius:25px;text-align:center;}
.comp_list2>div h5{margin: 25px 0 40px;font-size:50px;color:#1d5c39;font-weight:bold;}
.comp_list2>div h5 em{/* font-size:20px; */font-size: 140px;margin-right: 5px;}
.comp_list2 p{font-size:27px;font-weight:500;line-height:1.3em;/* margin-bottom:25px; */word-break: keep-all;text-align: center;}
.comp_list2 li:last-child{margin-bottom:0;}

 
.menu_info{padding:150px 0 200px; background-color:#f6f2e7}

.menu_info h6{position:relative;margin-top:100px;text-align:center;z-index: 1;}
.menu_info h6::after{position:absolute;top:50%;left:0;width:100%;height:1px;border-top:1px dashed #02200c;content:'';z-index: -1;}
.menu_info h6 span{display: inline-block;color:#1d5c39;font-size:40px;background-color:#f6f2e7;padding: 0 20px;}
 

.blend{position: relative;padding-top:100px;padding-left:50%;} 
.blend>img{position:absolute; top:0; left:100px;}
.blend em{color:#1d5c39;font-size:50px;font-family: 'Happiness-Sans-Title',sans-serif;}
.blend p{margin: 20px 0 0;color:#282828;font-size:27px;font-weight:500;line-height:1.4em}
.blend p img{display:block;margin-left:-40px;margin-top: 40px;}
 
 
 
 
 
.story{padding: 330px 0 0;background-color:#f6f2e7} 
.story .tit{position:relative;} 
.story .tit .img1{position:absolute;bottom:100%;left:0;text-align:center;display: block;width: 100%;}
.story .tit .img2{display:block; position:absolute; bottom:-45px; left:-80px; text-align:center; width:1451px;}
 
 
.story_tab{display:flex;margin-top:50px;align-items: center;justify-content: center;}
.story_tab span{display:flex;width:300px;height:120px;line-height: 100px;color:#fff;font-size:35px;font-weight:600;border:10px solid #f6e0a3;text-align:center;border-radius:60px;justify-content: center;margin: 0 -5px;}
.story_tab span:nth-child(odd){background-color:#1d5c39}
.story_tab span:nth-child(even){background-color:#001e0a}


.graph_box{position:relative;height: 720px;padding-top: 31px;margin-top: 90px;}

.circle_graph{position: absolute;left:50%;width:660px;margin-left: -660px;z-index: 1;top: 0;}
.circle_box{width:500px; height:500px; background:url(/images/circle.png) no-repeat 50%;}
.circle_box h5{color:#000; font-size:45px; font-weight:bold; text-align:center; line-height:500px;}

.chk_list{margin-top: 50px;}
.chk_list li{padding-left: 50px;background:url(/images/chk.png) no-repeat 0 50%;color:#fff;font-size:25px;margin-bottom: 20px;}
.chk_list li:last-child{margin-bottom:0;}
 

.graph_bg{
    position: relative;
}
.graph_bg .bg{position:relative; left:50%; margin-left:-1000px; height:689px; width:0%;  background:url(/images/story_graph.png) no-repeat 0 50%; }


.graph_bg>span{position:absolute;top: -95px;left:50%;display:block;margin-left:-145px;}

.graph_bg .marker{position:absolute;}
.graph_bg .marker>span{display:block;width:74px;height:90px;background:url(/images/marker.png) no-repeat 50%;text-align:center;padding-top:26px;color: #fff;font-size: 25px;font-weight: bold;margin: 0 auto;}
.graph_bg .anim {position:relative;display:block;width:20px;height:20px;background-color:#f6e0a3;border-radius:50%;margin: 13px auto 0;z-index: 1;}

.graph_bg .anim span,.graph_bg .anim :after,.graph_bg .anim :before {
  content: "";
  width: 22px;
  height: 22px;
  border-radius:50%;
  position: absolute;
  top: 50%;
  right: 50%;
  margin-top: -11px;
  margin-right: -11px;
  transform: scale(0.5);
  transform-origin: center center;
  animation: pulse-me 0.9s linear infinite;
  z-index:-1;
  background-color:#f6e0a3;
}
/*.circle_anim .p1 {animation-delay: 0.5s;}*/
.graph_bg .anim .p2 {animation-delay: 1.15s;}
.graph_bg .anim .p3 {animation-delay: 0.85s;}
 

.graph_bg .marker p{color:#f6e0a3;font-size:25px;font-weight:bold;transform: translateX(45px);}


.m1{left:50%;margin-left: -5px;top:259px;}
.m1 p{margin-top:140px;}

.m2{left:50%;margin-left: 229px;top: 94px;}
.m2 p{margin-top: 305px;}

.m3{left:50%;margin-left: 468px;top: -21px;}
.m3 p{margin-top: 419px;}



.profit{padding: 150px 0 185px;background:url(/images/graph_bg.png) no-repeat 50%;}

.profit_graph{
    text-align: center;
    margin-top: 50px;
}
.profit_graph h6{position:relative;text-align:center;margin-bottom:30px;z-index: 1;}
.profit_graph h6::after{position:absolute;top:50%;left:0;width:100%;height:1px;border-bottom:1px dotted #fff;content:'';z-index: -1;}
.profit_graph h6 span{display:inline-block; padding:0 15px; color:#fff; font-size:30px; font-weight:bold; background-color:#1d5c39}

.profit_graph .month{display:inline-block;padding:0 65px;color:#001e0a;font-size:60px;font-weight:900;text-align:center;height:120px;border-radius:60px;background-color:#f6d57b;line-height: 120px;margin-bottom: 70px;}

.pf_graph_wrap{position: relative;padding-bottom:60px;}

.pf_graph{position:relative; display:flex;align-content: center;align-items: center; overflow:hidden;}
.pf_graph_wrap>img{position:absolute;top: 30px;left:0;z-index: 10;}
.pf_graph div{display: flex;position: relative;margin-left: -4%;height:100px;border-radius: 0 50px 50px 0;align-items: center;justify-content: center;padding-left: 3%;width:0;transition-duration: 0.5s;transition-timing-function: ease-out;}
.pf_graph div:nth-child(1){transition-delay:0.3s}
.pf_graph div:nth-child(1) span{transition-delay:0.5s}
.pf_graph div:nth-child(2){transition-delay:0.5s}
.pf_graph div:nth-child(2) span{transition-delay:0.7s}
.pf_graph div:nth-child(3){transition-delay:0.7s}
.pf_graph div:nth-child(3) span{transition-delay:0.9s}
.pf_graph div:nth-child(4){transition-delay:0.9s}
.pf_graph div:nth-child(4) span{transition-delay:1.1s}
.pf_graph div:nth-child(5){transition-delay:1.1s}
.pf_graph div:nth-child(5) span{transition-delay:1.5s}

.pf_graph div span{text-align:center;color:#000;font-size:25px;font-weight:bold;line-height: 1.2em; opacity:0; transition-duration:0.3s; }
.pf_graph .animate__active span{opacity:1;}
.pf_graph div.pf1{margin-left:0;background-color:#e4264a;z-index: 5;padding: 0;}
.pf_graph div.pf1 span{color:#fff; font-size:35px; font-weight:900;}

.pf_graph div.pf2{background-color:#bdbdbd;z-index: 4;}
.pf_graph div.pf3{background-color:#dbdbdb; z-index:3}
.pf_graph div.pf4{background-color:#e8e8e8; z-index:2}
.pf_graph div.pf5{background-color:#f2f2f2; z-index:1}


.pf_graph1 .pf1.animate__active {width:39%;}
.pf_graph1 .pf2.animate__active {width:35%;}
.pf_graph1 .pf4.animate__active {width:26%;}
.pf_graph1 .pf5.animate__active {width:12%;}

.pf_graph2 .pf1.animate__active {width:14%;}
.pf_graph2 .pf2.animate__active {width:35%;}
.pf_graph2 .pf3.animate__active {width:26%;}
.pf_graph2 .pf4.animate__active {width:29%;}
.pf_graph2 .pf5.animate__active {width:12%;}

.pf_graph3 .pf1.animate__active {width:24%;}
.pf_graph3 .pf2.animate__active {width:35%;}
.pf_graph3 .pf3.animate__active {width:26%;}
.pf_graph3 .pf4.animate__active {width:19%;}
.pf_graph3 .pf5.animate__active {width:12%;}


.profit_graph p{color:#a6cdb8; font-size:22px; font-weight:300; text-align:center;}





.con4{position:relative;padding:160px 0 80px;background:url(/images/con4_bg.png) no-repeat 50% 0;/* margin-top: -69px; */z-index: 2;background-attachment: fixed;}
.con4 .img{position:absolute; bottom:-278px; right:0; display:block; width:561px; height:545px; background:url(/images/con5_bg2.png) no-repeat 50%;}
.con4 li{margin-bottom:67px;}
.con4 li>div{display:inline-block; width:770px;box-shadow: 0 0 15px rgba(0,0,0,0.15);border: 1px solid #1d5c39;overflow: hidden;}
.con4 li .videobox {background-color:#fff;}
.con4 li .videobox .video{position:relative;height: 403px;overflow: hidden;}
.con4 li .videobox .video iframe{position:absolute;top: -15%;left: 0%;width: 100%;height: 136%;}
.con4 li .videobox .video:after{position:absolute; top:0; left:0; width:100%; height:100%; content:'';}
.con4 li .conbox{/* border-top: 1px solid #1d5c39; */padding:30px 70px;text-align:left;background-color: #fff;}
.con4 li h6{color:#001e0a; font-size:40px; line-height:1.3em; margin-bottom:15px; font-family:'Happiness-Sans-Title',sans-serif; }
.con4 li h6 strong{color:#1d5c39}
.con4 li p{color:#2e2e2e;font-size:25px;font-weight:300;line-height: 1.6em;}


.con5{position:relative;padding:145px 0 125px;background:url(/images/con5_bg1.png) no-repeat 50% 0;background-size: cover;}

.con5 .img2{position:absolute; top:-278px; right:0; display:block; width:561px; height:545px; background:url(/images/con5_bg2.png) no-repeat 50%;}


.con5 .tit2{margin-bottom:70px;}

.review_slide{position:relative;}
.review_slide{overflow: visible !important;}
.review_slide .swiper-slide{width: 354px !important;height: 720px;text-align: center;padding-top: 114px;}
.review_slide .swiper-slide img{width: 270px;}
.review_slide .swiper-slide-prev{}
.review_slide .swiper-slide-active{position: relative;height: auto;margin-top: -125px;}
.review_slide .swiper-slide-active img{width: auto;}
.review_slide .swiper-slide-active div{ text-align: center;}
 
.review_slide .phone span{box-shadow: inset 0 -5px 20px rgba(0,0,0,0.5);position: absolute;top: 1px;left: 7px;width: 329px;height: 712px;z-index: 10;border-radius: 53px;}
.review_slide .phone{position:absolute;top: 0;left:50%;margin-left: -172px;width: 354px;height: 720px;background: url(/images/con5_phone.png) no-repeat 50%;z-index: 1;}

.sec_video{
    background-color: #185031;
    padding: 150px 0;
}
 
.sec_video p{text-align:center; font-size:40px; margin:40px 0; color:#fff}

.sec_video iframe{/* position:absolute; *//* top: -21%; *//* left:0; */width:100%;height: 742px;}
.sec_video a{display:block;width: 200px;height: 65px;color:#fff;text-align:center;line-height: 65px;border:1px solid #fff;border-radius:5px;margin: 40px  auto 0;font-size: 30px;/* font-family: 'Happiness-Sans-Title',sans-serif; */font-weight: bold;}
.con5 .img{position:absolute;bottom:-320px;left:0;display:block;width:467px;height:523px;background:url(/images/con5_bg3.png) no-repeat 50%;z-index: 10;}


.bingon{position:relative;height:1070px;overflow: hidden;background-color: #f6f2e7;}
.bingon .bg{position:absolute;top: 0; left:0; width:100%; height:1600px; display:block;background: url(/2207/pc/bingon.png) no-repeat 50% 0;transition: all 0.5s 1s;-webkit-animation: bingon 15s linear infinite ;-moz-animation: bingon 30s linear infinite ;-ms-animation: bingon 30s linear infinite ;-o-animation: bingon 30s linear infinite ;animation: bingon 30s linear infinite ;-webkit-transition: all 0.5s 1s;}
.bingon .inbox{position:relative; z-index:1; padding-top:115px;}
/*.bingon .inbox>div{position:absolute}*/
/*.bingon h5{position:relative; width:369px; height:186px; background:url(/2207/pc/tit_off.png) no-repeat 50%; margin:0 auto;}
.bingon h5 font{position:absolute; width:100%; height:100%; background:url(/2207/pc/tit_on.png) no-repeat 50%; opacity:0;
transition: all 0.5s 1s;-webkit-animation: fadeIn2 6s ease-in-out infinite 1.5s;-moz-animation: fadeIn2 6s ease-in-out infinite 1.5s;-ms-animation: fadeIn 6s ease infinite 1.5s;-o-animation: fadeIn2 6s ease-in-out infinite 1.5s;animation: fadeIn2 6s ease-in-out infinite 1.5s;-webkit-transition: all 0.5s 1s;
}*/
 
.bingon h6{color:#000; font-size:70px; font-family:'Happiness-Sans-Title',sans-serif;transform: skewX(-10deg);margin-bottom: 30px;}
.bingon h6 span{position:relative;}
.bingon h6 span::after {position: absolute;left: -3%;top: 9%;width: 107%;height: 85%;content: '';z-index: -1;transform-origin: 0 50%;transform: scaleX(0);}

.bo1 h6 span.animate__animated::after {
  -webkit-animation-name: underline;
    animation-name: underline;
    animation-duration: 0.7s;
    animation-delay: 1.1s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;*/
}

.bo2 h6 span.animate__animated::after {
  -webkit-animation-name: underline;
    animation-name: underline;
    animation-duration: 0.7s;
    animation-delay: 1.6s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;*/
}

.bo1 {top: 405px; left:0;}
.bo1 h6{margin-bottom:70px;}
.bo1 h6 span::after{background-color: #1d5c39;}
.bo1 .text1{color:#1e1e1e; font-size:30px; line-height:1.4em;text-shadow: rgb(255 255 255 / 60%) 1px 1px 9px;}
.bo1 .text2{margin-top:20px; font-family:'Happiness-Sans-Title',sans-serif; font-size:45px; line-height:1.4em; color:#1e1e1e;text-shadow: rgb(255 255 255 / 60%) 0 0px 9px;}


.bo2 {right: -78px; top:440px;}
.bo2 h6 span::after{background-color: #e4264a;}
.bo2 div{position:relative;right: -40px; width:628px; height:336px;padding: 43px 26px 0; background:url(/2207/pc/bo2.png) no-repeat 50% 0;}
.bo2 div p strong{display:block; color:#1e1e1e; font-size:30px; font-weight:bold;margin-bottom: 10px;}
.bo2 div p{color:#1e1e1e; font-size:22px; font-weight:300;line-height: 1.5em;}


.coffee{position:relative;height: 700px;padding: 60px;overflow: hidden;}
.coffee::after{position:absolute;top:0;left:0;width:100%;height:100%;content:'';background-color:#000;opacity: 0.4;}
.coffee .tit2{position: relative;text-align:left;margin-bottom: 18px;z-index: 2;}
.coffee .cof_graph{position: relative;padding-left: 500px;background: url(/images/graph.png) no-repeat 0 0;z-index: 2;background-size: 400px;display: flex;height: 400px;align-items: center;}
.coffee p{font-size: 30px;color: #fff;line-height: 1.4em;}
.coffee iframe{position:absolute;top: 50%;left: 50%;width: 115%;height: 115%;transform: translate(-50%,-50%);}




.con6{
    padding: 125px 0 165px;
}
.con6 h5{position:relative; text-align:center; }
.con6 h5::after{position:absolute;left:0;top:50%;height:1px;border-bottom:1px dotted #1d5c39;content:'';width: 100%;}
.con6 h5 span{display:inline-block;color:#1d5c39;padding:0 45px;font-size:45px;background-color: #fff;font-family:'Happiness-Sans-Title',sans-serif;position: relative;z-index: 1;}


.recomend{position:relative; margin:70px 0;}
.recomend li{position:relative;width:33.33%;text-align:center;padding-top: 15px;}
.recomend li span{position:absolute;top: 0;right: 77px;display:block;width:100px;height:100px;border-radius:50%;text-align:center;color:#fff;line-height:100px;font-family:'Happiness-Sans-Title',sans-serif;font-size:30px;letter-spacing:0;}
.recomend li span.cate1{background-color:#1d5c39}
.recomend li span.cate2{background-color:#db284a}
.recomend li p{color:#001e0a; font-size:22px; text-align:center; margin-top:18px;}
.recomend>span{position:absolute;display:block;width:60px;height:60px;top:50%;border-radius:50%;background-color:#eee;color:#001e0a;line-height: 62px;cursor:pointer;margin-top:-30px;text-align:center;font-size:30px;z-index: 10;}
.recomend .l_btn{left:0;}
.recomend .r_btn{right:0;}


.menu_cate{position:relative; padding: 50px 30px;background-color:#1d5c39; margin-bottom:50px}
.menu_cate div{/* text-align: center; */font-size: 0;display: flex;justify-content: space-between;}
.menu_cate div>span{position: relative;display:inline-block;/* margin: 0 35px; */color:#fff;font-size:25px;font-weight:500;}

.menu_cate .selec_chk {position:absolute;top:0;left:0;width:0;height:0;opacity:0;outline:0;z-index:-1;overflow:hidden}
.menu_cate div>span{}
 .menu_cate div label{letter-spacing: -0.03em;}
 
.menu_cate div>span input[type="checkbox"] + label span {position:relative;display: inline-block;vertical-align: middle;text-align: center;border: 1px solid #9dd1b4;width:20px;height:20px;margin-right: 4px;} 
.menu_cate div>span input[type="checkbox"] + label span i{display:none;color: #fff;position:absolute;top: -4px;right: -3px;font-size: 20px;}
.menu_cate div>span  input[type="checkbox"]:checked + label {}
.menu_cate div>span input[type="checkbox"]:checked + label span{}
.menu_cate div>span  input[type="checkbox"]:checked + label span i{display:block;} 


.cate1{margin-bottom:35px}


.menu_list{}
.menu_list ul{margin:0 -10px;}
.menu_list li{float:left; display:table; width:315px; margin:0 10px 20px; background-color:#eee; height:500px}
.menu_list li div{ display:table-cell; vertical-align:middle; text-align:center;}
.menu_list li div img{}
.menu_list li div img:hover{transform:scale(1.1)}
.menu_list li div p{color:#4c4c4c; font-size:22px; margin-top:25px;}

.nostore{margin:0 auto;padding: 4% 0;font-size:20px;line-height: 1.4em;}
.nostore i{color:#1d5c39;font-size: 35px;}

.menu{}
.menu button{display:block; width:230px; height:70px; color:#1d5c39; font-size:20px; font-weight:300; margin:50px auto 0; background-color:transparent; border:1px solid #1d5c39}
.menu button:hover{background-color:#1d5c39; color:#fff;}


.load{text-align:center;color: #1d5c39;padding: 30px 0;font-size: 56px;display:none;}
.load i{display:inline-block; color:#1d5c39}


.con7{position:relative;background-color:#f6f2e7; padding:110px 0 65px;}
.con7::after{position:absolute;top:0;right:0;width: 2%;height:100%;background-color:#fff;content:''}

.con7 .con7_bg{position:absolute;top: 465px;left: -50%;height:950px;width: 900px;margin-left: calc(100% - 990px);}
.con7 .con7_bg>div{position:absolute; opacity:0;}
.con7 .img1{top:84px; left:0;}
.con7 .img2{top: 84px;right:120px;}
.con7 .img3{top: 380px;left: 0;}
.con7 .img4{top: 406px;right: 120px;}
.con7 .img5{position:relative;top: 661px;left: 0;/* width: 380px; *//* height: 261px; */background: #aaa;overflow:hidden}
.con7 .img5 iframe{    position: absolute;top: -30%;left: -1%;width: 102%;height: 160%;}
.con7 .img6{bottom:70px; left:158px;}
.con7 .img7{bottom:20px; right:70px;}

.branding1{padding-left: 645px;}
.branding1 h5{color:#001e0a;font-size:50px;font-family:'Happiness-Sans-Title',sans-serif;font-weight:400;line-height: 1.7em;margin-bottom: 50px;}
.branding1 h5 strong{font-size:70px; color:#1d5c39;}
.branding1 p{position:relative;font-size:25px; color:#4c4c4c; font-weight:300; line-height:1.5em}
.branding1 p span{color:#001e0a;font-size:35px;font-family: 'Happiness-Sans-Title',sans-serif;line-height: 1.5em;position: relative;z-index: 1;}
.branding1 p span strong{color:#001e0a;position: relative;}
.branding1 p span strong::after{position: absolute;left: -1%;top: 3%;width: 102%;height: 93%;background-color: #001e0a;content: '';z-index: -1;transform-origin: 0 50%;transform: scaleX(0);} 
.branding1 p span strong.animate__animated::after{ -webkit-animation-name:underline;animation-name:underline;   animation-duration: 0.7s;animation-delay:2s; -webkit-animation-fill-mode:both;animation-fill-mode:both} 


.branding2{margin: 200px 0 110px;padding:70px 70px 60px;background-color:#fff;}
.branding2>div{float:left; width:50%;}
.branding2>div h5{color:#001e0a;font-size:40px;font-family:'Happiness-Sans-Title',sans-serif;line-height:1.3em;position: relative;z-index: 1;}
.branding2 h5 span{color:#001e0a;position: relative;}
.branding2 h5 span::after{position: absolute;left: -1%;top: -5%;width: 102%;height: 110%;background-color: #001e0a;content: '';z-index: -1;transform-origin: 0 50%;transform: scaleX(1); } 
.branding2 h5 span.animate__animated::after{ -webkit-animation-name:underline;animation-name:underline;   animation-duration: 0.7s;animation-delay:0.7s; -webkit-animation-fill-mode:both;animation-fill-mode:both} 

.branding2>div>p{margin-top:20px; color:#4c4c4c; font-size:25px; font-weight:300; line-height:1.4em}

.colorbox{position:relative;}
.colorbox ul{margin:0 -5px;}
.colorbox li{float:left;width:110px;height:130px; margin:0 5px;}
.colorbox li span{position:relative;display:block;width:110px;height:110px;cursor:pointer;border:1px solid #001e0a;z-index: 1;}
.colorbox li span:after{position:absolute;top: 93%;left:50%;width: 14px;height: 14px;margin-left:-10px;content:'';z-index: -1;/* background-color: #001e0a; */border-right: 7px solid transparent;border-bottom: 7px solid transparent;border-left: 7px solid #001e0a;border-top: 7px solid #001e0a;transform: rotate(-134deg); display:none}
.colorbox li.on span:after{display:block;}
.col1 span{background-color:#6c3b2b}
.col2 span{background-color:#e1dcd9}
.col3 span{background-color:#205d39}
.col4 span{background-color:#ffffff}
.col5 span{background-color:#050607}

.colorbox li div{position:absolute;top:100%;left:0;width:100%;padding:30px 45px;background-color:#f6f2e7;display: none;}
.colorbox li div strong{display:block; color:#4c4c4c; font-size:30px; font-weight:500; margin-bottom:10px;}
.colorbox li div p{color:#4c4c4c; font-size:20px;}

.con8{padding: 150px 0;position: relative;/* margin-top:-145px; */z-index: 1;background: #eee;}
.con8 h5{font-size:70px;color: #205d39;margin-bottom: 15px;}
.con8 .inbox{position: relative;width:1540px !important;display: flex;flex-direction: column;justify-content: center;align-items: center;}
.con8 .inbox img{position:absolute;}
.con8 p{/* color: #fff; */font-size:27px;font-weight:300;line-height: 1.4em;text-align: center;}
.con8 p font{color:#1d5c39}
.con8 p span{display: block;color:#001e0a;font-family:'Happiness-Sans-Title',sans-serif;font-size:40px;line-height:1.3em;margin-bottom: 15px;}
.con8 p strong{color:#001e0a;position: relative; z-index:1}
.con8 p strong::after{position: absolute;left: -1%;top: -5%;width: 102%;height: 110%;background-color: #001e0a;content: '';z-index: -1;transform-origin: 0 50%;transform: scaleX(0);}
.con8 p strong.animate__animated::after{-webkit-animation-name:underline;animation-name:underline;animation-duration: 0.7s;animation-delay:0.7s;-webkit-animation-fill-mode:both;animation-fill-mode:both} 


.exterior {position:relative;z-index:1;/* background: #205d39; */margin-top: 100px;}
.exterior .inbox{padding-left: 1080px;/* background: url(/2410/pc/in_pc1.png) no-repeat 0 0; */height: 455px;}
.exterior img{position:absolute;right:50%;margin-right: -210px;}
.interior{margin-top: 100px;/* background-color: #205d39; */}
.interior img{position:absolute;left: 50%;margin-left: -210px;}
.interior .inbox{padding-right: 1080px;/* background: url(/images/con7_bg3.png) no-repeat 100% 50%; *//* align-items: flex-start; */height: 455px;}


.con9{padding:140px 0 105px; background:url(/images/con8_bg.png) no-repeat 50% 100% #205d39;}

.con9 .table{}
.con9 .table p{color:#d7edde;font-size:25px;font-weight:300;margin:10px 0;line-height: 1.4em;}
.con9 .table table{border-top:4px solid #000}
.con9 .table th,.con9 .table td{text-align:center;}
.con9 .table th{height:60px; color:#fff; font-size:25px; font-weight:300; background-color:#134127;}
.con9 .table td{color:#fff;font-size:25px;border-bottom:1px solid #000;padding: 12px 0;line-height: 1.3em;}
.con9 .table td{position:relative; color:#fff;font-size:25px;border-bottom:1px solid #000;padding: 12px 0;line-height: 1.3em;     word-break: keep-all;}
.con9 .table td span{position:absolute;top:50%;left:50%;width:0;height:20px;background:url(/images/con8_line.png) no-repeat 0 50%;margin-top: -27px;margin-left:-84px;transform-origin: 0 50%;}
.con9 .table td em{font-style:normal;}
.con9 .result td{background-color:#db284a; font-weight:900}

.cost_tab{margin:60px 0 50px;font-size:0;text-align: center;}
.cost_tab span{display:inline-block;width:200px;height:80px;line-height:80px;color: #fff;font-size:25px;background-color: #000000;margin:0 10px; cursor:pointer}
.cost_tab span em{font-style:normal; font-size:20px;}
.cost_tab span.on{color: #fff;font-weight:bold;background-color: #db284a;box-shadow: 8px 8px 10px rgba(0,0,0,0.15);}


.map{padding:140px 0 105px;background: #fff;}
.map .tit{margin-bottom:50px}


 @-webkit-keyframes tb_line {
   from {
    width:0;
    }

    to {
    width:166px;
    }
}

@keyframes tb_line {
   from {
    width:0;
    }

    to {
    width:166px;
    }
}
.animate__tb_line{ -webkit-animation-name:tb_line;animation-name:tb_line}

.con10{padding:135px 0 80px; background-color:#f6f2e7;}
.con10 .tit3>div{color:#000;}
.con10 .tit3>div::after{display:none;}
.con10 .tit3 h5{color:#000}



.form_box{width:1000px;margin: 50px auto 0;}

.policy{position:relative;border: 1px solid #d2d2d2;background-color: #fff;padding: 25px 30px;margin-bottom: 45px;} 
 
  .selec_chk {width:18px;height:18px;margin-top: -5px;left: 0;position: absolute;top: 50%;opacity: 0;}
.chk_box2 {}
.chk_box2 input[type="checkbox"] + label {position:relative; }

.chk_box2 input[type="checkbox"] + label span {width: 40px;height: 40px;display: inline-block;border-radius: 50%;vertical-align: middle;margin-top: -4px;background-color: #c1c1c1;line-height: 37px;text-align: center;margin-right: 30px;}
.chk_box2 input[type="checkbox"] + label span i{display:none;color: #fff;font-size: 24px;vertical-align: middle;}

.write_div .chk_box2 input[type="checkbox"] + label, .bo_vc_w .chk_box2 input[type="checkbox"] + label {padding-left:20px}
.write_div .chk_box2 input[type="checkbox"] + label span, .bo_vc_w .chk_box2 input[type="checkbox"] + label span {position:absolute;top:2px;left:0;width:15px;height:15px;display:block;margin:0;background:#fff;border:1px solid #d0d4df;border-radius:3px}
.chk_box2 input[type="checkbox"]:checked + label {}
.chk_box2 input[type="checkbox"]:checked + label span i {display:inline-block}
.all_chk.chk_box2 input[type="checkbox"] + label span {top:0;left:0}


.agree_chk2 {}
.agree_chk2 input{/* display:none; */}
.agree_chk2 label{display:inline-block;height: 40px;line-height: 40px;color: #3a3532;cursor:pointer;vertical-align: middle;font-size: 20px;}
.agree_chk2 .agree_icon{display:inline-block; width:18px; height:18px; background:url(/images/frachise/chk_off.png) no-repeat; vertical-align:top; margin-right:10px;}
.agree_chk2 input[type="checkbox"]:checked + label .agree_icon{background:url(/images/frachise/chk_on.png) no-repeat;}
.agree_chk2 a{display:block;position:absolute;top: 50%;right: 30px;height: 40px;line-height: 40px;color:#fff;text-align:center;background-color: #c1c1c1;font-size: 18px;width: 100px;margin-top: -20px;font-weight: bold;}



.inquiry_form{}
.require{display:inline-block;margin-right: 6px;color: #cf000d;vertical-align:middle;font-size: 16px;margin-top: -6px;}
.inquiry_form h5{color: #000;font-size: 30px;font-weight: 400;margin-bottom: 30px;}
.inquiry_form h5 p{display:inline-block;color: #000;font-size: 16px;margin-left: 10px;font-weight: 300;}

.inquiry_form {}
.inquiry_form table{width:100%;border-collapse: collapse;}
.inquiry_form th,.inquiry_form td{text-align:left;padding: 5px 0;}
.inquiry_form th{color: #3a3532;font-weight:500;vertical-align: middle;font-size: 20px;font-weight: 400;padding: 10px 0;}
.inquiry_form td{font-weight:400;}
.inquiry_form .phone>span{color: #3a3532;margin: 0px 5px;}
.inquiry_form .phone {position:relative;}
.inquiry_form .phone select{display:block !important; opacity:0; z-index:-1; position:absolute; left:0; top:0;}

.inquiry_form .time{padding:10px 0;}
.inquiry_form .time label{width: 29%;display:inline-block;vertical-align:middle;color: #3a3532;font-size: 20px;line-height: 20px;vertical-align: middle;}
.inquiry_form .time label input{width:20px;height:20px;appearance: auto;margin-right: 10px;vertical-align: middle;}


.inquiry_form td div{position:relative; float:left; width:168px}
.inquiry_form table select,.inquiry_form table input{border:1px solid #000; background-color:#fff;}
.inquiry_form table select,.inquiry_form table input[type="text"],.inquiry_form table input[type="number"]{}
.inquiry_form td .current{color:#1b1b1b;}

.inquiry_form table .nice-select, .inquiry_form table input, .inquiry_form table textarea{border: 1px solid #d2d2d2;background-color:#fff;}
.inquiry_form table .nice-select,.inquiry_form table input[type="text"]{padding: 0 5px;height: 60px;font-size: 20px;}
.inquiry_form table .nice-select{position:relative;width: 250px;display: inline-block;vertical-align: middle;}
.inquiry_form .phone input{width: 232px;}
.inquiry_form table .nice-select span{height: 60px;line-height: 60px;font-size: 20px;}

.store_chk  span {display:block; height:60px; line-height:60px; border:1px solid #d2d2d2; text-align:center; font-size:20px; color:#3a3532; background-color:#fff; cursor:pointer; margin-left:-1px;}
.store_chk input[type="radio"]:checked + label span {border: 1px solid #205d39;background-color: #205d39;color:#fff;}

.inquiry_form td textarea{width:100%; height:200px; font-size:20px;}
.inquiry_form .submit{width:250px;height:80px;text-align:center;color:#fff;background-color: #205d39;font-size:30px;border:0;display:block;margin:50px auto 0;font-family: 'Happiness-Sans-Title',sans-serif;letter-spacing: 0;}

.inquiry_form .bo_w_flie{width:100%}
.inquiry_form .frm_input {padding-left:50px}
.inquiry_form .lb_icon {position:absolute;top:0px;left:0px;border-radius:3px 0 0 3px;height: 48px;line-height: 45px;width:40px;font-size: 22px;text-align:center;color:#b2b2b2;}
.inquiry_form .frm_file {padding-left:50px;margin-top:0;border:0;font-size: 14px;}
.inquiry_form .file_wr {position:relative;border:1px solid #ccc;background:#fff;color:#000;vertical-align:middle;border-radius:3px;padding: 9px 5px;height:47px;margin:0;width: 100%;}
.inquiry_form .frm_input {margin:10px 0 0}
.inquiry_form .file_del {position:absolute;top:10px;right:10px;font-size:0.92em;color:#7d7d7d}




.quick {position:fixed;bottom:0;left:0;width:100%;z-index:9999;padding: 15px 0;background-color: #205d39;}
/*.quick .inbox>a{position:absolute;bottom: 152%; right:0; width:60px; height:60px; border-radius:50%;background: url(/images/kt.svg) no-repeat 58% 58% #ffe812;background-size: 70% auto;}
.quick .inbox>a img{width:50px}*/
.quick .inbox{position:relative;}
.quick form{font-size:0;}


.quick .inbox>a{position:absolute;bottom: 152%;left: 102%;display: block;width: 210px;/* height: 157px; */border-radius:50%;border: 5px solid #f6d57b;}
.quick .inbox>a img{display:block;width:100%;/* position:absolute; *//* top:0; */left:0;}
.quick .btn1{animation: btn1 2s step-end infinite;}
.quick .btn2{animation: btn2 2s step-end infinite;}


.quick h3,.quick input,.quick p, .quick button{display:inline-block;vertical-align: middle;}
.quick h3{/* margin-right:18px; */padding-left:50px;font-size:35px;color:#fff;font-family:'Happiness-Sans-Title',sans-serif;letter-spacing:0;background:url(/images/db_logo.png) no-repeat 0 50%;vertical-align: middle;}
.quick h3 strong{margin-right:20px; font-size:35px; color:#f6d57b; font-family:'Happiness-Sans-Title',sans-serif; letter-spacing:0;}
.quick input,.quick select{width: 170px;margin-right:3px;height: 50px;border-radius: 3px;border: 0;color: #001e0a;padding-left: 5px;font-size: 18px;margin-left: 10px;}
.quick p{position: relative;margin-left: 10px;margin-right: 10px;vertical-align: middle;padding-left: 35px;width: 145px;}
.quick label,.quick label a{color: #fff;font-size:16px;line-height: 1.3em;}
 .quick label a{border-bottom:1px solid #fff}
.quick button{width: 200px;height: 50px;background-color: #f6d57b;border-radius: 5px;font-size: 30px;font-family: 'Happiness-Sans-Title',sans-serif;color: #001e0a;}

.quick .chk_box  span{border:1px solid #8c9fcc;}


.chk_box3 .selec_chk {width:30px; height:30px; margin-top:-15px;}
.chk_box3 {}
.chk_box3 input[type="checkbox"] + label {}

.chk_box3 input[type="checkbox"] + label span {width: 30px;position: absolute;height: 30px;top: 50%;left: 0;display: inline-block;border-radius: 50%;vertical-align: middle;margin-top: -15px;line-height: 27px;text-align: center;margin-right: 5px;border: 1px solid #fff;}
.chk_box3 input[type="checkbox"] + label span i{display:none;color: #fff;font-size: 20px;vertical-align: middle;}
 
.chk_box3 input[type="checkbox"]:checked + label {}
.chk_box3 input[type="checkbox"]:checked + label span i {display:inline-block}
 
 
.footer{ background-color:#001e0a}
.footer .inbox{position:relative;padding:45px 0 130px;background: url(/2312/pc/mark.png) no-repeat 74% 20%;}
.footer h4,.footer .inbox>p{float:left}
.footer h4{width:95px; height:99px; background:url(/images/f_logo.png) no-repeat 50%;}
.footer p{margin-left:35px;color:#9b9b9a;font-size:16px;font-weight:300;line-height:1.3em;padding-top: 15px;}
.footer p a{color:#9b9b9a;line-height: 20px;}

.footer .call{position:absolute;top: 55px;right:0;text-align:right;color:#fff;font-size:20px;font-weight:300;}
.footer .call strong{display:block;color:#f6d57b;font-size: 32px;font-family:'Happiness-Sans-Title',sans-serif;margin-top:15px;letter-spacing: 0;}

.footer a img{width:20px;margin-top: -2px;}
 


.cus_box{position:fixed;top:0;left:0;width:100%;height:100%;z-index: 9999;display:none;}
.cus_box .form_bg{position:absolute; top:0; left:0; width:100%; height:100%; background:rgba(0,0,0,0.3)}
.cus_box .form_con{position:absolute;top:50%;left:50%;background-color:#fff;border-radius:20px;box-shadow:0 0 20px rgba(0,0,0,0.3);text-align:center;transform: translate(-50%, -50%);display:none;}
.form_con>p{}
.form_con> i{position:absolute; cursor:pointer;}
.form_con th{text-align:left;word-break: keep-all;}
.form_con .nice-select {text-align:left;}
.form_con input[type=text]{padding-left:5%}
.form_con .cs_chk a{display:inline-block;width: 30%;height:100%;background: #282828;color: #fff;text-align: center;}
.form_con .cs_chk p{display: flex;align-items: center;justify-content: space-between;}    
.form_con textarea{width:100% !important}

.form_con input[type=text]{border:1px solid #dfd5cf;padding-left: 3%;color: #777;}
.form_con textarea{border:1px solid #dfd5cf;padding: 2%;color: #777;width: 100%;}


.cus_box .form_con>i{top: 5%;right: 5%;font-size: 50px;}
.form_con{width:50%;max-width:600px;padding: 2%;}
 
.form_con >p{font-size: 20px;margin-bottom: 20px;text-align: left;line-height: 1.5em;font-weight: 500;}
.form_con th{font-size:15px;}
.form_con td{padding:1% 0}
.form_con td .prv{padding: 3%;border: 1px solid #dfd5cf;font-size: 15px;color: #777;line-height: 1.4em;word-break: keep-all;}
.form_con .cs_chk a{height:40px;line-height:40px;font-size: 14px;border-radius: 20px;}
.form_con .sendit{font-size: 20px;height:50px;p;padding: 0 5%;/* font-size: 25px; */font-weight: bold;}
.form_con input[type=text],.form_con .nice-select span{height:40px; line-height: 40px;border-radius:20px;font-size: 17px; color:#777}
.form_con textarea{height:100px; font-size:17px;}
.form_con .nice-select{border-radius:20px;}
 
.form_con .phone .nice-select, .form_con input{width: 31.5%;display: inline-block;vertical-align: middle;}


.cs_btn{
    position: absolute;
    bottom: 150%;
    left: 106%;
    display: flex;
    width: 120px;
    height: 120px;
    background-color:#205d39;
    text-align:center;
    color: #f6d57b;
    border-radius: 50%;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    font-size: 20px;
    cursor:pointer;
    border: 5px solid #f6d57b;
}
.cs_btn em{display:block;font-size: 36px;font-weight: 900;/* margin-top: 3px; */}

.form_con .chk_box{position:relative; top:0; left:0;}