@import url(https://fonts.googleapis.com/earlyaccess/cwtexyen.css);

#bannerBox{position:relative}
#banner{position:relative;width:100%;margin:0 auto;top:0;left:0;z-index:990;}
#banner .slick-slider{margin-bottom:0}
#banner .rundoctor{position: absolute;top: 0;left: 15vw;z-index: 9;width: 6vw;}
#banner .rundoctor img{animation: slide 13s linear infinite;}
@keyframes slide{
    0% {transform: translateY(0);}
    50% {transform: translateY(-50%);}
    100% {transform: translateY(-100%);}
}
#banner .main-slider .item{position:relative}
#banner .main-slider .item a{position:relative;width:100%;height:98vh;background:rgb(212 158 147 / 7%);background-size:100% auto;display:block;z-index:2}
#banner .main-slider .item a.fmlink{display:flex;height:auto;width:190px;background:unset;margin-top:70px;border:white 1px solid;padding:10px 5px;border-radius:125px;justify-content:space-around;color:white;font-size:max(1 * (1vw + 1vh) / 2,14px)}
#banner .main-slider .item a.fmlink:hover{background:#ebb612;border:#bf940d 1px solid}
#banner .main-slider .item a.fmlink svg{fill:white;width:20px;aspect-ratio:1/1}
#banner .main-slider .videoshow_box{position:absolute;top:0;z-index:2;height:100%;width:100%;}
#banner .main-slider .videoshow_box .dwn_img{height: 100%;}
#banner .main-slider .videoshow_box .dwn_img img{height: 100%;object-fit: cover;width: 100%;}
#banner .main-slider .videoshow_box:before{content:"";background: url(/images/37/shapJJimg.png);position: absolute;width: 100%;aspect-ratio: 128/14;bottom: -7px;z-index: 7;background-size: cover;}
#banner .main-slider #videoox .videoshow_box{display:flex}
#banner .main-slider #videoox .videoshow_box img{height:100%;width:100%;object-fit:cover}
#banner .main-slider #videoox .videoshow_box .dwn_img{width:100%}
#banner .main-slider .videoshow_box .dwn_man{position:absolute;right: -4vw;width: 53vw;bottom: -11vw;aspect-ratio:73/74;display: flex;animation: floatJcan 6s ease-in-out infinite;filter: drop-shadow(2px 10px 9px rgb(0 0 0 / 8%));display: none;}
#banner .main-slider #videoox .videoshow_box .dwn_man img{object-fit:contain;object-position:50% 100%;animation:float 5s ease-in-out infinite;position:relative;bottom:-21px;filter:drop-shadow(2px 10px 9px rgb(0 0 0 / 38%))}
#banner .main-slider .item .banner-txt{position:absolute;width: 666px;top: 36%;left: 18%;z-index:3}
#banner .main-slider .item video,#banner .main-slider .item iframe{position:absolute;width:150%;height:140%;left:50%;top:50%;transform:translate(-50%,-50%);}
#banner .item iframe{position:absolute;width:100%;height:100%;top:0;left:0}
#banner .item video{overflow:hidden;position:absolute;min-width:100%;width:auto;height:auto;bottom:0}
.banner-txt h2,.banner-txt h2 span{font-size:max(4 * (1vw + 1vh) / 2,28px);letter-spacing:2.5px;color: #ffffff;font-weight: 700;line-height: 150%;text-align:left;transform:translateY(0px);opacity:1;word-spacing:100vw;display:flex}
.banner-txt p{font-size: max(1.4 * (1vw + 1vh) / 2,14px);font-weight:300;color: #dddddd;text-align:left;transform:translateY(20px);opacity:1;margin-top:0px;width:100%}
.banner-txt h2 span{position:relative;margin-right:15px}
.banner-txt h2 span b{font-size:25px;position:absolute;right:-12px;top:-9px;color:#fff}
#banner .bn_icon h5{font-size:16px;color:#fff;letter-spacing:5px;font-weight:100;margin:30px 0 15px}
#banner .bn_icon h5 a{color:#fff}
#banner .bn_icon{position:absolute;bottom:0;right:calc(11% + 15px);transform:translateX(-50%);margin-bottom:20px;z-index:99;display:flex;width:50px;flex-direction:column;align-items:center}
#banner .bn_icon:before{content:"";position:absolute;width:130px;height:100px;background:#ebb612;top:-44px}
#banner .bn_icon b{font-size:14px;color:#fff;letter-spacing:2px;font-weight:100;margin:0px 0 25px;font-family:'Cormorant',serif;display:none}
#banner .bn_icon a{display:flex;align-items:center;justify-content:center;flex-direction:column}
#banner .bn_icon img{animation-name:a02;animation-duration:2s;animation-timing-function:ease-in-out;animation-iteration-count:infinite;width:30px}
@keyframes a02{0%,100%{transform:translateY(0px)}
50%{transform:translateY(-15px)}
}.PriceLinkList{display:-webkit-box;display:-ms-flexbox;display:flex;max-width:76%;width:100%;border-radius:0;background-color:hsl(0deg 0% 100% / 84%);position:absolute;bottom:0;z-index:992;-webkit-box-align:center;-ms-flex-align:center;align-items:center;margin:0 -20px;padding:0px 0px 0px 263px}
.PriceLinkList .PriceLinkItem{padding:0px 10px;width:calc(100% / 5);position:relative}
.PriceLinkList .PriceLinkItem:last-child{padding:0px 0 0 10px}
.PriceLinkList .PriceLinkItem a.Pricemore{position:absolute;width:100%;height:100%;left:0;top:0;z-index:100}
.PriceLinkList .PriceLinkItem p.more{background-color:#bdad84}
.PriceLinkList .PriceLinkItem p.more a{border:0px #bdad84 solid;width:100%;display:inline-block;text-align:center;padding:14px 0 6px 0}
.PriceLinkList .PriceLinkItem p.more a font{color:#fff}
.PriceLinkList .PriceLinkItem p.more a:hover font{letter-spacing:4.5px}
.PriceLinkList .PriceLinkItem .info h3{padding:15px 40px 15px 20px;position:relative;color:#bdad84;z-index:10;font-size:14px}
.PriceLinkList .PriceLinkItem .info h3::before{content:"";width:0;height:1px;background-color:rgb(189 173 132 / 56%);display:block;position:absolute;top:50%;right:40px;z-index:1;-webkit-transform:translateY(0px);transform:translateY(0px)}
.PriceLinkList .PriceLinkItem .info span{content:"";width:30px;height:30px;display:block;position:absolute;top:50%;right:30px;z-index:1;-webkit-transform:translateY(-10px);transform:translateY(-15px)}
.PriceLinkList .PriceLinkItem .bgDecoBox{width:100%;height:100%;display:flex;position:absolute;top:50%;left:50%;bottom:0;right:auto;-webkit-transform:translate3d(-50%,-50%,0);-moz-transform:translate3d(-50%,-50%,0);transform:translate3d(-50%,-50%,0);opacity:0;border-radius:20px 20px 0 0;display:flex;-webkit-box-pack:center;justify-content:center;display:none}
.PriceLinkList .PriceLinkItem .bgDecoBox .ellipsis{color:#fff;font-size:24px}
.PriceLinkList .PriceLinkItem:hover .info h3::before{background-color:rgb(255 255 255 / 56%);width:0;right:0}

.couyJbox{position:absolute;right:7vw;bottom:-3.5vw;z-index:8880;width: 11vw;}
.couyJbox a{display:flex;flex-direction:column;align-items:center;justify-content:center}
.couyJbox a:hover p{color:#884445}
.couyJbox a p{position:absolute;color:#393939;font-weight:600;font-size: max(1.2 * (1vw + 1vh) / 2,16px);}
.couyJbox a img{filter:brightness(0);animation:spin 22s linear infinite}
.couyJbox a:hover img{filter:brightness(1)}
/*beetitle*/
.ml6{position:relative;font-weight:900;font-size: 2em;line-height: 100%;}
.ml6 .text-wrapper{position:relative;display:inline-block;padding-top:0.2em;padding-right:0.05em;padding-bottom:0.1em;overflow:hidden;}
.ml6 .letter{display:inline-block;line-height:1em;font-size: max(2.88 * (1vw + 1vh) / 2,18px);font-weight: 200;margin: 0 15px;color: #4a4a4a;}
.ml6 .letter{ -webkit-transition: all 0s ease-out; -moz-transition: all 0s ease-out; -ms-transition: all 0s ease-out; -o-transition: all 0s ease-out; transition: all 0s ease-out;}
.beetitle{display:flex;flex-direction:column;align-items:center}
.beetitle p{font-size:max(2.5 * (1vw + 1vh) / 2,36px);text-transform:uppercase;font-weight:600;letter-spacing:0.25em}
@keyframes spin {
    from {transform: rotate(0deg);}
    to {transform: rotate(360deg);}
}
@keyframes floatJcan {
	0% {transform: translateY(0);}
	50% {transform: translateY(-20px);}
	100% {transform: translateY(0);}
}

@media screen and (max-width: 1470px){
	#banner .main-slider .videoshow_box:before{bottom: -6px;}
	#banner .rundoctor{left:19vw;width:4vw}
	@keyframes slide{0%{transform:translateY(0)}
	50%{transform:translateY(-40%)}
	100%{transform:translateY(-80%)}
	}
	#banner .main-slider .videoshow_box .dwn_man{width:51vw;right:-5vw}
}
@media screen and (max-width: 1280px) {
	#banner .main-slider .videoshow_box .dwn_man{width: 49vw;right: -4%;}
    #banner .main-slider .item a{height:533px}
    .PriceLinkList{max-width:100%;margin:0 0px;padding:0}
    .PriceLinkList .PriceLinkItem .info h3::before{display:none}
    #banner .main-slider .item .banner-txt{right:calc((100% / 2) - 500px);top: 170px;}
}

@media screen and (min-width: 1141px) {
	.PriceLinkList .PriceLinkItem:hover .info h3::after{opacity:0}
    .PriceLinkList .PriceLinkItem:hover .bgDecoBox{height:100px;position:absolute;-webkit-transform:translate3d(-50%,-50%,0);-moz-transform:translate3d(-50%,-50%,0);transform:translate3d(-50%,-70%,0);opacity:0.8;background-color:#bdad84;bottom:0}
    .PriceLinkList .PriceLinkItem:hover .bgDecoBox .holder{color:#ffffffab;font-size:14px;margin-right:9px}
}

@media screen and (max-width: 1140px) {
	.PriceLinkList{display:flex;flex-wrap:wrap;position:relative}
	.PriceLinkList .PriceLinkItem{width:calc((100% / 2) - 40px);padding:10px 20px;display:flex;flex-direction:column;align-content:flex-start}
	.PriceLinkList .PriceLinkItem:last-child{padding:0;width:100%}
	.PriceLinkList .PriceLinkItem .bgDecoBox{top:0;width:auto;height:auto;right:0;display:flex;justify-content:flex-start;position:relative;left:auto;transform:translate3d(0,0,0)}
	.PriceLinkList .PriceLinkItem .bgDecoBox{opacity:0;display:none}
	.PriceLinkList .PriceLinkItem .info h3{padding:0}
	.PriceLinkList .PriceLinkItem .bgDecoBox .ellipsis{color:#bdad84}
	.PriceLinkList .PriceLinkItem .bgDecoBox .ellipsis{font-size:20px}
	#banner .bn_icon{margin-bottom:0}
}
@media screen and (max-width: 1024px){
	#banner .main-slider .videoshow_box .dwn_man{width: 49vw;right: -10%;}
	.couyJbox{width:18vw;bottom:-6vw}
}

@media screen and (max-width: 980px) {
	#banner{margin-top:85px}
	#bannerBox{margin-top:64px}
    #banner .main-slider .item a{height:420px}
    #banner .main-slider .item .banner-txt{top:96px}
    #banner .main-slider .item{background-position:9% 50%;}
}

@media screen and (max-width: 768px) {
	#banner .rundoctor{display: none;}
	#banner .main-slider .videoshow_box:before{display: none;}
	#banner .main-slider .item video, #banner .main-slider .item iframe{
    left: 0;top: 0;transform: translate(0%, 0%);width: 100%;height: 100%;object-fit: cover;}
	#banner .main-slider .videoshow_box .dwn_man{width:60vw;right:-19vw}
	.couyJbox{display: none;}
	.banner-txt h2,.banner-txt h2 span{text-align: left;}
    .banner-txt p{margin-top:0px;width:100%}
    #banner .main-slider .item a{height: 491px;}
    #banner .bn_icon{bottom:20px;display:none}
    #banner .main-slider .item .banner-txt{top: 172px;width:390px;left: 13vw;}
    .banner-txt h2 span b{font-size:19px;top:-4px}
}

@media screen and (max-width: 680px) {
	#banner .main-slider .item video,#banner .main-slider .item iframe{}
    #banner .main-slider .videoshow_box .dwn_man{width: 43vw;right: 5vw;aspect-ratio: 45 / 74;}
    #banner .bn_icon{margin-bottom:15px}
    #banner .main-slider .item a{height: 439px;}
    #banner .main-slider .item .banner-txt{top: 44%;width: calc(75% - 64px);left: 1vw;transform:translate(0%,-50%);padding:0 26px;right:0px}
    #banner .main-slider #videoox .videoshow_box .dwn_man img{animation:float 11s ease-in-out infinite}
	.ml6 .letter{line-height:0.1em;margin: 0 3px;}
}

@media screen and (max-width: 480px) {
	#banner .main-slider .item video,#banner .main-slider .item iframe{width: 100%;height: 100%;top: 0;}
    #banner .main-slider .item a{height: 390px;}
    #banner .main-slider .item{background-position:28% 50%}
    #bannerBox{margin-top:71px}
	#banner .main-slider .videoshow_box .dwn_man{width:61vw;right:-17vw;bottom:-123px}
	.beetitle p{letter-spacing:4px;margin-left:4px}
	.indentitle p span{width:60px}
	#bea_box .framebox .pinkinfo h3{font-weight:400;letter-spacing:0.05em}
	#bea_box .framebox .pinkinfo p{margin:25px 0}
	#cvinfotext .indentitle h2{margin-bottom:15px}
}