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

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

/*========================================= 头部 =====================================*/
header{width:100%;}
.top{line-height: 20px;padding: 10px 0;background: #313131;color: #fff}
.topA{padding: 30px 0}
.logo{padding: 0}
.topAr{text-align: center;line-height: 50px}
.topAr b{font-size: 16px;color: #fff;}
.topAsr{padding: 0;}
nav{padding-right: 0!important;}
nav ul{display: flex;justify-content: space-between}
nav ul li{line-height: 50px;width: 14.2%;text-align: center}
nav ul li a{display: block;font-weight: bold}
nav ul li:hover a,nav ul li.active a{color: #16d5cc}

.title{text-align: center;margin-top: 35px}
.title h2{font-size: 22px;}
.title p{color: #ddd;font-weight: bold;font-size: 42px}

.oneA{margin-top: -10%;z-index: 9999;position: relative;}
.oneA ul{display: flex;justify-content: center;flex-wrap: wrap;padding: 0 12px}
.oneA ul li{border: 1px solid #ddd;padding: 4% 2%;text-align: center;background: #fff}
.oneA ul li h3{font-size: 16px;margin: 20px 0}
.oneA ul li p{color: #999;line-height: 1.8;}
.oneA ul li:hover{background: #F9F9F9}

.oneB{margin-top: 40px;overflow: hidden}
.oneBl img{max-width: 100%;min-height: 400px}
.oneBr .title{text-align: left;margin-top: 0}
.oneBr .title p{font-size: 18px;margin-top: 10px}
.oneBr .text{line-height: 2;color: #999;margin-top: 20px}
.oneBra{overflow: hidden;margin-top: 40px}
.oneBra ul li b{font-size: 32px;display: block;margin: 10px 0}
.oneBra ul li p{color: #999}


.oneC{overflow: hidden}
.oneC ul{display: flex;flex-wrap: wrap;align-items: flex-end}
.oneC ul li{margin-top: 24px;}
.oneC ul li a{display: block;position: relative}
.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 div{width: 100%;height: 100%;background: rgba(22,213,204,0.8);color: #fff;position: absolute;top: 0;left: 0;opacity: 0}
.oneC ul li div h3{font-size: 18px;text-align: center;}
.oneC ul li div p{overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3;margin-top: 15px}
.oneC ul li div dd{height: 100px;position: absolute;top: 0;right: 0;bottom: 0;left: 0;margin: auto;padding: 0 10%}
.oneC ul li:hover div{opacity: 1}

.oneD{overflow: hidden}
.oneD ul{display: flex;flex-wrap: wrap;align-items: flex-end}
.oneD ul li{margin-top: 40px;}
.oneD ul li dd{overflow: hidden;}
.oneD ul li dd img{transition: all 0.5s ease;display: inline-block;width: 100%}
.oneD ul li dl{}
.oneD ul li dl h3{font-size: 16px;font-weight: normal;margin: 10px 0}
.oneD ul li dl span{color: #999;font-size: 12px}
.oneD ul li dl p{overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;margin-top: 10px;color: #999}
.oneD ul li:hover dd img{transform: scale(1.1);transition: all 0.5s ease;}

.oneE{margin-top: 40px;position: relative;margin-bottom: -92px;z-index: 999}
.oneEs{background: #16D5CC;padding: 50px 40px;margin: 0 12px;overflow: hidden;display: flex;align-items: center;flex-wrap: wrap}
.oneEs .title{margin-top: 0;text-align: left}
.oneEs .title h2,.oneEs .title p{color: #fff}
.oneEs .title h2{font-size: 24px}
.oneEs .title p{font-size: 14px}
.oneEsa{display: flex;justify-content: space-between;flex-wrap: wrap}
.oneEsa input{width: 29%;background: #fff;color: #666;text-indent: 15px}
.oneEsa textarea{width: 29%;background: #fff;height: 40px;line-height: 40px;color: #666;text-indent: 15px}
.oneEsa a{display: inline-block;width: 10%;color: #fff;line-height: 40px;text-align: center}

/*========================================= 底部 =====================================*/
.footer{width: 100%;background-color: #0C0C0C;overflow: hidden;padding: 132px 0 40px}
.foota p {margin-top: 24px;font-size: 16px;color: #666;}
.foota ul li {color: #666;line-height: 20px;padding-bottom: 15px;}
.foota ul li a{color: #666666}
.footb ul li{text-align: center}
.footc dd{display: inline-block;text-align: right;}
.footc dd img{width: 110px;height: 110px;display: inline-block;}
.footc dl{text-align: center}
.footc p{margin-top: 10px;color: #666}

.copy{background: #000;color: #666;line-height: 60px;text-align: center}
.copy a{color: #666}


@media screen and (max-width: 768px) {
    .top{display: none}
    .topAsr{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}
    .footer{padding: 177px 0 25px}
    .title h2{font-size: 20px}
    .title p{font-size: 14px}
    .topA{padding: 12px}
    .oneA{margin-top: 40px;z-index: initial}
    .oneA ul li h3{font-size: 14px;margin: 10px 0}
    .oneA ul li p{font-size: 12px}
    .oneA ul li img{width: 40px}
    .oneBr .title p{font-size: 16px}
    .title h2{font-size: 18px}
    .oneC ul li:nth-child(9){display: none}
    .oneEs{padding: 20px 12px}
    .oneEs .title h2{font-size: 18px}
    .oneEs .title p{font-size: 12px}
    .oneE{margin-bottom: -152px}
    .oneEsa input{width: 100%;margin-top: 15px;line-height: 35px}
    .oneEsa textarea{width: 100%;margin-top: 15px;height: 35px;line-height: 35px}
    .oneEsa a{width: 100%;margin-top: 15px}
    .oneBra ul li b{font-size: 20px;margin: 7px 0}
    .oneBra ul li dd img{width: 35px}
    .oneBl img{min-height: initial}
}