@charset "UTF-8";
.goodsmain{background: url("../images/webbg.jpg") no-repeat bottom #f8f8fa; background-size: 100% auto; padding-bottom: 20px}
.center{display: flex;}
.center .left{width: 280px; margin-right: 20px;position: relative}
.center .left .down{width: 264px; background: #ce893a; padding: 0 20px; position: absolute; left: 0; top:0; height: calc(100% - 140px); z-index: 1}
.center .left .leftH1{color: #ffffff; font-size: 28px; padding: 20px 0}
.center .left .leftMenu{width: 260px; margin-left: 20px; margin-top: 80px;  background:url("../images/Bamboo.png") no-repeat 72px bottom #fff; background-size: 149px auto;   padding: 20px 20px 285px 40px; position: relative; z-index: 2 }
.center .left .leftMenu .menuli{position: relative;display: flex; align-items: center; font-size: 18px; color: #151515; line-height: 4}
.center .left .leftMenu .menuli.active{color: #c5aa7d}
.right{width: 1000px; display: flex}
.rcenter{background: #fff; padding:0 20px 20px;}
.column{display: flex; align-items: center; justify-content: space-between; font-size:22px; color: #c5aa7d }
.column img{width: 24px; height: 24px; margin-right: 15px;}
.column div{display: flex; align-items: center;}
.search_box{width: 365px; display: flex; align-items: center; height: 42px; margin: 20px 0;}
.search_box input{background:#fff; flex: 1;  border: 1px solid #c5aa7d;  height: 40px; font-size: 14px; padding: 0 10px}
.search_box .searchbut{width: 86px; margin-left: auto; background: #c5aa7d; display: flex; align-items: center; justify-content: center; height: 42px;}
.search_box .searchbut img{width: 28px; height: 28px}
.itemul{display: flex; flex-wrap: wrap; }
.itemul .itemli{width: 228px; height: 228px; margin-right: 16px; position: relative; margin-bottom: 16px}
.itemul .itemli:nth-child(4n){margin-right: 0}
.itemul .itemli img{width: 228px; height: 228px;}
.itemul .itemli .name{position: absolute; bottom: 0; left: 0; width: 100%; line-height: 42px; text-align: center; color:#151515; font-size: 14px;  background: rgba(255,255,255,.3)}
.acenter{width: 680px; margin-right: 20px; background: #fff; padding: 0 20px 20px}
.listUl .listLi{margin-bottom: 20px; font-size: 16px;}
.listUl .listLi a{display: flex; align-items: center}
.listUl .listLi .rdetail{margin-left: auto; flex: 1; width: calc(100% - 200px)}
.listUl .listLi img{width: 180px; height: 135px; margin-right: 20px; }
.listUl .listLi .date{font-size: 14px;color: #555555; padding: 10px 0}
.listUl .listLi .seeDetail{color: #c5aa7d; font-size: 14px;}
.hotArticle{width: 300px; background: #fff; padding: 20px}
.rArtilcle .listli{margin-top: 20px; font-size: 16px; line-height: 1.7}
.rArtilcle .listli .date{font-size: 14px;color: #555555; padding-top: 10px}
.centerText {
    background: #fff;
    padding: 30px;
    margin-right: 20px;
    font-size: 14px;
    line-height: 1.7;
    flex: 1;
}
.centerText .title{font-size: 18px; text-align: center}
.centerText .datetime{font-size: 14px; color: #555; padding: 20px 0 35px 0; text-align: center}
.centerText img{max-width: 100% !important;}