.ml2 {
  margin-left: 2px; }

.ml20 {
  margin-left: 20px; }

.ml24 {
  margin-left: 24px; }

.mt4 {
  margin-top: 4px; }

.mt10 {
  margin-top: 10px; }

.mt15 {
  margin-top: 15px; }

.mt30 {
  margin-top: 30px; }

.pt110 {
  padding-top: 110px; }

table {
  min-width: 980px;
  margin: 0 auto; }

.container {
  width: 980px;
  min-width: 980px;
  margin: 0 auto; }

.footer_txt {
  width: 100%;
  height: auto;
  background: #7eaad5;
  padding: 20px;
  font-size: 15px;
  color: #ffffff; }

.fl {
  display: flex; }
  .fl .co1 {
    width: 50%;
    height: 100%; }
  .fl .co2 {
    width: 50%;
    height: 100%;
    position: relative; }
    .fl .co2 .dimond2 {
      width: 110px;
      height: 91px;
      position: absolute;
      bottom: -33px;
      right: -7px; }
    .fl .co2 .tree2 {
      width: 106px;
      height: 217px;
      position: absolute;
      bottom: -38px;
      right: -28px; }
    .fl .co2 .com2 {
      width: 125px;
      height: 100px;
      position: absolute;
      bottom: -38px;
      right: -28px; }
    .fl .co2 .cup {
      width: 131px;
      height: 95px;
      position: absolute;
      bottom: -38px;
      right: -28px; }

.bg {
  width: 980px;
  height: auto;
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover; }
  .bg.page1 {
    padding: 50px 40px;
    background-image: url(../images/page1_bg.jpg);
    position: relative; }

h1 {
  font-size: 24px;
  font-weight: 600;
  color: #1b7ab0; }

h2 {
  font-size: 18px;
  font-weight: 600;
  color: #2eb12d; }

.index_bg {
  height: 458px;
  background-image: url(../images/index_bg.png);
  background-repeat: no-repeat;
  background-position: center;
  background-size: auto;
  padding: 120px 40px;
  font-size: 0; }
  .index_bg a {
    display: inline-block;
    width: calc((100% - 150px)/4);
    height: auto;
    background: #ffffff;
    padding: 16px 16px 75px 16px;
    margin-right: 50px;
    text-decoration: none; }
    .index_bg a:nth-last-child(1) {
      margin-right: 0; }
    .index_bg a img {
      width: 158px;
      height: 200px; }
    .index_bg a img:nth-child(2) {
      width: 67px;
      height: 68px; }
    .index_bg a.box1 {
      position: relative; }
      .index_bg a.box1 img:nth-child(2) {
        position: absolute;
        bottom: 30px;
        right: 20px; }
      .index_bg a.box1 img:nth-child(3) {
        width: 78px;
        height: 63px;
        position: absolute;
        bottom: -40px;
        left: -28px; }
    .index_bg a.box2 {
      position: relative; }
      .index_bg a.box2 img:nth-child(2) {
        position: absolute;
        bottom: 30px;
        right: 20px; }
      .index_bg a.box2 img:nth-child(3) {
        width: 66px;
        height: 132px;
        position: absolute;
        bottom: -40px;
        left: -15px; }
    .index_bg a.box3 {
      position: relative; }
      .index_bg a.box3 img:nth-child(2) {
        position: absolute;
        bottom: 30px;
        right: 20px; }
      .index_bg a.box3 img:nth-child(3) {
        width: 81px;
        height: 84px;
        position: absolute;
        bottom: -40px;
        left: -14px; }
    .index_bg a.box4 {
      position: relative; }
      .index_bg a.box4 img:nth-child(2) {
        position: absolute;
        bottom: 30px;
        right: 20px; }
      .index_bg a.box4 img:nth-child(3) {
        width: 118px;
        height: 88px;
        position: absolute;
        bottom: -40px;
        left: -25px; }
    .index_bg a:hover {
      box-shadow: 0px 16px 14px 0px rgba(0, 0, 0, 0.16);
      -webkit-box-shadow: 0px 16px 14px 0px rgba(0, 0, 0, 0.16);
      -moz-box-shadow: 0px 16px 14px 0px rgba(0, 0, 0, 0.16);
      -o-box-shadow: 0px 16px 14px 0px rgba(0, 0, 0, 0.16);
      -webkit-transition: all .2s ease-in-out;
      -moz-transition: all .2s ease-in-out;
      -o-transition: all .2s ease-in-out;
      -ms-transition: all .2s ease-in-out; }

.tab {
  width: 100%;
  height: auto;
  font-size: 0; }
  .tab a {
    display: inline-block;
    width: calc((100% - 4px)/ 5);
    height: 42px;
    margin-right: 1px;
    background-image: url(../images/tab.jpg);
    background-repeat: no-repeat;
    background-position: center;
    background-size: auto;
    font-size: 16px;
    color: #ffffff;
    text-align: center;
    line-height: 42px;
    text-decoration: none; }
    .tab a:nth-last-child(1) {
      margin-right: 0; }
    .tab a:hover {
      background-image: url(../images/tab_hover.jpg);
      -webkit-transition: all .2s ease-in-out;
      -moz-transition: all .2s ease-in-out;
      -o-transition: all .2s ease-in-out;
      -ms-transition: all .2s ease-in-out; }
    .tab a.active {
      background-image: url(../images/tab_hover.jpg); }

.tab2 > div {
  width: 120px;
  height: 36px;
  background: #ffffff; }

.in {
  width: 200px;
  height: 200px;
  background: #ffffff;
  position: absolute;
  top: 200px; }
  .in .in_box {
    width: 200px;
    height: 200px;
    background: #ffffff; }

.box {
  width: 500px;
  height: 500px;
  background: #000;
  background-image: url(../images/tab.jpg);
  background-repeat: no-repeat;
  background-position: center;
  background-size: auto; }

.img1 {
  background-image: url(../images/tab.jpg); }

.img2 {
  background-image: url(../images/tab_hover.jpg); }

.in_box {
  width: 200px;
  height: 200px;
  background: #ffffff; }

.out_box {
  width: 200px;
  height: 200px;
  background: #ffffff; }

.page1 h1 {
  margin-bottom: 20px; }
.page1 div {
  font-size: 0; }
  .page1 div .tab2-1 {
    display: inline-block;
    width: 132px;
    height: 39px;
    background-image: url(../images/image94.png);
    background-repeat: no-repeat;
    background-position: center;
    background-size: auto; }
    .page1 div .tab2-1:hover {
      background-image: url(../images/image96.png);
      -webkit-transition: all .2s ease-in-out;
      -moz-transition: all .2s ease-in-out;
      -o-transition: all .2s ease-in-out;
      -ms-transition: all .2s ease-in-out; }
    .page1 div .tab2-1.tab2-2 {
      margin-left: 8px;
      background-image: url(../images/image104.png); }
      .page1 div .tab2-1.tab2-2:hover {
        background-image: url(../images/image106.png);
        -webkit-transition: all .2s ease-in-out;
        -moz-transition: all .2s ease-in-out;
        -o-transition: all .2s ease-in-out;
        -ms-transition: all .2s ease-in-out; }
    .page1 div .tab2-1.active-tab2-1 {
      background-image: url(../images/image96.png); }
    .page1 div .tab2-1.active-tab2-2 {
      background-image: url(../images/image106.png); }
  .page1 div .step_box {
    display: flex;
    flex-wrap: wrap;
    font-size: 0;
    margin-top: 16px; }
    .page1 div .step_box .step {
      display: inline-block;
      width: 120px;
      height: 120px;
      padding: 14px;
      background-repeat: no-repeat;
      background-position: center;
      background-size: auto;
      -webkit-border-radius: 10px;
      -moz-border-radius: 10px;
      border-radius: 10px;
      margin-right: 16px;
      margin-top: 16px; }
      .page1 div .step_box .step > div {
        font-size: 16px;
        color: #ffffff;
        width: 25px;
        height: 25px;
        border-radius: 99em;
        background: #5d9dc1;
        display: flex;
        align-items: center;
        justify-content: center;
        box-shadow: 0px 2px 3px 1px rgba(0, 0, 0, 0.16);
        -webkit-box-shadow: 0px 2px 3px 1px rgba(0, 0, 0, 0.16);
        -moz-box-shadow: 0px 2px 3px 1px rgba(0, 0, 0, 0.16);
        -o-box-shadow: 0px 2px 3px 1px rgba(0, 0, 0, 0.16); }
      .page1 div .step_box .step:hover {
        box-shadow: 0px 0px 6px 3px white;
        -webkit-box-shadow: 0px 0px 6px 3px white;
        -moz-box-shadow: 0px 0px 6px 3px white;
        -o-box-shadow: 0px 0px 6px 3px white;
        -webkit-transition: all .2s ease-in-out;
        -moz-transition: all .2s ease-in-out;
        -o-transition: all .2s ease-in-out;
        -ms-transition: all .2s ease-in-out; }
      .page1 div .step_box .step.step1-1 {
        background-image: url(../images/p1-1.jpg); }
      .page1 div .step_box .step.step1-2 {
        background-image: url(../images/p1-2.jpg); }
      .page1 div .step_box .step.step1-3 {
        background-image: url(../images/p1-3.jpg); }
      .page1 div .step_box .step.step1-4 {
        background-image: url(../images/p1-4.jpg); }
      .page1 div .step_box .step.step1-5 {
        background-image: url(../images/p1-5.jpg); }
      .page1 div .step_box .step.step1-6 {
        background-image: url(../images/p1-6.jpg); }
      .page1 div .step_box .step.step1-7 {
        background-image: url(../images/p1-7.jpg); }
      .page1 div .step_box .step.step1-8 {
        background-image: url(../images/p1-8.jpg); }
.page1 > div .step1 {
  width: 436px;
  height: 358px;
  background-image: url(../images/p1-1-2.jpg);
  background-repeat: no-repeat;
  background-position: center;
  background-size: auto;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  border-radius: 10px;
  box-shadow: 0px 0px 6px 3px white;
  -webkit-box-shadow: 0px 0px 6px 3px white;
  -moz-box-shadow: 0px 0px 6px 3px white;
  -o-box-shadow: 0px 0px 6px 3px white; }
  .page1 > div .step1.s2 {
    background-image: url(../images/p1-7-2.jpg); }
  .page1 > div .step1.p2-s2 {
    background-image: url(../images/p2-1-1-2.jpg); }
  .page1 > div .step1.p2-2-s2 {
    background-image: url(../images/p2-2-1-2.jpg); }
  .page1 > div .step1.p2-3-s2 {
    background-image: url(../images/p2-3-1-2.jpg); }
  .page1 > div .step1.p2-4-s2 {
    background-image: url(../images/p2-4-1-2.jpg); }
  .page1 > div .step1.p3-1-s2 {
    background-image: url(../images/p3-1-1-2.jpg); }
  .page1 > div .step1.p3-2-s2 {
    background-image: url(../images/p3-2-1-2.jpg); }
  .page1 > div .step1.p4-1-s2 {
    background-image: url(../images/p4-1-1-2.jpg); }
.page1 .step1-1-2 {
  background-image: url(../images/p1-1-2.jpg); }
.page1 .step1-2-2 {
  background-image: url(../images/p1-2-2.jpg) !important; }
.page1 .step1-3-2 {
  background-image: url(../images/p1-3-2.jpg) !important; }
.page1 .step1-4-2 {
  background-image: url(../images/p1-4-2.jpg) !important; }
.page1 .step1-5-2 {
  background-image: url(../images/p1-5-2.jpg) !important; }
.page1 .step1-6-2 {
  background-image: url(../images/p1-6-2.jpg) !important; }
.page1 .step1-7-2 {
  background-image: url(../images/p1-7-2.jpg) !important; }
.page1 .step1-8-2 {
  background-image: url(../images/p1-8-2.jpg) !important; }

.step_active {
  box-shadow: 0px 0px 6px 3px white;
  -webkit-box-shadow: 0px 0px 6px 3px white;
  -moz-box-shadow: 0px 0px 6px 3px white;
  -o-box-shadow: 0px 0px 6px 3px white; }

.p2-step1-1 {
  background-image: url(../images/p2-1-1.jpg) !important; }

.p2-step1-2 {
  background-image: url(../images/p2-1-2.jpg) !important; }

.p2-step1-3 {
  background-image: url(../images/p2-1-3.jpg) !important; }

.p2-step1-4 {
  background-image: url(../images/p2-1-4.jpg) !important; }

.p2-step1-5 {
  background-image: url(../images/p2-1-5.jpg) !important; }

.p2-step1-6 {
  background-image: url(../images/p2-1-6.jpg) !important; }

.p2-step1-7 {
  background-image: url(../images/p2-1-7.jpg) !important; }

.p2-step1-8 {
  background-image: url(../images/p2-1-8.jpg) !important; }

.p2-step1-1-2 {
  background-image: url(../images/p2-1-1-2.jpg) !important; }

.p2-step1-2-2 {
  background-image: url(../images/p2-1-2-2.jpg) !important; }

.p2-step1-3-2 {
  background-image: url(../images/p2-1-3-2.jpg) !important; }

.p2-step1-4-2 {
  background-image: url(../images/p2-1-4-2.jpg) !important; }

.p2-step1-5-2 {
  background-image: url(../images/p2-1-5-2.jpg) !important; }

.p2-step1-6-2 {
  background-image: url(../images/p2-1-6-2.jpg) !important; }

.p2-step1-7-2 {
  background-image: url(../images/p2-1-7-2.jpg) !important; }

.p2-step1-8-2 {
  background-image: url(../images/p2-1-8-2.jpg) !important; }

.p2-2-step1-1 {
  background-image: url(../images/p2-2-1.jpg) !important; }

.p2-2-step1-1-2 {
  background-image: url(../images/p2-2-1-2.jpg) !important; }

.p2-3-step1-1 {
  background-image: url(../images/p2-3-1.jpg) !important; }

.p2-3-step1-2 {
  background-image: url(../images/p2-3-2.jpg) !important; }

.p2-3-step1-3 {
  background-image: url(../images/p2-3-3.jpg) !important; }

.p2-3-step1-4 {
  background-image: url(../images/p2-3-4.jpg) !important; }

.p2-3-step1-5 {
  background-image: url(../images/p2-3-5.jpg) !important; }

.p2-3-step1-6 {
  background-image: url(../images/p2-3-6.jpg) !important; }

.p2-3-step1-7 {
  background-image: url(../images/p2-3-7.jpg) !important; }

.p2-3-step1-1-2 {
  background-image: url(../images/p2-3-1-2.jpg) !important; }

.p2-3-step1-2-2 {
  background-image: url(../images/p2-3-2-2.jpg) !important; }

.p2-3-step1-3-2 {
  background-image: url(../images/p2-3-3-2.jpg) !important; }

.p2-3-step1-4-2 {
  background-image: url(../images/p2-3-4-2.jpg) !important; }

.p2-3-step1-5-2 {
  background-image: url(../images/p2-3-5-2.jpg) !important; }

.p2-3-step1-6-2 {
  background-image: url(../images/p2-3-6-2.jpg) !important; }

.p2-3-step1-7-2 {
  background-image: url(../images/p2-3-7-2.jpg) !important; }

.p2-4-step1-1 {
  background-image: url(../images/p2-4-1.jpg) !important; }

.p2-4-step1-2 {
  background-image: url(../images/p2-4-2.jpg) !important; }

.p2-4-step1-3 {
  background-image: url(../images/p2-4-3.jpg) !important; }

.p2-4-step1-1-2 {
  background-image: url(../images/p2-4-1-2.jpg) !important; }

.p2-4-step1-2-2 {
  background-image: url(../images/p2-4-2-2.jpg) !important; }

.p2-4-step1-3-2 {
  background-image: url(../images/p2-4-3-2.jpg) !important; }

.p3-1-step1-1 {
  background-image: url(../images/p3-1-1.jpg) !important; }

.p3-1-step1-2 {
  background-image: url(../images/p3-1-2.jpg) !important; }

.p3-1-step1-3 {
  background-image: url(../images/p3-1-3.jpg) !important; }

.p3-1-step1-4 {
  background-image: url(../images/p3-1-4.jpg) !important; }

.p3-1-step1-5 {
  background-image: url(../images/p3-1-5.jpg) !important; }

.p3-1-step1-6 {
  background-image: url(../images/p3-1-6.jpg) !important; }

.p3-1-step1-7 {
  background-image: url(../images/p3-1-7.jpg) !important; }

.p3-1-step1-1-2 {
  background-image: url(../images/p3-1-1-2.jpg) !important; }

.p3-1-step1-2-2 {
  background-image: url(../images/p3-1-2-2.jpg) !important; }

.p3-1-step1-3-2 {
  background-image: url(../images/p3-1-3-2.jpg) !important; }

.p3-1-step1-4-2 {
  background-image: url(../images/p3-1-4-2.jpg) !important; }

.p3-1-step1-5-2 {
  background-image: url(../images/p3-1-5-2.jpg) !important; }

.p3-1-step1-6-2 {
  background-image: url(../images/p3-1-6-2.jpg) !important; }

.p3-1-step1-7-2 {
  background-image: url(../images/p3-1-7-2.jpg) !important; }

.p3-2-step1-1 {
  background-image: url(../images/p3-2-1.jpg) !important; }

.p3-2-step1-2 {
  background-image: url(../images/p3-2-2.jpg) !important; }

.p3-2-step1-1-2 {
  background-image: url(../images/p3-2-1-2.jpg) !important; }

.p3-2-step1-2-2 {
  background-image: url(../images/p3-2-2-2.jpg) !important; }

.p4-1-step1-1 {
  background-image: url(../images/p4-1-1.jpg) !important; }

.p4-1-step1-2 {
  background-image: url(../images/p4-1-2.jpg) !important; }

.p4-1-step1-3 {
  background-image: url(../images/p4-1-3.jpg) !important; }

.p4-1-step1-4 {
  background-image: url(../images/p4-1-4.jpg) !important; }

.p4-1-step1-1-2 {
  background-image: url(../images/p4-1-1-2.jpg) !important; }

.p4-1-step1-2-2 {
  background-image: url(../images/p4-1-2-2.jpg) !important; }

.p4-1-step1-3-2 {
  background-image: url(../images/p4-1-3-2.jpg) !important; }

.p4-1-step1-4-2 {
  background-image: url(../images/p4-1-4-2.jpg) !important; }

/*# sourceMappingURL=main.css.map */