@charset "UTF-8";
.goodsmain{background: url("../images/webbg.jpg") no-repeat bottom #f8f8fa; background-size: 100% auto; padding-bottom: 20px}
.seebut{width: 110px; height: 35px; text-align: center; background: #c5aa7d; line-height: 35px; color: #ffffff; font-size: 14px;}
.topbox{background: #fff; display: flex; padding: 15px;}
.topbox .banner{width: 692px; height: 520px; overflow: hidden; margin-right: 16px;}
.swiper {
    width: 100%;
    height: 100%;
}
.swiper-slide img {
    width: 100%;
    height: 100%;
}
.listUl{width: 560px}
.listUl .listLi{margin-bottom: 20px; font-size: 16px;}
.listUl .listLi:last-child{margin-bottom: 0}
.listUl .listLi a{display: flex; align-items: center}
.listUl .listLi .rdetail{margin-left: auto; flex: 1; width: calc(100% - 280px)}
.listUl .listLi img{width: 230px; height: 160px; margin-right: 20px; }
.listUl .listLi .date{font-size: 14px;color: #555555; padding: 24px 0}
.mediaBox{margin-top: 20px; background: #fff; padding:16px}
.search_box{width: 365px; display: flex; align-items: center; height: 42px;}
.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}
.mediaTab,.mediaTab .tabbox{display: flex; align-items: center;}
.mediaTab .tabbox{margin-left: auto}
.mediaTab .tabbox .tabli{margin-left: 20px; border: 1px solid #c5aa7d; width: 100px; line-height: 36px; text-align: center; color: #c5aa7d; font-size:14px }
.mediaTab .tabbox .tabli.active{background: #c5aa7d; color: #fff}
.mediaUl{display: flex; flex-wrap: wrap; margin-top: 20px}
.mediaUl .mediali{width: 240px; margin-right: 16px; margin-bottom: 20px}
.mediaUl .mediali:nth-child(5n){margin-right: 0}
.mediaUl .mediali img{width: 240px; height: 190px;}
.mediaUl .mediali .name{ color:#151515; font-size: 16px; line-height: 1.7}
.mediaUl .mediali .name .date{color: #555; font-size: 14px; padding: 10px 0 15px 0}
.mediaUl .mediali .name .seebut{margin: 0 auto}
.media_text{padding-top: 20px; font-size: 16px; color: #151515;}
.media_text .date{display: flex; align-items: center; justify-content: space-between; color: #666; font-size: 14px; padding-top: 20px}