.index_banner { width: 100%; min-width: 1200px; height: 425px; }

.index_banner .swiper-slide { width: 1200px; height: 425px; background-repeat: no-repeat; background-size: cover; background-position: center; }

.product { background-color: #000000; }

.product_title img { display: block; /*width: 587px; height: 107px;*/ margin: 0 auto; }

.product_container { margin: 40px 0; display: flex; flex-wrap: wrap; justify-content: space-between; }

.product_container .item { background-color: #fff; width: 284px; margin-bottom: 20px; border-radius: 5px; transition: all .3s ease; transform: translateY(0); cursor: pointer; }

.product_container .item img { width: 284px; height: 262px; border-radius: inherit; }

.product_container .item:hover { transform: translateY(-5px); }

.product_container .item_box { display: flex; flex-direction: column; align-items: center; justify-content: center; }

.product_container .item_title { line-height: 1; white-space: nowrap; text-align: center; }

.product_container .item_title .title_en { top: 20px; color: #918a79; font-size: 14px; }

.product_container .item_title .title_cn { font-size: 22px; color: #000; margin-bottom: 5px; }

.product_container .more_btn { border: 1px solid #d8d5d0; border-radius: 25px; display: flex; align-items: center; line-height: 1; color: #635d4e; font-size: 16px; padding: 8px 15px; margin: 10px 0 20px; }

.product_container .more_btn i { background-color: #766e5a; border-radius: 20px; margin-left: 15px; width: 20px; height: 20px; position: relative; }

.product_container .more_btn i::after { content: ""; display: block; width: 8px; height: 8px; position: absolute; left: -4px; right: 0; bottom: 0; top: 6px; margin: 0 auto; transform: rotate(135deg); border-top: 1px solid #fff; border-left: 1px solid #fff; }

.product .text { text-align: center; font-size: 22px; color: #e2d8bf; }

@supports (-webkit-background-clip: text) or (background-clip: text) { .product .text { background: linear-gradient(to right, #e2d8bf, #bead86); -webkit-background-clip: text; background-clip: text; color: transparent; } }

.culture { background: #eee3c9; background-image: linear-gradient(to bottom, #fdfdfd, #eee3c9); }

.culture_title img { display: block; width: 520px; height: 107px; margin: 0 auto; }

.culture_container { margin: 40px 0; display: flex; flex-wrap: nowrap; justify-content: space-between; }

.culture_container .item { width: 200px; height: 410px; cursor: pointer; transition: all 0.3s ease; transform: translateY(0); position: relative; }

.culture_container .item img { width: 100%; height: 100%; }

.culture_container .item span { width: 100%; height: 80px; position: absolute; left: 0; bottom: 0px; color: #fff; text-align: center; }

.culture_container .item:hover { transform: translateY(-5px); }

.culture .text { text-align: center; font-size: 22px; color: #333; }

.join { width: 100%; min-width: 1200px; height: 470px; background: url("/assets/index/images/jiameng.jpg") no-repeat center/cover; display: flex; align-items: center; }

.join_container { height: 100%; color: #eee3c9; text-align: center; }

.join_container h2 { font-size: 40px; font-weight: bold; margin-bottom: 20px; }

.join_container p { font-size: 26px; line-height: 2; }

.join_container h1 { font-size: 50px; font-weight: bold; margin-top: 30px; }