@charset "utf-8";

/* Reset 4.2
-----------------------------------------------------------------------------------------------------------*/
html { background-color: #fff; }
body, h1, h2, h3, h4, p, ul, ol, dl, dd, form, textarea, input { margin: 0; }
ul, ol, th, td, input, select { padding: 0; }
ul { list-style: none; }
ol { list-style: inside decimal; }
a { text-decoration: none; }
a:hover { text-decoration: underline; }
a:focus { outline: none; }
em, strong, i { font-style: normal; }
img { vertical-align: top; border: 0; }
input, textarea { outline: none; }
table { border-collapse: collapse; }
section, article, aside, header, footer, nav { display: block; }

/* font */
body, a, input, textarea { font-family: \5FAE\8F6F\96C5\9ED1, Tahoma, Geneva, sans-serif; color: #333; }
body { font-size: 14px; line-height: 1.2; }
input, select, textarea { font-size: inherit; }
h1, h2, h3, h4 { font-weight: 400; font-size: 1em; }

/* parts */
.pr { position: relative; }
.pa { position: absolute; }
.fl { float: left; _display: inline; }
.fr { float: right; _display: inline; }
.bc { margin-left: auto; margin-right: auto; }
.tc { text-align: center; }
.tr { text-align: right; }
.tl { text-align: left; }
.vm { vertical-align: middle; }
.nt { text-indent: -38888px; outline: none; }

.fill { background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAMAAAAoyzS7AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAAZQTFRF////AAAAVcLTfgAAAAF0Uk5TAEDm2GYAAAAMSURBVHjaYmAACDAAAAIAAU9tWeEAAAAASUVORK5CYII=) repeat 0 0; }

.ellipsis { text-overflow: ellipsis; white-space: nowrap; overflow: hidden; }

.clearfix:after { content: "."; clear: both; display: block; height: 0; visibility: hidden; }
.clearfix { *zoom: 1; }

/* Layout
-----------------------------------------------------------------------------------------------------------*/
html { background-color: #000; }
.container, .container .wrapper { background-image: url(bg_main.jpg); background-repeat: no-repeat; }
.container { background-position: center 0; }
.container .wrapper { width: 1000px; height: 1100px; margin: 0 auto; background-position: -460px 0; }

.header { height: 492px; }
.header .logo { top: 19px; left: -169px; cursor: pointer; }
.header .logo img { width: 157px; height: 85px; }
.header .headerNav { top: 393px; left: 350px; width: 300px; }
.header .headerNav .linkHeader { display: block; width: 125px; height: 40px; margin-right: 50px; cursor: pointer; }
.header .headerNav .linkHeader2 { margin-right: 0; } 
.header .headerNav .linkHeader2 .hot { display: block; top: -30px; left: 100px; width: 45px; height: 33px; background: url(hot.png) no-repeat 0 0; }

.main { padding-left: 17px; }
.main .list { width: 970px; }
.main .list .listOp { display: block; width: 161px; height: 204px; margin: 0 40px 38px 0; background-image: url(listOption.png); background-repeat: no-repeat; cursor: pointer; }
.main .list .op1 { background-position: 0 0; }
.main .list .op2 { background-position: -161px 0; }
.main .list .op3 { background-position: -322px 0; }
.main .list .op4 { background-position: -483px 0; }
.main .list .op5 { background-position: -644px 0; margin-right: 0; }
.main .list .op6 { background-position: -805px 0; }
.main .list .op7 { background-position: -966px 0; }
.main .list .op8 { background-position: -1127px 0; }
.main .list .op9 { background-position: -1288px 0; }
.main .list .op0 { background-position: -1449px 0; margin-right: 0; }
.main .list .op1:hover { background-position: 0 -225px; }
.main .list .op2:hover { background-position: -161px -225px; }
.main .list .op3:hover { background-position: -322px -225px; }
.main .list .op4:hover { background-position: -483px -225px; }
.main .list .op5:hover { background-position: -644px -225px; }
.main .list .op6:hover { background-position: -805px -225px; }
.main .list .op7:hover { background-position: -966px -225px; }
.main .list .op8:hover { background-position: -1127px -225px; }
.main .list .op9:hover { background-position: -1288px -225px; }
.main .list .op0:hover { background-position: -1449px -225px; }
.main .QRCodeArea { display: none; top: 7px; left: 171px; width: 185px; height: 185px; padding-left: 20px; background: url(bg_QRCode.png) no-repeat 0 0; }
.main .QRCodeArea img { width: 185px; height: 185px; }
.main .op0:hover .QRCodeArea { display: block; }

/* footer */
.footer { min-width: 1000px; padding: 25px 0 15px; }
.footer p, .footer a { padding: 3px 0; font-size: 12px; color: #363636; }
.footer a { margin: 0 5px; }

/* Layer
-----------------------------------------------------------------------------------------------------------*/
.popupLayer { display: none; width: 828px; height: 384px; background: url(bg_layer.png) no-repeat 0 0; }
.popupLayer .closeLayer { display: block; top: 4px; left: 746px; width: 24px; height: 24px; z-index: 99; cursor: pointer; }

.cont { width: 500px; margin: 0 auto; padding-top: 40px; }
.cont .title { margin-bottom: 40px; font-size: 22px; color: #f00; font-weight: 600; }
.cont .contLayerL, .contLayerR { width: 240px; font-size: 14px; }
.cont .contLayerL { margin-right: 30px; }
.cont .contArea { margin-bottom: 20px; }
.cont .titleCont { width: 230px; height: 21px; margin-bottom: 3px; padding-left: 5px; color: #fff; line-height: 21px; font-weight: 600; border-radius: 10px; background-color: #f00; }
.cont .detailCont { margin-left: 5px; color: #000; }
.cont .imgArea .titleCont { margin-bottom: 10px; }
.cont .imgArea .imgBorder1, .cont .imgArea .imgBorder2 { display: block; width: 94px; height: 94px; background: url(imgBorder.png) no-repeat 0 0; }
.cont .imgArea .imgBorder1 { top: 31px; left: 4px; }
.cont .imgArea3 .imgBorder2 { top: 136px; left: 4px; }
.cont .imgArea3 .imgBorder3 { display: block; top: 31px; left: 115px; width: 117px; height: 199px; background: url(imgBorder.png) no-repeat -94px 0; }
.cont .imgArea2 .imgBorder1 { top: 81px; left: 15px; }
.cont .imgArea2 .imgBorder2 { top: 81px; left: 124px; }
.cont .imgArea3 .imgS { width: 94px; height: 94px; margin-bottom: 11px; margin-left: 4px; }
.cont .imgArea3 .imgL { width: 117px; height: 199px; margin-right: 8px; }
.cont .imgArea2 .imgS { width: 94px; height: 94px; margin-top: 50px; margin-left: 15px; }
.cont .arrow span { display: block; top: 160px; width: 66px; height: 65px; cursor: pointer; }
.cont .arrow-next span { left: 0; }
.cont .arrow-prev span { right: 0; }

/* mask */
.jz-mask, .jz-mask iframe, .jz-mask div { z-index: 10000; position: absolute; top: 0; left: 0; width: 100%; height: 100%; }
.jz-mask iframe { opacity: 0; filter: alpha(opacity=0); }
.jz-mask .jz-mask-opacity { background-color: #000; }