@charset "utf-8";

/* Rest
-----------------------------------------------------------------------------------------------------------*/
body, h1, h2, h3, p, ul, ol { margin: 0; }
ul, ol { list-style: none; padding: 0; }
a { text-decoration: none; }
a:hover { text-decoration: underline; }
img { border: 0; }
section, article, aside, header, footer, nav { display: block; }

/* Font
-----------------------------------------------------------------------------------------------------------*/
body { font: 12px/1.6 \5FAE\8F6F\96C5\9ED1, Tahoma, Geneva, sans-serif; }
h1, h2, h3 { font-weight: 400; font-size: 100%; }

/* Pendant
-----------------------------------------------------------------------------------------------------------*/
.pr { position: relative; }
.pa { position: absolute; }
.fl {float: left; _display: inline;}
.fr {float: right; _display: inline;}
.clearfix:after {content: "."; clear: both; display: block; height: 0; visibility: hidden;}
.clearfix {*zoom: 1;}
.bc { margin-left: auto; margin-right: auto; }
.tc { text-align: center; }
.nt { text-indent: -38888px; outline: none; }

/* Layout
-----------------------------------------------------------------------------------------------------------*/
html {background-color: #090201;}

.part, .part .wrap {background-repeat: no-repeat;}
.part { background-color: #150701; background-position: center 0; }
.part .wrap { width: 1000px; padding-bottom: 50px; background-position: -460px 0;}
.part h2 { height: 258px; }

/* header */
.header, .header .wrap {background-image: url(header-bg.jpg);}
.header .wrap { height: 604px; padding-bottom: 0; }
.header h1 { top: 16px; left: 388px; }
.header h1 a { display: block; width: 232px; height: 124px; }

.header-menu, .header-menu a { color: #fff; }
.header-menu { top: 1em; right: 1em; }
.header-menu a { *display: inline-block; margin: 0 4px; }

.header-nav { top: 368px; }
.header-nav a { display: block; width: 226px; height: 63px; }
.header-nav .row1 {top: 0;}
.header-nav .row2 {top: 31px;}
.header-nav .row3 {top: 110px;}
.header-nav .col1 { left: 8px; }
.header-nav .col2 { left: 144px; }
.header-nav .col3 { left: 389px; }
.header-nav .col4 { left: 634px; }
.header-nav .col5 { left: 767px; }

.header-nav a:hover { background: url(header-nav-hover.png) no-repeat 0 0; }
.header-nav .m1:hover { background-position: 0 0; }
.header-nav .m2:hover { background-position: 0 -63px; }
.header-nav .m3:hover { background-position: 0 -126px; }
.header-nav .m4:hover { background-position: 0 -189px; }
.header-nav .m5:hover { background-position: 0 -252px; }

/* footer */
.footer, .footer a { color: #645e56; }
.footer { width: 1000px; margin: 0 auto; padding: 24px 0; }
.footer p { margin: 2px 0; }

/* main */
.part1, .part1 .wrap { background-image: url(part1-bg.jpg); }
.part1 .contrast div, .part1 .contrast li, .part1 .contrast li img { width: 920px; height: 291px; }
.part1 .contrast div { overflow: hidden; }
.part1 .contrast ul { top: 0; left: 0; }
.part1 .contrast i { top: 0; width: 27px; height: 291px; background: url(part1-arrow.png) no-repeat 0 0; cursor: pointer; }
.part1 .contrast .prev { left: 5px; background-position: 0 0; }
.part1 .contrast .next { right: 5px; background-position: -27px 0; }

.part2, .part2 .wrap { background-image: url(part2-bg.jpg); }
.part2 .wrap { height: 558px; }

.part3, .part3 .wrap { background-image: url(part3-bg.jpg); }
.part3 .wrap { height: 549px; }
.part3 ul { left: 0; top: 192px; width: 422px; }
.part3 ul i { display: block; height: 190px; background: url(part3-tag.png) no-repeat 0 0; cursor: pointer; }
.part3 ul .m1 { width: 188px; background-position: 0 0; }
.part3 ul .m2 { width: 234px; background-position: -188px 0; }
.part3 ul .m3 { width: 207px; background-position: 0 -190px; }
.part3 ul .m4 { width: 215px; background-position: -207px -190px; }
.part3 ul .current .m1 { background-position: -422px 0; }
.part3 ul .current .m2 { background-position: -610px 0; }
.part3 ul .current .m3 { background-position: -422px -190px; }
.part3 ul .current .m4 { background-position: -629px -190px; }
.part3 p { display: none; left: 409px; top: 258px; }

.part4, .part4 .wrap { background-image: url(part4-bg.jpg); }
.part4 p { width: 533px; height: 260px; background-color: #000; margin-left: 183px; color: #fff; }
.part4 ul { top: 238px; left: 0; }
.part4 ul a { display: block; width: 175px; height: 95px; background: url(part4-tag.png) no-repeat 0 0; }
.part4 ul .m1 { background-position: 0 0; }
.part4 ul .m2 { background-position: 0 -95px; }
.part4 ul .m3 { background-position: 0 -190px; }
.part4 ul .current .m1 { background-position: -175px 0; }
.part4 ul .current .m2 { background-position: -175px -95px; }
.part4 ul .current .m3 { background-position: -175px -190px; }

.part5, .part5 .wrap { background-image: url(part5-bg.jpg); }
.part5 .wrap { height: 921px; padding-bottom: 0; }
.part5 p, .part5 img { width: 705px; height: 397px; }
.part5 p { margin: 5px 0 0 11px; background-color: #000; color: #fff; cursor: pointer; }

/* float nav */
.float-nav, .float-nav a:hover { background: url(float-nav.png) no-repeat 0 0; }
.float-nav { display: none; position: fixed; _position: absolute; top: 0; right: 40px; width: 181px; height: 272px; padding: 7px 11px 0 7px; }
.float-nav li { margin-bottom: 3px; }
.float-nav a { display: block; height: 50px; }
.float-nav .m1:hover { background-position: -199px -7px; }
.float-nav .m2:hover { background-position: -199px -60px; }
.float-nav .m3:hover { background-position: -199px -113px; }
.float-nav .m4:hover { background-position: -199px -166px; }
.float-nav .m5:hover { background-position: -199px -219px; }