.theme{background: #284bbf}
.color{color: #284bbf}

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

/*========================================= 头部 =====================================*/
header{width:100%;}
.top{line-height: 20px;padding: 10px 0;color: #fff;border-bottom: 1px solid rgba(0,0,0,0.2)}
.topl b{color: rgb(255, 217, 46)}
.topA{padding: 15px 0}
.logo{padding: 0}

nav{padding: 0!important;}
nav ul{display: flex;justify-content: space-between}
nav ul li{line-height: 45px;font-size: 16px;width: 14.2%;text-align: center}
nav ul li a{color: #fff}
nav ul li:hover,nav ul li.active{border-bottom: 3px solid #FFD92E}

.title{text-align: center;margin-top: 35px}
.title h2{font-size: 36px;}
.title label{font-size: 16px;text-transform: uppercase;display: block;margin-top: 10px}
.title p{color: rgb(102, 102, 102);margin-top: 15px}

.oneAg{background: #F4F4F4;overflow: hidden;padding-bottom: 40px}
.oneA{overflow: hidden;margin-top: 40px;position: relative}
.oneAl{position: absolute;top: 40px;left: 0;z-index: 1}
.oneAls{background: #fff;box-shadow: 0 0 10px #ccc;padding: 40px}
.oneAl .title{text-align: left;margin-top: 0}
.oneAl .title h2 span{font-size: 24px;color: #666;font-weight: normal}
.oneAla{margin: 30px 0}
.oneAla dl{line-height: 1.8;}
.oneAr img{width: 100%;}
.oneA .more{justify-content: left;position: absolute;bottom: -20px;left: 40px}
.oneA .more:hover{opacity: 0.85}

.more{line-height: 40px;margin-top: 40px;text-align: center;display: flex;justify-content: center}
.more a{display:inline-block;width: 180px;color: #fff;border-radius: 30px}

.oneB{padding: 50px 0;}
.oneB ul li{color: #fff;text-align: center;border-right: 1px solid #fff}
.oneB ul li b{font-size: 34px}
.oneB ul li:last-child{border-right: none}

.oneC{}
.oneC ul{display: flex;flex-wrap: wrap;align-items: flex-end}
.oneC ul li{margin-top: 30px}
.oneC ul li a{display: block}
.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{background-color: #f4f4f4;text-align: center;line-height: 53px;font-size: 18px}
.oneC ul li:hover dd img{transition: all 0.5s ease;transform: scale(1.1)}

.oneDa{margin-top: 40px}
.oneDa ul li{overflow: hidden}
.oneDa ul li dd{padding-left: 0}
.oneDa ul li dd img{width: 100%}
.oneDa ul li a{color: #fff}
.oneDa ul li dl{padding: 20px 12px}
.oneDa ul li dl p{font-size: 18px;margin: 30px 0}
.oneDa ul li dl label{display: block;margin-bottom: 10px}
.oneDa ul li dl span{line-height: 1.8;overflow:hidden;text-overflow:ellipsis;display:-webkit-box; -webkit-box-orient:vertical;-webkit-line-clamp:2;}

.oneDb{margin-top: 40px;overflow: hidden;}
.oneDbl dd{border: 1px solid rgb(204, 204, 204);padding: 15px;overflow: hidden}
.oneDbl dd img{width: 100%;}
/*.oneDbl:hover dd img{transform: scale(1.05);transition: all 0.5s ease}*/

.oneDbr ul li{overflow: hidden;padding: 20px 0;}
.oneDbr ul li dd{text-align: center;float: left;font-size: 16px;color: #333}
.oneDbr ul li dd b{font-size: 45px;line-height:41px}
.oneDbr ul li dl{margin-left: 85px;}
.oneDbr ul li dl p{font-size: 18px;margin-bottom: 5px}
.oneDbr ul li dl span{color: #999;line-height: 1.8;overflow:hidden;text-overflow:ellipsis;display:-webkit-box; -webkit-box-orient:vertical;-webkit-line-clamp:2;}
.more2{text-align: center;margin-top: 40px}
.more2 a{display: inline-block;width: 190px;line-height: 45px;border: 1px solid #BBBBBB;color: #666}

.oneE{margin-top: 40px;text-align: center;padding: 40px 0;color: #fff}
.oneE p{font-size: 36px;margin-bottom: 10px}
.oneE span{font-size: 24px}

.oneF{overflow: hidden}
.oneF ul{display: flex;flex-wrap: wrap;align-items: flex-end}
.oneF ul li{margin-top: 30px}
.oneF ul li a{display: block}
.oneF ul li dd{overflow: hidden;text-align: center}
.oneF ul li dd img{transition: all 0.5s ease;display: inline-block}
.oneF ul li p{text-align: center;font-size: 18px;margin: 10px 0}
.oneF ul li span{text-align: center;color: #666;line-height: 1.8;overflow:hidden;text-overflow:ellipsis;display:-webkit-box; -webkit-box-orient:vertical;-webkit-line-clamp:2;}
.oneF ul li:hover dd img{transition: all 0.5s ease;transform: scale(1.1)}

/*========================================= 底部 =====================================*/
.footer{width: 100%;background-color: #333;overflow: hidden;padding: 40px 0;margin-top: 40px}
.foot{color: #ccc;}
.foot a{color: #ccc}
.foota form{overflow: hidden}
.foota input{line-height: 45px;border: 1px solid #d3d3d3;width: 62%;background-color: #fff;text-indent: 15px;float: left}
.foota button{width: 50px;height: 47px;float: left}
.foota p{margin-top: 20px}
.footb h3{font-size: 20px;font-weight: normal}
.footb ul{margin-top: 30px}
.footb ul li{margin-bottom: 15px;}
.footc dd{display: inline-block;text-align: center;}
.footc dd img{width: 112px;height: 112px;display: inline-block;margin-top: 10px;}
.footc dl{text-align: center}
.footc p{margin-top: 10px}

@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{display: none}
    .footc{display: none}
    .copy{display: none}
    .navs_menu{display: block}
    .footer{padding: 25px 0 10px}
    .footb h3{font-size: 18px}
    .footb ul{margin-top: 15px}
    .title h2{font-size: 20px}
    .title p{font-size: 14px}
    .topA{padding: 12px}
    .oneAl{position: initial}
    .oneAls{padding: 12px}
    .oneAla{margin: 20px 0}
    .oneB{padding: 20px 0}
    .oneB ul li b{font-size: 24px}
    .oneC ul li dt{line-height: 34px;font-size: 14px}
    .oneDa ul li dd{padding-left: 12px;padding-top: 12px}
    .oneDa ul li dl p{margin: 10px 0;font-size: 16px}
    .oneDbr ul li{padding: 10px 0}
    .oneDbr ul li dd{font-size: 14px}
    .oneDbr ul li dd b{font-size: 28px}
    .oneDbr ul li dl p{font-size: 16px}
    .oneDb{margin-top: 20px}
    .oneDbr ul li dl{margin-left: 70px}
    .more2 a{width: 160px;line-height: 36px}
    .oneF ul li p{font-size: 16px}
    .oneE p{font-size: 24px}
    .oneE span{font-size: 16px}
}