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

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

/*========================================= 头部 =====================================*/
header{width:100%;}
.top{line-height: 20px;padding: 10px 0;background: #666666;color: #aaa}
.topnav{width: 100%;position: absolute;z-index: 11}
.topA{padding: 30px 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;}
nav ul li a{color: #fff;display: block}
nav ul li i{display: inline-block;width: 26px;height: 3px;}

.title{text-align: center;margin-top: 35px}
.title h2{font-size: 36px;color: #382924}
.title h3{font-size: 18px;font-weight: normal;margin: 10px 0 20px}
.title p{color:#666;margin-top: 10px;}
.title p i{display: inline-block;width: 66px;height: 1px;background-color: #a4a4a4;vertical-align: middle}

.oneA{margin-top: 40px}
.oneA .hd{padding: 0 12px;overflow: hidden}
.oneA .hd ul li{background-color: #eeeeee}
.oneA .hd ul li a{display: block;text-align: center;line-height: 50px;color: #382924;font-size: 18px;font-weight: bold}
.oneA .bd ul{display: flex;align-items: flex-end;flex-wrap: wrap}
.oneA .bd ul li{margin-top: 30px}
.oneA .bd ul li a{display: block;}
.oneA .bd ul li dd{border: 1px solid #dcdcdc;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 .bd ul li dd:hover img{transition: all 0.5s ease;transform: scale(1.1)}

.oneB{margin-top: 40px;padding: 40px 0 80px;overflow: hidden}
.oneBa{color: #fff}
.oneBa h2{font-size: 36px}
.oneBa p{line-height: 1.8;font-size: 16px;opacity: 0.8}
.oneBa ul{margin-top: 60px}
.oneBa ul li dd{}
.oneBa ul li dl dt{font-size: 34px}
.oneBa ul li dl span{font-size: 18px}

.oneC{margin-top: 40px}
.oneCl p{font-size: 24px}
.oneCl .text{font-size: 16px;color: #666;line-height: 1.8;margin: 55px 0}
.oneCl a{display: block;width: 130px;line-height: 40px;color: #fff;text-align: center;font-size: 16px}
.oneCr img{width: 100%;height: 426px;}

.oneD{margin-top: 40px}
.title2{border-top: 1px solid #ddd;margin-top: 35px}
.title2 dd{display: block;width: 180px;text-align: center;background-color: #fff;margin:0 auto;margin-top: -30px;
 border-left: 1px solid #dddddd;border-right: 1px solid #dddddd}
.title2 dd p{color: #999}
.oneDa{margin-top: 10px}
.oneDa ul{overflow: hidden;float: left;display: flex;flex-wrap: wrap;align-items: flex-end;width: 100%}
.oneDa ul li{margin-top: 40px;}
.oneDa ul li dd{overflow: hidden;text-align: center}
.oneDa ul li dd img{transition: all 0.5s ease;display: inline-block}
.oneDa ul li a{display: block;}
.oneDa ul li p{background: #f4f4f4;width: 100%;line-height: 60px;text-align: center;color: #666;}
.oneDa ul li:hover dd img{transition: all 0.5s ease;transform: scale(1.1)}

.oneE{margin-top: 30px;}
.oneE .oneEhd ul{display: flex;justify-content: center;flex-wrap: wrap}
.oneE .oneEhd ul li{margin-top: 10px}
.oneE .oneEhd ul li a{display: block;text-align: center;line-height: 50px;font-size: 16px;color: #fff;}
.oneEa{margin-top: 40px}
.oneEal .bd ul li a{display: block;position: relative}
.oneEal .bd ul li dd img{width: 100%;height: 386px}
.oneEal .bd ul li dt{padding: 10px;background: rgb(0,0,0,0.8);position: absolute;bottom: 0;left: 0;width: 100%;color: #fff;line-height: 1.8}
.oneEal .bd ul li dt h3{font-weight: normal;font-size: 16px}
.oneEal .bd ul li dt p{overflow: hidden;white-space: nowrap;text-overflow: ellipsis}
.oneEal .hd{background-color: #000000;text-align: right;padding: 4px 6px}
.oneEal .hd ul li{display: inline-block;width: 20px;height: 20px;text-align: center;line-height: 20px;color: #999;cursor: pointer;
    background-color: #444444;font-size: 12px;margin-left: 4px}
.oneEal .hd ul li.on{background: #FF6605;color: #fff;}

.oneEar ul li a{display: block;border-bottom: 1px dotted #d9d9d9;padding: 10px 0}
.oneEar ul li h3{font-size: 16px;}
.oneEar ul li dd{color: #999;margin: 6px 0;font-size: 12px}
.oneEar ul li p{color: #666;font-size: 12px;overflow:hidden;text-overflow:ellipsis;display:-webkit-box; -webkit-box-orient:vertical;-webkit-line-clamp:2;}
.oneEar ul li:nth-child(1) a{padding-top: 0}

.oneF{margin-top: 40px}
.oneFa{padding: 30px 0;font-size: 16px;color: #fff}
.oneFa a{color: #fff;margin: 0 5px}

/*========================================= 底部 =====================================*/
.footer{width: 100%;background-color: #343d44;overflow: hidden;padding: 40px 0;margin-top: 40px}
.foot{color: #fff}
.foot h3{font-size: 18px;color: #fff;font-weight: normal}
.foot h3 i {display: block;width: 40px;height: 1px;background-color: #fff;margin-top: 16px;}
.foota{border-right: #495157 solid 1px;min-height: 269px}
.foota p {margin-top: 24px;font-size: 16px;color: #fff;}
.foota ul {padding-top: 14px;}
.foota ul li {color: #fff;line-height: 20px;padding-top: 10px;}
.footb{border-right: #495157 solid 1px;min-height: 269px;padding: 0 40px}
.footbd{margin-top: 24px}
.footbd input{width: 48%;height: 44px;font-size: 14px;line-height: 43px;text-indent: 8px;color: #aeb0b2;padding-left: 6px;border: #71787c solid 1px;float: left;}
.footbd textarea {width: 100%;height: 74px;text-indent: 8px;resize: none;-webkit-appearance: none;color: #aeb0b2;line-height: 28px;padding-left: 6px;border: #71787c solid 1px;margin-top: 10px;}
.footbd input:nth-child(2){float: right}
.footbd a{width: 150px;height: 46px;margin-top: 20px;font-size: 16px;color: #fff;cursor: pointer;border: none;
    border: 0;display: inline-block;float: right;text-align: center;line-height: 46px}
.footc dd{display: inline-block;width: 198px;height: 198px;border: #71787c solid 1px;text-align: center;}
.footc dd img{width: 180px;height: 180px;display: inline-block;margin-top: 10px;}
.footc dl{text-align: center}
.footc p{margin-top: 20px}

.copy{background: #2a3137;color: #fff;line-height: 35px;padding: 10px 0;font-size: 12px}
.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{min-height: initial}
    .footb{display: none}
    .footc{display: none}
    .copy{display: none}
    .navs_menu{display: block}
    .footer{padding: 25px 0}
    .title h2{font-size: 22px}
    .title p{font-size: 14px}
    .title h3{font-size: 14px}
    .title2 h2{font-size: 22px}
    .title2 dd{margin-top: -25px}
    .topA{padding: 12px}
    .oneA{margin-top: 20px}
    .oneA .hd ul li a{line-height: 36px;font-size: 14px}
    .oneA .bd ul li{margin-top: 20px}
    .oneA .bd ul li p{font-size: 14px}
    .oneBa h2{font-size: 22px}
    .oneBa p{font-size: 14px}
    .oneB{padding: 40px 0}
    .oneBa ul{margin-top: 40px}
    .oneBa ul li{text-align: center}
    .oneBa ul li dd{float: initial}
    .oneBa ul li dl dt{font-size: 20px}
    .oneBa ul li dl span{font-size: 14px}
    .oneCl h2{font-size: 22px}
    .oneCl p{font-size: 20px}
    .oneCl .text{margin: 20px 0;font-size: 14px}
    .oneCl a{line-height: 34px;font-size: 14px}
    .oneCr{margin-top: 40px}
    .oneCr img{height: auto}
    .oneDa ul li{margin-top: 20px}
    .oneDa ul li p{line-height: 40px}
    .oneE .oneEhd ul li a{line-height: 34px;font-size: 14px}
    .oneEar{margin-top: 40px}
    .oneFa{padding: 15px 0;font-size: 14px}
    .foota p{font-size: 14px}
}