html {font-size: 20px; background-color:#000;}
@media only screen and (min-width: 320px) {
html {font-size: 16px !important;}
}
@media only screen and (min-width: 400px) {
html {font-size: 21.33333333px !important;}
}
@media only screen and (min-width: 414px) {
html {font-size: 22.08px !important;}
}
@media only screen and (min-width: 480px) {
html {font-size: 25.6px !important;}
}
@media only screen and (min-width: 1081px) {
html {font-size: 14px !important;}
body {width:600px !important;margin:auto !important;}
}

html, body {
        position: relative;
        height: 100%;
    }
body {
        background: #eee;
        font-family: Helvetica Neue, Helvetica, Arial, sans-serif;
        font-size: 14px;
        color:#000;
        margin: 0;
        padding: 0;
    }
.swiper-container {
        width: 100%;
        height: 100%;
		
    }
.swiper-slide {
        background-position: center;
        background-size: 100%;
		background-repeat:no-repeat;
		background-color:#001b24;
    }
.icon-weibo{width:25%;height:25%;background-image:url(../img/icon-weibo.png); background-size:100%;}
.p2,.p4 {color:#fff;padding:1rem 2.5rem;height: 100%; overflow:scroll; line-height:150%; }
.p2 .person {color:#fbf49b;padding-bottom:1rem;; font-size:.5rem;}
.p3 {padding:1rem 1rem;height: 100%; overflow:scroll; line-height:150%; background-color:#fff; margin:0 2.5rem;}
.p3 h1 {text-align:center;}
.p3 h1 span {border-bottom:double #000;}
.p3 .title{text-align:right; float:right;color:#069;}
.p3 p,.p3 .person {margin-top:2rem;}
.p3 .social{text-align:center}
.p3 .social span{color:#f00;}
.p4 .item {margin-bottom:1rem;}
.p4 h3 {background-color:#000; padding:.2rem;margin-top:2rem;}
/* === Grid === */
.row {
  overflow: hidden;
  margin-left: -4%;
}
.row > [class*="col-"],
.row > [class*="tablet-"] {
  box-sizing: border-box;
  float: left;
}
.row.no-gutter {
  margin-left: 0;
}
.row .col-100 {
  width: 96%;
  margin-left: 4%;
}
.row.no-gutter .col-100 {
  width: 100%;
  margin: 0;
}
.row .col-95 {
  width: 91%;
  margin-left: 4%;
}
.row.no-gutter .col-95 {
  width: 95%;
  margin: 0;
}
.row .col-90 {
  width: 86%;
  margin-left: 4%;
}
.row.no-gutter .col-90 {
  width: 90%;
  margin: 0;
}
.row .col-85 {
  width: 81%;
  margin-left: 4%;
}
.row.no-gutter .col-85 {
  width: 85%;
  margin: 0;
}
.row .col-80 {
  width: 76%;
  margin-left: 4%;
}
.row.no-gutter .col-80 {
  width: 80%;
  margin: 0;
}
.row .col-75 {
  width: 71.00000000000001%;
  margin-left: 4%;
}
.row.no-gutter .col-75 {
  width: 75%;
  margin: 0;
}
.row .col-66 {
  width: 62.66666666666666%;
  margin-left: 4%;
}
.row.no-gutter .col-66 {
  width: 66.66666666666666%;
  margin: 0;
}
.row .col-60 {
  width: 55.99999999999999%;
  margin-left: 4%;
}
.row.no-gutter .col-60 {
  width: 60%;
  margin: 0;
}
.row .col-50 {
  width: 46%;
  margin-left: 4%;
}
.row.no-gutter .col-50 {
  width: 50%;
  margin: 0;
}
.row .col-40 {
  width: 36%;
  margin-left: 4%;
}
.row.no-gutter .col-40 {
  width: 40%;
  margin: 0;
}
.row .col-33 {
  width: 29.333333333333332%;
  margin-left: 4%;
}
.row.no-gutter .col-33 {
  width: 33.333333333333336%;
  margin: 0;
}
.row .col-30 {
  width: 29%;
  margin-left: 4%;
}
.row.no-gutter .col-30 {
  width: 30%;
  margin: 0;
}
.row .col-25 {
  width: 21%;
  margin-left: 4%;
}
.row.no-gutter .col-25 {
  width: 25%;
  margin: 0;
}
.row .col-20 {
  width: 16%;
  margin-left: 4%;
}
.row.no-gutter .col-20 {
  width: 20%;
  margin: 0;
}
.row .col-15 {
  width: 10.999999999999998%;
  margin-left: 4%;
}
.row.no-gutter .col-15 {
  width: 15%;
  margin: 0;
}
.row .col-10 {
  width: 6%;
  margin-left: 4%;
}
.row.no-gutter .col-10 {
  width: 10%;
  margin: 0;
}
.row .col-5 {
  width: 1%;
  margin-left: 4%;
}
.row.no-gutter .col-5 {
  width: 5%;
  margin: 0;
}
@media all and (min-width: 768px) {
  .row {
    margin-left: -2%;
  }
  .row .col-100 {
    width: 98%;
    margin-left: 2%;
  }
  .row.no-gutter .col-100 {
    width: 100%;
    margin: 0;
  }
  .row .col-95 {
    width: 93%;
    margin-left: 2%;
  }
  .row.no-gutter .col-95 {
    width: 95%;
    margin: 0;
  }
  .row .col-90 {
    width: 87.99999999999999%;
    margin-left: 2%;
  }
  .row.no-gutter .col-90 {
    width: 90%;
    margin: 0;
  }
  .row .col-85 {
    width: 82.99999999999999%;
    margin-left: 2%;
  }
  .row.no-gutter .col-85 {
    width: 85%;
    margin: 0;
  }
  .row .col-80 {
    width: 78%;
    margin-left: 2%;
  }
  .row.no-gutter .col-80 {
    width: 80%;
    margin: 0;
  }
  .row .col-75 {
    width: 73%;
    margin-left: 2%;
  }
  .row.no-gutter .col-75 {
    width: 75%;
    margin: 0;
  }
  .row .col-66 {
    width: 64.66666666666666%;
    margin-left: 2%;
  }
  .row.no-gutter .col-66 {
    width: 66.66666666666666%;
    margin: 0;
  }
  .row .col-60 {
    width: 58%;
    margin-left: 2%;
  }
  .row.no-gutter .col-60 {
    width: 60%;
    margin: 0;
  }
  .row .col-50 {
    width: 48%;
    margin-left: 2%;
  }
  .row.no-gutter .col-50 {
    width: 50%;
    margin: 0;
  }
  .row .col-40 {
    width: 38%;
    margin-left: 2%;
  }
  .row.no-gutter .col-40 {
    width: 40%;
    margin: 0;
  }
  .row .col-33 {
    width: 31.333333333333332%;
    margin-left: 2%;
  }
  .row.no-gutter .col-33 {
    width: 33.333333333333336%;
    margin: 0;
  }
  .row .col-30 {
    width: 30%;
    margin-left: 2%;
  }
  .row.no-gutter .col-30 {
    width: 30%;
    margin: 0;
  }
  .row .col-25 {
    width: 23%;
    margin-left: 2%;
  }
  .row.no-gutter .col-25 {
    width: 25%;
    margin: 0;
  }
  .row .col-20 {
    width: 18%;
    margin-left: 2%;
  }
  .row.no-gutter .col-20 {
    width: 20%;
    margin: 0;
  }
  .row .col-15 {
    width: 13%;
    margin-left: 2%;
  }
  .row.no-gutter .col-15 {
    width: 15%;
    margin: 0;
  }
  .row .col-10 {
    width: 8%;
    margin-left: 2%;
  }
  .row.no-gutter .col-10 {
    width: 10%;
    margin: 0;
  }
  .row .col-5 {
    width: 3%;
    margin-left: 2%;
  }
  .row.no-gutter .col-5 {
    width: 5%;
    margin: 0;
  }
  .row .tablet-100 {
    width: 98%;
    margin-left: 2%;
  }
  .row.no-gutter .tablet-100 {
    width: 100%;
    margin: 0;
  }
  .row .tablet-95 {
    width: 93%;
    margin-left: 2%;
  }
  .row.no-gutter .tablet-95 {
    width: 95%;
    margin: 0;
  }
  .row .tablet-90 {
    width: 87.99999999999999%;
    margin-left: 2%;
  }
  .row.no-gutter .tablet-90 {
    width: 90%;
    margin: 0;
  }
  .row .tablet-85 {
    width: 82.99999999999999%;
    margin-left: 2%;
  }
  .row.no-gutter .tablet-85 {
    width: 85%;
    margin: 0;
  }
  .row .tablet-80 {
    width: 78%;
    margin-left: 2%;
  }
  .row.no-gutter .tablet-80 {
    width: 80%;
    margin: 0;
  }
  .row .tablet-75 {
    width: 73%;
    margin-left: 2%;
  }
  .row.no-gutter .tablet-75 {
    width: 75%;
    margin: 0;
  }
  .row .tablet-66 {
    width: 64.66666666666666%;
    margin-left: 2%;
  }
  .row.no-gutter .tablet-66 {
    width: 66.66666666666666%;
    margin: 0;
  }
  .row .tablet-60 {
    width: 58%;
    margin-left: 2%;
  }
  .row.no-gutter .tablet-60 {
    width: 60%;
    margin: 0;
  }
  .row .tablet-50 {
    width: 48%;
    margin-left: 2%;
  }
  .row.no-gutter .tablet-50 {
    width: 50%;
    margin: 0;
  }
  .row .tablet-40 {
    width: 38%;
    margin-left: 2%;
  }
  .row.no-gutter .tablet-40 {
    width: 40%;
    margin: 0;
  }
  .row .tablet-33 {
    width: 31.333333333333332%;
    margin-left: 2%;
  }
  .row.no-gutter .tablet-33 {
    width: 33.333333333333336%;
    margin: 0;
  }
  .row .tablet-25 {
    width: 23%;
    margin-left: 2%;
  }
  .row.no-gutter .tablet-25 {
    width: 25%;
    margin: 0;
  }
  .row .tablet-20 {
    width: 18%;
    margin-left: 2%;
  }
  .row.no-gutter .tablet-20 {
    width: 20%;
    margin: 0;
  }
  .row .tablet-15 {
    width: 13%;
    margin-left: 2%;
  }
  .row.no-gutter .tablet-15 {
    width: 15%;
    margin: 0;
  }
  .row .tablet-10 {
    width: 8%;
    margin-left: 2%;
  }
  .row.no-gutter .tablet-10 {
    width: 10%;
    margin: 0;
  }
  .row .tablet-5 {
    width: 3%;
    margin-left: 2%;
  }
  .row.no-gutter .tablet-5 {
    width: 5%;
    margin: 0;
  }
}