html{overflow-x:hidden;}
h1,h2,h3,h4,h5,h6,dl,dt,dd,ul,ol,li,th,td,p,blockquote,pre,form,fieldset,legend,input,button,textarea,hr{margin:0;padding:0;}
body{margin:0;padding:0;font-size:12px;font-family:"Microsoft Yahei";background-color:#fff;color:#000;}
h1,h2,h3,h4,h5,h6{font-size:100%;overflow:hidden;}
img,fieldset,iframe,table{border:0;}
img{border:none;vertical-align:top;object-fit:cover;}
input,button,textarea,select{font-size:12px;}
ul,ol,dl,dt,dd,li{list-style:none;}
b{font-weight:100;overflow:hidden;}
em,i{font-style:normal;}
area{outline:none;border:none;}
a{color:#fff;text-decoration:none;cursor:pointer;}
a:hover{text-decoration:none;}
.clearfix{clear:both;}
.clearfix{zoom:1;}
.clearfix:after{content:'.';display:block;visibility:hidden;clear:both;width:1px;height:1px;}
.left{float:left;}
.right{float:right;}
.f700{font-weight:700;}
.f100{font-weight:100;}
.fyahei{font-family:"Microsoft Yahei";}
.ta_l{text-align:left;}
.ta_c{text-align:center;}
.ta_r{text-align:right;}
.height100{height:100%;}
.pa{position:absolute;}
.pr{position:relative;}
.wrapper{position:relative;margin:auto;width:1200px;height:100%;overflow:hidden;}
.hidden{display:none;}
.pointer{cursor:pointer;}
.scale{overflow:hidden;}
.scale img{-webkit-transition:-webkit-transform 500ms;transition:transform 500ms;vertical-align:top;}
.scale:hover img{-webkit-transform:scale(1.06);transform:scale(1.06);}
.hide{display:none;}
.show{display:block;}
.cover{position:absolute;top:0;left:0;width:100%;height:100%;background:#fff;opacity:0;filter:alpha(opacity=0);z-index:2;}
/*top*/
.nav-top-bg,.nav-top{position:relative;background:#f7f7f7;line-height:28px;font-family:Verdana;}
.nav-top-bg span a{color:#773b09;}
.nav-top-bg span a:hover{background-color:#f7f7f7;color:#773b09;}
.nav-top{overflow:hidden;}
.i_logo{margin-top:3px;}
.back{float:right;display:block;width:80px;text-align:right;}
.more{color:#b19651;}
.more a{color:#b19651;}
.more a:hover{color:#fff;}
.font-hide{text-indent:-999px;overflow:hidden;}
/*footer*/
.pubfooter{position:relative;clear:both;background-color:#000;margin-left:auto;margin-right:auto;font-size:12px;}
.footer{text-align:center;margin:0 auto;}
.copyright{text-align:center;line-height:52px;color:#999;}
.foot_top{font-size:12px;line-height:24px;color:#999;text-align:center;height:24px;padding-top:40px;}
.foot_top .gray0{color:#999;}
.foot_top .wbfoot{background:url(http://www.xbiao.com/images/index/v_xbiao.png) no-repeat 0 2px;*background-position:left center;padding-left:20px;}
.footline{display:inline-block;height:24px;line-height:24px;font-size:12px;vertical-align:middle;margin:0 10px;color:#999;font-family:"Sim Sun"}
.foot_top a{color:#999;display:inline-block;}
.foot_top a:hover{background:none;color:#999;text-decoration:underline;}
.iphone_ico i,.android_ico i,.telphone_ico i{background:url(../../../images/static/baume2/ico_phone.png) no-repeat -3px 0;display:inline-block;width:18px;height:20px;padding-right:5px;vertical-align:middle;margin-top:-4px;*margin-top:0;margin-left:2px;opacity:.8;filter:alpha(opacity=80);}
.android_ico i{background-position:-1px -26px;width:21px;height:24px;line-height:24px;margin-left:13px;}
.telphone_ico i{background-position:-6px -59px;width:11px;height:22px;line-height:22px;margin-left:12px;}

/*share*/
.wrap_share {width: 80px;height: 28px;line-height: 28px;margin-right: 10px}
.share_btn {width: 80px;height: 28px;display: flex;align-items: center;justify-content: space-between;}
.share_btn .bds_tsina,.share_btn .bds_qzone,.share_btn .bds_tqq,.share_btn .bds_renren,.share_btn .bds_douban,.share_btn .bds_weixin{ display: inline-block; background-image:url(../../../images/static/geneva2024/ii.png);background-repeat:no-repeat; width: 18px; height: 18px;}
.share_btn .bds_tsina { background-position:1px -39px!important ;}
.share_btn .bds_tsina:hover { background-position:1px 0px!important ;}
.share_btn .bds_qzone { background-position:-43px -39px!important ;}
.share_btn .bds_qzone:hover { background-position:-43px 0px!important ;}
.share_btn .bds_tqq { background-position:-21px -39px!important ;}
.share_btn .bds_tqq:hover { background-position:-21px 0px!important ;}
.share_btn .bds_weixin { background-position:-111px -39px!important ;}
.share_btn .bds_weixin:hover { background-position:-111px 0px!important ;}
.share_qrcode{position:fixed;top:50%;left:50%;margin-left:-125px;margin-top:-150px;z-index:99;border:1px solid #ccc;background:white;padding:10px;}
.share_qrcode i{font-style:normal;font-size:12px;font-weight:bold;}
.share_qrcode b{font-style:normal;font-size:16px;font-weight:bold;position:absolute;right:15px;top:10px;color:#990;cursor:pointer;}
.share_qrcode img{display:block;margin:15px auto;}
.share_qrcode em{font-style:normal;font-size:12px;font-weight:normal;display:block;width:100%;color:#666;}

/* 公共样式 */
.p_bg{min-width: 1200px;background-repeat: no-repeat;background-position: center 0}
.p_tit{font-size: 26px}
.p_txt{font-size: 20px;color: #000;line-height: 34px;text-align: justify;text-justify: inter-character;}
.p_txt_center{text-align: center;margin: 22px 0}
.p_more_bg{font-size: 20px;height: 40px;line-height: 40px;width: 100px;text-align: center;background: #dcba9c;color: #000}
.p_more{font-size: 20px;line-height: 34px;color: #bba17f;margin-left: 10px}
.container{min-width: 1200px;background: url(../../../images/static/cartier2026PC/p_bg.jpg)}
.p_tit{display: flex;height: 40px;line-height: 40px;padding-left: 12px}
.p_tit::before{content: '';position: absolute;left: 0;top: 0;width: 12px;height: 40px;background: #6f4014}
.p_tit span{font-size: 40px;color: #6f4014;margin: 0 13px;line-height: 38px}
.p_tit em{font-size: 32px;color: #f9e1cd;flex: 1;background: linear-gradient(to right,#6f4014 40%, transparent);padding-left: 10px}
.p_title{position: relative; font-size: 26px;font-weight: bold;line-height: 40px;height: 40px;padding-left: 45px}
.p_title::before{content: '';width: 36px;height: 33px;position: absolute;left: 0;top: 2px;background: url(../../../images/static/cartier2026PC/p_tit_arr.png)}
.swiper_btn_box{width: 108px;display: flex;justify-content: space-between;position: absolute;bottom: 77px;left: 455px;z-index: 999}
.swiper_btn{width: 50px;height: 60px;background: #70563f;display: flex;justify-content: center;align-items: center}
.swiper_btn::after{content: '';display: block;width: 19px;height: 35px;background: url(../../../images/static/cartier2026PC/swiper_btn.png) no-repeat 0 0;animation:aniSwiperBtn 0.6s linear infinite alternate}
.btn_right::after{background-position: -58px 0;animation-direction: alternate-reverse}
@keyframes aniSwiperBtn {
    from{transform: translateX(-3px)}
    to{transform: translateX(2px)}
}
.p_ani{opacity: 0;transform: translateY(60px);transition: all 0.8s ease}
.p_ani.active {opacity: 1;transform: translateY(0);}
#music {position: fixed;right: 20px;top: 50px;z-index: 999}
@keyframes rotate {
    0% {transform: rotate(0deg)}
    100% {transform: rotate(360deg)}
}
/* banner */
.banner{height: 400px;background-image: url(../../../images/static/cartier2026PC/banner_bg.jpg)}
.banner_text{top: 45px;left: 35px; animation: shake 1.2s ease;}
@keyframes shake {
  0% { transform: translate(0,0) rotate(0deg); }
  25% { transform: translate(-6px,4px) rotate(-2deg); }
  50% { transform: translate(6px,-4px) rotate(2deg); }
  75% { transform: translate(-4px,2px) rotate(-1deg); }
  100% { transform: translate(0,0) rotate(0deg); }
}

/* p1 */
.p1{padding: 78px 0 45px}
.p1 span{position: absolute;top: 0;left: calc(50% - 48px);font-size: 40px;color: #dcba9c;letter-spacing: 8px;top: 35px;z-index: 0}
.p1 .p1_tit{text-align: center;font-size: 20px;position: relative;z-index: 2;}
.p1 em{display: inline-block;background: #dcba9c;box-shadow:0 0 10px 5px #dcba9c;padding: 0 30px;border-radius: 15px;height: 25px;line-height: 25px;}
.p1 .p_txt{text-align: center;margin-top: 20px}
.p1 .p_txt i{display: block;height: 6px;background: url(../../../images/static/cartier2026PC/p1_deco.png) no-repeat center 0;margin: 15px 0 13px}

/* p2 */
.p2{height: 680px}
.p2 .swiper-container{height: 640px}
.p2_year{position: absolute;font-size: 120px;color: transparent;-webkit-text-stroke: 1px #8e7966;font-weight: bolder;line-height: 100px}
.p2 .swiper-pagination{top: 35px;height: 50px;  display: flex;justify-content: space-between;box-sizing: border-box;width: 100%}
.p2 .swiper-pagination::after{content: '';position: absolute;width: 100%;height: 1px;background: #70563f}
.p2 .swiper-pagination span{display: block;text-align: center; width: 60px;height: 50px;background: none;position: relative;font-size: 24px;color: #70563f;padding-top: 22px;box-sizing: border-box;opacity: 1}
.p2 .swiper-pagination span::before{content: '';position: absolute;top: -7px;left: calc(50% - 7px);z-index: 22;width: 14px;height: 14px;border: 1px solid #70563f;border-radius: 7px;background: #000;background: #ece9e2}
.p2 .swiper-pagination span.swiper-pagination-bullet-active::after{content: '';position: absolute;top: 0;left: 0;width: 8px;height: 8px;background: #70563f;border-radius: 4px;top: -3px;left: calc(50% - 3px);z-index: 33}
.p2 .p2_title{margin-bottom: 15px}
.p2 .p2_title em{padding: 0 90px 0 10px;display: inline-block;background: linear-gradient(to right,#e3d0bf 70%, transparent)}
.p2 li .p2_img{position: absolute;top: 125px;left: 0}
.p2 li .p2_year{right: 0;top: 120px}
.p2 li .p2_con{position: absolute;right: 0;top:178px;width: 740px}

/* p3 */
.p3 .swiper-container{height: 500px}
.p3 .p3_con{top: 50%;transform: translateY(-65%);width: 660px;position: absolute;background: #f6ecde;box-shadow: 0 5px 5px #bab6b1;left: 5px;z-index: 2;padding: 40px 32px 52px;box-sizing: border-box}
.p3_title{border-bottom: 1px solid #000;padding-bottom: 12px;margin-bottom: 10px;height: auto;line-height: 32px}
.p3 .p3_img{position: absolute;right: 0}
.p3 .swiper_btn_box{bottom: 90px;left: 475px}
.p3_text2{height: 190px}
.mCSB_scrollTools .mCSB_draggerRail{width: 10px;background: none;border: 1px solid #bba17f;box-sizing: border-box;padding: 2px 0}
.mCSB_scrollTools .mCSB_dragger{width: 15.5px}
.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{background: #bba17f;width: 5px}
.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{background: #bba17f;width: 5px}
.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, .mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{background: #bba17f}

/* p4 */
.p4_con{height: 770px;background: url(../../../images/static/cartier2026PC/p4_bg.png) no-repeat center center;position: relative}
.p4_con > div{cursor: pointer;width: 320px;height: 200px;background: url(../../../images/static/cartier2026PC/p4_img1.png);position: absolute;display: flex;flex-direction: column;align-items: center;justify-content: center}
.p4_con > div span{font-size: 30px;color: #f7eac9}
.p4_con > div em{font-size: 14px;color: #f7eac9}
.p4_con > div i{display: block;width: 40px;height: 1px;background: #fff;margin: 16px 0}
.p4_con > div a{position: absolute; bottom: 5px;right: 5px;border-radius: 20px;overflow: hidden;background: #dcba9c}
.p4_con > div a::after{content: '';display: block;width: 40px;height: 40px;background: url(../../../images/static/cartier2026PC/p4_btn.png);animation:aniOpenLayer 0.7s linear infinite alternate }
@keyframes aniOpenLayer {
    from{transform: scale(0.8)}
    to{transform: scale(1.1)}
}
.p4_con .p4_item1{top: 0;left: calc(50% - 160px)}
.p4_con .p4_item2{top: 248px;right: 130px;background: url(../../../images/static/cartier2026PC/p4_img2.png)}
.p4_con .p4_item3{width: 300px;top: 502px;right:263px; background: url(../../../images/static/cartier2026PC/p4_img3.png);}
.p4_con .p4_item4{width: 300px;top: 502px;left: 263px;background: url(../../../images/static/cartier2026PC/p4_img4.png)}
.p4_con .p4_item5{width: 300px;top: 248px;left: 130px;background: url(../../../images/static/cartier2026PC/p4_img5.png)}

.p4_time5 .layer_item1_2{top: 300px;left: 190px}
.p4_time5 .layer_item1_3{top: 260px;right: 0}
.p4_time4 .layer_item1_2{top: 210px;left: 400px}
.p4_time4 .layer_item1_3{top: 288px;right: 0}
.p4_time3 .layer_item1_2{top: 329px;left: 337px}
.p4_time3 .layer_item1_3{top: 260px;right: 0}

/* 弹框 */
.layer_box{position: fixed;top: 0;left: 0;width: 100%;height: 100%;background: rgba(0, 0, 0, 0.9);z-index: 999;color: #fff;display: none}
.layer_box .wrapper{position: absolute;left: calc(50% - 600px);top: calc(50% - 325px);height: 650px}
.layer_box .p4_time{position: relative}
.layer_close{cursor: pointer; width: 61px;height: 61px;background: url(../../../images/static/cartier2026PC/layer_close.png);position: absolute;top: 0;right: 0;z-index: 999}
.layer_tit{color: #2e1818;font-size: 30px;font-weight: bold;background: linear-gradient(to right, #f3e0cc 70%, transparent);height: 40px;line-height: 40px;padding-left: 12px;padding-right: 80px;box-sizing: border-box;display: inline-block}
.layer_text{color: #f7eac9}
.layer_box .swiper_btn_box{bottom: 45px;left: 1065px}
.layer_box .swiper_btn{background: #f2e0cc}
.layer_box .swiper_btn::after{background: url(../../../images/static/cartier2026PC/layer_btn.png)}
.layer_box  .btn_right::after{background-position: -58px 0}
.layer_item1_1{top: 40px;left: 0}
.layer_con{top: 40px;left: 385px;width: 815px;z-index: 99}
.layer_item1_2{top: 365px;left: 368px;z-index: 2}
.layer_item1_3{top: 295px;right: 0}

/* p5 */
.p5_con li{display: flex;align-items: center;justify-content: space-between}
.p5_con li i{display: block;width: 100%;height: 1px;background: #70563f;position: relative;margin: 27px 0 21px}
.p5_con li i::after{content: '';position: absolute;left: calc(50% - 28px);top: -6px;height: 13px;width: 56px;border-radius: 6.5px;background: #70563f}
.p5_text{width: 660px}
.p5_tit{font-size: 26px;text-align: center;font-weight: bold}
.p5_userinfo{display: flex;align-items: center;justify-content: space-between;margin-top: 33px}
.p5_userinfo a:first-child{display: flex;align-items: center}
.p5_userinfo a em{display: block;font-size: 24px;margin-left: 10px;color: #000}
.p5_item1{margin: 30px 0 10px}
.p5_item3{margin: 40px 0 10px}
.p5_item5{margin: 15px 0 55px}

/* p6 */
.p6_con{margin: 38px 0 180px}
.p6_tit{font-size: 26px;font-weight: bold}
.p6_text{padding:  10px 25px;background: #f6ecde;position: absolute;top: 396px;right: 0;min-width: 285px}
.p6_text::after{content: '';position: absolute; top: 10px;left: -23px;width: 36px;height: 33px;background: url(../../../images/static/cartier2026PC/p6_deco.png)}
.p6_con .swiper-slide em{font-size: 200px;color: #997857;font-weight: bold;position: absolute; top: 60px;right: 0}
.p6_con .swiper_btn_box{bottom: 20px;left: auto;right: 20px}