body { font-family: Microsoft YaHei; margin: 0; padding: 0; font-size: 16px; background: #282828 url(../images/bg.jpg) repeat-y center; line-height: 26px; color: #c2e3ed; }
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: 16px; font-family: Microsoft YaHei; }
img { display: block; }

/* Á´½ÓÑÕÉ« */
a { text-decoration: none; color: #c2e3ed; }
a:hover { text-decoration: none; color: #C00; }
.fl { float: left; }
.fr { float: right; }
.tc { text-align: center; }
.tr { text-align: right; }
.cl { clear: both; }
.mt_01{ margin-top: 40px; }

/* nav */
.nav { width: 100%; color: #fff; text-align: center; font-size: 12px; height: 40px; line-height: 40px; font-weight: normal; font-family: SimSun; background: url(../images/bg03.jpg) repeat-y; }
.nav a { color: #fff; }
.bg01 { background: url(../images/title_01.jpg) no-repeat center top; height: 357px; }
.bg02 { background: url(../images/bg01.jpg) no-repeat center top; height: 895px; }
.bg02::after { content: '.'; display: block; clear: both; height: 0; visibility: hidden; }
.bg03 { background: url(../images/bg02.jpg) no-repeat center top; height: 745px; }
.ww { width: 1200px; margin: 0px auto; padding-top: 40px; clear: both; }
.ww::after { content: '.'; display: block; clear: both; height: 0; visibility: hidden; }

.fs_01{ background: url(../images/title_02.png) 0px 0px no-repeat; font-size: 26px; color: #48d0e9; padding: 10px 0 30px 65px; }
.fs_01 a{ color: #48d0e9; }
.fs_01 a:hover{ color: #c00; }
.fs_02{ font-size: 20px; color: #fff; }
.fs_02 a{ color: #fff; }
.fs_02 a:hover{ color: #c00; }
.fs_03{ font-size: 14px; }
.fs_04{ line-height: 24px; color: #656565; text-indent: 32px; }
.fs_04 a{ color: #656565; }
.fs_04 a:hover{ color: #c00; }

.tit01{ font-size: 20px; font-weight: lighter; padding-left: 15px; background: url(../images/title_08.jpg) no-repeat left; color: #000; }

.list01{ padding-top: 30px; }
.list01 li{ float: left; width: 238px; margin:0px 53px 0 95px; background: url(../images/title_04.png) 0px 0px no-repeat; }
.list01 li img{ display: block; margin: 9px; width: 220px; height: 260px; }
.list01 li p{ text-align: center; font-size: 14px; line-height: 20px; }
.list01 li p span{ display: block; font-size: 18px; padding: 10px 0 5px 0; }
.list02{ padding:0 25px 0 10px; }
.list02 li{ border-bottom: 1px #b5b5b5 solid; padding: 12px 0; line-height: 22px; font-size: 14px; color: #000;}

.box_01{ float:left; width:680px; background:url(../images/title_06.jpg) repeat-y left; height:570px; overflow-y:auto;}
.box_02{ float:left; width:620px; background:url(../images/title_07.jpg) 0px 0px no-repeat; padding:3px 0 0 30px; color:#404040;}
.box_02 .sj{ float:left; width:55px; line-height:20px;}
.box_02 .tw{ float:left; width:560px; line-height:20px;}
.box_02 .tw div{ padding-bottom:5px;}
.box_02 .tw img{ float:left; margin:10px 0;max-width: 550px;}
.box_03{ float:left; width:400px; padding:10px 0 0 85px; font:normal 26px/32px microsoft yahei; color:#404040;}
.box_03 a{ color: #404040; }
.box_03 a:hover{ color: #c00; }


.wrapper { width: 980px; float:left; }
        /* qqshop focus */#focus { width: 980px; height: 450px; overflow: hidden; position: relative; }
        #focus ul { height: 450px; position: absolute; }
        #focus ul li { float: left; width: 980px; height: 450px; overflow: hidden; position: relative;}
        #focus ul li div { position: absolute; overflow: hidden; }
        #focus .btnBg { position: absolute; width: 960px; height: 20px; left: 0; bottom: 0; background: #000; display: none; }
        #focus .btn { position: absolute; width: 300px; height: 10px; padding: 5px 10px 5px 10px; right: 0; bottom: 5px; text-align: right; 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: 45px; height: 100px; position: absolute; top: 175px; background: url(../images/sprite.png) no-repeat 0 0; cursor: pointer; }
        #focus .pre { left: 20px; }
        #focus .next { right: 20px; background-position: right top; }


/* footer */
#footer { width: 100%; line-height: 25px; font-family: SimSun; font-size: 12px; color: #fff; font-weight: normal; text-align: center; padding: 40px 0; margin-top: 50px; background: url(../images/bg03.jpg) repeat-y center; }
#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; }