.theme{background: #198EDE}
.color{color: #198EDE}

/*========================================= 头部 =====================================*/
header{width:100%;}
.top{line-height: 20px;padding: 10px 0;background: #F9F9F9}
.topA{padding: 10px 0}
.logo{padding: 0}
.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{margin-top: 13px;padding: 0!important;}
nav ul{display: flex;justify-content: space-between}
nav ul li{line-height: 50px;font-size: 16px;width: 14.2%;text-align: center;position: relative}
nav ul li:hover a,nav ul li.active a{color: #198EDE}
nav ul li:after{content: '';width: 12px;height: 2px;background: #198EDE;position: absolute;bottom: 0;left: 50%;margin-left: -6px;opacity: 0}
nav ul li:hover:after,nav ul li.active:after{opacity: 1}

.title{display: flex;align-items: center}
.title i{display: inline-block;width: 20px;height: 20px;border: 2px solid #198EDE;margin-right: 10px}
.title h2{font-size: 20px;font-weight: normal}
.title h2 span{color: #ccc}

.oneA{padding: 40px 0;background: #F9F9F9}
.oneAl .text{font-size: 16px;line-height: 2;margin-top: 15px}
.oneAla{margin-top: 40px}
.oneAla a{display: inline-block;width: 133px;line-height: 40px;color: #fff;text-align: center;opacity: 0.9}
.oneAr img{width: 100%}
.oneAla a:hover{opacity: 1}

.oneB{margin-top: 40px;}
.oneBa{display: flex;justify-content: space-between;align-items: center;flex-wrap: wrap}
.oneBar{text-align: center}
.oneBar a{line-height: 32px;padding: 0 12px;display: inline-block;float: left;position: relative;margin: 0 4px}
.oneBar a:hover{background: #198EDE;color: #fff}
.oneBar a:before{content:'';position: absolute;top:6px;left:-5px;width: 1px;height: 18px;background: #e5e5e5}
.oneBb ul{display: flex;flex-wrap: wrap;align-items: flex-end;float: left}
.oneBb ul li{margin-top: 24px;}
.oneBb ul li dd{overflow: hidden;text-align: center}
.oneBb ul li dd img{transition: all 0.5s ease;display: inline-block}
.oneBb ul li a{position: relative;display: block}
.oneBb ul li dt{position: absolute;left: 0;bottom: 0;width: 100%;line-height: 40px;text-align: center;background: rgba(0,0,0,0.3);color: #fff;}
.oneBb ul li:hover dd img{transform: scale(1.1)}
.oneBb ul li:hover dt{background: rgba(0,0,0,0.6);}

.oneC{background: #F6F6F6;overflow: hidden;padding: 40px 0;margin-top: 40px}
.oneCa{display: flex;justify-content: space-between;align-items: center;flex-wrap: wrap}
.oneCab{border-bottom: 1px solid #D9D9D9;line-height: 2}
.oneCb ul li{text-align: center;margin-top: 40px}
.oneCb ul li dl{border: 1px solid rgba(217,217,217,1);border-radius: 100%;width: 246px;height: 246px;position: relative;display: inline-block}
.oneCb ul li dl dd{position: absolute;top: 50%;left: 50%;transform: translate(-50%, -50%);width: 100%;padding: 0 27px}
.oneCb ul li dl i img{width: 60px;}
.oneCb ul li dl p{font-size: 16px;color: #666;margin: 10px 0}
.oneCb ul li dl span{color: #999;line-height: 1.8;
    overflow:hidden;text-overflow:ellipsis;display:-webkit-box; -webkit-box-orient:vertical;-webkit-line-clamp:3;}
.oneCb ul li dl:hover{border-color: #198EDE;cursor: pointer}

.oneD{background: url("../img/oned.jpg") no-repeat center;background-size: cover;padding: 40px 0}
.oneD ul li{text-align: center}
.oneD ul li dl{background: rgb(12,26,52,0.85);text-align: center;color: #fff;line-height: 1.8;width: 169px;height: 90px;display: inline-block}
.oneD ul li dl b{font-size: 28px;font-weight: normal}
.oneD ul li dl i{display: inline-block;width: 29px;height: 2px;background: #fff}

.oneE{overflow: hidden;width: 100%}
.oneE ul{display: flex;flex-wrap: wrap;align-items: flex-end}
.oneE ul li{margin-top: 24px}
.oneE ul li dd{overflow: hidden;text-align: center}
.oneE ul li dd img{transition: all 0.5s ease;display: inline-block}
.oneE ul li dl{padding: 10px 10px 0}
.oneE ul li dl h3{font-size: 15px;}
.oneE ul li dl span{font-size: 12px;color: #929292;margin-top: 5px;display: inline-block}
.oneE ul li dl p{font-size: 12px;color: #929292;margin-top: 10px;line-height: 1.6;
    overflow:hidden;text-overflow:ellipsis;display:-webkit-box; -webkit-box-orient:vertical;-webkit-line-clamp:2;}
.oneE ul li:hover dd img{transform: scale(1.1)}

/*========================================= 底部 =====================================*/
.footer{width: 100%;background:url("../img/foot.jpg") no-repeat center;overflow: hidden;padding: 20px 0;margin-top: 40px}
.foota{border-bottom: 1px solid #898989;padding-bottom: 10px;overflow: hidden}
.foota ul{float: left}
.foota ul li{color: #ccc;float: left}
.foota ul li a{color: #ccc}
.footar b{font-size: 18px}
.footb{padding-top: 20px}
.footbl{color: #ccc;line-height: 1.8}
.footbr img{width: 90px;height: 90px;float: left}
.footbr p{float: left;color: #ccc;margin: 24px 0 0 15px}

.copy{background: rgb(12, 26, 52);color: #fff;line-height: 35px;padding: 10px 0;font-size: 12px;text-align: center}
.copy a{color: #fff}

@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{display: none}
    .footc{display: none}
    .copy{display: none}
    .footbr{display: none}
    .navs_menu{display: block}
    .footb{padding-top: 0}
    .topA{padding: 12px}
    .footer{padding: 25px 0}
    .title h2{font-size: 16px}
    .title i{width: 16px;height: 16px}
    .oneAl .text{font-size: 14px}
    .oneAla{margin-top: 20px}
    .oneAla a{width: 116px;line-height: 36px}
    .oneAr{margin-top: 20px}
    .oneBar{margin-top: 10px}
    .oneBar a{padding: 0 9px;}
    .oneCab{margin-top: 10px}
    .oneCb ul li{margin-top: 20px}
    .oneCb ul li dl{width: 185px;height: 185px;}
    .oneCb ul li dl dd{padding: 0 15px}
    .oneCb ul li dl span{font-size: 12px}
    .oneCb ul li dl i img{width: 40px}
    .oneCb ul li dl p{font-size: 14px;margin: 5px 0}
    .oneD ul li dl b{font-size: 24px}
}