.theme{background: #0d3982}
.color{color: #0d3982}

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

/*========================================= 头部 =====================================*/
header{width:100%;}
.top{line-height: 20px;padding: 10px 0;background: #2b2b2b;color: #fff;}
.topA{padding: 15px 0 50px;}
.topAs{display: flex;justify-content: space-between;align-items: center}
.logo{padding: 0}
.topAr{background: url("../img/topar.png") no-repeat left;padding-left: 50px;display: initial}
.topAr b{font-size: 18px}
.topAr p{color: #D0A95D}

nav{position: absolute;top: 130px;left: 0;z-index: 999;width: 100%}
nav ul{display: flex;justify-content: space-between}
nav ul li{font-size: 16px;width: 14.2%;text-align: center}
nav ul li a{color: #fff;display: inline-block;line-height: 60px}
nav ul li:hover a,nav ul li.active a{border-bottom: 3px solid #fff}

.title{margin-top: 35px;}
.title span{font-size: 16px;color: rgb(255, 186, 0)}
.title span img{width: 52px}
.title h2{font-size: 30px;font-weight: normal}
.title p{color: rgb(67, 67, 67);font-size: 16px}
.title dl{margin-top: 20px;display: flex;align-items: flex-end;justify-content: space-between}
.title i{background: #eac51c;display: inline-block;width: 36px;height: 2px;margin-top: 15px}

.more a{display: inline-block;width: 143px;line-height: 42px;text-align: center;background: #FFBA00;color: #fff}

.oneA{overflow: hidden}
.oneA ul{display: flex;flex-wrap: wrap;align-items: flex-end}
.oneA ul li{margin-top: 30px}
.oneA ul li a{display: block;}
.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: 16px;text-align: center;margin-top: 12px}
.oneA ul li:hover dd img{transition: all 0.5s ease;transform: scale(1.1)}

.oneBg{background: url("../img/obg.png") center repeat;overflow: hidden;margin-top: 40px;padding-bottom: 60px}
.oneBl .text{margin-top: 20px;color: #888;font-size: 16px;}

.more2{margin-top: 40px}
.more2 a{background: #D4D2D3}
.oneBl dl{color: #ff7404;font-size: 16px;margin-top: 10px}
.oneBl strong{font-size: 70px;letter-spacing: 1px;color: rgb(236, 236, 236);position: absolute;bottom: -100px;left: 0}

.oneBr{overflow: hidden;position: relative}
.oneBr ul{display: flex;flex-wrap: wrap;align-items: flex-end}
.oneBr ul li{margin-top: 30px}
.oneBr ul li a{display: block;}
.oneBr ul li dd{overflow: hidden;text-align: center;position: relative}
.oneBr ul li dd img{transition: all 0.5s ease;display: inline-block}
.oneBr ul li dd:after{content: '';position: absolute;bottom: 0;left: 0;width: 100%;height: 0;background: rgba(0,0,0,0.4);}
.oneBr ul li div{color: #fff;position: absolute;top: 0;right: 0;bottom: 0;margin: auto;height: 80px;z-index: 2;padding: 0 12px;opacity: 0}
.oneBr ul li div h3{font-size: 16px;margin-bottom: 10px}
.oneBr ul li div span{display:block;overflow:hidden;text-overflow:ellipsis;display:-webkit-box; -webkit-box-orient:vertical;-webkit-line-clamp:2;width: 100%}
.oneBr ul li p{padding: 10px;background: url("../img/ob.png") #fff no-repeat 96%;background-size: 16px;}
.oneBr ul li:hover dd img{transition: all 0.5s ease;transform: scale(1.1)}
.oneBr ul li:hover dd:after{height: 100%;transition: all 0.3s ease}
.oneBr ul li:hover dd div{opacity: 1;transition: all 0.5s ease}
.oneBr ul li:hover a{color: #fff}
.more3 a{display: inline-block;width: 42px;line-height: 42px;font-size:20px;color: #fff;text-align: center;position: absolute;top: 105px;right: 0;z-index: 3}

.oneC{padding-top: 60px;overflow: hidden;position: relative}
.oneCl img{width: 100%;}
.oneCr{text-align: right;}
.oneCr strong{font-size: 70px;letter-spacing: 1px;color: rgb(236, 236, 236);position: absolute;top: -100px;right: 0}
.oneCr .title{margin-top: 0}
.oneCr dl{line-height: 1.8;font-size: 16px;margin: 20px 0}
.oneCra a{display: inline-block;padding: 0 15px;line-height: 33px;border: 1px solid rgba(221,221,221,1);margin-left: 20px}
.oneCra a.a1{color: rgba(255,116,4,1)}
.oneCra a.a2{color: rgba(119,119,119,1)}

.oneD{margin-top: 40px;overflow: hidden;}
.oneDa{padding: 30px 0;display: flex;justify-content: space-between;align-items: center;flex-wrap: wrap}
.oneDal{color: #fff;}
.oneDal h2{font-size: 32px}
.oneDal h3{font-size: 24px;margin-top: 10px}
.oneDar dd{margin-left: 9%}
.oneDar dd a{display:block;border: 1px solid #ffffff;text-align: center;line-height: 40px;font-size: 16px;color: #fff}
.oneDar dt a{display:block;border: 1px solid #ffffff;color: #ffff00;font-size: 26px;font-weight: bold;line-height: 40px;text-align: center}
.oneDar dt a img{margin-right: 10px;vertical-align: inherit}

.title2{text-align: center}

.oneE{overflow: hidden;margin-top: 40px}
.onEla img{width: 100%}
.tit{display: flex;justify-content: space-between;align-items: center;border-bottom: 1px solid rgb(221, 221, 221);
    line-height: 50px;padding: 0 20px}
.tit h2{font-size: 20px}
.tit a{color: rgba(102,102,102,1);}
.onElb{border: 1px solid #ddd;margin-top: 20px;border-top: none}
.oneEl ul{padding: 5px 20px 20px}
.oneEl ul li{border-bottom: 1px dotted #e2e2e2;padding: 15px 0}
.oneEl ul li img{width: 20px;margin-right: 10px}
.oneEl ul li p{font-size: 16px;color: #999;margin-bottom: 10px}
.oneEl ul li span{color: #434343;display: block}

.oneEra{border: 1px solid #ddd;border-top: none}
.oneEra ul{padding: 5px 20px 20px}
.oneEra ul li{border-bottom: 1px dotted #e2e2e2;padding: 15px 0}
.oneEra ul li a{display: flex;align-items: center;justify-content: space-between}
.oneEra ul li dd{width: 29%;text-align: center}
.oneEra ul li dd img{display: inline-block}
.oneEra ul li dl{width: 68%}
.oneEra ul li dl h3{font-weight: normal;font-size: 16px;}
.oneEra ul li dl span{color:#999;font-size: 13px;margin: 10px 0;display: block}
.oneEra ul li dl p{line-height: 1.8;color: #999;
    overflow:hidden;text-overflow:ellipsis;display:-webkit-box; -webkit-box-orient:vertical;-webkit-line-clamp:2;}

/*========================================= 底部 =====================================*/
.footer{width: 100%;background-color: rgb(32, 32, 32);overflow: hidden;padding: 30px 0;margin-top: 40px;}
.foot h3{font-size: 16px;color: #fff;font-weight: normal}
.foota b{font-size: 24px}
.foota p {margin-top: 24px;font-size: 16px;color: #fff;}
.foota ul {padding-top: 20px;}
.foota ul li {color: #fff;line-height: 20px;padding-top: 10px;}
.footb ul{margin-top: 14px}
.footb ul li{line-height: 30px;width: 33.3%;float: left}
.footb ul li a{color: #fff;font-size: 12px;padding: 6px 30px 6px 0}
.footc{text-align: center}
.footc dd{border-left: 1px solid rgba(255,255,255,0.2);border-right: 1px solid rgba(255,255,255,0.2);margin-top: 20px;}
.footc dd img{width: 130px;height: 130px;display: inline-block;}
.footc dd p{color: #fff;font-size: 12px;margin-top: 10px}

.copy{background: #111111;color: #ccc;line-height: 35px;padding: 10px 0;font-size: 12px;}
.copy a{color: #ccc}

@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}
    .navs_menu{display: block}
    .more3{display: none}
    .more2{display: none}
    .oneBl dl{display: none}
    .oneCr strong{display: none}
    .footer{padding: 25px 0}
    .title h2{font-size: 20px}
    .title p{font-size: 14px}
    .topA{padding: 12px}
    .menu-button{margin-top: 0}
    .more a{width: 120px;line-height: 34px}
    .oneBg{padding-bottom: 40px}
    .oneBr ul li{padding: 0}
    .oneC{padding-top: 40px}
    .oneCr{margin-top: 20px}
    .oneCra{text-align: center}
    .oneCr dl{font-size: 14px;}
    .oneCra a{margin-left: 0;padding: 0 4px}
    .oneDal h2{font-size: 24px}
    .oneDal h3{font-size: 16px}
    .oneDar dd{margin: 20px 0}
    .tit h2{font-size: 16px}
    .oneEl ul{padding: 5px 15px 15px}
    .oneEl ul li p{font-size: 14px}
    .oneEr{margin-top: 40px}
    .oneEra ul{padding: 5px 15px 15px}
    .oneEra ul li dl span{display: none}
    .oneEra ul li dl h3{font-size: 14px}
    .oneEra ul li dl p{font-size: 12px}
    .foota b{font-size: 20px}
}