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; color:#333;}
body{ margin:0;padding:0; font-size:12px; font-family:"Microsoft Yahei"; background-color:#fff; }
h1,h2,h3,h4,h5,h6{ font-size:100%; font-weight:100; overflow:hidden;}
font{ font-size:100%;}
img,fieldset,iframe,table{ border:0;}
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; overflow:hidden;}
area { outline:none; border:none;}
a{ color:#333; text-decoration:none; cursor:pointer;}
/*a:hover{ text-decoration:none; background-color:#bd9f71; color:#fff;}*/
.clear{ display:block; height:1px; overflow:hidden; clear:both;}
.clearfix{ clear:both;}
.clearfix{ zoom:1;}
.clearfix:after{ content:'.'; display:block; visibility:hidden; clear:both; width:1px; height:1px;}
.c:before,.c:after {content:"";display:table;}
.c:after {clear:both;}
.c {zoom:1;}
.wrap{min-width:1000px;}
.container {width:1000px;margin:0 auto;}
.pr {position:relative;}
.pa {position:absolute;}
.hide {display:block;width:0;height:0;overflow:hidden;}
.db{display:block;text-indent:-999em;}
.left{ float:left;}
.right{ float:right;}
.fyahei{ font-family:"Microsoft Yahei";}
.ta_l{ text-align:left;}
.ta_c{ text-align:center;}
.ta_r{ text-align:right;}
.wrapper{position: relative; margin:auto;width:1000px;height: 100%;}
.hidden{ display:none;}
.overflow{ overflow:visible;}
.white { color:#fff;}
.black{background: #000;}
.gray { color:#999;}
img{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{ 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;}
.tit_txt { text-indent:-999em; overflow:hidden;}
.box_h { position:absolute; width:100%; height:100%; left:0; top:0; z-index:10;}
a.box_h:hover { background:none;}
.header-banner { height:450px;}

.banner{height: 750px;background: url(../../../images/static/complexwatch/banner.jpg) center 0 no-repeat;}
.brief{position: relative;height: 450px;background: url(../../../images/static/complexwatch/brief.jpg) center 0 no-repeat;}
.brief span{position: absolute;top: 145px;left: 50%;margin-left: -425px;font-size: 22px;line-height: 32px;color: #fff;width: 420px;text-align: justify;}

.part1{height: 900px;background: url(../../../images/static/complexwatch/part1-bg.jpg) center 0 no-repeat;}
.part1-txt{top: 290px;right: 20px;width: 407px;text-align: justify;}
.txt{font-size: 14px;color: #fff;text-align: justify;line-height: 24px;word-break: break-all;}
.part1-txt .txt{display: inline-block;}
.more{display: inline-block;width: 70px;height: 19px;background: url(../../../images/static/complexwatch/more.png) 0 0 no-repeat;}
.part1-txt .more{float: right;margin: 2px 54px 0 0;*margin: 2px 66px 0 0;}
.part1-watch1{left: 0;top: 97px;width: 400px;height: 540px;overflow: hidden;}
.part1-watch2{bottom: 94px;left: 321px;width: 491px;height: 341px;overflow: hidden;background: url(../../../images/static/complexwatch/watch-bg1.jpg) 0 0 no-repeat;}
.part1-watch2 img{position: absolute;top: 21px;left: 82px;}
.part1-watch3{left: 16px;bottom: 115px;width: 182px;height: 173px;}
.part1-watch4{top: 240px;left: 360px;width: 168px;height: 267px;}
.part1-watch5{bottom: 108px;right: 30px;width: 182px;height: 309px;}

.part2{height: 900px;background: url(../../../images/static/complexwatch/part2-bg.jpg) center 0 no-repeat;}
.part2-txt{left: 30px;top: 290px;width: 425px;text-align: justify;}
.part2-txt .more,.part3-txt .more,.part5-txt .more{position: relative;top: 6px;}
.part2-watch1{left: 1px;bottom: 83px;width: 453px;height: 365px;overflow: hidden;}
.part2-watch2{top: 68px;right: 3px;width: 506px;height: 350px;overflow: hidden;background: url(../../../images/static/complexwatch/watch-bg2.jpg) 0 0 no-repeat;}
.part2-watch2 em{position: absolute;top: 2px;left: 2px;width: 502px;height: 346px;overflow: hidden;}
.part2-watch3{bottom: 213px;left: 419px;width: 146px;height: 245px;}
.part2-watch4{bottom: 112px;right: 289px;width: 178px;height: 198px;}
.part2-watch5{bottom: 183px;right: 145px;width: 133px;height: 253px;}
.part2-watch6{bottom: 279px;right: -3px;width: 151px;height: 236px;}

.part3{height: 850px;background: url(../../../images/static/complexwatch/part3-bg.jpg) center 0 no-repeat;}
.part3-txt{top: 310px;right: 30px;width: 425px;}
.part3-watch1{top: 105px;left: 0;width: 400px;height: 620px;overflow: hidden;}
.part3-watch2{bottom: 84px;right: 202px;width: 454px;height: 314px;overflow: hidden;background: url(../../../images/static/complexwatch/watch-bg3.jpg) 0 0 no-repeat;}
.part3-watch2 em{position: absolute;top: 2px;left: 2px;width: 450px;height: 310px;overflow: hidden;}
.part3-watch3{bottom: 67px;right: 49px;width: 176px;height: 285px;}

.part4{height: 900px;background: url(../../../images/static/complexwatch/part4-bg.jpg) center 0 no-repeat;}
.part4-txt{top: 297px;left: 10px;width: 419px;}
.part4-txt .more{float: right;margin: 2px 70px 0 0;}
.part4-watch1{left: 3px;bottom: 34px;width: 475px;height: 384px;overflow: hidden;}
.part4-watch2{top: 72px;right: 14px;width: 505px;height: 350px;overflow: hidden;background: url(../../../images/static/complexwatch/watch-bg4.jpg) 0 0 no-repeat;}
.part4-watch2 img{position: absolute;top: 17px;left: 90px;}
.part4-watch3{bottom: 146px;right: 370px;width: 174px;height: 321px;}
.part4-watch4{bottom: 83px;right: 164px;width: 163px;height: 289px;}
.part4-watch5{bottom: 238px;right: 25px;width: 157px;height: 291px;}

.part5{height: 950px;background: url(../../../images/static/complexwatch/part5-bg.jpg) center 0 no-repeat;}
.part5-txt{top: 355px;right: 12px;width: 418px;}
.part5-watch1{bottom: 54px;right: 0;width: 485px;height: 391px;overflow: hidden;}
.part5-watch2{top: 106px;left: 0;width: 505px;height: 350px;overflow: hidden;background: url(../../../images/static/complexwatch/watch-bg4.jpg) 0 0 no-repeat;}
.part5-watch2 em{position: absolute;top: 2px;left: 2px;width: 501px;height: 346px;overflow: hidden;}
.part5-watch3{left: 9px;bottom: 116px;width: 220px;height: 177px;}
.part5-watch4{left: 148px;bottom: 266px;width: 193px;height: 236px;}
.part5-watch5{left: 345px;bottom: 69px;width: 199px;height: 284px;}

.part6{height: 915px;background: url(../../../images/static/complexwatch/part6-bg.jpg) center 0 no-repeat;}
.part6-txt{top: 288px;left: 10px;width: 418px;}
.part6-txt .more{float: right;margin: 2px 50px 0 0;}
.part6-watch1{left: 11px;bottom: 91px;width: 429px;height: 347px;overflow: hidden;}
.part6-watch2{top: 63px;right: 14px;width: 505px;height: 350px;overflow: hidden;background: url(../../../images/static/complexwatch/watch-bg4.jpg) 0 0 no-repeat;}
.part6-watch2 em{position: absolute;top: 2px;left: 2px;width: 501px;height: 346px;overflow: hidden;}
.part6-watch3{bottom: 202px;right: 398px;width: 167px;height: 311px;}
.part6-watch4{bottom: 104px;right: 247px;width: 174px;height: 255px;}
.part6-watch5{bottom: 230px;right: 43px;width: 185px;height: 290px;}

/*footer*/
.pubfooter {clear:both; padding-bottom:30px; margin-left:auto; margin-right:auto;  font-family:Helvetica; position: relative;z-index: 5;background: url(../../../images/static/complexwatch/footer.jpg) center 0 no-repeat;}
.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/colourful/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 ;}

/*css3*/
.pc img{
	-webkit-transition:-webkit-transform 500ms;
	-moz-transition:-moz-transform 500ms;
	-ms-transition:-ms-transform 500ms;
	-o-transition:-ms-transform 500ms;
	transition:transform 500ms;
}
.pc:hover img{
	-webkit-transform: scale(1.06); -moz-transform: scale(1.06);
	-moz-transform:scale(1.06);-o-transform:scale(1.06); 
	-ms-transform:scale(1.06);-o-transform:scale(1.06); 
	-o-transform:scale(1.06);-o-transform:scale(1.06); 
	transform: scale(1.06);
}