* {
  margin: 0;
  padding: 0
}
em,i {
  font-style: normal
}
li {
  list-style: none
}
img {
  border: 0;
  vertical-align: middle
}
button {
  cursor: pointer
}
a {
  color: #666;
  text-decoration: none
}
p,div,ul,ol,li,section {
  font-family: -apple-system, "Helvetica Neue", Helvetica, "Nimbus Sans L", Arial, "Liberation Sans", "PingFang SC", "Hiragino Sans GB", "Source Han Sans CN", "Source Han Sans SC", "Microsoft YaHei", "Wenquanyi Micro Hei", "WenQuanYi Zen Hei", "ST Heiti", SimHei, "WenQuanYi Zen Hei Sharp", sans-serif;
  font-size:14px;
  list-style:none;
  padding:0;
  margin:0;
}html {
  margin: 0;
  padding: 0;
}
body {
  margin: 0;
  padding: 0;
}
header {
  margin: 0;
  padding: 10px 0;
  width: 100%;
  background: #1f1a17;
  position: fixed;
  z-index: 999;
  transition: all 0.3s;
}
@media screen and (min-width: 750px) {
  .menu-left {
    float: left;
    width: 200px;
  }
  .menu-left img {
    width: 50%;
  }
  .menu-icon {
    display: none;
  }
  .menu-right {
    height: 30px;
    position: absolute;
    top: 50%;
    right: 10%;
    margin-top: -15px;
  }
  .menu-right .menu-item {
    padding: 0;
    margin: 0;
    color: white;
    text-align: center;
  }
  .menu-right .menu-item:hover {
    cursor: pointer;
  }
  .menu-right .menu-item li a {
    text-decoration: none;
    color: white;
    display: block;
  }
  .menu-right .menu-item:after {
    display: block;
    content: "";
    clear: both;
  }
  .menu-right .menu-item > li {
    line-height: 30px;
    float: left;
    margin-left: 10px;
    width: 100px;
    border-radius: 20px;
    transition: all 0.5s;
  }
  .menu-right .menu-item > li:hover {
    background: #0093dd;
  }
}
@media screen and (max-width: 750px) {
  .menu-left {
    float: left;
    width: 80px;
  }
  .menu-left img {
    width: 100%;
  }
  .menu-right {
    float: right;
    color: white;
    background: #1f1a17;
    position: relative;
    top: 50%;
    width: 80px;
    text-align: center;
    height: 24px;
  }
  .menu-right .menu-icon {
    line-height: 24px;
  }
  .menu-right .menu-icon svg {
    width: 24px;
    height: 24px;
    fill: white;
  }
  .menu-right .menu-item {
    display: none;
    width: 100%;
    text-align: center;
    margin: 0;
    padding: 0;
    position: absolute;
    z-index: 100;
    background: #1f1a17;
    opacity: 0.6;
    padding-top: 10px;
  }
  .menu-right .menu-item:hover {
    cursor: pointer;
  }
  .menu-right .menu-item li {
    padding: 5px 0;
    border-bottom: 1px solid #ccc;
  }
  .menu-right .menu-item li a {
    text-decoration: none;
    color: white;
  }
  .menu-right .menu-item li a:hover {
    text-decoration: none;
  }
  .menu-right .menu-item li:last-child {
    border-bottom: none;
  }
}
/*
 * Swiper 2.7.6
 * Mobile touch slider and framework with hardware accelerated transitions
 *
 * http://www.idangero.us/sliders/swiper/
 *
 * Copyright 2010-2015, Vladimir Kharlampidi
 * The iDangero.us
 * http://www.idangero.us/
 *
 * Licensed under GPL & MIT
 *
 * Released on: February 11, 2015
*/
/* ===============================================================
Basic Swiper Styles 
================================================================*/
.swiper-container {
	margin:0 auto;
	position:relative;
	overflow:hidden;
	direction:ltr;
	-webkit-backface-visibility:hidden;
	backface-visibility:hidden;
	/* Fix of Webkit flickering */
	z-index:1;
}
.swiper-wrapper {
	position:relative;
	width:100%;
	-webkit-transition-property:-webkit-transform, left, top;
	-webkit-transition-duration:0s;
	-webkit-transform:translate3d(0px,0,0);
	-webkit-transition-timing-function:ease;
	
	-moz-transition-property:-moz-transform, left, top;
	-moz-transition-duration:0s;
	-moz-transform:translate3d(0px,0,0);
	-moz-transition-timing-function:ease;
	
	-o-transition-property:-o-transform, left, top;
	-o-transition-duration:0s;
	-o-transform:translate3d(0px,0,0);
	-o-transition-timing-function:ease;
	-o-transform:translate(0px,0px);
	
	-ms-transition-property:-ms-transform, left, top;
	-ms-transition-duration:0s;
	-ms-transform:translate3d(0px,0,0);
	-ms-transition-timing-function:ease;
	
	transition-property:left, top, -webkit-transform;
	
	transition-property:transform, left, top;
	
	transition-property:transform, left, top, -webkit-transform;
	transition-duration:0s;
	transform:translate3d(0px,0,0);
	transition-timing-function:ease;
	box-sizing: content-box;
}
.swiper-free-mode > .swiper-wrapper {
	transition-timing-function: ease-out;
	margin: 0 auto;
}
.swiper-slide {
	float: left;
	box-sizing: content-box;
}

/* IE10 Windows Phone 8 Fixes */
.swiper-wp8-horizontal {
	-ms-touch-action: pan-y;
}
.swiper-wp8-vertical {
	-ms-touch-action: pan-x;
}

/* ===============================================================
Your custom styles, here you need to specify container's and slide's
sizes, pagination, etc.
================================================================*/
.swiper-container {
	/* Specify Swiper's Size: */

	/*width:200px;
	height: 100px;*/
}
.swiper-slide {
	/* Specify Slides's Size: */
	
	/*width: 100%;
	height: 100%;*/
}
.swiper-slide-active {
	/* Specific active slide styling: */
	
}
.swiper-slide-visible {
	/* Specific visible slide styling: */	

}
/* ===============================================================
Pagination Styles
================================================================*/
.swiper-pagination-switch {
	/* Stylize pagination button: */	

}
.swiper-active-switch {
	/* Specific active button style: */	
	
}
.swiper-visible-switch {
	/* Specific visible button style: */	
	
}
.title {
  text-align: center;
}
.title img {
  width: 100%;
}
.title h1 {
  font-size: 20px;
  font-weight: 600;
}
.top-none {
  height: 49px;
}
@media screen and (max-width: 750px) {
  .top-none {
    height: 40px;
  }
}
#foot .bg {
  width: 100%;
  background: url(/home/img/footer.png) no-repeat center center;
  background-size: cover;
  position: relative;
}
#foot .bg .contact {
  text-align: center;
  color: #ccc;
  padding-top: 20px;
  padding-bottom: 20px;
}
#foot .bg .contact h4 {
  font-size: 20px;
  font-weight: 500;
  color: white;
}
#foot .bg .contact .span {
  font-size: 14px;
}
#foot .bg .QR {
  position: absolute;
  top: 50%;
  right: 0;
  margin-top: -60px;
  width: 120px;
  height: 120px;
}
#foot .bg .QR img {
  width: 120px;
}
@media screen and (max-width: 850px) {
  #foot .bg .contact {
    display: block;
  }
  #foot .bg .QR {
    position: static;
    display: block;
    margin: 0 auto;
    margin-top: 10px;
    margin-bottom: 20px;
  }
}
#top-carousel {
  border-bottom: 1px dashed #ccc;
}
#top-carousel .top-swiper {
  width: 100%;
  overflow: hidden;
}
#top-carousel .swiper-slide {
  width: 100%;
}
#top-carousel .swiper-slide img {
  width: 100%;
}
#bottom-carousel .bottom-swiper {
  width: 100%;
  overflow: hidden;
}
#bottom-carousel .swiper-slide {
  width: 100%;
}
#summary .title {
  padding-top: 80px;
}
#summary .summary-text {
  padding-top: 40px;
}
#construct {
  padding-top: 120px;
}
#construct .bg {
  background: url(/home/img/construct.jpg) no-repeat center center;
  background-size: cover;
}
#construct .bg .title {
  padding-top: 70px;
  color: white;
}
#construct .bg .construct-text {
  padding-top: 80px;
  padding-bottom: 80px;
  text-align: center;
}
#construct .bg .construct-text img {
  width: 100%;
}
#progress .bg {
  padding-top: 120px;
  background: url(/home/img/progress.png) no-repeat center center;
}
#progress .bg background-size:cover .title {
  color: black;
}
#progress .bg .progress-text {
  padding-top: 40px;
  padding-bottom: 120px;
  text-align: center;
}
#progress .bg .progress-text img {
  width: 100%;
}
#regulation .bg {
  padding-top: 80px;
  background: url(/home/img/regulation.jpg) no-repeat center center;
  background-size: cover;
}
#regulation .bg .title {
  color: white;
}
#regulation .regulation-text {
  padding-top: 60px;
  padding-bottom: 60px;
  text-align: center;
}
#regulation .regulation-text img {
  width: 100%;
}
#solution {
  padding-top: 100px;
}
#solution .solution-main {
  margin: 0 auto;
}
#solution .solution-main li {
  padding: 20px 0;
  border-bottom: 1px dashed #787878;
  display: table;
}
#solution .solution-main li:last-child {
  border-bottom: none;
}
#solution .solution-main li .solution-img {
  width: 15%;
  display: table-cell;
  vertical-align: middle;
}
#solution .solution-main li .solution-text {
  padding-left: 10px;
  width: 80%;
  display: table-cell;
  vertical-align: middle;
}
#solution .solution-main li .solution-text p {
  display: table;
}
#solution .solution-main li .solution-text p span {
  width: 100px;
  padding-right: 20px;
  display: table-cell;
  vertical-align: middle;
  font-size: 14px;
  font-weight: 600;
}
#solution .solution-main li .solution-text p i {
  display: table-cell;
  vertical-align: middle;
}
#news .news-urlContainer {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  margin-bottom: 40px;
}
#news .news-urlContainer .news-urlList {
  line-height: 3em;
  width: 80%;
}
#news .news-urlContainer .news-urlList li {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  border-bottom: 1px dashed #787878;
  padding: 10px 0 10px 0;
}
#news .news-urlContainer .news-urlList li a {
  cursor: pointer;
}
#news .popup-div {
  position: fixed;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  background-color: #787878;
  opacity: 0.5;
  top: 0;
  width: 100%;
  height: 100%;
}
#news .popup-dialog {
  position: fixed;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  background-color: #ffffff;
  opacity: 1;
  top: 30%;
  left: 43%;
  width: 250px;
  height: 285px;
  border-radius: 10px;
  z-index: 99;
}
#news .popup-dialog-title {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  padding: 10px;
}
#news .popup-dialog-title button {
  background-color: #ffffff;
  border: 0px;
}
#news .popup-dialog-content {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
@media screen and (min-width: 750px) {
  .solution-main {
    width: 80%;
    margin: 0 auto;
  }
}

/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IiIsImZpbGUiOiJjc3MvbmV3cy5jc3MiLCJzb3VyY2VSb290IjoiIn0=*/