@charset "UTF-8";

header .header_wrapper{
        /* background-color: white;
        background-color: rgba(0, 0, 0, 0.2); */
}
.header_nav li a{color: white;
  /* text-shadow: 2px 2px 8px black; */
}
.header_nav li.on a{color: white; }
.header_wrapper.on li a{color: black;
  -webkit-transition: all 0.7s ease;
          transition: all 0.7s ease;
  text-shadow: none;

}
.header_nav li .header_subnav li a{text-shadow: none; }
.header_wrapper.on li.on a{color: black;
  -webkit-transition: all 0.7s ease;
          transition: all 0.7s ease;
}

header .logo{ background: url('/img/layout/logo_white.png') no-repeat;
-webkit-transition: all 0.7s ease;
        transition: all 0.7s ease;
}
header .header_wrapper.on .logo{ background: url('/img/layout/logo.png') no-repeat;
  -webkit-transition: all 0.7s ease;
          transition: all 0.7s ease;
}
header .header_wrapper .logo_wrapper a span{
  -webkit-transition: all 0.7s ease;
          transition: all 0.7s ease;
}
header .header_wrapper.on .logo_wrapper a span{ color: black;
  -webkit-transition: all 0.7s ease;
          transition: all 0.7s ease;
}

header .logo_wrapper a span{color: white; }


/* .main_bg_wrapper{background: url(/img/layout/main_bg2.jpg) no-repeat; background-size: cover; height: 100%; padding-top: 82px; } */
.main_bg_wrapper{ height: 100%; position:relative; }
.main_bg_wrapper ul{height: 100%; overflow: hidden; }
.main_bg_wrapper li{height: 100%;padding-top: 82px;  }
.main_text{ position: absolute; right: 0; top: 220px; }
.main_text .type1{color: rgba(0, 0, 0, 0.45); font-size: 30px; line-height: 30px; }
.main_text .type2{color: black; font-size: 30px; line-height: 30px; margin-top: 6px;  }
.main_text .type3{color: black; font-size: 18px; margin-top: 36px; line-height: 24px; }