.theme{background: #1f336e}
.color{color: #1f336e}

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

/*========================================= 头部 =====================================*/
header{width:100%;}
.top{line-height: 20px;padding: 10px 0;background: #2b2b2b;color: #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.active a{color: #fff}

.title{text-align: center;margin-top: 35px}
.title h2{font-size: 26px}
.title p{color: #A4A4A4;margin-top: 10px;}
.title p i{display: inline-block;width: 66px;height: 1px;background-color: #a4a4a4;vertical-align: middle}

.oneA{margin-top: 30px}
.oneA .hd{overflow: hidden}
.oneA .hd ul{display: flex;flex-wrap: wrap;justify-content: center}
.oneA .hd ul li{margin-top: 10px;}
.oneA .hd ul li a{display: block;text-align: center;line-height: 45px;color: #fff;border-radius: 5px}
.oneA .bd ul{display: flex;flex-wrap: wrap;align-items: flex-end}
.oneA .bd ul li{margin-top: 30px}
.oneA .bd ul li a{display: block;}
.oneA .bd ul li dd{overflow: hidden;text-align: center}
.oneA .bd ul li dd img{transition: all 0.5s ease;display: inline-block}
.oneA .bd ul li p{font-size: 16px;text-align: center;margin-top: 12px}
.oneA .hd ul li.on a{background: #E88843}
.oneA .hd ul li a.active{background: #E88843}
.oneA .bd ul li:hover dd img{transition: all 0.5s ease;transform: scale(1.1)}

.oneB{background: url("../img/ob.jpg") no-repeat center;background-size:cover;overflow: hidden;margin-top: 40px;padding-bottom: 60px}
.oneB .title h2{color: #fff}
.oneB .title p{color: #fff}
.oneB .title i{background: #fff}
.oneBa{margin-top: 40px;overflow: hidden;padding-bottom: 70px}
.oneBla{color: #fff}
.oneBla h2{font-weight: normal;font-size: 18px;margin: 20px 0;border-bottom: 4px groove #d9d9d9;display: inline-block;padding-bottom: 10px}
.oneBla dl{line-height: 1.8;}
.oneBla a{display: block;width: 160px;line-height: 38px;text-align: center;border-radius: 3px;
    border: 2px solid #fff;color: #fff;margin-top: 20px}
.oneBr img{width: 100%;border: 3px solid rgb(167, 198, 250);border-radius: 5px}

.oneC{margin-top: -70px;padding: 0 12px}
.oneC ul{background: #fff;padding: 40px 0}
.oneC ul li{text-align: center;}
.oneC ul li p{font-size: 40px;color: #666}
.oneC ul li span{color: #999}

.oneD ul{display: flex;flex-wrap: wrap;align-items: flex-end}
.oneD ul li img{transition: all 0.5s ease;display: inline-block}
.oneD ul li p{text-align: center;margin-top: 10px}

.oneE{background: url("../img/oe.jpg") no-repeat center;background-size:cover;overflow: hidden;margin-top: 40px;padding-bottom: 50px}
.oneE .title h2{color: #FFf}
.oneE .title p{color: #fff}
.oneE .title i{background: #fff}
.oneEa{margin-top: 40px}
.oneEa ul{display: flex;flex-wrap: wrap}
.oneEa ul li{padding: 20px 12px}
.oneEa ul li p{font-size: 16px;color: #fff;margin-bottom: 10px;font-weight: bold;overflow: hidden;white-space: nowrap;text-overflow: ellipsis}
.oneEa ul li span{font-size: 12px;color: #fff;opacity: 0.8;line-height: 1.8;}
.oneEa ul li.white{background: #fff}
.oneEa ul li.white p{color: #333}
.oneEa ul li.white span{color: #333}

.oneF{margin-top: 30px}
.oneF .hd{}
.oneF .hd ul{display: flex;justify-content: center;flex-wrap: wrap}
.oneF .hd ul li{margin-top: 10px}
.oneF .hd ul li a{display: block;text-align: center;line-height: 40px;color: #fff;border-radius: 5px}
.oneF .hd ul li.on a{background: #E88843}
.oneF .hd ul li a.active{background: #E88843}

.oneF .bd{margin-top: 15px}
.oneF .bd ul li{margin-top: 25px}
.oneF .bd ul li dd{text-align: center;float: left;width: 90px;height: 75px;color: #fff;margin: 0 20px 0 0;background: #434343;font-size: 18px}
.oneF .bd ul li dd b{display: block;font-size: 30px;line-height: 42px}
.oneF .bd ul li dl h3{font-size: 18px;font-weight: normal}
.oneF .bd ul li dl p{margin-top: 10px;padding-right: 10px;font-size: 12px;color: #666;line-height: 1.8;
    overflow:hidden;text-overflow:ellipsis;display:-webkit-box; -webkit-box-orient:vertical;-webkit-line-clamp:2;}
.oneF .bd ul li:nth-child(4){border-bottom: none}
.oneF .bd dd img{width: 100%}
.oneF .bd dl h3{font-size: 16px;font-weight: normal;margin-bottom: 8px}
.oneF .bd dl p{color: #5a5a5a;overflow:hidden;text-overflow:ellipsis;display:-webkit-box; -webkit-box-orient:vertical;-webkit-line-clamp:3;}

/*========================================= 底部 =====================================*/
.footer{width: 100%;background-color: #111111;overflow: hidden;padding: 30px 0;margin-top: 40px;border-bottom: 1px solid rgba(255,255,255,0.1)}
.foot{color: #858585}
.foot ul{display: flex;justify-content: space-between;flex-wrap: wrap}
.foot ul li{text-align: center}
.foot ul li i{font-size: 20px;display: inline-block;margin-right: 10px;vertical-align: middle}

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

@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}
    .footer{padding: 25px 0}
    .title h2{font-size: 20px}
    .title p{font-size: 14px}
    .topA{padding: 12px}
    .oneA{margin-top: 20px}
    .oneA .hd ul li a{line-height: 34px}
    .oneA .bd ul li{margin-top: 20px}
    .oneA .bd ul li p{font-size: 14px}
    .oneBa{margin-top: 20px;padding-bottom: 40px}
    .oneC ul li p{font-size: 20px}
    .oneC ul{padding: 25px 0}
    .oneD ul li{margin-top: 20px}
    .oneE{margin-top: 20px}
    .oneF .hd ul li a{line-height: 34px}
    .oneF .bd ul li dd{font-size: 12px;width: 70px;height: 65px}
    .oneF .bd ul li dd b{font-size: 24px}
    .oneF .bd ul li dl h3{font-size: 14px}
    .oneF .bd ul li dl p{margin-top: 5px}
}