/* bootstrap 重写覆盖 */
input, .form-control {
  -webkit-appearance:none;
}
.form-control {
  box-shadow: none;
  padding: 4px 6px;
  border: 1px solid #dcdee2;
  border-radius: 4px;
  color: #515a6e;
}
.navbar-default {
  transition: all 0.3s ease-in-out;
  border: none;
  padding: 10px;
  box-shadow: 0 1px 2px rgba(0,0,0,0.1);
  background-color: hsla(0, 0%, 100%, .9);
  line-height: 1;
}
/*.navbar-default .navbar-toggle { border: none; margin-top: 12px; }*/
/*.navbar-header { height: 100%; }*/
.navbar-toggle .icon-bar { height: 1px; }
.navbar-brand {
  padding: 5px 0;
}
.navbar-brand > img {
  
  height: 42px;
  opacity: .8;
}
/*.btn { font-weight: 300; }*/
.btn { transition: all 0.2s ease-in-out; }
.navbar-default .navbar-nav>.active>a, .navbar-default .navbar-nav>.active>a:hover, .navbar-default .navbar-nav>.active>a:focus {
  color: #E67500;
  background: none;
  border-bottom: 3px solid #E67500;
}
/* 基础全局设置 */
html { height: 100%; }
body { display: flex; flex-direction: column; min-height: 100%; }
p, li, li a { color: #777; font-weight: normal; }
a { color: #4fd2c2; text-decoration: none; }
a, a:focus, a:hover, a:active { outline: 0 !important; text-decoration: none; }
a:hover { color: #4fd2c2; }
/* Default highlight color */
::-moz-selection { color: #fff; background: #4fd2c2; }
::selection { color: #fff; background: #4fd2c2; }

h1, h2, h3, h4 { font-weight: 400; }
h1 { font-size: 28px; line-height: 28px; }
h2 { font-size: 22px; line-height: 32px; }
h3 { font-size: 20px; padding-bottom: 15px;}
h4 { font-size: 18px; }
img { max-width: 100%; max-height: 100%; }
video { max-width: 100%; }
h1 .iconfont { font-size: 24px; }
/* 基础元素样式 */
.pt-20 { padding-top: 20px; }
.pt-40 { padding-top: 40px; }
.pt-60 { padding-top: 60px; }
.pt-90 { padding-top: 90px; }
.pb-20 { padding-bottom: 20px; }
.pb-70 { padding-bottom: 70px; }
.mt-20 { margin-top: 20px; }
.mt-40 { margin-top: 40px; }
.mb-20 { margin-bottom: 20px; }
.mb-65 { margin-bottom: 65px; }
.min-h-120 { min-height: 120px; }
.min-h-200 { min-height: 200px; }
.min-h-240 { min-height: 240px; }
.min-h-280 { min-height: 280px; }
.max-w-760 { max-width: 760px; }
.bg-dark { color: #EEE; background-color: #343a40!important; }
.t-l { text-align: left; }
.t-c { text-align: center; }
.t-r { text-align: right; }
.text-content p { line-height: 25px; text-indent: 30px; }
p.pic { text-indent: 0; }
.color-white, .color-white p, .color-white h3 {
  color: #FFF;
}
/* 模块组件 */
.main-content {
  flex: 1;
}
.promo.bg1 {
  background-image: url(../img/promo-bg-1.jpg);
}
.bg2 {
  background-image: url(../img/rms1@1x.jpg);
}
.bg3 {
  background-image: url(../img/rms1-bg.jpg);
}


.promo {
  min-height: 500px;
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
}
.promo-info {
  margin-top: 120px;
  padding: 25px;
  border-radius: 5px;
  background-color: hsla(0, 0%, 100%, .8);
}
.promo-info.rms1 {
  background-color: hsla(0, 0%, 100%, .1);
}
.promo-info p {
  margin: 25px 0 30px;
  color: #333;
}
.promo .input-group {
  max-width: 486px
}
.promo .input-group .form-control {
  font-size: 16px;
  color: #666;
  height: 42px;
  border: 1px solid #4fd2c2;
}
.promo .input-group .input-group-addon {
  min-width: 140px;
  color: #fff;
  border: 0;
  background-color: #4fd2c2;
  cursor: pointer
}
.rms1 p, .rms1 h1, .rms1 h2, .rms1 h3 {
  color: #EEE;
}
.swiper-container {
  width: 100%;
  height: 100%;
}
.btn-u, .btn-g { min-width: 80px; }
.btn-u { border: 1px solid #4fd2c2; }
.btn-u { background: #4fd2c2; color: #fff!important; }
.btn-g { border: 1px solid #4fd2c2; background: transparent; color: #4fd2c2!important; }
.btn-u:active, .btn-u:focus, .btn-u:hover, .btn-g:active, .btn-g:focus, .btn-g:hover { background: #4fd2c2!important; color: #fff!important; outline: none }

.footer {
  padding: 15px 0;
}
.box {
  padding: 10px 15px;
  margin: 0;
}
.box .box-wrap {
  padding: 30px 25px;
  text-align: center;
  background: #f8f8f8;
}
.box .box-wrap p { text-align: left; }
.box .iconfont {
  font-size: 4em;
  color: #55d3c4;
  margin: 0 0 30px;
}
section .heading h2 {
  margin-bottom: 20px;
}
section .heading p {
  margin: 0 auto;
  max-width: 760px;
}
.bg-2 { background-color: #4fd2c2; }
.bg-2 h2, .bg-2 p { color: #FFF; }
/*.vivid { font-size: 16px; }*/
.vivid span { font-size: 16px; font-weight: 400; color: #FF7F00; }

.card-panel {
  background-image: linear-gradient(-31deg, #f4f2f4 0%, #fff 100%);
  box-shadow: 2px 4px 10px 0 rgba(66,79,98,0.2);
  border-radius: 12px;
  position: relative;
  text-align: center;
  padding: 0;
  margin-bottom: 1.5rem;
  padding-bottom: 15px;
}
.card-panel .header {
  width: 100%;
  height: 60px;
  border-radius: 12px 12px 0 0;
  box-shadow: 2px 4px 10px 0 rgba(66,79,98,0.2);
}
.card-panel .img-header {
  width: 100%;
  height: 120px;
  border-radius: 12px 12px 0 0;
  box-shadow: 2px 4px 10px 0 rgba(66,79,98,0.2);
  display: flex;
  justify-content: center;
  align-items: center;
}
.card-panel .img-header.radius {
  border-radius: 4px;
}
.card-panel .img-header img {
  max-height: 80%;
}
.card-panel .img-header .title {
  margin-left: 20px;
  color: #FFF;
  font-weight: 300;
}
.img-header .title h4 {
  font-size: 16px;
  font-weight: 300;
}
.bg-color-1 { background-color: #B7D54F !important; }
.bg-color-2 { background-color: #99CC33 !important; }
.bg-color-3 { background-color: #ffa726 !important; }
.bg-color-4 { background-color: #FF7F00 !important; }
.bg-color-5 { background-color: #4fd2c2 !important; }
.bg-color-6 { background-color: #2F99A3 !important; }
.bg-color-7 { background-color: #424F62 !important; }

.card-panel .header h4{
  padding-top: 20px;
  color: #fff;
  font-size: 16px;
  font-weight: 300;
  line-height: 24px;
  text-align: center;
}

.card-panel .body {
  text-align: left;
  margin: 20px;
}

.card-panel .cta-button {
  width: 100%;
  bottom: 20px;
  /*text-align: center;*/
  /*margin: 0 auto;*/
}


/* 个性化样式 */
.scrolled .navbar-default { padding: 0 10px; box-shadow: 0 1px 2px rgba(0,0,0,0.1); background-color: hsla(0, 0%, 100%, .9); }

/*.navbar-default .navbar-nav>li>a { color: #EEE; }*/
/*.navbar-default .navbar-nav>li>a:focus, .navbar-default .navbar-nav>li>a:hover { color: #FFF; }*/

/* swiper样式设定 */
/*.swiper-pagination-bullet */
.swiper-pagination-bullet-active {
  background-color: #FFF !important;
}
.--swiper-theme-color {
  color: #FFF !important;
}
/*响应式布局样式*/
@media (min-width: 768px) {
  /*.navbar-default { line-height: 58px; }*/
  /*.navbar-nav>li>a { line-height: 28px; }*/
}
@media screen and (max-width: 767px) {
  .navbar-brand > img { height: 36px; }
  .navbar-default .navbar-toggle { background-color: #FFF; }
}