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";   color:#333;}
h1,h2,h3,h4,h5,h6{ font-size:100%; font-weight:100; overflow:hidden;}
img,fieldset,iframe,table{ border:0;}
img { border: none; vertical-align: top; }
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:#333; 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%;}
.pos_abs{ position:absolute;}
.pos_rel{ position: relative;}
.wrapper{ position: relative;margin:auto;width:1000px;height: 100%;}
.hidden{ display:none;}
.overflow{ overflow:visible;}
.white { color:#fff;}
.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);}
/*top*/
.nav-top-bg,.nav-top{ position: relative;background:#f7f7f7; line-height:28px; font-family:Verdana; z-index:3;}
.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;}
/*public style*/
.bg0,
.bg0-cover,
.bg1,
.bg2,
.bg3,
.bg4,
.bg5,
.bg6{position: absolute;top: 0;left: 0;width: 100%;height: 100%; background-position: center 27px; background-repeat: no-repeat;}
.bg0{background-image: url(../../../images/static/2019weddingrings/bg0.jpg);}
.bg0-cover{background-image: url(../../../images/static/2019weddingrings/bg0-cover.jpg);}
.bg1{background-image: url(../../../images/static/2019weddingrings/bg1.jpg)}
.bg2{background-image: url(../../../images/static/2019weddingrings/bg2.jpg);}
.bg3{background-image: url(../../../images/static/2019weddingrings/bg3.jpg);}
.bg4{background-image: url(../../../images/static/2019weddingrings/bg4.jpg);}
.bg5{background-image: url(../../../images/static/2019weddingrings/bg5.jpg);}
.bg6{background-image: url(../../../images/static/2019weddingrings/bg6.jpg);}
/*container*/
.container{position: relative;}
.scrollwrap{position: absolute;width: 100%;}
.area{position: absolute; width: 100%;display: none;}


/* snow */
.snow1{position: absolute; left: 50%; top: 0; animation: snow 11s -5s infinite linear;}
.snow2{position: absolute; left: 40%; top: 0; animation: snow 7s -4s infinite linear;}
.snow3{position: absolute; left: 58%; top: 0; animation: snow 9s -2s infinite linear;}
@keyframes snow {
	from { transform:translate(0,0); opacity: 1;}
	to { transform:translate(-300px, 900px); opacity: 0;}
}
/* ---0--- */
.zero-en-title{
    left: -19px;
    top: 164px;
}
.zero-cn-title{
    left: 183px;
    top: 208px;
}
.zero-font1{
    left: 183px;
    top: 440px;
}
.zero-font2{
    left: 183px;
    top: 440px;
}
.zero-font3{
    left: 183px;
    top: 440px;
}
.zero-font4{
    left: 183px;
    top: 440px;
}
.zero-font5{
    left: 183px;
    top: 440px;
}
.zero-light{
    left: 403px;
    top: 234px;
}
.zero-circle-wrap{
    left: 787px;
    top: 373px;
}
.share_weibo .bdsharebuttonbox {
    width: 100%;
    height: 100%;
}
.sina{    left: 1000px;
    top: 590px; width: 40px; height: 40px; background: url(../../../images/static/2019weddingrings/zero-icon.png) no-repeat left center;}
.sina a{display: block; position: absolute; left: 0; top: 0; display: block; width: 40px; height: 40px;}
.wechat{    left: 1070px;
    top: 590px;width: 40px; height: 40px; background: url(../../../images/static/2019weddingrings/zero-icon.png) no-repeat right center;}
.run .zero-cover{animation: fadein 1s 0s both;-webkit-animation: fadein 1s 0s both;}
.run .zero-cn-title{animation: fadeinleft 1s 1s both;-webkit-animation: fadeinleft 1s 1s both;}
.run .zero-circle-wrap{animation: fadeinleft 1s 1s both;-webkit-animation: fadeinleft 1s 1s both;}
.run .zero-en-title{animation: fadeinright 1s 1s both;-webkit-animation: fadeinright 1s 1s both;}
.run .zero-light{animation: fadein 2s 2s both;-webkit-animation: fadein 2s 2s both;}
.run .zero-font1{animation: fadeinleft 1s 3s both;-webkit-animation: fadeinleft 1s 3s both;}
.run .zero-font2{animation: fadeinleft 1s 3.5s both;-webkit-animation: fadeinleft 1s 3.5s both;}
.run .zero-font3{animation: fadeinleft 1s 4s both;-webkit-animation: fadeinleft 1s 4s both;}
.run .zero-font4{animation: fadeinleft 1s 4.5s both;-webkit-animation: fadeinleft 1s 4.5s both;}
.run .zero-font5{animation: fadeinleft 1s 5s both;-webkit-animation: fadeinleft 1s 5s both;}
.run .zero-circle{animation: rotate 5s 2s both infinite linear;-webkit-animation: rotate 5s 2s both infinite linear;}
.run .sina{animation: fadein 1s 5s both;-webkit-animation: fadein 1s 5s both;}
.run .wechat{animation: fadein 1s 5s both;-webkit-animation: fadein 1s 5s both;}
.sina-tip{    left: 840px;
    top: 600px; display: none;}
.wechat-tip{left: 1020px;
    top: 637px; display: none;}


/* 1 */
.one-title{
    left: -7px;
    top: 15px;
}
.one-ring1{
    left: 594px;
    top: 223px;
}
.one-ring2{
    left: 600px;
    top: 373px;
}
.one-ring1-pro{
    left: 594px;
    top: 223px;
}
.one-ring2-pro{
    left: 830px;
    top: 373px;
}
.one-video-btn{
    left: 633px;
    top: 546px;
}
.one-bg{
    left: 130px;
    top: 140px;
}
.two-bg{
    left: 260px;
    top: 140px;
}
.three-bg{
    left: 60px;
    top: 110px;
}
.four-bg{
    left: 130px;
    top: 140px;
}
.five-bg{
    left: 320px;
    top: 120px;
}
.six-bg{
    left: -80px;
    top: 160px;
}

.one-swiper{
    width: 582px;
    height: 621px;
    position: absolute;
    overflow: hidden;
    left: 0;
    top: 170px;
}
.one-swiper ul{
    width: 582px;
    height: 621px;
    position: absolute;
}
.one-swiper ul li{
    width: 582px;
    height: 621px;
    display: none;
}
.one-border{
    left: 20px;
    top: 190px;
    z-index: 999;
    width: 538px;
    height: 582px;
    border: 1px solid #fff;
}

.arr-prev{
    width: 60px;
    height: 60px;
    background: rgb(0, 0, 0,0.3) url(../../../images/static/2019weddingrings/arr.png) no-repeat 13px 50%;
}
.arr-next{width: 60px; height: 60px; background: rgb(0, 0, 0,0.3) url(../../../images/static/2019weddingrings/arr.png) no-repeat -443px 50%}
.one-prev{left: 20px;
    top: 280px;
    z-index: 9999;

}
.one-next{left: 500px;
    top: 280px;
    z-index: 9999;
}
.run .one-title{animation: fadeinleft 1s 0s both;-webkit-animation: fadeinleft 1s 0s both;}
.run .one-ring1{animation: fadeinleft 1s 0s both;-webkit-animation: fadeinleft 1s 0s both;}
.run .one-ring2{animation: fadeinleft 1s 0s both;-webkit-animation: fadeinleft 1s 0s both;}
.run .one-ring1-pro{animation: fadeinleft 1s 0s both;-webkit-animation: fadeinleft 1s 0s both;}
.run .one-ring2-pro{animation: fadeinleft 1s 0s both;-webkit-animation: fadeinleft 1s 0s both;}
.run .one-video-btn{animation: fadeinright 1s 0s both;-webkit-animation: fadeinright 1s 0s both;}

/* 2 */
.two-title{
    left: -7px;
    top: 15px;
}
.two-ring1{
    left: -28px;
    top: 160px;
}
.two-ring2{
    left: -29px;
    top: 510px;
}
.two-ring1-pro{
    left: -28px;
    top: 160px;
}
.two-ring2-pro{
    left: -29px;
    top: 510px;
}
.two-box{
    width: 849px;
    height: 479px;
    left: 155px;
    top: 221px;
}

.run .two-title{animation: fadeinleft 1s 0s both;-webkit-animation: fadeinleft 1s 0s both;}
.run .two-ring1{animation: movetoright 1s 0s both;-webkit-animation: movetoright 1s 0s both;}
.run .two-ring2{animation: movetoup 1s 0s both;-webkit-animation: movetoup 1s 0s both;}
.run .two-ring1-pro{animation: movetoright 1s 0s both;-webkit-animation: movetoright 1s 0s both;}
.run .two-ring2-pro{animation: movetoup 1s 0s both;-webkit-animation: movetoup 1s 0s both;}
/* 3 */
.three-title{
    left: -6px;
    top: 13px;
}
.three-watch1{
    left: 45px;
    top: 527px;
}
.three-watch2{
    left: 700px;
    top: 230px;

}
.three-watch1-pro{
    left: 45px;
    top: 537px;
    z-index: 999;
}
.three-watch2-pro{
    left: 700px;
    top: 230px;
}

.three-box{
    width: 680px;
    height: 380px;
    left: 1px;
    top: 169px;
}

.run .three-title{animation: fadeinleft 1s 0s both;-webkit-animation: fadeinleft 1s 0s both;}
.run .three-watch1{animation: movetoright 1s 0s both;-webkit-animation: movetoright 1s 0s both;}
.run .three-watch2{animation: movetoleft 1s 0s both;-webkit-animation: movetoleft 1s 0s both;}
.run .three-watch1-pro{animation: movetoright 1s 0s both;-webkit-animation: movetoright 1s 0s both;}
.run .three-watch2-pro{animation: movetoleft 1s 0s both;-webkit-animation: movetoleft 1s 0s both;}
.run .three-box{animation: fadeinleft 1s 0s both;-webkit-animation: fadeinleft 1s 0s both;}

/* 4 */
.four-title{
    left: -6px;
    top: 13px;
}
.four-ring1{
    left: 581px;
    top: 394px;
}
.four-ring2{
    left: 558px;
    top: 611px;
}
.four-ring1-pro{
    left: 581px;
    top: 394px;
}
.four-ring2-pro{
    left: 818px;
    top: 560px;
}
.four-video-btn{
    left: 633px;
    top: 211px;
}
.four-swiper{
    width: 539px;
    height: 621px;
    position: absolute;
    overflow: hidden;
    left: 0;
    top: 170px;
}
.four-swiper ul{
    width: 539px;
    height: 621px;
    position: absolute;
}
.four-swiper ul li{
    width: 539px;
    height: 621px;
    display: none;
}
.four-border{
    left: 20px;
    top: 190px;
    z-index: 999;
    width: 500px;
    height: 582px;
    border: 1px solid #fff;
}
.four-prev{left: 20px;
    top: 280px;
    z-index: 9999;
}
.four-next{left: 460px;
    top: 280px;
    z-index: 9999;
}

.run .four-title{animation: fadeinleft 1s 0s both;-webkit-animation: fadeinleft 1s 0s both;}
.run .four-ring1{animation: fadeinright 1s 0s both;-webkit-animation: fadeinright 1s 0s both;}
.run .four-ring2{animation: fadeinright 1s 0s both;-webkit-animation: fadeinright 1s 0s both;}
.run .four-ring1-pro{animation: fadeinright 1s 0s both;-webkit-animation: fadeinright 1s 0s both;}
.run .four-ring2-pro{animation: fadeinright 1s 0s both;-webkit-animation: fadeinright 1s 0s both;}
.run .four-video-btn{animation: fadeinleft 1s 0s both;-webkit-animation: fadeinleft 1s 0s both;}

/* 5 */
.five-title{
    left: -6px;
    top: 10px;
}
.five-watch{
    left: -55px;
    top: 180px;
}
.five-watch1
{
    left: -25px;
    top: 660px;
    z-index: 99;
}
.five-watch2
{
    left: 196px;
    top: 515px;
}
.five-watch1-pro
{
    left: -55px;
    top: 300px;
}
.five-watch2-pro
{
    left: 108px;
    top: 180px;
}
.five-pic{
    left: 412px;
    top: 557px;
}
.five-bus{
    left: 660px;
    top: 560px;
}
.five-box{
    width: 680px;
    height: 380px;
    left: 303px;
    top: 169px;
}

.run .five-title{animation: fadeinleft 1s 0s both;-webkit-animation: fadeinleft 1s 0s both;}
.run .five-watch{animation: fadeinright 1s 0s both;-webkit-animation: fadeinright 1s 0s both;}
.run .five-watch1-pro{animation: fadeinright 1s 0s both;-webkit-animation: fadeinright 1s 0s both;}
.run .five-watch2-pro{animation: fadeinright 1s 0s both;-webkit-animation: fadeinright 1s 0s both;}
.run .five-pic{animation: fadeinright 1s 0s both;-webkit-animation: fadeinright 1s 0s both;}
.run .five-bus{animation: fadeinleft 1s 0s both;-webkit-animation: fadeinleft 1s 0s both;}
.run .five-box{animation: fadeinleft 1s 0s both;-webkit-animation: fadeinleft 1s 0s both;}

/* 6 */
.six-title{
    left: -6px;
    top: 13px;
}
.six-ring1{
    left: 821px;
    top: 89px;
}
.six-ring2{
    left: 870px;
    top: 406px;
}
.six-ring1-pro{
    left: 821px;
    top: 89px;
}
.six-ring2-pro{
    left: 870px;
    top: 406px;
}
.six-box{
    width: 850px;
    height: 480px;
    left: 1px;
    top: 223px;
}

.run .six-title{animation: fadeinleft 1s 0s both;-webkit-animation: fadeinleft 1s 0s both;}
.run .six-ring1{animation: movetodown 1s 0s both;-webkit-animation: movetodown 1s 0s both;}
.run .six-ring2{animation: movetoleft 1s 0s both;-webkit-animation: movetoleft 1s 0s both;}
.run .six-ring1-pro{animation: movetodown 1s 0s both;-webkit-animation: movetodown 1s 0s both;}
.run .six-ring2-pro{animation: movetoleft 1s 0s both;-webkit-animation: movetoleft 1s 0s both;}
.run .six-box{animation: fadeinleft 1s 0s both;-webkit-animation: fadeinleft 1s 0s both;}

/* other */
.alert-bg{
    position: fixed;
    left: 0%;
    top: 0%;
    width: 100%;
    height: 100%;
    background: rgba(0,0,0,0.5);
    display: none;
    z-index: 9999;
}
.alert-box{
    position: fixed;
    left: 50%;
    top: 50%;
    margin-left: -485px;
    margin-top: -270px;
    width: 975px;
    height: 545px;
}
.alert-content{
    position: absolute;
    left: 0;
    top: 0;
    width: 975px;
    height: 545px;
    background: #000;
}
.alert-close{
    position: absolute;
    right: -40px;
    top: 0;
    width: 40px;
    height: 40px;
    background: url(../../../images/static/2019weddingrings/close.png);
}
/*aside*/
.aside{position: fixed;top: 40%;right: 50%;width: 32px;height: 340px;margin: -126px -693px 0 0;overflow: hidden;;}
.aside li{position: relative; width: 32px;height: 32px;margin-bottom: 14px;background: url(../../../images/static/2019weddingrings/point.png) 0 -45px no-repeat;cursor: pointer;}
.aside li .p1{position: absolute; left: 0; top: 0; width: 32px; height: 32px; background: url(../../../images/static/2019weddingrings/number.png) 0 0 no-repeat;}
.aside li .p2{position: absolute; left: 0; top: 0; width: 32px; height: 32px; background: url(../../../images/static/2019weddingrings/number.png) 0 -45px no-repeat;}
.aside li .p3{position: absolute; left: 0; top: 0; width: 32px; height: 32px; background: url(../../../images/static/2019weddingrings/number.png) 0 -90px no-repeat;}
.aside li .p4{position: absolute; left: 0; top: 0; width: 32px; height: 32px; background: url(../../../images/static/2019weddingrings/number.png) 0 -134px no-repeat;}
.aside li .p5{position: absolute; left: 0; top: 0; width: 32px; height: 32px; background: url(../../../images/static/2019weddingrings/number.png) 0 -179px no-repeat;}
.aside li .p6{position: absolute; left: 0; top: 0; width: 32px; height: 32px; background: url(../../../images/static/2019weddingrings/number.png) 0 -224px no-repeat;}
.aside li .p7{position: absolute; left: 0; top: 0; width: 32px; height: 32px; background: url(../../../images/static/2019weddingrings/number.png) 0 -270px no-repeat;}
.aside li.sel{background-position: 0 0;}
/* tobig */
.six-ring1-pro img,
.six-ring2-pro img,
.five-watch1-pro img,
.five-watch2-pro img,
.one-ring1-pro img,
.one-ring2-pro img,
.two-ring1-pro img,
.two-ring2-pro img,
.three-watch1-pro img,
.three-watch2-pro img,
.four-ring1-pro img,
.four-ring2-pro img
{
    transition: .3s all;
}
.six-ring1-pro:hover img,
.six-ring2-pro:hover img,
.five-watch1-pro:hover img,
.five-watch2-pro:hover img,
.one-ring1-pro:hover img,
.one-ring2-pro:hover img,
.two-ring1-pro:hover img,
.two-ring2-pro:hover img,
.three-watch1-pro:hover img,
.three-watch2-pro:hover img,
.four-ring1-pro:hover img,
.four-ring2-pro:hover img{
    transform: scale(1.1);
}


/*footer*/
.pubfooter {position: relative;clear:both; margin-top: 0; margin-left:auto; margin-right:auto; background-color:#000; 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/2019weddingrings/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;}
/*baidu share*/
.wrapShare{ height:28px;overflow:hidden; display:block; padding-right:20px;padding-left:20px;width:185px;float:left;}
.bdshare_t { vertical-align:middle;}
.wrapShare .bds_more{ background:url(http://www.xbiao.com/images/static/bojue/plusshare.png) no-repeat left center!important; padding-left:17px; line-height:16px;cursor:pointer; float:left; height:16px;}
.bdshare_t .bds_tsina,.bdshare_t .bds_qzone,.bdshare_t .bds_tqq,.bdshare_t .bds_renren,.bdshare_t .bds_douban,.bdshare_t .bds_weixin{ background-image:url(../../../images/static/2019weddingrings/ii.png); background-repeat:no-repeat;}
.bdshare_t .bds_tsina { background-position:1px -39px!important ;}
.bdshare_t .bds_tsina:hover { background-position:1px 0px!important ;}
.bdshare_t .bds_qzone { background-position:-43px -39px!important ;}
.bdshare_t .bds_qzone:hover { background-position:-43px 0px!important ;}
.bdshare_t .bds_tqq { background-position:-21px -39px!important ;}
.bdshare_t .bds_tqq:hover { background-position:-21px 0px!important ;}
.bdshare_t .bds_renren { background-position:-66px -39px!important ;}
.bdshare_t .bds_renren:hover { background-position:-66px 0px!important ;}
.bdshare_t .bds_douban { background-position:-88px -39px!important ;}
.bdshare_t .bds_douban:hover { background-position:-88px 0px!important ;}
.bdshare_t .bds_weixin { background-position:-111px -39px!important ;}
.bdshare_t .bds_weixin:hover { background-position:-111px 0px!important ;}