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

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

/*========================================= 头部 =====================================*/
header{width:100%;}
.top{line-height: 20px;padding: 10px 0;color: #fff}
.topA{padding: 25px 0}
.logo{padding: 0}
nav{margin-top: 13px;padding: 0!important;}
nav ul{display: flex;justify-content: space-between}
nav ul li{line-height: 35px;font-size: 16px;width: 14.2%;text-align: center}
nav ul li.active a{color: #fff}

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

.oneA{display: flex;justify-content: space-between;align-items: center;flex-wrap: wrap;margin-top: 40px}
.oneAl .title{text-align: left;margin-top: 0}
.oneAl .text{border-top: 1px solid #d9d9d9;margin-top: 15px;padding-top: 15px;line-height: 2;color: #666}
.oneAl .text a{color: #666}
.oneAr img{width: 100%;height: 265px}

.oneB{padding: 35px 0;margin-top: 40px}
.oneB ul li{text-align: center;color: #fff;}
.oneB ul li h3{font-size: 28px}
.oneB ul li p{margin-top: 10px}

.oneC{margin-top: 20px;overflow: hidden}
.oneC ul{display: flex;flex-wrap: wrap;align-items: flex-end}
.oneC ul li{margin-top: 20px}
.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 dt{padding: 10px 6px;font-weight: bold;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;text-align: center}
.oneC ul li:hover dd img{transition: all 0.5s ease;transform: scale(1.1)}

.oneD{margin-top: 40px}
.oneDa{padding: 60px 0 45px;min-height: 350px}
.oneDa .hd ul li{float: left;width: 25%;line-height: 34px}
.oneDa .hd ul li a{color: #fff}
.oneDa .oneDatit{color: #fff;font-size: 24px}
.oneDa .oneDatit span{font-size: 14px;}

.oneDb{padding: 40px!important;background: #fff;margin-top: -220px;box-shadow: 0 10px 10px #ccc}
.oneDb .bd{overflow: hidden;position: relative;min-height: 357px}
.oneDb .bd ul li{background: #f2f2f2;overflow: hidden;}
.oneDb .bd ul li dd{padding: 0;overflow: hidden}
.oneDb .bd ul li dd img{height: 357px;display: block;margin: 0 auto}
.oneDb .bd ul li dl{padding: 35px 40px}
.oneDb .bd ul li dl h3{font-weight: normal}
.oneDb .bd ul li dl span{font-size: 18px}
.oneDb .bd ul li dl p{margin: 30px 0 40px;line-height: 2;
    overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:5;}
.oneDb .bd .swiper-button-prev,.oneDb .bd .swiper-button-next{width: 38px;height: 38px;bottom: 0;top: initial;
    display: flex;flex-direction: column;align-items: center;justify-content: center;z-index: 99}
.oneDb .bd .swiper-button-prev{left: 62%}
.oneDb .bd .swiper-button-next{left: 66%}

.oneE{padding: 40px 40px 0!important;}
.oneE .tit{border-bottom: 1px solid #cccccc;padding-bottom: 12px}
.oneE .tit h2{font-size: 22px;color: #666}

.oneEl ul li{margin-top: 20px;width: 100%;overflow: hidden}
.oneEl ul li dd{padding:0}
.oneEl ul li dl{font-size: 12px;}
.oneEl ul li dl h3{font-size: 16px;overflow: hidden;white-space: nowrap;text-overflow: ellipsis}
.oneEl ul li dl span{display: inline-block;padding: 7px 0;color: #999}
.oneEl ul li dl p{overflow:hidden;text-overflow:ellipsis;display:-webkit-box; -webkit-box-orient:vertical;-webkit-line-clamp:3;color: #999}
.more{text-align: center;margin-top: 30px}
.more a{display: inline-block;line-height: 30px;border-radius: 30px;width: 110px}

.oneEr ul li{padding: 20px 0;border-bottom: 1px dotted #dbd4cd;overflow: hidden}
.oneEr ul li dd{color: #fff;text-align: center;font-size: 12px;max-width: 60px;min-height: 60px;padding: 0!important;}
.oneEr ul li dd b{display: block;font-size: 24px;padding-top: 4px}
.oneEr ul li dl{font-size: 12px;}
.oneEr ul li dl h3{font-size: 16px;overflow: hidden;white-space: nowrap;text-overflow: ellipsis}
.oneEr ul li dl p{overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;margin-top: 4px;color: #999}

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

/*========================================= 底部 =====================================*/
.footer{width: 100%;overflow: hidden;padding: 40px 0;background: url("../img/foot.png") no-repeat center;background-size: cover;margin-top: 40px}
.foot h3{font-size: 18px;color: #fff;font-weight: normal;margin-bottom: 40px}
.foot h3 span{font-size: 14px;color: #666}
.foota ul li{margin-bottom: 20px;color: #999}
.footb{padding: 0 40px}
.footbd{margin-top: 24px}
.footbd dl{width: 48.5%;float: left;margin-bottom: 20px}
.footbd label{color: #999}
.footbd label sup{color: red}
.footbd dl input{width: 100%;line-height: 35px;background-color: #666666;border-radius: 2px;margin-top: 8px;text-indent: 10px;color: #fff}
.footbd dl:nth-child(2n){float: right}
.footbd a{display:inline-block;width: 150px;height: 40px;color: #fff;cursor: pointer;border: none;text-align: center;line-height: 40px;
    border: 0;border-radius: 2px}

.copy{background: #202020;color: #999;line-height: 35px;padding: 10px 0;font-size: 12px;text-align: center}
.copy a{color: #999}

@media screen and (max-width: 768px) {
    .top{display: none}
    .topAl{display: none}
    .topAr{display: none}
     nav{display: none}
    .foota{min-height: initial}
    .footb{display: none}
    .footc{display: none}
    .copy{display: none}
    .navs_menu{display: block}
    .menu-button{display: block}
    .footfix{display: block}
    .footline{display: block}
    .footer{padding: 25px 0 0}
    .foot h3{margin-bottom: 20px}
    .title h2{font-size: 22px}
    .title p{font-size: 14px}
    .topA{padding: 12px}
    .oneAr{margin-top: 30px}
    .oneB{padding: 20px 0}
    .oneB ul li{padding: 10px 12px}
    .oneB ul li h3{font-size: 18px}
    .oneC ul li dt{padding: 10px 6px 0}
    .oneDb{padding: 12px!important;background: none}
    .oneDb .bd ul li dl{padding: 20px 12px}
    .oneDb .bd ul li dl h3{font-size: 20px}
    .oneDb .bd ul li dd img{height: 230px}
    .oneDb .bd .swiper-button-prev{left: 4%}
    .oneDb .bd .swiper-button-next{left: 16%}
    .oneE .tit h2{font-size: 18px}
    .oneE{padding: 20px 0!important;}
    .oneEl ul li dl h3{font-size: 14px}
    .oneEl ul li dl span{padding: 4px 0}
    .oneEr ul li dl h3{font-size: 14px}
    .oneAd{padding: 20px 12px}
    .oneAd h3{font-size: 18px}
    .oneAd p{font-size: 14px}
    .oneAd dd b{font-size: 20px}
}