/* css reset */
body, h1, h2, h3, h4, h5, h6, hr, p, blockquote, dl, dt, dd, ul, ol, li, pre, form, fieldset, legend, button, input, select, textarea, th, td, span { margin: 0; padding: 0; }
body, button, input, select, textarea { font: 12px "\5b8b\4f53","微软雅黑","Microsoft Yahei" ,"Arial","tahoma","arial",sans-serif; }
ul, ol, li { list-style: none; }
button, input, select, textarea { font-size: 100%; outline: none; }
em, address, i { font-style: normal; }
a { text-decoration: none; cursor: pointer; color: inherit; }
a:hover { text-decoration:none; border-bottom-color: #ccc; }
img { border: 0; vertical-align: top; display: inline-block; }
table { border-collapse: collapse; border-spacing: 0; }

/*	font	*/
.fs14 { font-size: 14px !important; }
.fs16 { font-size: 16px !important; }
.fs18 { font-size: 18px !important; }
.fs20 { font-size: 20px !important; }
.fs22 { font-size: 22px !important; }

/*	clear	*/
.clr { clear: both; }
.fl { float: left;}
.fr { float: right;}
select { font-family : Trebuchet MS } 

/*1index.html*/
.index-wrap{ width:100%; height:100%; max-width:640px; margin:0 auto; }
.index-wrap .back{ position: fixed; width: 100%; height: 100%; display: block;z-index: -100;}
.index-wrap .index-btn{width:59%; position: fixed; left:19%; top:77%;}
.index-btn a{ display: block;}
.index-btn img{ width:100%;}
.back-frontpage{
    position: fixed;
    top:75%;
    left:5%;
}
.back-frontpage p{
    font-size:16px;
    color:#8a8a8a;
    margin-top:7px;
    font-weight: bold;
}

/*forword.html*/
.forword-wrap{ width:100%; height:100%; max-width:640px; margin:0 auto; }
.forword-wrap .back{ position: fixed; width: 100%; height: 100%; display: block;z-index: -100;}
.forword-wrap .forword-btn{width:59%; position: fixed; left:19%; top:85%;}
.forword-btn a{ display: block;}
.forword-btn img{ width:100%;}

/*catalog.html*/
.catalog-wrap{ width:100%;  max-width:1920px; margin:0 auto; }
.catalog-wrap .back{ position: absolute; top:0; left:0; width: 100%;  display: block;z-index: -100;}
.catalog-wrap .catalog-content{ width:100%; overflow: hidden; position: absolute; top:; left:0;}
.catalog-wrap .catalog-info{ width:100%; margin:0 auto; overflow: hidden;}
.catalog-info img{ width:100%;}
.catalog-wrap .catalog-link{ width:100%; margin:0 auto;}
.catalog-link .catalog-list{ width:100%; text-align: center;}
.catalog-list li{ width:100%; display: inline-block; margin:0px 0px;}
.catalog-list li a{ display: block;}
.catalog-list li img{ width:100%;}

/*nav1.html*/
.nav-top{ width:100%; }
.nav-top img{ width: 100%;}
.nav-wrap{ width:100%; text-align: center; margin:0 auto; margin-top:0x;}
.nav-wrap img{ width:100%; margin:0 0;}
.nav-wrap .last{ width:100%;}

/*nav6.html*/
.nav6-wrap{ width:100%; height:100%; max-width:640px; margin:0 auto; }
.nav6-wrap .back{ position: fixed; width: 100%; height: 100%; display: block;z-index: -100;}
.nav6-wrap .nav6-link{ width:94%; position: fixed; left:3%; top:30%;}
.nav6-link a{ display: block; margin-bottom:20px;}
.nav6-link img{ width:100%;}