body {
  font-family: PMingLiU,calibra!important;
  font-size: 14px;
  line-height: 1.42857143;
  color: #333;
  background-color: #fff;
}
h5{font-size: 20px;}
ul {
  margin-top: 24px;
}


@media (min-width: 992px){
.row>.item{
    width: 50%!important;
  }
}
/* ======= Header ======= */
.header {
  padding: 10px 0;
  background: #6c6767;
  color: #fff;
  font-size: 18px;
  position: fixed;
  height: 127px;
  width: 100%;
}
.header.navbar-fixed-top {
   background: #fff;
   z-index: 9999;
   -webkit-box-shadow: 0 0 4px rgba(0, 0, 0, 0.4);
   -moz-box-shadow: 0 0 4px rgba(0, 0, 0, 0.4);
   box-shadow: 0 0 4px rgba(0, 0, 0, 0.4);
 }
.header.navbar-fixed-top .main-nav .nav .nav-item a {
  color: #6c6767;
}

/*�ֻ�nav*/
.header .main-nav button {
  background: #05b87e;
  color: #fff !important;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  -ms-border-radius: 4px;
  -o-border-radius: 4px;
  border-radius: 4px;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
}
.header .main-nav button:focus {
  outline: none;
}
/*�ֻ�navСͼ��*/
.header .main-nav button .icon-bar {
  background-color: #fff;
}
.header .main-nav .navbar-collapse {
  padding-left: 15px;
  padding-right: 15px;
  margin-top: 20px;

}
.header .main-nav .nav .nav-item {
  font-weight: normal;
  margin-right: 30px;
  font-family: 'Montserrat', sans-serif;
}
.header .main-nav .nav .nav-item.active a {
  color: #05b87e;
  background: none;
  border-bottom: 2px solid white;
}
.header .main-nav .nav .nav-item a {
  color:white;
  -webkit-transition: none;
  -moz-transition: none;
  -ms-transition: none;
  -o-transition: none;
  font-size: 14px;
  padding: 15px 10px;
}
/*����nav������ɫ*/
.header .main-nav .nav .nav-item a:hover {
  color:#05b87e;
  background: none;
}
.header .main-nav .nav .nav-item a:focus {
  outline: none;
  background: none;
}
.header .main-nav .nav .nav-item a:active {
  outline: none;
  background: none;
}

.header .main-nav .nav .nav-item.last {
  margin-right: 0;
}
/*��ҳ��nav*/
.navbar-nav{margin-top: 24px;}
/* ======= Promo Section ======= */
.promo {
  color: #fff;
  padding-top: 125px;
}
.about-banner{width: 100%;height: auto}
.about-banner img{width: 100%;height: 100%}
/* ======= About Section ======= */
.about {
  margin-top: 108px;
  background: #ffffff;
  position: relative;
  margin-bottom: 48px;
}
.about .title {
  color: #6c6767;
  margin-top: 0;
  margin-bottom: 45px;
}
.about-title{color: #6c6767;font-size: 30px;margin-bottom: 58px;}
.about-icon{width: 90px;height: 90px;text-align: center;margin: 52px 0 60px 0;}
.about-icon img{width: 100%;height: auto;}
.about .item {
  position: relative;
  margin-bottom: 30px;
}

.about .item .content {
  padding-left: 60px;
}
.about .item .content .sub-title {
  color: #333333;
  font-size: 30px;
}
/* ======= Features Section ======= */
.features {
  padding: 82px 0;
  color: #fff;
  height: auto;
  /*background: url("../images/features_bg.jpg") no-repeat;*/
  background-size: cover;
  background-position: center center;
}
.features .title {
  color: white;
}
.features-img{width: 310px;}
.features-img img{width: 100%;}
.features-title{display:block;margin: 26px 0 84px 0;font-style: normal;}
.feature-list{margin-top: 84px;}
.feature-list tr{height: 60px;}
.features .feature-list td {
  margin-bottom: 10px;
  color: white;
  text-align: left;
  font-size: 28px;
  vertical-align: middle;
}
.feature-list-i{width: 44px;height: 44px;margin-right: 20px;}
.features .install-inner {
  max-width:1000px;
  padding-left: 50px;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  -ms-border-radius: 4px;
  -o-border-radius: 4px;
  border-radius: 4px;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  margin: 0 auto;
}
.features-phone{text-align: right}
/* ======= Install Section ======= */
.install-main{}
.install-main .install-inner {
  max-width: 1000px;
  padding-left: 50px;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  -ms-border-radius: 4px;
  -o-border-radius: 4px;
  border-radius: 4px;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  margin: 0 auto;
}
.install-title{margin:148px 0;text-align: right;color: white;}
.address{color: white;font-size: 30px;margin-bottom: 104px;}
.address table tr{height: 40px;}
.address table tr td{vertical-align: top;padding:20px 0;}
.address .address-icon{width: 44px;height: 44px;margin-right: 18px;}
.install .block {
  margin-bottom: 45px;
}
.install .code-block {
  margin: 30px auto;
}
/* ======= Docs Section ======= */
.docs {
  background:white;
  padding: 124px 0 118px 0;
}
.docs .docs-inner {
  max-width: 1000px;
  background: #fff;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  -ms-border-radius: 4px;
  -o-border-radius: 4px;
  border-radius: 4px;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  margin: 0 auto;
}
.docs-title{display:block;margin: 28px 0 46px 0;font-style: normal;color: #04b97d;}
.docs-p{color: #05b87e;font-size: 30px;}
.docs-phone{width: 307px;text-align: left;padding-left: 50px;}
.docs-phone img{width:100%;height: 100%}
.docs-inner-right{text-align: right}
.docs-inner-right h1{padding-top: 20px;margin-bottom: 20px;line-height: 40px;}
.docs .block {
  margin-bottom: 45px;
}
.docs-img{margin-top:60px;}
.docs .code-block {
  margin: 30px auto;
}
/* ======= Footer ======= */
.footer {
  padding: 27px;
  background: #6c6767;
  font-size: 24px;
  color: #fff;
}
.about-p{margin: 50px 0;}
.footer a{color: white;}
.footer a:hover{color: white;text-decoration:none; }
.text-title{font-size: 40px;color: #05b87e;}
.about-title2{display: none;}
.max{font-size: 50px;color: #6c6767;}
.docs .max{font-size: 50px;}
.install-main .max{text-align: right;margin:148px 0;}
@media screen and (device-width: 1024px){
  .address table tr td:nth-child(2){width: 14%;}
}
/* Extra small devices (phones, less than 768px) */
@media (max-width: 767px) {
  body {
    font-size: 16px;
  }
  .about {
    margin-bottom: 20px;
  }
  .text-title{font-size: 30px;color: #05b87e;line-height: 40px;}
  .about .item .content .sub-title {
    color: #333333;
    font-size: 20px;
  }
  .text-padding{padding: 50px 0;}
  .text-max{font-size: 40px;line-height: 50px;}
  .header {
    padding: 10px 0;
    background: #6c6767;
    color: #fff;
    font-size: 18px;
    position: fixed;
    height: 90px;
    width: 100%;
  }
  /*��ҳ��nav*/
  .navbar-nav{margin-top: 0px;}
  .header .main-nav button {
    margin-right: 0;
  }
  .header .main-nav button {
    margin-right: 0;
  }
  .header .main-nav .navbar-collapse {
    padding-left: 15px;
    padding-right: 15px;
    background: #319d7b;
  }
  .logo{width: 200px;margin-top: 0;margin-left: -50px;}
  .logo img{width: 100%;}

  .about {
    margin-top: 30px;
  }
  .about .item .content {
    padding-left: 0;
  }

  .docs .docs-inner {
   text-align: center;
  }
  .install .install-con {
    padding: 30px 0;
  }
  .features .install-inner {
    padding-left: 0px;
  }

  .features-phone{text-align: center}
  .docs-inner h1{text-align: left;font-size: 30px}

  .docs-inner-right{text-align: center}
  #privacy h5{font-size: 16px;}
  .features-left{margin-bottom: 40px;}
  .feature-list tr{height:40px;}
  .features .feature-list td {
    margin-bottom: 10px;
    color: white;
    text-align: left;
    font-size: 18px;
    line-height: 30px;
  }
  /*ͳһ�޸�*/
  .about-title{color: #6c6767;font-size: 20px;margin-bottom: 38px;}
  .about-title1{display: none;}
  .about-title2{margin: 30px 0 20px 0;display: block;}
  .about-icon{width: 70px;height: 70px;text-align: center;margin: 22px 0 40px 0;}
  .features {
    padding: 30px 0;
  }
  .features-title{display:block;margin: 10px 0 -20px 0;font-style: normal;padding-left: 0;}
  .feature-list-i{width: 25px;height: 25px;margin-right: 10px;}
  .features-img{width: 280px;text-align: center;margin-left: -10px;}
  .features-img img{width: 60%;height: 60%;}
  .docs-phone{margin:0 auto;width: 280px;text-align: center;padding-left:0;}
  .docs-phone img{width:100%;height: 100%}
  .docs-title{display:block;margin: 18px 0 36px 0;font-style: normal;color: #04b97d;}
  .docs-p{font-size: 20px;}
  .install-main {
   padding: 30px 0;
  }
  .install-main .install-inner {
    padding-left: 0;
  }
  .install-title{margin:0 0 20px 0;text-align: center;color: white;}
  .address{color: white;font-size: 20px;margin-bottom:0;}
  .address .address-icon{width: 25px;height: 25px;margin-right: 15px;}
  .address table tr td{vertical-align: top;padding:6px 0;}
  .address table tr td:nth-child(2){width: 17%;}
  .about .item .content .sub-title {
    font-size: 20px;
  }
  .text-title{font-size: 30px;}
  .about-p{margin: 30px 0;}
  .docs {
    background:white;
    padding: 50px 0 60px 0;
  }
  .docs-img{margin-top:30px;}
  .footer {
    padding: 15px;
    font-size: 18px;
  }
  .max{font-size: 35px;color: #6c6767;}
  .docs .max{font-size: 35px;}
  .install-main .max{text-align: center;margin:20px 0;}
}
.footer small:last-child{
  display: block;
}

.advantage-box div img{width: 400px;}
.advantage-box .item{text-align: center;}
/*外卖流程*/
.wai-box{margin-top: 60px;text-align: center;}
.wai-box img{width: 300px;}
.wai-box center{margin-top: 20px;}
.wai-box .col-md-4{padding: 10px;text-align: center;}

@media screen and (device-width: 768px){
  body {
    font-size: 20px;
  }
  .logo{width: 220px;margin-top: 0;float: left;margin-left: -50px;}
  .logo img{width: 100%;}
  /*��ҳ��nav*/
  .navbar-nav{margin-top: 12px;font-size: 20px;}
  /*ͳһ�޸�*/
  .text-title{font-size: 30px;color: #05b87e;}
  .about-title{color: #6c6767;font-size: 20px;margin-bottom: 38px;font-size: 30px;}
  .about-title1{display: none;font-size: 30px;}
  .about-title2{margin: 30px 0 20px 0;display: block;font-size: 30px;}
  .about-p{margin: 50px 0;}
  .about .item .content {
    padding-left: 0;
  }
  .about-icon{width: 90px;height: 90px;text-align: center;margin: 32px 0 40px 0;}
  .features .install-inner {
    padding-left: 0px;
  }
  .docs .docs-inner {
    padding-left: 0px;
  }
  .docs-inner-right{text-align: right}
  .features-title{display:block;margin: 20px 0 -34px 0;line-height:50px;font-style: normal;font-size: 40px;}
  .feature-list-i{width: 30px;height: 30px;margin-right: 10px;}
  .feature-list tr{height:40px;}
  .features .feature-list td {
    margin-bottom: 10px;
    color: white;
    text-align: left;
    font-size: 20px;
    line-height: 30px;
    vertical-align: top;
  }
  .install-title{margin:50px 0;text-align: center;color: white;font-size: 30px;}
  .address{color: white;font-size: 20px;margin-bottom: 104px;}
  .address .address-icon{width: 30px;height: 30px;margin-right: 15px;}
  .address table tr{height:40px;}
  .address table tr td{vertical-align: top;line-height: 30px;font-size: 24px;}
  .features-img{width: 250px;text-align: center;margin-top: 15px;}
  .docs-phone{margin:0 auto;width:280px;text-align: center;padding-left: 0;}
  .docs-title{display:block;margin: 18px 0 26px 0;font-style: normal;color: #04b97d;line-height: 50px;}
  .docs h1{line-height: 50px;}
  .docs-img{margin-top:10px;}
  .about .item .content .sub-title {
    font-size: 25px;
  }
  .max{font-size: 35px;color: #05b87e;}
  .docs .max{font-size: 35px;}
  .install-main .max{text-align: right;margin:70px 0;}
  .install-main .install-inner {
    padding-left: 0px;
  }
}
@media screen and (device-width: 375px){
  .text-title{font-size: 30px;}
  .docs-phone{width: 280px;text-align: center;padding-left: 0;}
  .feature-list-i{width: 25px;height: 25px;margin-right: 10px;}
  .features-img{width: 250px;text-align: center;margin-left: -10px;}
  .feature-list tr{height:40px;}
  .features .feature-list td {
    margin-bottom: 10px;
    color: white;
    text-align: left;
    font-size: 18px;
    line-height: 30px;
    vertical-align: top;
  }
  .address table tr{height:40px;}
  .address table tr td{vertical-align: top;line-height: 30px;padding:6px 0;}
  .address table tr td:nth-child(2){width: 18%;}
  .max{font-size: 35px;color: #05b87e;}
  .docs .max{font-size: 35px;}
  .install-main .max{text-align: center;margin:20px 0;}

  .advantage-box div img{width: 250px;}
  .wai-box img{width: 250px;}
}
@media screen and (device-width: 360px){
  .text-title{font-size: 30px;}
  .feature-list-i{width: 25px;height: 25px;margin-right: 10px;}
  .features-img{width: 250px;text-align: center;margin-left: -10px;}
  .docs-phone{width: 280px;text-align: center;padding-left: 0;}
  .address table tr{height:40px;}
  .address table tr td{vertical-align: top;line-height: 30px;padding:6px 0;}
  .address table tr td:nth-child(2){width: 20%;}
  .max{font-size: 35px;color: #05b87e;}
  .docs .max{font-size: 35px;}
  .install-main .max{text-align: center;margin:20px 0;}

  .advantage-box div img{width: 280px;}
  .wai-box img{width: 280px;}
}
@media screen and (device-width: 320px){
  body {
    font-size: 16px;
  }
  .feature-list-i{width: 25px;height: 25px;margin-right: 10px;}
  .feature-list tr{height:40px;}
  .features .feature-list td {
    text-align: left;
    line-height: 30px;
    vertical-align: top;
  }
  .text-title{font-size: 30px;}
  .features-title{display:block;margin: 20px 0 -30px 0;line-height:50px;font-style: normal;font-size: 35px;}
  .docs-title{font-size: 35px;}
  .features-img{width: 250px;text-align: center;margin-left: -10px;}
  .docs-phone{margin:0 auto;width: 280px;text-align: center;padding-left: 0;}
  .docs-phone img{width:90%;height: 90%}
  .address table tr{height:40px;font-size: 16px;}
  .address table tr td{vertical-align: top;line-height: 25px;padding:6px 0;}
  .address table tr td:nth-child(2){width: 30%;}
  .max{font-size: 35px;color: #05b87e;}
  .docs .max{font-size: 30px;}
  .install-main .max{text-align: center;margin-bottom: 25px;}
  .advantage-box div img{width: 240px;}
  .wai-box img{width: 240px;}
  .contact-title{font-size: 30px;}
}
@media screen and (max-width: 640px){
  .navbar-header{
    box-sizing: border-box;
  }
  .header .container{
   padding: 0 !important;
  }
  .header .main-nav button{
    margin-right: 15px;
  }
  .navbar-nav {
     margin: 0px !important;
    padding-left: 10px;
    padding-bottom: 10px;
  }
  .header .main-nav .nav .nav-item{
   margin: 0 !important;
  }
  .header .main-nav .nav .nav-item a {
    color: ghostwhite!important;
    background: none;
    padding: 15px 30px;
  }
  .header .main-nav .nav .nav-item.active a {
    color: white!important;
    background: none;
    border-bottom: 2px solid white;
  }
}