@charset "utf-8";
html,body{-webkit-text-size-adjust:none;}

body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,blockquote,img,form{padding:0; margin:0;} 
table,td,tr,th{font-size:12px}
li{list-style-type:none;list-style:none;}
img{vertical-align:top;border:0;}
ol,ul {list-style:none;}
h1,h2,h3,h4,h5,h6 {font-weight:normal;font-style:normal;font-size:12px}
address,cite,code,em,th {font-weight:normal;font-style:normal;}
/* tystyle */
body{height:100%;font-family: Arial,"微软雅黑";font-size:14px;background:#fff;line-height:26px;color:#333;}
a{text-decoration:none; blr:e­xpression(this.onFocus=this.blur());outline-style:none;} /* 针对IE */
a:hover{text-decoration:none;}
a:focus{-moz-outline-style: none; } /*针对firefox*/
a:link,a:visited{color:#333;}
a:hover,a:active{color:#18547f;text-decoration:underline}
.red{color:#18547f;}
a.red:link,a.red:visited{color:#18547f}
a.red:hover{color:#18547f; text-decoration:underline}
.fl{float:left;}
.fr{ float:right;}
.ofh{overflow:hidden;}
.ofv{overflow: visible !important;}
.tof {overflow:hidden;white-space:nowrap;display:block; text-overflow:ellipsis; -o-text-overflow:ellipsis;}
.opa{opacity:0;filter:alpha(opacity=0);}
/* clear */
.cb{clear:both;}
.cb8{clear:both; height:8px;}
.cb10{clear:both; height:10px;}
.clear{clear:both; line-height:0px; font-size:0;visibility: hidden;}
.clear6{_clear:both;_line-height:0px;_font-size:0;_visibility: hidden;}
/* css3 no lte ie8*/
.rad2{border-radius:2px;-moz-border-radius:2px;*-moz-border-radius:2px}
.rad5{border-radius:5px;-moz-border-radius:5px;*-moz-border-radius:5px}
.rad8{border-radius:8px;-moz-border-radius:8px;*-moz-border-radius:8px}
.rad12{border-radius:12px;-moz-border-radius:12px;*-moz-border-radius:12px}
.amn1{transition:all ease-out .1s 0s;-webkit-transition:all ease-out .1s 0s;-moz-transition:all ease-out .1s 0s;-o-transition:all ease-out .1s 0s;}
.amn2{transition:all ease-out .2s 0s;-webkit-transition:all ease-out .2s 0s;-moz-transition:all ease-out .2s 0s;-o-transition:all ease-out .2s 0s;}
.amn3{transition:all ease-out .3s 0s;-webkit-transition:all ease-out .3s 0s;-moz-transition:all ease-out .3s 0s;-o-transition:all ease-out .3s 0s;}
.amn5{transition:all ease-out .5s 0s;-webkit-transition:all ease-out .5s 0s;-moz-transition:all ease-out .5s 0s;-o-transition:all ease-out .5s 0s;}

@-webkit-keyframes spinX
{  
    0%   {-webkit-transform: rotate(0deg); -webkit-transform-origin: 50% 50%;}  
    100% {-webkit-transform: rotate(90deg); -webkit-transform-origin: 50% 50%;}  
}
@keyframes spinX
{  
    0%   {transform: rotate(0deg); transform-origin: 0% 50%;}  
    100% {transform: rotate(90deg); transform-origin: 0% 50%;}  
}

/* 菜单按钮 */
.nav-wapper {
    box-sizing: border-box;
    width: 36px;height: 36px;
    position: absolute;
    right: 10px; top: 22px;
}
.nav-btn{height: 36px;cursor: pointer;position: relative;}
.nav-btn span{margin: auto;}
.nav-btn span,.nav-btn span::before,.nav-btn span::after {
    width: 22px;height: 2px; content: "";
    background: #333; position: absolute; display: inline-block;
    top: 0;bottom: 0;left: 0;right: 0;
    -webkit-transition: height .3s;
    transition: height .3s;    
}
.nav-btn span::before {    
    top: -6px;
    -webkit-transition: -webkit-transform, top .3s;
    transition: transform, top .3s
}
.nav-btn span::after {
    top: 6px;
    -webkit-transition: -webkit-transform, top .3s;
    transition: transform, top .3s
}

.nav-btn.active span {
    -webkit-animation: Hamburger_middleHam_3yACn .4s ease-in-out forwards;
    animation: Hamburger_middleHam_3yACn .4s ease-in-out forwards
}
.nav-btn.active span::before {
    -webkit-animation: Hamburger_topHam_3nX4s .4s ease-in-out forwards;
    animation: Hamburger_topHam_3nX4s .4s ease-in-out forwards
}
.nav-btn.active span::after {
    -webkit-animation: Hamburger_bottomHam_2mekp .4s ease-in-out forwards;
    animation: Hamburger_bottomHam_2mekp .4s ease-in-out forwards
}
@-webkit-keyframes Hamburger_topHam_3nX4s {
    30% {
        top:0
    }
    50% {
        -webkit-transform:rotate(0deg);
        transform:rotate(0deg)
    }
    to {
        top: 0;
        -webkit-transform: rotate(45deg);
        transform: rotate(45deg)
    }
}
@keyframes Hamburger_topHam_3nX4s {
    30% {
        top:0
    }
    50% {
        -webkit-transform:rotate(0deg);
        transform:rotate(0deg)
    }
    to {
        top: 0;
        -webkit-transform: rotate(45deg);
        transform: rotate(45deg)
    }
}
@-webkit-keyframes Hamburger_middleHam_3yACn {
    30% {
    background-color:#000
    }
    50% {
    background-color:transparent
    }
    to {
        background-color: transparent
    }
}
@keyframes Hamburger_middleHam_3yACn {
    30% {
    background-color:#000
    }
    50% {
    background-color:transparent
    }
    to {
        background-color: transparent
    }
}
@-webkit-keyframes Hamburger_bottomHam_2mekp {
    10% {
    top:5px
    }
    30% {
    top:0
    }
    50% {
    -webkit-transform:rotate(0deg);
    transform:rotate(0deg)
    }
    to {
        top: 0;
        -webkit-transform: rotate(-45deg);
        transform: rotate(-45deg)
    }
}
@keyframes Hamburger_bottomHam_2mekp {
    10% {
    top:5px
    }
    30% {
    top:0
    }
    50% {
    -webkit-transform:rotate(0deg);
    transform:rotate(0deg)
    }
    to {
        top: 0;
        -webkit-transform: rotate(-45deg);
        transform: rotate(-45deg)
    }
}