﻿/*reset*/
body, h1, h2, h3, h4, h5, h6, dl, dt, dd, ul, ol, li, th, td, p, form, input, button, textarea, hr { margin:0; padding:0; }
ol,ul,li {list-style:none}
img {border:none;}
em {font-style:normal;}
img { border: none; vertical-align: top; }
body,button,input,select,textarea { font: 12px/1.6 "\5FAE\8F6F\96C5\9ED1",tahoma,arial ; color:#000;}
input,select,textarea{font-size:100%;}
table{border-collapse:collapse;border-spacing:0;}
th{text-align:inherit;}
.clear{ clear:both;}
.clearfix:after { visibility: hidden; display: block; font-size: 0; content: " "; clear: both;height: 0; }
.clearfix { *zoom: 1;}
a {color:#000;text-decoration:none; outline: none;}
a:hover {color:#31aeac;text-decoration:none;}
/*global*/
.f13{ font-size:13px;}
.f12{ font-size:12px;}
.f14{ font-size:14px;}
.f15{ font-size:15px;}
.f16{ font-size:16px;}
.f18{ font-size:18px;}
.f20{ font-size:20px;}
.mar_t2{ margin-top:2px;}
.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;}
.left{ float:left;}
.right{ float:right;}
.f700{ font-weight:700;}
.f100{ font-weight:100;}
.fyahei{ font-family:"\5FAE\8F6F\96C5\9ED1";}
.ta-l,.ta_l{ text-align:left;}
.ta-c,.ta_c{ text-align:center;}
.ta-r,.ta_r{ text-align:right;}
.pos-rel,.pos_rel{ position:relative;}
.pos-abs,.pos_abs{ position:absolute;}
.indent{ text-indent:2em;}
.cursor{ cursor:pointer;}
.wrapper { width: 1000px; margin-left:auto; margin-right: auto; }
/*header*/
.header .wrapper { width: 1000px; margin: auto; overflow: visible; }
.header { padding: 12px 0; position: relative;z-index: 2; }
.head_logo{ float: left; width: 134px; height: 42px; background: url(../images/head_logo.jpg); margin-right: 38px; }
.head_logo a{ display:block; width: 100%;height: 100%; }
.top-xbiaoapp,.top-wechat,.top-weibo { display: inline-block;  height: 40px; line-height: 40px; background-image: url(../images/headerico.png); background-repeat: no-repeat; font-size: 14px;  }
.top-xbiaoapp {position: relative; margin-left: 24px;margin-right: 12px; background-position: 0 11px;padding-left: 18px; }

.top-japp{ display: inline-block;  height: 40px; line-height: 40px; background-image: url(../images/headerico2.png); background-repeat: no-repeat; font-size: 14px;  }
.top-japp{position: relative; margin-left: 24px;margin-right: 12px; background-position: 0 11px;padding-left: 18px; }


.top-line{ display: inline-block; background-color: #ccc; width: 1px; height: 16px; overflow: hidden; vertical-align: top; margin-top: 12px; }
.top-japp:hover,
.top-xbiaoapp:hover{ background-position: 0 -19px; }
.top-weibo { position: relative; width: 21px; background-position: 0 -119px; vertical-align: top; margin-left: 16px;}
.top-weibo:hover{ background-position: 0 -150px; }
.top-wechat { position: relative; background-position: 0 -55px;padding-left: 24px; cursor: default; margin-left: 16px; vertical-align: top;}
.top-wechat:hover{background-position: 0 -85px; }
.top-wechat i,.top-weibo i{ display: none; position: absolute; left: 0; top: 40px; border-width:1px; border-style:solid;border-color:#2d190f; padding: 10px; background-color: #fff;}
.top-wechat:hover i,.top-weibo:hover i { display: block; }
.top-search { position: relative; width: 298px; height: 30px; background-color: #fff; border: 1px solid #d2d2d2 ;margin-top: 6px; }
.right-search{margin-top: 15px; float: right; position: relative; z-index: 1;}
.top-consearch { width: 259px; }
.top-consearch span{position: absolute; left: 10px; top: 0px; height: 32px; line-height: 32px; color: #a0a0a0; cursor: text; }
.top-consearch input { border: none; width: 240px; padding-left: 10px; height: 30px; line-height: 30px; outline: none; background: none; }
.top-butsearch { width: 37px; height: 32px; position: absolute; right: -1px; top: -1px; border-left: 1px solid #d2d2d2;}
.top-butsearch input{appearance:none; border: 0; border-radius: 0; background: url(../images/topbar.png) 7px -135px; width: 37px; height: 32px; cursor: pointer; outline: none; }
.box_search_h .top-butsearch { background-color: #2f190e;width: 35px; height: 30px; border: 1px solid #2f190e; }
.box_search_h .top-butsearch input{ background-position: -33px -135px; }
.top-datasearch{ position:absolute; left:-1px; top:30px; border:1px solid #ccc; background:#fff; display:none; min-width:298px;}
.top-datasearch li{ padding:0 10px; font-size: 14px; line-height: 2em; white-space: nowrap; cursor: default;}
.top-datasearch li.hover{ background:#eae9e9;}
.top-datasearch span{ background:#f5f3f4; color:#ccc; display:block; position:relative; padding:6px 98px 6px 7px; line-height:normal; font-size:14px;}
.top-datasearch span i{ background:url(../images/del.png) no-repeat; position:absolute; width:13px; height:12px; right:7px; top:8px; cursor:pointer;}


.top-loginbox { float: right; height: 40px; position: relative; z-index: 2;}
.top-loginbox i {font-style: normal;}
.top-login { position: relative; height: 40px; line-height: 40px; display: inline-block; padding-right: 15px; padding-left: 25px; cursor: default; }
.top-login,.top-reg { font-size:14px; }
.top-loginup { display: none; }
.top-login:hover .top-loginup{ display: inline-block; }
.top-login:hover .top-logindown{ display: none; }
.top-login:hover span a{color: #996600;}
.top-login-thirdbox { display: none; position: absolute; top: 40px; left: 0; width: 121px; height: 134px; background:url(../images/opacity.gif);  }
.top-login:hover .top-login-thirdbox { display: block; }
.top-login-third {border:1px solid #c9c9c9; z-index: 2;height: 179px; overflow: hidden;margin-top: 8px; background-color: #fff; }
.top-login-third li { height: 44px; border-bottom: 1px dotted #c9c9c9; background-image: url(../images/ico_login.png); background-repeat: no-repeat; background-color: #fff; }
.top-login-third li a{ font-size: 14px;text-align: center; width: 100%; height: 44px; line-height: 44px; display: block; text-indent: 20px; }
.top-login-third li.top-login-xbiao { background: none; }
.top-login-third li.top-login-xbiao a{ text-indent: 0; }
.top-login-qq { background-position: 15px -2px; }
.top-login-weibo { background-position: 15px -49px; }
.top-login-wechat { background-position: 15px -93px; }
.top-login-tip{ position: absolute; top: 1px; left:51px; width: 17px;height: 8px;background: url(../images/topbar.png) -21px -184px; z-index: 3; }

.top-user {display: inline-block; height: 40px;padding-left: 10px; vertical-align: top; line-height: 40px; color:#979797; float: left; position: relative; }
.top-user span { float: left; display: inline-block; height: 16px; line-height: 16px; color: #979797; background:url(../images/topbar.png) right -195px no-repeat; padding-right: 15px; width: auto!important; max-width: 58px;  width: 58px;overflow: hidden; text-overflow:ellipsis; white-space: nowrap; *white-space: normal; margin-top: 12px; zoom:1; cursor: pointer;}
.top-user span:hover { color: #960; }
.top-user a b { color: #f00; }
.top-user:hover span {background-position: right -215px;}
.top-avatar { float: left; margin-top: 6px; margin-right: 5px; display: inline-block; width: 28px;height: 28px; border-radius: 50%; vertical-align: middle;}
.top-msg-mark { display: none; position: absolute; left:55px;width: 7px;height: 7px;background: url(../images/topbar.png) 0 -180px; }
.top-user-inforbox,.top-user-msgbox { display: none; position: absolute; top: 40px;  background:url(../images/opacity.gif);  }
.top-user-inforbox {width: 80px;right: 0;}
.top-user-msgbox {width: 100px; left: 0px;}
.top-user:hover .top-user-inforbox,.top-user:hover .top-user-msgbox { display: block; }
.top-user-infor,.top-user-msg { border: 1px solid #e5e5e5; margin-top: 8px; background-color: #fff; overflow: hidden; }
.top-user-infor li,.top-user-msg li{ height: 30px; border-top: 1px solid #e5e5e5; margin-top: -1px; line-height: 30px; }
.top-user-infor li a,.top-user-msg li a { display: block;border: 1px solid #fff;  text-indent: 13px; height: 27px;line-height: 27px; color:#999;  }
.top-user-msg li a {text-indent: 6px; position: relative;}
.top-user-infor li a:hover ,.top-user-msg li a:hover { background-color: #f9f9f9; color: #996600; }
.top-user-msg li i{ position: absolute; right: 3px; top: 6px; width: 22px; height: 14px; line-height: 14px; border-radius: 2px; background-color: #e5e5e5; color: #979797; text-align: right; padding-right: 3px; }
.top-user-tip{ position: absolute;top:3px;left:33px;width: 12px;height: 6px;background: url(../images/topbar.png) -8px -186px; }
.main_nav ul li,.sub_nav ul li{float: left;}
.main_nav{height: 40px;background: #2f180e;overflow: hidden;}
.main_nav ul{height: 38px;margin-top: 2px;}
.main_nav ul li a{display: block;font-size: 16px;color: #fff;padding: 0 17px;height: 38px;line-height: 36px;}
.main_nav ul li.act a{background: #f6f6f8;color: #a66b42;}
.sub_nav{height: 40px;background: #f6f6f8;overflow: hidden;}
.sub_nav ul li a{display: block;font-size: 15px;line-height: 40px;color: #434343;height: 40px;padding: 0 16px;}
.sub_nav .act a{color: #a66b42;}
.main_nav ul li:hover a,.sub_nav ul li a:hover{color: #a66b42;}

/*head3*/
.header2{ background-color: #f8f8f8; border-bottom: 1px solid #eee; height: 40px; position: relative; z-index: 4; }
.head2_logo{ float: left; width: 99px; height: 31px; background: url(../images/head2_logo.png); margin-right: 25px;margin-top: 5px; }
.head2_logo a{ display:block; width: 100%;height: 100%; }
.head2_nav li{float: left; font-size: 14px; line-height:40px; height: 40px;margin-right: 20px;}
.head2_nav li a{ display: block; color: #6a6a6a;}
.head2_nav li a:hover{ display: block; color: #996600;}
.top-thirdlink {float: left; padding-left: 3px;}
.top-thirdlink span{ line-height: 40px; display: inline-block; vertical-align: top;font-size: 14px; color: #a0a0a0; }
.header2 .top-wechat { margin-left: 14px; }
.header2 .top-wechat i {margin: 0 auto 0 -50px;border-top: none;}
.top-third-m,.top-third-wb { display: inline-block;  height: 40px; line-height: 40px; background-image: url(../images/headerico.png); background-repeat: no-repeat;}
.top-third-m {background-position: 0 11px;width: 14px; }
.top-third-m:hover{ background-position: 0 -19px; }
.top-third-wb {background-position: 0 -119px;width: 21px; margin-left: 12px; }
.top-third-wb:hover{ background-position: 0 -150px; }

/*breadcrumb*/
.breadcrumb {padding: 16px 0; line-height:18px; height:18px; overflow:hidden; max-width: 680px; }
.breadcrumb p {white-space:nowrap;text-overflow:ellipsis; color: #7d7d7d; font-size: 12px;width: 680px; overflow: hidden;}
.breadcrumb em{color: #7d7d7d; display: inline-block;margin-right: 5px;}
.breadcrumb a,.breadcrumb span { /*color: #313231;*/ color: #131313;}
.breadcrumb a:hover { color: #960; }
/*footer*/
.footer { width: 1000px;margin: 100px auto 0; padding-bottom: 50px; }
.foot-link { text-align: center; line-height: 24px; }
.footline { background-color:#999; width: 1px; height:12px;overflow: hidden; display: inline-block; vertical-align: middle; margin: 0 10px;  }
.iphone-ico i,.android-ico i,.telphone-ico i{ background:url(../images/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;}
.wbfoot{ background:url(../images/v_xbiao.png) no-repeat 0 5px;padding-left:20px; display:inline-block; height:24px;}
.copyright { text-align: center; margin-top: 10px; }
.friendlink { border:1px solid #ababab;overflow:hidden; margin:20px auto 0; position:relative; background:#e5e5e5;}
.mod-hd {color: #535353;font-size: 14px;line-height: 16px; float:left;width:18px;padding:0 14px;  position:absolute; top:50%; margin-top:-32px;}
.copy_text{ float:right; padding-right:15px; height:40px; line-height:40px; color:#996600; font-size:14px; cursor:pointer;}
.mod-hd strong{ font-weight:100;}
.friendlink p { float:right;width:944px; line-height:26px;padding:5px;background:#f7f7f7;min-height:85px;}
.friendlink a {display: inline-block;white-space: nowrap; color:#7f7e7e; margin:0 5px;}
.friendlink a:hover {background: none;text-decoration: underline;color: #c39532;}
.friendlinkpic { display:block; border-bottom:1px dotted #c7c7c7; margin:0 5px 2px; padding-bottom: 10px;}
.friendlinkpic a { margin:5px 20px 0 0;}
.friendlinkpic a img { border:1px solid #c9c9c9;}
.f_company {float:left;padding-top:7px;font-size:12px;}
.footer #bdshare { margin-left:210px; margin-top: 5px; display:inline;}
.footer #bdshare img { width:16px; height:16px;}
/*winlogin*/
.winlogin { width:620px; /*box-shadow:2px 2px 3px #ccc;*/ position:relative;_zoom:1; display:none;}
.x_closewin { display:block; width:41px; height:40px; position:absolute; background:url(../images/winlogin_x.png); right:-20px; top:-20px; cursor:pointer;_filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='http://www.xbiao.com/images/winlogin_x.png'); _background:none; overflow:hidden;}
.winlogin_head { width:100%; background:url(../images/winlogin_h.png) no-repeat; overflow:hidden;}
.winlogin_head .headbg { height:55px; padding-left:20px; background:#f7f7f7; line-height:55px; border-left:1px solid #ccc; border-right:1px solid #ccc; margin-top:5px;}
.winlogin_head .headbg h2,.winlogin_head .headbg .h2,.winlogin_head .headbg a {font-size:20px; font-weight:bold; display:inline; background:none;}
.winlogin_head .headbg h2,.winlogin_head .headbg .h2 { color:#333;}
.winlogin_head .headbg span { font-size:20px; color:#999; font-weight:100; margin:0 15px;}
.winlogin_head .headbg a{ color:#960;}
.winlogin_head .headbg a:hover { color:#960; text-decoration:underline;} 
.winlogin_c { width:618px; border-left:1px solid #ccc; border-right:1px solid #ccc; background:#fff; padding-bottom:65px;}
.winlogin_form { margin:50px 0 0 50px;  padding-right:50px; border-right:1px solid #e3e3e3; display:inline; width:262px;}
.winlogin_form p { position:relative;}
.winlogin_form .inputlabel { position:absolute; left:40px; line-height:40px; font-size:16px; color:#ccc; cursor:text;}
.xuser_name ,.xuser_pwd { width:262px; height:40px; background:url(../images/winlogin.png) top left; background-position:0 -70px;}
.xuser_name input,.xuser_pwd input { border:0; height:34px; margin-left:35px; margin-top:3px; width:220px; font-size:16px; line-height:34px; color:#333;outline:none;}
.xuser_pwd { background-position:0 -110px; margin-top:20px;}
.winlogin_smt { margin-top:20px; overflow:hidden; position:relative;_zoom:1;}
.xuser_submit { display:inline-block; width:105px; height:40px;background:url(../images/winlogin.png) top left; background-position:-105px 0; border:0; cursor:pointer; float:left;}
.winlogin_smt .remepwd { width:140px; height:15px; line-height:15px;left:18px; *left:15px; top:12px;font-family:Verdana, Geneva, sans-serif; display:inline-block; float:left; position:relative; color:#333;}
.winlogin_smt .remepwd input { display:inline;position:relative; left:-3px; top:1px; float:left; width:13px; height:13px;}
.winlogin_smt .remepwd label { float:left;}
.winlogin_smt .remepwd a { float:right; color:#960;}
.winlogin_wbqq { padding:50px 20px;}
.wbqq { margin-top:25px; margin-left:10px; overflow:hidden;_zoom:1;}
.wbqq a { width:47px; display:inline-block; float:left; padding-top:50px;background:url(../images/winlogin.png) top left; white-space:nowrap; color:#333; text-align:center;}
.wbqq a:hover { text-decoration:underline; color:#333;}
.wbqq a.login_qq { margin-left:30px; background-position:-50px 0;}
.wbqq a.login_wx { margin-left:30px; background-position:-273px 0;}
.winlogin_foot { width:100%; height:5px; background:url(../images/winlogin_f.png) no-repeat; overflow:hidden;}

.floatpic{ margin-right:-20px; margin-left:20px;_margin-left:0;float:right;width:0;height:0;_position:relative;z-index:999;}
.floatpic span{background:url(../images/geneva2017.png) no-repeat;width:170px;height:280px;position:fixed;z-index:1000;_position:absolute;_left:-20px; color:#773B09;}
.floatpic span a { display:block; width:170px; height:280px;}
.floatpic span a:hover { background:none;}
.floatpic span i { position:absolute; z-index:3; width:23px; height:23px; right:10px; top:12px;}

/*keyword*/
.mt25{margin-bottom: 25px;}
.keyword-tit{font-size: 18px; color: #999999; line-height: 40px;}
.keyword-list{}
.keyword-list ul{}
.keyword-list ul li{float: left; margin-right: 23px; height: 25px; line-height: 25px; font-size: 12px; color: #999;}
.keyword-list ul li a{color: #999;}
.keyword-list ul li a:hover{color: #996600;}
/*right-keyword*/
.right-keyword-tit{font-size: 22px; height: 60px; line-height: 60px;}
.right-keyword-list{margin-bottom: 25px;}
.right-keyword-list ul{}
.right-keyword-list ul li{float: left; margin-right: 20px; height: 30px; line-height: 30px; font-size: 12px; color: #000;}
.right-keyword-list ul li a{color: #000;}
.right-keyword-list ul li a:hover{color: #996600;}
