/*reset + public */
*{-moz-box-sizing:border-box;-ms-box-sizing:border-box;-o-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box;}
.contentBox {-moz-box-sizing:content-box;-ms-box-sizing:content-box;-o-box-sizing:content-box;-webkit-box-sizing:content-box;box-sizing:content-box;}
.container{max-width:750px;/*background:#fff;*/margin:0 auto;color:#4d4a5c;overflow:hidden;}
body,h1,h2,h3,h4,h5,h6,hr,p,blockquote,dl,dt,dd,ul,ol,li,pre,form,fieldset,legend,button,input,textarea,th,td,img{border:medium none;list-style-type:none;}
h1,h2,h3,h4,h5,h6{font-weight:normal;}
body,button,input,select,textarea{font-family:'΢ÈíÑźÚ',tahoma,Srial,helvetica,sans-serif;}
*{margin:0;padding:0;}
h1,h2,h3,h4,h5,h6{font-size:100%;}
em{font-style:normal;}ul,ol,{list-style:none;}a{text-decoration:none;}a:hover{text-decoration:none;}
img{border:0px;}body,.ui-overlay-h{margin:0 auto;position:relative;background:#fff;}
a{blr:expression_r(this.onFocus=this.blur())}a{outline:none;}input,img{display:block;}
body,html{margin:0 auto;-webkit-user-select:none;-ms-user-select: none;user-select:none;-webkit-touch-callout: none;}img{border:none;vertical-align:top!important;}
.clearfix:after,.clear:before{display:table;content:'';}
.clearfix:after{clear:both;overflow:hidden;}
.clearfix{zoom:1;}
.translateY {-moz-transform:translateY(-50%);-ms-transform:translateY(-50%);-o-transform:translateY(-50%);-webkit-transform:translateY(-50%);transform:translateY(-50%);top:50%;}
.translateX {-moz-transform:translateX(-50%);-ms-transform:translateX(-50%);-o-transform:translateX(-50%);-webkit-transform:translateX(-50%);transform:translateX(-50%);left:50%;}
.translateXY{transform:translate(-50%,-50%);-webkit-transform:translate(-50%,-50%);-moz-transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);-o-transform:translate(-50%,-50%);left:50%;top:50%;}
.relative,.re{position:relative;}
.absolute,.ab{position:absolute;}
.fl{float:left;display:inline;}
.fr{float:right;display:inline;}
.noPd{padding:0 !important;}
.noMg{margin:0 !important;}
.noBg{background:0 !important;}
.noBd{border:0 !important;}
.iBlock{display: inline-block;vertical-align: middle;}
.borderCir{border-radius: 50%;-webkit-border-radius: 50%;-moz-border-radius: 50%;}
html{font-size:62.5%;-webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%;}
.flex{display: -webkit-box;display: -webkit-flex;display: flex;-webkit-flex-wrap: wrap;flex-wrap: wrap;-webkit-box-pack: justify;box-pack: justify;-webkit-justify-content: space-between;justify-content: space-between; -webkit-box-align:stretch;align-items:stretch;}
/*header + footer*/
.header{width:100%;}
.header .headItem{width:6%;left:4%;top:50%;cursor: pointer;}
.header h1{width:32.8%;}
.header h1 a{width:100%;height:100%;}
.header a{width:6%;right:4%;top:50%;}
footer{width:100%;background:#f2f1f1;}
footer > figure{width:95.2%;margin:0 auto;padding:8.6% 0 7.5%;}
footer >figure a{border-radius: 12px;-webkit-border-radius: 12px;-moz-border-radius: 12px;box-shadow: 0px 0px 48px 0px rgba(157, 0, 55, 0.49);-webkit-box-shadow: 0px 0px 48px 0px rgba(157, 0, 55, 0.49);-moz-box-shadow: 0px 0px 48px 0px rgba(157, 0, 55, 0.49);overflow: hidden;}
.footMap{width:100%;position: relative;}
.footMap a{width:14.4%;position: absolute;display: inline-block;top:66.3%;}
.footMap a.map{left:62.93%;}
.footMap a.about{right:8%;}

.copyRight {width:100%;margin:0 auto 116px;}
.scrollTop { position:fixed; bottom:20%; right:0; width:13%; }

/*popMenus*/
.popMenus {  width: 100%;max-width: 750px; height:100%;position: fixed; left: 0; top: 0; bottom: 0; right: 0; overflow: hidden; background-color: #f2f2f2;-webkit-transition:all .6s ease-out 0s;transition:all .6s ease-out 0s;-webkit-transform:translateX(-100%);-ms-transform:translateX(-100%);transform:translateX(-100%);z-index:200}
.popMenus.show{-webkit-transform:translateX(0);-ms-transform:translateX(0);transform:translateX(0);}
.pop_title { width: 100%; position: relative; z-index: 2; background-color: #f2f2f2; padding: 0 3%; }
.pop_title span { display: inline-block; float: left; font-size: 3rem; line-height: 2.66; color: #999; }
.closePopMenu { display: block; width:6.53%;right: 3%; top: 50%; }
.menuContainer { width: 100%; height: 100%; }
.menuNavs { width: 25.3%; background-color: #f2f2f2; height: 100%; float: left; overflow: hidden; position: relative; }
.menuNavs ul { position: absolute;width:100%;/* Prevent elements to be highlighted on tap */ -webkit-tap-highlight-color: rgba(0,0,0,0); /* Put the scroller into the HW Compositing layer right from the start */
-webkit-transform: translateZ(0); -ms-transform: translateZ(0); transform: translateZ(0); padding-bottom:80px;}
.menuNavs ul li { width: 100%; font-size:2.6rem; line-height: 2.57;background:#f2f2f2; padding-left: 9%; }
.menuNavs ul li.on { background-color:#fff;}
.menuNavs ul a { display: block; width: 100%; height: 100%; color: #999; }
.menuContents {width:74.7%;height:100%;float:left;padding:0 4%;background:#fff;overflow:hidden;}
.menuContent {width:100%;height:100%;overflow:hidden;}
.menuLists {padding-bottom:80px;}
.menuList h4 {font-size:2.4rem;color:#999;line-height:1.83;border-bottom:1px solid #f2f2f2;margin-top:2%;font-weight:normal;}
.menuList  .links {padding:3% 0.5%;}
.menuList  .links a{display:block;float:left;color:#a9a9a9;font-size:2.2rem;line-height:2.2;width:33%;overflow:hidden;}
.newNavs {padding:4% 0; }
.newNavs .newNav {width:25%;}
.newNavs .newNav a {display:block;width:56.8%;margin:0 auto;}
.newNavs .newNav p {font-size:16px;text-align:center;color:#6a7380;line-height:2;}



@media screen and (min-width:320px) and (max-width:374px) {
html{font-size:26.25%;}/*0.42*/
.copyRight {margin:0 auto 48px;}	
footer >figure a{border-radius: 12px;-webkit-border-radius: 5px;-moz-border-radius: 5px;box-shadow: 0px 0px 20px 0px rgba(157, 0, 55, 0.49);-webkit-box-shadow: 0px 0px 20px 0px rgba(157, 0, 55, 0.49);-moz-box-shadow: 0px 0px 20px 0px rgba(157, 0, 55, 0.49);}
}
@media screen and (min-width:375px) and (max-width:409px) {
html{font-size:31%;}/*0.5*/
.copyRight {margin:0 auto 58px;}
footer >figure a{border-radius: 6px;-webkit-border-radius: 6px;-moz-border-radius: 6px;box-shadow: 0px 0px 24px 0px rgba(157, 0, 55, 0.49);-webkit-box-shadow: 0px 0px 24px 0px rgba(157, 0, 55, 0.49);-moz-box-shadow: 0px 0px 24px 0px rgba(157, 0, 55, 0.49);}
}
@media screen and (min-width:410px) and (max-width:479px) {
html{font-size:33%;}/*0.54*/
.copyRight {margin:0 auto 62px;}
footer >figure a{border-radius: 12px;-webkit-border-radius: 6px;-moz-border-radius:6px;box-shadow: 0px 0px 26px 0px rgba(157, 0, 55, 0.49);-webkit-box-shadow: 0px 0px 26px 0px rgba(157, 0, 55, 0.49);-moz-box-shadow: 0px 0px 26px 0px rgba(157, 0, 55, 0.49);}
}
@media screen and (min-width:480px) and (max-width:900px) {
html{font-size:40%;}/*0.64*/
.copyRight {margin:0 auto 74px;}
footer >figure a{border-radius: 8px;-webkit-border-radius: 8px;-moz-border-radius: 8px;box-shadow: 0px 0px 30px 0px rgba(157, 0, 55, 0.49);-webkit-box-shadow: 0px 0px 30px 0px rgba(157, 0, 55, 0.49);-moz-box-shadow: 0px 0px 30px 0px rgba(157, 0, 55, 0.49);}
	
}