@media screen and (max-width: 1200px) {
}

@media screen and (max-width: 700px) {
}

@media screen and (max-width: 700px) {
  .wap_nav {
    position: fixed;
    left: 0px;
    top: 0px;
    width: 100%;
    z-index: 7777;
  }

  .wap_nav .logo {
    float: left;
    position: absolute;
    left: 0px;
    top: 0px;
  }

  .wap_nav .logo img {
    height: 24px;
    margin-top: 13px;
    margin-left: 10px;
  }

  body {
    /* padding-top: 50px; */
  }

  .pc {
    display: none;
  }

  .wap {
    display: block;
  }

  .head {
    position: static;
    padding: 0;
  }

  .head .more {
    position: fixed;
    right: 64px;
    top: 14px;
    z-index: 55555;
    margin: 0;
  }

  .head .logo {
    padding-top: calc(22 / 700 * 100vw);
    padding-left: calc(13 / 700 * 100vw);
    float: left;
    width: calc(55 / 700 * 100vw);
  }

  .head .logo a img {
    width: 100%;
  }

  .head .logo {
    float: left;
    padding-top: calc(28 / 700 * 100vw);
    padding-left: calc(37 / 700 * 100vw);
    position: relative;
    z-index: 4;
  }

  .head .logo a {
  }

  .head .logo img {
    height: calc(81 / 700 * 100vw);
  }

  .head .nav {
    position: absolute;
    top: calc(56%);
    left: calc(50%);
    -o-transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    width: calc(100%);
    text-align: center;
    font-size: calc(0);
  }

  .head .nav ul {
    background: #d0d0d0;
    border-radius: calc(40 / 700 * 100vw);
    border: calc(10 / 700 * 100vw) solid #000000;
    display: inline-block;
    padding: 0px calc(80 / 700 * 100vw);
  }

  .head .nav ul li {
    display: inline-block;
    position: relative;
  }

  .head .nav ul li .h2tit {
  }

  .head .nav ul li .h2tit a {
    font-family: Milky;
    font-weight: normal;
    font-size: calc(30 / 700 * 100vw);
    color: #000000;
    padding: 0px calc(40 / 700 * 100vw);
    line-height: calc(61 / 700 * 100vw);
  }

  .head .more {
    float: right;
    margin-top: calc(22 / 700 * 100vw);
    margin-right: calc(183 / 700 * 100vw);
    position: relative;
    /* z-index:3; */
    width: calc(202 / 700 * 100vw);
    line-height: calc(61 / 700 * 100vw);
    background: #5e9346;
    border-radius: calc(40 / 700 * 100vw);
    border: calc(10 / 700 * 100vw) solid #000000;
    text-align: center;
    font-family: Milky;
    font-weight: normal;
    font-size: calc(30 / 700 * 100vw);
    color: #000000;
    text-transform: uppercase;
    position: fixed;
    margin: 0;
    line-height: 30px;
    width: 125px;
    font-size: 17px;
    top: 8px;
    right: 62px;
  }

  .section1 {
    position: relative;
    overflow: hidden;
    background: #d0d0d0;
  }

  .section1 .bg {
  }

  .section1 .bg img {
    position: absolute;
    width: calc(100%);
    height: calc(100%);
    left: 0;
    top: 0;
    object-fit: cover;
  }

  .section1 .content {
    position: relative;
    z-index: 4;
    padding-top: calc(124 / 700 * 100vw);
    padding-left: calc(30 / 700 * 100vw);
    padding-right: calc(30 / 700 * 100vw);
  }

  .section1 .content .title {
    font-family: Milky;
    font-weight: normal;
    font-size: calc(84 / 700 * 100vw);
    color: #000000;
    text-stroke: calc(17 / 700 * 100vw) #000000;
    text-align: left;
    -webkit-text-stroke: calc(3 / 700 * 100vw) #fff;
  }

  .section1 .content .title b {
    color: #d0d0d0;
  }

  .section1 .content .dec {
    font-family: "KristenITC";
    font-weight: 400;
    font-size: calc(38 / 700 * 100vw);
    color: #000;
    text-stroke: calc(1 / 700 * 100vw) #fff;
    -webkit-text-stroke: calc(1 / 700 * 100vw) #fff;
    padding-top: calc(58 / 700 * 100vw);
    padding-bottom: calc(61 / 700 * 100vw);
  }

  .section1 .content .dec p {
  }

  .section1 .content .link {
    font-size: calc(0);
    padding-bottom: calc(154 / 700 * 100vw);
  }

  .section1 .content .link a {
    margin-right: calc(20 / 700 * 100vw);
    display: inline-block;
    transform: rotate(5deg);
  }

  .section1 .content .link a:nth-child(2n) {
    transform: rotate(-5deg);
  }

  .section1 .content .link a img {
    height: calc(56 / 700 * 100vw);
  }

  .section1 .content .anis {
  }

  .section1 .content .anis img {
    position: absolute;
  }

  .section1 .content .anis .ani1 {
    width: calc(87 / 700 * 100vw);
    left: calc(315 / 700 * 100vw);
    bottom: calc(316 / 700 * 100vw);
  }

  .section1 .content .anis .ani2 {
    width: calc(68 / 700 * 100vw);
    left: calc(428 / 700 * 100vw);
    bottom: calc(302 / 700 * 100vw);
  }

  .section1 .content .anis .ani3 {
    width: calc(66 / 700 * 100vw);
    left: calc(482 / 700 * 100vw);
    bottom: calc(390 / 700 * 100vw);
  }

  .section1 .content .anis .ani4 {
    width: calc(344 / 700 * 100vw);
    right: 0;
    bottom: 0;
  }

  .section2 {
    position: relative;
    overflow: hidden;
    height: calc(1023 / 700 * 100vw);
    border-top: calc(8 / 700 * 100vw) solid #000000;
  }

  .section2 .bg {
  }

  .section2 .bg img {
    width: calc(100%);
    height: calc(100%);
    position: absolute;
    left: 0;
    top: 0;
    object-fit: cover;
  }

  .section2 .content {
    position: relative;
    z-index: 3;
    height: calc(100%);
  }

  .section2 .content .img {
    position: absolute;
    top: calc(26 / 700 * 100vw);
    left: calc(23 / 700 * 100vw);
    z-index: 4;
  }

  .section2 .content .img img {
    /* position:absolute;*/
  }

  .section2 .contents {
    width: 100%;
    height: auto;
    background: url("content1.png") no-repeat center center;
    background-size: calc(100% 100%);
    padding-top: calc(360 / 700 * 100vw);
    padding-left: calc(30 / 700 * 100vw);
    padding-right: calc(30 / 700 * 100vw);
    position: absolute;
    right: 0;
    top: 0;
    padding-bottom: 58vw;
  }

  .section2 .content .img .ani {
    width: calc(238 / 700 * 100vw);
  }

  .section2 .contents .title {
    font-family: Milky;
    font-weight: normal;
    font-size: calc(76 / 700 * 100vw);
    color: #000;
    text-stroke: calc(10 / 700 * 100vw) #000000;
    -webkit-text-stroke: calc(2 / 700 * 100vw) #fff;
  }

  .section2 .contents .dec {
    font-family: KristenITC;
    font-weight: 400;
    font-size: calc(30 / 700 * 100vw);
    color: #000;
    padding-top: calc(3 / 700 * 100vw);
  }

  .section2 .contents .dec p {
    line-height: inherit;
    line-height: 1.6;
    padding-bottom: calc(30 / 700 * 100vw);
  }

  .section3 {
    position: relative;
    z-index: 3;
  }

  .section3 .anis {
  }

  .section3 .anis img.ani1 {
    width: 100%;
    left: 0;
    top: calc(-138 / 700 * 100vw);
    z-index: 6;
  }

  .section3 .anis img.ani2 {
    left: 0;
    width: calc(619 / 700 * 100vw);
    bottom: calc(20 / 700 * 100vw);

    z-index: 6;
  }

  .section3 .anis img.ani3 {
    width: calc(175 / 700 * 100vw);
    right: 0;
    top: calc(376 / 700 * 100vw);
    z-index: 6;
  }

  .section3 .anis img {
    position: absolute;
  }

  .section3 .line {
  }

  .section3 .line img {
  }

  .section3 .content {
    /* position:relative;*/
    /* z-index:5;*/
    background: url("content2.png") no-repeat center center;
    background-size: calc(100% 100%);
    height: calc(1017 / 700 * 100vw);
  }

  .section3 .content .title {
    font-family: Milky;
    font-weight: normal;
    font-size: calc(86 / 700 * 100vw);
    color: #000;
    text-stroke: calc(10 / 700 * 100vw) #000000;
    -webkit-text-stroke: calc(5 / 700 * 100vw) #fff;
    text-align: center;
    padding-top: calc(59 / 700 * 100vw);
    position: relative;
    z-index: 7;
  }

  .section3 .content .txt p:last-child {
    padding: calc(0);
  }

  .section3 .content .title b {
    color: #d0d0d0;
  }

  .section3 .content .txt {
    padding-left: calc(30 / 700 * 100vw);
    padding-top: calc(60 / 700 * 100vw);
  }

  .section3 .content .txt p {
    width: 100%;
    /* height:calc(316/700*100vw);*/
    font-family: KristenITC;
    font-weight: 400;
    font-size: calc(30 / 700 * 100vw);
    color: #000000;
    padding-bottom: calc(30 / 700 * 100vw);
    line-height: 1.5;
    padding-right: 4vw;
  }

  .section4:after {
    bottom: 0;
    width: calc(100%);
    height: 82%;
    content: "";
    position: absolute;
    background: #d0d0d0;
  }

  .section4 > * {
    position: relative;
    z-index: 4;
  }

  .section4 {
    position: relative;
    z-index: 4;
    /* background:#d0d0d0;*/
  }

  .section4 .title em {
    content: "";
    position: absolute;
    background: url("line.png") no-repeat center center;
    background-size: 100% 100%;
    height: calc(100%);
    left: 0;
    top: 0;
    width: calc(100%);
  }

  .section4 .title span {
    display: block;
    position: relative;
    z-index: 23;
  }

  .section4 .title {
    font-family: Milky;
    font-weight: normal;
    font-size: calc(122 / 700 * 100vw);
    color: #d0d0d0;
    text-stroke: calc(10 / 700 * 100vw) #000000;
    -webkit-text-stroke: calc(10 / 700 * 100vw) #000000;
    text-align: center;
    height: calc(350 / 700 * 100vw);
    margin-top: calc(-321 / 700 * 100vw);
    padding-top: calc(129 / 700 * 100vw);
  }

  .section4 .title2 {
    text-align: center;
    font-family: Milky;
    font-weight: normal;
    font-size: calc(86 / 700 * 100vw);
    color: #ffffff;
    text-stroke: calc(10 / 700 * 100vw) #000000;
    -webkit-text-stroke: calc(3 / 700 * 100vw) #000000;
    margin-top: calc(44 / 700 * 100vw);
  }

  .section4 .ani1 {
    background: url("anibg.png") no-repeat center center;
    background-size: calc(100%);
    width: calc(274 / 700 * 100vw);
    height: calc(619 / 700 * 100vw);
    position: absolute;
    left: 0;
    z-index: 5;
    top: auto;
    bottom: 0;
  }

  .section4 .ani1 img {
    position: absolute;
    /* left:0;*/
    top: calc(108 / 700 * 100vw);
    width: calc(325 / 700 * 100vw);
    right: calc(-80 / 700 * 100vw);
  }

  .section4 .ani2 {
    position: absolute;
    z-index: 5;
    right: 0;
  }

  .section4 .ani2 img {
    width: calc(107 / 700 * 100vw);
    /* right:0;*/
  }

  .section4 .txt {
    /* height:calc(439/700*100vw);*/
    background: #d0d0d0;
    border: calc(7 / 700 * 100vw) solid #000000;
    padding: calc(43 / 700 * 100vw) 0;
    margin-top: calc(50 / 700 * 100vw);
    padding-top: 14vw;
    padding-bottom: 81vw;
  }

  .section4 .txt p {
    width: 100%;
    /* height:calc(352/700*100vw);*/
    font-family: KristenITC;
    font-weight: 400;
    font-size: calc(30 / 700 * 100vw);
    color: #000000;
    max-width: 100%;
    margin: auto;
    margin-bottom: calc(22 / 700 * 100vw);
    line-height: 1.3;
    margin-left: 0;
    padding-left: calc(22 / 700 * 100vw);
  }

  .section5 {
    position: relative;
    overflow: hidden;
    padding-bottom: calc(133 / 700 * 100vw);
  }

  .section5 .bg {
  }

  .section5 .bg img {
    width: calc(100%);
    height: calc(100%);
    object-fit: cover;
    position: absolute;
  }

  .section5 .content {
    position: relative;
    z-index: 4;
  }

  .section5 .content .title {
    font-family: Milky;
    font-weight: normal;
    font-size: calc(86 / 700 * 100vw);
    color: #ffffff;
    text-stroke: calc(10 / 700 * 100vw) #000000;
    -webkit-text-stroke: calc(5 / 700 * 100vw) #000000;
    text-align: center;
    padding-top: calc(242 / 700 * 100vw);
  }

  .section5 .content .list:after {
    content: "";
    display: table;
    clear: both;
  }

  .section5 .content .list {
    position: relative;
    text-align: center;
  }

  .section5 .content .list .items .fir {
    /* zoom:1; */
    /* overflow: hidden; */
  }

  .section5 .content .list .items {
    padding: 0 calc(30 / 700 * 100vw);
    position: relative;
    z-index: 4;
    padding-top: 6vw;
  }

  .section5 .content .list .items .item:nth-child(2n) {
    float: right;
  }

  .section5 .content .list .items .item:nth-child(1),
  .section5 .content .list .items .item:nth-child(2) {
    margin-bottom: calc(211 / 700 * 100vw);
  }

  .section5 .content .list .itemsn {
    float: none;
    margin: auto;
    clear: both;
    width: calc(619 / 700 * 100vw);
    height: calc(157 / 700 * 100vw);
    background: #ffffff;
    border: calc(7 / 700 * 100vw) solid #000000;
    font-family: Milky;
    font-weight: normal;
    font-size: calc(38 / 700 * 100vw);
    color: #000000;
    display: -webkit-box;
    display: -moz-box;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flexbox;
    display: flex;
    flex-direction: column;
    justify-content: center;
    padding: 0 calc(110 / 700 * 100vw);
    margin-top: calc(58 / 700 * 100vw);
  }

  .section5 .content .list .items .item {
    float: left;
    width: calc(276 / 700 * 100vw);
    height: calc(113 / 700 * 100vw);
    background: url("lim1.png") no-repeat center center;
    background-size: 100% 100% !important;
    font-family: Milky;
    font-weight: normal;
    font-size: calc(21 / 700 * 100vw);
    color: #000000;
    display: -webkit-box;
    display: -moz-box;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flexbox;
    display: flex;
    flex-direction: column;
    justify-content: center;
    padding: 0 calc(28 / 700 * 100vw);
    /* margin-bottom:calc(311/700*100vw);*/
  }

  .section5 .content .list .center {
    position: absolute;
    top: 42%;
    left: 50%;
    -o-transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
  }

  .section5 .content .list .center img {
    width: calc(481 / 700 * 100vw);
    margin-top: 80px;
  }

  .section6 {
    background: #fff;
    zoom: 1;
    overflow: hidden;
    padding-bottom: calc(40 / 700 * 100vw);
  }

  .section6 .fir {
    width: 49%;
    height: calc(193 / 700 * 100vw);
    background: #5081f3;
    border: calc(15 / 700 * 100vw) solid #000000;
    font-family: Milky;
    font-weight: normal;
    font-size: calc(33 / 700 * 100vw);
    color: #000000;
    text-align: center;
    display: -webkit-box;
    display: -moz-box;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flexbox;
    display: flex;
    flex-direction: column;
    justify-content: center;
  }

  .section6 p:nth-child(2),
  .section6 p:nth-child(3) {
    margin-top: calc(61 / 700 * 100vw);
  }

  .section6 p {
    float: left;
    width: 24%;
    margin: 0.5%;
    background: #ff96c9;
    border: calc(15 / 700 * 100vw) solid #000000;
    height: calc(142 / 700 * 100vw);
    position: relative;
    border-radius: calc(7 / 700 * 100vw);
  }

  .section6 p img {
    position: absolute;
    top: 50%;
    left: 50%;
    -o-transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    max-width: 90%;
    max-height: 90%;
    object-fit: contain;
  }

  .footer {
    background: #d0d0d0;
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: calc(27 / 700 * 100vw) 0;
    padding-left: calc(47 / 700 * 100vw);
    padding-right: calc(26 / 700 * 100vw);
    border-top: calc(12 / 700 * 100vw) solid #000000;
  }

  .footer .logo {
  }

  .footer .logo img {
    height: calc(80 / 700 * 100vw);
  }

  .footer .right {
    font-size: 0;
  }

  .footer .right a:nth-child(2n) {
    transform: rotate(-5deg);
  }

  .footer .right a {
    display: inline-block;
    width: calc(66 / 700 * 100vw);
    height: calc(66 / 700 * 100vw);
    background: #d0d0d0;
    border-radius: calc(25 / 700 * 100vw);
    border: calc(4 / 700 * 100vw) solid #000000;
    vertical-align: middle;
    position: relative;
    margin-left: calc(17 / 700 * 100vw);
    transform: rotate(5deg);
  }

  .footer .right a img {
    width: 70%;
    height: 70%;
    object-fit: contain;
    position: absolute;
    top: 50%;
    left: 50%;
    -o-transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
  }

  .footer .right a:nth-child(1) {
  }

  .footer .right a:nth-child(2) {
    background: #ba00ff;
  }

  .footer .right a:nth-child(3) {
    background: #00d2ff;
  }

  .footer .right a:nth-child(4) {
    background: #1aab7a;
  }

  .alertModel {
    -webkit-backdrop-filter: saturate(180%) blur(calc(20 / 700 * 100vw));
    backdrop-filter: saturate(180%) blur(calc(20 / 700 * 100vw));
    background-color: rgba(0, 0, 0, 0.35);
    position: fixed;
    width: 100%;
    left: 0;
    top: 0;
    height: 100%;
  }

  .alertModel .center {
    position: absolute;
    top: 50%;
    left: 50%;
    -o-transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    width: 80%;
    background: #d0d0d0;
    border-radius: calc(40 / 700 * 100vw);
    border: calc(10 / 700 * 100vw) solid #000000;
    padding-bottom: calc(65 / 700 * 100vw);
    height: auto;
  }

  .alertModel .center .icon {
  }

  .alertModel .center .icon img {
    width: calc(418 / 700 * 100vw);
    position: absolute;
    left: calc(-42 / 700 * 100vw);
    top: calc(-67 / 700 * 100vw);
  }

  .alertModel .center .title {
    font-family: Milky;
    font-weight: normal;
    font-size: calc(60 / 700 * 100vw);
    color: #000000;
    text-align: center;
    padding-top: calc(223 / 700 * 100vw);
    padding-bottom: calc(141 / 700 * 100vw);
  }

  .alertModel .center .btn {
    width: calc(596 / 700 * 100vw);
    height: calc(110 / 700 * 100vw);
    background: #d0d0d0;
    border-radius: calc(40 / 700 * 100vw);
    border: calc(10 / 700 * 100vw) solid #000000;
    display: block;
    margin: auto;
    font-family: Milky;
    font-weight: normal;
    font-size: calc(48 / 700 * 100vw);
    color: #000000;
    text-transform: uppercase;
    width: 88%;
  }
  .alertModel .center2 {
    width: 86%;
    background: #d0d0d0;
    border-radius: calc(40 / 700 * 100vw);
    border: calc(10 / 700 * 100vw) solid #000000;
    position: absolute;
    top: 50%;
    left: 50%;
    padding-left: calc(25 / 700 * 100vw);
    padding-right: calc(25 / 700 * 100vw);
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    text-align: center;
    padding-bottom: calc(40 / 700 * 100vw);
  }

  .alertModel .center2 .icon {
  }

  .alertModel .center2 > .icon img {
    width: calc(450 / 700 * 100vw);
    margin-top: calc(-150 / 700 * 100vw);
  }

  .alertModel .center2 .title {
    font-family: Milky;
    font-weight: normal;
    font-size: calc(52 / 700 * 100vw);
    color: #000000;
    padding-top: calc(60 / 700 * 100vw);
    padding-bottom: calc(97 / 700 * 100vw);
  }

  .alertModel .button {
  }

  .alertModel .center2 .btn {
    background: #d0d0d0;
    border-radius: calc(40 / 700 * 100vw);
    border: calc(6 / 700 * 100vw) solid #000000;
    width: 100%;
    display: block;
    font-family: KristenITC;
    font-weight: 400;
    font-size: calc(26 / 700 * 100vw);
    color: #ffffff;
    position: relative;
    height: calc(63 / 700 * 100vw);
    margin-bottom: calc(50 / 700 * 100vw);
  }

  .alertModel .center2 .btn .icon {
    position: absolute;
    left: 0;
    top: 0;
    height: 100%;
    padding-left: calc(47 / 700 * 100vw);
  }

  .alertModel .center2 .btn .icon img {
    width: calc(36 / 700 * 100vw);
    height: 100%;
    object-fit: contain;
  }

  .alertModel .center2 .close {
    width: calc(93 / 700 * 100vw);
    height: calc(93 / 700 * 100vw);
    top: calc(32 / 700 * 100vw);
    right: calc(36 / 700 * 100vw);
    position: absolute;
    cursor: pointer;
    background: url("") no-repeat center center;
    background-size: 44%;
  }
}