/* GLOBAL STYLES
-------------------------------------------------- */
/* Padding below the footer and lighter body text */

body {

  padding-top: 5rem;
/*  padding-bottom: 5rem;*/
/*  color: #FAE0A9;*/
}

.nav-link:hover, .nav-link:focus {
  color: #F7E16D;
/* border-bottom:2px solid #F7E16D;*/
}

/*(min-width:500px)*//*当屏幕尺寸大于500px时，最小时候500应用下面的CSS样式*/
/*(max-width:500px)*//*当屏幕尺寸小于500px时，最大时候500应用下面的CSS样式*/
/*@media screen and (min-width: 768px) and (max-width:996px)*/
/*手机型号 竖屏宽度 IPhone 5 320px IPhone 6 375px IPhone 6 Plus 414px Nexus 4 384px Android(大多数) 360px */
  @media screen and (min-width: 300px) and (max-width:500px){
            .scrx{
                width: 200px;
                height: auto;
                left:-15px;
            }           
        } 

/*
				@media screen and (max-width:1190px) {
				.boxzzzzz{
					width: 990px;
					height: 470px;
					border: 1px solid #000;
					margin: 50px auto;
				}}
*/

.footer-h{
  height:60px;
 background: #DF5457;
}

.nav-bg{background: #DF5457;  /* fallback for old browsers */
background: -webkit-linear-gradient(to right, #F2F8FE, #DF5457);  /* Chrome 10-25, Safari 5.1-6 */
background: linear-gradient(to right, #F9EFBB, #D0161B); /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */
}

/* CUSTOMIZE THE CAROUSEL
-------------------------------------------------- */

/* Carousel base class */
.carousel {
  margin-bottom: 4rem;
}
/* Since positioning the image, we need to help out the caption */
.carousel-caption {
  bottom: 3rem;
  z-index: 10;
}

/* Declare heights because of positioning of img element */
/*
.carousel-item {
  height: 32rem;
}
*/

.arrows {
   background-color: #DF3B3D;
    color: #DF3B3D;
}
/* MARKETING CONTENT
-------------------------------------------------- */

/* Center align the text within the three columns below the carousel */
.marketing .col-lg-4 {
  margin-bottom: 1.5rem;
  text-align: center;
}
/* rtl:begin:ignore */
.marketing .col-lg-4 p {
  margin-right: .75rem;
  margin-left: .75rem;
}
/* rtl:end:ignore */


/* Featurettes
------------------------- */

.featurette-divider {
  margin: 1rem 0; /* Space out the Bootstrap <hr> more */
}

/* Thin out the marketing headings */
/* rtl:begin:remove */
.featurette-heading {
  letter-spacing: -.05rem;
}

/* rtl:end:remove */

/* RESPONSIVE CSS
-------------------------------------------------- */

@media (min-width: 40em) {
  /* Bump up size of carousel content */
  .carousel-caption p {
    margin-bottom: 1.25rem;
    font-size: 1.25rem;
    line-height: 1.4;
  }

  .featurette-heading {
    font-size: 50px;
  }
}

@media (min-width: 62em) {
  .featurette-heading {
    margin-top: 7rem;
  }
}


.display-7 {
  font-size: calc(1.25rem + 1.375vw);
  font-weight: 300;
  line-height: 1.2;
}

.lead {
  font-size: 1.25rem;
  font-weight: 300;
   line-height: 2;
   padding-top: 15px;
}