@charset "utf-8";
/* Css Reset*/
body,ul,ol,p,li,h1,h2,h3,h4,h5,h6{padding:0px; margin:0px;}
body{text-align:left;font-family:"", Helvetica,STHeiti,Droid Sans Fallback; background:#f5f5f5; font-size:63%;-webkit-text-size-adjust: 100%;-ms-text-size-adjust: 100%;}
li{ list-style:none;}
a,a:visited{text-decoration:none;color:#000}
a{outline:none; -webkit-tap-highlight-color:rgba(0,0,0,0);}
.fl{float:left;}
.fr{float:right;}
.clearfix:after{content:"."; clear:both;height:0px;overflow:hidden;display:block;visibility:hidden;}
.hide{display:none;}
/* common */
.touchOn { background-color: #e8e8e8; }
/*header*/
body>header{overflow:hidden;color:#000;background:-webkit-gradient(linear,0 0,0 100%,from(#3ca9ef),to(#339ee2)); background: -moz-linear-gradient(top,#3ca9ef,#339ee2);}
body>header{box-shadow:0 2px 2px 0 #BABABA;}
.logoBar
 { height: 55px; line-height: 55px; float: left; width: 80%; border-right: #3498d7 1px solid;
    -webkit-box-sizing: border-box;
       -moz-box-sizing: border-box;
            box-sizing: border-box; }
.logoBar .logo{  height: 55px; float: left; }

.logoBar .logo img{  height:45px; width:auto; padding:5px 0 5px 10px; }
.navBtn { height: 55px; line-height: 55px; font-size: 1.2em; float: left; width: 20%; text-align: center; padding-right: 5%; border-left: #3498d7 1px solid; position: relative; 
    -webkit-box-sizing: border-box;
       -moz-box-sizing: border-box;
            box-sizing: border-box; }
.navBtn i { position: absolute; right: 15%; top: 45%; border: 5px solid; border-color: #fff transparent transparent; }
.navBtn i.on { top: 36%; border-color: transparent transparent #fff; }
  /* nav */
    .navArea { clear: both; }
    .navArea a.touchOn { background-color: #12638d; }
    .navArea>nav { background:#fff; border-top: 1px solid #4c83b7; border-bottom: 1px solid #3498d7; overflow: hidden; }
    .navArea>nav a { float: left; width: 25%; text-align: center; line-height: 40px; color: #000; font-size: 1.2em; }
    .navArea>nav a.touchOn { background-color: #12638d; }
	/* active header */
    .active .backlink,
    .active .homelink,
    .active .logoBar,
    .active .footerBar { box-shadow: 0 0 1px 1px #3498d7; }


/*ÁбíÑùʽ */





            user-select: none; }
.cateBtn:active,
.cateBtn.touchOn {
    background: -webkit-gradient(linear,0 0,0 100%,from(#E3E3E3),to(#F5F5F5));
    background:    -moz-linear-gradient(top, #E3E3E3, #F5F5F5); }