html, body {
  position: relative;
  height: 100%;
  display: none;
}
body {
  font-family:-apple-system,system-ui,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,PingFang SC,Hiragino Sans GB,Microsoft YaHei,sans-serif;
  /*font-family: Helvetica Neue, Helvetica, Arial, sans-serif;*/
  font-size: 14px;
  color:#000;
  margin: 0;
  padding: 0;
  background: #2b2e36;
}
p,ul,li,dl,dd,dt,h1,h2,h3,h4,h5,span{
  display: block; padding: 0px; margin: 0px; font-style: normal; list-style: none;
}
.swiper-container {
  width: 100%;
  height: 100%;
}
.swiper-slide {
  text-align: center;
  font-size: 18px;

  color: #fff;
  position: relative;

  /* Center slide text vertically */
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
}
.pos{ position: absolute; display: block;}
span.s{ display: block; margin: 0px; padding: 0px;}
svg{fill:none;  stroke-width: 2px;}

.anm-fadeInUp{
-webkit-animation:fadeInUp 1s .2s ease infinite both;
-moz-animation:fadeInUp 1s .2s ease infinite both;}
@-webkit-keyframes fadeInUp{
0%{opacity:0.5;
-webkit-transform:translateY(10px)}
100%{opacity:1;
-webkit-transform:translateY(0)}
}
@-moz-keyframes fadeInUp{
0%{opacity:0.5;
-moz-transform:translateY(10px)}
100%{opacity:1;
-moz-transform:translateY(0)}
}
.anm-fadeInUp2{
-webkit-animation:fadeInUp 1s .2s ease both;
-moz-animation:fadeInUp 1s .2s ease both;}
@-webkit-keyframes fadeInUp{
0%{opacity:0;
-webkit-transform:translateY(20px)}
100%{opacity:1;
-webkit-transform:translateY(0)}
}
@-moz-keyframes fadeInUp{
0%{opacity:0;
-moz-transform:translateY(20px)}
100%{opacity:1;
-moz-transform:translateY(0)}
}
.anm-fadeInLeft{
-webkit-animation:fadeInLeft 1s .2s ease both;
-moz-animation:fadeInLeft 1s .2s ease both;}
@-webkit-keyframes fadeInLeft{
0%{opacity:0;
-webkit-transform:translateX(-20px)}
100%{opacity:1;
-webkit-transform:translateX(0)}
}
@-moz-keyframes fadeInLeft{
0%{opacity:0;
-moz-transform:translateX(-20px)}
100%{opacity:1;
-moz-transform:translateX(0)}
}
.anm-fadeInRight{
  -webkit-animation:fadeInRight 1s .2s ease both;
  -moz-animation:fadeInRight 1s .2s ease both;}
  @-webkit-keyframes fadeInRight{
  0%{opacity:0;
  -webkit-transform:translateX(20px)}
  100%{opacity:1;
  -webkit-transform:translateX(0)}
  }
  @-moz-keyframes fadeInRight{
  0%{opacity:0;
  -moz-transform:translateX(20px)}
  100%{opacity:1;
  -moz-transform:translateX(0)}
}
.anm-rollIn{
-webkit-animation:rollIn 1s .2s ease both;
-moz-animation:rollIn 1s .2s ease both;}
@-webkit-keyframes rollIn{
0%{opacity:0;
-webkit-transform:translateX(-100%) rotate(-120deg)}
100%{opacity:1;
-webkit-transform:translateX(0px) rotate(0deg)}
}
@-moz-keyframes rollIn{
0%{opacity:0;
-moz-transform:translateX(-100%) rotate(-120deg)}
100%{opacity:1;
-moz-transform:translateX(0px) rotate(0deg)}
}

/*startdom*/

/*s1*/
.topL{ width: 99px; height: 103px; background: url(../images/pt1/s1.png) no-repeat; background-size: 99px auto; left: 21px; top:45px; }
.topR{ width: 2px; height: 106px; background: #17c68a; top: 45px; right: 28px;}
.topR .s.s1{ width: 2px; height: 17px; background: #fff;  }
.midB{ width: 370px; height: 307px; top: 320px; left: 50%; margin-left: -185px; }
.midB .txt1{  width: 308px; height: 177px; background: url(../images/pt1/s2.png) no-repeat; background-size:  308px auto; left: 0px; top:56px;}
.midB .svg1{ width: 341px; height: 308px; /*viewBox:0px,0px,314px,308px; */}
.lod{ width: 22px; height: 86px; bottom: 190px; left: 50%; margin-left: -11px; }
.lod .s{ border-radius: 100%; background: #17c68a; opacity: 1;  margin: 0px auto;  margin-bottom: 7px; }
.lod .s.s1{ width: 22px; height: 22px;  }
.lod .s.s2{ width: 20px; height: 20px; opacity: 0.8;}
.lod .s.s3{ width: 15px; height: 15px;  opacity: 0.6;}
.lod .s.s4{ width: 9px; height: 9px;  opacity: 0.4;}
.btmL{ height: 2px; width: 146px; background: #17c68a; left: 22px; bottom: 45px;}
.btmL .s.s1{ width: 32px; height: 2px; background: #fff; position: absolute; left: 75px; top: 0px;  }
/*s2*/

.midB2{ width: 180px; height: 180px; left: 50%; margin-left: -86px; top: 185px; }
.midB2 .svg2{ width: 180px; height: 180px;}
.midB2 .svg2 #svg_4{ stroke:#17c68a; box-shadow: #202128 5px 6px 8px;}
.topL2{width:109px; height:73px; background: url(../images/pt2/s1.png) no-repeat; background-size: 109px auto; left: 33px; top:30px;}
.topR2{ width: 24px; height: 72px; top: 30px; right: 44px; font-size: 28px;}
.topR2 .s{ position: absolute; }
.topR2 .s.s1{  height: 25px; width: 2px; background: #17c68a; left: 50%; margin-left: -2px; top: 0px; }
.topR2 .s.s2{ top: 38px; left: 3px;  color: #17c68a; font-weight: normal; width: 26px; height: 26px; text-align: center;
  transform: rotate(90deg);
-ms-transform: rotate(90deg);   /* IE 9 */
-webkit-transform: rotate(90deg); /* Safari and Chrome */
-o-transform: rotate(90deg);    /* Opera */
-moz-transform: rotate(90deg);    /* Firefox */
}
.tt1{ width: 180px; height: 65px; font-size: 30px; color: #fff; top: 368px; left:50%; margin-left: -87.5px; line-height: 30px;}
.tt1 p{ display: block; margin-bottom: 10px; text-align: center;}
.tt2{ width: 305px; height: 145px; top: 530px; left: 50%; margin-left: -152.5px; font-size: 55px; line-height: 70px; }
.tt2 .p1{ font-weight: bold;}
.tt2 .p2{ font-weight: normal;}

.bt1{ font-size: 34px; left: 50%; bottom:120px;  margin-left: -108px; width: 216px; height: 40px; line-height: 40px; text-align: center; }
.bt2{ font-size: 21px; left: 50%; bottom:54px; margin-left: -108px;  width: 216px; height: 28px;  height: 28px; line-height: 28px; text-align: center;}











/*enddom*/