.product { background-color: #f5f5f5; }

.product_content { width: 1200px; margin: 0 auto; position: relative; top: -40px; background-color: #fff; padding: 30px; box-sizing: border-box; box-shadow: rgba(0, 0, 0, 0.35) 0px 5px 15px; }

.product_menu { display: flex; align-items: center; cursor: default; }

.product_menu h1 { font-size: 18px; }

.product_menu li { margin-right: 40px; padding: 2px 5px; cursor: pointer; }

.product_menu .li--on { border: 1px solid #1f2780; border-radius: 5px; color: #1f2780; }

.product_list { margin: 30px 0; display: none; }

.product_list .list_item { display: flex; flex-wrap: wrap; /*justify-content: space-between;*/ align-items: center; }

.product_list .lis { margin-bottom: 20px; }

.product_list .lis img { width: 260px; height: 260px; }

.product_list .lis h1 { line-height: 2; text-align: center; }

/* === product_detail */
.product_detail { background-color: #f5f5f5; position: relative; }

.product_detail_content { width: 1200px; margin: 0 auto; position: relative; top: -40px; background-color: #fff; padding: 30px; box-sizing: border-box; box-shadow: rgba(0, 0, 0, 0.35) 0px 5px 15px; display: flex; justify-content: space-between; }

.product_detail--left { width: 500px; height: 500px; }

.product_detail--left img { display: block; width: 100%; height: 100%; }

.product_detail--right { width: 53%; padding: 20px; box-sizing: border-box; }

.product_detail--right h1 { font-weight: bold; font-size: 28px; }

.product_detail--right h2 { font-size: 22px; }

.product_detail--right .text_p { margin: 20px 0 30px; }