.header{
  position:fixed;
  width:100%;
  top:0;
  left:0;
  color:#fff;
  font-weight:600;
  z-index:9999;
  box-sizing:border-box;
  transition:all ease-in .3s;
  background:#000;
}
.header .logo_b{
  display:none;
}
.header.white{
  color:rgba(28, 30, 33, 1);
  border-bottom:1px solid rgba(232, 234, 237, 1);
  background:#fff;
}
.header.white .logo_w{
  display:none;
}
.header.white .logo_b{
  display:block;
}

.header .container{
  display:flex;
  height:80px;
  align-items:center;
}
.header h1{
  margin-right:80px;
}
.header nav{
  width:100%;
  height:100%;
  display:flex;
  justify-content:space-between;
  align-items:center;
}
.header nav ul{
  display:flex;
  gap:80px;
  height:100%;
}
.header nav ul li{
  display:flex;
  align-items:center;
  height:100%;
  position:relative;
}
.header nav a{
  transition: all ease-in .3s;
}
.header nav ul a:hover, .header nav ul a.active{
  color:rgba(255, 173, 0, 1);
}
.header nav a:after{
  content:'';
  display:block;
  height:3px;
  width:100%;
  background:transparent;
  position:absolute;
  bottom:0;
  transition: all ease-in .3s;
}
.header nav ul a:hover:after, .header nav ul a.active:after{
  background:rgba(255, 173, 0, 1);
}
.header .wrap_lang{
  display:flex;
  color:#7C7C7C;
  font-weight:600;
}
.header .wrap_lang .active,
.header .wrap_lang li:hover{
  color:#fff;
}
.header .wrap_lang li{
  position:relative;
  font-size:16px;
}
.header .wrap_lang li:first-child{
  padding-right:17px;
  margin-right:16px;
}
.header .wrap_lang li:first-child:after{
  content:'';
  display:block;
  width:1px;
  height:15px;
  background:#7C7C7C;
  position:absolute;;
  top:50%;
  right:0;
  transform:translate(0,-50%);
}
.header.white .wrap_lang{
  color:#CACACA;
}
.header.white .wrap_lang li:first-child:after{
  background:#CACACA;
}
.header.white .wrap_lang .active,
.header.white .wrap_lang li:hover{
  color:#000;
}


.container{
  max-width:1280px;
  padding:0 20px;
  margin:auto;
  line-height:1.5;
  font-weight:600;
}

#section1, #section2, #section3, #section4, #section5, #section5 .sec5_grid{
  width:100%;
  position:relative;
  box-sizing:border-box;
  padding-top:240px;
}
#section1{
  height:700px;  
  padding:0;
  background:#000;
}
#section1 .bg_movie{
  width:100%;
  height:100%;
  object-fit:cover;
  position:absolute;
  z-index:0;
  overflow:hidden;
  top:0;
}
#section1 .bg_movie img{
  width:100%;
  height:100%;
  position:absolute;
  left:50%;
  top:50%;
  transform:translate(-50%, -50%);
  object-fit:cover;
  object-position:center center;
}

#section1 .container{
  display:flex;
  align-items:center;
  min-height:100%;
  color:#fff;
}

@keyframes fadeInUp{
  0%{
    opacity: 0;
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0);
  }
  100%{
    opacity: 1;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
  }
}

#section1 .sec1_title{
  font-size:60px;
  opacity:0;
  animation: fadeInUp 1.5s cubic-bezier(0.2, 0.23, 0.23, 0.99) 0.75s forwards;
}

.container .category{
  font-size:20px;
  color:#F56600;
  margin-bottom:32px;
  display:inline-block;
}

.container .sec_title{
  font-size:38px;
}
.container .sec_subtitle{
  color:#8B96A3;
  font-size:22px;
  line-height:2;
  margin-top:16px;
  font-weight:500;
}



#section2,
#section3{
  display:flex;
  justify-content:center;
  align-items:center;
  text-align:center;
}

#section2 .about-img{
  background:#FBF6ED;
  box-sizing:border-box;
  padding:55px 86px;
  border-radius:16px;
  overflow:hidden;
  display:flex;
  justify-content:space-between;
  margin-top:80px;
}
#section2 .about-img img{
  width:100%;
}
#section3{
  padding:240px 0;
}
#section3 .sec_subtitle{
  line-height:1.5;
  font-weight:600;
}
#section3 .business-img{
  border-radius:16px;
  overflow:hidden;
  margin-top:80px;
}
#section3 .business-img img{
  display:block;
  width:100%;
}
#section3 .business_list{
  display:grid;
  grid-template-columns:repeat(2,1fr);
  text-align:left;
  gap:16px;
  margin-top:40px;
}
#section3 .business_list li{
  display:flex;
  border-radius:8px;
  background:#F4F4F4; 
  padding:30px 60px;
  align-items:center;
}
#section3 .business_list li .wrap_img{
  border:1px solid #DEDEDE;
  border-radius:8px;
  overflow:hidden;
  min-width:100px;
}
#section3 .business_list li .wrap_txt{
  margin-left:32px;
}
#section3 .business_list li .item_tit{
  font-size:20px;
  font-weight:600;
  line-height:1.5;
  margin-bottom:8px;
}
#section3 .business_list li .item_desc{
  font-weight:500;
  color:#8B96A3;
}



#section4, #section6{
  padding:240px 0;
  text-align:center;
}
#section4{
  background:#F8F7F7;
}

#section4 .sec4_banner{
  height:560px;
  overflow:hidden;
  border-radius:16px;
  background:url(../images/sec4_img.png) 50% 50% no-repeat;
  background-size:cover;
  margin:80px 0;
}
#section4 .sec4_box1 .sec_title{
  font-size:30px;
}
#section4 .sec_subtitle{
  line-height:1.5;
}
#section4 .wrap_process{
  display:flex;
  justify-content:center;
  padding:80px 0 120px;
  border-bottom:1px solid #E1E1E1;
}
#section4 .wrap_process img{
  align-self:center;
  max-width:100%;
}
#section4 .wrap_process img:nth-child(2n){
  margin:0 16px;
}
#section4 .sec4_box2{
  padding-top:120px;
}
#section4 .goods_list{
  display:grid;
  gap:16px;
  grid-template-columns:repeat(3,1fr);
  margin-top:80px;
}
#section4 .goods_list li{
  border-radius:16px;
  overflow:hidden;
}
#section4 .goods_list li img{
  width:100%;
}

#section5{
  text-align:center;
}
#section5 .wrap_banner{
  width:100%;
  height:600px;
  background:url("../images/sec5_banner.png") 50% 50% no-repeat;
  background-size:cover;
  margin-top:80px;
}
#section5 .history_list{
  display:flex;
  grid-column-gap: 114px;
  -webkit-column-gap: 114px;
  -moz-column-gap: 114px;
  column-gap: 114px;
  align-items:flex-start;
  justify-content:center;
}
#section5 .history_list li{
  width:25%;
  max-width:200px;
}
#section5 .history_list .circle{
  width:200px;
  height:200px;
  border:3px solid rgba(245,102,0,0.2);
  border-radius:50%;
  display:flex;
  align-items:center;
  justify-content:center;
  margin:auto;
}
#section5 .sec5_grid{
  display:grid;
  gap:240px;
}
#section5 .wrap_history{
  position:relative;
  margin-top:100px;
}
#section5 .wrap_history:after{
  content:'';
  height:2px;
  width:100%;
  position:absolute;
  background:linear-gradient(to left, #FFFFFF 0%, #E8E8E8 50%, #fff 100%);
  left:0;
  top:241px;
  z-index:-1;
}
#section5 .history_list p{
  font-size:18px;
  font-weight:500;
  padding-top:35px;
  margin-top:35px;
  position:relative;
}
#section5 .history_list p:before{
  content:'';
  display:block;
  width:13.33px;
  height:13.33px;
  border-radius:50%;
  background:#F56600;
  position:absolute;
  top:0;
  left:50%;
  transform:translate(-50%, -50%);
}
#section5 .partner_list{
  display:grid;
  grid-template-columns:repeat(3,1fr);
  gap:16px;
  margin-top:80px;
}
#section5 .partner_list li{
  display:flex;
  align-items:center;
  justify-content:center;
  height:160px;
}
#section5 .wrap_map{
  margin-top:80px;
  border-radius:16px;
  overflow:hidden;
}
#section5 .wrap_map img{
  width:100%;
}

#section6 .wrap_banner{
  height:600px;
  background:url('../images/contact_i.png') 50% 50% no-repeat;
  background-size:cover;
  border-radius:16px;
  margin:80px 0;
}
#section6 .btn_contact{
  max-width:500px;
  height:70px;
  display:flex;
  align-items:center;
  justify-content:center;
  border-radius:4px;
  background:#000;
  color:#fff;
  font-size:18px;
  font-weight:bold;
  margin:auto;
}
#section6 .btn_contact:hover{
  background:#444;
}


#section7{
  background:url("../images/sec5_bg.png") 50% 50% no-repeat;
  background-size:cover;
  box-sizing:border-box;
  height:400px !important;
  
}

#section7 .container{
  height:100%;
  display:flex;
  align-items:center;
  padding:0 80px;
  box-sizing:border-box;
  word-break:keep-all;
}

.logo_gray{
  margin-bottom:24px;
}
.footer {}
.footer .container{
  font-weight:500;
}