body { font-family:Microsoft YaHei; margin: 0; padding: 0; font-size: 16px; background: #282828; line-height: 28px; color: #c9ccce; font-weight: lighter; }
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; font-weight: lighter; }
img { display: block; }

/* Á´½ÓÑÕÉ« */
a { text-decoration: none; color: #c9ccce; }
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: 30px; }
/* 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/bg.jpg) repeat-y center; }
.nav a { color: #fff; }

.bg01 { background: url(../images/title_01.jpg) no-repeat center top; height: 1096px; }
.bg02 { background: url(../images/title_02.jpg) no-repeat center top; height: 4583px; }
.bg03 { background: url(../images/title_03.jpg) repeat-y center; padding: 30px 0; clear: both;}
.bg03::after { content: '.'; display: block; clear: both; height: 0; visibility: hidden; }

.ww { width: 1200px; margin: 0px auto; clear: both; }
.ww::after { content: '.'; display: block; clear: both; height: 0; visibility: hidden; }

.box01{ float: left; width: 1200px; height: 630px;  }
.box01 a{ float: left; margin: 525px 0 0 885px; width: 191px; height: 58px; background: url(../images/title_04.jpg) 0px 0px no-repeat; display: block;}
.box02{ float: left; padding: 50px 0 0 220px; width: 760px; }
.box03{ float: left; width: 1200px; }
.box03 li{ float: left; width: 330px; padding: 12px 12px 0px 12px; border: 6px #eacc8d solid; background: #fff; height: 366px; margin: 40px 50px 0 0; }
.box03 li div{ width: 330px; height: 220px; overflow: hidden; display: block; }
.box03 li h3{ padding-top: 10px; font-size: 16px; line-height: 22px; color: #0c0e10; text-align: center; font-weight: lighter; }
.box03 li h3 a{ color: #0c0e10; }
.box03 li h3 a:hover{ color: #c00; }
.box03 li span{ padding-top: 6px; font-size: 16px; color: #f04848; display: block; text-align: center; }
.box03 li a.buy{ margin: 5px auto; display: block; width: 128px; height: 34px; font-size: 14px; background: #f04848; color: #fff; line-height: 34px; letter-spacing: 1px; text-align: center; border: 2px #f04848 solid; border-radius: 8px; }
.box03 li a.buy:hover{ border: 2px #f04848 solid; color: #f04848; background: #fff; }
.box03 li.no{ margin: 40px 0 0 0; }


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