.theme{background: #443e7c}
.color{color: #443e7c}

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

/*========================================= 头部 =====================================*/
header{width:100%;}
.top{line-height: 20px;padding: 10px 0;background: #fff;}
.topA{padding: 15px 0}
.logo{padding: 0}
nav{margin-top: 13px;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 a,nav ul li.active a{font-weight: bold}

.title{text-align: center;margin-top: 35px}
.title h2{font-size: 32px;font-weight: normal}
.title p{color: rgb(204, 204, 204);font-size: 34px}
.title p i{display: inline-block;width: 66px;height: 1px;background-color: #a4a4a4;vertical-align: middle}
.title p img{width: 30px}

.oneA{background-size:cover;overflow: hidden;margin-top: 40px;}
.oneAl .title{text-align: left;margin-top: 0}
.oneAla{margin-top: 30px}
.oneAla dl{line-height: 1.8;}
.oneAr img{width: 100%;}
.oneA .more{justify-content: left}

.more{line-height: 40px;margin-top: 40px;text-align: center;display: flex;justify-content: center}
.more a{display:inline-block;border: 1px solid rgba(204,204,204,1);width: 150px;text-align: center;float: left;border-right: none;font-size: 16px}
.more span{display: inline-block;width: 40px;background: #FDDD00;float: left;text-align:center;font-size: 28px;line-height: 42px;font-family: NSimSun}
.more:hover a{background: #FDDD00;border-color: #FDDD00;transition: all 0.3s ease}

.oneBg{background: url("../img/ob.png") rgb(10, 28, 68) fixed repeat;overflow: hidden;margin-top: 40px;padding-bottom: 60px}
.oneBg .title h2{color: #fff}
.oneB ul{display: flex;flex-wrap: wrap;align-items: flex-end}
.oneB ul li{margin-top: 30px}
.oneB ul li a{display: block;background: #fff;padding: 12px}
.oneB ul li dd{overflow: hidden;text-align: center;position: relative}
.oneB ul li dd:after{content: '';position: absolute;top: 0;right: 0;width: 100%;height: 100%;background: url("../img/search.png") rgba(0,0,0,0.6) no-repeat center;background-size:40px;opacity: 0}
.oneB ul li dd img{transition: all 0.5s ease;display: inline-block}
.oneB ul li p{font-size: 18px;text-align: center;margin: 12px 0}
.oneB ul li span{color: #999;overflow:hidden;text-overflow:ellipsis;display:-webkit-box; -webkit-box-orient:vertical;-webkit-line-clamp:2;}
.oneBg .more a{color: #fff}
.oneB ul li:hover dd:after{transition: all 0.5s ease;opacity: 1}

.oneC ul{display: flex;flex-wrap: wrap;align-items: flex-end}
.oneC ul li{margin-top: 30px}
.oneC ul li a{display: block;padding: 20px;background: #F4F4F4}
.oneC ul li dd{overflow: hidden;text-align: center;position: relative}
.oneC ul li dd:after{content: '';position: absolute;top: 0;right: 0;width: 100%;height: 100%;background: rgba(0,0,0,0.6);opacity: 0;}
.oneC ul li img{transition: all 0.5s ease;display: inline-block}
.oneC ul li p{font-size: 20px;margin: 12px 0}
.oneC ul li span{overflow:hidden;text-overflow:ellipsis;display:-webkit-box; -webkit-box-orient:vertical;-webkit-line-clamp:4;color: rgb(119, 119, 119);line-height: 1.8}
.oneC ul li:hover dd:after{transition: all 0.5s ease;opacity: 1}

.oneDg{background: #F4F4F4;overflow: hidden;margin-top: 40px;padding-bottom: 40px}
.oneD ul{display: flex;flex-wrap: wrap;align-items: flex-end}
.oneD ul li{margin-top: 30px}
.oneD ul li a{display: block;}
.oneD ul li dd{overflow: hidden;text-align: center;position: relative}
.oneD ul li dd:after{content: '';position: absolute;top: 0;right: 0;width: 100%;height: 100%;background: url("../img/search.png") rgba(0,0,0,0.6) no-repeat center;background-size:40px;opacity: 0;}
.oneD ul li img{transition: all 0.5s ease;display: inline-block;width: 100%}
.oneD ul li p{font-size: 18px;margin: 12px 0 6px 0}
.oneD ul li label{color: #999;font-size: 12px}
.oneD ul li span{margin-top:6px;overflow:hidden;text-overflow:ellipsis;display:-webkit-box; -webkit-box-orient:vertical;-webkit-line-clamp:2;color: rgb(119, 119, 119);line-height: 1.8}
.oneD ul li:hover dd:after{transition: all 0.5s ease;opacity: 1}


/*========================================= 底部 =====================================*/
.footer{width: 100%;overflow: hidden;padding: 30px 0;margin-top: 40px;}
.foot{color: #fff}
.foot h3{font-size: 18px;color: #fff;font-weight: normal;border-bottom: 1px solid rgba(255,255,255,0.4);padding-bottom: 15px}
.foota{padding-right: 15%}
.foota ul {padding-top: 14px;}
.foota ul li {line-height: 20px;padding-top: 10px;width: 50%;float: left}
.foota ul li a{color: #fff;opacity: 0.6;}
.footc dd{display: inline-block;text-align: center;}
.footc dd img{width: 110px;height: 110px;display: inline-block;margin-top: 10px;}
.footc dl{text-align: center}
.footc p{margin-top: 10px}

.copy{background: rgb(44, 38, 95);color: #fff;line-height: 35px;text-align: center;padding: 10px 0;}
.copy a{color: #fff}

@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}
    .footb{display: none}
    .footc{display: none}
    .copy{display: none}
    .navs_menu{display: block}
    .footer{background: none!important;padding: 0}
    .title h2{font-size: 20px}
    .title p{font-size: 14px}
    .topA{padding: 12px}
    .oneA{margin-top: 20px}
    .oneAr{display: none}
    .oneAla{margin-top: 20px}
    .more{line-height: 34px;margin-top: 20px}
    .more a{width: 135px;font-size: 14px}
    .more span{line-height: 36px}
    .oneBg{margin-top: 20px}
    .oneB ul li p{font-size: 16px}
    .oneC ul li p{font-size: 16px}
    .oneDg{margin-top: 20px}
    .oneD ul li p{font-size: 16px}
}