.theme{background: #166e3e;}
.color{color: #166e3e}

/*========================================= 头部 =====================================*/
header{width:100%;}
.top{border-bottom: 1px solid #e5e5e5;line-height: 20px;padding: 10px 0}
.topA{padding: 20px 0}
.logo{padding: 0}
.topAl{margin: 12px 0 0 15px}
.topAr{background: url("../img/topar.png") no-repeat left;padding-left: 50px;margin-top: 12px}
.topAr b{font-size: 24px;color: #ff8a1b;font-weight: normal}
nav ul{display: flex;justify-content: space-between}
nav ul li{line-height: 52px;width: 14.2%;text-align: center}
nav ul li a{color: #fff}
nav ul li:hover,nav ul li.active{background: rgba(0,0,0,0.1)}

.title{text-align: center;margin-top: 35px}
.title h2{font-size: 36px;font-family: arial;opacity: 0.2;text-transform: uppercase;}
.title p{font-size: 28px;font-weight: bold;}

.oneA{margin-top: 30px}
.oneA .hd{padding: 0 50px;text-align: center}
.oneA .hd ul li{margin-top: 10px;background: #f4fbff;border-right: 2px solid #fff;float: inherit;display: inline-block}
.oneA .hd ul li a{display: block;text-align: center;line-height: 40px;color: #666}
.oneA .bd ul{display: flex;flex-wrap: wrap;align-items: flex-end}
.oneA .bd ul li{margin-top: 30px;}
.oneA .bd ul li a{border: 1px solid #eee;display: inline-block;padding: 15px;}
.oneA .bd ul li p{text-align: center;margin-top: 15px}
.oneA .bd ul li dd{text-align: center}
.oneA .bd ul li dd img{transition: all 0.5s ease;display: inline-block}
.oneA .bd ul li a:hover dd img{transition: all 0.5s ease;transform: scale(1.1)}

.oneB{background: url("../img/oneb.jpg") no-repeat center;background-size: cover;overflow: hidden;margin-top: 40px;padding-bottom: 40px}
.oneB .title h2{color: #fff;opacity: 1}
.oneB .title p{color: #fff}
.oneB ul{margin-top: 10px;display: flex;flex-wrap: wrap;align-items: flex-end}
.oneB ul li{margin-top: 24px;}
.oneB ul li a{display: block;position: relative;color: #fff}
.oneB ul li dd{text-align: center;overflow: hidden}
.oneB ul li dd img{display: inline-block;}
.oneB ul li dl{position: absolute;top:0;right: 0;bottom: 0;left: 0;width: 90%;height: 0;opacity: 0;margin: auto;padding: 8% 5%}
.oneB ul li dl p{font-size: 20px;text-align: center;}
.oneB ul li dl span{line-height: 2;margin-top: 20px;display: block;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;
    -webkit-box-orient:vertical;-webkit-line-clamp:3;}
.oneB ul li:hover dl{opacity: 1;transition: all 0.4s ease;height: 90%}

.oneC{background: url("../img/onec.png") no-repeat center;background-size: cover;overflow: hidden}
.oneCs{background: #F4F4F4;margin-top: 40px}
.oneCl{padding: 30px}
.oneCl h3{margin-bottom: 15px;font-weight: normal}
.oneCl .text p{line-height: 2}
.oneCr{padding: 0}
.oneCr img{width: 100%}
.oneCla{margin-top: 20px}
.oneCla a{width: 140px;line-height: 36px;color: #fff;display: inline-block;text-align: center;opacity: 0.8}
.oneCla a:hover{opacity: 1}

.oneD{margin-top: 40px;background: url("../img/oned.jpg") fixed;background-size: cover;text-align: center;padding: 80px 0;color: #fff}
.oneD h2{color: #0fff00;font-size: 36px}
.oneD p{font-size: 26px;margin-top: 15px}

.oneE{margin-top: 40px;overflow: hidden;}
.oneEl dd img{width: 100%}
.oneEl h3{font-size: 18px;font-weight: normal;margin: 8px 0}
.oneEl span{color: #929292}
.oneEl p{font-size: 12px;color: #999;margin-top: 8px;
    overflow:hidden;text-overflow:ellipsis;display:-webkit-box; -webkit-box-orient:vertical;-webkit-line-clamp:2;}

.oneEr ul li{border-bottom: 1px solid #ececec;overflow: hidden;padding-bottom: 18px;margin-bottom: 20px}
.oneEr ul li dd{width: 66px;height: 66px;text-align: center;float: left;color: #fff;font-size: 12px}
.oneEr ul li dd b{font-size: 24px;line-height:41px}
.oneEr ul li dl{margin-left: 80px;}
.oneEr ul li dl p{font-size: 18px;margin-bottom: 5px}
.oneEr ul li dl span{color: #999;font-size: 12px;
    overflow:hidden;text-overflow:ellipsis;display:-webkit-box; -webkit-box-orient:vertical;-webkit-line-clamp:2;}

.oneF{margin-top: 40px}
.oneFa{padding: 30px 0;font-size: 16px;color: #fff}
.oneFa a{color: #fff}

/*========================================= 底部 =====================================*/
.footer{width: 100%;background-color: #343d44;overflow: hidden;padding: 40px 0 20px;margin-top: 40px}
.foot{color: #fff}
.foot h3{font-size: 18px;color: #fff;font-weight: normal}
.foot h3 i {display: block;width: 40px;height: 1px;background-color: #fff;margin-top: 16px;}
.foota{}
.foota ul{float: left;width: 33.3%;}
.foota ul h3{font-size: 18px;margin-bottom: 5px}
.foota ul li{line-height: 2;}
.foota ul li a{color: #ECF5EC}
.footb{}
.footb strong{font-size: 26px;color: #00FF00}
.footb p{line-height: 2}
.footc dd img{width: 126px;height: 126px;}
.footc p{margin-top: 10px;text-align: center}

.copy{color: #fff;text-align: center;margin-top: 20px}
.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}
    .navs_menu{display: block}
    .footer{padding: 25px 0}
    .title h2{font-size: 26px}
    .title p{font-size: 20px}
    .topA{padding: 12px}
    .oneA{margin-top: 20px}
    .oneA .hd{padding: 0 12px}
    .oneA .hd ul li a{line-height: 32px}
    .oneA .bd ul li{margin-top: 20px}
    .oneA .bd ul li a{padding: 8px}
    .oneA .bd ul li p{margin-top: 8px}
    .oneBl h2{font-size: 18px}
    .oneBl p{font-size: 14px}
    .oneBr b{font-size: 28px}
    .oneBr{margin-top: 20px}
    .oneBr a{line-height: 36px;font-size: 16px}
    .oneCl{padding: 20px}
    .oneCl h3{font-size: 20px}
    .oneCla a{width: 120px;line-height: 34px}
    .oneD h2{font-size: 22px}
    .oneD p{font-size: 18px}
    .oneEl h3{font-size: 16px;}
    .oneEr{margin-top: 20px}
    .oneEr ul li dd{width: 60px;height: 60px}
    .oneEr ul li dd b{font-size: 20px;line-height: 36px}
    .oneEr ul li dl p{font-size: 14px}
    .oneFa{padding: 15px 0;font-size: 14px}
    .footb strong{font-size: 22px}
    .title2{margin-top: 10px}
    .title2 span{width: 140px}
}