html,body{
  width: 100%;
  height: 100%;
  margin: 0;
  padding: 0;
  font-family: "Noto Sans TC", sans-serif;
  background-color: #f5f5f5;
}

.col-1-5,
.col-sm-1-5,
.col-md-1-5,
.col-lg-1-5,
.col-xxl-1-5 {
  position: relative;
  min-height: 1px;
  padding-right: 15px;
  padding-left: 15px;
}

.col-1-5 {
  width: 20%;
  float: left;
}


@media (min-width: 768px) {
  .col-md-1-5 {
      width: 20%;
      float: left;
  }
}
@media (min-width: 992px) {
  .col-lg-1-5 {
      width: 20%;
      float: left;
  }
}
@media (min-width: 1200px) {
  .col-xl-1-5 {
      width: 20%;
      float: left;
  }
}
@media (min-width: 1400px) {
  .col-xxl-1-5 {
      width: 20%;
      float: left;
  }
}

/* nav */
#header .navbar{
  background-color: #005162;
  transition: 0.6s;
  position: fixed;
  width: 100%;
  z-index: 99;
}
#header .nav_scroll{
  background-color: transparent;
  transition: 0.6s;
}
#header .nav_scroll .logo{
  background: url('../image/logo_org.png') left center no-repeat;
  width: 215px;
  height: 65px;
  cursor: pointer;
  background-size: contain;
}
#header .nav_scroll .logo_en{
  background: url('../image/logo_org_en.png') left center no-repeat;
  width: 215px;
  height: 65px;
  cursor: pointer;
  background-size: contain;
}
#index #header .nav_scroll .logo{
  background: url('../image/logo_white.png') left center no-repeat;
}
#index #header .nav_scroll .logo_en{
  background: url('../image/logo_white_en.png') left center no-repeat;
}
#header .logo{
  background: url('../image/logo_white2.png') left center no-repeat;
  width: 215px;
  height: 65px;
  cursor: pointer;
  background-size: contain;
}
#header .logo_en{
  background: url('../image/logo_white2_en.png') left center no-repeat;
  width: 215px;
  height: 65px;
  cursor: pointer;
  background-size: contain;
}
.navbar_area{
  max-width: 1520px;
  margin: 15px auto;
}
.nav_linkarea{
  justify-content: flex-end;
}
.nav_linkarea .nav-link{
  color: #fff;
  padding-right: 20px !important;
  padding-left: 20px !important;
  transition: 0.4s;
}
.nav_linkarea .nav-link:hover{
  opacity: 0.6;
}
.nav_scroll .nav_linkarea .nav-link{
  color: #282828;
}
#index .nav_linkarea .nav-link{
  color: #fff;
}
.nav_right{
  display: flex;
  align-items: center;
  position: relative;
  margin-left: 30px;
}
.nav_right .dropdown{
  position: static;
}
.nav_lang{
  margin: 0px 10px;
}
.nav_scroll .lang_btn{
  color: #282828;
  transition: 0.4s;
}
.nav_scroll .lang_btn:hover{
  color: #282828;
  opacity: 0.6;
}
.lang_btn{
  color: #fff;
  text-decoration: none;
}
.lang_btn:hover{
  color: #fff;
  opacity: 0.6;
}
#index .lang_btn{
  color: #fff;
  text-decoration: none;
}
.nav_scroll .nav_lang :nth-child(1)::after{
  content: "";
  background-color: #9d9d9d;
}
.nav_lang :nth-child(1)::after{
  content: "";
  width: 1px;
  height: 12px;
  display: inline-block;
  margin-left: 12px;
  margin-right: 8px;
  background-color: #fff;
}
#index .nav_lang :nth-child(1)::after{
  content: "";
  background-color: #fff;
}
.cart{
  width: 50px;
  height: 50px;
  border-radius: 100%;
  border: solid 1px #fff;
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
  margin: 0px 10px;
}
.cart_icon{
  background: url('../image/cart.svg') no-repeat center;
  width: 30px;
  height: 30px;
  margin-left: -5px;
}
.nav_scroll .cart{
  border: solid 1px #9d9d9d;
}
.nav_scroll .cart_icon{
  background: url('../image/cart_b.svg') no-repeat center;
}
#index .cart{
  border: solid 1px #fff;
}
#index .cart_icon{
  background: url('../image/cart.svg') no-repeat center;
  width: 30px;
  height: 30px;
  margin-left: -5px;
}
.nav_scroll .cart_num{
  background-color: #005162;
  color: #fff;
}
.cart_num{
  width: 18px;
  height: 18px;
  border-radius: 100%;
  background-color: #fff;
  color: #005162;
  font-size: 12px;
  position: absolute;
  right: 5px;
  top: 5px;
  display: none;
}
.has_item .cart_num{
  display: flex;
  align-items: center;
  justify-content: center;
}
.nav_scroll .search{
  background-color: #005162;
  border: none;
}
.search{
  width: 50px;
  height: 50px;
  border: solid 1px #fff;
  border-radius: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 0px 10px;
  box-shadow: none !important;
}
.search_icon{
  width: 25px;
  height: 25px;
}
.search_menu{
  min-width: 350px;
  left: auto !important;
  right: 0px;
  margin-top: 15px !important;
  border: none;
  padding: 15px;
  background-color: #005162;
  box-shadow: 0px 0px 3px 1px rgba(0, 0, 0, 0.3);
}
.search_form{
  position: relative;
}
.search_input{
  background-color: transparent;
  border: none;
  border-bottom: solid 1px #fff;
  border-radius: 0;
}
.search_input:focus{
  background-color: transparent;
  box-shadow: none;
  border-bottom: solid 1px #fff;
  color: #fff;
}
.search_input::placeholder{
  color: #fff;
}
.search_btn{
  position: absolute;
  right: 0px;
  padding: 0px;
}
.sbtn_icon{
  width: 20px;
  height: 20px;
}

@media(max-width: 1399px){
  #header .nav_scroll .logo{
    background: url('../image/logo_org.png') left center no-repeat;
    width: 180px;
    height: 55px;
    background-size: contain;
  }
  #header .nav_scroll .logo_en{
    width: 180px;
    height: 55px;
  }
  #index #header .nav_scroll .logo{
    background: url('../image/logo_white.png') left center no-repeat;
    width: 180px;
    height: 55px;
    background-size: contain;
  }
  #index #header .nav_scroll .logo_en{
    width: 180px;
    height: 55px;
  }
  #header .logo{
    background: url('../image/logo_white2.png') left center no-repeat;
    width: 180px;
    height: 55px;
    background-size: contain;
  }
  #header .logo_en{
    width: 180px;
    height: 55px;
  }
  .nav_linkarea .nav-link{
    padding-right: 15px !important;
    padding-left: 15px !important;
  }
  .nav_right{
    margin-left: 0px;
  }
  .cart{
    width: 45px;
    height: 45px;
    margin: 0px 5px;
  }
  .cart_icon{
    width: 25px;
    margin-left: -3px;
    margin-top: 3px;
  }
  #index .cart_icon{
    width: 25px;
    margin-left: -3px;
    margin-top: 3px;
  }
  .cart_num{
    right: 3px;
    top: 3px;
    transform: scale(0.8);
  }
  .search{
    width: 45px;
    height: 45px;
    margin: 0px 5px;
  }
  .search_icon{
    width: 20px;
    height: 20px;
  }
  .search_menu{
    min-width: 300px;
    margin-top: 15px !important;
    padding: 10px 15px;
    box-shadow: 0px 0px 3px 1px rgba(0, 0, 0, 0.3);
  }
}
@media(max-width: 1199px){
  #header .nav_scroll .logo{
    width: 150px;
    height: 45px;
    background-size: contain;
  }
  #header .nav_scroll .logo_en{
    width: 150px;
    height: 45px;
  }
  #index #header .nav_scroll .logo{
    width: 150px;
    height: 45px;
    background-size: contain;
  }
  #index #header .nav_scroll .logo_en{
    width: 150px;
    height: 45px;
  }
  #header .logo{
    width: 150px;
    height: 45px;
    background-size: contain;
  }
  #header .logo_en{
    width: 150px;
    height: 45px;
  }
  .nav_linkarea .nav-link{
    padding-right: 10px !important;
    padding-left: 10px !important;
  }
  .nav_lang{
    margin: 0px 5px;
  }
  .nav_lang :nth-child(1)::after{
    content: "";
    width: 1px;
    height: 12px;
    margin-left: 10px;
    margin-right: 6px;
  }
  .cart{
    width: 40px;
    height: 40px;
    margin: 0px 5px;
  }
  .cart_icon{
    width: 25px;
    margin-left: -3px;
    margin-top: 3px;
  }
  .cart_num{
    right: 3px;
    top: 3px;
    transform: scale(0.8);
  }
  .search{
    width: 40px;
    height: 40px;
    margin: 0px 5px;
  }
  .search_icon{
    width: 18px;
    height: 18px;
  }
  .search_menu{
    min-width: 250px;
    margin-top: 15px !important;
    padding: 10px;
  }
  .sbtn_icon{
    width: 18px;
    height: 18px;
  }
}
@media(max-width: 1099px){
  #header .nav_scroll .logo{
    width: 130px;
    height: 40px;
    background-size: contain;
  }
  #header .nav_scroll .logo_en{
    width: 130px;
    height: 40px;
  }
  #index #header .nav_scroll .logo{
    width: 130px;
    height: 40px;
    background-size: contain;
  }
  #index #header .nav_scroll .logo_en{
    width: 130px;
    height: 40px;
  }
  #header .logo{
    width: 130px;
    height: 40px;
    background-size: contain;
  }
  #header .logo_en{
    width: 130px;
    height: 40px;
  }
  .nav_linkarea .nav-link{
    padding-right: 7px !important;
    padding-left: 7px !important;
  }
  .nav_lang :nth-child(1)::after{
    content: "";
    width: 1px;
    height: 12px;
    margin-left: 8px;
    margin-right: 4px;
  }
  .search_input{
    padding: 3px 5px;
  }
}
@media(max-width: 991px){
  #header .navbar{
    overflow-y: auto;
  }
  #header .nav_scroll .logo{
    background: url('../image/logo_white2.png') left center no-repeat;
    width: 130px;
    height: 40px;
    background-size: contain;
  }
  #header .nav_scroll .logo_en{
    background: url('../image/logo_white2_en.png') left center no-repeat;
    width: 130px;
    height: 40px;
    background-size: contain;
  }
  #index #header .nav_scroll .logo{
    background: url('../image/logo_white2.png') left center no-repeat;
    width: 130px;
    height: 40px;
    background-size: contain;
  }
  #index #header .nav_scroll .logo_en{
    background: url('../image/logo_white2_en.png') left center no-repeat;
    width: 130px;
    height: 40px;
    background-size: contain;
  }
  #header .nav_scroll{
    background-color: #005162;
  }
  .navbar_area{
    position: relative;
    margin: 0px auto;
    padding: 0px 30px;
  }
  .nav_linkarea{
    height: 100vh;
  }
  .nav_linkarea .navbar-nav{
    padding: 30px 0px;
    text-align: center;
  }
  .nav_scroll .nav_linkarea .nav-link{
    color: #fff;
  }
  .nav_linkarea .nav-link{
    color: #fff;
    border-bottom: solid 1px rgba(255, 255, 255, 0.1);
  }
  .nav_right{
    position: relative;
    right: 0px;
    display: block;
  }
  .nav_scroll .cart_num{
    background-color: #fff;
    color: #005162;
  }
  .nav_scroll .search{
    display: none;
  }
  .search{
    display: none;
  }
  .search_menu{
    display: block !important;
    position: relative;
    width: 100%;
    margin-top: 0px !important;
    box-shadow: none;
    padding-bottom: 30px;
  }
  .nav_lang{
    text-align: center;
  }
  .lang_btn{
    color: #fff;
  }
  .nav_scroll .lang_btn{
    color: #fff;
  }
  .nav_lang :nth-child(1)::after{
    content: "";
    background-color: #fff;
  }
  .nav_scroll .nav_lang :nth-child(1)::after{
    content: "";
    background-color: #fff;
  }
  .cart{
    width: 40px;
    height: 40px;
    margin: 15px auto;
    border: solid 1px #fff;
  }
  .cart_icon{
    background: url('../image/cart.svg') no-repeat center;
  }
  .nav_scroll .cart{
    border: solid 1px #fff;
  }
  .nav_scroll .cart_icon{
    background: url('../image/cart.svg') no-repeat center;
  }
  .navbar-toggler{
    position: absolute;
    top: 0px;
    z-index: 2;
    right: 10px;
    border-radius: 100%;
    border: none;
    height: 40px;
    width: 55px;
    cursor: pointer;
    box-shadow: none !important;
  }
  .navbar-toggler .hamburguer_btn{
    width: 100%;
    height: 2px;
    background: #fff;
    margin: 5px auto;
    transition: all 0.3s;
    backface-visibility: hidden;
  }
  .navbar-toggler.on .line1 {
    transform: rotate(45deg) translate(5px, 5px);
  }
  .navbar-toggler.on .line2 {
    opacity: 0;
  }
  .navbar-toggler.on .line3 {
    transform: rotate(-45deg) translate(5px, -5px);
  }
}
@media(max-width: 450px){
  #header .nav_scroll .logo{
    width: 110px;
    height: 35px;
  }
  #header .nav_scroll .logo_en{
    width: 110px;
    height: 35px;
  }
  #index #header .nav_scroll .logo{
    width: 110px;
    height: 35px;
  }
  #index #header .nav_scroll .logo_en{
    width: 110px;
    height: 35px;
  }
  .navbar_area{
    padding: 0px 15px;
  }
  .navbar-toggler{
    right: 5px;
    height: 35px;
    width: 55px;
  }
  .nav_linkarea .navbar-nav{
    padding: 15px 0px;
  }
  .search_menu{
    padding: 0px 10px 15px 10px;
  }
}

/* banner */
.index_banner{
  position: relative;
}
.banner_cover{
  width: 100%;
  height: 100%;
  position: absolute;
  background-color: rgba(0, 0, 0, 0.3);
  z-index: 1;
}
.index_bblock{
  padding: 0px;
}
.the_video{
  width: 100%;
}
.banner_tblock{
  position: absolute;
  top: 40%;
  margin-left: 10%;
  z-index: 2;
}
.btitle_1{
  color: #fff;
  font-size: 24px;
  letter-spacing: 2px;
  font-weight: 300;
}
.btitle_2{
  color: #fff;
  font-size: 68px;
  text-transform: uppercase;
  font-family: "Lato", sans-serif !important;
}
.btitle_3{
  color: #fff;
  font-size: 18px;
  letter-spacing: 2px;
  font-weight: 300;
}
.banner_tblock .more_btn{
  border: solid 1px #fff;
  color: #fff;
  margin-top: 20px;
}
.banner_tblock .more_btn .btn_arrow{
  background: url("../image/arrow_w.svg") center no-repeat;
}
.banner_tblock .more_btn:hover{
  background-color: #fff;
  color: #005162;
}
.banner_tblock .more_btn:hover .btn_arrow{
  background: url("../image/arrow.svg") center no-repeat;
}
.scroll_down{
  position: absolute;
  right: -30px;
  top: 50%;
  z-index: 2;
  display: flex;
  align-items: center;
  transform: rotate(90deg);
}
.scroll_text{
  font-size: 12px;
  color: #fff;
  margin-bottom: 0px;
  font-weight: 300;
}
.scroll_text::after{
  content: "";
  display: inline-block;
  width: 100px;
  height: 1px;
  background-color: #fff;
  margin-bottom: 3px;
  margin-left: 5px;
}

@media(max-width: 1299px){
  .btitle_1{
    font-size: 20px;
    letter-spacing: 2px;
  }
  .btitle_2{
    font-size: 60px;
  }
  .btitle_3{
    font-size: 16px;
    letter-spacing: 2px;
  }
}
@media(max-width: 1199px){
  .banner_tblock{
    top: 40%;
    margin-left: 5%;
  }
  .btitle_1{
    font-size: 18px;
    letter-spacing: 2px;
    margin-bottom: 5px;
  }
  .btitle_2{
    font-size: 50px;
    margin-bottom: 5px;
  }
  .btitle_3{
    font-size: 16px;
    letter-spacing: 2px;
  }
}
@media(max-width: 1099px){
  .banner_tblock{
    top: 40%;
    margin-left: 3%;
  }
  .btitle_1{
    font-size: 16px;
    letter-spacing: 1px;
    margin-bottom: 5px;
  }
  .btitle_2{
    font-size: 40px;
    margin-bottom: 5px;
  }
  .btitle_3{
    font-size: 14px;
    letter-spacing: 1px;
  }
}
@media(max-width: 991px){
  .index_banner{
    padding-top: 55px;
  }
  .banner_tblock{
    top: 35%;
    margin-left: 24px;
  }
  .btitle_1{
    font-size: 16px;
    letter-spacing: 0px;
    margin-bottom: 0px;
  }
  .btitle_2{
    font-size: 36px;
    margin-bottom: 0px;
  }
  .btitle_3{
    font-size: 14px;
    letter-spacing: 0px;
  }
  .scroll_down{
    right: -35px;
    top: 50%;
  }
  .scroll_text::after{
    content: "";
    width: 50px;
    height: 1px;
  }
}
@media(max-width: 767px){
  .banner_tblock{
    top: 30%;
  }
}
@media(max-width: 575px){
  .banner_tblock{
    top: 25%;
  }
  .btitle_1{
    font-size: 14px;
    letter-spacing: 0px;
    margin-bottom: 0px;
  }
  .btitle_2{
    font-size: 28px;
    margin-bottom: 0px;
  }
  .btitle_3{
    font-size: 12px;
    letter-spacing: 0px;
  }
  .scroll_down{
    right: -40px;
    top: 55%;
    transform: rotate(90deg) scale(0.8);
  }
  .scroll_text::after{
    content: "";
    width: 50px;
    height: 1px;
  }
}
@media(max-width: 450px){
  .index_banner{
    padding-top: 50px;
  }
  .banner_tblock{
    top: 20%;
  }
  .btitle_1{
    font-size: 12px;
  }
  .btitle_2{
    font-size: 20px;
    margin-bottom: 0px;
  }
  .btitle_3{
    font-size: 12px;
  }
  .scroll_down{
    display: none;
  }
}
/* Dots */
.banner_slick .slick-dotted.slick-slider{
    margin-bottom: 30px;
}
.banner_slick .slick-dots{
    position: absolute;
    bottom: 20%;
    display: block;
    width: 100%;
    padding: 0 0 0 10%;
    margin: 0;
    list-style: none;
    text-align: left;
}
.banner_slick .slick-dots li{
    position: relative;
    display: inline-block;
    width: 20px;
    height: 20px;
    margin: 0px 5px 0px 0px;
    padding: 0;
    cursor: pointer;
}
.banner_slick .slick-dots li button{
    font-size: 0;
    line-height: 0;
    display: block;
    width: 20px;
    height: 20px;
    margin: 0px 5px 0px 0px;
    cursor: pointer;
    color: transparent;
    border: 0;
    outline: none;
    background: transparent;
}
.banner_slick .slick-dots li button:before{
    font-family: 'slick';
    font-size: 10px;
    line-height: 20px;
    position: absolute;
    top: 0;
    left: 0;
    width: 20px;
    height: 20px;
    content: '•';
    text-align: center;
    opacity: .25;
    color: #fff;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}
.banner_slick .slick-dots li.slick-active button:before{
    opacity: .75;
    color: #fff;
}

@media(max-width: 1399px){
  .banner_tblock .more_btn{
    margin-top: 15px;
  }
  .banner_slick .slick-dots{
    bottom: 15%;
    padding: 0 0 0 10%;
  }
}
@media(max-width: 1199px){
  .banner_slick .slick-dots{
    bottom: 24px;
    padding: 0 0 0 5%;
  }
}
@media(max-width: 1099px){
  .banner_slick .slick-dots{
    padding: 0 0 0 3%;
  }
}
@media(max-width: 991px){
  .banner_slick .slick-dots{
    padding: 0 20px;
  }
  .banner_slick .slick-dots li button:before{
    font-size: 8px;
  }
}
@media(max-width: 767px){
  .banner_tblock .more_btn{
    margin-top: 0px;
  }
  .banner_slick .slick-dots li button:before{
    font-size: 8px;
  }
}
@media(max-width: 390px){
  .banner_slick .slick-dots li{
    margin: 0px;
  }
  .banner_slick .slick-dots{
    bottom: 10px;
    display: flex;
    justify-content: flex-end;
  }
}

/* index_application */
.application_area{
  background: url('../image/bg_pic3.png') no-repeat;
  background-position: right top;
  background-size: contain;
}
.index_application{
  padding: 200px 0px;
}
.index_apptop{
  max-width: 1520px;
  margin: auto;
  padding: 0px 30px;
}
.index_title_sm{
  color: #005162;
  font-size: 18px;
  letter-spacing: 2px;
  font-weight: 500;
}
.index_title_sm::before{
  content: "";
  display: inline-block;
  width: 10px;
  height: 10px;
  background-color: #005162;
  margin-right: 10px;
  margin-bottom: 3px;
}
.index_title_lg{
  font-size: 32px;
  color: #282828;
  font-weight: 500;
  letter-spacing: 2px;
}
.appslick_area{
  padding: 0;
  margin-top: 50px;
}
.app_slick .slick-list{
  padding: 0px 180px !important;
}
.app_slick .app_sitem{
  padding: 0px 24px;
  text-decoration: none;
}
.app_slick .app_sitem img{
  transform:scale(1,1);
  transition: all 0.8s ease-out;
  width: 100%;
}
.app_slick .app_sitem:hover  img{
  transform:scale(1.1,1.1);
}
.app_pic{
  border-radius: 10px;
  overflow: hidden;
}
.appitem_title{
  font-size: 24px;
  margin-top: 30px;
  color: #282828;
}
.app_slick .slick-prev{
  left: auto;
  right: 18%;
  z-index: 1;
  top: 0;
  margin-top: -130px;
}
.app_slick .slick-prev:before{
  content: '';
  background-image: url('../image/arrow_left.svg');
  display: block;
  width: 60px;
  height: 60px;
  background-position: left bottom;
  opacity: 1;
  transition: 0.4s;
}
.app_slick .slick-next{
  right: 13%;
  z-index: 1;
  top: 0;
  margin-top: -130px;
}
.app_slick .slick-next:before{
  content: '';
  background-image: url('../image/arrow_right.svg');
  display: block;
  width: 60px;
  height: 60px;
  background-position: right bottom;
  opacity: 1;
  transition: 0.4s;
}
.app_slick .slick-next:hover:before{
  content: '';
  background-image: url('../image/arrow_right_h.svg');
}
.app_slick .slick-prev:hover:before{
  content: '';
  background-image: url('../image/arrow_left_h.svg');
}

@media(max-width: 1799px){
  .app_slick .slick-prev{
    right: 15%;
    margin-top: -130px;
  }
  .app_slick .slick-next{
    right: 10%;
    margin-top: -130px;
  }
}
@media(max-width: 1699px){
  .app_slick .slick-prev{
    right: 13%;
    margin-top: -115px;
  }
  .app_slick .slick-next{
    right: 8%;
    margin-top: -115px;
  }
}
@media(max-width: 1599px){
  .app_slick .slick-prev{
    right: 10%;
    margin-top: -115px;
  }
  .app_slick .slick-next{
    right: 5%;
    margin-top: -115px;
  }
  .app_slick .app_sitem{
    padding: 0px 15px;
  }
  .appitem_title{
    font-size: 20px;
    margin-top: 15px;
  }
}
@media(max-width: 1499px){
  .index_application{
    padding: 150px 0px;
  }
  .index_title_sm{
    font-size: 18px;
    letter-spacing: 1px;
    font-weight: 500;
    margin-bottom: 5px;
  }
  .index_title_lg{
    font-size: 30px;
    font-weight: 500;
    letter-spacing: 1px;
  }
  .appslick_area{
    padding: 0;
    margin-top: 30px;
  }
  .app_slick .slick-list{
    padding: 0px 130px !important;
  }
  .app_slick .slick-prev{
    right: 9%;
    margin-top: -100px;
  }
  .app_slick .slick-next{
    right: 4%;
    margin-top: -100px;
  }
  .app_slick .slick-prev:before{
    content: '';
    background-image: url('../image/arrow_left.svg');
    width: 50px;
    height: 50px;
  }
  .app_slick .slick-next:before{
    content: '';
    background-image: url('../image/arrow_right.svg');
    width: 50px;
    height: 50px;
  }
}
@media(max-width: 1299px){
  .index_application{
    padding: 130px 0px;
  }
  .index_title_sm{
    font-size: 16px;
    letter-spacing: 0px;
    font-weight: 500;
    margin-bottom: 0px;
  }
  .index_title_lg{
    font-size: 26px;
    font-weight: 500;
    letter-spacing: 0px;
  }
  .appslick_area{
    padding: 0;
    margin-top: 15px;
  }
  .appitem_title{
    font-size: 18px;
    margin-top: 15px;
  }
  .app_slick .slick-list{
    padding: 0px 100px !important;
  }
  .app_slick .slick-prev{
    right: 11%;
    margin-top: -80px;
  }
  .app_slick .slick-next{
    right: 5%;
    margin-top: -80px;
  }
  .app_slick .slick-prev:before{
    content: '';
    background-image: url('../image/arrow_left.svg');
    width: 50px;
    height: 50px;
  }
  .app_slick .slick-next:before{
    content: '';
    background-image: url('../image/arrow_right.svg');
    width: 50px;
    height: 50px;
  }
}
@media(max-width: 1199px){
  .index_application{
    padding: 100px 0px;
  }
  .index_title_sm{
    font-size: 16px;
  }
  .index_title_lg{
    font-size: 24px;
  }
  .appslick_area{
    padding: 0;
    margin-top: 10px;
  }
  .app_slick .app_sitem{
    padding: 0px 12px;
  }
  .appitem_title{
    font-size: 16px;
    margin-top: 10px;
  }
  .app_slick .slick-list{
    padding: 0px 50px !important;
  }
  .app_slick .slick-prev{
    right: 11%;
    margin-top: -65px;
  }
  .app_slick .slick-next{
    right: 5%;
    margin-top: -65px;
  }
  .app_slick .slick-prev:before{
    content: '';
    background-image: url('../image/arrow_left.svg');
    width: 50px;
    height: 50px;
  }
  .app_slick .slick-next:before{
    content: '';
    background-image: url('../image/arrow_right.svg');
    width: 50px;
    height: 50px;
  }
}
@media(max-width: 991px){
  .index_application{
    padding: 80px 0px;
  }
  .index_title_sm{
    font-size: 16px;
  }
  .index_title_sm::before{
    content: "";
    display: inline-block;
    width: 8px;
    height: 8px;
    margin-right: 8px;
  }
  .index_title_lg{
    font-size: 22px;
  }
  .appslick_area{
    padding: 0;
    margin-top: 10px;
  }
  .app_slick .app_sitem{
    padding: 0px 12px;
  }
  .appitem_title{
    font-size: 16px;
    margin-top: 10px;
  }
  .app_slick .slick-list{
    padding: 0px 80px !important;
  }
  .app_slick .slick-prev{
    right: 13%;
    margin-top: -65px;
  }
  .app_slick .slick-next{
    right: 6%;
    margin-top: -65px;
  }
  .app_slick .slick-prev:before{
    content: '';
    background-image: url('../image/arrow_left.svg');
    width: 45px;
    height: 45px;
  }
  .app_slick .slick-next:before{
    content: '';
    background-image: url('../image/arrow_right.svg');
    width: 45px;
    height: 45px;
  }
}
@media(max-width: 767px){
  .index_application{
    padding: 65px 0px;
  }
  .index_title_sm{
    font-size: 16px;
  }
  .index_title_sm::before{
    content: "";
    display: inline-block;
    width: 5px;
    height: 5px;
    margin-right: 5px;
  }
  .index_title_lg{
    font-size: 20px;
  }
  .appslick_area{
    padding: 0;
    margin-top: 10px;
  }
  .app_slick .app_sitem{
    padding: 0px 12px;
  }
  .appitem_title{
    font-size: 16px;
    margin-top: 10px;
  }
  .app_slick .slick-list{
    padding: 0px 50px !important;
  }
  .app_slick .slick-prev{
    right: 15%;
    margin-top: -65px;
  }
  .app_slick .slick-next{
    right: 6%;
    margin-top: -65px;
  }
  .app_slick .slick-prev:before{
    content: '';
    background-image: url('../image/arrow_left.svg');
    width: 40px;
    height: 40px;
  }
  .app_slick .slick-next:before{
    content: '';
    background-image: url('../image/arrow_right.svg');
    width: 40px;
    height: 40px;
  }
}
@media(max-width: 575px){
  .index_apptop{
    padding: 0px 24px;
  }
  .index_application{
    padding: 50px 0px;
  }
  .app_slick .slick-prev{
    right: 18%;
    margin-top: -50px;
  }
  .app_slick .slick-next{
    right: 8%;
    margin-top: -50px;
  }
}
@media(max-width: 450px){
  .index_title_sm{
    font-size: 14px;
  }
  .index_title_lg{
    font-size: 18px;
  }
  .app_slick .app_sitem{
    padding: 0px 10px;
  }
  .app_slick .slick-prev{
    right: 19%;
    margin-top: -50px;
  }
  .app_slick .slick-next{
    right: 8%;
    margin-top: -50px;
  }
  .app_slick .slick-prev:before{
    content: '';
    background-image: url('../image/arrow_left.svg');
    width: 30px;
    height: 30px;
  }
  .app_slick .slick-next:before{
    content: '';
    background-image: url('../image/arrow_right.svg');
    width: 30px;
    height: 30px;
  }
}
@media(max-width: 390px){
  .index_title_lg{
    font-size: 16px;
  }
}

/* index_ESG */
.index_esg{
  max-width: 1520px;
  margin: auto;
  overflow: hidden;
}
.index_esgtitle_area{
  text-align: center;
}
.esg_mainarea{
  display: flex;
  align-items: center;
  justify-content: space-between;
  position: relative;
}
.esg_picarea{
  margin: auto;
  text-align: center;
}
.index_esgpic{
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  padding-left: 30px;
  padding-right: 30px;
  margin-left: -50px;
}
.esg_drop{
  position: absolute;
}
.esg_oil{
  z-index: -1;
}
.index_esgtext_l{
  position: absolute;
  margin-top: 200px;
}
.index_esgtext_r{
  position: absolute;
  z-index: 1;
  text-align: end;
  right: 0;
  margin-top: 200px;
}
.index_esgtext_l .esg_text_cn{
  margin-bottom: -30px;
}
.index_esgtext_r .esg_text_cn{
  margin-top: -25px;
}
.esg_text_cn{
  font-size: 20px;
  color: #282828;
  letter-spacing: 2px;
  margin-bottom: 0px;
}
.esg_text_en{
  font-size: 130px;
  color: #005162;
  font-weight: 600;
  letter-spacing: 2px;
  margin-bottom: 0px;
  font-family: "Lato", sans-serif !important;
}
.more_btn{
  border: solid 1px #005162;
  padding: 10px 20px;
  border-radius: 23px;
  text-decoration: none;
  color: #005162;
  display: inline-flex;
  align-items: baseline;
  transition: 0.4s;
  white-space:nowrap;
  min-width: 150px;
}
.btn_arrow{
  background: url("../image/arrow.svg") center no-repeat;
  width: 18px;
  height: 12px;
  background-size: contain;
  margin-bottom: 3px;
  margin-left: 10px;
}
.more_btn:hover{
  background-color: #005162;
  color: #fff;
}
.more_btn:hover .btn_arrow{
  background: url("../image/arrow_w.svg") center no-repeat;
  width: 18px;
  height: 12px;
}
.esg_link{
  font-size: 22px;
  border-radius: 30px;
}


@media(max-width: 1499px){
  .index_esgpic{
    margin: auto;
    max-width: 750px;
  }
  .esg_text_en{
    font-size: 110px;
    letter-spacing: 2px;
  }
  .esg_text_cn{
    font-size: 18px;
    letter-spacing: 2px;
  }
}
@media(max-width: 1299px){
  .index_esgpic{
    max-width: 700px;
  }
  .esg_text_en{
    font-size: 100px;
    letter-spacing: 2px;
  }
  .esg_text_cn{
    font-size: 18px;
    letter-spacing: 2px;
  }
  .esg_link{
    font-size: 20px;
    border-radius: 27px;
  }
}
@media(max-width: 1199px){
  .index_esgpic{
    max-width: 650px;
  }
  .esg_text_en{
    font-size: 90px;
    letter-spacing: 2px;
  }
  .esg_text_cn{
    font-size: 16px;
    letter-spacing: 2px;
  }
}
@media(max-width: 1099px){
  .index_esgpic{
    max-width: 600px;
  }
  .esg_text_en{
    font-size: 85px;
    letter-spacing: 2px;
  }
  .esg_text_cn{
    font-size: 16px;
    letter-spacing: 2px;
  }
}
@media(max-width: 991px){
  .index_esgpic{
    max-width: 550px;
  }
  .esg_text_en{
    font-size: 80px;
    letter-spacing: 1px;
  }
  .esg_text_cn{
    font-size: 16px;
    letter-spacing: 1px;
  }
  .index_esgtext_l .esg_text_cn{
    margin-bottom: -20px;
  }
  .index_esgtext_r .esg_text_cn{
    margin-top: -15px;
  }
  .esg_link{
    font-size: 18px;
    border-radius: 25px;
  }
}
@media(max-width: 890px){
  .index_esgpic{
    max-width: 450px;
  }
  .index_esgtext_l{
    margin-top: 130px;
  }
  .index_esgtext_r{
    margin-top: 130px;
  }
  .esg_text_en{
    font-size: 70px;
    letter-spacing: 0px;
  }
  .esg_text_cn{
    font-size: 16px;
    letter-spacing: 0px;
  }
  .index_esgtext_l .esg_text_cn{
    margin-bottom: -20px;
  }
  .index_esgtext_r .esg_text_cn{
    margin-top: -15px;
  }
}
@media(max-width: 767px){
  .index_esgpic{
    max-width: 350px;
  }
  .index_esgtext_l{
    margin-top: 80px;
  }
  .index_esgtext_r{
    margin-top: 80px;
  }
  .esg_text_en{
    font-size: 60px;
    letter-spacing: 0px;
  }
  .esg_text_cn{
    font-size: 14px;
    letter-spacing: 0px;
  }
  .index_esgtext_l .esg_text_cn{
    margin-bottom: -20px;
  }
  .index_esgtext_r .esg_text_cn{
    margin-top: -18px;
  }
  .more_btn{
    font-size: 14px;
    padding: 8px 16px;
    border-radius: 20px;
  }
  .esg_link{
    font-size: 16px;
    border-radius: 22px;
  }
}
@media(max-width: 690px){
  .index_esgpic{
    max-width: 350px;
  }
  .esg_text_en{
    font-size: 50px;
    letter-spacing: 0px;
  }
  .esg_text_cn{
    font-size: 14px;
    letter-spacing: 0px;
  }
}
@media(max-width: 575px){
  .index_esgpic{
    max-width: 300px;
  }
  .index_esgtext_l{
    margin-top: 65px;
  }
  .index_esgtext_r{
    margin-top: 65px;
  }
  .esg_text_en{
    font-size: 45px;
    letter-spacing: 0px;
  }
  .esg_text_cn{
    font-size: 12px;
    letter-spacing: 0px;
  }
  .index_esgtext_l .esg_text_cn{
    margin-bottom: -10px;
  }
  .index_esgtext_r .esg_text_cn{
    margin-top: -15px;
  }
}
@media(max-width: 500px){
  .index_esgpic{
    max-width: 250px;
  }
  .index_esgtext_l{
    margin-top: 50px;
  }
  .index_esgtext_r{
    margin-top: 50px;
  }
  .esg_text_en{
    font-size: 40px;
    letter-spacing: 0px;
  }
  .esg_picarea .more_btn{
    margin-top: 30px;
  }
}
@media(max-width: 450px){
  .index_esgpic{
    max-width: 200px;
  }
  .index_esgtext_l{
    margin-top: 30px;
  }
  .index_esgtext_r{
    margin-top: 30px;
  }
  .esg_text_en{
    font-size: 35px;
    letter-spacing: 0px;
  }
  .esg_link{
    font-size: 14px;
  }
}
@media(max-width: 390px){
  .index_esgpic{
    max-width: 160px;
  }
  .index_esgtext_l{
    margin-top: 0px;
  }
  .index_esgtext_r{
    margin-top: 0px;
  }
  .esg_text_en{
    font-size: 26px;
    letter-spacing: 0px;
  }
}

/* index_about */
.about_area{
  background: url('../image/bg_pic4.png') no-repeat;
  background-position: left top;
  background-size: contain;
}
.index_about{
  max-width: 1520px;
  margin: auto;
  padding: 200px 6px;
  justify-content: flex-end;
  align-items: flex-end;
  overflow: hidden;
}
.indexabout_titlearea{
  margin-bottom: 100px;
}
.index_aboutpic{
  border-radius: 10px;
  overflow: hidden;
}
.org_arrow{
  margin-left: 65px;
  flex-shrink: 0;
}
.indexabout_textarea{
  padding-left: 100px;
}
.indexabout_textarea .text_info{
  margin-bottom: 100px;
}
.text_mid{
  color: #282828;
  font-size: 18px;
  font-weight: 500;
  letter-spacing: 1px;
}
.text_info{
  color: #282828;
  font-size: 16px;
}

@media(max-width: 1499px){
  .index_about{
    padding: 150px 6px;
  }
}
@media(max-width: 1299px){
  .index_about{
    padding: 130px 6px;
  }
  .indexabout_titlearea{
    margin-bottom: 65px;
  }
  .indexabout_textarea{
    padding-left: 65px;
  }
  .indexabout_textarea .text_info{
    margin-bottom: 65px;
  }
}
@media(max-width: 1199px){
  .index_about{
    padding: 100px 6px;
  }
}
@media(max-width: 1099px){
  .indexabout_titlearea{
    margin-bottom: 50px;
  }
  .indexabout_textarea{
    padding-left: 50px;
  }
  .indexabout_textarea .text_info{
    margin-bottom: 50px;
  }
}
@media(max-width: 991px){
  .index_about{
    padding: 80px 6px;
    justify-content: flex-start;
    align-items: flex-end;
  }
  .indexabout_titlearea{
    margin-bottom: 30px;
  }
  .indexabout_textarea{
    padding-left: 12px;
  }
  .indexabout_textarea .text_info{
    margin-bottom: 15px;
  }
  .org_arrow{
    margin-left: 35px;
  }
}
@media(max-width: 890px){
  .index_about{
    justify-content: flex-start;
    align-items: flex-end;
  }
  .indexabout_titlearea{
    margin-bottom: 30px;
  }
  .indexabout_textarea{
    padding-left: 0px;
  }
  .indexabout_textarea .text_info{
    margin-bottom: 15px;
  }
}
@media(max-width: 767px){
  .index_about{
    justify-content: center;
    align-items: center;
  }
  .indexabout_titlearea{
    margin-bottom: 30px;
    text-align: center;
  }
  .indexabout_textarea{
    padding-left: 0px;
    margin-top: 30px;
    text-align: center;
  }
  .indexabout_textarea .text_info{
    margin-bottom: 30px;
  }
}
@media(max-width: 575px){
  .index_about{
    padding: 50px 0px;
  }
  .indexabout_titlearea{
    margin-bottom: 20px;
    text-align: center;
  }
  .indexabout_textarea{
    padding-left: 0px;
    margin-top: 20px;
    text-align: center;
  }
  .text_mid{
    font-size: 16px;
    font-weight: 500;
    letter-spacing: 0px;
    margin-bottom: 5px;
  }
  .indexabout_textarea .text_info{
    margin-bottom: 20px;
  }
}
@media(max-width: 390px){
  .text_mid{
    font-size: 16px;
    font-weight: 500;
    letter-spacing: 0px;
    margin-bottom: 5px;
  }
   .text_info{
    font-size: 14px;
  }
  .org_arrow{
    margin-left: 25px;
  }
}

/* index_logo_slick */
.index_logowall{
  padding: 0px;
}
.logo-wall {
  display: flex;
  overflow: hidden;
}
.logo-wall .logo-wrapper {
  display: flex;
  animation: scroll 60s linear infinite;
}
.logo-wall .logo-wrapper:nth-child(2) {
  animation: scroll2 60s linear infinite;
  animation-delay: -30s;
}
.logo-wall .logo{
  padding: 0px 80px;
}
@keyframes scroll {
  from {
    transform: translateX(100%);
  }
  to {
    transform: translateX(-100%);
  }
}
@keyframes scroll2 {
  from {
    transform: translateX(0%);
  }
  to {
    transform: translateX(-200%);
  }
}

@media(max-width: 1499px){
  .logo-wall .logo{
    padding: 0px 50px;
  }
  .logo-wall .logo img{
    max-height: 80px;
  }
}
@media(max-width: 1099px){
  .logo-wall .logo{
    padding: 0px 30px;
  }
  .logo-wall .logo img{
    max-height: 65px;
  }
}
@media(max-width: 767px){
  .logo-wall .logo{
    padding: 0px 20px;
  }
  .logo-wall .logo img{
    max-height: 50px;
  }
}
@media(max-width: 390px){
  .logo-wall .logo{
    padding: 0px 15px;
  }
  .logo-wall .logo img{
    max-height: 40px;
  }
}

/* index_media */
.index_media{
  max-width: 1520px;
  padding: 200px 6px;
  margin: auto;
}
.idx_m_top{
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 50px;
}
.idx_m_top .index_title_lg{
  margin-bottom: 0px;
}
.media_item{
  text-decoration: none;
  transition: all ease-in-out 0.4s;
  display: block;
  border-radius: 5px;
  overflow: hidden;
}
.media_pic{
  position: relative;
  overflow: hidden;
  width: 100%;
  padding-bottom: 73%;
}
.media_pic img{
  position: absolute;
  height: 100%;
  width: 100%;
  object-fit: cover;
  top: 0;
  left: 0;
  transition: all ease-in-out 0.4s;
  transform: scale(1, 1);
}
.media_bt{
  background-color: #fff;
  padding: 24px;
}
.media_item_title{
  font-size: 20px;
  color: #282828;
  margin-bottom: 10px;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
}
.media_item_text{
  font-size: 18px;
  color: #282828;
  margin-bottom: 0px;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
}
.mda_tp_dt{
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-top: 20px;
}
.type_date_gp{
  display: flex;
  align-items: center;
}
.media_date{
  font-size: 18px;
  color: #282828;
  margin-bottom: 0px;
}
.media_type{
  font-size: 16px;
  color: #282828;
  border: solid 1px rgba(0, 0, 0, 0.3);
  padding: 3px 10px;
  border-radius: 5px;
  margin-right: 10px;
  white-space: nowrap;
}
.mda_more{
  display: flex;
  align-items: center;
}
.mda_more_txt{
  font-size: 16px;
  color: #005162;
  margin-bottom: 0px;
  margin-right: 5px;
}
.mda_arrow{
  width: 18px;
}
.media_item:hover .media_pic img{
  transform: scale(1.08, 1.08);
}

@media(max-width: 1499px){
  .index_media{
    padding: 150px 6px;
  }
}
@media(max-width: 1299px){
  .index_media{
    padding: 130px 6px;
  }
  .idx_m_top{
    margin-bottom: 30px;
  }
  .media_item_title{
    font-size: 18px;
    margin-bottom: 8px;
  }
  .media_type{
    padding: 3px 8px;
    margin-right: 5px;
  }
  .media_date{
    font-size: 16px;
  }
  .media_item_text{
    font-size: 16px;
  }
}
@media(max-width: 1199px){
  .index_media{
    padding: 100px 6px;
  }
  .mda_tp_dt{
    margin-top: 15px;
  }
  .media_type{
    font-size: 14px;
  }
  .mda_more_txt{
    font-size: 14px;
  }
  .media_date{
    font-size: 14px;
  }
}
@media(max-width: 991px){
  .index_media{
    padding: 80px 6px;
  }
  .idx_m_top{
    margin-bottom: 20px;
  }
  .media_bt{
    padding: 20px;
  }
  .media_item_title{
    font-size: 16px;
  }
  .media_item_text{
    font-size: 14px;
  }
  .mda_tp_dt{
    margin-top: 10px;
  }
  .type_date_gp{
    margin-bottom: 5px;
  }
  .mda_tp_dt{
    display: block;
  }
}
@media(max-width: 575px){
  .index_media{
    padding: 50px 0px;
  }
}

/* index_catalog */
.index_catalog{
  max-width: 1520px;
  margin: auto;
  padding: 0px 6px 200px 6px;
}
.idx_ctl_item{
  background-color: #ededed;
  align-items: center;
  border-radius: 10px;
}
.idx_ctl_txtbox{
  padding: 65px 0px 65px 100px;
}
.idx_ctl_picbox{
  background-image: url('../image/catalog_bg.png');
  background-repeat: no-repeat;
  background-size: contain;
  background-position: right bottom;
  padding: 30px 0px;
}
@media(max-width: 1499px){
  .index_catalog{
    padding: 0px 6px 150px 6px;
  }
  .idx_ctl_txtbox{
    padding: 50px 0px 50px 80px;
  }
}
@media(max-width: 1299px){
  .index_catalog{
    padding: 0px 6px 130px 6px;
  }
  .idx_ctl_txtbox{
    padding: 30px 0px 30px 50px;
  }
  .idx_ctl_picbox{
    padding: 20px 0px;
  }
}
@media(max-width: 1199px){
  .index_catalog{
    padding: 0px 6px 100px 6px;
  }
}
@media(max-width: 991px){
  .index_catalog{
    padding: 0px 6px 80px 6px;
  }
  .idx_ctl_txtbox{
    padding: 20px 0px 20px 24px;
  }
  .idx_ctl_picbox{
    padding: 15px 0px;
  }
}
@media(max-width: 767px){
  .idx_ctl_txtbox{
    padding: 0px 0px 0px 24px;
  }
  .idx_ctl_ttl .index_title_lg{
    margin-bottom: 5px;
  }
}
@media(max-width: 575px){
  .index_catalog{
    padding: 0px 6px 50px 6px;
  }
  .idx_ctl_txtbox{
    padding: 24px;
  }
}

/* footer */
.footer{
  background-color: #005162;
}
.footer_area{
  max-width: 1520px;
  padding: 80px 6px 30px 6px;
  margin: auto;
}
.footer_top{
  display: flex;
  align-items: flex-end;
  justify-content: space-between;
  border-bottom: solid 1px rgba(255, 255, 255, 0.3);
  padding-bottom: 30px;
  margin-bottom: 50px;
}
.footer_logo_area{
  display: flex;
  align-items: center;
}
.footer_logo2{
  margin-left: 30px;
}
.footer_social_area{
  display: flex;
  align-items: center;
}
.social_link{
  width: 50px;
  height: 50px;
  border-radius: 100%;
  border: solid 1px rgba(255, 255, 255, 0.3);
  display: flex;
  align-items: center;
  justify-content: center;
  margin-left: 15px;
}
.socail_icon{
  width: 30px;
}
.footer_sitemap{
  display: flex;
  align-items: flex-start;
}
.sitemap_group{
  margin-right: 100px;
}
.sitemap_nav{
  color: #fff;
  text-decoration: none;
  display: block;
  margin-bottom: 20px;
}
.sitemap_nav:hover{
  color: #fff;
  opacity: 0.6;
}
.sitemap_innernav{
  color: rgba(255, 255, 255, 0.6);
  text-decoration: none;
  display: block;
  margin-bottom: 8px;
}
.sitemap_innernav:hover{
  color: rgba(255, 255, 255, 0.4);
}
.footer_info{
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
}
.footer_infotitle{
  font-size: 18px;
  color: #fff;
}
.footer_infoitem{
  color: #fff;
  margin-bottom: 10px;
  font-weight: 300;
  letter-spacing: 1px;
}
.footer_infoinner{
  margin-left: 15px;
  text-decoration: none;
  color: #fff;
}
.footer_infoinner:hover{
  color: #fff;
}
.footer_bottom{
  display: flex;
  justify-content: space-between;
  border-top: solid 1px rgba(255, 255, 255, 0.3);
  margin-top: 50px;
  padding-top: 30px;
}
.footer_design{
  color: rgba(255, 255, 255, 0.6);
  font-weight: 300;
  margin-bottom: 0px;
}
.footer_design a{
  color: rgba(255, 255, 255, 0.6);
  font-weight: 300;
}
.footer_copyright{
  color: rgba(255, 255, 255, 0.6);
  font-weight: 300;
  margin-bottom: 0px;
}
.topbtn{
  color: rgba(255, 255, 255, 0.6);
  font-weight: 300;
  margin-bottom: 0px;
  cursor: pointer;
  text-decoration: underline;
}

@media(max-width: 1399px){
  .sitemap_group{
    margin-right: 80px;
  }
}
@media(max-width: 1299px){
  .sitemap_group{
    margin-right: 65px;
  }
}
@media(max-width: 1199px){
  .footer_logo_area img{
    width: 30%;
  }
  .footer_top{
    padding-bottom: 30px;
    margin-bottom: 30px;
  }
  .social_link{
    width: 45px;
    height: 45px;
    margin-left: 15px;
  }
  .socail_icon{
    width: 25px;
  }
  .sitemap_group{
    margin-right: 50px;
  }
  .sitemap_nav{
    margin-bottom: 15px;
  }
  .sitemap_innernav{
    margin-bottom: 5px;
  }
  .footer_info{
    display: flex;
    flex-direction: column;
    align-items: flex-start;
  }
  .footer_bottom{
    margin-top: 30px;
    padding-top: 30px;
  }
}
@media(max-width: 991px){
  .footer_area{
    padding: 65px 6px 30px 6px;
  }
  .sitemap_group{
    margin-right: 30px;
  }
  .sitemap_nav{
    font-size: 14px;
    margin-bottom: 10px;
  }
  .sitemap_innernav{
    font-size: 14px;
  }
  .footer_infotitle{
    font-size: 16px;
    margin-bottom: 10px;
  }
  .footer_infoitem{
    margin-bottom: 5px;
    letter-spacing: 0px;
    font-size: 14px;
  }
  .footer_infoinner{
    margin-left: 10px;
  }
  .footer_design{
    font-size: 14px;
  }
  .footer_copyright{
    font-size: 14px;
  }
  .topbtn{
    font-size: 14px;
  }
}
@media(max-width: 767px){
  .footer_area{
    padding: 50px 6px 20px 6px;
  }
  .footer_top{
    justify-content: space-between;
    padding-bottom: 20px;
    margin-bottom: 20px;
  }
  .footer_logo_area img{
    width: 25%;
  }
  .social_link{
    width: 40px;
    height: 40px;
    margin-left: 12px;
  }
  .socail_icon{
    width: 20px;
  }
  .footer_sitemap{
    display: none;
  }
  .sitemap_group{
    margin-right: 0px;
  }
  .footer_info{
    display: flex;
    flex-direction: row;
    align-items: flex-start;
    justify-content: space-around;
  }
  .footer_bottom{
    margin-top: 20px;
    padding-top: 20px;
    display: block;
    text-align: center;
  }
}
@media(max-width: 575px){
  .footer_top{
    flex-direction: column;
    justify-content: center;
    align-items: center;
  }
  .footer_area{
    padding: 30px 0px 20px 0px;
  }
  .footer_logo_area{
    justify-content: center;
    margin-bottom: 20px;
  }
  .footer_logo_area img{
    width: 30%;
  }
  .social_link{
    width: 40px;
    height: 40px;
    margin: 0px 5px;
  }
  .socail_icon{
    width: 20px;
  }
}
@media(max-width: 450px){
  .footer_logo_area img{
    width: 25%;
  }
  .footer_infotitle{
    font-size: 14px;
    margin-bottom: 5px;
  }
  .footer_infoitem{
    margin-bottom: 3px;
    font-size: 12px;
  }
}

/* inner_banner */
.inner_tblock{
  padding: 0px 30px;
  overflow-x: hidden;
}
.inner_banner{
  padding-top: 100px;
}
.inner_bblock{
  padding: 0px;
}
.inner_banner_textarea{
  max-width: 1520px;
  margin: auto;
  padding: 50px 0px;
}
.inbanner_title_cn{
  font-size: 18px;
  color: #005162;
}
.inbanner_title_en{
  font-family: "Lato", sans-serif !important;
  font-size: 58px;
  font-weight: 500;
}
.st_bread .breadcrumb{
  margin-bottom: 0px;
}
.st_bread .breadcrumb-item{
  display: flex;
  align-items: center;
  font-size: 14px;
  color: #4d4d4d;
}
.st_bread .breadcrumb-item .bread_item{
  color: #4d4d4d;
  text-decoration: none;
}
.st_bread .breadcrumb-item .bread_index{
  color: #005162;
  text-decoration: none;
}
.st_bread .breadcrumb-item+.breadcrumb-item::before{
  content: "" !important;
  width: 30px;
  height: 1px;
  background-color: #4d4d4d;
  margin-right: 10px;
}

@media(max-width: 1199px){
  .inbanner_title_cn{
    font-size: 18px;
    margin-bottom: 0px;
  }
  .inbanner_title_en{
    font-size: 50px;
    margin-bottom: 10px;
  }
}
@media(max-width: 1099px){
  .inbanner_title_cn{
    font-size: 16px;
    margin-bottom: 0px;
  }
  .inbanner_title_en{
    font-size: 46px;
    margin-bottom: 5px;
  }
}
@media(max-width: 991px){
  .inner_banner{
    padding-top: 55px;
  }
  .inner_banner_textarea{
    padding: 35px 0px;
  }
  .inbanner_title_cn{
    font-size: 16px;
    margin-bottom: 0px;
  }
  .inbanner_title_en{
    font-size: 42px;
    margin-bottom: 0px;
  }
  .st_bread .breadcrumb-item{
    font-size: 12px;
  }
}
@media(max-width: 575px){
  .inner_tblock{
    padding: 0px 24px;
  }
  .inner_banner_textarea{
    padding: 30px 0px;
  }
  .inbanner_title_cn{
    font-size: 14px;
    margin-bottom: 0px;
  }
  .inbanner_title_en{
    font-size: 38px;
    margin-bottom: 0px;
  }
}
@media(max-width: 450px){
  .inbanner_title_en{
    font-size: 32px;
    margin-bottom: 0px;
  }
}
@media(max-width: 390px){
  .inbanner_title_en{
    font-size: 30px;
    margin-bottom: 0px;
  }
}

/* product_brand */
.inner_container{
  background: url('../image/bg_pic5.png') no-repeat right top, url('../image/bg_pic6.png') no-repeat left bottom;
  background-size: auto,auto;
}
.inner_area{
  max-width: 1520px;
  margin: auto;
  padding: 200px 6px;
}
.brand_area{
  justify-content: center;
}
.pbrand_title{
  text-align: center;
  margin-bottom: 76px;
  margin-top: 0px;
  z-index: 2;
}
.inner_midtitle{
  font-size: 32px;
  color: #282828;
  font-weight: 500;
}
.pbrand_block{
  background-color: #fff;
  border-radius: 10px;
  height: 100%;
  padding: 30px 60px;
  text-align: center;
  cursor: pointer;
}
.pbrand_btn_block{
  margin: 10px 0px 30px 0px;
  justify-content: center;
  align-items: center;
  min-height: 104px;
}
.pbrand_link{
  color: #005162;
  text-decoration: none;
  border: solid 1px #005162;
  display: block;
  padding: 5px 10px;
  border-radius: 18px;
  transition: 0.4s;
}
.pbrand_link:hover{
  color: #fff;
  background-color: #005162;
}
.pbrand_text{
  color: #282828;
}

@media(max-width: 1499px){
  .inner_area{
    padding: 150px 6px;
  }
  .pbrand_title{
    margin-bottom: 50px;
  }
  .pbrand_block{
    padding: 20px 40px;
  }
  .pbrand_btn_block{
    margin: 0px 0px 20px 0px;
  }
}
@media(max-width: 1399px){
  .pbrand_btn_block{
    min-height: 90px;
  }
}
@media(max-width: 1299px){
  .inner_container{
    background-size: 30%,30%;
  }
  .inner_area{
    padding: 130px 6px;
  }
  .pbrand_title{
    margin-bottom: 30px;
  }
  .inner_midtitle{
    font-size: 28px;
  }
  .pbrand_block{
    padding: 20px 30px;
  }
  .pbrand_btn_block{
    margin: 0px 0px 15px 0px;
  }
}
@media(max-width: 1199px){
  .inner_area{
    padding: 100px 6px;
  }
  .pbrand_title{
    margin-bottom: 15px;
  }
  .inner_midtitle{
    font-size: 26px;
  }
  .pbrand_block{
    padding: 20px;
  }
  .pbrand_btn_block{
    margin: 0px 0px 15px 0px;
  }
  .pbrand_link{
    padding: 5px;
    border-radius: 18px;
  }
}
@media(max-width: 1099px){
  .pbrand_link{
    padding: 5px;
    font-size: 14px;
    border-radius: 18px;
  }
  .pbrand_btn_block{
    min-height: 80px;
  }
}
@media(max-width: 991px){
  .inner_area{
    padding: 80px 6px;
  }
  .pbrand_title{
    margin-bottom: 0px;
  }
  .inner_midtitle{
    font-size: 24px;
  }
  .pbrand_btn_block{
    margin: 10px 0px 20px 0px;
    min-height: 165px;
  }
  .pbrand_text{
    font-size: 14px;
  }
}
@media(max-width: 767px){
  .inner_area{
    padding: 65px 6px;
  }
}
@media(max-width: 575px){
  .inner_container{
    background-size: 35%,35%;
  }
  .inner_area{
    padding: 50px 0px;
  }
  .pbrand_btn_block{
    margin: 15px 0px 30px 0px;
    min-height: auto;
  }
  .inner_midtitle{
    font-size: 20px;
    margin-bottom: 0px;
  }
}
@media(max-width: 450px){
  .inner_midtitle{
    font-size: 18px;
  }
}

/* product_list */
.plist_top{
  align-items: center;
  margin-bottom: 50px;
  margin-left: 0px;
  margin-right: 0px;
  padding: 0px;
}
.plist_toptext{
  margin-bottom: 0px;
  padding-left: 30px;
  color: #282828;
}
.plist_typetitle{
  margin-top: 35px;
}
.plist_brand{
  opacity: 0;
  position: absolute;
}
.plist_type_btn{
  display: none;
}
.plist_tab{
  position: relative;
  padding: 0px;
  border: none;
  background-color: transparent;
}
.plist_tab .nav-item{
  border-bottom: solid 1px #cecece;
}
.plist_tab .nav-link{
  padding: 50px 0px 25px 0px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  color: #282828;
  font-weight: 500;
  transition: 0.4s;
}
.plist_tab .nav-link:hover{
  background-color: transparent;
 opacity: 0.6;
}
.plist_tab .active{
  color: #005162;
  background-color: transparent;
}
.plist_tab .active .plist_tabnum{
  background-color: #005162;
  color: #fff;
  border-radius: 100%;
}
.plist_tabnum{
  display: flex;
  align-items: center;
  justify-content: center;
  width: 30px;
  height: 30px;
  color: #282828;
}
.plist_count{
  color: #005162;
  text-align: end;
}
.plist_linkarea{
  padding-left: 76px;
}
.plist_item{
  position: relative;
  display: block;
  background-color: #fff;
  border-radius: 10px;
  height: 100%;
  padding: 30px 90px 30px 30px;
  text-decoration: none;
}
.plist_item:hover .media_more_arrow{
  background-color: #005162;
  transition: 0.4s;
}
.plist_item:hover .media_more_arrow .media_arrow{
  background: url("../image/arrow_w.svg") center no-repeat;
  transition: 0.4s;
}
.plist_type_title{
  font-size: 18px;
  color: #282828;
}
.plist_type_title::before{
  content: "";
  display: inline-block;
  width: 2px;
  height: 15px;
  background-color: #005162;
  margin-right: 10px;
}
.plist_item_ul{
  color: #282828;
  font-size: 14px;
  margin-top: 20px;
  margin-bottom: 0px;
}
.plist_item_ul li{
  margin-top: 10px;
  list-style-type: none;
  list-style-image: url('../image/li_point.svg');
}
.plist_item_arrow{
  position: absolute;
  right: 30px;
  bottom: 30px;
}

@media(max-width: 1499px){
  .plist_linkarea{
    padding-left: 50px;
  }
}
@media(max-width: 1299px){
  .plist_top{
    margin-bottom: 35px;
  }
  .plist_tab .nav-link{
    padding: 30px 0px 15px 0px;
  }
  .plist_linkarea{
    padding-left: 30px;
  }
  .plist_item{
    padding: 20px 70px 20px 20px;
  }
  .plist_item_arrow{
    right: 20px;
    bottom: 20px;
  }
}
@media(max-width: 1199px){
  .plist_top{
    margin-bottom: 30px;
  }
  .plist_toptext{
    padding-left: 0px;
  }
  .plist_typetitle{
    margin-top: 30px;
  }
  .plist_tab .nav-link{
    padding: 25px 0px 10px 0px;
  }
  .plist_tabnum{
    font-size: 14px;
    width: 25px;
    height: 25px;
  }
  .plist_count{
    margin-bottom: 10px;
  }
  .plist_linkarea{
    padding-left: 0px;
  }
  .plist_item_ul{
    font-size: 14px;
    margin-top: 15px;
    padding-left: 15px;
  }
}
@media(max-width: 991px){
  .plist_toptext{
    font-size: 14px;
  }
  .plist_tab .nav-link{
    padding: 25px 0px 10px 0px;
    font-size: 14px;
  }
  .plist_tabnum{
    font-size: 12px;
    width: 20px;
    height: 20px;
  }
  .plist_count{
    margin-bottom: 10px;
    font-size: 14px;
  }
  .plist_type_title{
    font-size: 16px;
  }
  .plist_item_ul li{
    margin-top: 5px;
  }
  .plist_item_arrow{
    display: none;
  }
  .plist_item{
    padding: 20px;
  }
}
@media(max-width: 575px){
  .plist_top{
    margin-bottom: 15px;
  }
  .plist_toptext{
    font-size: 14px;
    margin-top: 15px;
  }
  .plist_typetitle{
    margin-top: 15px;
    margin-bottom: 15px;
    text-align: center;
  }
  .plist_type_left{
    position: relative;
    z-index: 1;
    margin-bottom: 30px;
  }
  .plist_type_btn{
    display: block;
    width: 100%;
    background-color: #005162;
    border-radius: 25px;
    border: none;
    padding: 12px;
    font-size: 14px;
  }
  .plist_type_btn:focus{
    background-color: #005162;
    box-shadow: none !important;
  }
  .plist_type_btn:hover{
    background-color: #005162;
    box-shadow: none;
  }
  .plist_tab{
    position: absolute;
    display: none;
    padding: 0px;
    border: none;
    background-color: #005162;
    width: 100%;
    border-radius: 10px;
  }
  .plist_tab .nav-item{
    border-bottom: solid 1px rgba(255, 255, 255, 0.3);
  }
  .plist_tab .nav-link{
    padding: 10px 0px;
    font-size: 14px;
    display: block;
    text-align: center;
    color: #fff;
    font-weight: 300;
  }
  .plist_tab .plist_tabnum{
    display: none;
  }
}

/* product_detail */
.pdetail_area{
  align-items: center;
}
.product_slick{
  display: flex;
  justify-content: space-between;
}
.p_left_slick{
  width: 100px;
}
.p_right_slick{
  width: calc(100% - 130px);
}
.p_left_slick .slick-slide{
  cursor: pointer;
}
.p_left_slick .slick-slide img{
  margin: 0px auto 15px;
  border-radius: 5px;
}
.p_left_slick .slick-current img{
  border: solid 1px #005162;
}
.p_right_slick .slick-slide img{
  border-radius: 10px;
}
.pdetail_right{
  padding-left: 100px;
}
.pdetail_type{
  font-size: 16px;
  font-weight: 400;
  color: #005162;
  letter-spacing: 2px;
  margin-bottom: 10px;
}
.pdetail_rinfo{
  margin-top: 100px;
}
.pdetail_rinfo_title{
  color: #282828;
  border-bottom: solid 1px #cecece;
  padding-bottom: 20px;
  margin-bottom: 50px;
}
.pdetail_rinfo_ul li{
  margin-bottom: 15px;
  list-style-type: none;
  list-style-image: url('../image/li_point.svg');
}
.pdetail_rinfo_ul{
  padding-left: 20px;
}
.pdet_top_btngp{
  display: flex;
  align-items: center;
  margin-top: 100px;
}
.addcart_btn{
  margin-right: 12px;
}

@media(max-width: 1499px){
  .pdetail_right{
    padding-left: 80px;
  }
  .pdetail_rinfo{
    margin-top: 80px;
  }
  .pdetail_rinfo_title{
    padding-bottom: 15px;
    margin-bottom: 35px;
  }
  .pdet_top_btngp{
    margin-top: 80px;
  }
}
@media(max-width: 1399px){
  .pdetail_right{
    padding-left: 65px;
  }
  .pdetail_rinfo{
    margin-top: 65px;
  }
  .pdetail_rinfo_title{
    padding-bottom: 15px;
    margin-bottom: 30px;
  }
  .pdet_top_btngp{
    margin-top: 65px;
  }
}
@media(max-width: 1299px){
  .p_left_slick{
    width: 80px;
  }
  .p_right_slick{
    width: calc(100% - 100px);
  }
  .p_left_slick .slick-slide img{
    margin: 0px auto 10px;
  }
  .pdetail_right{
    padding-left: 50px;
  }
  .pdetail_rinfo{
    margin-top: 50px;
  }
  .pdetail_rinfo_title{
    padding-bottom: 15px;
    margin-bottom: 15px;
  }
  .pdetail_rinfo_ul li{
    margin-bottom: 10px;
  }
  .pdet_top_btngp{
    margin-top: 50px;
  }
}
@media(max-width: 1199px){
  .pdetail_right{
    padding-left: 30px;
  }
  .pdetail_type{
    letter-spacing: 1px;
    margin-bottom: 5px;
  }
  .pdetail_rinfo{
    margin-top: 30px;
  }
  .pdetail_rinfo_title{
    padding-bottom: 10px;
    margin-bottom: 15px;
  }
  .pdetail_rinfo_ul li{
    margin-bottom: 10px;
  }
  .pdet_top_btngp{
    margin-top: 30px;
  }
}
@media(max-width: 1099px){
  .p_left_slick{
    width: 65px;
  }
  .p_right_slick{
    width: calc(100% - 85px);
  }
  .p_left_slick .slick-slide img{
    margin: 0px auto 10px;
  }
  .pdetail_right{
    padding-left: 15px;
  }
  .pdetail_type{
    letter-spacing: 1px;
    margin-bottom: 5px;
  }
  .pdetail_rinfo{
    margin-top: 15px;
  }
  .pdetail_rinfo_title{
    padding-bottom: 5px;
    margin-bottom: 15px;
  }
  .pdetail_rinfo_ul li{
    margin-bottom: 5px;
  }
  .pdet_top_btngp{
    margin-top: 15px;
  }
}
@media(max-width: 991px){
  .p_left_slick{
    width: 50px;
  }
  .p_right_slick{
    width: calc(100% - 70px);
  }
  .p_left_slick .slick-slide img{
    margin: 0px auto 5px;
  }
  .pdetail_right{
    padding-left: 10px;
  }
  .pdetail_type{
    letter-spacing: 1px;
    margin-bottom: 5px;
    font-size: 14px;
  }
  .pdetail_rinfo{
    margin-top: 10px;
  }
  .pdetail_rinfo_title{
    padding-bottom: 5px;
    margin-bottom: 15px;
    font-size: 14px;
  }
  .pdetail_rinfo_ul{
    font-size: 14px;
    margin-bottom: 10px;
  }
  .pdetail_rinfo_ul li{
    margin-bottom: 5px;
  }
  .pdet_top_btngp{
    margin-top: 10px;
  }
  .addcart_btn{
    margin-right: 6px;
  }
}
@media(max-width: 767px){
  .product_slick{
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    margin-bottom: 30px;
  }
  .p_left_slick{
    width: 100%;
  }
  .p_left_slick .slick-track{
    width: 100% !important;
  }
  .p_right_slick{
    width: 100%;
  }
  .p_left_slick .slick-slide{
    max-width: 100px;
    margin: 10px 5px;
  }
  .pdetail_right{
    padding-left: 0px;
  }
}
@media(max-width: 575px){
  .p_left_slick{
    display: none !important;
  }
}
@media(max-width: 390px){
  .pdet_top_btngp{
    margin-top: 0px;
    display: block;
  }
  .pdet_top_btngp .more_btn{
    margin-top: 12px;
  }
  .pdet_top_btngp{
    margin-right: 0px;
  }
}

/* product_feature */
.inner_area2{
  max-width: 1520px;
  margin: auto;
  padding: 0px 6px;
}
.inner_area3{
  max-width: 1520px;
  margin: auto;
  padding: 100px 6px;
}
.pdetail_tab{
  border-bottom: solid 1px #cecece;
  margin-bottom: 0px;
}
.pdetail_tab .nav-link{
  border: none;
  background-color: transparent;
  color: #282828;
  padding: 10px 25px;
}
.pdetail_tab .active{
  border-bottom: solid 1px #005162;
  color: #005162;
}
.pdetail_tab_content{
  padding: 100px 200px;
  border-bottom: solid 1px #cecece;
}
.recommend_area{
  border-bottom: solid 1px #cecece;
}
.recommend_title{
  text-align: center;
  margin-bottom: 50px;
}
.recommend_item{
  text-decoration: none;
}
.recommend_item img{
  border-radius: 10px;
}
.recommend_itemtitle{
  font-size: 18px;
  color: #282828;
  margin-top: 30px;
}
.pdetail_award{
  align-items: center;
  justify-content: center;
  padding: 50px 0px 0px 76px;
}
.pdetail_award_block{
  text-align: center;
}
.pdetail_bottom{
  max-width: 1520px;
  margin: auto;
  padding: 65px 6px 200px 6px;
}
.pdetail_back{
  text-align: center;
}

@media(max-width: 1499px){
  .inner_area3{
    padding: 80px 6px;
  }
  .pdetail_tab_content{
    padding: 80px 150px;
  }
  .pdetail_bottom{
    padding: 50px 6px 150px 6px;
  }
  .pdetail_award{
    padding: 30px 0px 0px 50px;
  }
}
@media(max-width: 1299px){
  .inner_area3{
    padding: 65px 6px;
  }
  .pdetail_tab_content{
    padding: 65px 130px;
  }
  .recommend_title{
    margin-bottom: 30px;
  }
  .recommend_itemtitle{
    font-size: 18px;;
    margin-top: 20px;
  }
  .pdetail_bottom{
    padding: 35px 6px 130px 6px;
  }
  .pdetail_award{
    padding: 30px 0px 0px 30px;
  }
}
@media(max-width: 1199px){
  .inner_area3{
    padding: 50px 6px;
  }
  .pdetail_tab_content{
    padding: 50px 100px;
  }
  .pdetail_bottom{
    padding: 30px 6px 100px 6px;
  }
  .pdetail_award{
    padding: 30px 0px 0px 0px;
  }
}
@media(max-width: 1099px){
  .recommend_itemtitle{
    font-size: 16px;
    margin-top: 15px;
  }
}
@media(max-width: 991px){
  .inner_area3{
    padding: 35px 6px;
  }
  .pdetail_tab_content{
    padding: 35px 80px;
  }
  .recommend_title{
    margin-bottom: 15px;
  }
  .recommend_itemtitle{
    font-size: 14px;
    margin-top: 10px;
  }
  .pdetail_bottom{
    padding: 0px 6px 80px 6px;
  }
}
@media(max-width: 767px){
  .inner_area3{
    padding: 30px 6px;
  }
  .pdetail_tab_content{
    padding: 30px 50px;
  }
  .pdetail_bottom{
    padding: 0px 6px 65px 6px;
  }
}
@media(max-width: 575px){
  .inner_area2{
    padding: 0px;
  }
  .inner_area3{
    padding: 30px 0px;
  }
  .pdetail_tab_content{
    padding: 30px 0px;
  }
  .recommend_title{
    margin: 0px;
  }
  .pdetail_bottom{
    padding: 0px 0px 50px 0px;
  }
  .pdetail_tab .nav-link{
    font-size: 14px;
    padding: 10px 20px;
  }
}
@media(max-width: 390px){
  .pdetail_tab .nav-link{
    font-size: 14px;
    padding: 10px 15px;
  }
}

/* application */
.app_toptext{
  max-width: 767px;
  margin: 50px auto 0px;
  text-align: center;
  color: #282828;
}
.app_item{
  border-radius: 10px;
  overflow: hidden;
  display: block;
  position: relative;
}
.app_item  .app_item_cover{
  position: absolute;
  z-index: 1;
  pointer-events: none;
  width: 100%;
  height: 100%;
  background: linear-gradient(to bottom, rgba(0,0,0,0), rgba(0,0,0,0.6) 100%);
  left: 0;
  bottom: 0px;
  display: flex;
  align-items: flex-end;
  padding: 40px;
}
.app_item_title{
  text-decoration: none;
  font-size: 24px;
  color: #fff;
  font-weight: 300;
  margin-bottom: 0px;
  letter-spacing: 1px;
}
.app_item img{
  transform:scale(1,1);
  transition: all 0.8s ease-out;
  width: 100%;
}
.app_item:hover img{
  transform:scale(1.1,1.1);
}

@media(max-width: 1599px){
  .app_item_title{
    font-size: 20px;
    font-weight: 300;
    letter-spacing: 1px;
  }
}
@media(max-width: 1299px){
  .app_toptext{
    margin: 30px auto 0px;
  }
  .app_item  .app_item_cover{
    padding: 30px;
  }
  .app_item_title{
    font-size: 18px;
    font-weight: 300;
    letter-spacing: 1px;
  }
}
@media(max-width: 1199px){
  .app_toptext{
    margin: 15px auto 0px;
  }
  .app_item_title{
    font-size: 16px;
    font-weight: 300;
    letter-spacing: 0px;
  }
}
@media(max-width: 991px){
  .app_toptext{
    margin: 15px auto 0px;
    font-size: 14px;
  }
  .app_item  .app_item_cover{
    padding: 20px;
  }
}
@media(max-width: 767px){
  .app_toptext{
    margin: 10px auto 0px;
  }
  .app_item  .app_item_cover{
    padding: 15px;
  }
}

/* application_detail */
.appdet_area{
  padding: 0px;
}
.appdet_area .inner_midtitle{
  text-align: center;
}
.appdet_inner{
  padding: 50px 150px 100px;
  margin: auto;
  border-bottom: solid 1px #cecece;
}
.appdet_in_title{
  font-size: 16px;
  color: #005162;
}
.appdet_in_text{
  color: #282828;
}
.appdet_inner ul{
  padding-left: 20px;
  color: #282828;
}
.appdet_inner ul li{
  margin-bottom: 10px;
}
.appdet_bottom{
  max-width: 1520px;
  margin: auto;
  padding: 100px 6px 0px 6px;
}

@media(max-width: 1499px){
  .appdet_inner{
    padding: 35px 130px 80px;
  }
  .appdet_bottom{
    padding: 80px 6px 0px 6px;
  }
}
@media(max-width: 1299px){
  .appdet_inner{
    padding: 30px 100px 65px;
  }
  .appdet_bottom{
    padding: 65px 6px 0px 6px;
  }
}
@media(max-width: 1199px){
  .appdet_inner{
    padding: 30px 80px 50px;
  }
  .appdet_bottom{
    padding: 50px 6px 0px 6px;
  }
}
@media(max-width: 991px){
  .appdet_inner{
    padding: 30px 50px 35px;
  }
  .appdet_bottom{
    padding: 35px 6px 0px 6px;
  }
}
@media(max-width: 767px){
  .appdet_inner{
    padding: 30px 0px 30px;
  }
  .appdet_bottom{
    padding: 30px 6px 0px 6px;
  }
}
@media(max-width: 575px){
  .appdet_bottom{
    padding: 30px 0px 0px 0px;
  }
}

/* solution */
.solution_item{
  border-radius: 10px;
  overflow: hidden;
  display: flex;
  position: relative;
}
.solution_cover{
  position: absolute;
  width: 100%;
  height: 100%;
}
.solution_info{
  position: relative;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 81, 98, 0);
  transition: all 0.4s;
}
.s_info_textbox{
  position: absolute;
  top: 30px;
  left: 30px;
}
.s_info_cntitle{
  font-size: 20px;
  color: #fff;
}
.s_info_entitle{
  font-size: 14px;
  color: #fff;
  opacity: 0.8;
}
.s_info_num{
  position: absolute;
  top: 30px;
  right: 30px;
  font-size: 16px;
  color: #fff;
  margin-bottom: 0px;
  transition: all 0.4s;
}
.s_info_atomic{
  position: absolute;
  bottom: 30px;
  right: 30px;
  width: 50px;
  height: 50px;
  border: solid 1px #fff;
  border-radius: 100%;
  color: #fff;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 26px;
  transition: all 0.4s;
}
.s_info_q{
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 100%;
  text-align: center;
  opacity: 0;
  transition: all 0.4s;
}
.s_info_q ul{
  padding: 0px;
  margin: 0px;
}
.s_info_q ul li{
  list-style: none;
  color: #fff;
  font-size: 14px;
  letter-spacing: 1px;
  margin: 5px 0px;
}
.solution_item:hover .solution_info{
  background-color: rgba(0, 81, 98, 1);
}
.solution_item:hover .s_info_num{
  opacity: 0;
}
.solution_item:hover .s_info_atomic{
  opacity: 0;
}
.solution_item:hover .s_info_q{
  opacity: 1;
}

@media(max-width: 1499px){
  .s_info_textbox{
    top: 20px;
    left: 20px;
  }
  .s_info_num{
    top: 20px;
    right: 20px;
    font-size: 16px;
  }
  .s_info_atomic{
    bottom: 20px;
    right: 20px;
    width: 45px;
    height: 45px;
    font-size: 24px;
  }
}
@media(max-width: 1299px){
  .s_info_textbox{
    top: 20px;
    left: 20px;
  }
  .s_info_cntitle{
    font-size: 18px;
    margin-bottom: 0px;
  }
  .s_info_entitle{
    font-size: 12px;
  }
  .s_info_num{
    top: 20px;
    right: 20px;
    font-size: 14px;
  }
  .s_info_atomic{
    bottom: 20px;
    right: 20px;
    width: 40px;
    height: 40px;
    font-size: 20px;
  }
}
@media(max-width: 1099px){
  .s_info_textbox{
    top: 15px;
    left: 15px;
  }
  .s_info_cntitle{
    font-size: 16px;
  }
  .s_info_num{
    top: 15px;
    right: 15px;
    font-size: 14px;
  }
  .s_info_atomic{
    bottom: 15px;
    right: 15px;
    width: 30px;
    height: 30px;
    font-size: 18px;
  }
}
@media(max-width: 767px){
  .s_info_textbox{
    top: 10px;
    left: 10px;
  }
  .s_info_cntitle{
    font-size: 16px;
  }
  .s_info_num{
    top: 10px;
    right: 10px;
    font-size: 14px;
  }
  .s_info_atomic{
    bottom: 10px;
    right: 10px;
    width: 30px;
    height: 30px;
    font-size: 16px;
  }
  .s_info_q ul li{
    letter-spacing: 0px;
    margin: 3px 0px;
  }
}
@media(max-width: 575px){
  .solution_item:hover .solution_info{
    background-color: rgba(0, 81, 98, 0);
  }
  .solution_item:hover .s_info_num{
    opacity: 1;
  }
  .solution_item:hover .s_info_atomic{
    opacity: 1;
  }
  .solution_item:hover .s_info_q{
    opacity: 0;
  }
  .s_info_textbox{
    top: 20px;
    left: 20px;
  }
  .s_info_cntitle{
    font-size: 16px;
  }
  .s_info_num{
    top: 20px;
    right: 20px;
    font-size: 14px;
  }
  .s_info_atomic{
    bottom: 20px;
    right: 20px;
    width: 30px;
    height: 30px;
    font-size: 16px;
  }
}

/* ESG */
.esg_item_block{
  padding: 0px;
  align-items: center;
}
.esg_picbox{
  border-radius: 10px;
  overflow: hidden;
}
.inner_area .esg_item_block:nth-child(2){
  margin-top: 0px;
}
.inner_area .esg_item_block:nth-child(even) .esg_item_r{
  padding-left: 80px;
}
.inner_area .esg_item_block:nth-child(odd) .esg_item_r{
  padding-right: 80px;
}
.esg_item_titlebox{
  display: flex;
  align-items: center;
  justify-content: space-between;
  border-bottom: solid 1px #cecece;
  margin-bottom: 30px;
}
.esg_item_title{
  font-size: 24px;
  color: #282828;
}
.esg_item_letter{
  color: #005162;
  margin-right: 20px;
  font-family: "Lato", sans-serif !important;
}
.esg_item_num{
  color: #005162;
  font-size: 18px;
  font-weight: 500;
  font-family: "Lato", sans-serif !important;
}
.esg_item_ul{
  padding-left: 22px;
}
.esg_item_ul li{
  margin-bottom: 15px;
  font-size: 18px;
}
.esg_bottom{
  padding: 200px 0px 0px;
  margin-top: 0px;
}
.esg_bottom_link{
  display: block;
  position: relative;
  border-radius: 10px;
  overflow: hidden;
}
.esg_blink_info{
  position: absolute;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.5);
  padding: 30px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  z-index: 1;
}
.esg_blink_text{
  color: #fff;
  font-size: 20px;
  margin-bottom: 0px;
}
.white_more_arrow{
  width: 60px;
  height: 60px;
  border-radius: 100%;
  border: solid 1px #fff;
  display: flex;
  align-items: center;
  justify-content: center;
}
.media_arrow_w{
  background: url("../image/arrow_w.svg") center no-repeat;
  width: 18px;
  height: 12px;
  background-size: contain;
}
.esg_bottom_link:hover .white_more_arrow{
  background-color: #fff;
  transition: 0.4s;
}
.esg_bottom_link:hover .white_more_arrow .media_arrow_w{
  background: url("../image/arrow.svg") center no-repeat;
  transition: 0.4s;
}
.esg_bottom_link img{
  transform: scale(1,1);
  transition: all 0.4s ease-in-out;
}
.esg_bottom_link:hover img{
  transform: scale(1.1,1.1);
}
.certificate_block{
  justify-content: center;
}

@media(max-width: 1499px){
  .white_more_arrow{
    width: 50px;
    height: 50px;
  }
  .esg_bottom{
    padding: 150px 0px 0px;
  }
}
@media(max-width: 1299px){
  .inner_area .esg_item_block:nth-child(even) .esg_item_r{
    padding-left: 65px;
  }
  .inner_area .esg_item_block:nth-child(odd) .esg_item_r{
    padding-right: 65px;
  }
  .esg_blink_text{
    font-size: 18px;
  }
  .esg_bottom{
    padding: 130px 0px 0px;
  }
}
@media(max-width: 1199px){
  .inner_area .esg_item_block:nth-child(even) .esg_item_r{
    padding-left: 50px;
  }
  .inner_area .esg_item_block:nth-child(odd) .esg_item_r{
    padding-right: 50px;
  }
  .esg_item_title{
    font-size: 20px;
  }
  .esg_item_num{
    font-size: 16px;
  }
  .esg_item_ul li{
    margin-bottom: 15px;
    font-size: 16px;
  }
  .esg_bottom{
    padding: 100px 0px 0px;
  }
}
@media(max-width: 1099px){
  .inner_area .esg_item_block:nth-child(even) .esg_item_r{
    padding-left: 30px;
  }
  .inner_area .esg_item_block:nth-child(odd) .esg_item_r{
    padding-right: 30px;
  }
}
@media(max-width: 991px){
  .inner_area .esg_item_block:nth-child(even) .esg_item_r{
    padding-left: 0px;
  }
  .inner_area .esg_item_block:nth-child(odd) .esg_item_r{
    padding-right: 0px;
  }
  .esg_item_titlebox{
    margin-bottom: 15px;
  }
  .esg_item_ul li{
    margin-bottom: 10px;
    font-size: 16px;
  }
  .white_more_arrow{
    width: 45px;
    height: 45px;
  }
  .esg_blink_info{
    padding: 15px;
  }
  .esg_blink_text{
    font-size: 16px;
  }
  .esg_bottom{
    padding: 80px 0px 0px;
  }
}
@media(max-width: 767px){
  .esg_item_title{
    font-size: 18px;
    margin-bottom: 0px;
  }
  .esg_item_letter{
    margin-right: 10px;
  }
  .esg_item_num{
    font-size: 14px;
  }
  .esg_item_titlebox{
    margin-bottom: 15px;
  }
  .esg_item_ul li{
    margin-bottom: 5px;
    font-size: 14px;
  }
  .white_more_arrow{
    display: none;
  }
  .esg_bottom{
    padding: 65px 0px 0px;
  }
}
@media(max-width: 575px){
  .inner_area .esg_item_block{
    margin-top: 0px;
  }
  .esg_bottom_link{
    max-height: 150px;
  }
  .esg_blink_info{
    padding: 30px;
  }
  .esg_bottom{
    padding: 35px 0px 0px;
  }
}

/* recycling_block1 */
.rec_block1{
  align-items: flex-start;
}
.popbtn{
  margin-top: 30px;
}
.rec_block1_r_top{
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  padding-bottom: 10px;
  border-bottom: solid 1px #d9d9d9;
  margin-bottom: 30px;
}
.rec_block1_l{
  flex-shrink: 0;
  padding-right: 30px;
}
.rec_block1_num{
  color: #005162;
  font-size: 20px;
}
.rec_block1_text{
  color: #282828;
  font-size: 18px;
}
.recstep_ttl{
  display: flex;
  align-items: center;
  border-bottom: solid 2px #005162;
  padding-bottom: 10px;
  margin: 20px 0px 60px 0px;
}
.recstep_ttl .rec_block1_num{
  margin-bottom: 0px;
}
.recttl_icon{
  width: 35px;
  margin-right: 10px;
}
.recblock1_area{
  display: flex;
}
.recblock1_icon_box{
  width: 80px;
  height: 80px;
  border-radius: 10px;
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: #005162;
  margin-right: 20px;
  flex-shrink: 0;
}
.recblock1_icon{
  width: 50px;
}
.recblock1_item_num{
  color: #005162;
  margin-right: 10px;
  line-height: 1;
}
.recblock1_item_title{
  font-size: 22px;
  color: #282828;
  font-weight: 500;
  margin-bottom: 5px;
  line-height: 1.25;
}
.recblock1_item_text{
  font-size: 16px;
  color: #282828;
  margin-bottom: 0px;
  line-height: 1.3;
  height: 63px;
}
.recblock1_item_text_g{
  font-size: 16px;
  color: #005162;
  margin-bottom: 0px;
  margin-top: 10px;
}
.recblock1_arrow{
  width: 24px;
  margin: 10px 28px;
}
.r1item_step3{
  display: flex;
  align-items: center;
}
.recblock1_arrow_r{
  width: 20px;
  margin: 0px 15px;
}
.cerslick_body{
  padding: 0px;
}
.cerslick_body .slick-prev{
  left: -30px;
  z-index: 1;
  top: 50%;
}
.cerslick_body .slick-prev:before{
  content: '';
  background-image: url('../image/recblock1_arrow_left_w.svg');
  display: block;
  width: 20px;
  height: 30px;
  background-position: left bottom;
  opacity: 1;
  transition: 0.4s;
}
.cerslick_body .slick-next{
  right: -30px;
  z-index: 1;
  top: 50%;
}
.cerslick_body .slick-next:before{
  content: '';
  background-image: url('../image/recblock1_arrow_right_w.svg');
  display: block;
  width: 20px;
  height: 30px;
  background-position: right bottom;
  opacity: 1;
  transition: 0.4s;
}
.rec1_step .recblock1_arrow:nth-last-child(1){
  display: none;
}

@media(max-width: 1599px){
  .recblock1_item_title{
    font-size: 20px;
    margin-bottom: 5px;
  }
}
@media(max-width: 1299px){
  .recstep_ttl{
    margin: 25px 0px 60px 0px;
  }
  .rec_block1_num{
    font-size: 18px;
  }
  .rec_block1_text{
    font-size: 16px;
  }
  .recblock1_icon_box{
    width: 65px;
    height: 65px;
    margin-right: 8px;
  }
  .recblock1_icon{
    width: 35px;
  }
  .recblock1_item_title{
    font-size: 18px;
    margin-bottom: 5px;
  }
  .recblock1_arrow{
    width: 20px;
    margin: 10px 23px;
  }
}
@media(max-width: 1199px){
  .recstep_ttl{
    margin: 20px 0px 33px 0px;
  }
  .recttl_icon{
    width: 30px;
  }
  .rec_block1_num{
    font-size: 16px;
  }
  .rec_block1_text{
    font-size: 14px;
  }
  .recblock1_icon_box{
    width: 60px;
    height: 60px;
    margin-right: 15px;
  }
  .recblock1_icon{
    width: 33px;
  }
  .recblock1_item_num{
    color: #005162;
    margin-right: 10px;
  }
  .recblock1_item_title{
    font-size: 16px;
    margin-bottom: 5px;
  }
  .recblock1_item_text{
    font-size: 14px;
    height: 52px;
  }
  .recblock1_item_text_g{
    font-size: 14px;
    margin-top: 5px;
  }
  .recblock1_arrow{
    width: 18px;
    margin: 5px 24px;
  }
  .recblock1_arrow_r{
    width: 15px;
    margin: 0px 10px;
  }
  .rec_cert_area{
    display: flex;
    flex-direction: column;
    align-items: center;
    margin-bottom: 30px;
  }
}
@media(max-width: 991px){
  .recstep_ttl{
    margin: 25px 0px 90px 0px;
  }
  .recblock1_icon_box{
    width: 50px;
    height: 50px;
  }
  .recblock1_icon{
    width: 30px;
  }
  .recblock1_item_text{
    margin-bottom: 0px;
  }
  .recblock1_arrow{
    width: 15px;
    margin: 5px 15px;
  }
  .recblock1_arrow_r{
    width: 10px;
    margin: 0px 10px;
  }
  .rec_cert_pic{
    width: 200px;
  }
  .popbtn{
    margin-top: 15px;
  }
}
@media(max-width: 767px){
  .recblock1_area{
    display: block;
  }
  .recblock1_icon_box{
    width: 45px;
    height: 45px;
    margin-bottom: 5px;
  }
  .recblock1_icon{
    width: 30px;
  }
  .recblock1_item_text{
    margin-bottom: 0px;
  }
  .cert_popup{
    max-width: 350px;
    margin: auto;
  }
  .certificate_slick .slick-slide{
    width: 350px;
  }
}
@media(max-width: 690px){
  .recblock1_area{
    display: block;
  }
  .rec1_step{
    text-align: center;
  }
  .recblock1_icon_box{
    width: 50px;
    height: 50px;
    margin: 0px auto 5px auto;
  }
}
@media(max-width: 575px){
  .rec_block1_r_top{
    display: block;
    margin-bottom: 0px;
  }
  .rec_block1_num{
    margin-bottom: 5px;
  }
  .recstep_ttl{
    margin: 20px 0px;
  }
  .recblock1_item_text{
    height: auto;
  }
  .rec1_step .recblock1_arrow:nth-last-child(1){
    display: inline-block;
  }
  .rec1_step:nth-last-child(1) .recblock1_arrow:nth-last-child(1){
    display: none;
  }
}
@media(max-width: 450px){
  .recblock1_item_text_g{
    font-size: 12px;
    margin-top: 3px;
  }
  .cert_popup{
    max-width: 250px;
    margin: auto;
  }
  .certificate_slick .slick-slide{
    width: 250px;
  }
}

/* recycling_block2_new */
.rec_block5_area{
  background-color: #ededed;
}
.oilbarrel_block{
  text-align: center;
}
.oilbarrel_block .rec_block1_text{
  text-align: center;
}

/* recycling_block2 */
.rec_block2_area{
  justify-content: center;
}
.rec_block2_title{
  text-align: center;
  margin-top: 0px;
  margin-bottom: 50px;
}
.rec_block2_item{
  display: flex;
  align-items: center;
  justify-content: space-between;
  border-bottom: solid 1px #005162;
  padding-bottom: 15px;
}
.rec_block2_text{
  font-size: 18px;
  margin-bottom: 0px;
}
.recblock2_icon{
  width: 30px;
}

@media(max-width: 1530px){
  .recblock2_icon{
    width: 25px;
  }
}
@media(max-width: 1499px){
  .rec_block2_item{
    padding-bottom: 10px;
  }
  .rec_block2_text{
    font-size: 16px;
  }
  .recblock2_icon{
    width: 25px;
  }
}
@media(max-width: 991px){
  .rec_block2_title{
    margin-bottom: 35px;
  }
  .rec_block2_text{
    font-size: 14px;
  }
  .recblock2_icon{
    width: 20px;
  }
}
@media(max-width: 767px){
  .rec_block2_title{
    margin-bottom: 30px;
  }
}
@media(max-width: 575px){
  .rec_block2_title{
    margin-bottom: 15px;
  }
}

/* recycling_block3 */
.inner_area4{
  padding: 0px 0px 200px 0px;
}
.inner_area5{
  padding: 200px 0px;
}
.rec_block3_itembottom{
  background-color: #fff;
  padding: 20px;
}
.rec_block3_num{
  color: #005162;
  font-size: 18px;
  margin-bottom: 0px;
}
.rec_block3_text{
  color: #282828;
  font-size: 24px;
  margin-bottom: 0px;
  font-weight: 500;
}

@media(max-width: 1599px){
  .rec_block3_text{
    font-size: 20px;
  }
}
@media(max-width: 1499px){
  .inner_area4{
    padding: 0px 0px 150px 0px;
  }
  .inner_area5{
    padding: 150px 0px;
  }
}
@media(max-width: 1299px){
  .inner_area4{
    padding: 0px 0px 130px 0px;
  }
  .inner_area5{
    padding: 130px 0px;
  }
  .rec_block3_text{
    font-size: 18px;
  }
  .rec_block3_num{
    font-size: 16px;
  }
}
@media(max-width: 1199px){
  .inner_area4{
    padding: 0px 0px 100px 0px;
  }
  .inner_area5{
    padding: 100px 0px;
  }
  .rec_block3_text{
    font-size: 16px;
  }
  .rec_block3_num{
    font-size: 14px;
  }
}
@media(max-width: 991px){
  .inner_area4{
    padding: 0px 0px 80px 0px;
  }
  .inner_area5{
    padding: 80px 0px;
  }
  .rec_block3_itembottom{
    padding: 10px 5px;
  }
}
@media(max-width: 767px){
  .inner_area4{
    padding: 0px 0px 65px 0px;
  }
  .inner_area5{
    padding: 65px 0px;
  }
  .rec_block3_itembottom{
    padding: 20px;
  }
}
@media(max-width: 575px){
  .inner_area4{
    padding: 0px 0px 50px 0px;
  }
  .inner_area5{
    padding: 50px 0px;
  }
  .rec_block3_itembottom{
    padding: 15px;
  }
}
@media(max-width: 450px){
  .rec_block3_itembottom{
    padding: 10px;
  }
}
@media(max-width: 390px){
  .rec_block3_itembottom{
    padding: 10px 3px;
  }
  .rec_block3_text{
    font-size: 14px;
  }
  .rec_block3_num{
    font-size: 12px;
  }
}

/* recycling_block4 */
.success_arrow{
  width: 100px;
  margin-bottom: 100px;
}
.rec_block4_title{
  text-align: center;
  margin-bottom: 100px;
}
.rec_block4_step{
  display: flex;
  align-items: center;
  justify-content: space-evenly;
}
.step_item{
  width: 275px;
  height: 275px;
  border-radius: 100%;
  border: solid 1px #005162;
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 0px -25px;
  padding: 0px 25px;
  text-align: center;
}
.recblock4_icon{
  width: 50px;
  margin-bottom: 10px;
}
.step_title{
  font-size: 18px;
  color: #282828;
  margin-bottom: 5px;
}
.step_num{
  color: #005162;
  margin-right: 10px;
}
.step_text{
  font-size: 16px;
  margin-bottom: 0px;
}

@media(max-width: 1499px){
  .rec_block4_title{
    margin-bottom: 80px;
  }
  .step_item{
    width: 250px;
    height: 250px;
    margin: 0px -20px;
    padding: 0px 25px;
  }
}
@media(max-width: 1399px){
  .step_item{
    width: 230px;
    height: 230px;
    margin: 0px -20px;
    padding: 0px 25px;
  }
  .recblock4_icon{
    width: 40px;
    margin-bottom: 5px;
  }
  .step_title{
    font-size: 16px;
    margin-bottom: 0px;
  }
  .step_num{
    margin-right: 5px;
  }
  .step_text{
    font-size: 14px;
  }
}
@media(max-width: 1299px){
  .success_arrow{
    width: 100px;
    margin-bottom: 65px;
  }
  .rec_block4_title{
    margin-bottom: 65px;
  }
  .step_item{
    width: 210px;
    height: 210px;
    margin: 0px -20px;
    padding: 0px 25px;
  }
  .recblock4_icon{
    width: 35px;
    margin-bottom: 5px;
  }
  .step_title{
    font-size: 16px;
    margin-bottom: 0px;
  }
  .step_num{
    margin-right: 5px;
  }
  .step_text{
    font-size: 14px;
  }
}
@media(max-width: 1199px){
  .success_arrow{
    width: 80px;
    margin-bottom: 50px;
  }
  .rec_block4_title{
    margin-bottom: 50px;
  }
  .step_item{
    width: 200px;
    height: 200px;
    margin: 0px -20px;
    padding: 0px 25px;
  }
  .recblock4_icon{
    width: 35px;
    margin-bottom: 3px;
  }
  .step_title{
    font-size: 14px;
    margin-bottom: 0px;
  }
  .step_num{
    margin-right: 3px;
  }
  .step_text{
    font-size: 12px;
  }
}
@media(max-width: 1099px){
  .step_item{
    width: 180px;
    height: 180px;
    margin: 0px -20px;
    padding: 0px 25px;
  }
  .recblock4_icon{
    width: 30px;
    margin-bottom: 3px;
  }
}
@media(max-width: 991px){
  .success_arrow{
    width: 65px;
    margin-bottom: 30px;
  }
  .rec_block4_title{
    margin-bottom: 35px;
  }
  .step_item{
    width: 33.33333333%;
    height: 0;
    padding-bottom: 33.33333333%;
    margin: 0px;
    position: relative;
  }
  .step_inner{
    position: absolute;
    top: 25%;
    right: 0;
    bottom: 0;
    left: 0;
    padding: 20px;
  }
  .recblock4_icon{
    width: 40px;
    margin-bottom: 3px;
  }
}
@media(max-width: 767px){
  .rec_block4_title{
    margin-bottom: 30px;
  }
  .step_item{
    width: 33.33333333%;
    height: 0;
    padding-bottom: 33.33333333%;
    margin: 0px;
    position: relative;
  }
  .step_inner{
    position: absolute;
    top: 10%;
    right: 0;
    bottom: 0;
    left: 0;
    padding: 20px;
  }
  .recblock4_icon{
    width: 40px;
    margin-bottom: 3px;
  }
}
@media(max-width: 575px){
  .success_arrow{
    width: 50px;
    margin-bottom: 15px;
  }
  .step_item{
    width: 50%;
    height: 0;
    padding-bottom: 50%;
    margin: 0px;
    position: relative;
  }
  .step_inner{
    position: absolute;
    top: 20%;
    right: 0;
    bottom: 0;
    left: 0;
    padding: 20px;
  }
}
@media(max-width: 450px){
  .step_inner{
    position: absolute;
    top: 10%;
    right: 0;
    bottom: 0;
    left: 0;
    padding: 10px;
  }
  .recblock4_icon{
    width: 35px;
    margin-bottom: 3px;
  }
}
@media(max-width: 390px){
  .step_inner{
    position: absolute;
    top: 25%;
    right: 0;
    bottom: 0;
    left: 0;
    padding: 10px;
  }
  .recblock4_icon{
    width: 35px;
    margin-bottom: 3px;
  }
  .step_text{
    display: none;
  }
}
/* recycling_form */
.rec_block3_title{
  text-align: center;
  margin-top: 0px;
}
.inner_area6{
  max-width: 991px;
  margin: auto;
  padding: 0px 6px 200px 6px;
}
@media(max-width: 1499px){
  .inner_area6{
    padding: 0px 6px 150px 6px;
  }
}
@media(max-width: 1299px){
  .inner_area6{
    padding: 0px 6px 130px 6px;
  }
}
@media(max-width: 1199px){
  .inner_area6{
    padding: 0px 6px 100px 6px;
  }
}
@media(max-width: 991px){
  .inner_area6{
    padding: 0px 6px 80px 6px;
  }
}
@media(max-width: 767px){
  .inner_area6{
    padding: 0px 6px 65px 6px;
  }
}
@media(max-width: 575px){
  .inner_area6{
    padding: 0px 6px 50px 6px;
  }
}

/* media_news */
.media_tab_block{
  margin-bottom: 100px;
}
.st_page{
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-top: 100px;
}
.st_page .page_number .page-link{
  width: 40px;
  height: 40px;
  background-color: transparent;
  border: none;
  color: #282828;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 100%;
}
.st_page .page_number .active{
  border: solid 1px #005162;
  color: #005162;
}
.page_l .page_arrow_icon{
  background: url("../image/arrow_l.svg") center no-repeat;
  width: 13px;
  height: 9px;
  display: block;
  background-size: contain;
}
.page_r .page_arrow_icon{
  background: url("../image/arrow.svg") center no-repeat;
  width: 13px;
  height: 9px;
  display: block;
  background-size: contain;
}
.page_arrow_link{
  width: 40px;
  height: 40px;
  border-radius: 100% !important;
  border: solid 1px #005162;
  background-color: transparent;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: 0.4s;
  margin: 0px 10px;
  padding: 0px;
}
.page_arrow_link:hover{
  background-color: #005162;
}
.page_l:hover .page_arrow_icon{
  background: url("../image/arrow_l_w.svg") center no-repeat;
  transition: 0.4s;
}
.page_r:hover .page_arrow_icon{
  background: url("../image/arrow_w.svg") center no-repeat;
  transition: 0.4s;
}

@media(max-width: 1499px){
  .media_tab_block{
    margin-bottom: 80px;
  }
  .st_page{
    margin-top: 80px;
  }
}
@media(max-width: 1299px){
  .media_tab_block{
    margin-bottom: 65px;
  }
  .st_page{
    margin-top: 65px;
  }
}
@media(max-width: 1199px){
  .media_tab_block{
    margin-bottom: 50px;
  }
  .st_page{
    margin-top: 50px;
  }
}
@media(max-width: 991px){
  .media_tab_block{
    margin-bottom: 35px;
  }
  .st_page{
    margin-top: 35px;
  }
}
@media(max-width: 767px){
  .media_tab_block{
    margin-bottom: 30px;
  }
  .st_page{
    margin-top: 30px;
  }
}
@media(max-width: 575px){
  .st_page .page_number .page-link{
    width: 35px;
    height: 35px;
  }
  .page_arrow_link{
    width: 35px;
    height: 35px;
    margin: 0px 10px;
  }
}
@media(max-width: 575px){
  .st_page .page_number .page-link{
    width: 30px;
    height: 30px;
    font-size: 14px;
  }
  .page_arrow_link{
    width: 30px;
    height: 30px;
    margin: 0px 10px;
  }
}

/* media_catalogue */
.st_dropdown_btn{
  display: none;
}
.cata_type{
  margin-top: 30px;
  position: relative;
  padding: 0px;
  border: none;
  background-color: transparent;
  display: flex;
  align-items: center;
  justify-content: center;
}
.cata_type .nav-item{
  margin: 6px;
}
.cata_type .nav-item .nav-link{
  border: solid 1px #005162;
  color: #005162;
  padding: 8px 20px;
  border-radius: 25px;
}
.cata_type .nav-item .nav-link.active{
  background-color: #005162;
  color: #fff;
}
.cata_item_area{
  margin: 0;
  justify-content: center;
}
.cata_item{
  align-items: center;
  margin-left: 0px;
  margin-right: 0px;
}
.cata_item:nth-child(1){
  margin-top: 0px;
}
.cata_year{
  color: #005162;
  margin-bottom: 5px;
}
.cata_title_block{
  display: flex;
  align-items: baseline;
  justify-content: space-between;
  border-bottom: solid 1px #cecece;
  padding-bottom: 15px;
  margin-bottom: 30px;
}
.cata_title{
  font-size: 18px;
  color: #282828;
  margin-bottom: 0px;
}
.cata_size{
  font-size: 12px;
  color: #4d4d4d;
  margin-bottom: 0px;
}
.img-thumbnail{
  background-color: transparent !important;
}
.btn_download{
  background: url("../image/download.svg") center no-repeat;
  width: 18px;
  height: 18px;
  background-size: contain;
}
.more_btn:hover{
  background-color: #005162;
  color: #fff;
}
.more_btn:hover .btn_download{
  background: url("../image/download_w.svg") center no-repeat;
  width: 18px;
  height: 18px;
}
@media(max-width: 1299px){
  .cata_type_btn{
    margin-top: 20px;
  }
  .cata_type_btn .nav-item{
    margin: 4px;
  }
  .cata_type_btn .nav-item .nav-link{
    padding: 6px 16px;
  }
}
@media(max-width: 1099px){
  .cata_year{
    font-size: 14px;
  }
  .cata_title{
    font-size: 16px;
  }
  .cata_title_block{
    padding-bottom: 10px;
    margin-bottom: 20px;
  }
}
@media(max-width: 991px){
  .cata_year{
    font-size: 14px;
  }
  .cata_title{
    font-size: 16px;
    margin-bottom: 5px;
  }
  .cata_title_block{
    padding-bottom: 10px;
    margin-bottom: 20px;
    display: block;
  }
  .st_dropdown_btn{
    display: block;
    background-color: #005162;
    color: #fff;
    width: 100%;
    max-width: 300px;
    margin: auto;
    border-radius: 25px;
    margin-top: 15px;
  }
  .st_dropdown_btn:focus{
    box-shadow: none;
    color: #fff;
  }
  .st_dropdown_btn:hover{
    color: #fff;
  }
  .cata_type{
    margin-top: 0px;
    padding: 0px;
    position: absolute;
    display: none;
    background-color: #fff;
    width: 100%;
    max-width: 300px;
  }
  .cata_type .nav-item{
    margin: 0px;
    border-bottom: solid 1px #d9d9d9;
  }
  .cata_type .nav-item:nth-last-child(1){
    border-bottom: none;
  }
  .cata_type .nav-item .nav-link{
    border: none;
    padding: 8px;
    text-align: center;
    border-radius: 0px;
  }
}
@media(max-width: 390px){
  .st_dropdown_btn{
    font-size: 14px;
  }
  .cata_type .nav-item .nav-link{
    font-size: 14px;
  }
}

/* media_detail */
.media_d_top{
  display: flex;
  align-items: center;
  border-bottom: solid 1px #cecece;
  padding: 0px 80px 30px 0px;
  position: relative;
  margin-bottom: 65px;
}
.media_d_topleft{
  display: flex;
  align-items: center;
}
.media_d_top .media_date{
  position: absolute;
  right: 0px;
  margin-bottom: 15px;
}
.media_d_top .media_type{
  margin-left: 0px;
}
.media_contents .accordion-item{
  border: none;
  padding: 0px 10px;
}
.media_contents .accordion-button{
  box-shadow: none;
  background-color: #fff;
  color: #282828;
  font-size: 18px;
  font-weight: 500;
}
.media_contents .collapse{
  padding-bottom: 20px;
}
.media_contents .media_d_tab{
  color: #282828;
  text-decoration: none;
  display: block;
  padding: 10px 0px;
}
.media_contents .media_d_tab:hover{
  background-color: #f5f5f5;
}
.content_box{
  counter-reset: chapter;
}
.content_box > ul > li > a{
  counter-increment: chapter;
  counter-reset: section;
  margin-left: 15px;
}
.content_box > ul > li > a::before{
  content: counter(chapter);
  margin-right: 10px;
}
.content_box > ul > li > ul > li > a{
  counter-increment: section;
  margin-left: 1em;
}
.content_box > ul > li > ul > li a::before{
  content: counter(chapter) "-" counter(section);
  margin-right: 0.5em;
}
.accordion-button::after{
  background-image: url("../image/content_arrow_down.svg")
}
.accordion-button:not(.collapsed)::after{
  background-image: url("../image/content_arrow_down.svg");
  transform: rotate(-180deg);
}
.media_sec{
  padding-left: 20px;
}
.media_d_inner h2{
  font-size: 16px;
  color: #005162;
}
.media_d_inner h3{
  font-size: 16px;
  color: #282828;
}
.media_d_inner p{
  font-size: 16px;
  color: #282828;
}
.media_inner_pic{
  margin-bottom: 30px;
}
.media_d_inner a{
  font-size: 16px;
  color: #005162;
}
.media_d_bottom{
  position: relative;
  border-top: solid 1px #cecece;
  padding-top: 65px;
  margin-top: 100px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.media_pn_btn{
  display: flex;
  align-items: center;
  text-decoration: none;
}
.media_prev{
  position: absolute;
  left: 0px;
}
.media_next{
  position: absolute;
  right: 0px;
}
.media_pn_btn p{
  font-size: 16px;
  color: #282828;
  margin: 0px 15px;
}
.pn_arrow{
  width: 18px;
}

@media(max-width: 1499px){
  .media_d_top{
    margin-bottom: 50px;
  }
  .media_d_bottom{
    padding-top: 50px;
    margin-top: 80px;
  }
}
@media(max-width: 1299px){
  .media_contents .accordion-item{
    padding: 0px 5px;
  }
  .media_sec{
    padding-left: 15px;
  }
  .media_contents .media_d_tab{
    padding: 8px 0px;
  }
  .media_d_top{
    margin-bottom: 35px;
  }
  .media_d_bottom{
    padding-top: 35px;
    margin-top: 65px;
  }
}
@media(max-width: 1199px){
  .media_d_top{
    margin-bottom: 30px;
  }
  .media_d_bottom{
    padding-top: 30px;
    margin-top: 50px;
  }
}
@media(max-width: 1099px){
  .media_contents .accordion-item{
    padding: 0px 10px;
  }
  .media_contents .accordion-button{
    font-size: 16px;
  }
  .media_sec{
    padding-left: 10px;
  }
  .media_contents .media_d_tab{
    padding: 5px 0px;
    font-size: 14px;
  }
}
@media(max-width: 991px){
  .media_contents{
    margin-bottom: 30px;
  }
  .media_d_top{
    padding: 0px 65px 25px 0px;
  }
  .media_d_top .media_date{
    margin-bottom: 5px;
  }
  .media_d_bottom{
    padding-top: 30px;
    margin-top: 35px;
  }
}
@media(max-width: 767px){
  .media_d_bottom{
    margin-top: 30px;
  }
}
@media(max-width: 500px){
  .media_pn_btn p{
    font-size: 14px;
    margin: 0px 10px;
  }
  .pn_arrow{
    width: 18px;
  }
}
@media(max-width: 450px){
  .media_d_top{
    display: block;
    padding: 0px 0px 25px 0px;
  }
  .media_d_top .media_date{
    position: relative;
    margin-bottom: 0px;
    margin-top: 10px;
  }
}
@media(max-width: 390px){
  .media_contents .accordion-button{
    padding: 10px;
  }
  .media_contents .media_d_tab{
    margin-left: 10px;
  }
  .media_pn_btn p{
    display: none;
  }
  .pn_arrow{
    width: 18px;
  }
}

/* company */
.comapny_block1{
  align-items: center;
}
.company_block1_pic{
  padding-right: 0px;
}
.cblock1_textbox{
  max-width: 750px;
  margin-left: auto;
  padding-right: 76px;
  padding-left: 18px;
}
.cblock1_text{
  font-size: 16px;
  letter-spacing: 1px;
  margin-bottom: 0px;
  margin-top: 30px;
  line-height: 28px;
}
.cblock1_bridge{
  max-width: 800px;
  margin: 100px auto;
  text-align: center;
  padding: 0px 18px;
}
.cblock1_britext{
  font-size: 20px;
  letter-spacing: 1px;
  line-height: 34px;
}
.cblock1_britext::after{
  content: "";
  width: 1px;
  height: 65px;
  background-color: #cecece;
  display: block;
  margin: 50px auto 0px;
}
.company_block2{
  margin: 0px;
  padding: 0px 18px;
}
.company_block2 img{
  border-radius: 10px;
}
.cblock2_textbox{
  text-align: center;
  margin-top: 0px;
}
.cblock2_title{
  font-size: 24px;
  color: #282828;
  margin-top: 30px;
}
.cblock2_num{
  color: #005162;
  margin-right: 10px;
}
.cblock2_text{
  font-size: 16px;
  color: #282828;
  margin-bottom: 0px;
}

@media(max-width: 1599px){
  .cblock2_title{
    font-size: 20px;
    margin-top: 30px;
  }
}
@media(max-width: 1499px){
  .cblock1_textbox{
    padding-right: 50px;
    padding-left: 18px;
  }
  .cblock1_bridge{
    margin: 80px auto;
  }
}
@media(max-width: 1299px){
  .cblock1_textbox{
    padding-right: 30px;
    padding-left: 18px;
  }
  .cblock1_text{
    font-size: 16px;
    letter-spacing: 0px;
    margin-top: 20px;
    line-height: 26px;
  }
  .cblock1_bridge{
    margin: 65px auto;
  }
  .cblock1_britext::after{
    content: "";
    width: 1px;
    height: 50px;
    margin: 35px auto 0px;
  }
  .cblock1_britext{
    font-size: 18px;
    letter-spacing: 1px;
    line-height: 32px;
  }
  .cblock2_title{
    font-size: 18px;
    margin-top: 20px;
    margin-bottom: 10px;
  }
}
@media(max-width: 1199px){
  .cblock1_textbox{
    padding-right: 0px;
    padding-left: 18px;
  }
  .cblock1_text{
    font-size: 16px;
    letter-spacing: 0px;
    margin-top: 15px;
    line-height: 24px;
  }
  .cblock1_bridge{
    margin: 50px auto;
  }
  .cblock1_britext::after{
    content: "";
    width: 1px;
    height: 50px;
    margin: 30px auto 0px;
  }
  .cblock2_title{
    font-size: 16px;
    margin-top: 20px;
    margin-bottom: 5px;
  }
  .cblock2_text{
    font-size: 14px;
  }
}
@media(max-width: 991px){
  .cblock1_textbox{
    max-width: 100%;
    padding-left: 18px;
    padding-right: 18px;
    text-align: center;
    margin-bottom: 30px;
  }
  .cblock1_text{
    font-size: 14px;
    letter-spacing: 0px;
    margin-top: 10px;
    line-height: 22px;
  }
  .company_block1_pic{
    padding-left: 30px;
    padding-right: 30px;
  }
  .cblock1_bridge{
    max-width: 650px;
    margin: 35px auto;
  }
  .cblock1_britext::after{
    content: "";
    width: 1px;
    height: 50px;
    margin: 15px auto 0px;
  }
  .cblock1_britext{
    font-size: 16px;
    letter-spacing: 0px;
    line-height: 30px;
  }
}
@media(max-width: 767px){
  .cblock1_bridge{
    margin: 30px auto;
  }
}
@media(max-width: 575px){
  .company_block1_pic img{
    border-radius: 10px;
  }
  .cblock1_britext{
    font-size: 14px;
    line-height: 24px;
  }
  .cblock2_title{
    margin-top: 15px;
    margin-bottom: 5px;
  }
}

/* contact */
.company_enname{
  font-family: "Lato", sans-serif !important;
  font-size: 20px;
}
.contact_place{
  margin: 15px 0px;
}
.contact_city{
  font-size: 20px;
  color: #005162;
  border-bottom: solid 1px #cecece;
  padding-bottom: 15px;
}
.contact_info_block{
  display: flex;
  align-items: center;
  margin-bottom: 20px;
}
.contact_icon{
  width: 25px;
  margin-right: 10px;
}
.contact_info_text{
  font-size: 16px;
  color: #282828;
  margin-bottom: 0px;
}
.contact_form_area{
  padding-left: 76px;
}
.contact_text{
  color: #282828;
  font-size: 16px;
  margin-bottom: 10px;
}
.contact_form_block{
  margin-top: 25px;
}
.input_block{
  background-color: transparent;
  border: none;
  border-radius: 0px;
  border-bottom: solid 1px #9d9d9d;
  padding-left: 0px;
  padding-right: 0px;
}
.input_block:focus{
  background-color: transparent;
  border: none;
  border-radius: 0px;
  border-bottom: solid 1px #005162;
  box-shadow: none;
  padding-left: 0px;
  padding-right: 0px;
}
.code_block{
  display: flex;
  align-items: flex-end;
}
.code_pic{
  max-width: 100px;
  height: auto;
  padding-left: 10px;
}
.reset{
  width: 15px;
  margin-left: 10px;
}
.submit_block{
  text-align: center;
}
.contact_btn{
  margin-top: 30px;
}
.code_correct{
  color: #dc3545;
}

@media(max-width: 1499px){
  .contact_form_area{
    padding-left: 65px;
  }
}
@media(max-width: 1299px){
  .contact_form_area{
    padding-left: 50px;
  }
}
@media(max-width: 1199px){
  .contact_city{
    font-size: 18px;
    padding-bottom: 10px;
  }
  .contact_info_block{
    margin-bottom: 15px;
  }
  .contact_icon{
    width: 20px;
    margin-right: 10px;
  }
  .contact_form_block{
    margin-top: 15px;
  }
  .contact_form_area{
    padding-left: 30px;
  }
  .contact_btn{
    margin-top: 15px;
  }
}
@media(max-width: 1099px){
  .contact_form_area{
    padding-left: 0px;
  }
}
@media(max-width: 991px){
  .company_enname{
    font-size: 18px;
  }
  .contact_city{
    font-size: 16px;
    padding-bottom: 5px;
  }
  .contact_icon{
    width: 18px;
    margin-right: 10px;
  }
  .contact_info_text{
    font-size: 14px;
  }
  .contact_text{
    font-size: 14px;
  }
  .contact_form_block{
    margin-top: 0px;
  }
}
@media(max-width: 767px){
  .company_enname{
    font-size: 16px;
    margin-bottom: 10px;
  }
  .contact_city{
    font-size: 16px;
    padding-bottom: 5px;
    margin-bottom: 10px;
  }
  .contact_icon{
    width: 18px;
    margin-right: 10px;
  }
  .contact_info_text{
    font-size: 14px;
  }
  .contact_form_area{
    margin-top: 30px;
  }
  .contact_text{
    font-size: 14px;
  }
  .contact_form_block{
    margin-top: 0px;
  }
  .contact_form_block label{
    font-size: 14px;
  }
}
@media(max-width: 575px){
  .company_enname{
    font-size: 14px;
    margin-bottom: 5px;
  }
}

/* inquiry */
.inner_container2{
  background: url('../image/bg_pic3.png') no-repeat right top, url('../image/bg_pic6.png') no-repeat left bottom;
  background-size: auto,auto;
}
.inq_item{
  display: flex;
  align-items: center;
  justify-content: space-between;
  border-bottom: solid 1px #cecece;
  padding-bottom: 30px;
  margin: 15px 0px;
}
.inq_pic_title{
  display: flex;
  align-items: center;
}
.inq_title{
  font-size: 16px;
  margin-bottom: 0px;
  margin-left: 10px;
}
.inq_pic{
  max-width: 100px;
  border-radius: 5px;
  overflow: hidden;
}
.inq_count_delet{
  display: flex;
  align-items: center;
}
.count_btn{
  width: 30px;
  height: 30px;
  border-radius: 100%;
  border: solid 1px #005162;
  color: #005162;
  display: flex;
  align-items: center;
  justify-content: center;
}
.qty{
  display: flex;
  align-items: center;
  justify-content: flex-end;
}
.qty .count{
  color: #282828;
  display: inline-block;
  vertical-align: top;
  font-size: 16px;
  line-height: 32px;
  padding: 0px 2px;
  min-width: 35px;
  text-align: center;
  width: 2%;
  border: none;
  margin-left: 8px;
}
.delet_btn{
  border: none;
  margin-left: 10px;
  background-color: transparent;
}
.delet_icon{
  width: 20px;
}
@media(max-width: 1299px){
  .inner_container2{
    background-size: 30%,30%;
  }
}
@media(max-width: 1199px){
  .inq_pic{
    max-width: 80px;
  }
  .count_btn{
    width: 25px;
    height: 25px;
  }
  .delet_btn{
    margin-left: 5px;
  }
  .delet_icon{
    width: 15px;
  }
}
@media(max-width: 991px){
  .inq_pic{
    max-width: 65px;
  }
  .inq_title{
    font-size: 14px;
    margin-left: 5px;
  }
}
@media(max-width: 575px){
  .inner_container2{
    background-size: 35%,35%;
  }
}
@media(max-width: 450px){
  .inq_item{
    padding-bottom: 20px;
    margin: 10px 0px;
  }
  .qty .count{
    margin-left: 0px;
  }
}
@media(max-width: 390px){
  .inq_pic{
    max-width: 50px;
  }
  .count_btn{
    width: 23px;
    height: 23px;
  }
}

/* search */
.search_text{
  text-align: center;
  border-bottom: solid 1px #cecece;
  padding-bottom: 50px;
  margin-bottom: 50px;
}
@media(max-width: 1299px){
  .search_text{
    padding-bottom: 30px;
    margin-bottom: 30px;
  }
}
@media(max-width: 575px){
  .search_text{
    padding-bottom: 15px;
    margin-bottom: 30px;
  }
}

/* privacy */
/* .cookie_area{
  position: fixed;
  bottom: 0%;
  left: 0;
  right: 0;
  background: rgba(0, 0, 0, 0.6);
  color: #fff;
  line-height: 1.5;
  padding: 15px 30px;
  box-shadow: 0 -2px 16px rgba(47, 54, 64, 0.39);
  transition: 400ms;
  z-index: 999;
  width: 100%;
} */
.cookie_area{
  position: fixed;
  bottom: 0%;
  left: 0;
  right: 0;
  background: rgba(0, 0, 0, 0.6);
  color: #fff;
  line-height: 1.5;
  padding: 15px 30px;
  box-shadow: 0 -2px 16px rgba(47, 54, 64, 0.39);
  transition: 400ms;
  z-index: 999;
  width: 100%;
  display: none;
}
.cookie_area.active{
  bottom: 0;
  display: block;
}
.cookie_area .cookie_block{
  display: flex;
  align-items: center;
  margin: auto;
  max-width: 800px;
  font-size: 14px;
}
.cookie_area .cookie_block p{
  margin-bottom: 0px;
}
.cookie_area a{
  color: #fff;
}
.cookie_area .cookie_accept{
  background: #005162;
  border: 0;
  color: #fff;
  margin-left: 2rem;
  padding: 12px 48px;
  border-radius: 23px;
  cursor: pointer;
  white-space:nowrap;
}
.privacy_text{
  line-height: 32px;
}

@media(max-width: 450px){
  .cookie_area{
    padding: 15px 25px;
  }
  .cookie_area .cookie_block{
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    margin: auto;
    font-size: 12px;
    text-align: center;
  }
  .cookie_area .cookie_accept{
    margin-left: 0px;
    margin-top: 15px;
    padding: 10px 45px;
  }
}

/* page loading */
.page-loader {
  width: 100%;
  height: 100%;
  position: fixed;
  background: #005162;
  z-index: 1000;
  display: flex;
  justify-content: center;
  align-items: center;
}

/* sumbit */
.sumbit_area{
  text-align: center;
}
.send_icon{
  width: 150px;
  margin-bottom: 50px;
}
.sumbit_title{
  font-size: 32px;
  font-weight: 500;
  color: #282828;
}
.sumbit_text{
  color: #4d4d4d;
  margin-bottom: 50px;
}

@media(max-width: 991px){
  .sumbit_area{
    padding-top: 50px;
  }
  .send_icon{
    width: 130px;
    margin-bottom: 30px;
  }
  .sumbit_title{
    font-size: 28px;
    font-weight: 500;
  }
  .sumbit_text{
    margin-bottom: 30px;
  }
}
@media(max-width: 575px){
  .send_icon{
    width: 100px;
    margin-bottom: 20px;
  }
  .sumbit_title{
    font-size: 24px;
    font-weight: 500;
    margin-bottom: 10px;
  }
  .sumbit_text{
    margin-bottom: 20px;
  }
}
@media(max-width: 390px){
  .send_icon{
    width: 80px;
    margin-bottom: 20px;
  }
  .sumbit_title{
    font-size: 18px;
    font-weight: 500;
    margin-bottom: 10px;
  }
  .sumbit_text{
    font-size: 14px;
    margin-bottom: 20px;
  }
}

/* .privacyBox {
  position: fixed;
  background: #000;
  z-index: 9999;
  bottom: 0px;
  width: 100%;
  color: #e7e7e7;
  padding: 20px;
  font-weight: 100;
  letter-spacing: 1px;
  text-align: center;
}
.privacyBox a {
  color: #f39627;
}
.privacyBox .closePrivacy {
  right: 12px;
  top: 15px;
  max-width: 100px;
  line-height: 30px;
  font-size: 1rem;
  border-radius: 5px;
  padding: 3px 5px;
  color: #e7e7e7;
  display: block;
  background: #f39627;
  font-weight: 500;
  cursor: pointer;
  margin: 10px auto 0 auto;
} */

/* float_icon */
.float_icon{
  position: fixed;
  right: 50px;
  bottom: 50px;
}
.float_link{
  width: 50px;
  height: 50px;
  background-color: #06C755;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 100%;
}
@media(max-width: 1499px){
  .float_icon{
    right: 24px;
    bottom: 24px;
  }
}
@media(max-width: 1199px){
  .float_link{
    width: 45px;
    height: 45px;
  }
}
@media(max-width: 991px){
  .float_icon{
    right: 12px;
    bottom: 12px;
  }
}
@media(max-width: 767px){
  .float_link{
    width: 40px;
    height: 40px;
  }
}