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%;}
.pa{ position:absolute;}
.pr{ 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);}
.db{display: block; text-indent: -999px; overflow: hidden;}
/*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;}
/*public style*/
.bg1,.bg2{height: 100%;background-size: cover;}
.bg1{position: absolute;top: 0;left: 0;width: 100%;height: 100%; background: url(../../../images/static/tudor02/bg1.jpg) center 0 no-repeat;}
.bg2{background: url(../../../images/static/tudor02/bg2.jpg) no-repeat center 0;}
/*container*/
.container{position: relative;overflow: hidden; width: 100%; height: 876px;}
.scrollwrap{position: absolute;width: 100%; min-width: 1000px; height: 876px;}
.page{position: absolute; width: 100%; height: 876px; top: -876px; overflow: hidden; display: none;}
.page0{background:url(../../../images/static/tudor02/bg0.jpg) no-repeat center 0; top: 0;}
.page1{background:url(../../../images/static/tudor02/bg1.jpg) no-repeat center 0; top: 0;}
.page2{background:url(../../../images/static/tudor02/bg4.jpg) no-repeat center 0; top: 0;}
.page3{background:url(../../../images/static/tudor02/bg4.jpg) no-repeat center 0;}
.page4{background:url(../../../images/static/tudor02/bg4.jpg) no-repeat center 0;}
.wrap{position: relative; width: 1060px; height: 100%; /*background-color: pink;*/ margin: 0 auto;}
.txt{font-size: 14px; color: #63300e; line-height: 22px;}
.arr{left: 50%; top: 750px; margin-left: -25px; width: 49px; height: 18px; background: url(../../../images/static/tudor02/arr.png) no-repeat 0 0;}
/* -----nav----- */
.nav{ z-index: 999; left: 50%; margin-left: 650px; top: 50%; margin-top: -120px; width: 22px; height: 428px; }
.nav li{width: 22px; height: 45px; margin-bottom: 10px; background-image: url(../../../images/static/tudor02/nav.png); background-repeat: no-repeat; background-position: -22px 0; cursor: pointer;}
.nav li.act{background-position: 0 0;}
/* -----page0----- */
.first-top{ left: 716px; top: 146px;}
.first-bottom{ left: 530px; top: 282px;}
.run .first-top{
	-webkit-animation: fadeindown 1s both;
	-o-animation: fadeindown 1s both;
	animation: fadeindown 1s both;
}
.run .first-bottom{
	-webkit-animation: fadeinup 1s .3s both;
	-o-animation: fadeinup 1s .3s both;
	animation: fadeinup 1s .3s both;
}
/* -----page1----- */
.b1{ left: 460px; top: 273px; cursor: pointer;}
.b2{ left: 380px; top: 443px; }
.b-shadow{display: none; cursor:url(../../../images/static/tudor02/close.png) 63 63,auto; left: 50%; top: 0; width: 1920px; height: 1008px;margin-left: -960px; background-color: rgba(0,0,0,0.5);}
.b3{display: none; left: 69px; top: 123px; width: 920px; height: 600px; }
.run .b1{
    -webkit-animation: fadeinup 1s 0s both;
    -o-animation: fadeinup 1s 0s both;
    animation: fadeinup 1s 0s both;
}
.run .b2{
	-webkit-animation: fadeindown 1s 0s both;
	-o-animation: fadeindown 1s 0s both;
	animation: fadeindown 1s 0s both;
}

/* -----page2----- */
.c-box-wrap{left: 29px; top: 25px; width: 1000px; height: 750px; overflow: hidden;}
.c-box{left: -1000px; top: 0; width: 1000px; height: 750px;}
.c-left-pic{left: 0px; top: 0; width: 430px; height: 750px; overflow: hidden;}
.c-right-pic{left: 430px; top: 0;}
.c-right-watch{left: 445px; top: 172px;}
.c-inner{display: none;}
.c-left{left: 0; top: 0;}
.c-person{right: 0px; top: 0; width: 430px; height: 750px; overflow: hidden;}
.run .c-box-wrap{
    -webkit-animation: fadeindown 1s 0s both;
    -o-animation: fadeindown 1s 0s both;
    animation: fadeindown 1s 0s both;
}
.c-watch{left: 435px; top: 90px;}

.info{font-size: 14px; color: #000; line-height: 26px;}
.info1{left: 662px; top: 140px; width: 280px;}
.info2{left: 104px;
    top: 140px;
    width: 300px;}

/*c-nav*/
.c-nav{left: 1029px; top: 503px; width: 30px; height: 202px;}
.c-nav-1{width: 30px; height: 100px; background: url(../../../images/static/tudor02/c-nav.png) no-repeat 0 0; }
.c-nav-2{width: 30px; height: 100px; background: url(../../../images/static/tudor02/c-nav.png) no-repeat bottom left; margin-top: 2px;}
.c-nav-1:hover{background: url(../../../images/static/tudor02/c-nav.png) no-repeat top right; }
.c-nav-2:hover{background: url(../../../images/static/tudor02/c-nav.png) no-repeat bottom right; margin-top: 2px;}
/**/
.c-nav-inner{left: 344px; top: 624px;}
.c-nav-inner ul{}
.c-nav-inner ul li{cursor: pointer; width: 52px; height: 52px; float: left; margin-left: 15px; background-repeat: no-repeat; background-image: url(../../../images/static/tudor02/c-nav-inner.png);}
.c-nav-inner ul li.c-nav-inner-1{background-position: 0 0;}
.c-nav-inner ul li.c-nav-inner-2{background-position: -68px 0;}
.c-nav-inner ul li.c-nav-inner-3{background-position: -135px 0;}
.c-nav-inner ul li.c-nav-inner-1-hover{background-position: 0 -52px;}
.c-nav-inner ul li.c-nav-inner-2-hover{background-position: -68px -52px;}
.c-nav-inner ul li.c-nav-inner-3-hover{background-position: -135px -52px;}
/*page3*/
.d-box-wrap{left: 29px; top: 25px; width: 1000px; height: 750px;}
.d-box{display: none; width: 1000px; height: 750px;}
.d-box1{ background: url(../../../images/static/tudor02/d1.jpg) no-repeat 0 0;}
.d-box2{ background: url(../../../images/static/tudor02/d2.jpg) no-repeat 0 0;}
.d-box3{ background: url(../../../images/static/tudor02/d3.jpg) no-repeat 0 0;}
.d-nav{left: 968px; top: 491px; width: 52px; height: 200px;}
.d-nav ul{}
.d-nav ul li{cursor: pointer; width: 50px; height: 50px; margin-bottom: 15px; background-image: url(../../../images/static/tudor02/d-nav.png); background-repeat: no-repeat;}
.run .d-box-wrap{
    -webkit-animation: fadeindown 1s 0s both;
    -o-animation: fadeindown 1s 0s both;
    animation: fadeindown 1s 0s both;
}
.big{top: 46px;
    left: 268px;
    width: 390px;
    height: 600px;
}
/*one*/
.d-left-one{left: 17px; top: 112px;width: 287px; height: 352px; overflow: hidden; border: 4px solid #fff;}
.d-right-one{left: 607px; top: 347px;width: 285px; height: 340px; background: url(../../../images/static/tudor02/d-right-one-bg.png) no-repeat 0 0;padding-left: 19px;
    padding-right: 7px; padding-top: 11px;}
.d-right-one-inner{width: 285px; height: 340px; overflow: hidden;}
/*two*/
.d-nav ul li.d-nav-1{background-position: 0 0;}
.d-nav ul li.d-nav-2{background-position: 0 -65px;}
.d-nav ul li.d-nav-3{background-position: 0 -132px;}
.d-nav ul li.d-nav-1-hover{background-position: -50px 0;}
.d-nav ul li.d-nav-2-hover{background-position: -50px -65px;}
.d-nav ul li.d-nav-3-hover{background-position: -50px -132px;}
.d-info1{left: 687px; top: 188px; width: 264px;}
.d-info2{left: 80px; top: 538px; width: 170px;}
.d-icon{left: 620px; top: 402px;}
/*three*/
.e-bg{width: 1000px; height: 750px; left: 18px; top: 25px; background: url(../../../images/static/tudor02/e-bg.jpg) no-repeat 0 0;}
.d-left-three{left: 21px; top: 100px;}
.d-left-three-box{left: 21px; top: 100px; width: 190px; height: 245px; padding-top: 35px; padding-left: 20px; padding-right: 20px; color: #fff; font-size: 14px; line-height: 26px; background: url(../../../images/static/tudor02/d-left-bg.png) repeat 0 0;}
.d-three-watch{left: 55px; top: 395px;}
/*e*/
.e-pic{left: 432px; top: 185px; overflow: hidden; width: 520px; height: 530px;}
.e-txt{ left: 130px; top: 219px; color: #000; font-size: 14px; line-height: 26px; width: 272px;}
.e-watch{left: 105px; top: 400px;}
.e-icon{left: 333px; top: 659px;}
.run .e-bg{
    -webkit-animation: fadeindown 1s 0s both;
    -o-animation: fadeindown 1s 0s both;
    animation: fadeindown 1s 0s both;
}

 /*-----touch be big----- */
.c-left-pic img,
.c-person img,
.c-right-watch,
.c-watch,
.d-left-one img,
.d-right-one-inner img,
.d-three-watch,
.e-pic img,
.e-watch
{
	-webkit-transition:-webkit-transform 500ms;
	-moz-transition:-moz-transform 500ms;
	-ms-transition:-ms-transform 500ms;
	transition:transform 500ms;
}
.c-left-pic:hover img,
.c-person:hover img,
.c-right-watch:hover,
.c-watch:hover,
.d-left-one:hover img,
.d-right-one-inner:hover img,
.d-three-watch:hover,
.e-pic:hover img,
.e-watch:hover
{
	-webkit-transform:scale(1.06);
	-moz-transform:scale(1.06);
	-ms-transform:scale(1.06);
	transform:scale(1.06);
}




/*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(http://www.xbiao.com/images/index/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/tudor02/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 ;}