@charset "utf-8";
/* CSS Document */
* {
  cursor: url("../images/moren.png") 4 4, default;
}
a:hover{ cursor: url("../images/xuanfu.png") 4 4, default !important;}
.buybtn a img:hover{ cursor: url("../images/xuanfu.png") 4 4, default !important;}

body{ width:100%; overflow-x:hidden;}
.w1200{ max-width:1200px; margin:0 auto;}
.flex{ display:flex; display: -webkit-flex; align-items:center;flex-wrap:  wrap ; justify-content:space-between}
.flex2{ display:flex; display: -webkit-flex; align-items:stretch;flex-wrap:  wrap ; justify-content:space-between}

.bacimg{ width:100%;}
.maintxt{ position:absolute; left:0; top:0; width:100%; height:100%;}


.header{ position:fixed; left:50%; top:.38rem; transform:translateX(-50%);border: 2px solid #000000; border-radius:100px; height:.96rem; z-index:1000; width:15.92rem; background:#fff; padding-right:.4rem; padding-left:.57rem; flex-wrap: nowrap ;}
.header .logo{ transform:translateY(-.1rem); height:120%;}
.header .logo img{ height:100%;}

.headerri{ width:3.25rem;}
.headerri a{  height:.56rem; transition:all .3s;}
.headerri a img{ display:inline-block; height:100%;}
.headerri a:hover{ transform:translateY(-0.05rem)}
.header ul{ justify-content:center;flex-wrap: nowrap ;}
.header li a{font-family: PatrickHand; display:block; font-size:.32rem;color: #666; line-height:1; margin:0 .24rem; white-space:nowrap;}
.header li.on a{ color:#000}

.main01,.main02,.main03,.main04,.main05,.main06{ position:relative;}
.img0101{ position:absolute; left:2.67rem; top:1.7rem; width:6.85rem;}
.img0102{ position:absolute; left:2.7rem; top:2.9rem; width:8.08rem;}
.flower{ position:absolute; left:10.99rem; top:2.29rem; width:1.29rem;}

.txt001{ left:4.56rem; top:4.23rem; width:4.68rem;font-family: PatrickHand; font-size:.32rem; line-height:1.5; position:absolute; transform:rotate(-5deg);}
 
.baixiong01{ position:absolute; left:8.91rem; top:4.61rem; width:4.15rem;}
.zongxiong01{ position:absolute; left:12.52rem; top:5.31rem; width:2.66rem;}
.button001{ position:absolute; background:#fff; border:1px solid #000; border-radius:100px; left:3.22rem; top:5.77rem; width:4.84rem; padding:.12rem .24rem .12rem .36rem; display:flex; justify-content:space-between; align-items:center;}
.button001 img{ width:1.43rem; transition:all .3s; cursor:pointer;}
.button001 img:hover{ transform:scale(0.9);}
.button001 span{ font-size:.24rem; color:#3D3D3D; font-family:scB;}

.main01{ z-index:10; min-height:9.18rem}
.main02{ z-index:9; margin-top:-.4rem;min-height:9.68rem}
.main03{ z-index:8; margin-top:-.5rem;min-height:9rem}
.main04{ z-index:7; margin-top:-.4rem;min-height:9rem}
.main05{ z-index:6; margin-top:-.4rem;min-height:9rem}
.main06{ z-index:5; margin-top:-.4rem;min-height:2rem}


.img0201{ position:absolute; left:3.42rem; top:6.9rem; width:1.97rem;}

.img0202{ position:absolute; left:5.19rem; top:6.97rem; width:1.77rem;}

.img0203{ position:absolute; left:4.77rem; top:8.2rem; width:1.26rem;}

.img0204{ position:absolute; left:6.12rem; top:7.89rem; width:1.4rem;}

.main2box{ position:absolute; left:8.74rem; top:1.53rem; width:7.37rem;}
.main2box .img0205{ width:100%; height:100%;}
.img0206{ position:absolute; left:0.61rem; top:0.69rem; width:5.933rem;}
.main2box p{font-family: PatrickHand; position:absolute; left:0.89rem; top:1.83rem; width:5.79rem; font-size:.26rem; color:#3D3D3D; line-height:1.2}
.main2box p img{ height:.37rem; display:inline;}

.img0207{ position:absolute; left:.89rem; bottom:.88rem; width:2.8rem; transition:all .3s; cursor:pointer;}
.img0208{ position:absolute; left:5.29rem; top:3.09rem; width:1.13rem;}
.img0207:hover{ transform:translateY(-.05rem);cursor: url("../images/xuanfu.png") 4 4, default !important;}
.button001 img:hover,.headerri a img:hover,.main06box .joinbut:hover,.logo img:hover{cursor: url("../images/xuanfu.png") 4 4, default !important;}

.main03 .maintxt{z-index:0;}
.main03 .qiqiu{ width:3.8rem; position:absolute; left:0; top:4.48rem; z-index:2;}
.main03 .zongxiong02{ width:2.55rem; position:absolute; left:1.26rem; top:6.11rem; z-index:1;}
.main03 .baixiong02{ width:2.7rem; position:absolute; left:1.92rem; top:6.96rem; z-index:3;}
.main03 .zhishipai01{ width:3.87rem; position:absolute; right:.75rem; top:5.43rem; z-index:4;}
.main03 .zhishipai01 .zhishipai{ width:100%;}
.main03 .zhishipai01 .xiaoji{ width:.73rem; position:absolute; left:1.57rem; top:.01rem;}
.main03 .qiqiu{ width:3.8rem; position:absolute; left:0; top:4.48rem;}
.main03 .qiqiu{ width:3.8rem; position:absolute; left:0; top:4.48rem;}

.main03 .maintxt{ padding-top:1.53rem;}
.main03box{ padding-top:2.33rem; width:12.93rem; height:7.69rem; position:relative; margin:0 auto;}
.img0301{ width:100%; position:absolute; left:0; top:0; width:100%;}
.img0302{ width:6.52rem; margin:0 auto; margin-bottom:.51rem; position:relative; z-index:2; display:block;}
.main03box ul{ margin:0 auto; width:10rem; text-align:center; position:relative; z-index:2;}
.main03box ul li{ width:20%; border-right:2px dashed #975E2E; text-align:center; padding:0 .21rem; padding-bottom:.07rem; padding-top:.04rem;}
.main03box ul li img{ width:.72rem; display:block; margin:0 auto; margin-bottom:.06rem;}
.main03box ul li b{ display:block; font-size:.24rem; color:#000; line-height:.36rem; margin-bottom:.04rem; font-family:scB}
.main03box ul li span{ font-size:.18rem; line-height:.27rem;color: #3D3D3D; display:block; margin-bottom:.17rem;font-family:scB}
.main03box ul li p{ font-size:.18rem; line-height:.24rem; color: #3D3D3D;font-family: PatrickHand; font-weight:400;}
.main03box ul li:last-child{ border:none;}


.main04txt{ position:absolute; left:0; top:0; width:100%; height:100%;}

.img0401{ margin:.1rem auto .37rem; display:block; width:8.53rem; z-index:1;}
.main04txt span{ display:block; top:2.09rem; text-align:center; position:absolute; z-index:2; font-size:.32rem;color: #3B3B3B;font-family: PatrickHand; left:0; width:100%;}
.main04 ul li{ width:3.32rem; padding:.32rem .15rem; position:relative; height:3.1rem; background-image:url(../images/juxing.webp); background-size:100% 100%;}
.main04 ul{ width:14.48rem; margin:0 auto;}
.main04 ul li .p{ position:absolute; top:2.24rem; left:50%; transform:translateX(-50%); font-size:.2rem;color: #3D3D3D; line-height:.27rem;font-family: PatrickHand;}
.main04 ul li p{ white-space:nowrap;}
.main04 ul li .img{ margin:.1rem auto .14rem; height:1.26rem; width:100%; position:relative;}
.main04 ul li  .img img{ position:absolute; left:50%; top:50%; transform:translate(-50%,-50%); max-height:100%}
.main04 ul li b{ text-align:center; display:block; font-size:.28rem; color:#000; line-height:.42rem; font-family:scB;}

.buybtn{ text-align:center ; margin-top:.77rem;}
.buybtn img{ width:2rem; transition:all .3s;}
.buybtn a{ display:inline-block;}
.buybtn a:hover img{ transform:translateY(-0.05rem);}
.tanchuang{
    position: fixed;
    top: 2.5rem;
    left: 50%;
    transform: translateX(-50%);
    z-index: 9999;
    opacity: 0;
    visibility: hidden;
}
/* 入场：显示弹跳弹出 */
.tanchuang.show{
    opacity: 1;
    visibility: visible;
    animation: popBounce 0.4s ease forwards;
}
/* 退场：关闭弹跳收缩 */
.tanchuang.out{
    animation: popOutBounce 0.3s ease forwards;
}

@keyframes popBounce {
    0% {
        transform: translate(-50%, -50%) scale(0.8);
    }
    50% {
        transform: translate(-50%, -50%) scale(1.08);
    }
    100% {
        transform: translate(-50%, -50%) scale(1);
    }
}

@keyframes popOutBounce {
    0% {
        transform: translate(-50%, -50%) scale(1);
        opacity:1;
        visibility:visible;
    }
    30%{
        transform: translate(-50%, -50%) scale(1.04);
    }
    100% {
        transform: translate(-50%, -50%) scale(0.75);
        opacity:0;
        visibility:hidden;
    }
}

.tanchuang img{
    display: block;
    width: 4rem;
}

.main5tit{ position:absolute; top:1.49rem; left:4.94rem; width:9.27rem; display:block; position:absolute;}
.main05>span{position:absolute; top:3.13rem; left:0; text-align:center; display:block; position:absolute;font-size: .32rem;line-height: .43rem;color: #3B3B3B;font-family: PatrickHand; width:100%;}
.main05 ul{ position:absolute; top:4.21rem; width:14.87rem; left:50%; transform:translateX(-50%);}
.main05 ul li{ width:3.2rem; position:relative;}
.main05 ul li .img2{ height:2.2rem; margin:0 auto; position:relative; z-index:2;}
.main05 ul li .img2 img{ display:block; margin:0 auto; height:100%;}
.main05 ul li .txt{ padding-top:.32rem; background-image:url(../images/juxing2.webp); width:3.2rem; height:2.42rem; background-size:100% 100%; position:relative; z-index:1; margin-top:-.3rem}
.main05 ul li  b{ text-align:center; display:block;font-size: .28rem;line-height: .42rem;color: #000000; font-weight:700 ; display:block; font-family:scB;}
.main05 ul li  span{ display:block; font-size:.24rem; font-weight:700; line-height:.36rem; text-align:center;color: #3D3D3D;}
.main05 ul li  .p{ position:absolute; top:1.29rem; left:50%;transform:translateX(-50%);}
.main05 ul li  .p p{ padding-left:.245rem; background-image:url(../images/dui.webp); background-repeat:no-repeat; background-position:left .07rem; background-size:.145rem auto; font-size:.2rem; line-height:.27rem;letter-spacing: .01rem;color: #3D3D3D; white-space:nowrap;font-family: PatrickHand;}



.main06box{ position:absolute; top:0.96rem; left:3.42rem; width:8.5rem; text-align:center;}
.main06box .img0601{ width:6.06rem; margin:0 auto; display:block;}
.main06box p{font-size: .32rem;line-height: .43rem;letter-spacing: .01rem;color: #3B3B3B;font-family: PatrickHand;}
.main06box .joinbut{ transition:all .3s; height:.56rem;  display:block; margin:0 auto;margin-top:.42rem;}
.main06box .joinbut:hover{transform:translateY(-.05rem);}




@media screen and (max-width:768px){
	 .wap{ display:block;}
	 .pc{ display:none;}
	 
	}
	
	
	
@font-face
{
font-family: PatrickHand;
src: url('../fonts/PatrickHand-Regular.ttf')
}
@font-face
{
font-family: scB;
src: url('../fonts/SourceHanSansOLD-Bold-2.otf')
}