html{
    font-size: 100px;
}
.nav{
    background-color: #A42723;
    position: fixed;
    top: 0;
    left: 0;
}
.nav .navList>.item{
    color: white !important;
}
.nav .navList>.item>.multiTitle>.titleName{
    color: white !important;
}
.nav .navList>.item>.multiTitle>svg{
    color: white !important;
}
.nav>.contents>.tel>p{
    color: white !important;
}
.nav>.contents>.tel>svg{
    color: white !important;
}
.nav .logo{
    background: url('../../images/pages/duanwu/logo.png') center no-repeat !important;
    background-size: contain !important;
}

.nav>.contents>.navList>.item.active{
    color: #FFD49B !important;
    font-family: 'phb';
}
.nav>.contents>.navList>.item:hover{
    color: #FFD49B !important;
    font-family: 'phb';
}
.nav>.contents>.navList>.item:hover .titleName{
    color: #FFD49B !important;
    font-family: 'phb';
}

.bannerFrame{
    width: 100%;
    height: 10.84rem;
    overflow: hidden;
    transition: all 1s linear;
    -webkit-transition: all 1s linear;
    -moz-transition: all 1s linear;
    -ms-transition: all 1s linear;
    -o-transition: all 1s linear;
    display: flex;
    align-items: center;
    justify-content: center;
}
.bannerFrame>.img{
    width: 100%;
    height: 10.84rem;
    background: url('../../images/pages/chunjie/banner.jpg') center no-repeat;
    background-size: cover;
}
.bannerFrame.close{
    height: 0 !important;
}
.banner{
    width: 100%;
    height: auto;
}

body{
    background-color: #A42723;
    overflow: hidden;
}

.mainPart{
    overflow: hidden;
    position: relative;
}

.backImg{
    display: block;
    width: 100%;
    min-width: 1920px;
    position: absolute;
    top: 1213px;
    left: 0;
    overflow: hidden;
}
.backImg>img{
    width: 100%;
}

.bodyContent{
    width: 100%;
    height: auto;
    position: relative;
}
.mainContent{
    width: 1440px;
    height: auto;
    margin: 0 auto;
    /* margin-top: -200px; */
    position: relative;
    z-index: 10;
}
.centerContent{
    width: 1440px;
    height: auto;
    margin: 0 auto;
    position: relative;
}

/* 公司实力 */
.company{
    width: 100%;
    height: 478px;
    background: url('../../images/pages/chunjie/back1.jpg') center no-repeat;
    background-size: 100% 100%;
    position: relative;
}
.company .list{
    width: 100%;
    height: 478px;
    display: flex;
    align-items: center;
    justify-content: center;
}
.company .list>img{
    display: block;
    width: 200px;
    height: 200px;
    margin-right: 100px;
}
.company .list>img:last-child{
    margin-right: 0;
}
.company .ring{
    width: 102px;
    height: 319px;
    background: url('../../images/pages/chunjie/ring.png') center no-repeat;
    background-size: 100% 100%;
    position: absolute;
    top: 40px;
}
.company .ring.ring1{
    left: 30px;
}
.company .ring.ring2{
    right: 30px;
}
.company .cloud{
    width: 140px;
    height: 41px;
    background: url('../../images/pages/chunjie/cloud.png') center no-repeat;
    background-size: 100% 100%;
    position: absolute;
}
.company .cloud.cloud1{
    top: 380px;
    left: 0;
}
.company .cloud.cloud2{
    top: 393px;
    left: 728px;
}
.company .cloud.cloud3{
    right: 0;
    bottom: 0;
}
.company .showBanner{
    width: 34px;
    height: 34px;
    background: url('../../images/pages/chunjie/showBanner.png') center no-repeat;
    background-size: 100% 100%;
    transform: translate(-50%,0);
    -webkit-transform: translate(-50%,0);
    -moz-transform: translate(-50%,0);
    -ms-transform: translate(-50%,0);
    -o-transform: translate(-50%,0);
    cursor: pointer;
    position: absolute;
    top: 8px;
    left: 50%;
}
.company .hideBanner{
    width: 34px;
    height: 34px;
    background: url('../../images/pages/chunjie/hideBanner.png') center no-repeat;
    background-size: 100% 100%;
    transform: translate(-50%,0);
    -webkit-transform: translate(-50%,0);
    -moz-transform: translate(-50%,0);
    -ms-transform: translate(-50%,0);
    -o-transform: translate(-50%,0);
    cursor: pointer;
    position: absolute;
    top: 8px;
    left: 50%;
}
/* 前言 */
.slogen{
    width: 100%;
    height: 665px;
    background: url('../../images/pages/chunjie/back2.jpg') center no-repeat;
    background-size: 100% 100%;
    display: flex;
    align-items: center;
    justify-content: center;
}
.slogen>div{
    width: 1433px;
    height: 454px;
    background: url('../../images/pages/chunjie/slogen.png') center no-repeat;
    background-size: 100% 100%;
    position: relative;
    padding-top: 262px;
}
.slogen>div>div{
    width: 502px;
    height: 51px;
    background: url('../../images/pages/chunjie/slogenInfo.png') center no-repeat;
    background-size: 100% 100%;
    transform: translate(-50%,0);
    -webkit-transform: translate(-50%,0);
    -moz-transform: translate(-50%,0);
    -ms-transform: translate(-50%,0);
    -o-transform: translate(-50%,0);
    position: absolute;
    top: 176px;
    left: 50%;
}
.slogen>div>p{
    width: 100%;
    height: auto;
    font-family: 'phr';
    font-size: 33px;
    line-height: 44px;
    text-align: center;
    color: #000000;
}
/* 花边 */
.wallLine{
    width: 100%;
    height: 50px;
    background: url('../../images/pages/chunjie/back3.jpg') left repeat;
}

/* 卷轴 */
.juan{
    width: 100%;
    height: 530px;
    background: url('../../images/pages/chunjie/juan.png') center no-repeat;
    background-size: 100% 100%;
}

/* 套餐列表 */
.packageList{
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    padding-top: 50px;
    padding-bottom: 80px;
    position: relative;
    z-index: 10;
}
.packageList>.list{
    width: 1452px;
    height: 731px;
    display: flex;
    justify-content: center;
    padding-top: 254px;
    background: url('../../images/pages/chunjie/package/back4.png') center no-repeat;
    background-size: 100% 100%;
}
.packageList>.list>.item{
    width: 332px;
    height: auto;
    margin-right: 17px;
}
.packageList>.list>.item:last-child{
    margin-right: 0;
}
.packageList>.list>.item>div{
    width: 332px;
    height: 369px;
    background: url('../../images/pages/chunjie/package/itemBack.png') center no-repeat;
    background-size: 100% 100%;
    padding-top: 10px;
}
.packageList>.list>.item>div>div{
    width: 100%;
    height: 33px;
    margin-bottom: 26px;
}
.packageList>.list>.item:nth-child(1)>div>div{
    background: url('../../images/pages/chunjie/package/itemTitle1.png') center no-repeat;
    background-size: contain;
}
.packageList>.list>.item:nth-child(2)>div>div{
    background: url('../../images/pages/chunjie/package/itemTitle2.png') center no-repeat;
    background-size: contain;
}
.packageList>.list>.item:nth-child(3)>div>div{
    background: url('../../images/pages/chunjie/package/itemTitle3.png') center no-repeat;
    background-size: contain;
}
.packageList>.list>.item:nth-child(4)>div>div{
    background: url('../../images/pages/chunjie/package/itemTitle4.png') center no-repeat;
    background-size: contain;
}
.packageList>.list>.item>div>img{
    display: block;
    width: 288px;
    height: 272px;
    margin: 0 auto;
}
.packageList>.list>.item>p{
    width: 230px;
    height: 50px;
    background: url('../../images/pages/chunjie/package/btn.png') center no-repeat;
    background-size: 100% 100%;
    margin: 17px auto 0 auto;
}

/* 定制 */
.custom{
    width: 100%;
    height: auto;
    padding-top: 50px;
    padding-bottom: 80px;
    background: url('../../images/pages/chunjie/custom/customBack.jpg') center no-repeat;
    background-size: 100% 100%;
}
.custom .title{
    width: 443px;
    height: 100px;
    background: url('../../images/pages/chunjie/custom/title.png') center no-repeat;
    margin: 0 auto;
}
.custom .groupList{
    width: 100%;
    height: auto;
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-top: 60px;
}
.custom .groupList>.item{
    width: 700px;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}
.custom .groupList>.item>img{
    width: 100%;
    height: 332px;
    margin-bottom: 20px;
}
.custom .groupList>.item>div{
    width: 100%;
    height: 220px;
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.custom .groupList>.item>div>img{
    width: 220px;
    height: 220px;
}
.custom .btnBottom{
    display: block;
    width: 302px;
    height: 81px;
    margin: 0 auto;
    margin-top: 65px;
    background: url('../../images/pages/chunjie/custom/p01btn.png') center no-repeat;
    background-size: 100% 100%;
}
.custom .customImg{
    width: 100%;
    height: 600px;
    background: url('../../images/pages/chunjie/custom/customBack.png') center no-repeat;
    background-size: 100% 100%;
    margin-top: 72px;
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative;
}
.custom .customImg>img{
    width: 941px;
    height: 448px;
    margin-left: 37px;
}
.custom .customImg>.info{
    width: 263px;
    height: auto;
    padding-top: 15px;
}
.custom .customImg>.info>div{
    width: 263px;
    height: 80px;
    background: url('../../images/pages/chunjie/sampleTitle.png') center no-repeat;
    background-size: 100% 100%;
    margin-bottom: 20px;
}
.custom .customImg>.info>p{
    font-family: 'phr';
    font-size: 19px;
    line-height: 30px;
    color: white;
    margin-bottom: 20px;
}
.custom .customImg>.info>a{
    display: block;
    width: 169px;
    height: 68px;
    background: url('../../images/pages/chunjie/sampleBtn.png') center no-repeat;
    background-size: 100% 100%;
}
.custom .customImg>span{
    display: block;
    width: 4.1rem;
    height: 2.67rem;
    background: url('../../images/pages/chunjie/dec/08.png') center no-repeat;
    background-size: 100% 100%;
    position: absolute;
    bottom: -0.87rem;
    right: -2.36rem;
    z-index: 100;
}
.custom .flowTitle{
    width: 444px;
    height: 100px;
    background: url('../../images/pages/chunjie/custom/flowTitle.png') center no-repeat;
    background-size: 100% 100%;
    margin: 0 auto;
    margin-top: 60px;
}
.custom .flowInfo{
    width: 100%;
    height: 242px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-top: 53px;
}
.custom .flowInfo>.list{
    width: 1260px;
    height: 242px;
    background: url('../../images/pages/chunjie/custom/flowBack.png') center no-repeat;
    background-size: 100% 100%;
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 0 27px;
}
.custom .flowInfo>.list>.item{
    width: 110px;
    height: auto;
}
.custom .flowInfo>.list>.item>img{
    width: 110px;
    height: 110px;
}
.custom .flowInfo>.list>.item>p{
    width: 100%;
    height: auto;
    margin-top: 15px;
    font-family: 'phr';
    font-size: 20px;
    line-height: 1em;
    text-align: center;
    color: white;
}
.custom .flowInfo>.flowBtn{
    width: 144px;
    height: 246px;
    background: url('../../images/pages/chunjie/custom/fbtn.png') center no-repeat;
    background-size: 100% 100%;
}

/* 礼品推荐 */
.gift{
    width: 100%;
    height: auto;
    padding-top: 50px;
    margin-bottom: 60px;
}
.gift>.title01{
    display: block;
    width: 540px;
    height: 132px;
    margin: 0 auto;
}
.gift>.title02{
    width: 100%;
    height: 132px;
    position: relative;
    margin-bottom: 45px;
}
.gift>.title02>img:nth-child(1){
    width: 199px;
    height: 116px;
    position: absolute;
    top: 66px;
    left: 325px;
}
.gift>.title02>img:nth-child(2){
    width: 464px;
    height: 167px;
    transform: translate(-50%,0);
    -webkit-transform: translate(-50%,0);
    -moz-transform: translate(-50%,0);
    -ms-transform: translate(-50%,0);
    -o-transform: translate(-50%,0);
    position: absolute;
    top: 0;
    left: 50%;
}
.gift>.title02>img:nth-child(3){
    width: 199px;
    height: 116px;
    position: absolute;
    top: 66px;
    right: 319px;
}
.gift>.priceList{
    width: 100%;
    height: auto;
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-top: 37px;
    margin-bottom: 60px;
}
.gift>.priceList>.item{
    width: 266px;
    height: 60px;
    cursor: pointer;
}

/* 礼品列表 */
.gift>.list{
    width: 100%;
    height: auto;
    background: url('../../images/pages/chunjie/gift/listBack.png') center no-repeat;
    background-size: 100% 100%;
    position: relative;
    z-index: 100;
}
.gift>.list>img{
    width: 304px;
    height: 68px;
    transform: translate(-50%,-50%);
    -webkit-transform: translate(-50%,-50%);
    -moz-transform: translate(-50%,-50%);
    -ms-transform: translate(-50%,-50%);
    -o-transform: translate(-50%,-50%);
    position: absolute;
    top: 11px;
    left: 50%;
}
.gift>.list>.list{
    width: 100%;
    height: auto;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    padding: 50px 35px 25px 35px;
}
.gift>.list>.list>.item{
    width: 330px;
    height: auto;
}
.gift>.list>.list>.item>.p01{
    width: 315px;
    height: 47px;
    background: url('../../images/pages/chunjie/gift/nameBack.png') center no-repeat;
    background-size: 100% 100%;
    padding: 0 15px 0  20px;
    margin: 10px auto;
    display: flex;
    align-items: center;
    justify-content: center;
}
.gift>.list>.list>.item>.p01>span{
    font-family: 'phr';
    font-size: 16px;
    line-height: 47px;
    color: #F7DFBE;
}
.gift>.list>.list>.item>.p02{
    width: 100%;
    font-family: 'phr';
    font-size: 16px;
    line-height: 1em;
    color: #333333;
    text-decoration: line-through;
    padding-left: 104px;
    margin-bottom: 7px;
}
.gift>.list>.list>.item>.p03{
    width: 100%;
    font-family: 'phr';
    font-size: 16px;
    line-height: 1em;
    color: #333333;
    padding-left: 104px;
    margin-bottom: 12px;
}
.gift>.list>.list>.item>.p03>span{
    font-family: 'phm';
    color: #D92E32;
}
.gift>a{
    display: block;
    width: 222px;
    height: 60px;
    margin: 37px auto 0 auto;
    background: url('../../images/pages/chunjie/gift/bottomBtn.png') center no-repeat;
    background-size: 100% 100%;
}

/* 供应商 */
.sups{
    width: 100%;
    height: auto;
    padding-bottom: 50px;
}
.sups>.title{
    width: 100%;
    height: 78px;
    position: relative;
    margin-bottom: 24px;
}
.sups>.title>img:nth-child(1){
    width: 199px;
    height: 116px;
    position: absolute;
    top: -12px;
    left: 265px;
    z-index: 10;
}
.sups>.title>img:nth-child(2){
    width: 545px;
    height: 78px;
    transform: translate(-50%,0);
    -webkit-transform: translate(-50%,0);
    -moz-transform: translate(-50%,0);
    -ms-transform: translate(-50%,0);
    -o-transform: translate(-50%,0);
    position: absolute;
    top: 0;
    left: 50%;
    z-index: 5;
}
.sups>.title>img:nth-child(3){
    width: 199px;
    height: 116px;
    position: absolute;
    top: -12px;
    right: 259px;
    z-index: 10;
}
.sups>.info{
    width: 100%;
    height: 512px;
    background: url('../../images/pages/chunjie/sup/back.png') center no-repeat;
    background-size: 100% 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative;
    z-index: 100;
}
.sups>.btns{
    width: 100%;
    height: 60px;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-top: 60px;
}
.sups>.btns>a:nth-child(1){
    width: 223px;
    height: 59px;
    background: url('../../images/pages/chunjie/sup/btn1.png') center no-repeat;
    background-size: 100% 100%;
}
.sups>.btns>a:nth-child(2){
    width: 248px;
    height: 60px;
    background: url('../../images/pages/chunjie/sup/btn2.png') center no-repeat;
    background-size: 100% 100%;
    margin-left: 42px;
}

/* 页面装饰 */
.dec>img{
    position: absolute;
    z-index: 1;
}
.dec>img:nth-child(1){
    width: 3.42rem;
    height: 1.48rem;
    top: 1384px;
    left: 0;
}
.dec>img:nth-child(2){
    width: 2.65rem;
    height: 5.48rem;
    top: 1089px;
    right: 0;
}
.dec>img:nth-child(3){
    width: 1.78rem;
    height: 1.93rem;
    top: 2064px;
    left: 0;
}
.dec>img:nth-child(4){
    width: 1.71rem;
    height: 2.8rem;
    top: 2215px;
    right: 0;
}
.dec>img:nth-child(5){
    width: 2.78rem;
    height: 7.19rem;
    top: 2497px;
    left: 0;
}
.dec>img:nth-child(6){
    width: 4.1rem;
    height: 2.67rem;
    top: 3128px;
    right: -147px;
}
.dec>img:nth-child(7){
    width: 0.96rem;
    height: 1.93rem;
    top: 3520px;
    left: 0;
}
.dec>img:nth-child(8){
    display: none;
    width: 4.1rem;
    height: 2.67rem;
    top: 3980px;
    right: 0;
    z-index: 100;
}
.dec>img:nth-child(9){
    width: 3.42rem;
    height: 1.48rem;
    top: 4564px;
    left: 0;
}
.dec>img:nth-child(10){
    width: 2.65rem;
    height: 5.48rem;
    top: 4389px;
    right: 0;
}
.dec>img:nth-child(11){
    width: 2.37rem;
    height: 2.8rem;
    top: 5323px;
    left: -81px;
}
.dec>img:nth-child(12){
    width: 0.96rem;
    height: 1.93rem;
    top: 6528px;
    left: 0;
}
.dec>img:nth-child(13){
    width: 5.18rem;
    height: 1.48rem;
    top: 5960px;
    right: -257px;
}
.dec>img:nth-child(14){
    width: 2.43rem;
    height: 3.47rem;
    top: 7007px;
    right: 0;
}
.dec>img:nth-child(15){
    width: 2.78rem;
    height: 7.19rem;
    top: 7700px;
    left: 0;
    /* z-index: 100; */
}
.dec>img:nth-child(16){
    width: 2.43rem;
    height: 3.47rem;
    top: 8180px;
    right: 0;
}
.dec>img:nth-child(17){
    width: 2.37rem;
    height: 2.8rem;
    top: 9107px;
    left: -81px;
}
.dec>img:nth-child(18){
    width: 1.71rem;
    height: 2.8rem;
    top: 9257px;
    right: 0;
}
.dec>img:nth-child(19){
    width: 3.42rem;
    height: 1.48rem;
    top: 9896px;
    left: 0;
}
.dec>img:nth-child(20){
    width: 4.09rem;
    height: 1.48rem;
    top: 10090px;
    right: 0;
}
.dec>img:nth-child(21){
    width: 4.08rem;
    height: 1.48rem;
    top: 11245px;
    left: 0;
}

.bottomMenu{
    position: relative;
    z-index: 100;
}
.backInfo{
    position: relative;
    z-index: 100;
}

/* 右侧导航 */
.rightNav{
    display: none;
    width: 100px;
    height: auto;
    transform: translate(0,-50%);
    -webkit-transform: translate(0,-50%);
    -moz-transform: translate(0,-50%);
    -ms-transform: translate(0,-50%);
    -o-transform: translate(0,-50%);
    transition: all 0.2s linear;
    -webkit-transition: all 0.2s linear;
    -moz-transition: all 0.2s linear;
    -ms-transition: all 0.2s linear;
    -o-transition: all 0.2s linear;
    z-index: 1000;
    position: fixed;
    top: 50%;
    /* right: -100px; */
    /* right: 20px; */
}
.rightNav>.item{
    width: 146px;
    height: 62px;
    margin-bottom: 10px;
    background: url('../../images/pages/chunjie/navBtn01.png') center no-repeat;
    background-size: 100% 100%;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    font-family: 'phb';
    font-size: 20px;
    color: #F7DEBA;
}
.rightNav>.item:hover{
    background: url('../../images/pages/chunjie/navBtn02.png') center no-repeat;
    background-size: 100% 100%;
    cursor: pointer;
}
.rightNav>.item:last-child{
    margin-bottom: 0;
}
.rightNav>.item:first-child>p{
    font-family: 'phb';
    font-size: 20px;
    color: #F7DEBA;
}
.rightNav>.item:first-child>p:nth-child(2){
    display: none;
}
.rightNav>.item:first-child:hover>p:nth-child(1){
    display: none;
}
.rightNav>.item:first-child:hover>p:nth-child(2){
    display: block;
}