@charset "utf-8";



/*



*	****************************************



*	*           public style               



*	****************************************



*/





/*clearifx*/



.clearfix:after {

    clear: both;

    display: block;

    visibility: hidden;

    height: 0;

    line-height: 0;

    content: '';

}



.clearfix {

    zoom: 1;

}





/*use frequently*/



.fl {

    float: left !important;

}



.fr {

    float: right !important;

}



.tl {

    text-align: left;

}



.tc {

    text-align: center;

}



.tr {

    text-align: right;

}



.bgn {

    background: none !important;

}



.bdn {

    border: none !important;

}



.te {

    overflow: hidden;

    text-overflow: ellipsis;

    white-space: nowrap;

}



.fe {

    font-family: Arial;

}



.marr0 {

    margin-right: 0 !important;

}



.wdn {

    display: none;

}



.more {

    display: block;

    width: 120px;

    height: 36px;

    font-size: 14px;

    color: #fff;

    line-height: 36px;

    text-align: center;

    margin: 3.125% auto 0 auto;

    background: #065aba;

    border-color: #065aba;

    text-transform: uppercase;

}



.more:active {

    background: #b1181f;

}





/*public layout*/



html,

body {

    height: 100%;

}



body {

    background: #ccc;

    font-size: 14px;

    font-family: '微软雅黑';

    -webkit-tap-highlight-color: transparent;

    -webkit-user-select: none;

    height: 100%;

}



.wrap {

    margin: 0 auto;

    width: 100%;

    max-width: 640px;

    min-width: 320px;

    background: #fff;

    position: relative;

    overflow-x: hidden;

    padding-bottom: 70px;

}



#wrap {

    width: 100%;

    position: relative;

}



#nav {

    width: 68.75%;

    min-height: 100%;

    position: absolute;

    left: 100%;

    top: 0;

    z-index: 99;

    background: #fbfbfb;

}



#nav .mask {

    width: 12px;

    height: 100%;

    position: absolute;

    left: 0;

    z-index: 100;

    background: url('../images/public/shadow.png') left top repeat-y;

}



#mask {

    width: 100%;

    height: 100%;

    left: 0;

    position: absolute;

    z-index: 101;

    display: none;

}





/*nav*/



#navSwitch {

    width: 41px;

    height: 60px;

    position: absolute;

    top: 0;

    right: 0;

    font-size: 0;

    -webkit-transition: all ease-in-out 0.6s;

    -o-transition: all ease-in-out 0.6s;

    transition: all ease-in-out 0.6s;

    cursor: pointer;

}



#navSwitch span {

    display: block;

    position: absolute;

    width: 19px;

    height: 2px;

    background: #000;

    left: 11px;

    -webkit-transition: all ease-in-out 0.6s;

    -o-transition: all ease-in-out 0.6s;

    transition: all ease-in-out 0.6s;

}



#navSwitch p {

    display: block;

    height: 2px;

    background: #000;

    width: 19px;

    margin-top: 29px;

    margin-left: 11px;

    -webkit-transition: all ease-in-out 0.6s;

    -o-transition: all ease-in-out 0.6s;

    transition: all ease-in-out 0.6s;

}



#navSwitch span.s1 {

    top: 22px;

}



#navSwitch span.s3 {

    bottom: 22px;

}



#navSwitch:active {

    background: #065aba;

}



#navSwitch.hover {

    background: #065aba;

}



#navSwitch.hover .s1 {

    -webkit-transform-origin: left bottom;

    -moz-transform-origin: left bottom;

    -ms-transform-origin: left bottom;

    -o-transform-origin: left bottom;

    transform-origin: left bottom;

    transform: rotate(45deg);

    -ms-transform: rotate(45deg);

    -webkit-transform: rotate(45deg);

    -o-transform: rotate(45deg);

    -moz-transform: rotate(45deg);

    background: #fff;

    left: 13px;

}



#navSwitch.hover .s3 {

    -webkit-transform-origin: left top;

    -moz-transform-origin: left top;

    -ms-transform-origin: left top;

    -o-transform-origin: left top;

    transform-origin: left top;

    transform: rotate(-45deg);

    -ms-transform: rotate(-45deg);

    -webkit-transform: rotate(-45deg);

    -o-transform: rotate(-45deg);

    -moz-transform: rotate(-45deg);

    background: #fff;

    left: 13px;

}



#navSwitch.hover p {

    width: 0;

    background: #fff;

    margin-left: 13px;

}





/*search*/



#nav .search {

    margin-top: 4.5%;

    margin-left: 4.5%;

    width: 91%;

    background: #f7f7f7;

    border: 1px solid #ccc;

    height: 34px;

}



#nav .search input[type=text] {

    display: block;

    height: 34px;

    border: none;

    background: none;

    padding: 0 5px;

    font-size: 14px;

    color: #333;

    float: left;

    width: 85%;

    font-family: '微软雅黑';

}



#nav .search input[type=submit] {

    display: block;

    float: right;

    width: 15%;

    height: 34px;

    background: url('../images/public/search.png') center right no-repeat;

    border: none;

    border-right: 5px transparent solid;

}



#nav a.home {

    display: block;

    margin-top: 4.5%;

    padding-left: 4%;

    height: 50px;

    font-size: 16px;

    color: #065aba;

    line-height: 50px;

    text-transform: uppercase;

}



#mainNav>li {

    font-size: 16px;

    border-bottom: 1px solid #cccccc;

    position: relative;

    background: #f1f1f1;

}



#mainNav>li>a {

    height: 45px;

    display: block;

    padding: 0 45px 0 4%;

    height: 45px;

    line-height: 45px;

    font-size: 16px;

    color: #666;

    text-transform: uppercase;

}



#mainNav>li>span {

    position: absolute;

    display: block;

    font-size: 0;

    right: 0;

    top: 0;

    width: 45px;

    height: 45px;

    border-left: 1px solid #ccc;

    border-right: 1px solid #ccc;

    background: url('../images/public/arrowB.png') center center no-repeat;

}



#mainNav li.hover>span {

    background-image: url('../images/public/arrowW.png');

}



#mainNav span.r180 {

    transform: rotate(180deg);

    -ms-transform: rotate(180deg);

    -webkit-transform: rotate(180deg);

    -o-transform: rotate(180deg);

    -moz-transform: rotate(180deg);

}



#mainNav>li:active,

#mainNav>li.hover {

    background: #065aba;

}



#mainNav>li:active>a,

#mainNav>li.hover>a {

    color: #fff;

}





/*二级*/



#mainNav>li>ul {

    display: none;

}



#mainNav>li>ul>li {

    position: relative;

}



#mainNav>li>ul>li>a {

    background: #dedede;

    height: 45px;

    display: block;

    font-size: 14px;

    color: #666;

    line-height: 45px;

    padding: 0 9% 0 4%;

    border-top: 1px solid #cccccc;

}



#mainNav>li>ul>li>span {

    position: absolute;

    display: block;

    font-size: 0;

    right: 0;

    top: 0;

    width: 45px;

    height: 45px;

    border-left: 1px solid #ccc;

    border-right: 1px solid #ccc;

    background: url('../images/public/arrowB.png') center center no-repeat;

}





/*三级*/



#mainNav>li>ul>li>ul {

    background: #dedede;

    display: none;

    border-top: 1px solid #ccc;

    padding-top: 10px;

    padding-bottom: 10px;

}



#mainNav>li>ul>li>ul>li {

    height: 30px;

}



#mainNav>li>ul>li>ul>li>a {

    height: 30px;

    line-height: 30px;

    display: block;

    color: #666;

    font-size: 14px;

    padding: 0 9% 0 12%;

}





/**********public footer**********/



#footer {

    width: 100%;

    height: 70px;

    background: #065aba;

    position: fixed;

    bottom: 0;

    left: 0;

    z-index: 800;

}



#footer a {

    display: block;

    padding-top: 13px;

    width: 25%;

    height: 70px;

    float: left;

    background: url(../images/public/footer.png) right center no-repeat;

    overflow: hidden;

}



#footer a img {

    display: block;

    height: 24px;

    margin: 0 auto;

}



#footer a p {

    text-align: center;

    font-size: 13px;

    color: #fff;

    line-height: 28px;

}



#slideup {

    background: url('../images/public/slideup.png') center center no-repeat;

    float: right;

    width: 40px;

    height: 40px;

    bottom: 70px;

    right: 0;

    cursor: pointer;

    z-index: 100;

    position: absolute;

    display: none;

}





/*pageSwitch*/



#pageSwitch {

    margin-top: 5%;

    overflow: hidden;

}



#pageSwitch a {

    display: block;

    width: 49%;

    background: #065aba;

    padding: 0 4%;

    height: 70px;

    overflow: hidden;

}



#pageSwitch a h5 {

    font-size: 18px;

    line-height: 18px;

    color: #fff;

    padding-top: 15px;

    text-transform: uppercase;

}



#pageSwitch a h6 {

    margin-top: 8px;

    font-size: 14px;

    line-height: 14px;

    color: #fff;

    padding-bottom: 15px;

}



#pageSwitch a:active {

    background: #b1181f;

}



#pageSwitch .none {

    display: block;

    width: 49%;

    background: #e5e5e5;

    padding: 0 4%;

}



#pageSwitch .none h5 {

    font-size: 18px;

    line-height: 70px;

    color: #999;

    height: 70px;

    overflow: hidden;

}