@charset "UTF-8";
.title { text-align: center; margin: 10px 0; }

.title .title-cn { font-weight: bold; font-size: 26px; }

.title .title-en { color: #e9cf98; font-size: 18px; }

.introduce .title { text-align: left; }

.introduce_container { display: flex; justify-content: space-between; }

.introduce_desc { width: 73%; position: relative; }

.introduce_desc .pic { bottom: 0; right: 0; z-index: -1; position: absolute; }

.introduce_pic { width: 297px; height: 410px; }

.introduce_pic img { display: block; width: 100%; height: 100%; }

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

.process_container { width: 87%; height: 290px; margin: 30px auto; display: flex; flex-wrap: nowrap; align-items: center; justify-content: space-between; position: relative; }

.process_container li { width: 25%; height: inherit; display: flex; flex-direction: column; align-items: center; justify-content: space-between; }

.process_container li div { height: 40%; padding: 15px; box-sizing: border-box; -webkit-box-sizing: border-box; display: flex; flex-direction: column; align-items: center; text-align: justify; font-size: 14px; position: relative; }

.process_container li div:nth-child(odd) span { bottom: -15%; }

.process_container li div:nth-child(odd) i { bottom: -31%; }

.process_container li div:nth-child(even) span { top: -15%; }

.process_container li div:nth-child(even) i { top: -31%; }

.process_container li div span { position: absolute; font-size: 26px; color: #c4514d; text-align: center; }

.process_container li div i { z-index: 2; position: absolute; display: block; width: 10px; height: 10px; border-radius: 50%; background-color: #fff; border: 2px solid #c4514d; }

.process_container .line { position: absolute; background-color: #dca097; height: 2px; width: 100%; left: 50%; top: 50%; margin-left: -50%; /*宽度的一半*/ margin-top: -1px; /*高度的一半*/ }

.process_container .line::before { content: "BEFORE"; position: absolute; top: -8px; left: -80px; font-size: 18px; color: #666; }

.process_container .line::after { content: "FUTURE"; position: absolute; top: -8px; right: -80px; font-size: 18px; color: #666; }

.quality_container { margin-top: 20px; display: flex; justify-content: space-between; align-items: center; }

.quality_container li { cursor: pointer; text-align: center; }

.quality_container li img { border-radius: 50%; display: block; margin: 0 auto; width: 96px; height: 96px; }

.quality_container li h1 { margin: 10px 0; font-weight: bold; font-size: 24px; }

.quality_container li p { color: #000; }