/* general
----------------------------------------------------------------------------------------------------*/
html {
  width: 100%; height: 100%; margin: 0px; padding: 0px; overflow-y: scroll; background: #fff;
}
body {
  width: 100%; height: 100%; margin: 0px; padding: 0px; font: normal 14px/16px 'arial'; text-align: left; color: #000; cursor: default;
}
img {
  display: block; border: 0px;
}
div, form {
  overflow: hidden;
}
a:link, a:visited, a:hover, a:active {
  text-decoration: none;
}
a:focus, button:focus, input:focus, select:focus {
  outline: 0px;
}
button {
  padding: 0px; cursor: pointer; border: 0px; background: none;
}

/* block
----------------------------------------------------------------------------------------------------*/
.bk_001 {
  position: relative; width: 100%; min-width: 1140px; min-height: 100%; padding: 0px 0px 92px 0px; box-sizing: border-box;
}
.bk_002 {
  background: #f0f0f0;
}
.bk_002 > .a_001 {
  position: relative; width: 1140px; height: 170px; margin: 0px auto;
}
.bk_003 {
  position: absolute; width: 260px; height: 130px; top: 20px; left: 10px; cursor: pointer;
}
.bk_004 {
  position: absolute; padding: 10px 0px 10px 0px; right: 10px; bottom: 20px;
}
.bk_004 > a, .bk_004 > span {
  float: left; margin: 0px 0px 0px 20px; font: normal 22px/26px 'tahoma';
}
.bk_004 > a {
  color: #000;
}
.bk_004 > a:hover, .bk_004 > span {
  color: #c40a00;
}
.bk_005 {
  position: absolute; height: 90px; padding: 2px 0px 0px 0px; left: 0px; right: 0px; bottom: 0px; z-index: 0; box-sizing: content-box;
}
.bk_005:before {
  content: ''; position: absolute; height: 2px; top: 0px; left: 0px; right: 0px; z-index: 0; background: #f0f0f0;
}
.bk_006 {
  position: relative; width: 1140px; height: inherit; margin: 0px auto;
}
.bk_006 > .a_001 {
  position: absolute; width: 50px; height: 50px; top: 20px; left: 10px; z-index: 0; cursor: pointer;
}
.bk_006 > .a_002 {
  position: absolute; left: 70px; right: 70px; bottom: 20px; font: normal 14px/18px 'arial'; color: #666; z-index: 0;
}
.bk_007 {
  position: relative; width: 1140px; margin: 0px auto; padding: 0px 0px 20px 0px;
}
.bk_008 {
  position: relative; width: 1140px; margin: 0px auto;
}
.bk_008 > .a_001 {
  position: relative; float: left;
}
.bk_009 {
  float: left; position: relative; width: 340px; height: 200px; margin: 15px 450px 5px 30px; overflow: visible;
}
.bk_009 > a {
  position: absolute; width: 800px; height: 96px; padding: 20px 20px 20px 380px; top: 20px; left: -20px; font: bold 18px/28px 'arial';
  color: #333; z-index: 0; box-sizing: border-box; background: #f0f0f0;
}
.bk_009:hover > a {
  color: #090;
}
.bk_009 > .a_001 {
  position: relative; width: inherit; height: inherit; cursor: pointer; z-index: 1; box-shadow: 0px 0px 5px #777;
}
.bk_010 {
  height: 50px; margin: 20px 10px 0px 10px; cursor: pointer; background: url(../png/002.png) center center no-repeat;
  box-shadow: 0px 0px 5px #777;
}
.bk_010:hover {
  background: url(../png/002.png) #f0f0f0 center center no-repeat;
}
.bk_011 {
  margin: 20px 10px 0px 10px; background: #f0f0f0;
}
.bk_011 > h1 {
  float: left; width: 800px; margin: 0px; padding: 20px; font: bold 22px/30px 'arial'; color: #333; box-sizing: border-box;
}
.bk_011 > .a_001 {
  float: left; width: 520px; height: 262px; margin: 20px 0px 0px 20px; box-shadow: 0px 0px 5px #777;
}
.bk_011 > .a_002 {
  float: left; width: 260px; margin: 0px 0px -20px 0px; padding: 0px 0px 20px 0px;
}
.bk_011 > .a_002 > .b_001 {
  float: left; width: 220px; height: 74px; margin: 20px 0px 0px 20px; cursor: pointer; box-shadow: 0px 0px 5px #777;
}
.bk_012 {
  display: flex; height: 50px; margin: 20px 0px 0px 0px; overflow: visible;
}
.bk_012 > .a_001 {
  width: 340px; height: 50px; margin: 0px 10px 0px 10px; cursor: pointer; box-shadow: 0px 0px 5px #777;
}
.bk_013 {
  position: relative; float: left; width: 390px; height: 200px; margin: 15px 10px 5px 10px; box-shadow: 0px 0px 5px #777;
}
.bk_013 > a {
  position: absolute; padding: 20px; top: 0px; left: 0px; right: 0px; bottom: 0px; font: bold 20px/26px 'arial'; color: #fff;
  box-sizing: border-box; background: rgba(0, 0, 0, 0.6);
}
.bk_013 > a:hover {
  color: #93b054;
}
.bk_014 p, .bk_014 ol, .bk_014 ul, .bk_014 table {
  font: normal 16px/24px 'georgia'; color: #333;
}
.bk_014 p, .bk_014 ol, .bk_014 ul {
  margin: 15px 10px 0px 10px;
}
.bk_014 a {
  color: #1363C4; text-decoration: none;
}
.bk_014 a:hover {
  color: #090;
}
.bk_015 {
  width: 300px; height: 250px; margin: 20px 10px 0px 10px; box-shadow: 0px 0px 5px #777;
}
.bk_016 {
  width: 300px; height: 50px; margin: 20px 10px 0px 10px; overflow: visible;
}
.bk_016 > .a_001 {
  float: left; width: 87px; height: inherit; margin: 0px 20px 0px 0px; cursor: pointer; box-shadow: 0px 0px 5px #777;
}
.bk_016 > .a_001:last-child {
  margin: 0px 0px 0px -1px;
}
.bk_017 {
  width: 300px; height: 250px; margin: 20px 10px 0px 10px; box-shadow: 0px 0px 5px #777;
}
.bk_018 {
  width: 260px; margin: 16px auto 0px auto;
}
.bk_018 > span {
  display: block; margin: 0px 0px 16px 0px; font: bold 20px/26px 'arial'; text-align: center; color: #090;
}
.bk_019 {
  margin: 20px 10px 0px 10px; box-shadow: 0px 0px 5px #777;
}

/* extra
----------------------------------------------------------------------------------------------------*/
.ea_001 {
  position: fixed; width: 50px; height: 50px; margin-left: 510px; left: 50%; bottom: 20px; cursor: pointer; z-index: 50;
  border-radius: 25px; background: url(../png/003.png) center center no-repeat; box-shadow: 0px 0px 5px #777;
}
.ea_001:hover {
  background-color: #f0f0f0;
}
.ea_002 {
  position: fixed; width: 30px; height: 30px; margin-left: 275px; top: 10px; left: 50%; cursor: pointer; z-index: 50;
  border-radius: 15px; background: url(../png/010.png) #fff center center no-repeat; background-size: 16px;
}
.ea_003 {
  position: fixed; width: 100%; height: 100%; top: 0px;
}
.ea_004 {
  position: absolute; width: 200px; margin-left: -310px; left: 50%; top: 0px; z-index: 100; box-shadow: 0px 0px 5px #777;
}
.ea_004 > a, .ea_004 > span {
  display: block; padding: 0px 0px 0px 10px; font: bold 14px/40px 'arial'; color: #fff; cursor: pointer; border-bottom: 1px solid #666;
  background: #000;
}
.ea_004 > span {
  cursor: default; background: #666;
}
.ea_004 > a:last-of-type {
  border: 0px;
}
.ea_004 > .a_001 {
  height: 50px; cursor: pointer; background: #000;
}

/* other
----------------------------------------------------------------------------------------------------*/
.or_001_001 {
  width: 820px; padding: 0px 0px 20px 0px;
}
.or_001_002 {
  width: 320px; padding: 0px 0px 20px 0px;
}
.or_002_001 {
  margin: 5px 0px -5px 0px;
}
.or_003_001 {
  background: url(../png/004.png) #3b5999 center center no-repeat; background-size: 100px;
}
.or_003_002 {
  background: url(../png/005.png) #507298 center center no-repeat; background-size: 100px;
}
.or_003_003 {
  background: url(../png/011.png) #ee8208 center center no-repeat; background-size: 100px;
}
.or_004_001 {
  background: url(../png/006.png) #3b5999 center center no-repeat; background-size: 250px;
}
.or_004_002 {
  background: url(../png/007.png) #507298 center center no-repeat; background-size: 250px;
}
.or_004_003 {
  background: url(../png/012.png) #ee8208 center center no-repeat; background-size: 250px;
}
.or_005_001 {
  background: url(../png/008.png) #3b5999 center center no-repeat; background-size: 80px;
}
.or_005_002 {
  background: url(../png/009.png) #507298 center center no-repeat; background-size: 80px;
}
.or_005_003 {
  background: url(../png/013.png) #ee8208 center center no-repeat; background-size: 80px;
}
.or_006_001 {
  cursor: pointer;
}
.or_007_001 {
  z-index: 49; background: rgba(0, 0, 0, 0.6);
}