html, body, div, span, h1, h2, h3, h4, h5, h6, p, a, ul, li, footer, header, menu, nav, section { margin: 0; padding: 0; border: 0; font-size: 100% }
h1, a { font-family: 'Lantinghei SC', Hiragino Sans GB, 'Microsoft YaHei', Heiti SC, Verdana, sans-serif, SimHei !important; }
body { background: white }
h1 { font-size: 1.4em; font-weight: 600; line-height: 1.4; color: #343B47 }
@media only screen and (min-width:601px) {
  h1 { font-size: 1.8em }
}
h3 { font-size: 1.4em; font-weight: 600; line-height: 1.4; color: #343B47 }
@media only screen and (min-width:601px) {
  h3 { font-size: 1.6em }
}
.dropdown-menu a { font-size: 0.8em; padding: 3px 5px !important; }
p { font-size: 1em; color: #3F485F; line-height: 2 }
img { max-width: 100%; height: auto }
.container { margin: 0 auto; width: 93% }
.container .row { margin-left: -0.75em; margin-right: -0.75em }
.wrapper { max-width: 1400px; margin: 60px auto 0px; width: 90%; flex: 1 0 auto }
nav { width: 100%; height: 60px; top: 5px; background: transparent; border-bottom: none; position: absolute; }
nav ul li { float: left; line-height: 60px }
nav ul a { font-size: 1.2em; color: white; display: block; padding: 0 0 0 45px }
nav ul a { color: #2196F3 }
nav ul a:hover { color: #0960a5 }
.nav-wrapper { position: relative; height: 100% }
.nav-wrapper .brand-logo { position: absolute; display: inline-block; padding: 0; line-height: 60px;}
.nav-wrapper .brand-logo .center { left: 50%; -webkit-transform: translateX(-50%); -moz-transform: translateX(-50%); -ms-transform: translateX(-50%); -o-transform: translateX(-50%); transform: translateX(-50%) }
.nav-wrapper .brand-logo img { width: 185px; background: #fff; }
@media only screen and (max-width:993px) {
  .nav-wrapper .brand-logo { left: 50%; -webkit-transform: translateX(-50%); -moz-transform: translateX(-50%); -ms-transform: translateX(-50%); -o-transform: translateX(-50%); transform: translateX(-50%) }
}
.fixed { position: fixed; background: rgba(255, 255, 255, 0.98); border-bottom: 1px solid #E2E2E2; top: 0; z-index: 100 }
.fixed a { color: #8A959F }
.fixed .apply { color: #FFF; background: #2196F3; border-radius: 4px; float: right; padding: 10px 40px; margin: 8px 0px 0px 40px }
.no { display: none }
.menu { margin-top: 20px }
.divider { height: 2px; overflow: hidden; background-color: #E0E5E9 }
footer.page-footer { padding: 20px; background-color: #333 }
@media only screen and (max-width:601px) {
  footer.page-footer { margin-bottom: 45px }
}
footer.page-footer p { font-size: .75em; color: #fff; font-weight: bold; }
footer.page-footer .links li { font-size: .95em; padding: 5px 0; margin-left: 30px; color: #fff; font-weight: bold; }
@media only screen and (min-width:601px) {
  footer.page-footer .links li { float: right; font-size: .90em; padding: 0 10px }
}
footer.page-footer .links li:hover { color: #2196F3 }
footer.page-footer .links li svg { width: 25px; position: relative; top: 8px; right: 8px }
@media only screen and (min-width:993px) {
  footer.page-footer .links { margin-top: -60px }
}
@media only screen and (min-width:601px) {
  footer.page-footer { padding: 10px 30px 5px; }
}
.language { float: right; position: relative; top: 10px }
.language a { padding: 10px; color: white; font-size: .85em }
.language span { color: white }
.blue-text { color: #2196F3 }
.orange-text { color: #FE9B20 }
header { position: relative }
header .hero { width: 100%; height: 350px; background: #000; background-size: cover; background-image: url("hero.jpg") }
@media only screen and (min-width:601px) {
  header .hero { height: 500px; background-image: url("hero.jpg") }
}
header .m-header { position: absolute; top: 30%; width: 90%; text-align: center }
header .m-header h1 { color: white; margin-bottom: 10px; font-size: 1.4rem; font-style: oblique }
@media only screen and (min-width:601px) {
  header .m-header h1 { font-size: 2.0em }
}
@media only screen and (min-width:993px) {
  header .m-header h1 { font-size: 2.2em }
}
header .m-header a { margin-top: 30px; padding: 10px 60px; font-size: 1.1em; color: #FFF; border-radius: 4px; background: #2196F3; display: inline-block }
header .bear { position: absolute; bottom: -18px; left: 5%; width: 180px }
@media only screen and (min-width:601px) {
  header .bear { width: 250px; bottom: 0 }
}
#features .col { padding: 20px; text-align: center }
#features .col p { padding: 0 10px }
@media only screen and (max-width:601px) {
  #features .col p { font-weight: 500 }
}
#features .col svg { max-width: 85px }
@media only screen and (min-width:601px) {
  #features .col { padding: 30px 20px }
}
@media only screen and (max-width:601px) {
  #features { padding: 10px 0 20px }
}
#stats { padding: 35px 0px; background: #F3F7FB; text-align: center }
#stats img { width: 100% }
#stats .col { padding: 40px 60px 30px }
@media only screen and (min-width:601px) {
  #stats .col { padding: 50px 40px 30px }
}
@media only screen and (min-width:993px) {
  #stats .col { padding: 60px 65px 30px }
}
@media only screen and (min-width:601px) {
  #stats { padding: 50px 0px }
}
#advantage { position: relative }
#advantage .row > h1 { top: -320px; color: white; text-align: center; position: relative }
@media only screen and (max-width:601px) {
  #advantage .row > h1 { padding: 40px 10px 0; color: #343B47; top: 0 }
}
#advantage .advantage-container { position: relative; width: 90%; max-width: 1000px; margin: 0 auto; overflow: hidden; background: white }
@media only screen and (min-width:601px) {
  #advantage .advantage-container { margin: -280px auto 0px; -webkit-box-shadow: 5px 10px 35px 3px rgba(27, 76, 134, 0.6); -moz-box-shadow: 5px 10px 35px 3px rgba(163, 174, 184, 0.6); box-shadow: 5px 10px 35px 3px rgba(163, 174, 184, 0.6) }
}
#advantage .advantage-container h1 { margin-bottom: 12px }
#advantage .advantage-container .col { padding: 15px 10px; text-align: center }
@media only screen and (min-width:601px) {
  #advantage .advantage-container .col { padding: 40px; text-align: left }
}
@media only screen and (min-width:993px) {
  #advantage .advantage-container .col { padding: 70px 0px 70px 110px; text-align: left }
}
#advantage .advantage-container .g-div { position: absolute; bottom: 0px; left: 50%; width: 2px; height: 230px; top: 45px; background: #8A959F; opacity: 0.2 }
@media only screen and (max-width:601px) {
  #advantage .advantage-container .first { margin-top: 20px }
}
@media only screen and (max-width:601px) {
  #advantage .advantage-container .second { margin-bottom: 20px }
}
#advantage .parallax-container { height: 420px }
#solution img { width: 100% }
#solution .img-set { text-align: center }
#solution h3 { width: auto; padding: 15px 0; font-style: italic }
@media only screen and (min-width:601px) {
  #solution h3 { padding: 15px 0 20px }
}
#solution .intro { text-align: center; padding: 40px 0 10px }
@media only screen and (min-width:601px) {
  #solution .intro { padding: 50px 70px 70px }
}
.intro p { text-align: left; }
#solution .intro h1 { padding-bottom: 15px }
#solution .section-one { padding: 20px 0 10px }
#solution .section-one img { max-width: 600px }
#solution .section-one .right-side { padding: 30px 10px }
@media only screen and (min-width:993px) {
  #solution .section-one .right-side { padding: 50px 0 60px 120px }
}
@media only screen and (min-width:601px) {
  #solution .section-one { padding: 0 0 70px }
}
#solution .section-two { padding: 0 0 50px }
#solution .section-two img { max-width: 720px }
#solution .section-two .left-side { padding: 30px 10px }
@media only screen and (min-width:993px) {
  #solution .section-two .left-side { padding: 60px 50px 60px 0 }
}
@media only screen and (min-width:601px) {
  #solution .section-two { padding: 70px 0 90px }
}
#solution .col p { line-height: 1.5 }
#solution .circle { font-size: 3em; color: #DFE2E7; position: relative; top: 3px; margin-right: 10px; display: inline-block }
#media { background: #f8f8f8; padding: 50px 50px; text-align: center }
#media h1 { color: #C5C6C7; padding-bottom: 20px }
#media .row { margin-left: -100px }
@media only screen and (max-width:601px) {
  #media .row { margin-left: 0 }
}
#media img { width: 100%; opacity: 0.5; max-width: 280px; padding: 25px 0 }
@media only screen and (max-width:601px) {
  #media { padding: 15px }
}
.apply-now { background: rgba(254, 155, 32, 0.9); z-index: 1; width: 100%; height: 45px; position: fixed; bottom: 0; text-align: center; line-height: 45px; color: white; font-size: 1.1em }
footer a img { width: 130px; }
html, body { position: relative; height: 100%; }
body { background: #eee; font-family: 'Lantinghei SC', Hiragino Sans GB, 'Microsoft YaHei', Heiti SC, Verdana, sans-serif, SimHei; font-size: 14px; color: #000; margin: 0; padding: 0; }
.swiper-container { width: 100%; height: 100%; }
.swiper-slide { text-align: center; font-size: 18px; background: #eee;       /* 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; }
.swiper-wrapper img { max-height: 100%; max-width: 100%; }

.caret { display: inline-block; width: 0; height: 0; margin-left: 2px; vertical-align: middle; border-top: 4px solid\9; border-right: 4px solid transparent; border-left: 4px solid transparent; }

/*dropmenu*/
.dropdown-menu { margin-top: 0; border-top-left-radius: 0; border-top-right-radius: 0; }
.dropdown-menu { position: absolute; top: 100%; left: 45px; z-index: 1200; display: none; min-width: 100px; padding: 8px 0; font-size: 14px; text-align: left; list-style: none; background-color: #fff; background-clip: padding-box; border: 1px solid #e4eaec; }
li.drdopdown.ecodropdown.dropown-submenu { position: relative; }
.dropdown-menu.bullet:after, .dropdown-menu.bullet:before { position: absolute; left: 10px; display: inline-block; width: 0; height: 0; content: ''; border: 7px solid transparent; border-top-width: 0; }
.dropdown-menu.bullet:before { top: -7px; border-bottom-color: #e4eaec; }
.met-nav .dropdown-menu>li>a, .met-nav .nav>li>a { -webkit-transition: all .3s ease; transition: all .3s ease; color: #2a333c !important; }
@media (min-width:768px) {
  .met-nav .navbar-nav>li.ecodropdown:hover>ul { visibility: visible; opacity: 1; top: 100%; }
  .met-nav .navbar-nav>li.ecodropdown>ul { top: 150%; visibility: hidden; opacity: 0; display: block; }
  .met-nav .navbar-nav>li.ecodropdown>ul { top: 150%; visibility: hidden; opacity: 0; display: block; }
  .met-nav .dropdown-menu.bullet:after, .met-nav .dropdown-menu.bullet:before { top: -7px !important; border-bottom-color: #7fa409; left: 35px !important; }
  .met-nav .dropdown-menu li a { font-size: 13px; border-bottom: 1px solid #EBEBEB; }
  .met-nav .dropdown-menu { top: 60px; transition: all .5s ease !important; z-index: 9999; padding: 0; border: 0; box-shadow: rgba(0, 0, 0, .2) 0 1px 5px 1px; background: #fff; border-top: 2px solid #7fa409; }
  .met-nav .navbar-nav>li.ecodropdown>ul { top: 150%; visibility: hidden; opacity: 0; display: block; }
}

/*service*/
.met-index-body { padding: 50px 0 30px; background: #fff; }
.container { max-width: 100%; }
.met-index-body h3 { font-size: 22px; margin-top: 0; text-align: left; font-weight: 700; }
.met-index-body h3 a { color: #2a333c; }
.met-index-body h3:after { background: #7fa409; content: ""; display: inline-block; height: 2px; width: 50px; margin-left: 10px; }
.met-index-body p.desc { font-size: 18px; font-weight: 300; text-align: left; color: #8d8d8d; margin: 0 auto 47px; }
.row { margin-right: -15px; margin-left: -15px; }
.animation-slide-bottom { -webkit-animation-name: slide-bottom; -o-animation-name: slide-bottom; animation-name: slide-bottom; }
.met-index-service .single-service-item { border: 1px solid #d7d7d7; margin-bottom: 30px; position: relative; height: 115px; -webkit-transition: all .3s ease; transition: all .3s ease; }
.met-index-service .single-service-item:before { -webkit-transition: all .3s ease; transition: all .3s ease; content: ''; position: absolute; left: 0; right: 0; top: 0; bottom: 0; display: block; }
.met-index-service .service-left-bg { background: #ececec; border-right: 1px solid #ececec; float: left; height: 100%; position: absolute; overflow: hidden; width: 50px; }
.met-index-service .service-icon { float: left; margin-left: 20px; margin-right: 20px; position: relative; margin-top: 25px; width: 61px; height: 61px; background: #6abe47; border-radius: 50%; overflow: hidden; text-align: center; }
.met-index-service .service-icon i, .met-index-service .service-icon i:before { font-size: 33px; color: #fff; line-height: 61px; margin: 0; }
.met-index-service .service-icon i, .met-index-service .service-icon i:before { font-size: 33px; color: #fff; line-height: 61px; margin: 0; }
.service-icon i:before { content: ""; background-size: 100% 100%; height: 30px; position: absolute; width: 30px; top: 15px; left: 15px; }
.flaticon-rural18:before { background: url(./images/icon/wxpay.png); }
.flaticon-flowers12:before { background: url(./images/icon/wxacc.png); }
.flaticon-leaves71:before { background: url(./images/icon/wxmember.png); }
.flaticon-tool680:before { background: url(./images/icon/o2o.png); }
.flaticon-shovel1:before { background: url(./images/icon/app.png); }
.met-index-service .service-text h4 { color: #37474f; font-size: 14px; font-weight: 700; margin-bottom: 5px; margin-top: 0; }
.met-index-service .service-text p { color: #777; font-size: 14px; line-height: 22px; height: 66px; overflow: hidden; }
.met-index-service .single-service-item:hover:before { background: #6abe47; opacity: .8; }
.met-index-service .single-service-item:hover .service-text h4, .met-index-service .single-service-item:hover .service-text p { color: #fff; }
.met-index-service .service-text { overflow: hidden; padding-bottom: 15px; padding-top: 21px; padding-right: 10px; position: relative; }
.ecofootbg .met-footnav-eco .info a:focus, .ecofootbg .met-footnav-eco .info a:hover, .ecofootbg .met-footnav-eco ul li a, .ecofootbg .met-footnav-eco ul li a:active, .ecofootbg .met-footnav-eco ul li a:focus, .ecofootbg .met-footnav-eco ul li a:hover, .less-decorationnone, .less-decorationnone:active, .less-decorationnone:focus, .less-decorationnone:hover, .met-column-nav ul.met-column-nav-ul>li a.link, .met-footnav .info a:focus, .met-footnav .info a:hover, .met-footnav ul li a, .met-footnav ul li a:active, .met-footnav ul li a:focus, .met-footnav ul li a:hover, .met-position a, .met-position a:active, .met-position a:focus, .met-position a:hover, .met-showproduct.pagetype1 .met-showproduct-body .product-hot-list a.txt, .met-showproduct.pagetype1 .met-showproduct-body .product-hot-list a.txt:active, .met-showproduct.pagetype1 .met-showproduct-body .product-hot-list a.txt:focus, .met-showproduct.pagetype1 .met-showproduct-body .product-hot-list a.txt:hover, .met_pager a, .met_pager a:active, .met_pager a:focus, .met_pager a:hover, .rev-control-btn, a:active, a:focus, a:hover { text-decoration: none; }

/*about*/
.met-index-about { padding: 0; background-color: #fff; }
.met-index-about .container-fluid { padding: 0; background-color: #f5f5f5; }
.met-index-about .left_side { background-size: cover; height: 510px; width: 50%; position: relative; float: left; }
.met-index-about .we_are_opacity { background: rgba(47, 45, 55, .2); height: 510px; width: 100%; position: absolute; top: 0; right: 0; }
.met-index-about .we_are_border { background: rgba(0, 0, 0, .4); height: 100%; width: 100%; position: absolute; top: 0; right: 0; }
.met-index-about .we_are_border h2 { font-weight: 700; font-size: 1.625em; color: #fff; background: #bbb; display: inline; position: absolute; padding: 12px 39px; top: 40px; right: 0; }
.met-index-about .right_side { background-size: cover; height: 510px; width: 50%; position: relative; float: right; }
.met-index-about .we_are_deatails { padding-left: 61px; }
.met-index-about .right_side h2 { font-weight: 700; font-size: 1.625em; color: #000; position: relative; padding-top: 47px; word-spacing: 6px; padding-bottom: 38px; }
.met-index-about .right_side h2:before { content: ''; width: 45px; height: 3px; background: #7fa409; position: absolute; top: 85px; }
.met-index-about .right_side h2 a { color: #000; }
.met-index-about .right_side .we_are_deatails>p { width: 92%; font-size: 0.8em; }
@media (max-width:767px) {
  .met-index-about .left_side, .met-index-about .we_are_opacity { height: 240px; }
  .met-index-about .left_side, .met-index-about .we_are_opacity { height: 240px; }
}
@media (max-width:991px) {
  .met-index-about .right_side { width: 100%; padding-top: 10px; height: auto; }
  .met-index-about .right_side .we_are_deatails { padding: 10px 20px 20px; }
  .met-index-about .right_side .we_are_deatails h2 { padding-top: 10px; }
  .met-index-about .left_side, .met-index-about .right_side .we_are_deatails p { width: 100%; }
  .met-index-about .right_side .we_are_deatails h2:before { top: 48px; }
}
.fp-tableCell { display: table-cell; vertical-align: middle; width: 100%; height: 100%; }
.inner { max-width: 1000px; margin: 0 auto; }
@media (min-width:1200px) {
  .inner { max-width: 1170px; }
}
.animation { -webkit-animation-duration: 1s; -webkit-animation-delay: .2s; -webkit-animation-timing-function: ease; -webkit-animation-fill-mode: both; animation-duration: 1s; animation-delay: .2s; animation-timing-function: ease; animation-fill-mode: both; }
.fadeIn { -webkit-animation-name: fadeIn; animation-name: fadeIn; }
.mod-always { padding-bottom: 160px; }
.sec-other .title { height: 60px; margin-top: 100px; }
.mod-always .title { background-position: center -1005px; }
.fp-viewing-5 .mod-always .title { margin-top: 0; }
.fp-viewing-5 .scroll-wrap { margin-top: -70px; }
.fp-viewing-5 .scroll-wrap { margin-top: -70px; }
.mod-always .scroll-wrap { padding: 0 60px; }
@media (min-width:1200px) {
  .mod-always .scroll-wrap { padding: 0 10px; }
}
.bx-wrapper { padding-top: 85px; position: relative; }
.company-list { margin-left: 45px; }
.bx-prev { background-position: 0 -203px; -webkit-transition: none; transition: none; }
.bx-next, .bx-prev { position: absolute; width: 26px; height: 42px; top: 150px; display: inline-block; background-image: url(./images/icons.png); background-repeat: no-repeat; }
.bx-prev:hover { background-position: 0 -317px; }
.bx-next:hover { background-position: -94px -317px; }
.bx-prev { left: -60px; }
.bx-next { background-position: -94px -203px; -webkit-transition: none; transition: none; }
@media (min-width:1200px) {
  .bx-prev { left: -100px; }
}
@media (min-width:1200px) {
  .bx-next { right: -100px; }
}
.bx-next, .bx-prev, .company-chat .text .des, .company-chat .text .title, .full-company .text .des, .full-company .text .title, .full-decent .text .des, .full-decent .text .title, .full-direcruit .text .des, .full-direcruit .text .title, .sec-other .title { text-indent: -2000em; }
.mod-always { padding-bottom: 160px }
.mod-always .title { background-position: center -1005px }
.company-chat .text, .full-company .text, .full-decent .text, .full-direcruit .text, .mod-always .title, .mod-media .title { background-image: url(./images/text-title.png); background-repeat: no-repeat; text-indent: -2000em; }
.green-text { color: #8fc31f; }
.question { font-size: 16px; margin: 10px 0px; color: #2196F3; }
.question-content { margin-bottom: 30px; }
.img-div { width: 100px; height: 100px; margin: 0px 15px; }
.img-div p { line-height: 100px; height: 100%; width: 100%; }
@media (max-width:767px) {
  .min-swiper-container{
    display: block;
  }
  .max-swiper-container{
    display: none;
  }
  .mod-always .scroll-wrap {
    padding: 0 20px;
  }
  .mod-always {
    padding-bottom: 60px;
  }
  .bx-wrapper {
    padding-top: 35px;
  }
}
@media (min-width:767px) {
  .min-swiper-container{
    display: none;
  }
  .max-swiper-container{
    display: block;
  }
}
@media (min-width: 993px){
	.drawer-toggle,.drawer-nav{
		display: none;
		z-index: 1000;
	}
	
}
.drawer-hamburger{
	z-index: 1000;
}
.drawer-menu li{
	width: 100%;
}