﻿html { overflow-x:hidden;}
body{ margin:0;padding:0; background-color:#0a3a72;}
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{ font-size:12px; font-family:"Microsoft Yahei"; }
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;}
a:hover{ text-decoration:underline;}
.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;display:block;width:315px;}
.f700{ font-weight:700;}
.f100{ font-weight:100;}
.f16{ font-size:16px;}
.f14{ font-size:14px;}
.f12{ font-size:12px;}
.f18{ font-size:18px;}
.f20 { font-size:20px;}
.f22 { font-size:22px;}
.f24 { font-size:24px;}
.f26 { font-size:26px;}
.fyahei{ font-family:"Microsoft Yahei";}
.ta_l{ text-align:left;}
.ta_c{ text-align:center;}
.ta_r{ text-align:right;}

.pos_abs{ position:absolute;}
.pos_rel{ position: relative;}
.wrapper{ margin:auto;width:1000px;}
.hidden{ display:none;}
.overflow{ overflow:visible;}
.white { color:#fff;}
a img { transition:transform 500ms;-webkit-transition:-webkit-transform 500ms;}
a:hover img { -webkit-transform:scale(1.03);transform:scale(1.03);}
/*top*/
.nav-top-bg,.nav-top{ background:#f7f7f7; line-height:28px; font-family:Verdana;}
.nav-top-bg span a{color:#773b09;}
.nav-top { overflow:hidden;}
.i_logo{ margin-top: 3px;}
.back{float:right;display:block;width:80px;text-align:right;}
/*banner*/
.banner { height:538px; background:url(../../../images/static/blancpain02/banner.jpg) top center no-repeat;}
.videobg { height:797px; background:url(../../../images/static/blancpain02/videobg.jpg) top center no-repeat;}
.video { position:absolute; top:200px; left:91px; width:810px; height:520px; background-color:#000;}

.area1 { background:url(../../../images/static/blancpain02/tit_1.jpg) top center no-repeat #0a3a72; max-width:1920px; overflow:hidden; margin:auto;}
.focuspic { height:592px; width:100%; overflow:hidden; position:relative; padding-top:157px;}
.scrollWrap { position:absolute; height:592px;}
.focuspic ul { float:left;}
.focuspic li { float:left; width:1000px; overflow:hidden; height:485px; margin-top:27px; -webkit-transition:height 500ms,margin-top 500ms,opacity 500ms;transition:height 500ms,margin-top 500ms; background-color:#253444; }
.focuspic li a { width:1000px; height:485px; overflow:hidden; display:block;}
.focuspic li img { vertical-align:top; opacity:.4;filter:alpha(opacity=40);}
.focuspic li span { display:block; height:52px; background-color:#253444; line-height:52px; color:#fff; text-align:center; font-size:24px; display:none; white-space:nowrap; text-overflow:ellipsis; overflow:hidden; margin:0 20px;}
.focuspic li.act{ height:592px; margin-top:0;}
.focuspic li.act a { height:540px;}
.focuspic li.act span{ display:block;}
.focuspic li.act img {opacity:1;filter:alpha(opacity=100);}
.focus_dot { margin:0 auto; position:relative; height:30px; overflow:visible;}
.focus_dot p { text-align:center; position:absolute; top:18px; width:100%; height:18px; z-index:3;}
.focus_dot b { display:inline-block; width:15px; height:14px; background:url(../../../images/static/blancpain02/dot.png); margin:0 11px; cursor:pointer;}
.focus_dot b.act { background-position:-36px 0;}
.goto { position:absolute; width:34px; height:31px; background:url(../../../images/static/tissot/goto.png) no-repeat; }
.goto_h { background-position:0 -35px;}
.tit1 { height:50px;}
.cont1 { height:688px; background:url(../../../images/static/tissot/cont1.jpg) center top no-repeat;}
.pic1 { position:absolute; left:-200px; top:20px; width:639px; height:560px; z-index:3;}
.goto1 { left:960px; top:500px;}
.box_h1 { width:1176px; height:510px; left:-176px; top:50px;}
.prev,.next { position:absolute; top:50%; width:40px; height:55px; margin-top:20px; background:url(../../../images/static/blancpain02/prevnext.png)}
.prev { left:50%; margin-left:-550px;}
.next { right:50%; margin-right:-550px; background-position:-45px 0;}
.more { position:absolute; right:50%; margin-right:-480px; font-size:20px; color:#ffcaa8; z-index:5;}
.more i { font-family:"Sim Sun";}

.area2 { background:url(../../../images/static/blancpain02/tit_2.jpg) top center no-repeat #0a3a72; margin-top:65px;}
.area2_box1 { width:580px; height:590px; background-color:#0f447d; margin-top:160px;}
.area2_box2{ width:380px; height:600px; background-color:#162456; margin-top:130px;}
.area2_box3 { width:1000px; height:610px; background-color:#162456; margin-top:40px;}
.area2 span { font-size:16px; line-height:36px; color:#fff; padding:0 20px; margin-top:10px; display:block; position:relative;}
.area2 em { display:block; background-color:#fff; text-align:center; padding:7px 0;}
.area2 em img { vertical-align:top;}
.more_link { font-size:18px; color:#ffcaa8;}
.area2 i a { color:#fff;}
.area2 i a:hover { text-decoration:none; display:block; text-align:center;}
.area2_box3 em { width:327px; height:467px;margin:0 2px; float:left; background-color:#fff;}
.area2_box3 .clearfix { background-color:#fff; padding-left:3px; overflow:hidden;}
.area2_box1 i ,.area2_box1 b{ position:absolute; width:564px; height:63px; padding:5px 0; line-height:29px; color:#fff; font-size:22px; text-align:center; top:367px;left:8px; z-index:3;}
.area2_box1 b { z-index:2; background-color:#000;opacity:.5;filter:alpha(opacity=50);}
.area2_box1 em a { display:block; width:564px; height:433px; overflow:hidden; margin:auto;}
.area2_box2 i ,.area2_box2 b{ position:absolute; width:365px; height:63px; padding:5px 0; line-height:29px; color:#fff; font-size:22px; text-align:center; top:349px;left:7px; z-index:3;}
.area2_box2 b { z-index:2; background-color:#000;opacity:.5;filter:alpha(opacity=50);}
.area2_box2 em a { display:block; width:365px; height:415px; overflow:hidden; margin:auto;}
.area2_box3 i ,.area2_box3 b{ position:absolute; width:987px; height:73px; line-height:73px; color:#fff; font-size:22px; text-align:center; top:400px;left:6px; z-index:3;}
.area2_box3 b { z-index:2; background-color:#000;opacity:.5;filter:alpha(opacity=50);}
.area2_box3 em a { display:block; width:327px; height:467px; overflow:hidden; margin:auto;}
.i_siwei { position:absolute; top:-43px; right:0; width:180px; height:43px;background:url(../../../images/static/blancpain02/isiwei.jpg)}
.area3 { background:url(../../../images/static/blancpain02/tit_3.jpg) top center no-repeat #0a3a72; margin-top:75px;}
.area3 ul{margin-top:140px;width:654px; margin-left:-13px;}
.area3_l li{ _display:inline; padding:6px; border:1px solid #000;width:300px;height:325px; float:left;background-color:#fff; margin:13px 0 0 12px;}
.area3_l li a { display:block; width:300px; height:325px;overflow:hidden;}
.area3_r {  width:359px; margin-top:265px; _overflow:hidden;}
.area3_r p { font-size:16px; line-height:36px; color:#fff; padding-left:40px; margin-top:30px; margin-right:-8px;}
.area4 { height:752px; background:url(../../../images/static/blancpain02/btmbg.jpg) top center no-repeat #0a3a72;}
.area4 .wrapper{ width:1020px;}
.area4 dl { float:left; width:224px; padding:8px 5px; background-color:#fff; margin:240px 10px 0; _display:inline;}
.area4 .dl_pic { width:224px; height:167px; overflow:hidden;}
.area4 .dl_tit { height:48px; line-height:24px; font-size:18px; padding:10px 5px; border-bottom:1px solid #000; overflow:hidden;}
.area4 .dl_intro { font-size:14px; line-height:24px; height:72px; overflow:hidden; padding:5px 5px 10px; position:relative;}
.area4 .dl_intro a { position:absolute; right:0; border-bottom:-5px; font-size:15px;}

















/*footer*/
.pubfooter {clear:both; padding-bottom:30px; background-color:#fff; margin-top: 0; margin-left:auto; margin-right:auto;}
.footer {text-align:center;margin:0 auto;/* border-top:1px solid #959595;*/}
.copyright{text-align:center;line-height:52px;}
.foot_top {font-size:12px;line-height:24px; color:#666; text-align:center; height:24px;padding-top:40px;}
.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/2014815/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/2014815/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;}

/*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(../../../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/bojue/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 ;}