* {
  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: */	
	
}
.swiper-slide {
  width: 100%;
}
.swiper-slide img {
  padding: 0;
  width: 100%;
  height: auto;
}
.more-wrapper {
  position: relative;
}
.more-wrapper .more {
  position: absolute;
  width: 100%;
  bottom: 10%;
  text-align: center;
}
.more-wrapper .more span {
  display: inline-block;
  width: 9.4%;
  height: 2.3%;
  line-height: 44px;
  border-radius: 40px;
  background: #0093dd;
  color: white;
}
.more-wrapper .more span:hover {
  cursor: pointer;
}
@media screen and (max-width: 750px) {
  .more-wrapper .more span {
    display: none;
  }
}
.swiper-text {
  padding: 0 20px;
}
.swiper-text .title {
  padding-top: 44px;
  padding-bottom: 30px;
  font-size: 24px;
  font-weight: 900;
  text-align: center;
}
.swiper-text .sub-title {
  text-align: center;
  font-weight: 500;
  font-size: 16px;
  color: #787878;
}
.swiper-text .summary {
  text-align: center;
  font-size: 16px;
  color: #787878;
  font-weight: 500;
}
.swiper-text .arrow {
  text-align: center;
  padding-top: 40px;
}
.swiper-text .arrow img {
  width: 40px;
}
.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;
  }
}
* {
  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;
}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: */	
	
}
html {
  margin: 0;
  padding: 0;
}
body {
  margin: 0;
  padding: 0;
}
.swiper-slide {
  width: 100%;
}
.swiper-slide img {
  padding: 0;
  width: 100%;
  height: auto;
}
.more-wrapper {
  position: relative;
}
.more-wrapper .more {
  position: absolute;
  width: 100%;
  bottom: 10%;
  text-align: center;
}
.more-wrapper .more a {
  text-decoration: none;
  display: inline-block;
  width: 9.4%;
  height: 2.3%;
  line-height: 44px;
  border-radius: 40px;
  background: #0093dd;
  color: white;
}
.more-wrapper .more a:hover {
  cursor: pointer;
}
@media screen and (max-width: 750px) {
  .more-wrapper .more a {
    display: none;
  }
}
.swiper-text {
  padding: 0 20px;
}
.swiper-text .title {
  padding-top: 44px;
  padding-bottom: 30px;
  font-size: 24px;
  font-weight: 900;
  text-align: center;
}
.swiper-text .sub-title {
  text-align: center;
  font-weight: 500;
  font-size: 16px;
  color: #787878;
}
.swiper-text .summary {
  text-align: center;
  font-size: 16px;
  color: #787878;
  font-weight: 500;
}
.swiper-text .arrow {
  text-align: center;
  padding-top: 40px;
}
.swiper-text .arrow img {
  width: 40px;
}
.product {
  padding-top: 108px;
}
.product .product-head {
  text-align: center;
  padding-bottom: 84px;
}
.product .product-head img {
  width: 303px;
}
.product .product-list li {
  padding-bottom: 76px;
  text-align: center;
}
.product .product-list li img {
  width: 80%;
}
.product .product-list li .product-text {
  padding-top: 36px;
  color: #787878;
  white-space: wrap;
  text-align: center;
}
.product .arrow {
  text-align: center;
  padding-bottom: 60px;
}
.product .arrow img {
  width: 40px;
}
.top-none {
  height: 51px;
}
@media screen and (max-width: 750px) {
  .top-none {
    height: 44px;
  }
}
#tender {
  background: #f8fcff;
  padding-top: 118px;
}
#tender .tender-logo img {
  width: 100%;
  padding-bottom: 40px;
}
#tender .tender-text {
  color: #787878;
  padding-bottom: 60px;
}
#tender .tender-text h4 {
  font-size: 20px;
  font-weight: 600;
  padding-top: 18px;
  padding-bottom: 12px;
}
#tender .tender-text .tender-summary {
  font-size: 14px;
}
#tender .tender-text .look-detail {
  width: 173px;
  height: 40px;
}
#tender .tender-text .look-detail a {
  text-decoration: none;
  display: block;
  background: #84aad9;
  margin-top: 32px;
  line-height: 40px;
  border-radius: 40px;
  text-align: center;
  color: white;
  font-weight: 600;
  cursor: pointer;
}
#tender .icon-list {
  padding-bottom: 106px;
}
#tender .icon-list li {
  text-align: center;
}
#tender .icon-list li img {
  width: 80%;
}
#tender .icon-list li .icon-text {
  padding-top: 10px;
  text-align: center;
  color: #84aad9;
  font-weight: 500;
  font-size: 14px;
}
#worker {
  background: url(/./img/worker.jpg) center center no-repeat;
  background-size: cover;
}
#worker .worker-text {
  text-align: center;
  padding-top: 86px;
}
#worker .worker-text h4 {
  padding-bottom: 44px;
  font-size: 20px;
  font-weight: 20px;
  color: #00a88e;
}
#worker .worker-text .worker-summary {
  color: white;
}
#worker .worker-img {
  padding-top: 100px;
  padding-bottom: 100px;
  text-align: center;
}
#worker .worker-img img {
  width: 80%;
}
#zhuzhuwang {
  background: #f9f9f9;
}
#zhuzhuwang .zhuzhuwang-text {
  text-align: center;
  padding-top: 80px;
}
#zhuzhuwang .zhuzhuwang-text h4 {
  font-size: 20px;
  font-weight: 600;
  padding-bottom: 28px;
}
#zhuzhuwang .zhuzhuwang-text .zhuzhu-summary {
  color: #787878;
}
#zhuzhuwang .zhuzhu-img {
  text-align: center;
  padding-top: 54px;
  padding-bottom: 40px;
}
#zhuzhuwang .zhuzhu-img img {
  width: 80%;
}
#zhuzhuwang ul > li {
  text-align: center;
  padding-bottom: 20px;
  color: #787878;
}
#zhuzhuwang ul > li img {
  width: 40%;
}
#zhuzhuwang ul > li h6 {
  font-size: 14px;
  text-align: center;
}
#zhuzhuwang ul > li p {
  font-size: 12px;
  text-align: center;
}
#join {
  padding-top: 53px;
}
#join h4 {
  text-align: center;
  font-size: 20px;
  font-weight: 600;
}
#foot .bg {
  width: 100%;
  background: url(/./img/footer.png) no-repeat center center;
  background-size: cover;
}
#foot .bg .contact {
  display: table-cell;
  vertical-align: middle;
  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 {
  display: table-cell;
  vertical-align: middle;
  text-align: center;
  padding-left: 100px;
}
#foot .bg .QR img {
  width: 160px;
}
@media screen and (max-width: 750px) {
  #foot .bg .contact {
    display: block;
  }
  #foot .bg .QR {
    display: block;
    padding-left: 0;
    padding-bottom: 20px;
  }
}
/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IiIsImZpbGUiOiJjc3MvYXBwLmNzcyIsInNvdXJjZVJvb3QiOiIifQ==*/