html { font-size: 62.5%; }
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, code, input, form, fieldset, legend,
textarea, p, blockquote, th, td, hr, span, strong, img, em, object, option, select { margin: 0; padding: 0; }
* { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
body { font-size: 14px; font-family: "Microsoft Yahei","微软雅黑"; line-height: 1.42857143; }
a { text-decoration: none; }
img { vertical-align: middle; }
ul li { list-style: none; }
.clear { clear: both; }
table { font-size: 14px; }
/*body { text-align: center; margin: 0px; }*/

/*.layer { margin: auto; overflow: hidden; }
.part { float: left; text-align: left; overflow: hidden; }*/

/*********************页面框架样式开始**********************/
/*.wapper { width: 100%; height: auto; }*/
.wapper { width: 100%; }
    .wapper > .part > .layout { margin: 0 auto; float: none; }
.part { position: relative; display: inline-block; }
.layout { /*border: solid 1px white; padding: 0 4px 0 0;*/ float: left; }
    .layout:last-child { padding: 0 0 0 0px; }

/*********************页面框架样式结束**********************/


.navbarlist li { list-style-type: none; }
.navbarlist a { color: white; text-decoration: none; }

.wapper > .part { transition: all 0.25s; -webkit-transition: all 0.25s; -moz-transition: all 0.25s; -o-transition: all 0.25s; }
.wapper .navmenushow { display: block; left: -15rem; top: 0; }
.wapper .navbarlist a { transform: translateX(-15rem); -webkit-transform: translateX(-15rem); -ms-transform: translateX(-15rem); -moz-transform: translateX(-15rem); -o-transform: translateX(-15rem); transition: all 0.4s; -webkit-transition: all 0.4s; -moz-transition: all 0.4s; -o-transition: all 0.4s; }
.wapper > .part.active .navbarlist a { opacity: 1; transform: translateX(0); -webkit-transform: translateX(0); -ms-transform: translateX(0); -moz-transform: translateX(0); -o-transform: translateX(0); }
.wapper > .part.active { transform: translateX(15rem); -webkit-transform: translateX(15rem); -ms-transform: translateX(15rem); -moz-transform: translateX(15rem); -o-transform: translateX(15rem); }
    .wapper > .part.active .navbarlist li:nth-child(1) a { transition-delay: 0.08s; -webkit-transition-delay: 0.08s; -moz-transition-delay: 0.08s; -o-transition-delay: 0.08s; }
    .wapper > .part.active .navbarlist li:nth-child(2) a { transition-delay: 0.16s; -webkit-transition-delay: 0.16s; -moz-transition-delay: 0.16s; -o-transition-delay: 0.16s; }
    .wapper > .part.active .navbarlist li:nth-child(3) a { transition-delay: 0.24s; -webkit-transition-delay: 0.24s; -moz-transition-delay: 0.24s; -o-transition-delay: 0.24s; }
    .wapper > .part.active .navbarlist li:nth-child(4) a { transition-delay: 0.32s; -webkit-transition-delay: 0.32s; -moz-transition-delay: 0.32s; -o-transition-delay: 0.32s; }
    .wapper > .part.active .navbarlist li:nth-child(5) a { transition-delay: 0.40s; -webkit-transition-delay: 0.40s; -moz-transition-delay: 0.40s; -o-transition-delay: 0.40s; }
    .wapper > .part.active .navbarlist li:nth-child(6) a { transition-delay: 0.48s; -webkit-transition-delay: 0.48s; -moz-transition-delay: 0.48s; -o-transition-delay: 0.48s; }
a, button, input { -webkit-tap-highlight-color: rgba(255,0,0,0); -webkit-tap-highlight-color: transparent; }