/* 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:#e1e1e1;}
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:#d0b973; 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;}
.fyahei{ font-family:"微软雅黑";}
.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:1052px;}
.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;}
.nav-top a,.nav-top a:hover{ color:#ffffff;}
.logo_s { margin-top:3px;}
/*content*/
.ban_1{ background:url(../../../images/static/beihai/bannerBg.jpg) no-repeat center top; height:520px;}
.titbg1{background:url(../../../images/static/beihai/titBg1.jpg) no-repeat center top; height:189px;}
.titbg2{background:url(../../../images/static/beihai/titBg2.jpg) no-repeat center top; height:289px;}
.titbg3{background:url(../../../images/static/beihai/titBg3.jpg) no-repeat center top; height:349px;}
.titbg4{background:url(../../../images/static/beihai/titBg4.jpg) no-repeat center top; height:203px;}
.ban_1 p{ width:622px;left:296px;top:324px; line-height:24px;padding-top:0; letter-spacing:0.5px;}
.titbg2 p{padding-top:85px;}
.titbg2 p{padding-top:87px;}
.titbg3 p{padding-top:95px;}
.titbg4 p{padding-top:93px;}
.para{ color:#ffffff; line-height:26px; position:absolute;left:179px; font-size:14px;width:766px;padding-top:90px;}
.para a{ color:#fce75f;}
.pic1{margin-left:172px; display:block;width:738px; height:327px; overflow:hidden;}
.picbg1{background:url(../../../images/static/beihai/picBg_01.jpg) no-repeat center top; height:770px;}
.picbg2{background:url(../../../images/static/beihai/picBg_02.jpg) no-repeat center top; height:674px;}
.picbg3{background:url(../../../images/static/beihai/picBg_03.jpg) no-repeat center top; height:768px;}
.picbg4{background:url(../../../images/static/beihai/picBg_04.jpg) no-repeat center top; height:885px;}
.picbg5{background:url(../../../images/static/beihai/picBg_05.jpg) no-repeat center top; height:150px;}
.picBig1{width:338px;padding-left:107px; }
.picBig2{width:562px;margin-left:105px;_display:inline;}
.picBig1 a{ display:inline-block;width:332px; height:536px;border:3px solid #ffffff; overflow:hidden;}
.picBig2 a{ display:block;width:546px; height:404px;border:8px solid #999999;margin-bottom:20px; overflow:hidden;}
.pic_series1{width:554px;margin-left:7px;}
.pic_series2{ width:365px;margin-left:20px;}
.pic_series1 a{ float:left;width:271px; height:268px;overflow:hidden;margin:0 0 5px 5px;}
.pic_series2 a{display:inline-block;width:349px; height:258px;border:8px solid #999999; overflow:hidden;margin-bottom:17px;margin-bottom:19px\9;}
.pic1 img,.picbg2 img,.picbg4 img{-webkit-transition: -webkit-transform 0.3s ease; -moz-transition: -moz-transform 0.3s ease;-ms-transform:-ms-transform 0.3s ease;transition: transform 0.3s ease; display:inline;}
.pic1 img:hover,.picbg2 img:hover,.picbg4  img:hover{-webkit-transform: scale(1.1); -moz-transform: scale(1.06);-ms-transform:scale(1.1); transform: scale(1.1);}
/*pic-scroll*/
.paragram { width:920px;margin-left:115px; position:relative;}
.piclayer { width:793px; float:left;margin-left:64px;margin-top:1px;}
.layercont { position:relative;width:794px;}
.bigpicbox { width:783px; height:520px;position:relative; text-align:center; border:5px solid #999999;overflow:hidden; }
.bigpicbox img {vertical-align:middle; position:relative; width:783px; height:520px;}
.bigpicbox span { display:inline-block; height:100%; vertical-align:middle;}
.p_prev,.p_next { display:block;width:460px; height:520px; position:absolute;top:0;z-index:2;outline:none;}
.p_prev i,.p_next i{width:460px; height:100%;_height:expression(offsetParent.clientHeight); display:block;}
.p_prev i {background:url(../../../images/static/beihai/arrowL.png) left center no-repeat;_filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=scale, src='http://www.xbiao.com/images/static/beihai/arrowL.png');_background:none;}
.p_next i { background:url(../../../images/static/beihai/arrowR.png) right center  no-repeat;_filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=scale, src='http://www.xbiao.com/images/static/beihai/arrowR.png');_background:none;}
.p_prev {left:-62px;}
.p_next {right:-62px;}
.pic_scroll_wrap { width:760px;height:114px; margin:0 auto;}
.pic_scroll { width:760px;height:114px; overflow:hidden; position:relative;margin:0 auto;}
.pic_list { position:absolute; left:0;}
.pic_list li { float:left; padding-top:20px;}
.pic_list li img { width:136px; height:90px; border:1px solid #eeeeee;}
.pic_list li.active{ background:url(../../../images/static/beihai/arrowD.png) no-repeat center top;_background:url(../../../images/static/beihai/arrowD_png8.png) no-repeat center top;}
.pic_list li a { margin:0 7px; display:inline-block; height:95px; overflow:hidden;}
.pic_list li a:hover { background:none;}

/*footer*/
.footer,.footer-bd{ height:40px;line-height:40px;background:#000000;}
.footer-bd p{font-size:12px;}
.copyright{ color:#666; margin-right:20px;}
.copyright a{ padding:0 5px; display:inline-block; color:#cccccc;}
.copyright .wbfoot{ background:url(../../../images/static/beihai/sina.png) 5px 0 no-repeat; display:inline-block; position:relative; padding-left:25px;height:16px;line-height:15px;}
.copyright .gray0{ color:#999;}
.footer .footer-bd{ background:#000000;}
.wrapper .copyright a{ color:#cccccc;}
/*share*/
.pub_share_box{width:48px; height:258px; border:1px solid #dbdbdb; position:absolute; top:560px;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;}