@charset "gb2312";
html { overflow-x:hidden;}
body{ margin:0;padding;0;}
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;}
a{ color:#333; text-decoration:none;}
a:hover{ text-decoration:underline;}
.clear{ clear:both;}
.clearf{ 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;}
.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;}
.mar_t5{ margin-top:5px;}
.mar_t10{ margin-top:10px;}
.mar_t15{ margin-top:15px;}
.mar_t20{ margin-top:20px;}
.pad_b5{ padding-bottom:5px;}
.pad_b10{ padding-bottom:10px;}
.pad_b20{ padding-bottom:20px;}
.hidden{ display:none;}
.indent{ text-indent:2em;}
.cursor{ cursor:pointer;}
.overflow{ overflow:visible;}
.white { color:#fff;}
a.gray, a.gray:hover, .gray, .gray a, .gray a:hover{ color:#999;}
a.brown, a.brown:hover, .brown, .brown a, .brown a:hover{ color:#b39859;}
a.more, a.more:hover, .more{ color:#d7b655;}
/*top*/
body{ background: url(../../../images/static/germanywatch/body_bg.jpg) #2d2c2c center 32px no-repeat;}
.content{ background-color: #fff; padding: 20px;}
.nav-top-bg,.nav-top{ background:url(../../../images/static/germanywatch/nav_top.jpg) repeat-x; line-height:32px; font-family:Verdana;}
.nav-top-bg span a{color:#773b09;}
.nav-top { overflow:hidden;}
.i_logo{ margin-top: 5px;}
.back{float:right;display:block;width:80px;text-align:right;}
/*banner*/
.nav-list a,.nav-list a.hover,.nav-list a:hover,.area1_focus_nav b,.area1_focus_nav b.act,.display-tag b,.display-tag b.hover,.s_line,.display-wrap-1 .display-style .prev,.display-wrap-1 .display-style .next,.l-icons-b,.main-nav li,.main-nav li.act,.pPrev i,.pNext i{background: url(../../../images/static/germanywatch/icons_bg.png) no-repeat;}
.main-nav{ position: fixed; bottom:160px; display: none;}
.main-nav li{ width:25px; height: 25px; background-position: -25px -38px; cursor: pointer; margin-top: 15px;}
.main-nav li.act{ width:25px; height: 25px; background-position: 0 -38px;}
.ban{margin:0 auto; height:528px; position: relative;}
.t_logo{ margin-top: 30px;margin-left: 68px;}
.nav-list { position: absolute; bottom:0;left:2px;}
.nav-list a{ display: inline-block; width:98px; height: 37px; line-height: 37px; margin-left: 20px; text-align: center; font-size: 22px; color: #fff;}
.nav-list a.hover,.nav-list a:hover{ background-position: -98px 0; color: #d7b655; text-decoration: none;}
/*main*/
.area1_focus { width:950px; height:520px; position: relative; overflow:hidden; margin:0 auto;}
.area1_focus_pic_box{ height: 520px;}
.area1_focus_pic { position:absolute; left:0; top:0; display:none; height:520px; overflow: hidden;}
.area1_focus_pic img{ width:950px; height: 520px;}
.area1_focus_pic img,.display-scroll li img,.picImg img {transition:transform 0.5s ease 0s;}
.area1_focus_pic img:hover,.display-scroll li img:hover,.picImg img:hover{transform:scale(1.05);}
.area1_focus_nav { position:absolute; bottom:15px; height:14px; overflow:hidden; z-index:5; width:100%; text-align: center;}
.area1_focus_nav b,.display-tag b{ display:inline-block; width:14px; height:14px; margin:0 10px; background-position: -59px -56px; line-height:50px; overflow:hidden; cursor:pointer;}
.area1_focus_nav b.hover,.display-tag b.hover{ background-position: -59px -39px;}
/*展台风采*/
.tit-1{ height: 50px; overflow: hidden; margin-top: 46px;}
.deb_bg{ display: inline-block; width:127px; height: 50px; background: url(../../../images/static/germanywatch/deb_bg.png) no-repeat;}
.tit_ft{ font-size:24px; color: #ad7a34; display: inline-block;line-height: 38px; margin: 0 9px; vertical-align: 19px;}
.s_line{ display: inline-block; width:16px; height: 26px; background-position: -125px -39px; vertical-align: 14px; }
.b_tit{ background: url(../../../images/static/germanywatch/b_tit.png) no-repeat; height: 89px; margin: 0 -20px;}
.area{ width:810px; margin:8px auto 46px; border:9px solid #dcdcdc;}
.display-wrap-1{ margin:0 19px;}
.display-wrap { overflow:visible; position:relative; margin-top:38px;}
.display-style {height:188px; position:relative; overflow: hidden;}
.display-style-box {height:286px; position:relative; overflow: hidden;}
.display-wrap .prev,.display-wrap .next{ width:41px; height:39px; background:url(../../../images/static/germanywatch/nextp-btn.png) no-repeat; display:block; position:absolute;top:56px; z-index:10; left:10px;}
.display-wrap .next { left:910px; background-position: -41px 0;}
.display-wrap .next:hover,.display-wrap .prev:hover { opacity: 0.7; filter:alpha(opacity=70);}
.display-scroll { width:940px; height:152px; position:absolute; top:0; left:0; overflow: hidden;}
.display-scroll ul{ height:152px; float:left; width:980px; position: absolute; display: none; overflow: hidden;left:0; top:0;}
.display-scroll ul li em{ display: block; width:168px; height: 252px; overflow: hidden;*display:inline;}
.display-scroll li {float:left; width:230px; height:150px; margin-right:11px; border:1px solid #000; _display:inline; overflow: hidden;}
.display-scroll li img {float:left;}
.display-scroll li span{ display: block; height:34px; padding: 0 10px; line-height: 36px; text-align: center; font-size:14px; overflow: hidden;}
.display-scroll li a:hover{color: #ad7a34; text-decoration: none;}
.display-tag{ width:100%; text-align: center; height: 14px; overflow: hidden; bottom: 0; position: absolute;}
.display-wrap-1 .display-style{ height: 286px; overflow:visible;}
.display-wrap-1 .display-style .prev{ width:18px; height: 34px; background-position:-149px -39px; left:-28px; top:50%; margin-top:-17px;}
.display-wrap-1 .display-style .next{ width:18px;  height: 34px; background-position: -173px -39px; left:932px;top:50%; margin-top:-17px;}
.display-wrap-1 .display-scroll{ height:286px;}
.display-wrap-1 .display-scroll ul{ height: 286px; width:940px;}
.display-wrap-1 .display-scroll li { width:168px;height: 286px; border:1px solid #e8e8e8; background-color: #e8e8e8; margin-right: 18px;}
.display-wrap-1 .display-scroll li img{ width:168px; height: 252px;}
#contentScroolId3,#contentScroolId3  .display-scroll li,#contentScroolId3  .display-scroll li img{ height:222px;}
.area2-focus{ height: 565px; overflow: hidden; margin:46px auto 0;}
.news-watch{margin:46px auto 0; overflow: hidden;}
.l-watch{ width:415px; margin-left: 25px;}
.r-watch{ width:415px; margin-right: 25px;}
.l-tit{ height: 32px; position: relative;}
.l-icons-b{ display: inline-block; width:45px; height: 27px; background-position: -77px -38px; position: absolute; top:10px;left:0;}
.l-tit-1{ font-size:24px; color: #d7b655; border-bottom:1px solid #d7b655; display: inline-block; line-height: 32px; margin-left: 36px; padding-left: 20px; width:332px; height: 33px; overflow: hidden;}
.news_cont{ margin-top: 33px; position: relative; margin-left: 38px;}
.t-bord,.b-bord{ position: absolute; width:56px; height: 22px; display: inline-block; }
.t-bord{ left:0; top:0;border-top:1px solid #d7b655; border-left:5px solid #d7b655;}

.b-bord{border-bottom:1px solid #d7b655; border-right:5px solid #d7b655; right:0; bottom:0;}
.news_cont p{ font-size:18px; line-height: 30px; padding:5px 12px 15px 22px;  word-break: break-all;}
.news_cont .more{ font-size:14px;}
.marvellous_more{ margin-top: 8px;}
.marvellous_more span{ display: inline-block; padding: 10px 30px; border:1px solid #969595; font-size:18px; text-align: center; color: #2d2c2c;}

/*picture layer*/
.layercont { position:relative; overflow:hidden; margin-top: 38px; margin-bottom: 30px;}
.bigpicbox { position:relative;display:inline-block;width:950px; height:520px; overflow:hidden; z-index:2;vertical-align:top;}
.loadingPic{ display:inline-block; width:37px; height:37px; background:url(../../../images/static/hkwatch/bigloading.gif); position:absolute; left:50%; top:50%; margin:-18px 0 0 -18px;}
.picImg{ display:inline-block; width:950px; height:520px;}
.bigpic_bg { position:absolute; bottom:23px; left:20px; height:35px; width:958px; background:#313131; opacity:.7;filter:alpah(opacity=70);}
.bigpic_txt {  position:absolute; bottom:23px; left:20px; height:35px; width:958px;  color:#fff; text-align:center; font-size:22px; line-height:35px; overflow:hidden; font-family:"Microsoft Yahei";}
.pPrev,.pNext { display:block;width:30px; position:absolute;top:245px; z-index:99;_zoom:1;outline:none;}
.pPrev i,.pNext i{ width:20px; height:34px;display:block; cursor:pointer;}
.pPrev i{ background-position:-149px -39px; }
.pNext i{ background-position:-173px -39px; }
.pPrev:hover i,.pNext:hover i { opacity:.6;}
.pPrev {left:20px;}
.pNext {right:20px;}
/*trivia new*/
.bdr_bk{ display: block;}
.bdr_bk img{ display: block;}
.one_pic_tit { position:absolute; text-align:center; top:449px; left:0; height:35px; line-height:35px; overflow:hidden; padding:0 10px; width:280px; color:#fff; z-index:3; font-size:14px; font-family:"Microsoft Yahei";text-overflow:ellipsis;}
.one_pic_tit a { color:#fff;white-space:nowrap;text-overflow:ellipsis;}
.one_pic_tit a:hover { color:#fff; background:none; text-decoration:underline;}
.one_pic_bg { position:absolute; top:450px;left:0; height:35px; background:#000; opacity:.7;filter:alpha(opacity=70); width:300px; z-index:2;}

/*footer*/
.pubfooter {clear:both; padding-bottom:30px; background-color:#fff; 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:14px;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; margin-top: 2px;}
.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 ;}