/*slider css*/

.main-slider {
  background: #475168;
  color: #fff;

  z-index: 1;
  position: relative;
  overflow:hidden;
}

.slider-colored {
  z-index: 1;
  position: relative;
  border-top: solid 1px #eee;
  border-bottom: solid 1px #eee;
}

.slide_title {
  font-weight: 300;
  color:#01AAED;
  text-transform: uppercase;
  font-size:35px;
  font-family: 'Fjalla One', sans-serif;
}

.slide_subtitle {
  font-family: 'Open Sans';
  font-weight: 400;
  padding: 5px;
  color:#fff;
  text-transform: uppercase;
  font-size:18px;
}

.slide_list_item {
  font-family: 'Open Sans';
  font-weight: 400;
  padding: 5px;
  color:#fff;
  text-transform: uppercase;
  font-size:14px;
}

.slide_desc {
  color:#fff;
  font-size:14px;
  line-height:24px;
  font-weight: lighter;
}

.slide_desc_bordered {
  border-left: 3px solid #ddd !important;
  padding-left: 5px;
}

.slide_btn {
  font-family: 'Open Sans';
  font-weight: 300;
  background:#01AAED;
  padding:15px 20px;
  color:#fff;
  font-size:14px;
  text-transform: uppercase;
  cursor:pointer;
}

.slide_btn:hover, .slide_btn:focus {
  font-family: 'Open Sans';
  font-weight: 300;
  background: #01AAED;
  padding:15px 20px;
  color:#fff;
  font-size:14px;
  text-transform: uppercase;
  cursor:pointer;
}

.white-text {
  color: #ffffff;
}
.dark-text {
  color: #000000;
}

.yellow-txt {
  color: #01AAED;
}
.caption{
  line-height:24px;
}

.fabzhuan:hover{-webkit-transform: rotateY(360deg);-moz-transform: rotateY(360deg);-o-transform: rotateY(360deg);-ms-transform: rotateY(360deg);transform: rotateY(360deg);transition: .5s  ease-in-out;}


.home_about {
  background: url(../images/about_bg.jpg);
  padding: 4% 0px 2%;
}
.home_about .about_com {
  max-width: 1200px;
  width: 98%;
  margin: auto;
}
.home_about .about_com .a_left {
  width: 47%;
  float: left;
  position: relative;
}
.home_about .about_com .a_left .ab_bg {
  background: url(../images/about_a_bg.jpg) no-repeat;
  position: relative;
}
.home_about .about_com .a_left .ab_bg i {
  display: block;
  padding-bottom: 73.38403041825094%;
}
.home_about .about_com .a_left .pic {
  position: absolute;
  z-index: 999;
  width: 100%;
  top: 15px;
  left: 20px;
}
.home_about .about_com .a_left .pic i {
  display: block;
  padding-bottom: 73.38403041825094%;
}
.home_about .about_com .a_left .pic img {
  z-index: 999;
}
.home_about .about_com .a_right {
  width: 48%;
  float: left;
  margin-left: 3%;
  color: #fff;
  padding-top: 5%;
}
.home_about .about_com .a_right .span_y {
  font-family: FuturaCondensedNormal;
  font-size: 34px;
  width: 98%;
  overflow: hidden;
  height: 50px;
  line-height: 50px;
}
.home_about .about_com .a_right .span_z {
  font-size: 24px;
  line-height: 24px;
  height: 24px;
  width: 98%;
  overflow: hidden;
}
.home_about .about_com .a_right p {
  line-height: 24px;
  height: 48px;
  overflow: hidden;
  width: 98%;
  margin: 30px auto;
}
.home_about .about_com .a_right .more {
  color: #fff;
  font-size: 14px;
  height: 40px;
  width: 150px;
  background: #fe9d00;
  display: block;
  text-align: center;
  line-height: 40px;
}
.home_about .about_com .a_right .more:hover {
  font-weight: 700;
}
@media (max-width: 768px) {
  .home_about .about_com .a_left {
    width: 100%;
  }
  .home_about .about_com .a_left .pic {
    top: 0px;
    left: 0px;
  }
  .home_about .about_com .a_right {
    width: 100%;
    margin-left: 0px;
  }
  .home_about .about_com .a_right .span_y {
    font-size: 24px;
  }
  .home_about .about_com .a_right .span_z {
    font-size: 18px;
  }
  .home_about .about_com .a_right p {
    margin: 10px auto;
  }
}



.top_all {
  text-align: center;
  position: relative;
  overflow: hidden;
}
.top_all h3 {
  border-bottom: 3px solid #0083c7;
  font-size: 28px;
  color: #333333;
  width: 120px;
  line-height: 50px;
  text-align: center;
  height: 50px;
  overflow: hidden;
  margin: auto;
}
.top_all span {
  font-family: AvantGardeBook;
  color: #afafaf;
  font-size: 14px;
  display: inline-block;
  margin-top: 10px;
}
.top_all:after {
  content: url(../images/you.png);
  position: absolute;
  right: 0px;
  bottom: 5px;
}
.top_all:before {
  content: url(../images/zuo.png);
  position: absolute;
  left: 0px;
  bottom: 5px;
}
@media (max-width: 768px) {
  .top_all:after {
    display: none;
  }
  .top_all:before {
    display: none;
  }
}