/* CSS Document */
body,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{ font-size:12px; font-family:"Microsoft Yahei","微软雅黑"; line-height:1.125; color:#333; background:#ffffff;}
h1,h2,h3,h4,h5,h6{ font-size:100%; font-weight:100; overflow:hidden;}
font{ font-size:100%;}
img,fieldset,iframe,table{ border:0;}
area { outline:none;}
input,button,textarea,select{ font-size:12px;}
ul,ol,dl,dt,dd,li{ list-style:none; overflow:hidden;}
b{ font-weight:100; overflow:hidden;}
em,i{ font-style:normal; overflow:hidden;}
a{ color:#fce75f; text-decoration:none;}
a:hover{text-decoration:underline;}
a {outline: none;}
a:active {star:expression(this.onFocus=this.blur());}
:focus { outline:0; }
.clear{ clear:both;}
.clearf,.clearfix{ display:inline-block;}
.clearf:after,.clearfix:after{ content:"."; display:block; height:0; clear:both; visibility:hidden;}
/* Hides from IE-mac \*/
* html .clearfix { height:1%;}
.clearfix { display:block;}
/* End hide from IE-mac */
.visible { overflow:visible;}
.left{ float:left;}
.right{ float:right;}
.f100{ font-weight:100;}
.f700{ font-weight:700;}
.f12{ font-size:12px;}
.f14{ font-size:14px;}
.f16{ font-size:16px;}
.f20{ font-size:20px;}
.f24{ font-size:24px;}
.ta_l{ text-align:left;}
.ta_c{ text-align:center;}
.ta_r{ text-align:right;}
.pos_rel{ position:relative;}
.pos_abs{ position:absolute;}
.wrapper{ margin:auto;  width:1000px;}
.mar_l10{margin-left:10px;}
.mar_t5{ margin-top:5px;}
.mar_t10{ margin-top:10px;}
.mar_t15{ margin-top:15px;}
.mar_t20{ margin-top:20px;}
.mar_t25{ margin-top:25px;}
.mar_t30{ margin-top:30px;}
.mar_t35{ margin-top:35px;}
.indent { text-indent:2em;}
.gray { color:#999999;}
.gray6 { color:#666666;}
.red{ color:#9d1616;}
.hide{ display:none;}
/*begin*/
.nav-top-bg,.nav-top{ background:#202020; line-height:40px; height:40px; border-bottom:3px solid #000000;}
.nav-top a,.nav-top a:hover{ color:#ffffff;}
.logo_s { margin-top:3px;}
/*content*/
.content p{ line-height:26px; font-size:14px;position:absolute; color:#ffffff;}
.ban_1{background:url(../../../images/static/swatch/bannerbg.jpg) no-repeat center top; height:514px;}
.video{position:absolute;left:107px;top:47px;width:766px; height:428px; overflow:hidden; background:#000000;}
.picbg1{background:url(../../../images/static/swatch/picbg_1.jpg) no-repeat center top; height:688px;}
.picbg2{background:url(../../../images/static/swatch/picbg_2.jpg) no-repeat center top; height:704px;}
.paragram{width:378px;left:382px; top:112px;}
.paragram a{ color:#ffffff;}
.picbg2 .paragram1{width:172px;left:643px; top:297px; color:#333333;}
.pic1,.pic2,.pic3,.pic4,.pic5,.pic6,.pic7,.pic8,.pic9,.pic10,.pic11,.pic12,.pic13,.pic14,.pic15{ position:absolute;top:330px; display:block;width:178px; height:248px;}
.pic1{left:64px;}
.pic2{left:260px;}
.pic3{left:454px;}
.pic4{left:-1px;top:170px;}
.pic5{left:-1px;top:20px;}
.pic6{left:193px;top:20px;}
.pic7{right:4px;top:81px;}
.pic8{right:194px;top:343px;}
.pic9{right:3px;top:343px;}
.pic10,.pic11,.pic12{top:0;}
.pic10{left:142px;}
.pic11{left:358px;}
.pic12{left:574px;}
.pic13{right:2px;top:142px;}
.pic14{right:203px;top:0;}
.pic15{right:1px;top:0;}
.picbg3{background:url(../../../images/static/swatch/picbg_3.jpg) no-repeat center top; height:429px;}
.picbg3 p{width:318px;left:644px;top:180px; color:#333333;}
.picbg5 p{width:480px;top:86px;left:14px; color:#ffffff;}
.picbg6 p{width:376px;left:480px;top:472px;}
.picbg7 p{width:405px;left:26px;top:80px;}
.picbg4{background:url(../../../images/static/swatch/picbg_4.jpg) no-repeat center top; height:586px;}
.picbg5{background:url(../../../images/static/swatch/picbg_5.jpg) no-repeat center top; height:843px;}
.picbg6{background:url(../../../images/static/swatch/picbg_6.jpg) no-repeat center top; height:836px;}
.picbg7{background:url(../../../images/static/swatch/picbg_7.jpg) no-repeat center top; height:407px;}
.picbg8{background:url(../../../images/static/swatch/picbg_8.jpg) no-repeat center top; height:484px;}
.picbg9{background:url(../../../images/static/swatch/picbg_9.jpg) no-repeat center top; height:203px;}
.picbg9 p{ font-size:30px;position:static; letter-spacing:3px; height:40px; line-height:40px;padding-top:20px;}
.picbg9 p a{ color:#ffffff;line-height:41px; }
.picbg9 p a:hover{ text-decoration:none; border-bottom:1px solid #5c5c5d; }
.content ul{ position:absolute;}
.content ul li{ line-height:26px; font-size:14px;}
.listcon1{width:210px;left:468px;top:165px;}
.listcon2{width:200px;left:338px;top:433px; color:#ffffff;}
.listcon3{width:195px;left:704px;top:216px;}
.listcon4{width:190px;left:355px;top:128px;}
/*footer*/
.pubfooter { padding-bottom:30px; margin-top:10px; width:960px; margin-left:auto; margin-right:auto;}
.footer {padding:15px 0 15px;/* border-top:1px solid #959595;*/}
.foot_top {line-height:24px; color:#666; text-align:center; height:24px;}
.foot_top .gray0{ color:#666666;}
.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{ background:url(../../../images/static/swatch/footline.jpg) no-repeat; display: inline-block;width:2px; height:13px;margin:-2px 10px;}
.foot_top a { color:#333; display:inline-block;}
.foot_top a:hover { background:none; color:#c39532;text-decoration:underline;}
.iphone_ico i,.android_ico i,.telphone_ico i{ background:url(../../../images/static/swatch/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;}
.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;}
.arible_bg a:hover{ background:none;}
.copyright{ text-align:center;padding-bottom:15px;}
.copyright a { color:#c39532;}
.copyright a:hover{ background:none; color:#c39532; text-decoration:underline;}
/*share*/
.pub_share_box{width:48px; height:258px; border:1px solid #dbdbdb; position:absolute; top:561px;background:#fff; z-index:10; overflow:hidden;}
.pub_share_box .bds_qzone,.pub_share_box .bds_tsina,.pub_share_box .bds_tqq,.pub_share_box .bds_renren,.pub_share_box .bds_more{ margin-left:4px; _margin-left:2px;}
.pub_share_box .shareCount{ width:48px; text-align:center; border-top:1px solid #dbdbdb; float:left; margin-top:5px; line-height:36px;}