/* 清除内外边距 */
body, h1, h2, h3, h4, h5, h6, hr, p, blockquote, /* structural elements 结构元素 */
dl, dt, dd, ul, ol, li, /* list elements 列表元素 */
pre, /* text formatting elements 文本格式元素 */
fieldset, lengend, button, input, textarea, /* form elements 表单元素 */
th, td { /* table elements 表格元素 */
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}

/* 设置默认字体 */
body,
button, input, select, textarea { /* for ie */
    /*font: 12px/1 Tahoma, Helvetica, Arial, "宋体", sans-serif;*/
    font-family: "微软雅黑",sans-serif, inherit; /* 用 ascii 字符表示，使得在任何编码下都无问题 */
    font-size: 0.12rem;
}

h1 { font-size: 18px; /* 18px / 12px = 1.5 */ }
h2 { font-size: 16px; }
h3 { font-size: 14px; }
h4, h5, h6 { font-size: 100%; }

address, cite, dfn, em, var { font-style: normal; } /* 将斜体扶正 */
code, kbd, pre, samp, tt { font-family: "Courier New", Courier, monospace; } /* 统一等宽字体 */
small { font-size: 12px; } /* 小于 12px 的中文很难阅读，让 small 正常化 */

/* 重置列表元素 */
ul, ol { list-style: none; }

/* 重置文本格式元素 */
a { text-decoration: none; }
a:hover { text-decoration: underline; }

abbr[title], acronym[title] { /* 注：1.ie6 不支持 abbr; 2.这里用了属性选择符，ie6 下无效果 */
    border-bottom: 1px dotted;
    cursor: help;
}

q:before, q:after { content: ''; }

/* 重置表单元素 */
legend { color: #000; } /* for ie6 */
fieldset, img { border: none; } /* img 搭车：让链接里的 img 无边框 */
/* 注：optgroup 无法扶正 */
button, input, select, textarea {
    font-size: 100%; /* 使得表单元素在 ie 下能继承字体大小 */
}

/* 重置表格元素 */
table {
    border-collapse: collapse;
    border-spacing: 0;
}

/* 重置 hr */
hr {
    border: none;
    height: 1px;
}

/* 让非ie浏览器默认也显示垂直滚动条，防止因滚动条引起的闪烁 */
html { overflow-y: scroll; }
/*超出内容显示省略号*/
.ellipsis{ max-width: 100%; white-space: nowrap; text-overflow:ellipsis; overflow:hidden; }
/*清除浮动*/
.clearfix { *zoom: 1; }
.clearfix:before,
.clearfix:after { display: table; line-height: 0; content: ""; }
.clearfix:after { clear: both; }

#app{
    width: 100%;overflow: hidden;position: relative;background: #252525;
}
#leftNav{
    width: 207px;position: absolute;top: 0;
    /*left: 0;*/
    left: -207px;
}
#appMain{
    width: 100%;position: relative;background: #fff;
}
.leftNavTit{
    height: 29px;background: #333;font: 14px/29px "微软雅黑";color: #777;text-indent: 10px;
}
.leftNavList>li>a{
    height: 36px;background: #252525;font: 16px/36px "微软雅黑";color: #fff;display: block;border-bottom: 1px solid #000;text-indent: 10px;position: relative;text-decoration: none;
}
.leftNavList>li .iconfont{
    width: 12px;height: 7px;position: absolute;right: 12px;top: 0;bottom: 0;margin: auto;transform: rotate(90deg);transition: .2s;
}
.leftNavList .subNav{
    display: none;
}
.leftNavList .subNav li{
    height: 37px;border-bottom: 1px solid #000;
}
.leftNavList .subNav li a{
    display: block;width: 100%;height: 100%;font: 16px/37px "微软雅黑";color: #fff;text-indent: 25px;background: #333;
}
/*top start*/
.topWrap{
    height: 35px;background: #0041a6;
}
.topL{
    float: left;font-size: 0;margin-top: 4px;
}
.topL a{
    display: inline-block;width: 75px;height: 26px;font-size: 14px;line-height: 26px;color: #ffffff;text-align: center;margin-right: 5px;
}
.topL a:first-child{
    background: #3972cc;
}
.topL a:nth-child(2){
    background: #00b8d4;
}
.topL a:nth-child(3){
    background: #2262c6;
}
.topL a:nth-child(4){
    background: #2ec4b6;
}
.topS{
    float: right;margin-top: 5px;overflow: hidden;
}
.topS input{
    border: 1px solid #bfbfbf;width: 134px;height: 24px;background: #fff;float: left;margin-right: 5px;
}
.topS .topSBtn{
    float: left;height: 24px;width: 31px;background: #bfbfbf;border: none;line-height: 24px;text-align: center;
}
.topR{
    float: right;line-height: 35px;font-size: 14px;color: #fff;margin-right: 22px;
}
.topR a{
    color: #fff;
}
@media (max-width: 992px){
    .topWrap{
        display: none;
    }
}
@media (min-width: 992px){
    .top{
        height: 100%;margin: 0 auto;width: 992px;
    }
}
@media (min-width: 1200px){
    .top{
        height: 100%;margin: 0 auto;width: 1200px;
    }
}
/*top end*/
/*header start*/
@media (max-width: 767px) {
    .headWrap{
        height: 60px;background: url("../images/header_bg.jpg") no-repeat center/cover;
    }
    .header{
        height: 100%;width: 100%;margin: 0 auto;overflow: hidden;
    }
    .logoWrap{
        float: left;margin-top: 10px;margin-left: 13px;
    }
    .logoWrap img{
        width: 180px;
    }
    .logoWrap h1{
        height: 0;width: 0;overflow: hidden;text-indent: -9999px;
    }
    .slogan{
        display: none;
    }
    .searchBtn,.menuBtn{
        width: 22px;height: 22px;float: right;margin-left: 15px;margin-top: 18px;background: url("../images/icon.png") no-repeat;
        background-size: 350px;
    }
    .searchBtn{
        background-position: -23px -14px;
    }
    .menuBtn{
        background-position: -105px -12px;margin-right: 16px;
    }
}
@media (min-width: 768px) {
    .searchBtn,.menuBtn{
        display: none;
    }
    .headWrap{
        height: 190px;background: url("../images/header_bg.jpg") no-repeat center/cover;
    }
    .header{
        height: 100%;width: 768px;margin: 0 auto;overflow: hidden;
    }
    .logoWrap{
        float: left;margin-top: 52px;
    }
    .logoWrap h1{
        height: 0;width: 0;overflow: hidden;text-indent: -9999px;
    }
    .slogan{
        display: none;
    }
}
@media (min-width: 992px) {
    .searchBtn,.menuBtn{
        display: none;
    }
    .headWrap{
        height: 190px;background: url("../images/header_bg.jpg") no-repeat center/cover;
    }
    .header{
        height: 100%;width: 992px;margin: 0 auto;overflow: hidden;
    }
    .logoWrap{
        float: left;margin-top: 52px;
    }
    .logoWrap h1{
        height: 0;width: 0;overflow: hidden;text-indent: -9999px;
    }
    .slogan{
        float: right;display: block;margin-top: 50px;
    }
}
@media (min-width: 1200px) {
    .searchBtn,.menuBtn{
        display: none;
    }
    .headWrap{
        height: 190px;background: url("../images/header_bg.jpg") no-repeat center/cover;
    }
    .header{
        height: 100%;width: 1200px;margin: 0 auto;overflow: hidden;
    }
    .logoWrap{
        float: left;margin-top: 52px;
    }
    .logoWrap h1{
        height: 0;width: 0;overflow: hidden;text-indent: -9999px;
    }

}
/*header end*/

/*移动端搜索 start*/
.mobSearchWrap{
    display: none;
}
@media (max-width: 767px) {
    .mobSearchWrap{
        padding: 6px 12px;
    }
    .mobSearchWrap input{
        display: block;border: 1px solid #d8d8d8;border-radius: 10px;text-align: center;height: 28px;width: 100%;
    }
}
/*移动端搜索 end*/

/*nav start*/
@media (max-width: 767px){
    .nav{
        display: none;
    }
}
@media (min-width: 768px){

}
/*nav end*/

/*footer start*/
@media (max-width: 767px){
    .footerWrap{
        background: #256bd8;
    }
    .footer{
        width: 100%;margin: 0 auto;overflow: hidden;
    }
    .footerLeft{
        width: 100%;
    }
    .footerContact{
        margin: 21px auto 29px;width: 280px;overflow: hidden;
    }
    .footerContact .iconfont{
        float: left;
    }
    .footerContact .telTit{
        float: right;font: 14px/18px "微软雅黑";color: #fff;width: 220px;margin-bottom: 4px;
    }
    .footerContact .telNum{
        float: right;font: 26px/26px "微软雅黑";color: #fff;width: 220px;margin: 0;
    }
    .footNav{
        display: none;
    }
    .footerRight{
        text-align: center;font-size: 0;margin: 0 10px;
    }
    .qrItem{
        width: 30%;margin: 0 5px;display: inline-block;
    }
    .qrItem img{
        display: block;width: 100%;background: #fff;
    }
    .qrItem p{
        font-size: 14px;line-height: 46px;text-align: center;color: #fff;
    }
    .copyright{
        background: #0041a6;text-align: center;padding: 22px 0;
    }
    .copyright p{
        font-size: 14px;line-height: 24px;
    }
    .copyright a{
        color: #fff;
    }
    .copyright{
        background: #256bd8;text-align: center;padding: 10px 0;
    }
    .copyright p{
        font-size: 14px;line-height: 24px;color: #fff;
    }
    .copyright a{
        color: #fff;
    }
}
@media (min-width: 768px) and (max-width: 992px){
    .footerWrap{
        background: #256bd8;
    }
    .footer{
        width: 768px;margin: 0 auto;overflow: hidden;
    }
    .footerLeft{
        width: 100%;
    }
    .footerContact{
        margin: 38px auto 32px;width: 280px;overflow: hidden;
    }
    .footerContact .iconfont{
        float: left;
    }
    .footerContact .telTit{
        float: right;font: 14px/18px "微软雅黑";color: #fff;width: 220px;margin-bottom: 4px;
    }
    .footerContact .telNum{
        float: right;font: 26px/26px "微软雅黑";color: #fff;width: 220px;margin: 0;
    }
    .footNav{
        display: none;
    }
    .footerRight{
        margin-top: 40px;text-align: center;
    }
    .qrItem{
        width: 150px;margin: 0 5px;display: inline-block;
    }
    .qrItem img{
        display: block;width: 100%;height: 150px;background: #fff;
    }
    .qrItem p{
        font-size: 14px;line-height: 46px;text-align: center;color: #fff;
    }
    .copyright{
        background: #256bd8;text-align: center;padding: 10px 0;
    }
    .copyright p{
        font-size: 14px;line-height: 24px;color: #fff;
    }
    .copyright a{
        color: #fff;
    }
}
@media (min-width: 992px){
    .footerWrap{
        height: 254px;background: #256bd8 url("../images/footer_bg.jpg") no-repeat center/auto 100%;
    }
    .footer{
        width: 992px;margin: 0 auto;overflow: hidden;
    }
    .footerLeft{
        float: left;
    }
    .footerContact{
        margin: 38px 0 52px;width: 280px;overflow: hidden;
    }
    .footerContact .iconfont{
        float: left;
    }
    .footerContact .telTit{
        float: right;font: 14px/18px "微软雅黑";color: #fff;width: 220px;margin-bottom: 4px;
    }
    .footerContact .telNum{
        float: right;font: 26px/26px "微软雅黑";color: #fff;width: 220px;margin: 0;
    }
    .footNav{
        font-size: 0;width: 300px;
    }
    .footNav a{
        font-size: 18px;line-height: 18px;color: #fff;display: inline-block;margin: 0 20px 20px 0;
    }
    .footNav a:hover{
        text-decoration: none;color: rgba(255,255,255,.8);
    }
    .footerRight{
        float: right;margin-top: 40px;
    }
    .qrItem{
        width: 150px;float: left;margin-left: 10px;
    }
    .qrItem img{
        display: block;width: 100%;height: 150px;background: #fff;
    }
    .qrItem p{
        font-size: 14px;line-height: 46px;text-align: center;color: #fff;
    }
    .copyright{
        background: #0041a6;text-align: center;padding: 22px 0;
    }
    .copyright p{
        font-size: 14px;line-height: 24px;color: #fff;
    }
    .copyright a{
        color: #fff;
    }
}
@media (min-width: 1200px){
    .footerWrap{
        height: 254px;background: #256bd8 url("../images/footer_bg.jpg") no-repeat center/auto 100%;
    }
    .footer{
        width: 1200px;margin: 0 auto;overflow: hidden;
    }
    .footerContact{
        margin: 58px 0 42px;width: 280px;
    }
    .footerContact .iconfont{
        float: left;
    }
    .footerContact .telTit{
        float: right;font: 14px/18px "微软雅黑";color: #fff;width: 220px;margin-bottom: 4px;
    }
    .footerContact .telNum{
        float: right;font: 26px/26px "微软雅黑";color: #fff;width: 220px;margin: 0;
    }


}
/*footer end*/