@charset "UTF-8";
/*----------start of reset----------*/
html, body, div, span, applet, object, iframe, h1, h2, h3,
h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address,
big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li,
fieldset, form, label, legend, table, caption, tbody, tfoot,
thead, tr, th, td {
  margin: 0;
  padding: 0;
  border: 0;
  outline: 0;
  font-size: 100%;
  font-weight: inherit;
  font-style: inherit;
  font-family: "Microsoft YaHei", "微软雅黑", "宋体", Arial;
  vertical-align: baseline; }

:focus {
  outline: 0; }

table {
  border-collapse: separate;
  border-spacing: 0; }

caption, th, td {
  text-align: left;
  font-weight: normal; }

a, img, iframe {
    text-decoration: none;
  border: none; }

ol, ul {
  list-style: none; }

input, textarea, select, button {
  font-family: inherit;
  font-size: 100%; }

/* Fixes incorrect placement of numbers in ol’s in IE6/7 */
ol {
  margin-left: 2em; }

/* == clearfix == */
.clearfix:after {
  content: "";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden; }

.clearfix {
  display: inline-block; }

* html .clearfix {
  height: 1%; }

.clearfix {
  display: block; }

.float-l {
  float: left; }

.float-r {
  float: right; }

.hide {
  display: none; }

.show {
  display: block; }

/*----------end of reset----------*/
/*----------color palettes----------*/
body {
  width: 100%; }

.section {
  position: relative;
  background-size: 1920px auto;
  background-position: top;
  background-repeat: no-repeat; }

#section-1 {
  background-image: url(../images/pg-1.jpg); }

  #section-1 #network {
    display: block;
    position: absolute;
    top: 33.33333%;
    left: 50%;
    margin-right: -50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%); }
  #section-1 #slogon {
    display: block;
    position: absolute;
    top: 33.33333%;
    left: 50%;
    margin-right: -50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%); }

#desc {
  position: absolute;
  bottom: 0;
  width: 100%;
  height: 30%;
  -webkit-clip-path: polygon(0 100%, 100% 100%, 100% 0, 0 20%);
  background-color: #FCD235; }
  #desc p {
    position: absolute;
    top: 50%;
    left: 50%;
    margin-right: -50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    text-align: center;
    line-height: 2.28571em; }

@media screen and (max-width: 768px) {
    #desc p{font-size:12px;}
}


#section-2 {
  background-image: url(../img/pg-2.jpg);
  line-height: 1; }
  #section-2 h2 {
    padding-top: 9.09722%;
    width: 248px;
    height: 38px;
    background-image: url(../images/header.svg);
    background-size: 248px auto;
    background-position: bottom;
    background-repeat: no-repeat;
    margin-left: 40.90278%;
    margin-bottom: 5.41667%; }
  #section-2 .profile {
    /* position: absolute;
    top: 50%;
    left: 38.196601%;
    margin-right: -50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%,  -50%); */
    display: inline-block;
    width: 282px;
    margin-left: 26.25%;
    margin-right: 5.41667%; }
    #section-2 .profile .portrait {
      display: block;
      border: 6px solid #FDD235;
      border-radius: 50%; }
    #section-2 .profile ul {
      margin-top: -22px; }
    #section-2 .profile li {
      display: block;
      width: 148px;
      background-color: #FDD235;
      -webkit-transform: skewX(-14deg) translateX(-5px);
      transform: skewX(-14deg) translateX(-5px);
      margin: 0 auto 6px;
      text-align: center; }
      #section-2 .profile li span {
        display: inline-block;
        width: 148px;
          font-size:14px;
        line-height: 40px;
        -webkit-transform: skewX(14deg);
        transform: skewX(14deg); }
  #section-2 article {
    display: inline-block; }
  #section-2 h3 {
    margin-bottom: 10px;
    font-size: 22px;
    font-weight: bold;
    color: #FFF; }
  #section-2 h4 {
    margin-bottom: 20px;
    font-size: 18px;
    color: #FFF; }
  #section-2 p > span {
    display: block;
    whitespace: no-wrap;
    color: #FFF;
      font-size:14px;
    line-height: 27px; }

@media screen and (max-width: 480px) {
    #section-2 h2{display:block;margin:0 auto;background-size: 80% auto;}
    #section-2 h3{font-size:12px;}
    #section-2 h4{font-size:10px;}
    #section-2 article{display:block;text-align:center;padding-top:1%;}
    #section-2 article p{margin-top:2%;}
    #section-2 .profile  {max-width:50%;}
    /*#section-2 .profile ul {display:none;}*/
    /*#section-2 .profile ul {margin-left:-30px;}*/
    /*#section-2 .profile li{width:100px;}*/
    #section-2 .profile li span{width:110px;line-height:20px;font-size:10px;}
    #section-2 p > span{font-size:12px;line-height:20px;}
    #section-2 .profile .portrait{width:60%;height:60%;display:block;margin:0 auto;}
    .fp-controlArrow.fp-prev{border-width:18.5px 14px 18.5px 0;}
    .fp-controlArrow.fp-next{border-width:18.5px 0 18.5px 14px;}
}

@media screen and (max-width: 768px)and (min-width:481px) {
    #section-2 .profile  {max-width:50%;}
    #section-2 .profile ul {display:none;}
    #section-2 .profile .portrait{width:80%;height:80%;}
    #section-2 .profile ul {margin-left:-30px;}
    #section-2 p > span{font-size:12px;line-height:20px;}
}
@media screen and (max-width: 1440px) and (min-width:768px) {
    #section-2 .profile{width:25%;}
    #section-2 .profile .portrait{width:70%;height:70%;}
    #section-2 .profile ul {margin-left:-70px;}
    #section-2 p > span{font-size:12px;line-height:20px;}
}


#section-3 h2 {
  width: 229px;
  height: 32px;
  background-image: url(../img/company-profile.svg);
  background-size: 100% auto;
  background-position: bottom;
  background-repeat: no-repeat;
  margin: 0 auto 3.61111%; }
#section-3 .imgInfo{
    max-width: 900px;
    display:block;
    margin:0 auto;
    padding-top:2%;
}
/*#section-3 table {*/
  /*margin: 0 auto; }*/
/*#section-3 td {*/
  /*width: 12.5%;*/
  /*height: 25%;*/
  /*background-size: 100% 100%; }*/
/*#section-3 td[colspan="1"] {*/
  /*width: 6.25%; }*/
/*#section-3 td[colspan="3"] {*/
  /*width: 18.75%; }*/
/*#section-3 td[colspan="4"] {*/
  /*width: 50%; }*/
/*#section-3 td[rowspan="2"] {*/
  /*height: 50%; }*/
/*#section-3 .profile {*/
  /*width: 89.375%;*/
  /*margin: 0 auto; }*/
  /*#section-3 .profile h3 {*/
    /*width: 89.375%;*/
    /*font-size: 1.71429em;*/
    /*line-height: 1em;*/
    /*padding-top: 1.33333em;*/
    /*margin-bottom: 0.875em; }*/
  /*#section-3 .profile p {*/
    /*line-height: 2em; }*/
/*#section-3 .brightsun {*/
  /*background-color: #FCD235; }*/
/*#section-3 .tradewind {*/
  /*background-color: #5FBBB6; }*/
/*#section-3 .razzmatazz {*/
  /*background-color: #DA1153;*/
  /*background-image: url(../img/DeNA_logo.svg);*/
  /*background-position: center;*/
  /*background-size: 80% auto;*/
  /*background-repeat: no-repeat; }*/
/*#section-3 .pumpkin {*/
  /*background-color: #FD7923; }*/
/*#section-3 #shanghai {*/
  /*background-image: url(../img/Shanghai.jpg); }*/
/*#section-3 #toronto {*/
  /*background-image: url(../img/Toronto.jpg); }*/
/*#section-3 #singapore {*/
  /*background-image: url(../img/Singapore.jpg); }*/
/*#section-3 #moai {*/
  /*background-image: url(../img/Moai.jpg); }*/
/*#section-3 #seoul {*/
  /*background-image: url(../img/Seoul.jpg); }*/
/*#section-3 #san-francisco {*/
  /*background-image: url(../img/San-Francisco.jpg); }*/
/*#section-3 #reception {*/
  /*background-image: url(../img/reception.jpg); }*/
/*#section-3 #discuss {*/
  /*background-image: url(../img/discuss.jpg); }*/
/*#section-3 #game {*/
  /*background-image: url(../img/game.jpg); }*/
/*#section-3 #shoot {*/
  /*background-image: url(../img/shoot.jpg); }*/
/*#section-3 #meeting {*/
  /*background-image: url(../img/meeting.jpg); }*/
/*#section-3 #type {*/
  /*background-image: url(../img/type.jpg); }*/
#section-3 .fp-controlArrow.fp-prev {
  /*left: 15px;*/
  /*width: 0;*/
  /*border-width: 38.5px 34px 38.5px 0;*/
  border-color: transparent #4c423a transparent transparent;
}
#section-3 .fp-controlArrow.fp-next {
  /*right: 15px;*/
  /*border-width: 38.5px 0 38.5px 34px;*/
  border-color: transparent transparent transparent #4c423a;
}
@media screen and (max-width: 480px) {
    #section-3 h2{padding-top:30px !important;background-size: 80% auto;}
    #section-3 .imgInfo{display:none;}
    #section-3 .imgInfoSmall{display:block;width:100%;}
    #section-3 .fp-controlArrow.fp-prev{left:8px !important;}
    #section-3 .fp-controlArrow.fp-next{right:8px;!important;}
}

@media screen and (max-width: 768px)and (min-width: 481px) {
    #section-3 .imgInfo{display:block;}
    #section-3 .imgInfoSmall{display:none}
    #section-3 .imgInfo{max-width:65%;}
}
@media screen and (min-width:768px) {
    #section-3 .imgInfo{display:block;}
    #section-3 .imgInfoSmall{display:none;}
    /*#section-3 h2{*/
        /*margin-top: -2%;*/
    /*}*/
    #section-3 .imgInfo{
        max-width:60%;
    }
}

#section-4 {
  background-image: url(../images/pg-4.jpg);
  line-height: 1;  }
#section-4 h2 {
  padding-top:5.09722%;
  width: 231px;
  height: 32px;
  background-image: url(../images/p4_title.png);
  background-size: 100% auto;
  background-position: bottom;
  background-repeat: no-repeat;
  margin: 0 auto 5.61111%; }
/*#section-4 .job{*/
  /*display: block;*/
    /*margin:0 auto;*/
    /*padding-top: 9.09722%;*/
/*}*/
#section-4 .jobContainer{
    width:960px;
    height:100%;
    position:relative;
    margin:0 auto;
}
#section-4 .block{
    margin-top:25px;
    padding:0 175px;
}
#section-4 .clearfix{
    display:block;
}
#section-4 article{
    max-height:300px;
    overflow-y:scroll;
}
#section-4 .block .jobClassify{
    width:33%;
    height:260px;
    overflow: hidden;
}

#section-4 .classify-img img{
    display:block;
    margin:0 auto;
}
#section-4 .job-classify-name{
    margin:10% 0;
    font-size:18px;
    font-weight:bold;
    text-align:center
}
#section-4 .job-name-container{
    overflow:hidden;
}
#section-4 .job-name-container p{
    display:block;
    font-size:14px;
    color:#8c8781;
    padding-bottom:5%;
    text-align:center;
    margin: 0 auto;
    cursor:pointer;
}
@media screen and (max-width: 480px) {
    #section-4 .block{max-width:320px;padding:0 0;}
    #section-4 h2{background-size: 80% auto;}
    #section-4 .block .jobClassify{width:33%;height:250px;}
    #section4 .top-block .job-classify{width:33% ;height:100%;overflow: hidden;}
    /*#section-4 .classify-img img{width:35%;}*/
    #section-4 .job-classify-name{font-size:10px;}
    #section-4 .job-name-container p{font-size:10px;line-height:25px;}
    #section-4 .top-block{height:40%;}
    #section-4 .bottom-block{height:40%;}
    #section-4 article{ max-width:300px;  max-height:300px;  overflow-y:scroll;  }
}
#section-5{
    background:#fbf9fb;
}
#section-5 h2{
    padding-top:5.09722%;
    width: 229px;
    height: 32px;
    background-image: url(../img/p5_title.png);
    background-size: 100% auto;
    background-position: bottom;
    background-repeat: no-repeat;
    margin: 0 auto 1.61111%; }
#section-5 .distribution-map{
    position:relative;
    background-image: url("../img/p5_map.jpg");
    background-size: 80% auto;
    background-position: center;
    background-repeat: no-repeat;
    width:70%;
    height:80%;
    /*max-width:900px;*/
    display: block;
    margin:0 auto;
}
/*#section-5 img{*/
    /*position:relative;*/
    /*width:60%;*/
    /*max-width:900px;*/
    /*display: block;*/
    /*margin:0 auto;*/
/*}*/
#section-5 .distribution-map .map-point {
    cursor: pointer;
    outline: none;
    z-index: 0;
    position: absolute;
    width: 6%;
    height: 11%;
    /*border-radius: 20px;*/
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=80);
    opacity: 0.8;
    -ms-transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    -moz-transition: opacity 0.25s ease-in-out 0.25s, width 0.25s ease-in-out 0.25s, height 0.25s ease-in-out 0.25s, z-index 0.25s ease-in-out 0.25s;
    -o-transition: opacity 0.25s ease-in-out 0.25s, width 0.25s ease-in-out 0.25s, height 0.25s ease-in-out 0.25s, z-index 0.25s ease-in-out 0.25s;
    -webkit-transition: opacity 0.25s ease-in-out, width 0.25s ease-in-out, height 0.25s ease-in-out, z-index 0.25s ease-in-out;
    -webkit-transition-delay: 0.25s, 0.25s, 0.25s, 0.25s;
    -webkit-transition: opacity 0.25s ease-in-out 0.25s, width 0.25s ease-in-out 0.25s, height 0.25s ease-in-out 0.25s, z-index 0.25s ease-in-out 0.25s;
    transition: opacity 0.25s ease-in-out 0.25s, width 0.25s ease-in-out 0.25s, height 0.25s ease-in-out 0.25s, z-index 0.25s ease-in-out 0.25s;
    /*background: rgba(26, 26, 26, 0.85);*/
    background:rgba(255, 255, 255, 0)
    border: 5px solid #7fcff7;
}
#section-5 .distribution-map #U01{top:16%;left:34.5%;}
#section-5 .distribution-map #U02{top:15%;left:60.5%;}
#section-5 .distribution-map #U03{top:44%;left:58.4%;}
#section-5 .distribution-map #U04{top:46.5%;left:74%;}
#section-5 .distribution-map #U05{top:64%;left:28%;}
#section-5 .distribution-map #U06{top:69%;left:57%;}
#section-5 .distribution-map #U07{top:38%;left:20.5%;}
#section-5 .distribution-map #U08{top:40%;left:43.5%;}
/* tooltip start */
#section-5 .toolbox{
    padding:24px 24px;
    width:160px;
    height:156px;
    position:absolute;
    background:#2c3e50;
    opacity:0.9;
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=90);
    border-radius:5px;
    -webkit-box-shadow:0 0 10px rgba(44,62, 80, .5);
    -moz-box-shadow:0 0 10px rgba(44,62, 80, .5);
    box-shadow:0 0 10px rgba(44,62, 80, .5);
    z-index:100;
}
#section-5 .box01,#section-5 .box02,#section-5 .box03,#section-5 .box04,
#section-5 .box05,#section-5 .box06,#section-5 .box07,#section-5 .box08{
    display: none;
}
#section-5 .topBox{  top:205%;  left:-110%;  }
#section-5 .rightBox{  top:-70%;  left:-450%;  }
#section-5 .bottomBox{  top:-340%;  left:-110%;  }
#section-5 .leftBox{top:-60%; left:150%;  }
#section-5 .cuspT{
    position:absolute;
    display:block;
    height:0px;
    line-height:0px;
    top:-21px;
    left:60px;
    border-top:0px;
    border-bottom:22px solid #2c3e50;
    border-right:22px solid transparent;
    border-left:22px solid transparent;
    z-index:200;
}
#section-5 .cuspR{
    position:absolute;
    display:block;
    height:0px;
    line-height:0px;
    right:-21px;
    top:60px;
    border-top:22px solid transparent;
    border-bottom:22px solid transparent;
    border-right:0px;
    border-left:22px solid #2c3e50;
    z-index:200;
}
#section-5 .cuspB{
    position:absolute;
    display:block;
    height:0px;
    line-height:0px;
    bottom:-21px;
    left:60px;
    border-top:22px solid #2c3e50;
    border-bottom:0px;
    border-right:22px solid transparent;
    border-left:22px solid transparent;
    z-index:200;
}
#section-5 .cuspL{
    position:absolute;
    display:block;
    height:0px;
    line-height:0px;
    left:-21px;
    top:60px;
    border-top:22px solid transparent;
    border-bottom:22px solid transparent;
    border-right:22px solid #2c3e50;
    border-left:0px;
    z-index:200;
}

#section-5 header{
    color:#fff;
    font-size:14px;
    line-height:22px;
    margin-bottom:15px;
}
#section-5  h3{  font-size:18px;  font-weight:700;  }
#section-5 .divider_line{  border:1px solid #243342;  margin-bottom:15px;  }
#section-5  article{  color:#fff;  font-size:14px;  line-height:25px;  }
#section-5. p{  font-weight:600;  }
#section-5  article span{  font-weight:normal;  margin-left:20px;  }
/* tooltip end */
@media screen and (max-width: 1920px) and (min-width:1600px){
    /*#section-5 .distribution-map #U01{top:14%;left:34.5%;}*/
    /*#section-5 .distribution-map #U02{top:13%;left:60.5%;}*/
    #section-5 .topBox{  top:140%;  left:-50%;  }
    #section-5 .rightBox{  top:-40%;  left:-300%;  }
    #section-5 .bottomBox{  top:-250%;  left:-55%;  }
    #section-5 .leftBox{  top:-40%;  left:140%;  }
}
@media screen and (max-width: 480px) {
    #section-5 h2{background-size: 80% auto;}
    #section-5 .distribution-map{background-image: url("../img/p5_school.jpg");   background-size:110% auto; }
}


#section-7{
  background-image: url(../images/pg-6.jpg);
  line-height:1;
}
#section-7 h2{
  padding-top:9.09722%;
  width: 277px;
  height: 32px;
  background-image: url(../images/p6_title.png);
  background-size: 100% auto;
  background-position: bottom;
  background-repeat: no-repeat;
  margin: 0 auto 1.61111%; }

#section-7 span{
    font-size:14px;
    display:block;
    whitespace: no-wrap;
    text-align: center;
}
#section-7 p{
    padding-top:5.3333%;
}
#section-7 p>span{
    line-height: 45px;
    font-size:18px;
}
#section-7 .emailIcon{
    display:block;
    margin: 0 auto;
    padding-top: 3.3333%;
    max-width:261px;
    height:204px;
}
#section-7 .emailIconSmall {
    display:none;
    margin: 0 auto;
    padding-top: 3.3333%;
}
@media screen and (max-width: 480px) {
    #section-7 h2{background-size: 80% auto;}
    #section-7 p{padding-top:15.3333%;}
    #section-7 span{font-size:12px;}
    #section-7 p>span{font-size:12px;line-height:35px}
    #section-7 .emailIcon{display:none;}
    #section-7 .emailIconSmall{display:block;padding-top:1.3333%;}
}
@media screen and (max-width: 768px)and(min-width: 481px)  {
    #section-7 p{padding-top:2.3333%;}
    #section-7 p>span{font-size:12px;line-height:25px}
    #section-7 .emailIcon{display:none;}
    #section-7 .emailIconSmall{display:block;padding-top:1.3333%;}
}
@media screen and (max-width: 1366px) and (min-width:768px) {
    /*#section-6 p{padding-top:2.3333%;}*/
    #section-7 p>span{font-size:14px;line-height:25px;}
    #section-7 .emailIcon{display:none;}
    #section-7 .emailIconSmall{display:block;padding-top:0.3333%;}
}


#QR-code-container {
  position: fixed;
  display: block;
  bottom: 15%;
  right: 6px;
  width: 93px;
  height: 134px;
  padding: 6px 6px 0;
  background-color: rgba(0, 0, 0, 0.8);
  text-align: center; }
  #QR-code-container img {
    display: block;
    border: 3px solid #FFF;
    image-rendering: optimizeSpeed;
    image-rendering: -moz-crisp-edges;
    image-rendering: -webkit-optimize-contrast;
    image-rendering: pixelated;
    image-rendering: optimize-contrast;
    -ms-interpolation-mode: nearest-neighbor; }
  #QR-code-container span {
    display: block;
    margin-top: 4px;
    color: #FFF;
    font-size: 12px; }
  #QR-code-container .close-btn {
    position: absolute;
    top: 0;
    right: 0;
    width: 21px;
    height: 21px;
    -webkit-transform: translate(0, -100%);
    transform: translate(0, -100%);
    background-image: url(../images/close-btn.svg);
    cursor: pointer; }

  /*mask style*/
#bg{
    background-color:#000;
    position:absolute;
    z-index:99;
    left:0;
    top:0;
    display:none;
    width:100%;
    height:100%;
    opacity:0.5;
    filter: alpha(opacity=50);/* IE transparency */
    -moz-opacity: 0.5;}

  /*popupDialog style*/
.popupDialog{
    display:none;
    width:635px;
    border:1px solid #DA1153;
    padding:27px;
    position: absolute;
    top:0;
    left:0;
    background:#fff;
    z-index:200;
}
.popupDialog h3{
    font-size:18px;
    font-weight:bold;
    margin-bottom: 25px;
}
.divider{
    border:1px solid #ababab;
}
.popupDialog h5{
    font-size:14px;
    font-weight:bold;
    margin-top: 24px;
}
.popupDialog article div{
    margin:25px 0;
}
.popupDialog .phrase1 span,.phrase2 span{
    display:block;
    color:#454545;
    font-size:12px;
    line-height:26px;
}
.popupDialog .phrase3{
    font-size:14px;  }
.popupDialog .phrase3 p{
    color:#da1153;
    font-weight:bold;
    line-height:26px;
}
.popupDialog .phrase3 a,.phrase3 span{
    color:#454545;
}
.popupDialog .phrase3 a:hover{
    color:#da1153;
}
.popupDialog .phrase3 .removeBold{
    font-weight:normal;
}
.popupDialog .close{
    position: absolute;
    top: 0px;
    right: 0;
    width: 58px;
    height: 58px;
    -webkit-transform: translate(0, -100%);
    transform: translate(0, -100%);
    background-image: url(../images/close.svg) ;
    background-color: #da1153;
    cursor: pointer;}
@media screen and (max-width: 480px) {
    .popupDialog {width:250px;}
}

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