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

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

/*========================================= 头部 =====================================*/
header{width:100%;}
.top{background: #333333;line-height: 20px;padding: 10px 0;color: #fff}
.topA{position: absolute;z-index: 999;width: 100%;}
.topAs{padding: 10px 0}
.topAr{color: #fff;}
.topAr b{font-size: 20px;}
.topAr p img{width: 25px;margin-right: 10px}
nav ul{background: #fff;border-radius: 15px;overflow: hidden}
nav ul{display: flex;justify-content: space-between}
nav ul li{line-height: 80px;width: 14.2%;text-align: center}
nav ul li a{display: block}
nav ul li:hover a,nav ul li.active a{color: #fff}

.title{text-align: center;margin-top: 35px}
.title strong{color: rgb(242, 242, 242);font-size: 60px;font-weight: bold}
.title h2{font-size: 24px;color: rgb(34, 34, 34);margin-top: -45px}
.title i{font-size: 18px;font-weight: bold;font-style: normal}
.title p{color: rgb(170, 170, 170)}

.oneAg{background: url("../img/oa.jpg") no-repeat center;background-size: cover;overflow: hidden;padding-bottom: 40px}
.oneA ul{display: flex;flex-wrap: wrap;align-items: flex-end}
.oneA ul li{margin-top: 30px;}
.oneA ul li a{display: block;position: relative;color: #fff}
.oneA ul li dd{overflow: hidden;text-align: center}
.oneA ul li dd img{transition: all 0.5s ease;display: inline-block}
.oneA ul li p{font-size: 18px;text-align: center;background: rgba(27,113,200,0.7);position: absolute;bottom: 0;left: 0;width: 100%;
font-weight: bold;line-height: 50px}
.oneA 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;overflow: hidden;padding-bottom: 60px}
.oneBg .title strong{color: #fff}
.oneB .text{line-height: 2;font-size: 16px;text-align: center;margin-top: 40px;padding: 0 12px}
.oneB ul{display: flex;justify-content: center;flex-wrap: wrap}
.oneB ul li{width: 20%;text-align: center;font-size: 16px;margin-top: 30px}
.oneB ul li i{font-size: 60px}
.oneB ul li p{color: #999;margin-bottom: 10px}

.more{text-align: center;margin-top: 40px}
.more a{display: inline-block;width: 150px;line-height: 40px;color: #fff;opacity: 0.85}
.more:hover a{opacity: 1}

.oneCg{background: url("../img/oc.jpg") no-repeat center;overflow: hidden;padding-bottom: 40px;}
.oneCg .title strong{color: rgb(56, 135, 216)}
.oneCg .title h2{color: #fff}
.oneCg .title p{color: rgb(127, 181, 237)}

.oneC{overflow: hidden;margin-top: 40px}
.oneC ul{display: flex;flex-wrap: wrap;align-items: flex-end}
.oneC ul li a{display: block;color: #fff}
.oneC ul li dd{overflow: hidden;text-align: center}
.oneC ul li dd img{transition: all 0.5s ease;display: inline-block}
.oneC ul li p{font-size: 16px;text-align: center;margin-top: 15px;color: #fff}

.oneD{overflow: hidden}
.oneD ul{display: flex;flex-wrap: wrap;align-items: flex-end}
.oneD ul li{margin-top: 30px}
.oneD ul li a{display: block;background: rgb(248, 248, 248);padding: 20px}
.oneD ul li h3{font-size: 22px;font-weight: normal;margin-bottom: 10px}
.oneD ul li span{font-size: 12px;color: #aaa}
.oneD ul li p{color: #888;line-height: 1.8;margin-top: 10px;overflow:hidden;text-overflow:ellipsis;display:-webkit-box; -webkit-box-orient:vertical;-webkit-line-clamp:2;}


/*========================================= 底部 =====================================*/
.footer{width: 100%;background-color: #333333;overflow: hidden;padding: 30px 0;margin-top: 40px}
.foot h3{font-size: 16px;margin-bottom: 10px;color: #fff}
.foota p{line-height: 20px;padding-top: 10px;color: #fff;opacity: 0.8}
.foota p a{color: #fff}
.footc dd img{width: 100px;height: 100px;display: inline-block;margin-top: 10px;}
.footc dl{text-align: center}
.footc p{margin-top: 10px;color: #fff;opacity: 0.8}


@media screen and (max-width: 768px) {
    .top{display: none}
    .topAl{display: none}
    .topAr{display: none}
     nav{display: none}
    .menu-button{display: block;margin-top: 0}
    .footfix{display: block}
    .footline{display: block}
    .footb{display: none}
    .footc{display: none}
    .copy{display: none}
    .navs_menu{display: block}
    .oneCr{display: none}
    .footer{padding: 25px 0}
    .foot h3{font-size: 16px}
    .topA{padding: 12px}
    .topAs{padding: 0}
    .title strong{font-size: 36px}
    .title h2{font-size: 20px;margin-top: -30px}
    .oneA ul li p{line-height: 34px;font-size: 14px}
    .oneB .text{font-size: 14px;margin-top: 20px}
    .oneB ul li{width: 50%;font-size: 14px}
    .oneB ul li i{font-size: 34px}
    .oneB ul li:last-child{display: none}
    .oneBg{padding-bottom: 40px}
    .more a{line-height: 34px;width: 135px}
    .oneC ul li p{font-size: 14px}
    .oneD ul li h3{font-size: 16px}
    .oneD ul li a{padding: 12px}
}