@font-face {
  font-family: 'robotolight';
  src: url("/Public/fonts/roboto-light-webfont.eot");
  src: url("/Public/fonts/roboto-light-webfont.eot?#iefix") format("embedded-opentype"), url("/Public/fonts/roboto-light-webfont.woff2") format("woff2"), url("/Public/fonts/roboto-light-webfont.woff") format("woff"), url("/Public/fonts/roboto-light-webfont.ttf") format("truetype"), url("/Public/fonts/roboto-light-webfont.svg#robotoregular") format("svg");
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'robotothin';
  src: url("/Public/fonts/roboto-thin-webfont.eot");
  src: url("/Public/fonts/roboto-thin-webfont.eot?#iefix") format("embedded-opentype"), url("/Public/fonts/roboto-thin-webfont.woff2") format("woff2"), url("/Public/fonts/roboto-thin-webfont.woff") format("woff"), url("/Public/fonts/roboto-thin-webfont.ttf") format("truetype"), url("/Public/fonts/roboto-thin-webfont.svg#robotoregular") format("svg");
  font-weight: normal;
  font-style: normal;
}

.feature-section {
  position: relative;
  overflow: hidden;
  padding: 0;
}

.feature-img, .font-block {
  position: absolute;
  left: 50%;
  color: #000;
  -webkit-transition: all 1s;
  transition: all 1s;
}

.header {
  position: relative;
}

.footer {
  margin-top: 0px;
}

.feature-content {
  position: relative;
  display: block;
  margin-top: 0px;
  font-family: 'robotothin';
}

.title-lg {
  font-size: 48px;
  line-height: 60px;
      font-family: fantasy;
}

.descripe {
  font-size: 21px;
  margin-top: 35px;
  line-height: 35px;
}

.feature-section-1a {
  background: url(img/main_1-bg.jpg) no-repeat top center;
  height: 1273px;
}

.feature-section-1a .font-block {
  top: 480px;
  width: 460px;
  margin-left: 290px;
  text-align: center;
}

.feature-section-1a .font-block h2 {
  font-size: 90px;
  font-family: 'robotolight';
}

.feature-section-1a .font-block h3 {
  font-size: 38px;
  font-family:'fantasy';
  width: 350px;
  margin-top: 40px;
  letter-spacing: 1px;
  -webkit-animation: FadeInB 1.5s ease backwards;
          animation: FadeInB 1.5s ease backwards;
}

.feature-section-1a .font-block img {
  width: 418px;
  -webkit-animation: FadeInB 1.5s ease backwards;
          animation: FadeInB 1.5s ease backwards;
}

.feature-section-1a .img-1 {
  top: 260px;
  width: 331px;
  margin-left: -690px;
  -webkit-transform: rotate(-3deg);
      -ms-transform: rotate(-3deg);
          transform: rotate(-3deg);
  -webkit-animation: FadeInB1 2s ease forwards,rotate 1.5s ease 3.7s forwards;
          animation: FadeInB1 2s ease forwards,rotate 1.5s ease 3.7s forwards;
}

.feature-section-1a .img-2 {
  top: 260px;
  width: 353px;
  margin-left: -455px;
  -webkit-animation: FadeInR 1s ease-in-out 1.2s backwards;
          animation: FadeInR 1s ease-in-out 1.2s backwards;
}
.feature-section-1a .img-2c52 {
  top: 260px;
 /* width: 353px;*/
 /* margin-left: -455px;*/
  -webkit-animation: FadeInR 1s ease-in-out 1.2s backwards;
          animation: FadeInR 1s ease-in-out 1.2s backwards;
}

.feature-section-1a .img-3 {
  top: 250px;
  width: 349px;
  margin-left: -270px;
  -webkit-animation: FadeInR 1s ease-in-out 2s backwards;
          animation: FadeInR 1s ease-in-out 2s backwards;
}

.feature-section-1a .img-4 {
  top: 250px;
  width: 351px;
  margin-left: -130px;
  -webkit-animation: FadeInR 1s ease-in-out 3s backwards;
          animation: FadeInR 1s ease-in-out 3s backwards;
}

.feature-section-2a {
  height: 233px;
}

.feature-section-2a .img-1 {
  top: 62px;
  width: 558px;
  margin-left: -662px;
}

.feature-section-2a .img-2 {
  top: 62px;
  width: 748px;
  margin-left: -82px;
}


.feature-section-3a {
  height: 1090px;
  background-color: #9c9c9c;
}

.feature-section-3a .font-block {
  top: 190px;
  width: 500px;
  margin-left: -596px;
  z-index: 2;
}

.feature-section-3a .swiper-2 {
  position: absolute;
  right: 0;
  top: 50px;
  width: 1148px;
}

.feature-section-3a .swiper-2 img {
  width: 100%;
}

.feature-section-3a .pagination-1 {
  margin-top: 110px;
}

.feature-section-3a .pagination-1 span {
  width: 30px;
  height: 30px;
  opacity: 0.8;
  border: 1px solid currentColor;
  background: currentColor;
  -webkit-transition: all .3s;
  transition: all .3s;
}

.feature-section-3a .pagination-1 span:before {
  content: '';
  width: 40px;
  height: 40px;
  display: block;
  margin: -6px;
  border-radius: 100%;
  border: 1px solid transparent;
  -webkit-transition: all .3s;
  transition: all .3s;
}

.feature-section-3a .pagination-1 span:not(:first-child) {
  margin-left: 30px;
}

.feature-section-3a .pagination-1 span:nth-child(1) {
  color: #fae0c3;
}

.feature-section-3a .pagination-1 span:nth-child(2) {
  color: #ecb6b1;
}

.feature-section-3a .pagination-1 span:nth-child(3) {
  color: #bbbbc3;
}

.feature-section-3a .pagination-1 span.swiper-pagination-bullet-active:before {
  border-color: currentColor;
}

.feature-section-3a .dps-2 {
  margin-top: 200px;
}
.feature-section-4a {
  height: 1200px;
  background-color: #fff;
}

.feature-section-4a .feature-img {
  top: auto;
  width: 1089px;
  margin-left: -280px;
  bottom: 0;
}
.feature-section-4a .feature-imgc52 {
  top: auto;
  width: 689px;
  margin-left: -280px;
  bottom: 0;
}
.feature-section-4a .font-block {
  top: 400px;
  width: 530px;
  margin-left: -640px;
}

.feature-section-4a .font-block img {
  width: 521px;
  margin-top: 70px;
}

.feature-section-5a {
  height: 1380px;
  background-color: #cbc2ab;
}

.feature-section-5a .feature-img {
  left: 0;
  top: 100px;
  width: 1471px;
}

.feature-section-5a .font-block {
  top: 1100px;
  width: 740px;
  margin-left: -370px;
  text-align: center;
}

.feature-section-5a .font-block .title-lg {
  width: 680px;
}

.feature-section-6a {
  height: 1330px;
  background-color: #fff;
}

.feature-section-6a .img-1 {
  top: 440px;
  width: 370px;
  margin-left: -634px;
}

.feature-section-6a .img-2 {
  top: 440px;
  width: 377px;
  margin-left: -192px;
}

.feature-section-6a .img-3 {
  top: 440px;
  width: 370px;
  margin-left: 258px;
}

.feature-section-6a .feature-img {
  -webkit-transition: all .3s;
  transition: all .3s;
  -webkit-transform: scale(0.8);
      -ms-transform: scale(0.8);
          transform: scale(0.8);
  cursor: pointer;
}

.feature-section-6a .font-block {
  top: 110px;
  width: 840px;
  margin-left: -420px;
  text-align: center;
}

.feature-section-7a .swiper-1 .swiper-slide img {
  width: 100%;
}

.feature-section-7a .swiper-box {
  position: absolute;
  left: 50%;
  z-index: 1;
  top: 500px;
  width: 1240px;
  margin-left: -620px;
}

.feature-section-7a .swiper-box img {
  width: 100%;
}

.feature-section-7a .swiper-box .box {
  position: absolute;
  left: 22.7%;
  top: 2%;
  width: 708px;
}

.feature-section-7a .swiper-box .box .swiper-container {
  width: 100%;
  height: 100%;
}

.feature-section-7a .swiper-box .box .swiper-container .swiper-slide img {
  width: 100%;
}

.feature-section-7a .swiper-pagination-bullet-active {
  background: #f5f7f9;
}

.feature-section-7a .feature-img {
  z-index: 1;
  bottom: 90px;
  top: auto;
  width: 897px;
  margin-left: -450px;
}

.feature-section-7a .font-block {
  z-index: 2;
  color: #fff;
  top: 100px;
  width: 840px;
  margin-left: -420px;
  text-align: center;
}







.feature-section-7b .swiper-1 .swiper-slide img {
  width: 100%;
}

.feature-section-7b .swiper-box {
  position: absolute;
  left: 50%;
  z-index: 1;
  top: 500px;
  width: 1240px;
  margin-left: -620px;
}

.feature-section-7b .swiper-box img {
  width: 100%;
}

.feature-section-7b .swiper-box .box {
  position: absolute;
  left: 22.7%;
  top: 2%;
  width: 708px;
}

.feature-section-7b .swiper-box .box .swiper-container {
  width: 100%;
  height: 100%;
}

.feature-section-7b .swiper-box .box .swiper-container .swiper-slide img {
  width: 100%;
}

.feature-section-7b .swiper-pagination-bullet-active {
  background: #f5f7f9;
}

.feature-section-7b .feature-img {
  z-index: 1;
  bottom: 90px;
  top: auto;
  width: 897px;
  margin-left: -450px;
}

.feature-section-7b .font-block {
  z-index: 2;
  color: #000;
  top: 100px;
  width: 840px;
  margin-left: -420px;
  text-align: center;
}














.feature-section-8a {
  height: 1770px;
  background-color: #fff;
}

.feature-section-8a .font-block {
  top: 110px;
  width: 470px;
  margin-left: -190px;
}

.feature-section-8a .img-1 {
  top: 170px;
  width: 610px;
  margin-left: -720px;
}

.feature-section-8a .img-2 {
  top: 550px;
  width: 661px;
  margin-left: -70px;
}

.feature-section-9a {
  height: 1100px;
  background-color: #f3f3f3;
}

.feature-section-9a .swiper-box {
  position: relative;
  left: 50%;
  width: 1160px;
  margin-left: -580px;
  padding: 0 240px;
  top: 160px;
}

.feature-section-9a .swiper-box .swiper-container {
  width: 100%;
}

.feature-section-9 .swiper-box .swiper-container .swiper-slide {
  background-color: #f3f3f3;
  width: 690px;
  height: auto;
}

.feature-section-9a .swiper-box .swiper-container .swiper-slide img {
  width: 100%;
}

.feature-section-9a .swiper-box .swiper-button-black {
  opacity: .3;
  filter: alpha(opacity=30);
}

.feature-section-10a {
  height: 1400px;
  background-color: #fff;
}

.feature-section-10a .font-block {
  top: 70px;
  width: 1000px;
  margin-left: -500px;
  text-align: center;
}

.feature-section-10a .font-block .descripe {
 /* width: 780px;*/
}

.feature-section-10a .font-block img {
  width: 654px;
  margin-top: 70px;
}

.feature-section-10a .feature-img {
  top: 680px;
  width: 1500px;
  margin-left: -750px;
}

@media only screen and (min-width: 1600px) and (max-width: 1899px) {
  .title-lg {
    font-size: 41px;
    line-height: 51px;
	    font-family: fantasy;
  }
  .descripe {
    font-size: 18px;
    margin-top: 30px;
    line-height: 30px;
  }
  .feature-section-1a {
    height: 1072px;
  }
  .feature-section-1a .font-block {
    top: 405px;
    width: 388px;
    margin-left: 245px;
    text-align: center;
  }
  .feature-section-1a .font-block h2 {
    font-size: 76px;
  }
  .feature-section-1a .font-block h3 {
    font-size: 32px;
    width: 295px;
    margin-top: 34px;
	font-family:fantasy;
  }
  .feature-section-1a .font-block img {
    width: 352px;
  }
  .feature-section-1a .img-1 {
    top: 219px;
    width: 279px;
    margin-left: -581px;
  }
  .feature-section-1a .img-2 {
    top: 219px;
    width: 298px;
    margin-left: -383px;
  }
    .feature-section-1a .img-2c52 {
    top: 219px;
   /* width: 298px;*/
    /*margin-left: -383px;*/
  }
  .feature-section-1a .img-3 {
    top: 211px;
    width: 294px;
    margin-left: -227px;
  }
  .feature-section-1a .img-4 {
    top: 211px;
    width: 296px;
    margin-left: -109px;
  }
  .feature-section-2a {
    height: 197px;
  }
  .feature-section-2a .img-1 {
    top: 53px;
    width: 470px;
    margin-left: -557px;
  }
  .feature-section-2a .img-2 {
    top: 53px;
    width: 630px;
    margin-left: -69px;
  }
 
  
  
    .feature-section-3a {
    height: 918px;
    background-color: #9c9c9c;
  }
  .feature-section-3a .font-block {
    top: 160px;
    width: 422px;
    margin-left: -501px;
    z-index: 2;
  }
  .feature-section-3a .swiper-2 {
    top: 43px;
    width: 967px;
  }
  .feature-section-3a .pagination-1 {
    margin-top: 93px;
  }
  .feature-section-3a .pagination-1 span {
    width: 30px;
    height: 30px;
    opacity: 0.8;
    border: 1px solid currentColor;
    background: currentColor;
    -webkit-transition: all .3s;
    transition: all .3s;
  }
  .feature-section-3a .pagination-1 span:before {
    content: '';
    width: 40px;
    height: 40px;
    display: block;
    margin: -6px;
    border-radius: 100%;
    border: 1px solid transparent;
    -webkit-transition: all .3s;
    transition: all .3s;
  }
  .feature-section-3a .pagination-1 span:not(:first-child) {
    margin-left: 30px;
  }
  .feature-section-3a .pagination-1 span:nth-child(1) {
    color: #fae0c3;
  }
  .feature-section-3a .pagination-1 span:nth-child(2) {
    color: #ecb6b1;
  }
  .feature-section-3a .pagination-1 span:nth-child(3) {
    color: #bbbbc3;
  }
  .feature-section-3a .pagination-1 span.swiper-pagination-bullet-active:before {
    border-color: currentColor;
  }
  .feature-section-3a .dps-2 {
    margin-top: 194px;
  }
  .feature-section-4a {
    height: 1011px;
    background-color: #9c9c9c;
  }
  .feature-section-4a .feature-img {
    top: auto;
    width: 918px;
    margin-left: -235px;
  }
    .feature-section-4a .feature-imgc52 {
    top: auto;
    width: 518px;
    margin-left: -235px;
  }
  .feature-section-4a .font-block {
    top: 337px;
    width: 447px;
    margin-left: -538px;
  }
  .feature-section-4a .font-block img {
    width: 439px;
    margin-top: 59px;
  }
  .feature-section-5a {
    height: 1163px;
    background-color: #cbc2ab;
  }
  .feature-section-5a .feature-img {
    top: 85px;
    width: 1239px;
  }
  .feature-section-5a .font-block {
    top: 927px;
    width: 624px;
    margin-left: -311px;
    text-align: center;
  }
  .feature-section-5a .font-block .title-lg {
    width: 573px;
  }
  .feature-section-6a {
    height: 1120px;
    background-color: #fff;
  }
  .feature-section-6a .img-1 {
    top: 371px;
    width: 312px;
    margin-left: -533px;
  }
  .feature-section-6a .img-2 {
    top: 371px;
    width: 318px;
    margin-left: -161px;
  }
  .feature-section-6a .img-3 {
    top: 371px;
    width: 312px;
    margin-left: 218px;
  }
  .feature-section-6a .font-block {
    top: 93px;
    width: 708px;
    margin-left: -353px;
    text-align: center;
  }
  .feature-section-7a .swiper-box {
    top: 422px;
    width: 1045px;
    margin-left: -522px;
  }
  .feature-section-7a .swiper-box .box {
    width: 597px;
  }
  .feature-section-7a .feature-img {
    bottom: 76px;
    top: auto;
    width: 756px;
    margin-left: -378px;
  }
  .feature-section-7a .font-block {
    top: 85px;
    width: 708px;
    margin-left: -353px;
    text-align: center;
  }
  .feature-section-8a {
    height: 1491px;
    background-color: #fff;
  }
  .feature-section-8a .font-block {
    top: 93px;
    width: 396px;
    margin-left: -160px;
  }
  .feature-section-8a .img-1 {
    top: 144px;
    width: 514px;
    margin-left: -606px;
  }
  .feature-section-8a .img-2 {
    top: 464px;
    width: 557px;
    margin-left: -58px;
  }
  .feature-section-9a {
    height: 927px;
    background-color: #f3f3f3;
  }
  .feature-section-9a .swiper-box {
    width: 977px;
    margin-left: -488px;
    padding: 0 203px;
    top: 135px;
  }
  .feature-section-9a .swiper-box .swiper-container .swiper-slide {
    width: 582px;
  }
  .feature-section-10a {
    height: 1179px;
    background-color: #fff;
  }
  .feature-section-10a .font-block {
    top: 59px;
    width: 843px;
    margin-left: -421px;
    text-align: center;
  }
  .feature-section-10a .font-block .descripe {
    width: 657px;
  }
  .feature-section-10a .font-block img {
    width: 551px;
    margin-top: 59px;
  }
  .feature-section-10a .feature-img {
    top: 573px;
    width: 1264px;
    margin-left: -631px;
  }
}

@media only screen and (min-width: 1200px) and (max-width: 1599px) {
  .title-lg {
    font-size: 33px;
    line-height: 41px;
	    font-family: fantasy;
  }
  .descripe {
    font-size: 15px;
    margin-top: 24px;
    line-height: 24px;
  }
  .feature-section-1a {
    height: 662px;
  }
  .feature-section-1a .font-block {
    top: 325px;
    width: 312px;
    margin-left: 197px;
    text-align: center;
  }
  .feature-section-1a .font-block h2 {
    font-size: 61px;
  }
  .feature-section-1a .font-block h3 {
    font-size: 26px;
/*    width: 237px;*/
    margin-top: 28px;
	font-family:fantasy;
  }
  .feature-section-1a .font-block img {
    width: 284px;
  }
  .feature-section-1a .img-1 {
    top: 177px;
    width: 225px;
    margin-left: -467px;
  }
  .feature-section-1a .img-2 {
    top: 177px;
    width: 240px;
    margin-left: -308px;
  }
  
  .feature-section-1a .img-2c52{
    top: 177px;
   /* width: 240px;*/
    margin-left: -408px;
  }
  
  .feature-section-1a .img-3 {
    top: 170px;
    width: 237px;
    margin-left: -182px;
  }
  .feature-section-1a .img-4 {
    top: 170px;
    width: 238px;
    margin-left: -88px;
  }
  .feature-section-2a {
    height: 158px;
  }
  .feature-section-2a .img-1 {
    top: 42px;
    width: 378px;
    margin-left: -448px;
  }
  .feature-section-2a .img-2 {
    top: 42px;
    width: 507px;
    margin-left: -55px;
  }

  
  
  
   .feature-section-3a {
    height: 739px;
    background-color: #9c9c9c;
  }
  .feature-section-3a .font-block {
    top: 129px;
    width: 339px;
    margin-left: -403px;
    z-index: 2;
  }
  .feature-section-3a .swiper-2 {
    top: 34px;
    width: 778px;
  }
  .feature-section-3a .pagination-1 {
    margin-top: 75px;
  }
  .feature-section-3a .pagination-1 span {
    width: 30px;
    height: 30px;
    opacity: 0.8;
    border: 1px solid currentColor;
    background: currentColor;
    -webkit-transition: all .3s;
    transition: all .3s;
  }
  .feature-section-3a .pagination-1 span:before {
    content: '';
    width: 40px;
    height: 40px;
    display: block;
    margin: -6px;
    border-radius: 100%;
    border: 1px solid transparent;
    -webkit-transition: all .3s;
    transition: all .3s;
  }
  .feature-section-3a .pagination-1 span:not(:first-child) {
    margin-left: 30px;
  }
  .feature-section-3a .pagination-1 span:nth-child(1) {
    color: #fae0c3;
  }
  .feature-section-3a .pagination-1 span:nth-child(2) {
    color: #ecb6b1;
  }
  .feature-section-3a .pagination-1 span:nth-child(3) {
    color: #bbbbc3;
  }
  .feature-section-3a .pagination-1 span.swiper-pagination-bullet-active:before {
    border-color: currentColor;
  }
  .feature-section-3a .dps-2 {
    margin-top: 156px;
  }
  .feature-section-4a {
    height: 813px;
    background-color: #fff;
  }
  .feature-section-4a .feature-img {
    top: auto;
    width: 738px;
    margin-left: -189px;
  }
    .feature-section-4a .feature-imgc52 {
    top: auto;
    width: 338px;
    margin-left: -189px;
  }
  .feature-section-4a .font-block {
    top: 271px;
    width: 359px;
    margin-left: -433px;
  }
  .feature-section-4a .font-block img {
    width: 353px;
    margin-top: 48px;
  }
  .feature-section-5a {
    height: 935px;
    background-color: #cbc2ab;
  }
  .feature-section-5a .feature-img {
    top: 68px;
    width: 996px;
  }
  .feature-section-5a .font-block {
    top: 745px;
    width: 502px;
    margin-left: -250px;
    text-align: center;
  }
  .feature-section-5a .font-block .title-lg {
    width: 461px;
  }
  .feature-section-6a {
    height: 901px;
    background-color: #fff;
  }
  .feature-section-6a .img-1 {
    top: 298px;
    width: 251px;
    margin-left: -429px;
  }
  .feature-section-6a .img-2 {
    top: 298px;
    width: 256px;
    margin-left: -130px;
  }
  .feature-section-6a .img-3 {
    top: 298px;
    width: 251px;
    margin-left: 175px;
  }
  .feature-section-6a .font-block {
    top: 75px;
    width: 569px;
    margin-left: -284px;
    text-align: center;
  }
  .feature-section-7a .swiper-box {
    top: 339px;
    width: 840px;
    margin-left: -419px;
  }
  .feature-section-7a .swiper-box .box {
    width: 480px;
  }
  .feature-section-7a .feature-img {
    bottom: 61px;
    top: auto;
    width: 608px;
    margin-left: -304px;
  }
  .feature-section-7a .font-block {
    top: 68px;
    width: 569px;
    margin-left: -284px;
    text-align: center;
  }
  
  
  
  
  
   .feature-section-7b .swiper-box {
    top: 339px;
    width: 840px;
    margin-left: -419px;
  }
  .feature-section-7b .swiper-box .box {
    width: 480px;
  }
  .feature-section-7b .feature-img {
       /* bottom: 61px; */
    top: auto;
    /* width: 608px; */
    margin-left: -304px;
  }
  .feature-section-7b .font-block {
      top: 68px;
    /* width: 569px; */
    margin-left: -484px;
    text-align: left;
  }
  
  
  
  
  
  
  .feature-section-8a {
    height: 1199px;
    background-color: #fff;
  }
  .feature-section-8a .font-block {
    top: 75px;
    width: 319px;
    margin-left: -128px;
  }
  .feature-section-8a .img-1 {
    top: 116px;
    width: 414px;
    margin-left: -487px;
  }
  .feature-section-8a .img-2 {
    top: 373px;
    width: 448px;
    margin-left: -47px;
  }
  .feature-section-9a {
    height: 745px;
    background-color: #f3f3f3;
  }
  .feature-section-9a .swiper-box {
    width: 786px;
    margin-left: -392px;
    padding: 0 163px;
    top: 109px;
  }
  .feature-section-9a .swiper-box .swiper-container .swiper-slide {
    width: 468px;
  }
  .feature-section-10a {
    height: 948px;
    background-color: #00a99d;
  }
  .feature-section-10a .font-block {
    top: 48px;
    width: 678px;
    margin-left: -338px;
    text-align: center;
  }
  .feature-section-10a .font-block .descripe {
/*    width: 529px;*/
  }
  .feature-section-10a .font-block img {
    width: 443px;
    margin-top: 48px;
  }
  .feature-section-10a .feature-img {
   top: 461px;
    width: 500px;
    margin-left: -250px;
  }
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .title-lg {
    font-size: 28px;
    line-height: 35px;
	    font-family: fantasy;
  }
  .descripe {
    font-size: 13px;
    margin-top: 21px;
    line-height: 21px;
  }
  .feature-section-1a {
    height: 730px;
  }
  .feature-section-1a .font-block {
    top: 275px;
    width: 264px;
    margin-left: 167px;
    text-align: center;
  }
  .feature-section-1a .font-block h2 {
    font-size: 52px;
  }
  .feature-section-1a .font-block h3 {
    font-size: 22px;
    width: 201px;
    margin-top: 23px;
	font-family:fantasy;
  }
  .feature-section-1a .font-block img {
    width: 240px;
  }
  .feature-section-1a .img-1 {
    top: 149px;
    width: 190px;
    margin-left: -395px;
  }
  .feature-section-1a .img-2 {
    top: 149px;
    width: 203px;
    margin-left: -260px;
  }
    .feature-section-1a .img-2c52 {
    top: 149px;
 /*   width: 203px;*/
   /* margin-left: -260px;*/
  }
  .feature-section-1a .img-3 {
    top: 144px;
    width: 200px;
    margin-left: -154px;
  }
  .feature-section-1a .img-4 {
    top: 144px;
    width: 202px;
    margin-left: -74px;
  }
  .feature-section-2a {
    height: 134px;
  }
  .feature-section-2a .img-1 {
    top: 36px;
    width: 320px;
    margin-left: -379px;
  }
  .feature-section-2a .img-2 {
    top: 36px;
    width: 429px;
    margin-left: -46px;
  }
 
  
  
  
  .feature-section-3a {
    height: 625px;
    background-color: #9c9c9c;
  }
  .feature-section-3a .font-block {
    top: 109px;
    width: 287px;
    margin-left: -341px;
    z-index: 2;
  }
  .feature-section-3a .swiper-2 {
    top: 29px;
    width: 658px;
  }
  .feature-section-3a .pagination-1 {
    margin-top: 64px;
  }
  .feature-section-3a .pagination-1 span {
    width: 30px;
    height: 30px;
    opacity: 0.8;
    border: 1px solid currentColor;
    background: currentColor;
    -webkit-transition: all .3s;
    transition: all .3s;
  }
  .feature-section-3a .pagination-1 span:before {
    content: '';
    width: 40px;
    height: 40px;
    display: block;
    margin: -6px;
    border-radius: 100%;
    border: 1px solid transparent;
    -webkit-transition: all .3s;
    transition: all .3s;
  }
  .feature-section-3a .pagination-1 span:not(:first-child) {
    margin-left: 30px;
  }
  .feature-section-3a .pagination-1 span:nth-child(1) {
    color: #fae0c3;
  }
  .feature-section-3a .pagination-1 span:nth-child(2) {
    color: #ecb6b1;
  }
  .feature-section-3a .pagination-1 span:nth-child(3) {
    color: #bbbbc3;
  }
  .feature-section-3a .pagination-1 span.swiper-pagination-bullet-active:before {
    border-color: currentColor;
  }
  .feature-section-3a .dps-2 {
    margin-top: 132px;
  }
  .feature-section-4a {
    height: 688px;
    background-color: #fff;
  }
  .feature-section-4a .feature-img {
    top: auto;
    width: 624px;
    margin-left: -160px;
  }
    .feature-section-4a .feature-imgc52 {
    top: auto;
    width: 224px;
    margin-left: -160px;
  }
  .feature-section-4a .font-block {
    top: 230px;
    width: 304px;
    margin-left: -366px;
  }
  .feature-section-4a .font-block img {
    width: 299px;
    margin-top: 41px;
  }
  .feature-section-5a {
    height: 791px;
    background-color: #cbc2ab;
  }
  .feature-section-5a .feature-img {
    top: 58px;
    width: 843px;
  }
  .feature-section-5a .font-block {
    top: 631px;
    width: 424px;
    margin-left: -211px;
    text-align: center;
  }
  .feature-section-5a .font-block .title-lg {
    width: 390px;
  }
  .feature-section-6a {
    height: 762px;
    background-color: #fff;
  }
  .feature-section-6a .img-1 {
    top: 253px;
    width: 212px;
    margin-left: -363px;
  }
  .feature-section-6a .img-2 {
    top: 253px;
    width: 216px;
    margin-left: -110px;
  }
  .feature-section-6a .img-3 {
    top: 253px;
    width: 212px;
    margin-left: 148px;
  }
  .feature-section-6a .font-block {
    top: 64px;
    width: 482px;
    margin-left: -240px;
    text-align: center;
  }
  .feature-section-7a .swiper-box {
    top: 287px;
    width: 711px;
    margin-left: -355px;
  }
  .feature-section-7a .swiper-box .box {
    width: 406px;
  }
  .feature-section-7a .feature-img {
    bottom: 52px;
    top: auto;
    width: 514px;
    margin-left: -257px;
  }
  .feature-section-7a .font-block {
    top: 58px;
    width: 482px;
    margin-left: -240px;
    text-align: center;
  }
  
  
  
  
  
  
  
  
  
  
  
  .feature-section-7b .swiper-box {
    top: 287px;
    width: 711px;
    margin-left: -355px;
  }
  .feature-section-7b .swiper-box .box {
    width: 406px;
  }
  .feature-section-7b .feature-img {
    bottom: 52px;
    top: auto;
    width: 514px;
    margin-left: -257px;
  }
  .feature-section-7b .font-block {
    top: 58px;
    width: 482px;
    margin-left: -240px;
    text-align: center;
  }
  
  
  
  
  
  
  .feature-section-8a {
    height: 1015px;
    background-color: #fff;
  }
  .feature-section-8a .font-block {
    top: 64px;
    width: 270px;
    margin-left: -108px;
  }
  .feature-section-8a .img-1 {
    top: 98px;
    width: 350px;
    margin-left: -412px;
  }
  .feature-section-8a .img-2 {
    top: 316px;
    width: 379px;
    margin-left: -40px;
  }
  .feature-section-9a {
    height: 631px;
    background-color: #f3f3f3;
  }
  .feature-section-9a .swiper-box {
    width: 665px;
    margin-left: -332px;
    padding: 0 138px;
    top: 92px;
  }
  .feature-section-9a .swiper-box .swiper-container .swiper-slide {
    width: 396px;
  }
  .feature-section-10a {
    height: 803px;
    background-color: #fff;
  }
  .feature-section-10a .font-block {
    top: 41px;
    width: 573px;
    margin-left: -286px;
    text-align: center;
  }
  .feature-section-10a .font-block .descripe {
    width: 447px;
  }
  .feature-section-10a .font-block img {
    width: 375px;
    margin-top: 41px;
  }
  .feature-section-10a .feature-img {
    top: 390px;
    width: 860px;
    margin-left: -429px;
  }
}

@media only screen and (max-width: 991px) {
  .title-lg {
    font-size: 20px;
    line-height: 25px;
	    font-family: fantasy;
  }
  .descripe {
    font-size: 9px;
    margin-top: 15px;
    line-height: 15px;
  }
  .feature-section-1a {
    height: 531px;
  }
  .feature-section-1a .font-block {
    top: 200px;
    width: 192px;
    margin-left: 121px;
    text-align: center;
  }
  .feature-section-1a .font-block h2 {
    font-size: 38px;
  }
  .feature-section-1a .font-block h3 {
    font-size: 16px;
    width: 146px;
    margin-top: 17px;
	font-family:fantasy;
  }
  .feature-section-1a .font-block img {
    width: 175px;
  }
  .feature-section-1a .img-1 {
    top: 109px;
    width: 138px;
    margin-left: -287px;
  }
  .feature-section-1a .img-2 {
    top: 109px;
    width: 148px;
    margin-left: -189px;
  }
    .feature-section-1a .img-2c52 {
    top: 109px;
   /* width: 148px;*/
    /*margin-left: -189px;*/
  }
  .feature-section-1a .img-3 {
    top: 105px;
    width: 146px;
    margin-left: -112px;
  }
  .feature-section-1a .img-4 {
    top: 105px;
    width: 147px;
    margin-left: -54px;
  }
  .feature-section-2a {
    height: 98px;
  }
  .feature-section-2a .img-1 {
    top: 26px;
    width: 233px;
    margin-left: -275px;
  }
  .feature-section-2a .img-2 {
    top: 26px;
    width: 312px;
    margin-left: -34px;
  }
 
  
  
  
   .feature-section-3a {
    height: 455px;
    background-color: #9c9c9c;
  }
  .feature-section-3a .font-block {
    top: 80px;
    width: 209px;
    margin-left: -248px;
    z-index: 2;
  }
  .feature-section-3a .swiper-2 {
    top: 21px;
    width: 479px;
  }
  .feature-section-3a .pagination-1 {
    margin-top: 46px;
  }
  .feature-section-3a .pagination-1 span {
    width: 30px;
    height: 30px;
    opacity: 0.8;
    border: 1px solid currentColor;
    background: currentColor;
    -webkit-transition: all .3s;
    transition: all .3s;
  }
  .feature-section-3a .pagination-1 span:before {
    content: '';
    width: 40px;
    height: 40px;
    display: block;
    margin: -6px;
    border-radius: 100%;
    border: 1px solid transparent;
    -webkit-transition: all .3s;
    transition: all .3s;
  }
  .feature-section-3a .pagination-1 span:not(:first-child) {
    margin-left: 30px;
  }
  .feature-section-3a .pagination-1 span:nth-child(1) {
    color: #fae0c3;
  }
  .feature-section-3a .pagination-1 span:nth-child(2) {
    color: #ecb6b1;
  }
  .feature-section-3a .pagination-1 span:nth-child(3) {
    color: #bbbbc3;
  }
  .feature-section-3a .pagination-1 span.swiper-pagination-bullet-active:before {
    border-color: currentColor;
  }
  .feature-section-3a .dps-2 {
    margin-top: 96px;
  }
  .feature-section-4a {
    height: 500px;
    background-color: #fff;
  }
  .feature-section-4a .feature-img {
    top: auto;
    width: 454px;
    margin-left: -116px;
  }
    .feature-section-4a .feature-imgc52 {
    top: auto;
    width: 154px;
    margin-left: -116px;
  }
  .feature-section-4a .font-block {
    top: 167px;
    width: 221px;
    margin-left: -266px;
  }
  .feature-section-4a .font-block img {
    width: 218px;
    margin-top: 30px;
  }
  .feature-section-5a {
    height: 575px;
    background-color: #cbc2ab;
  }
  .feature-section-5a .feature-img {
    top: 42px;
    width: 613px;
  }
  .feature-section-5a .font-block {
    top: 459px;
    width: 309px;
    margin-left: -154px;
    text-align: center;
  }
  .feature-section-5a .font-block .title-lg {
    width: 284px;
  }
  .feature-section-6a {
    height: 555px;
    background-color: #fff;
  }
  .feature-section-6a .img-1 {
    top: 184px;
    width: 155px;
    margin-left: -264px;
  }
  .feature-section-6a .img-2 {
    top: 184px;
    width: 158px;
    margin-left: -80px;
  }
  .feature-section-6a .img-3 {
    top: 184px;
    width: 155px;
    margin-left: 108px;
  }
  .feature-section-6a .font-block {
    top: 46px;
    width: 350px;
    margin-left: -175px;
    text-align: center;
  }
  .feature-section-7a .swiper-box {
    top: 209px;
    width: 517px;
    margin-left: -258px;
  }
  .feature-section-7a .swiper-box .box {
    width: 295px;
  }
  .feature-section-7a .feature-img {
    bottom: 38px;
    top: auto;
    width: 374px;
    margin-left: -187px;
  }
  .feature-section-7a .font-block {
    top: 42px;
    width: 350px;
    margin-left: -175px;
    text-align: center;
  }
  
  
  
  
  
  
  
   .feature-section-7b .swiper-box {
    top: 209px;
    width: 517px;
    margin-left: -258px;
  }
  .feature-section-7b .swiper-box .box {
    width: 295px;
  }
  .feature-section-7b .feature-img {
    bottom: 38px;
    top: auto;
    width: 374px;
    margin-left: -187px;
  }
  .feature-section-7b .font-block {
    top: 42px;
    width: 350px;
    margin-left: -175px;
    text-align: center;
  }
  
  
  
  
  
  
  .feature-section-8a {
    height: 738px;
    background-color: #fff;
  }
  .feature-section-8a .font-block {
    top: 46px;
    width: 196px;
    margin-left: -79px;
  }
  .feature-section-8a .img-1 {
    top: 71px;
    width: 255px;
    margin-left: -300px;
  }
  .feature-section-8a .img-2 {
    top: 230px;
    width: 276px;
    margin-left: -29px;
  }
  .feature-section-9a {
    height: 459px;
    background-color: #f3f3f3;
  }
  .feature-section-9a .swiper-box {
    width: 484px;
    margin-left: -241px;
    padding: 0 100px;
    top: 67px;
  }
  .feature-section-9a .swiper-box .swiper-container .swiper-slide {
    width: 288px;
  }
  .feature-section-10a {
    height: 584px;
    background-color: #fff;
  }
  .feature-section-10a .font-block {
    top: 30px;
    width: 417px;
    margin-left: -208px;
    text-align: center;
  }
  .feature-section-10a .font-block .descripe {
    width: 325px;
  }
  .feature-section-10a .font-block img {
    width: 273px;
    margin-top: 30px;
  }
  .feature-section-10a .feature-img {
    top: 284px;
    width: 625px;
    margin-left: -312px;
  }
}

@media only screen and (max-width: 1899px) {
  .feature-section {
    background-size: 1899px;
  }
}

@media only screen and (max-width: 1599px) {
  .feature-section {
    background-size: 1599px;
  }
}

@media only screen and (max-width: 1199px) {
  .feature-section {
    background-size: 1199px;
  }
}

@media only screen and (max-width: 991px) {
  .feature-section {
    background-size: 991px;
  }
  .descripe {
    line-height: 18px;
  }
 
  
  
  
  
  
  
  .feature-section-3a .font-block {
    top: 50px;
  }
  .feature-section-3a .font-block .pagination-1 {
    margin-top: 16px;
  }
  .feature-section-3a .font-block .pagination-1 span {
    width: 22px;
    height: 22px;
  }
  .feature-section-3a .font-block .pagination-1 span:before {
    width: 30px;
    height: 30px;
    margin: -5px;
  }
  .feature-section-3a .dps-2 {
    margin-top: 70px;
  }
  .feature-section-4a .font-block {
    top: 97px;
  }
  .feature-section-5a .font-block {
    width: 360px;
    margin-left: -180px;
  }
  .feature-section-7a .font-block {
    width: 360px;
    margin-left: -180px;
  }
  
   .feature-section-7b .font-block {
    width: 360px;
    margin-left: -180px;
  }
  .feature-section-8a .font-block {
    width: 210px;
  }
}

@media only screen and (max-width: 767px) {
  .feature-section {
    background-size: 767px;
  }
  .feature-section-1a {
    height: 510px;
  }
  .feature-section-1a .font-block {
    top: 90px;
    width: 300px;
    margin-left: -150px;
  }
  .feature-section-1a .img-1 {
    top: 257px;
    width: 95px;
    margin-left: -140px;
  }
  .feature-section-1a .img-2 {
    top: 254px;
    width: 102px;
    margin-left: -70px;
  }
    .feature-section-1a .img-2c52 {
    top: 254px;
  /*  width: 102px;*/
    /*margin-left: -70px;*/
  }
  .feature-section-1a .img-3 {
    top: 250px;
    width: 100px;
    margin-left: 0px;
  }
  .feature-section-1a .img-4 {
    top: 250px;
    width: 100px;
    margin-left: 60px;
  }
  .feature-section-2a {
    height: 160px;
  }
  .feature-section-2a .img-1 {
    top: 20px;
    width: 270px;
    margin-left: -135px;
  }
  .feature-section-2a .img-2 {
    top: 90px;
    width: 310px;
    margin-left: -155px;
  }
 
  .feature-section-3a .swiper-2 {
    right: -70px;
    top: 50px;
  }
  .feature-section-4a {
    height: 660px;
  }
  .feature-section-4a .font-block {
    top: 20px;
    width: 300px;
    margin-left: -150px;
  }
  .feature-section-4a .font-block img {
    width: 208px;
    margin-top: 20px;
  }
  .feature-section-4a .feature-img {
    width: 390px;
  }
   .feature-section-4a .feature-imgc52 {
    width:190px;
  }
  .feature-section-5a {
    height: 470px;
  }
  .feature-section-5a .feature-img {
    width: 440px;
  }
  .feature-section-5a .font-block {
    top: 340px;
    width: 290px;
    margin-left: -145px;
  }
  .feature-section-7a .swiper-1 {
    width: 767px;
    left: 50%;
    margin-left: -384px;
  }
  .feature-section-7a .font-block {
    top: 20px;
    width: 300px;
    margin-left: -150px;
  }
  
  
  
   .feature-section-7b .swiper-1 {
    width: 767px;
    left: 50%;
    margin-left: -384px;
  }
  .feature-section-7b .font-block {
    top: 20px;
    width: 300px;
    margin-left: -150px;
  }
}

@media only screen and (max-width: 539px) {
 
  
  
  .feature-section-3a {
    height: 535px;
  }
  .feature-section-3a .font-block {
    top: 20px;
    width: 200px;
    margin-left: -150px;
  }
  .feature-section-3a .font-block .title-lg {
    margin-top: 10px;
  }
  .feature-section-3a .swiper-2 {
    width: 340px;
    right: -70px;
    top: 250px;
  }
  .feature-section-4a {
    height: 580px;
  }
  .feature-section-4a .feature-img {
    width: 310px;
  }
   .feature-section-4a .feature-imgc52 {
    width: 110px;
  }
  .feature-section-5a {
    height: 410px;
  }
  .feature-section-5a .feature-img {
    width: 330px;
  }
  .feature-section-5a .font-block {
    top: 280px;
  }
  .feature-section-6a {
    height: 480px;
  }
  .feature-section-6a .font-block {
    top: 20px;
    width: 300px;
    margin-left: -150px;
  }
  .feature-section-6a .img-1 {
    width: 127px;
    margin-left: -180px;
  }
  .feature-section-6a .img-2 {
    width: 130px;
    margin-left: -65px;
  }
  .feature-section-6a .img-3 {
    width: 127px;
    margin-left: 50px;
  }
  .feature-section-8a {
    height: 610px;
  }
  .feature-section-8a .font-block {
    width: 210px;
    margin-left: -60px;
    top: 10px;
  }
  .feature-section-8a .img-1 {
    top: 190px;
    width: 150px;
    margin-left: -170px;
  }
  .feature-section-8a .img-2 {
    width: 210px;
  }
  .feature-section-7a .swiper-box {
    top: 240px;
    width: 320px;
    margin-left: -163px;
  }
  .feature-section-7a .swiper-box .box {
    width: 182px;
  }
  .feature-section-7a .feature-img {
    width: 300px;
    margin-left: -150px;
    bottom: 70px;
  }
  
  
  
  
  
  
  
  
  
  
   .feature-section-7b .swiper-box {
    top: 240px;
    width: 320px;
    margin-left: -163px;
  }
  .feature-section-7b .swiper-box .box {
    width: 182px;
  }
  .feature-section-7b .feature-img {
    width: 300px;
    margin-left: -150px;
    bottom: 70px;
  }
  
  
  
  
  
  .feature-section-9a {
    height: 430px;
  }
  .feature-section-9a .swiper-box {
    width: 320px;
    margin-left: -160px;
    padding: 0 34px;
  }
  .feature-section-9a .swiper-box .swiper-button-black {
    -webkit-transform: scale(0.6);
        -ms-transform: scale(0.6);
            transform: scale(0.6);
  }
  .feature-section-10a {
    height: 540px;
  }
  .feature-section-10a .font-block {
    width: 320px;
    margin-left: -160px;
  }
  .feature-section-10a .font-block .descripe {
    width: 310px;
  }
  .feature-section-10a .font-block img {
    width: 253px;
  }
  .feature-section-10a .feature-img {
    top: 350px;
    width: 340px;
    margin-left: -180px;
  }
}

@-webkit-keyframes rotate {
  0% {
    -webkit-transform: rotate(-3deg);
            transform: rotate(-3deg);
  }
  100% {
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg);
  }
}

@keyframes rotate {
  0% {
    -webkit-transform: rotate(-3deg);
            transform: rotate(-3deg);
  }
  100% {
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg);
  }
}

@-webkit-keyframes FadeInR {
  0% {
    -webkit-transform: translate3d(-30%, 0, 0);
            transform: translate3d(-30%, 0, 0);
    opacity: 0;
  }
  100% {
    -webkit-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
    opacity: 1;
  }
}

@keyframes FadeInR {
  0% {
    -webkit-transform: translate3d(-30%, 0, 0);
            transform: translate3d(-30%, 0, 0);
    opacity: 0;
  }
  100% {
    -webkit-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
    opacity: 1;
  }
}

@-webkit-keyframes FadeInB {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, 30%, 0);
            transform: translate3d(0, 30%, 0);
  }
  100% {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
  }
}

@keyframes FadeInB {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, 30%, 0);
            transform: translate3d(0, 30%, 0);
  }
  100% {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
  }
}

@-webkit-keyframes FadeInB1 {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, 20%, 0) rotate(-3deg);
            transform: translate3d(0, 20%, 0) rotate(-3deg);
  }
  100% {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0) rotate(-3deg);
            transform: translate3d(0, 0, 0) rotate(-3deg);
  }
}

@keyframes FadeInB1 {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, 20%, 0) rotate(-3deg);
            transform: translate3d(0, 20%, 0) rotate(-3deg);
  }
  100% {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0) rotate(-3deg);
            transform: translate3d(0, 0, 0) rotate(-3deg);
  }
}

/*# sourceMappingURL=maps/fire3lte.css.map */