/**
 * Topkee Media
 * @author Wu Miao Hui <363539981@qq.com>
 * @link http://wmhfly.com/
 * @date:2013.08.02
 */
html { -webkit-text-size-adjust:none;-ms-text-size-adjust:none;}
body,div,p,h1,h2,h3,h4,h5,h6{margin:0;}
ul,dl,dd{margin:0; padding:0;}
ul li { list-style-type: none;}
input,button{ padding:0; vertical-align:middle; font-size:14px;}
a{ text-decoration:none; color:#707070; }
a:hover {color:#333}
em,strong{ font-style:normal;}
img{ border:0; vertical-align:bottom;}
table{ border-spacing:0; border-collapse:collapse;}
label {cursor:pointer;}
fieldset {border-radius: 5px;}
legend { color:#0046d5;}
.clear:after {visibility: hidden; display: block;font-size: 0; content: '.'; clear: both; height: 0; }
* html .clear {zoom: 1;}
*:first-child+html .clear {zoom: 1;}
.brClear {clear:both;}
.r { text-align:right;}
.c { text-align:center;}
.fl { float:left;}
.fr { float: right;}
.hide {display: none;}
html,body {overflow-x:hidden;}
body { font: 14px/1.5  Arial, Helvetica, sans-serif; color:#120801; background-color:#000;}

/*layout*/
.hd,.bd,.ft{width:800px; margin:0 auto;}

/*header*/
.hd {height:160px; background:url(../images/nav-bg.png) no-repeat;}
.cloudWrap {position:relative;height:160px; overflow:hidden;}
#cloud {left: -800px; top: 50px; position: absolute;}
.nav {margin-top:-160px;position:relative; z-index:2;}
.nav li {float:left;}
.nav li a.s{float:left; width:132px; height:160px; background:url(../images/nav.png) no-repeat;}
.nav li a.s span {display:none;}
.nav li.n0 a.s:hover,.nav li.n0 a.selected { background-position:0 -190px;}
.nav li.n1 a { background-position:-132px 0;}
.nav li.n1 a:hover,.nav li.n1 a.selected {background-position:-132px -190px;}
.nav li.n2 a { background-position:-264px 0;}
.nav li.n2 a:hover,.nav li.n2 a.selected {background-position:-264px -190px;}
.nav li.n3 a { background-position:-396px 0;}
.nav li.n3 a:hover,.nav li.n3 a.selected {background-position:-396px -190px;}
.nav li.n4 a { background-position:-528px 0;}
.nav li.n4 a:hover,.nav li.n4 a.selected {background-position:-528px -190px;}
.nav li.n5 a { background-position:-660px 0;}
.nav li.n5 a:hover,.nav li.n5 a.selected {background-position:-660px -190px;}

.nav li.n3 {position:relative;}
.nav li.n3 .sub {display:none;position:absolute;width:132px; text-align:center; padding-top:5px; top:155px;}
.nav li.n3 .inner {background-color:#311507; padding:8px 0;}
.nav li.n3 .sub a {display:block; color:#ac713f; font-size:16px; padding:3px 0;}
.nav li.n3 .sub a:hover {color:#e0c89c}
.nav li.hover .sub {display:block}

/*body*/
.bd { background:url(../images/bd-bg.jpg) repeat-y; }
.min527 {height: auto !important; height: 527px; min-height: 527px;}
.bg-t { background:url(../images/new-t.png) no-repeat left top}
.bg-b { background:url(../images/new-b.png) no-repeat right bottom}
.title {float:left; padding:30px 20px; background:url(../images/new.png) no-repeat 20px 30px; width:212px; height:207px;}
.con {width:500px; float:right; padding-top:50px; margin-right:20px;}

.about .title { background-image:url(../images/about.png)}

.contact .bg-t { background-image:url(../images/contact-t.png)}
.contact .bg-b { background-image:url(../images/contact-b.png)}
.contact .title { background-image:url(../images/contact.png)}

.history .bg-t { background-image:url(../images/history-t.png)}
.history .bg-b { background-image:url(../images/history-b.png)}
.history .title { background-image:url(../images/history.png)}

.link .bg-t { background-image:url(../images/photo-t.png)}
.link .bg-b { background-image:url(../images/photo-b.png)}
.link .title { background-image:url(../images/link.png)}

.photo .bg-t { background-image:url(../images/photo-t.png)}
.photo .bg-b { background-image:url(../images/photo-b.png)}
.photo .title { background-image:url(../images/photo.png)}

.link .con {width:540px; margin-right:0;}
.list li { float:left; width:180px;}
.list li p {padding:10px 0 20px;}
.list li a {color:#222}
.slist li {width:250px;}

.page {padding:20px 0; margin-right:30px;}
.pagelist {text-align:center;}
.pagelist a,.pagelist span {padding:0 5px;}
.pagelist span.not {color:#854d21}
.pagelist a.current {color:#222}

/*footer*/
.ft {padding:10px 0 50px}
.ft p {color:#854d21}
.ft span.lang {float:right;color:#854d21;font-size:12px;}
.ft span.lang a {display:inline-block; padding:0 5px; color:#854d21}
.ft span.lang a:hover {color:red}

/*en*/
.en .nav li a.s { background-image:url(../images/e_nav.png)}
.en .title {background-image:url(../images/e_new.png); background-position:50px 55px;}
.en .about .title {background-image:url(../images/e_about.png);}
.en .history .title {background-image:url(../images/e_history.png);}
.en .photo .title {background-image:url(../images/e_photo.png);}
.en .link .title {background-image:url(../images/e_link.png);}
.en .contact .title {background-image:url(../images/e_contact.png);}

/*th*/
.th .nav li a.s { background-image:url(../images/t_nav.png)}
.th .nav li.n2 a.s {width:240px;}
.th .nav li.n3 a.s {width:100px; background-position:-500px 0;}
.th .nav li.n3 a.s:hover,.th .nav li.n3 a.selected {background-position:-500px -190px;}
.th .nav li.n4 a.s {width:80px; background-position:-600px 0;}
.th .nav li.n4 a.s:hover,.th .nav li.n4 a.selected {background-position:-600px -190px;}
.th .nav li.n5 a.s {width:100px; background-position:-688px 0;}
.th .nav li.n5 a.s:hover,.th .nav li.n5 a.selected {background-position:-688px -190px;}
.th .title {background-image:url(../images/t_new.png); background-position:50px 55px;}
.th .about .title {background-image:url(../images/t_about.png);}
.th .history .title {background-image:url(../images/t_history.png);}
.th .photo .title {background-image:url(../images/t_photo.png);}
.th .link .title {background-image:url(../images/t_link.png);}
.th .contact .title {background-image:url(../images/t_contact.png);}