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: #fff;}
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);}
.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;}
.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;}
/*footer*/
.pubfooter {position: relative; clear:both; background-color: #000; margin-bottom: -1px; border-top: 1px solid #4c4c4c; 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/tissot04/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;}
/* banner */
.banner { height: 489px; background: url(../../../images/static/tudor04/banner.jpg) no-repeat; }
.banner-text{ top: 88px; left: 205px; }
.banner-logo{ left:870px; top:202px; }
/* 公共样式 */
.red-bg { background: #b10101; width: 340px; height: 340px;left: -110px; }
.font-color { color: #b10101; font-weight: 300; }
.color-fff { color: #ffffff; }
/* page01 */
.page01{ height: 1055px; background: #fff; }
.page01 .red-bg { bottom: 192px; }
.page01-01{ top: 75px; left: -60px; }
.page01-02{ left:495px; top:275px; }
.page01-03{ top: 295px; left:795px; }
.page01-04{ top: 670px; left: 575px; }
.page01-text-1{ left: 602px; top: 70px; width: 265px; }
.page01-text-1 .page01-tit { color: #2a2a2a; font-size: 48px; line-height:48px; }
.page01-text-1 .page01-tit .font-color { font-size: 60px;color: #2a2a2a; margin-bottom: 8px; vertical-align: top; }
.page01-text-1 .page01-tit .font-color em{ display: inline-block; background: #b10101; width: 22px; height: 55px; }
.page01-text-1 .text { width: 405px; font-size: 14px; line-height: 25px; top: 130px ; }
.page01-text-2 { bottom: 240px; left: 255px;}
.page01-text-2 .page01-tit { font-weight: 700; font-size: 30px; color: #2a2a2a; width: 180px; left: -211px; top: 83px;}
.page01-text-2 .text{ width: 290px;font-size: 14px; line-height:25px; color: #424242; }
.mouse{ background-color: #000; }
.mouse div.hide{ display: block; }
.mouse div.show{ display: none;}
.mouse.active div.show{ display: block; }
.mouse.active div.hide{ display: none; }
.page01-text-2 { display: none;}
.page01-text-2.act { display: block; }
#text-3 .text{ line-height: 18px; }
/* page02 */
.page02{ height: 970px; background: url(../../../images/static/tudor04/page02-bg.jpg) no-repeat ; }
.page02 .red-bg { width: 275px; height: 275px; }
.page02 .red-bg { bottom: 270px; }
.page02-text-1{z-index: 9; left: 0; top: 85px; }
.page02-text-1 .page02-tit { color: #2a2a2a; font-size: 48px; line-height:48px; width: 440px; }
.page02-text-1 .page02-tit .font-color { font-size: 60px;color: #2a2a2a; margin-bottom: 8px; vertical-align: top; }
.page02-text-1 .page02-tit .font-color em{ display: inline-block; background: #b10101; width: 22px; height: 55px; }
.page02-text-1 .text { width: 351px; font-size: 14px; line-height: 25px; top: 130px ; }
.page02-text-2 { width: 350px; bottom: 258px; left: 0;}
.page02-text-2 .page02-tit { font-weight: 700; font-size: 30px; color: #2a2a2a; width: 160px; left: 174px; top: -85px; text-align: right; }
.page02-text-2 .text{ width: 337px;font-size: 14px; line-height:25px; color: #424242; }
.right_border { position: absolute; width: 2px; height: 270px; background: #b10101; right: 0; top:-100px; }
.page02-01{ top: 90px; left: 370px; }
.page02-02{ top: 315px; left: -50px; }
.page02-03{ top: 245px; left: 810px; }
/* page03 */
.page03{ height: 1065px; background: #fff; }
.page03 .red-bg { height: 435px; width: 240px; bottom: 178px; left: -130px; }
.page03-01{ top: 75px; left: -80px; }
.page03-02{ top: 610px; left: 540px; z-index: 9; }
.page03-03{ top: 310px; right: -83px; }
.page03-text-1{z-index: 9; left: 550px; top: 85px; }
.page03-text-1 .page03-tit { color: #2a2a2a; font-size: 44px; line-height:48px; width: 455px;}
.page03-text-1 .page03-tit .font-color { font-weight:700;font-size: 60px;color: #2a2a2a; margin-bottom: 8px; vertical-align: top; }
.page03-text-1 .page03-tit .font-color em{ display: inline-block; background: #b10101; width: 22px; height: 55px; }
.page03-text-1 .text { width: 450px; font-size: 14px; line-height: 25px; top: 130px ; }
.page03-text-2 { bottom: 126px; left: 108px; padding-bottom: 22px; border-bottom: 2px solid #b10101; width: 430px; }
.page03-text-2 .page03-tit { margin-left: 25px; float: left; font-weight: 700; font-size: 30px; color: #2a2a2a; width: 90px; left: 174px; top: -85px; }
.page03-text-2 .text{ margin-right:20px; float: right; width: 275px;font-size: 14px; line-height:25px; color: #424242; }
.page03-text-3 { top: 305px; left: 545px; width: 235px; }
.page03-text-3 .page03-tit {line-height: 33px; border-bottom: 2px solid #b10101; padding-bottom: 8px; font-weight: 700; font-size: 30px; color: #2a2a2a; width: 280px; left: 174px; top: -85px; }
.page03-text-3 .text{
margin-top: 10px; width: 238px;font-size: 14px; line-height:25px; color: #424242; }
/* footer */
.page04 { height: 730px; background: #000; }
.page04-box{ top:70px; width: 100%; }
.page04-01 { left: -19px; width: 330px; height: 500px; overflow: hidden; }
.page04-02 { left: 335px; width: 330px; height: 500px;overflow: hidden;}
.page04-03 { right: -19px; width: 330px; height: 500px;overflow: hidden; }
.page04-01 img:hover { transform: scale(1.1); transition: 1s; }
.page04-02 img:hover { transform: scale(1.1); transition: 1s;}
.page04-03 img:hover { transform: scale(1.1); transition: 1s;}
.page04-logo { left: 460px; bottom: 58px; }
.page04 .name{ font-size: 20px; font-weight: 700; color: #ffffff; position: absolute; bottom: 18px; left: 20px; z-index: 9; }
.page04-02 .name{ width: 50px; }
.page04-03 em{ font-size: 12px ; margin: 0 5px; position: relative ; top: -3px;}