@charset "gb2312";

/**
 *Global Style
 * @author:  elaine, v_elainelv@tencent.com
 * @lastUpdate: 2014-04-1
**/

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td { margin:0; padding:0;}
:focus { outline:0;}
ol, ul { list-style:none;}
h1, h2, h3, h4, h5, h6 { font-size:100%; font-weight:normal;}
/* tables still need 'cellspacing="0"' in the markup */
table { border-collapse:separate; border-spacing:0;}
caption, th, td { font-weight:normal; text-align:left;}
blockquote:before, blockquote:after,
q:before, q:after { content:'';}
blockquote, q { quotes:'' '';}
a img { border:0;}
article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section { display:block;}

body { font-family: 'Microsoft Yahei'; font-size: 15px; padding-top: 23px;}
.box { width: 1080px; margin: 0px auto;}
.clearfix:after { clear: both; content: "."; display: block; font-size: 0; height: 0; visibility: hidden;}
.clearfix { min-height: 1%;}
.hide { display: none;}

/*header*/
header .logo { width: 285px; height: 78px;}
.head-block { position: relative; float: right; width: 720px; overflow: hidden;}
.head-info { float: right; width: 100%; height: 48px;}
.head-info .area { float: right; height: 45px; text-align: right; font-size: 11px; color: #b9a280;}
.head-info .area .ico-tel { position: absolute; left: -25px; top: 8px; display: inline-block; width: 22px; height: 21px; background: url(imagesico.png) no-repeat 0px 0px;}
.head-info .area strong { font-size: 27px;}
.head-info .area .tel { position: relative;}
.head-info .area .tel strong { display: inline-block; width:200px;}
.head-info .area .agent { margin-top: -5px;}
.head-top { float: right; height: 38px; line-height: 38px; margin-left: 10px; margin-top: 8px; padding-left: 30px; background-color: #f3eee8;
	border-radius: 3px;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
}
.head-top ul li { float: left; margin-right: 30px;}
.head-top ul li a, .head-top ul li a:hover { font-weight: bold; color: #b9a280; text-decoration: none;}
.header { float: right; margin-top: 10px;}
.header li, .header li a { display: block; float: left; margin-right: 8px; width: 90px; height: 50px; line-height: 50px; text-align: center; color: #b9a280; text-decoration: none;}
.header li a:hover, .header li.current a{ background: url(imagesnav_bg.png) no-repeat center; color: #fff; font-weight: bold;}
.old-version, .old-version:hover { float: right; margin: 0px 25px 0px 10px; line-height: 54px; color: #B9A280; font-size: 12px; text-decoration: none;}

/*content*/
.content { width: 1260px; margin: 30px auto 10px; *margin-top: 0px;}
.ico-blue, .ico-yellow { display: inline-block; margin-left: 5px; width: 18px; height: 18px; background: url(imagesico.png) no-repeat 0px -27px; vertical-align: middle;}
.ico-yellow { background-position: 0px -45px}
.ico-yellow-big { display: inline-block; margin-right: 5px; width: 25px; height: 29px; background: url(imagesico.png) no-repeat 0px -66px; vertical-align: middle;}
.btn em { font-style: normal; margin-left: -35px;}
.bg-wpa, .bg-apply { display: inline-block; width: 630px; height: 61px; line-height: 61px; text-align: center; font-size: 22px; color: #fff; text-decoration: none;}
.bg-wpa { background: url(../images/btn_bg_wpa.png) no-repeat 0px 0px;}
.bg-apply { background: url(../images/btn_bg_apply.png) no-repeat 0px 0px;}
.bg-wpa:hover { background-position: 0px -61px;}
.bg-apply:hover { background-position: 0px -61px;}
.normal-nav li { float: left; width: 270px; height: 72px; line-height: 56px; text-align: center;}
.normal-nav li a { display: inline-block; width: 100%; height: 100%; font-size: 24px; color: #fff; text-decoration: none; background: url(../images/nav_normal.png) no-repeat;}
.normal-nav li.current a { background: url(../images/nav_current.png) 0px 0px no-repeat;}
.normal-nav li.current-yellow a { background: url(../images/nav_current.png) 0px -71px no-repeat;}
/*footer*/
footer { color: #6c6a6e; font-size: 12px; line-height: 50px;}
footer ul { }
footer ul li { float: left; margin-right: 5px;}
footer ul li a { color: #686868; text-decoration: none;}
footer ul li a:hover { color: #686868; text-decoration: underline;}
footer p { clear: left; float: right;}