.theme{background: #efb402}
.color{color: #efb402}

/*========================================= 分页 =====================================*/
.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:#efb402; color:#fff; border:solid 1px #efb402;}
.pagelink span{display:inline-block; color:#fff; background:#efb402;padding: 4px 10px;border:solid 1px #efb402;}

/*========================================= 头部 =====================================*/
header{width:100%;}
.topA{padding: 25px 0}
.logo{padding: 0}
.topAl p{margin-top: 10px}
.topAl2{margin: 10px 0 0 20px}
.topAr{margin-top: 8px}
.topAr p{background: url("../img/topar.png") no-repeat left;color: #666;padding-left: 30px;line-height: 23px}
.topAr b{font-size: 24px;}
nav{background-color: #333}
nav ul{display: flex;justify-content: space-between}
nav ul li{line-height: 60px;font-size: 16px;width: 14.2%;text-align: center}
nav ul li a{color: #fff;display: block}

.title{text-align: center;margin-top: 35px}
.title h2{font-size: 36px}
.title p{color: #999;margin-top: 10px;font-size: 16px}

.oneA{}
.oneAa{z-index: 999;margin: -65px 12px 0;padding: 30px }
.oneAa ul li{border-right: 1px solid #fff;text-align: center;color: #fff}
.oneAa ul li b{font-size: 34px}
.oneAa ul li:last-child{border-right: none}

.oneAl .title{text-align: left;margin-top: 0}
.oneAl .text{color: #999;line-height: 2;margin: 50px 0}
.oneAl .gd{display: block;width: 200px;line-height: 50px;text-align: center;color: #fff;background-color: #333333}
.oneAr dl{border: 30px solid #f2f2f2;border-width: 0 0 30px 30px}
.oneAr dl img{width: 100%;height: 390px;}

.oneB{overflow: hidden;margin-top: 40px}
.oneBa{overflow: hidden}
.oneB .title{color: #fff}
.oneB .hd{padding: 40px 0}
.oneB .hd ul{display: flex;justify-content: center;flex-wrap: wrap}
.oneB .hd ul li{text-align: center;line-height: 38px;}
.oneB .hd ul li a{display: block;border: 1px solid #fff;border-radius: 30px;color: #fff}

.oneB .bd{margin-top: 15px}
.oneB .bd ul{display: flex;flex-wrap: wrap;align-items: flex-end}
.oneB .bd ul li{margin-top: 20px}
.oneB .bd ul li dd{overflow: hidden;text-align: center}
.oneB .bd ul li dd img{transition: all 0.5s ease;display: inline-block}
.oneB .bd ul li a{display: block;border: 1px solid #dddddd;}
.oneB .bd ul li p{text-align: center;margin: 15px 0}
.oneB .bd ul li:hover dd img{transition: all 0.5s ease;transform: scale(1.1)}

.oneC{color: #fff;overflow: hidden;margin-top: 40px;text-align: center;padding: 40px 0}
.oneC h3{font-size: 36px}
.oneC p{margin: 15px 0;font-size: 24px;}
.oneC dd b{font-size: 24px;background: url("../img/onec.png") no-repeat left;padding-left: 30px}

.oneD{margin-top: 40px;overflow: hidden}
.oneD ul{display: flex;flex-wrap: wrap;align-items: flex-end}
.oneD ul li{text-align: center}
.oneD ul li dd{overflow: hidden}
.oneD ul li dd img{display: inline-block}
.oneD ul li dt{margin-top: 15px}

.oneE{background-color: #f2f2f2;overflow: hidden;margin-top: 40px}
.tit h2{font-size: 26px}
.tit b{font-size: 18px}
.oneEa{padding: 40px 0}
.oneEal{}
.oneEal ul li{overflow: hidden;margin-top: 20px}
.oneEal ul li b{width: 5%;float: left;font-size: 16px}
.oneEal ul li dl{width: 95%;float: left;border-bottom: 1px solid #e2e2e2;}
.oneEal ul li dl h3{font-size: 14px}
.oneEal ul li dl p{color: #666;padding: 16px 0;overflow: hidden;white-space: nowrap;text-overflow: ellipsis}
.oneEar{}
.oneEar ul{display: flex;justify-content: space-between;flex-wrap: wrap;align-items: flex-end}
.oneEar ul li{width: 48.5%;float: left;margin-top: 20px}
.oneEar ul li:nth-child(2n){float: right}
.oneEar ul li dd{overflow: hidden;text-align: center}
.oneEar ul li dd img{max-height: 146px;transition: all 0.5s ease;display: inline-block}
.oneEar ul li dl{padding: 10px 6px 0;}
.oneEar ul li dl h3{font-size: 14px}
.oneEar ul li dl p{color: #666;margin-top: 10px;overflow:hidden;text-overflow:ellipsis;display:-webkit-box; -webkit-box-orient:vertical;-webkit-line-clamp:2;}
.oneEar ul li:hover dd img{transform: scale(1.1);transition: all 0.5s ease}

/*========================================= 底部 =====================================*/
.footer{width: 100%;background-color: #2f2f2f;overflow: hidden;margin-top: 40px}
.footnav{overflow: hidden;padding-top: 40px}
.footnava ul li{float: left;margin-right: 30px;font-size: 16px}
.footnava ul li a{color: #fff}
.footnavb{font-size: 16px;color: #fff}
.footnavb span{font-size: 22px}
.foot{color: #999;padding: 40px 0}
.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 ul li {line-height: 20px;padding: 5px 0;}
.footb{text-align: center}
.footb dd img{width: 110px;height: 110px;display: inline-block;}
.footb p{margin-top: 10px}
.footc dl{line-height: 2;margin-bottom: 20px}
.footc b{font-size: 28px;color: #fff}
.footc dd{background: url("../img/footel.png") no-repeat left;padding-left: 40px}
.copy{border-top: 1px solid #434343;text-align: center;color: #999;line-height: 35px;padding: 10px 0;font-size: 12px}
.copy a{color: #999}

@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}
    .footnava{display: none}
    .topAl2{display: none}
    .navs_menu{display: block}
    .foot{padding: 25px 0}
    .title h2{font-size: 22px}
    .title p{font-size: 14px}
    .topA{padding: 12px}
    .oneAl .title{margin-top: 35px}
    .oneAa{margin: 0;padding: 12px 0}
    .oneAa ul li b{font-size: 24px}
    .oneAl .text{margin: 30px 0}
    .oneAl .gd{width: 40%;line-height: 40px;}
    .oneAr{margin-top: 40px;}
    .oneAr dl{border-width: 0;}
    .oneAr dl img{height: auto}
    .oneB .hd{padding: 20px 0}
    .oneB .hd ul li{margin: 5px 0;line-height: 33px}
    .oneC{padding: 20px 12px}
    .oneC h3{font-size: 18px}
    .oneC dd b{font-size: 20px}
    .oneD{margin-top: 20px}
    .oneD ul li{margin-top: 20px}
    .tit h2{font-size: 18px}
    .tit b{font-size: 12px}
    .oneEal ul li b{width: 7%;font-size: 14px}
    .oneEal ul li dl{width: 93%}
    .oneEar{margin-top: 40px}
    .oneEar ul li dl p{font-size: 12px}
}