.theme{background: #0C1191}
.color{color: #0C1191}

/*========================================= 头部 =====================================*/
header{width:100%;}
.top{border-bottom: 1px solid #e5e5e5;line-height: 20px;padding: 10px 0}
.topA{padding: 10px 0;}
.logo{padding: 0;margin-top: 5px}
.topAl{border-left: 2px solid #ededed;}
.topAl p{padding: 7px 0}
.topAl span{color: #828282;font-size: 16px;margin-left: 25px}
.topAr{background: url("../img/topar.png") no-repeat left;padding-left: 60px;margin-top: 12px}
.topAr b{font-size: 20px;color: #ff8a1b}
nav{padding: 0!important;}
nav ul{display: flex;justify-content: space-between}
nav ul li{line-height: 54px;font-size: 16px;width: 14.2%;text-align: center}
nav ul li a{color: #fff}
nav ul li.active{border-bottom: 2px solid #fff}

.title{text-align: center;margin-top: 35px}
.title h2{font-size: 36px;font-weight: normal;letter-spacing: 5px;}
.title p{font-size: 18px;letter-spacing: 5px;}

.oneA{background-color: #F9F9F9;overflow: hidden;padding-bottom: 40px}
.oneA ul{display: flex;flex-wrap: wrap;align-items: flex-end}
.oneA ul li{margin-top: 24px}
.oneA ul li a{display: inline-block;padding: 15px;border: 1px solid rgb(238, 238, 238);background: #fff}
.oneA ul li p{font-size: 16px;text-align: center;margin-top: 15px}
.oneA ul li dd{position: relative;text-align: center}
.oneA ul li dd img{display: inline-block}
.oneA ul li dd:after{content: '';position: absolute;top: 0;left: 0;width: 100%;height: 100%;background: url("../img/onea.png") no-repeat center rgba(12,17,145,0.8);opacity: 0}
.oneA ul li a:hover{border-color: #0C1191;box-shadow: rgba(238,238,238,1) 0px 0px 5px 4px;}
.oneA ul li:hover dd:after{opacity: 0.8}
.more{text-align: center;margin-top: 40px}
.more a{display: inline-block;width: 214px;line-height: 42px;border: 1px solid #0C1191;box-shadow: rgba(0,0,0,0.1) 0px 7px 16px 0px;}

.oneB{background: url("../img/oneb.jpg") no-repeat center;background-size: cover;overflow: hidden;padding-bottom: 50px}
.oneB .title h2{color: #fff;}
.oneB .title p{color: #fff}
.oneBs{margin-top: 40px}
.oneBsla{background: #fff;opacity: 0.95;padding: 30px 30px 0}
.oneBsl h3{font-size: 18px;font-weight: normal;}
.oneBsl .text{margin-top: 20px;line-height: 1.8;text-indent: 2em}
.oneBsl .more a{border: none;box-shadow: initial}
.oneBsr img{width: 100%;}

.oneC{margin-top: 10px}
.oneC ul{display: flex;flex-wrap: wrap;align-items: flex-end}
.oneC ul li{margin-top: 24px}
.oneC ul li dd{position: relative;text-align: center}
.oneC ul li dd img{display: inline-block}
.oneC ul li p{font-size: 16px;padding: 10px 10px 0 10px}
.oneC ul li dd:after{content: '';position: absolute;top: 0;left: 0;width: 100%;height: 100%;background: url("../img/onea.png") no-repeat center rgba(12,17,145,0.8);opacity: 0}
.oneC ul li a:hover{border-color: #0C1191;box-shadow: rgba(238,238,238,1) 0px 0px 5px 4px;}
.oneC ul li:hover dd:after{opacity: 0.8}

.oneE{background: #F9F9F9;overflow: hidden;margin-top: 40px;padding-bottom: 40px}
.oneEs{margin-top: 40px}
.oneEsla{background: #fff;overflow: hidden;}
.oneEsla ul li{padding: 24px 0;border-bottom: 1px dotted #dbd4cd;overflow: hidden}
.oneEsla ul li dd{text-align: center;float: left;width: 90px;height: 60px}
.oneEsla ul li dd b{display: block;font-size: 24px}
.oneEsla ul li dl h3{font-size: 16px;font-weight: normal}
.oneEsla ul li dl p{color: #5a5a5a;margin-top: 10px;padding-right: 10px;
    overflow:hidden;text-overflow:ellipsis;display:-webkit-box; -webkit-box-orient:vertical;-webkit-line-clamp:2;}
.oneEsra{background: #fff;padding: 10px;min-height: 372px}
.oneEsra dd img{width: 100%}
.oneEsra dl h3{font-size: 16px;font-weight: normal;margin: 8px 0}
.oneEsra dl p{color: #5a5a5a;overflow:hidden;text-overflow:ellipsis;display:-webkit-box; -webkit-box-orient:vertical;-webkit-line-clamp:3;}

/*========================================= 底部 =====================================*/
.footer{width: 100%;background-color: #111010;overflow: hidden;padding: 40px 0;margin-top: 40px}
.foot{color: #fff}
.foot h3{font-size: 26px;color: #fff;font-weight: normal}
.foota p {margin-top: 24px;font-size: 16px;color: #fff;}
.foota ul {padding-top: 14px;}
.foota ul li {color: #999;line-height: 20px;padding-top: 10px;}
.footb ul{margin-top: 14px}
.footb ul li{line-height: 30px}
.footb ul li a{border-bottom: 1px solid #aaa;color: #999;font-size: 12px;padding: 6px 30px 6px 0}
.footc dd img{width: 130px;height: 130px;display: inline-block;margin-top: 10px;}

.copy{color: #ccc;line-height: 60px;font-size: 12px}
.copy a{color: #ccc}

@media screen and (max-width: 768px) {
    .top{display: none}
    .topAl{display: none}
    .topAr{display: none}
    nav{display: none}
    .menu-button{display: block}
    .footfix{display: block}
    .footline{display: block}
    .foota{min-height: initial}
    .footb{display: none}
    .footc{display: none}
    .copy{display: none}
    .navs_menu{display: block}
    .footer{padding: 25px 0}
    .title h2{font-size: 22px}
    .title p{font-size: 14px}
    .topA{padding: 12px}
    .oneA ul li p{font-size: 14px}
    .more a{width: 160px;line-height: 36px}
    .oneC ul li p{font-size: 14px}
    .oneEsla ul li dd b{font-size: 22px}
    .oneEsla ul li dl p{margin-top: 10px}
}