﻿
section, article, aside, header, footer, nav, dialog, figure { display:block}

/*user*/

#GlobalHeader .navuser {  height:27px; padding-top:5px; background:url(images/v2_onlineindex.png) 0 -58px repeat-x}
#GlobalHeader .navuser div { width:980px;  height:22px; margin:0 auto;  line-height:22px}
#GlobalHeader .navuser em { color:#666}
#GlobalHeader .navuser a { color:#777676}
#GlobalHeader .navuser em a{ color:#0177C9}
#GlobalHeader .navuser a#outbt { color:#666}
#GlobalHeader .navuser a:hover, #GlobalHeader .navuser a#outbt:hover { color:#f13a09}
#GlobalHeader .navuser ul { float:right; font-family:Simsun; line-height:18px; color:#ccc}
#GlobalHeader .navuser li { float:left; margin-left:-1px; padding:2px 6px 0 7px; background:url(images/v2_onlineindex.png) right -232px no-repeat}
#GlobalHeader .navuser li.first { background-image:none}
#GlobalHeader .navuser li a.s1 { padding-right:16px;  background:url(images/v2_onlineindex.png) right -322px no-repeat}
#GlobalHeader .navuser li.hover a.s1 { background-position: right -332px}
#GlobalHeader .navuser li a.s2 { padding-left:16px;  background:url(images/v2_onlineindex.png) -968px -266px no-repeat}
#GlobalHeader .navuser li a.s3 { padding-left:16px;  background:url(images/v2_onlineindex.png) -968px -286px no-repeat}
#GlobalHeader .navuser li a.s4 { padding-left:16px;  background:url(images/v2_onlineindex.png) -968px -306px no-repeat}
#GlobalHeader .navuser li a.s5 { padding-left:16px;  background:url(images/v2_onlineindex.png) right -320px no-repeat}
#GlobalHeader .navuser li p { display:none; position:absolute; z-index:1; left:-1px; top:19px; width:90px; padding:6px 8px; border:1px solid #d1d1d1; border-top:0; border-right-color:#999; border-bottom-color:#999; background:#fff}
#GlobalHeader .navuser li.hover p { display:block}
#GlobalHeader .navuser li p a { display:block; width:100%}
#GlobalHeader .navuser li.hover { position:relative; padding:1px 5px 0 6px; border:1px solid #d1d1d1; border-bottom:0; border-right-color:#999; background:#fff}

/*mast*/
#GlobalHeader .article_bg {margin:0 auto; background: #FFF}
#GlobalHeader article { clear:both; width:980px; height:100px; margin:0 auto}
#GlobalHeader article h2#logo { float:left; overflow:hidden; width:266px; height:44px; padding:30px 10px 0; text-indent:-10em}
#GlobalHeader article h2#logo a { display:block; width:100%; height:100%; background:url(images/v2_onlineindex.png) 0 0 no-repeat}
#GlobalHeader article small { float:left; width:170px; height:44px; padding-top:26px }
#GlobalHeader article small img { display:block; width:100%; height:100%;  background:url(images/v2_onlineindex.png) -270px 0 no-repeat}
#GlobalHeader article .topbanner { float:left; overflow:hidden; width:468px; height:60px; padding:20px 6px 0 50px}

/*nav*/
#GlobalHeader nav { clear:both; position:relative; z-index:20; height:38px; margin-bottom:2px; font-size:14px; font-weight:bold; background:url(images/v2_onlineindex.png) 0 -94px repeat-x}
#GlobalHeader nav ul { width:840px; margin:0 auto; padding:0 70px}
#GlobalHeader nav ul li { float:left; padding-right:2px; line-height:38px; background:url(images/v2_onlineindex.png) right top no-repeat}
#GlobalHeader nav ul li.last { background:none}
#GlobalHeader nav ul li span { float:left; cursor:pointer; padding:0 26px}
#GlobalHeader nav ul li a { float:left; color:#fff}
#GlobalHeader nav ul li a:hover span { text-decoration:underline; color:#dd0014}
#GlobalHeader nav ul li ul { display:none; position:absolute; z-index:1; left:-1px; top:38px; clear:both; width:150px; margin:0; padding:10px 0; border-bottom:2px solid #d8d8d8; border-left:2px solid #d8d8d8; border-right:2px solid #d8d8d8; -webkit-box-shadow:1px 1px 20px #b0b0b0; -moz-box-shadow:1px 1px 20px #b0b0b0; box-shadow:1px 1px 20px #b0b0b0; background:#fff}
#GlobalHeader nav ul li.selected, #GlobalHeader nav ul li.hover { position:relative}
#GlobalHeader nav ul li.selected a, #GlobalHeader nav ul li.hover a { position:relative; z-index:2;  background:url(images/v2_onlineindex.png) 0 -182px no-repeat}
#GlobalHeader nav ul li.selected a span, #GlobalHeader nav ul li.hover a span { padding-right:30px; color:#dd0014; background:url(images/v2_onlineindex.png) right -182px}
#GlobalHeader nav ul li.hover ul { display:block; margin-top:-2px; background:#fff}
#GlobalHeader nav ul li.hover li { float:none; overflow:hidden; height:26px; padding:0 26px; line-height:26px; background:none}
#GlobalHeader nav ul li.hover li a { float:none; display:block; background:none; color:#666; font-size:14px; font-weight:normal}
#GlobalHeader nav ul li.hover li a:hover { color:#dd0014; background:#fff}

/*brands*/
#GlobalHeader .brands { overflow:hidden; width:970px; height:38px; line-height:36px; margin:0 auto; padding-left:10px; background:url(images/v2_onlineindex.png) 0 -138px no-repeat}
#GlobalHeader .brands span { float:left; width:550px; height:30px; line-height:36px; overflow:hidden}
#GlobalHeader .brands strong { float:left}
#GlobalHeader .brands a { padding:0 6px; color:#777676; background:url(images/v2_onlineindex.png) right -232px no-repeat}
#GlobalHeader .brands a:hover { color:#f13a09}

/*Search*/
#GlobalHeader .shareSearch { float:left; position:relative; overflow:hidden; padding-left:20px; width:334px; height:38px; line-height:38px; background:url(images/v2_onlineindex.png) -494px -260px no-repeat}
#GlobalHeader .shareSearch label { position:absolute; z-index:10; left:30px; top:0; cursor:text; color:#999 }
#GlobalHeader .shareSearch input { vertical-align:top;  border:0; background:none}
#GlobalHeader .shareSearch input.txti { width:218px; height:18px; padding:10px 10px 0; line-height:16px}
#GlobalHeader .shareSearch input.btni { cursor:pointer; width:74px; padding-top:4px; height:30px; text-align:center; letter-spacing:4px;  font:bold 14px/24px Microsoft Yahei, Tahoma; color:#7f7f7f}

/*GlobalFooter*/
#GlobalFooter { clear:both; border:1px solid #e6e6e6; width:978px; margin:0 auto; font:12px/20px Tahoma, Arial, Simsun; color:#333; background:#fff}
#GlobalFooter a { color:#333; text-decoration:none}
#GlobalFooter a:hover { text-decoration:underline}
#GlobalFooter div.ourPromise { height:170px; background:url(images/v2_onlineindex.png) 0 -340px no-repeat; border-bottom:1px dotted #e6e6e6 }
#GlobalFooter div.ourPromise div { padding:60px 0 0 64px}
#GlobalFooter div.ourPromise div ul { float:left; width:183px;}
#GlobalFooter div.ourPromise div ul.j1 { width:50px }
#GlobalFooter div.ourPromise div ul.j2 { padding-left:76px; width:236px; line-height:26px}
#GlobalFooter div.ourPromise div ul.j2 strong{ color:#ff6600; padding-right:4px}
#GlobalFooter .friendlyLink { width:960px; padding:10px 10px; color:#666; border-bottom:1px dotted #e7e7e7}
#GlobalFooter .friendlyLink span { padding-right:4px; white-space:nowrap}
#GlobalFooter .friendlyLink strong { font-weight:normal}
#GlobalFooter .friendlyLink a { padding-right:7px; color:#666}
#GlobalFooter .friendlyLink a:hover { color:#f13a09}
#GlobalFooter .footnav { padding-top:8px; text-align:center; color:#ccc}
#GlobalFooter .footnav a { color:#0177c9}
#GlobalFooter .footnav a:hover { color:#f13a09}
#GlobalFooter p { margin:0; padding:0; padding:10px; text-align:center; color:#666}
#GlobalFooter p img { margin:0 6px; border:0; vertical-align:middle; background:url(images/v2_onlineindex.png) 0 -306px no-repeat}
#GlobalFooter p img.s20 { width:277px; height:31px; background-position:0 -420px}
#GlobalFooter p img.s1 { width:105px; height:25px; background-position:0 -306px}
#GlobalFooter p img.s2 { width:82px; height:29px; background-position:-116px -306px}
#GlobalFooter p img.s3 { width:71px; height:27px; background-position:-210px -306px}
#GlobalFooter p img.s4 { width:118px; height:30px; background-position:-294px -306px}
#GlobalFooter p img.s5 { width:84px; height:30px; background-position:-424px -306px}
#GlobalFooter p img.s6 { width:106px; height:30px; background-position:-520px -306px}
#GlobalFooter p img.s7 { width:117px; height:30px; background-position:-638px -306px}


@media print { #GlobalHeader, #GlobalFooter { display:none}} 







