.theme{background: #02a339}
.color{color: #02a339}

/*========================================= 分页 =====================================*/
.page { overflow:hidden;}
.pagelink { margin-top: 40px;text-align: center}
.pagelink span,.pagelink a { display:inline-block; text-align:center;padding: 4px 10px;; border:solid 1px #ccc;color:#666; margin:0 4px;}
.pagelink a:hover,.pagelink a.on { background:#02a339; color:#fff; border:solid 1px #02a339;}
.pagelink span{display:inline-block; color:#fff; background:#02a339;padding: 4px 10px;border:solid 1px #02a339;}

/*========================================= 头部 =====================================*/
header{width:100%;}
.top{line-height: 20px;padding: 10px 0;background: #2b2b2b;color: #fff;}
.topA{padding: 15px 0 50px;}
.topAs{display: flex;justify-content: space-between;align-items: center}
.logo{padding: 0}
.topAr{background: url("../img/topar.png") no-repeat left;padding-left: 50px;display: initial}
.topAr b{font-size: 22px;color: #FF9900}
.topAr p{color: #999999}

nav{position: absolute;top: 130px;left: 0;z-index: 999;width: 100%}
nav ul{display: flex;justify-content: space-between}
nav ul li{font-size: 16px;width: 14.2%;text-align: center}
nav ul li a{color: #fff;display: inline-block;line-height: 52px}
nav ul li:hover,nav ul li.active{background: #0168B7}

.title{margin-top: 35px;text-align: center}
.title h2{font-size: 24px;}
.title p{font-size: 36px;opacity: 0.4}

.oneA{overflow: hidden;background-color: #F5F5F5}
.oneAa{margin-top: 40px}
.oneAtit{text-align: center;color: #fff;padding: 22px 0;}
.oneAtit h3{font-size: 24px}
.oneAla ul li{border-top: 3px solid #fff;line-height: 50px;text-align: center;}
.oneAla ul li a{color: #fff;display: block;font-size: 16px}
.oneAla ul li:hover{background: #0168B7}

.oneAr ul{display: flex;flex-wrap: wrap;align-items: flex-end}
.oneAr ul li{margin-bottom: 20px;}
.oneAr ul li a{background: #fff;display: block;}
.oneAr ul li dd{overflow: hidden;text-align: center}
.oneAr ul li dd img{transition: all 0.5s ease;display: inline-block}
.oneAr ul li dt{text-align: center;line-height: 37px;}
.oneAr ul li:hover dd img{transition: all 0.5s ease;transform: scale(1.1)}

.oneBg{background: url("../img/ob.jpg") no-repeat center;background-size: cover;padding-top: 40px;}
.oneBa{text-align: center;padding-bottom: 130px}
.oneBa h2{font-size: 42px}
.oneBa h3{font-size: 22px;color: #fff;margin: 30px 0}
.oneBa span{display: inline-block;line-height: 49px;width: 353px;color: rgb(255, 255, 0);border: 1px solid #fff;font-size: 26px;font-weight: bold;}

.oneCg{background: #F5F5F5;}
.oneBb{background: #fff;top: -70px;position: relative}
.oneBbl{padding: 40px 30px}
.oneBbl h2{font-size: 22px}
.oneBbl .text{font-size: 16px;color: #7a7a7a;line-height: 2;margin-top: 30px}
.more{margin-top: 30px}
.more a{display: inline-block;line-height: 40px;width: 140px;text-align: center;color: #fff}
.more:hover{opacity: 0.8}

.oneBbr{padding-right: 0}
.oneBbr img{width: 100%}

.oneD{margin-top: 40px;overflow: hidden}
.oneDl ul li a{display: block;}
.oneDl ul li dd img{width: 100%;}
.oneDl ul li dt{padding: 10px;line-height: 1.8}
.oneDl ul li dt h3{font-weight: normal;font-size: 18px}
.oneDl ul li dt span{font-size: 12px;color: #999}
.oneDl ul li dt p{color: #999;}

.oneDr{}
.oneDr ul li{overflow: hidden;margin-bottom: 20px;border-bottom: 1px solid #ececec;padding-bottom: 20px}
.oneDr ul li dd{text-align: center;width: 66px;height: 66px;float: left;margin-right: 20px;color: #666;background: #e4f2eb}
.oneDr ul li b{display: block;font-size: 24px;line-height: 44px;}
.oneDr ul li dl p{font-size: 18px;margin-bottom: 5px}
.oneDr ul li dl span{font-size: 12px;color: #666;overflow:hidden;text-overflow:ellipsis;display:-webkit-box; -webkit-box-orient:vertical;-webkit-line-clamp:2;}
.oneDr ul li:last-child{margin-bottom: 0}

.oneEg{background: #F5F5F5;overflow: hidden;margin-top: 40px;padding-bottom: 40px}
.oneE{overflow: hidden;margin-top: 40px}
.oneE ul{display: flex;flex-wrap: wrap;align-items: flex-end}
.oneE ul li a{display: block;color: #fff}
.oneE ul li dd{overflow: hidden;text-align: center}
.oneE ul li dd img{transition: all 0.5s ease;display: inline-block}

/*========================================= 底部 =====================================*/
.footer{width: 100%;overflow: hidden;padding: 30px 0;margin-top: 40px;border-bottom: 1px solid rgba(255,255,255,0.5)}
.foot h3{font-size: 16px;color: #fff;font-weight: normal;border-bottom: 1px solid rgba(255,255,255,0.5);display: inline-block;margin-bottom: 8px;padding-bottom: 10px}
.foota ul li {color: #fff;line-height: 20px;padding-top: 10px;}
.footb ul{float: left;width: 33.3%}
.footb ul li{line-height: 30px;}
.footb ul li a{color: #fff;font-size: 12px;padding: 6px 30px 6px 0}
.footc{text-align: right}
.footc dd img{width: 130px;height: 130px;display: inline-block;}
.footc dd p{color: #fff;font-size: 12px;margin-top: 10px;text-align: center}

.copy{color: #fff;line-height: 60px;font-size: 12px;}
.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{min-height: initial}
    .footb{display: none}
    .footc{display: none}
    .copy{display: none}
    .navs_menu{display: block}
    .more3{display: none}
    .more2{display: none}
    .oneBl dl{display: none}
    .footer{padding: 25px 0}
    .title h2{font-size: 20px}
    .title p{font-size: 14px}
    .topA{padding: 12px}
    .menu-button{margin-top: 0}
    .oneAla ul{display: none}
    .oneAtit{padding: 15px 0}
    .oneAr{margin-top: 30px;padding: 0}
    .oneBa h2{font-size: 24px}
    .oneBa h3{font-size: 16px}
    .oneBa span{font-size: 20px;width: 300px;line-height: 42px}
    .oneBbl{padding: 20px 12px}
    .oneBbl h2{font-size: 18px}
    .oneBbl .text{font-size: 14px;margin-top: 20px}
    .oneBbr{padding-right: 12px}
    .oneBb{top: -40px}
    .oneBa{padding-bottom: 90px}
    .oneDr ul li dl p{font-size: 16px}
}