/*----------------------------------------*/
/*  01 - Basics
/*----------------------------------------*/
body {
  font-family: Roboto-Regular, sans-serif;
  color: #828181;
  font-size: 14px;
  line-height: 24px;
  overflow-x:hidden;/*这里改过*/
}
p {  
  color: #828181;
  font-size: 14px;
  line-height: 20px;
 }
ul {
  list-style: none;
}


.img-full {
  width: 100%;
  height: 100%;
  overflow: hidden;
  display: block;
}

a {
  color: #404040;
}

a:hover {
  color: #2c57e4;
  text-decoration: none;
}

a:not([href]):not([tabindex]):hover {
  color: #2c57e4;
}

:hover {
  -webkit-transition: all 0.3s ease 0s;
  transition: all 0.3s ease 0s;
}
.section-gap {
  padding: 10px 0px;
}
.section-gap h4 {font-size: 1.1rem;}
.section-gap h5 {font-size: .85rem;}
.btn-style {
  background: #888;
  color: #fff;
  border-radius: 5px;
  padding: 10px 28px;
  display: inline-block;
  font-weight: 500;
  border: none;
}

.btn-style:hover {
  color: #fff;
}


.section-title-wrap {
  text-align: center;
}

.section-title-wrap .title {
  color: #2c57e4;
  font-weight: 700;
}

.section-title-wrap h1 {
  font-size: 1.4rem;
  margin-bottom: 10px;
}

.section-title-wrap h1 span {
  color: #2c57e4;
}
.section-title-wrap h4 {
  font-size: 1.4rem;
  margin-bottom: 10px;
}

.section-title-wrap p {
  margin: 0 auto;
}
/*----------------------------------------*/
/*  05 - About Section Styles
/*----------------------------------------*/
.about-section .tit{
  font-size:1.4rem;
  color:#384142;
}

@media (min-width: 1280px) {
  .about-section {
    background-size: cover;
  }
}

@media (max-width: 1279px) {
  .about-section {
    background-size: contain;
  }
}

@media (max-width: 991px) {
  .about-section {
    background-size: cover;
    background-position: center center;
  }
}

.about-section .about-right .title {
  color: #2c57e4;
  font-weight: 700;
  margin-bottom: 0px;
}

.about-section .about-right .btn-style {
  margin-top: 5px;
}

/*----------------------------------------*/
/*  08 - Portfolio Section Styles
/*----------------------------------------*/
.portfolio-section {
  /*background-color: #F7FBFE;*/
}

@media (min-width: 1280px) {
  .portfolio-section {
    background-size: cover;
  }
}

@media (max-width: 1279px) {
  .portfolio-section {
    background-size: contain;
  }
}

@media (max-width: 991px) {
  .portfolio-section {
    background-size: cover;
    background-position: center center;
  }
}
.portfolio-section .single-portfolio {
    margin-bottom: 1rem;
	border:1px solid #eee;
	background-color:#fff;
	cursor:pointer;
	border-bottom: 2px solid #9ab1d4;;
  }
.portfolio-section .single-portfolio:hover {
	border-bottom: 2px solid #cc0000;
    -webkit-transition: 0.3s;
    -moz-transition: 0.3s;
    -ms-transition: 0.3s;
    -o-transition: 0.3s;
    transition: 0.3s;
	cursor:pointer;
}
.portfolio-section .single-portfolio img {
/*  width: 100%;*/
}

.portfolio-section .single-portfolio .portfolio-details {
  border-top:1px solid #eee;
  background: #fff;
  padding: 5px .9rem;
  -webkit-transition: all 0.3s ease 0s;
  transition: all 0.3s ease 0s;
  -webkit-box-shadow: 0px 0px 10px 0px rgba(34, 34, 34, 0.13);
          box-shadow: 0px 0px 10px 0px rgba(34, 34, 34, 0.13);
}

.portfolio-section .single-portfolio .portfolio-details p {
  margin-bottom: 0px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}

.portfolio-section .single-portfolio .portfolio-details h4 {
  font-size: 16px;
  line-height: 1.5;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.portfolio-section .btn-style {

}