@keyframes moveRight{0%{transform:scale(0)}100%{transform:scale(1)}}@keyframes moveLeft{0%{transform:scale(0)}100%{transform:scale(1)}}@keyframes moveUp{0%{transform:translateY(100px);opacity:0}50%{opacity:1}100%{transform:translateY(0px);opacity:1}}@keyframes showWord{0%{opacity:0}100%{opacity:1}}.moveLeft{animation-name:moveLeft;transform-origin:right center}.moveRight{animation-name:moveRight;transform-origin:left center}.moveUp{animation-name:moveUp;animation-fill-mode:forwards}.showWord{animation-name:showWord}.mylayout{width:100%;max-width:1320px;margin:0 auto;padding:0 20px}.cfx:before,.cfx:after{display:table;content:" ";clear:both}.header{position:relative}.header .header_bg{background-image:url("../images/about_header.jpg");background-position:center;background-size:cover;background-repeat:no-repeat;padding-top:25%;width:100%;max-width:100%}.header .header_bg .logo{position:absolute;top:calc(50% - 65px);left:calc(50% - 310.5px);text-align:center;width:100%;max-width:621px}.header .header_bg .logo .logo_p1{font-size:50px;letter-spacing:6px;line-height:86px;color:#ffffff;font-weight:bold;margin-bottom:27px}.header .header_bg .logo .logo_p2{max-width:531px;max-height:100%;width:100%;margin:0 auto}.header .header_bg .logo .logo_p2 figure{width:100%;padding-top:3.2%;background-image:url(../images/about_p2.png);background-repeat:no-repeat;background-size:100%;background-position:center}.header .meun_list{font-size:0;text-align:center;width:600px;max-width:100%;margin:0 auto;display:none}.header .meun_list .list{display:inline-block;padding:10px;margin:0 5px;background-color:rgba(255,255,255,0.6)}.header .meun_list .list a{display:block;width:100%;line-height:30px;font-size:20px;color:#3e3a39}.header .meun_list .list:hover{background-color:#fff}.title_area{text-align:center;padding:20px}.title_area>p{font-size:20px;line-height:32px;color:#000000;padding:55px 140px 22px}.title_area>p span{display:none}@media (max-width: 980px){.title_area>p br{display:none}}.title_area .border_short{background-color:#59514f;width:95px;height:1px;margin:22px auto}.city_area .boxes{width:100%;font-size:0}.city_area .boxes .box{font-size:0;transition:.3s;padding-top:115px}.city_area .boxes .box:nth-of-type(1){opacity:1}@media (max-width: 1024px){.city_area .boxes .box{width:90%;margin:0 auto;padding-top:55px;text-align:center}}@media (max-width: 980px){.city_area .boxes .box{max-width:600px}}@media (max-width: 720px){.city_area .boxes .box{padding-top:30px}}.city_area .boxes .box.left_float .box_pic{max-width:100%;margin:0 auto;display:inline-block;vertical-align:top;width:571px;overflow:hidden;position:relative;z-index:1;top:-20px}@media (max-width: 980px){.city_area .boxes .box.left_float .box_pic{top:0}}.city_area .boxes .box.left_float .box_pic figure{background-position:center;background-size:cover;background-repeat:no-repeat;width:100%;padding-top:77.4%;transform:scale(1);transition:transform .5s}.city_area .boxes .box.left_float .box_pic figure:hover{transform:scale(1.03)}.city_area .boxes .box.left_float .box_intro{display:inline-block;vertical-align:top;max-width:calc(100% - 571px);width:100%}@media (max-width: 980px){.city_area .boxes .box.left_float .box_intro{text-align:center;max-width:100%;display:block}}.city_area .boxes .box.left_float .box_intro .title{font-size:0;padding-bottom:35px}@media (max-width: 1024px){.city_area .boxes .box.left_float .box_intro .title{padding-bottom:0px}}@media (max-width: 980px){.city_area .boxes .box.left_float .box_intro .title{padding-top:45px}}@media (max-width: 720px){.city_area .boxes .box.left_float .box_intro .title{text-align:center}}.city_area .boxes .box.left_float .box_intro .title p{font-size:45px;line-height:86px;color:#000000;text-align:center;display:inline-block;width:200px;text-align:left}.city_area .boxes .box.left_float .box_intro .title p.beforeimg1{position:relative}.city_area .boxes .box.left_float .box_intro .title p.beforeimg1::before{top:-50px;left:-42px;z-index:-1;width:245px;height:89px;background-image:url(../images/before1.png);content:'';display:inline-block;position:absolute;background-position:center;background-repeat:no-repeat;background-size:cover}@media (max-width: 980px){.city_area .boxes .box.left_float .box_intro .title p.beforeimg1::before{top:-35px}}@media (max-width: 720px){.city_area .boxes .box.left_float .box_intro .title p.beforeimg1::before{left:calc(50% - 122px)}}@media (max-width: 980px){.city_area .boxes .box.left_float .box_intro .title p{font-size:36px;width:145px}}.city_area .boxes .box.left_float .box_intro .title span{z-index:-1;height:1px;width:calc(100% - 430px);display:inline-block;background-color:#9fa0a0}@media (max-width: 1310px){.city_area .boxes .box.left_float .box_intro .title span{width:calc(100% - 210px)}}@media (max-width: 720px){.city_area .boxes .box.left_float .box_intro .title span{display:none}}.city_area .boxes .box.left_float .box_intro .intro_p{float:right;opacity:0;text-align:left;max-width:606px;text-align:justify}.city_area .boxes .box.left_float .box_intro .intro_p p{font-size:18px;line-height:30px;color:#000000}@media (max-width: 1024px){.city_area .boxes .box.left_float .box_intro .intro_p{padding:0 20px;float:none}}@media (max-width: 980px){.city_area .boxes .box.left_float .box_intro .intro_p{padding:0;text-align:left}}.city_area .boxes .box.left_float .box_intro2{display:inline-block;vertical-align:top;max-width:calc(100% - 571px);width:100%}@media (max-width: 980px){.city_area .boxes .box.left_float .box_intro2{max-width:100%}}.city_area .boxes .box.left_float .box_intro2 .title{font-size:0;padding-bottom:35px}@media (max-width: 1024px){.city_area .boxes .box.left_float .box_intro2 .title{padding-bottom:0px}}@media (max-width: 980px){.city_area .boxes .box.left_float .box_intro2 .title{padding-top:25px}}@media (max-width: 720px){.city_area .boxes .box.left_float .box_intro2 .title{text-align:center;padding-top:50px}}.city_area .boxes .box.left_float .box_intro2 .title p{font-size:45px;line-height:86px;color:#000000;text-align:center;display:inline-block;width:200px;text-align:left}@media (max-width: 980px){.city_area .boxes .box.left_float .box_intro2 .title p{font-size:36px;width:145px}}.city_area .boxes .box.left_float .box_intro2 .title p.beforeimg3{position:relative}.city_area .boxes .box.left_float .box_intro2 .title p.beforeimg3::before{content:'';display:inline-block;position:absolute;background-position:center;background-repeat:no-repeat;background-size:cover;top:-50px;left:-48px;z-index:-1;width:239px;height:88px;background-image:url(../images/before3.png)}@media (max-width: 980px){.city_area .boxes .box.left_float .box_intro2 .title p.beforeimg3::before{top:-45px}}@media (max-width: 720px){.city_area .boxes .box.left_float .box_intro2 .title p.beforeimg3::before{left:calc(50% - 119px)}}.city_area .boxes .box.left_float .box_intro2 .title span{z-index:-1;height:1px;width:calc(100% - 420px);display:inline-block;background-color:#9fa0a0}@media (max-width: 1310px){.city_area .boxes .box.left_float .box_intro2 .title span{width:calc(100% - 210px)}}@media (max-width: 720px){.city_area .boxes .box.left_float .box_intro2 .title span{display:none}}.city_area .boxes .box.left_float .box_intro2 .intro_p{float:right;text-align:left;max-width:606px;text-align:justify}@media (max-width: 1024px){.city_area .boxes .box.left_float .box_intro2 .intro_p{padding:0 20px;float:none}}@media (max-width: 980px){.city_area .boxes .box.left_float .box_intro2 .intro_p{padding:0;text-align:left}}.city_area .boxes .box.left_float .box_intro2 .intro_p p{font-size:18px;line-height:30px;color:#000000}.city_area .boxes .box.left_float .box_intro2 .intro_p.goat .afterimg{text-align:center;padding-top:64px}.city_area .boxes .box.left_float .box_intro2 .intro_p.goat .afterimg img{display:inline-block}.city_area .boxes .box.right_float .box_pic{max-width:100%;margin:0 auto;display:inline-block;width:572px;float:right;overflow:hidden;position:relative;z-index:1;top:-60px}@media (max-width: 1024px){.city_area .boxes .box.right_float .box_pic{top:0}}@media (max-width: 980px){.city_area .boxes .box.right_float .box_pic{float:none}}.city_area .boxes .box.right_float .box_pic div{overflow:hidden}.city_area .boxes .box.right_float .box_pic div:nth-of-type(2){margin-top:17px}.city_area .boxes .box.right_float .box_pic div:nth-of-type(2) figure{background-position:center;background-size:cover;background-repeat:no-repeat;width:100%;transform:scale(1);transition:transform .5s;padding-top:47%}.city_area .boxes .box.right_float .box_pic div:nth-of-type(2) figure:hover{transform:scale(1.03)}.city_area .boxes .box.right_float .box_pic div figure{background-position:center;background-size:cover;background-repeat:no-repeat;width:100%;transform:scale(1);transition:transform .5s;padding-top:56.11%}.city_area .boxes .box.right_float .box_pic div figure:hover{transform:scale(1.03)}.city_area .boxes .box.right_float .box_pic2{max-width:100%;margin:45px auto 0;display:inline-block;width:572px;float:right;overflow:hidden;position:relative;z-index:1}@media (max-width: 980px){.city_area .boxes .box.right_float .box_pic2{float:none;margin:0 auto}}.city_area .boxes .box.right_float .box_pic2 div{overflow:hidden}.city_area .boxes .box.right_float .box_pic2 div:nth-of-type(2){margin-top:17px}.city_area .boxes .box.right_float .box_pic2 div:nth-of-type(2) figure{background-position:center;background-size:cover;background-repeat:no-repeat;width:100%;transform:scale(1);transition:transform .5s;padding-top:47%}.city_area .boxes .box.right_float .box_pic2 div:nth-of-type(2) figure:hover{transform:scale(1.03)}.city_area .boxes .box.right_float .box_pic2 div figure{background-position:center;background-size:cover;background-repeat:no-repeat;width:100%;transform:scale(1);transition:transform .5s;padding-top:56.11%}.city_area .boxes .box.right_float .box_pic2 div figure:hover{transform:scale(1.03)}.city_area .boxes .box.right_float .box_pic2 figure{background-position:center;background-size:cover;background-repeat:no-repeat;width:100%;transform:scale(1);transition:transform .5s}.city_area .boxes .box.right_float .box_pic2 figure:hover{transform:scale(1.03)}.city_area .boxes .box.right_float .box_pic2 figure:nth-of-type(1){padding-top:56.11%}.city_area .boxes .box.right_float .box_pic2 figure:nth-of-type(2){padding-top:47%}.city_area .boxes .box.right_float .box_intro{max-width:calc(100% - 572px);width:100%}@media (max-width: 980px){.city_area .boxes .box.right_float .box_intro{max-width:100%;text-align:left}}.city_area .boxes .box.right_float .box_intro .title{font-size:0;padding-bottom:35px;text-align:right}@media (max-width: 1024px){.city_area .boxes .box.right_float .box_intro .title{padding-bottom:0}}@media (max-width: 980px){.city_area .boxes .box.right_float .box_intro .title{padding-bottom:0;padding-top:45px}}@media (max-width: 720px){.city_area .boxes .box.right_float .box_intro .title{text-align:center}}.city_area .boxes .box.right_float .box_intro .title p{font-size:45px;line-height:86px;color:#000000;text-align:center;display:inline-block;width:200px;text-align:right}@media (max-width: 980px){.city_area .boxes .box.right_float .box_intro .title p{font-size:36px;width:145px}}.city_area .boxes .box.right_float .box_intro .title p.beforeimg2,.city_area .boxes .box.right_float .box_intro .title p.beforeimg4{position:relative}.city_area .boxes .box.right_float .box_intro .title p.beforeimg2::before,.city_area .boxes .box.right_float .box_intro .title p.beforeimg4::before{content:'';display:inline-block;position:absolute;background-position:center;background-repeat:no-repeat;background-size:cover}.city_area .boxes .box.right_float .box_intro .title p.beforeimg2::before{top:-45px;left:0;z-index:-1;width:201px;height:91px;background-image:url(../images/before2.png)}@media (max-width: 980px){.city_area .boxes .box.right_float .box_intro .title p.beforeimg2::before{top:-40px}}@media (max-width: 720px){.city_area .boxes .box.right_float .box_intro .title p.beforeimg2::before{left:calc(50% - 100px)}}.city_area .boxes .box.right_float .box_intro .title p.beforeimg4::before{top:-45px;left:-10px;z-index:-1;width:233px;height:97px;background-image:url(../images/before4.png)}@media (max-width: 980px){.city_area .boxes .box.right_float .box_intro .title p.beforeimg4::before{top:-40px;left:-33px}}@media (max-width: 720px){.city_area .boxes .box.right_float .box_intro .title p.beforeimg4::before{left:calc(50% - 116px)}}.city_area .boxes .box.right_float .box_intro .title span{z-index:-1;height:1px;width:calc(100% - 420px);display:inline-block;background-color:#9fa0a0}@media (max-width: 1310px){.city_area .boxes .box.right_float .box_intro .title span{width:calc(100% - 210px)}}@media (max-width: 720px){.city_area .boxes .box.right_float .box_intro .title span{display:none}}.city_area .boxes .box.right_float .box_intro .intro_p{text-align:left;max-width:606px;text-align:justify}@media (max-width: 1024px){.city_area .boxes .box.right_float .box_intro .intro_p{padding:0 20px;margin:0}}@media (max-width: 980px){.city_area .boxes .box.right_float .box_intro .intro_p{padding:0}}.city_area .boxes .box.right_float .box_intro .intro_p p{font-size:18px;line-height:30px;color:#000000}.city_area .boxes .box.right_float .box_intro .intro_p .break{padding-top:5px}.city_area .boxes .box.right_float .box_intro .intro_p.wine .afterimg{text-align:right;padding-top:40px}@media (max-width: 1220px){.city_area .boxes .box.right_float .box_intro .intro_p.wine .afterimg{padding:0}}.city_area .boxes .box.right_float .box_intro .intro_p.wine .afterimg img{display:inline-block}@media (max-width: 720px){.city_area .boxes .box.right_float .box_intro .intro_p.wine .afterimg img{width:100%;max-width:100%}}@media (max-width: 980px){.city_area .boxes .box.right_float .box_intro .intro_p.wine .afterimg{padding-top:10px}}.mt-45{margin-top:45px}@media (max-width: 980px){.mt-45{margin-top:0px}}.last_one{padding-bottom:150px}@media (max-width: 1024px){.last_one{padding-bottom:50px}}@media (max-width: 980px){.header .header_bg .logo .logo_p1{font-size:50px}.header .meun_list .list{background-color:#fff}.title_area>p{font-size:20px;line-height:32px;padding:15px 20px;text-align:justify;text-align:left\0}.title_area>p span{display:inline-block;font-size:20px;line-height:32px}}@media (max-width: 980px) and (max-width: 720px){.title_area>p{padding:0px 0 20px 0}}@media (max-width: 980px){.title_area>span{font-size:20px;line-height:30px}.title_area>span a{font-size:20px;line-height:30px}.title_area>span::before{content:none;width:30px;height:30px}.title_area .border_short{margin:10px auto}}@media (max-width: 720px){.header .header_bg{padding-top:38%}.header .header_bg .logo{top:calc(50% - 43px);left:0;max-width:100%}.header .header_bg .logo .logo_p1{font-size:40px;margin-bottom:0}.header .header_bg .logo .logo_p2{display:none}.header .meun_list .list{background-color:#fff}.header .meun_list .list a{display:block;width:100%;line-height:30px;font-size:16px;color:#3e3a39}.title_area>p{font-size:20px;line-height:30px}.title_area .border_short{margin:10px auto}}
/*# sourceMappingURL=about.css.map */