h1, h2, h3, h4, h5, h6, p, span, div {
  margin: 0;
  padding: 0;
  letter-spacing: -0.5px;
}
.introduce_container{
  padding: 16px;
}
.color{
  color: #FFBB00;
}
.introduce_item_area:not(:first-child){
  margin-top: 40px;
}
.content_title{
  font-size: 20px;
  font-weight: bold;
  padding-bottom: 10px;
  border-bottom: 0.5px solid #222;
  margin-bottom: 10px;
}
.content_title .color{
  font-size: 22px;
  letter-spacing: 0;
}
#first_introduce .content_box .item_box{
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 3px;
  padding: 5px 0;
}
#first_introduce .content_box .item_box .title{
  font-size: 14px;
  font-weight: 400;
  color: #999;
}
#first_introduce .content_box .item_box .content{
  font-size: 14px;
  font-weight: 600;
  color: #222;
}
.quote{
  text-align: center;
  color: #cfcfcf;
  margin: 4px 0;
}
.slogan_box{
  margin-top: 10px;
}
.slogan_text{
  line-height: 1.8;
  text-align: center;
}
#second_introduce .item_box{
  margin-bottom: 8px;
}
#second_introduce .item_box .content{
  margin-left: 20px;
}
.sub_text{
  margin-bottom: 10px;
  line-height: 1.6;
}
.content_box h2{
  font-size: 18px;
  font-weight: bold;
  margin: 10px 0;
}
.flex-box{
  display: flex;
  align-items: center;
  font-weight: 600;
  margin-bottom: 4px;
  font-size: 15px;
}
.squre{
  color: #FFBB00;
  margin-right: 6px;
  font-size: 16px;
}

#second_slide_box .slick-slide,
#third_slide_box .slick-slide{
  margin:0 auto;
}
#second_slide_box .slick-dots,
#third_slide_box .slick-dots{
  display: flex; 
  list-style-type: none; 
  justify-content: center; 
  margin:0; 
  padding:0;
  gap: 6px;
}
#second_slide_box .slick-dots li button,
#third_slide_box .slick-dots li button{
  border:none; 
  outline:none; 
  font-size:0; 
  width:14px; 
  height:14px; 
  padding:5px; 
  margin:0 2px;
  color:transparent; 
  border-radius: 50%; 
  background-color: #ddd;
}
#second_slide_box .slick-dots .slick-active button,
#third_slide_box .slick-dots .slick-active button{
  background-color: #333;
}

#third_slide_box .slide_item{
  margin: 0;
}
#third_slide_box .slide_item .img_box{
  width: 100%;
  max-height: 230px;
  height: auto;
  overflow: hidden;
  position: relative;
  margin-bottom: 10px;
}
#third_slide_box .slide_item .item_box{
  margin-bottom: 10px;
}
#third_slide_box .slide_item .item_box .content {
  font-size: 13px;
  line-height: 1.6;
}
#third_slide_box .slide_item .img_box h2{
  width:100%;
  text-align: center;
  position: absolute;
  top: 50%;
  left: 50%;
  color: #fff;
  transform: translate(-50%, -50%);
  z-index: 1;
  font-size: 20px;
  font-weight: 500;
}
#third_slide_box .slide_item .img_box .overlay{  
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 100%;
  height: 100%;
  background-color: #000;
  opacity: 0.6;
}
#third_slide_box .slide_item .img_box img{
  width: 100%;
  height: 100%;
  object-fit: cover;
}

#fourth_introduce .text_box {
  display: flex;
  align-items: flex-start;
  padding: 0 10px;
  border-left: 6px solid #FFBB00;
  margin: 16px 0;
}
#fourth_introduce .text_box .title {
  font-size: 15px;
  font-weight: bold;
  margin-bottom: 5px;
  color: #000; 
  flex-shrink: 0; 
}
#fourth_introduce .text_box .description {
  font-size: 13px; 
  line-height: 1.6;
  color: #333;
  margin-left: 8px;
}
#fifth_introduce .content_box p{
  line-height: 1.6;
  margin-bottom: 10px;
} 
.logo_box{
  width:140px;
  margin: 20px auto;
}
.logo_box img{
  max-width: 100%;
}
@media screen and (max-width: 420px) {
  #first_introduce .content_box .item_box{
    flex-direction: column;
    align-items: start;
  }
}