﻿body { font-family: Microsoft YaHei; margin: 0; padding: 0; font-size: 14px; background: #282828; line-height: 24px; }
p, div, form, img, ul, ol, li, dl, dt, dd { margin: 0; padding: 0; border: 0; }
ul, ol, li { list-style: none; }
h1, h2, h3, h4, h5, h6 { margin: 0; padding: 0; }
table, li, tr, th, br { font-size: 14px; font-family: Microsoft YaHei; }
img { display: block; }

/* Á´½ÓÑÕÉ« */
a { text-decoration: none; }
a:hover { text-decoration: none; color: #C00; }
.fl { float: left; }
.fr { float: right; }
.tc { text-align: center; }
.tr { text-align: right; }
.cl { clear: both; }

/* nav */
.nav { width: 100%; color: #fff; text-align: center; font-size: 12px; height: 40px; line-height: 40px; font-weight: normal; font-family: SimSun; background: #000; }
.nav a { color: #fff; }
.bg01 { background: url(../images/bg.jpg) no-repeat center top; padding-top: 350px; }
.bg02 { background: url(../images/title_14.jpg) repeat-y center; padding: 30px 0 70px 0; }
.box01 { margin: 0px auto; width: 980px; }
.ww { margin: 0px auto; width: 980px; padding-top: 40px; }
.tit { display: block; width: 980px; text-align: center; padding-bottom: 25px; }
.tit span { margin: 0px auto; display: inline-block; }
.box02 { display: block; width: 940px; padding: 20px; background: #6dad7d; }
.tab01 { display: -webkit-table; display: table; width: 400px; float: right; }
.tab01 li { display: table-cell; float: left; }
.tab01 li span { display: inline-block; width: 400px; height: 60px; line-height: 60px; margin-bottom: 2px; background: #629b70 url(../images/title_10.png) 66px 22px no-repeat; font-size: 18px; color: #c8decd; overflow: hidden; cursor:pointer; }
.tab01 li span.here { color: #fff; }
.tab01 li span i { display: inline-block; margin: 15px 70px 0 20px; width: 30px; height: 30px; line-height: 30px; background: #6dad7d; font-size: 24px; text-align: center; font-style: normal;  }
.tab01Cont { display: none; }
.box03 { background: url(../images/title_06.png) 0px 0px no-repeat; width: 980px; height: 664px; display: block; }
.list01 { float: left; width: 216px; margin: 165px 0 0 34px; }
.list01 li { text-align: center; font-size: 16px; color: #000; }
.list01 li img { display: block; border: 2px solid #9e9e9e; margin: 6px auto; }
.box04 { float: left; width: 715px; height: 645px; position: relative; }
.box04 .top { position: absolute; top: 215px; left: 105px; width: 550px; line-height: 24px; color: #fff; }
.box04 .bottom { position: absolute; top: 340px; left: 80px; background: url(../images/title_12.jpg) 0px 0px no-repeat; }
.box04 .bottom a { float: left; width: 110px; height: 120px; display: block; margin-bottom: 13px; }
.box04 .bottom a:hover { background-image: url(../images/title_11.jpg); background-repeat: no-repeat; }
.box04 .bottom a.a01 { margin-left: 57px; }
.box04 .bottom a.a01:hover { background-position: -167px 0px; }
.box04 .bottom a.a02 { margin-left: 54px; width: 130px; }
.box04 .bottom a.a02:hover { background-position: -331px 0px; }
.box04 .bottom a.a03 { margin-left: 39px; }
.box04 .bottom a.a03:hover { background-position: -500px 0px; }
.box04 .bottom a.a04 { margin-left: 82px; }
.box04 .bottom a.a04:hover { background-position: -82px -133px; }
.box04 .bottom a.a05 { margin-left: 61px; }
.box04 .bottom a.a05:hover { background-position: -253px -133px; }
.box04 .bottom a.a06 { margin-left: 63px; }
.box04 .bottom a.a06:hover { background-position: -426px -133px; }
.layer { position: fixed; top: 0; right: 0; bottom: 0; left: 0; background: #fff; z-index: 99999; overflow: auto; width: 100%; height: 100%; filter: progid:DXImageTransform.Microsoft.Alpha(opacity=70); -moz-opacity: .7; opacity: 0.7; }
.layer2 { position: fixed; top: 40%; right: 0; bottom: 0; left: 0; z-index: 999999; overflow: auto; width: 100%; height: auto; }
.box05 { width: 420px; height: 370px; background: #1c94d3; border: 2px solid #252525; margin: 0px auto; }
.box05 h2 { font-size: 24px; line-height: 30px; margin: 0 30px 10px 30px; padding-bottom: 10px; background: url(../images/title_13.png) repeat-x bottom; display: block; color: #fff; font-weight: lighter; }
.close { float: right; display: block; width: 30px; height: 30px; border: 2px solid #282828; border-radius: 15px; font-size: 40px; text-align: center; color: #282828; margin: 5px; }
.close:hover { border: 2px solid #dea532; color: #dea532; }
.box05 p { height: 200px; padding: 0 30px; font-size: 18px; line-height: 28px; color: #fff; display: block; }
.box05 a.dj { float: right; width: 126px; height: 32px; margin-right: 25px; background: #dea532; border: 2px solid #dea532; font-size: 20px; color: #fff; text-align: center; line-height: 32px; border-radius: 10px; }
.box05 a.dj:hover { background: #fff; border: 2px solid #dea532; color: #dea532; }
.box05a { width: 550px; height: 370px; background: #1c94d3; border: 2px solid #252525; margin: 0px auto; }
.box05b { width: 700px; height: 370px; background: #1c94d3; border: 2px solid #252525; margin: 0px auto; }
.wrapper { float: left; width: 980px; height: 360px; }

/* qqshop focus */
#focus { width: 980px; height: 360px; overflow: hidden; position: relative; }
#focus ul { height: 360px; position: absolute; }
#focus ul li { float: left; width: 980px; height: 360px; overflow: hidden; position: relative; }
#focus ul li div { position: absolute; overflow: hidden; }
#focus .btnBg { position: absolute; width: 1200px; height: 20px; left: 0; bottom: 0; }
#focus .btn { position: absolute; width: 685px; height: 10px; padding: 5px 10px 5px 10px; right: 0; bottom: 5px; text-align: righ paddit; display: none; }
#focus .btn span { display: inline-block; _display: inline; _zoom: 1; width: 25px; height: 10px; _font-size: 0; margin-left: 5px; cursor: pointer; background: #fff; }
#focus .btn span.on { background: #fff; }
#focus .preNext { width: 85px; height: 360px; position: absolute; top: 0px; cursor: pointer; }
#focus .pre { left: 0px; background: #000 url(../images/sprite01.png) 20px 130px no-repeat; }
#focus .next { right: 0px; background: #000 url(../images/right.png) 20px 130px no-repeat; }
.fs_01 { font-size: 36px; color: #fff; text-align: center; letter-spacing: 5px; }
.fs_02 { font-size: 15px; line-height: 28px; color: #fff; }
.fs_02 a { color: #fff; }
.fs_02 a:hover { color: #c00; }
.l1_1 { width: 119px; position: fixed; top: 30px; right: 50%; margin-right: -610px; }
*html .l1_1 { position: absolute; bottom: auto; top: expression(eval(document.documentElement.scrollTop)); }
.l7 { position: absolute; width: 119px; right: 50%; margin-right: -610px; }



/* footer */
#footer { width: 100%; line-height: 25px; font-family: SimSun; font-size: 12px; color: #fff; font-weight: normal; text-align: center; padding: 50px 0; }
#footer a { color: #fff; }
#footer p { text-align: center; font-family: SimSun; font-size: 12px; }
#footer address { font-style: normal; text-align: center; color: #fff; font-family: SimSun; font-size: 12px; }