/* banner css */
.home_banner {
	background-color: #161616;
}
.ban-btnbox {
	width: 100%;
	height: 70px;
	border: 1px solid #000;
	background: #000;
	opacity: 0.6;
	text-align: center;
	margin-top: -70px;
}
.ban-btnbox>.banner_btn {
	margin-right: 20px;
}
.banner_btn {
	display: inline-block;
	width: 200px;
	height: 46px;
	margin: 12px 0;
	padding: 10px 0;
	text-align: center;
	border: 2px solid #fff;
	color: #fff;
	font-weight: 700;
}
.banner_btn:hover {
	background: #FF4CA7;
	border: 2px solid #FF4CA7;
	font-weight: 700;
	color: #fff;
	background: #FF4CA7;
}
/* way */
.home_way {
	height: 120px;
	width: 100%;
	margin: 50px auto;
	padding: 0px 10px;
}
.way_box {
	height: 100%;
	width: 25%;
	color: #616161;
	font-size: 14px;
	font-weight: 700;
	font-family: Arial;
	text-align: center;
	border-right: 1px solid #CACACA;
	padding: 0px 10px;
	float: left;
}
.home_works {
	clear: both;
	width: 100%;
}
.home_clients {
	clear: both;
	height: 220px;
	width: 85%;
	margin: 0px auto;
}
.home_clients,.home_works p {
	padding: 40px 0px 0px;
	color: #989898;
	font-size: 30px;
	text-align: center;
}
.home_way p:nth-child(1){
	padding: 0px 0px 0px;
        color: #989898;
        font-size: 30px;
        text-align: center;
}

.home_clientbox {
	float: left;
}
.home_guestbook {
	width: 100%;
	height: 347px;
	clear: both;
	background-image: url(../image/BJ.jpg);
}
.home_guestbook p {
	width: 100%;
	padding:30px 0px;
	color: #FFF;
	font-size: 30px;
	text-align: center;
}
.guest_content {
	height: 180px;
	width: 60%;
	margin: 0px auto;
	overflow: hidden;
}
.guest_content p {
	padding:0px;
	font-size: 18px;
	text-align: left;
}

/* banner */
.carousel {
  position: relative;
}
.carousel-indicators {
  position: absolute;
  bottom: 60px;
  left: 50%;
  z-index: 5;
  width: 60%;
  padding-left: 0;
  margin-left: -30%;
  text-align: center;
  list-style: none;
}
.carousel-indicators li {
  display: inline-block;
  width: 10px;
  height: 10px;
  margin: 1px 4px;
  text-indent: -999px;
  cursor: pointer;
  background-color: #fff;
  border: 1px solid #fff;
  border-radius: 10px;
}
.carousel-indicators .active {
  width: 10px;
  height: 10px;
  background-color: gray;
  border: 1px solid gray;
}
.carousel-inner > .item > img,
.carousel-inner > .item > a > img {
  display: block;
  max-width: 100%;
  height: auto;
}
.carousel-inner {
  position: relative;
  width: 100%;
  overflow: hidden;
}
.carousel-inner > .item {
  position: relative;
  display: none;
  -webkit-transition: .6s ease-in-out left;
       -o-transition: .6s ease-in-out left;
          transition: .6s ease-in-out left;
}
.carousel-inner > .item > img,
.carousel-inner > .item > a > img {
  line-height: 1;
}
@media all and (transform-3d), (-webkit-transform-3d) {
  .carousel-inner > .item {
    -webkit-transition: -webkit-transform .6s ease-in-out;
         -o-transition:      -o-transform .6s ease-in-out;
            transition:         transform .6s ease-in-out;

    -webkit-backface-visibility: hidden;
            backface-visibility: hidden;
    -webkit-perspective: 1000;
            perspective: 1000;
  }
  .carousel-inner > .item.next,
  .carousel-inner > .item.active.right {
    left: 0;
    -webkit-transform: translate3d(100%, 0, 0);
            transform: translate3d(100%, 0, 0);
  }
  .carousel-inner > .item.prev,
  .carousel-inner > .item.active.left {
    left: 0;
    -webkit-transform: translate3d(-100%, 0, 0);
            transform: translate3d(-100%, 0, 0);
  }
  .carousel-inner > .item.next.left,
  .carousel-inner > .item.prev.right,
  .carousel-inner > .item.active {
    left: 0;
    -webkit-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
  }
}
.carousel-inner > .active,
.carousel-inner > .next,
.carousel-inner > .prev {
  display: block;
}
.carousel-inner > .active {
  left: 0;
}
.carousel-inner > .next,
.carousel-inner > .prev {
  position: absolute;
  top: 0;
  width: 100%;
}
.carousel-inner > .next {
  left: 100%;
}
.carousel-inner > .prev {
  left: -100%;
}
.carousel-inner > .next.left,
.carousel-inner > .prev.right {
  left: 0;
}
.carousel-inner > .active.left {
  left: -100%;
}
.carousel-inner > .active.right {
  left: 100%;
}


#kinMaxShow .kinMaxShow_button li.focus {
	background: gray !important;
    border: 1px solid gray !important;
}
#kinMaxShow .kinMaxShow_button li {
    background: #fff !important;
	border-radius:14px !important;
}
#kinMaxShow .kinMaxShow_button {
	right: 0 !important;
    left: 49% !important;
}
/* guestext ul */
#kinMaxShow2 .kinMaxShow2_button li.focus {
    background: gray !important;
    border: 1px solid gray !important;
}
#kinMaxShow2 .kinMaxShow2_button li {
    width: 10px !important;
    height: 10px !important;
    line-height: 10px !important;
	border-radius:10px !important;
    background: #fff !important;
    color: #fff !important;
}

/* footer */
.footer { font-size: 12px;}

@media screen and (max-width: 39.9375em) {
	/*.home_works {
		display: none;
	}*/
	.way_box {
		width: 50%;
		font-weight: 100;
		font-size: 18px;
		border-right:none;
	}
	.guest_content {
		width: 80%;
	}
}
@media screen and (min-width: 768px) {
  .carousel-indicators {
    bottom: 60px;
  }

   .way_box {
                width: 33%;
                font-weight: 100;
                font-size: 22px;
                border-right:none;
        }

}
@media screen and (max-width: 520px) {
	.banner_btn {
		display: inline-block;
		width: 160px;
		height: 36px;
		margin: 19px 0;
		padding: 5px 0;
	}
	.ban-btnbox>.banner_btn {
		margin-right: 0px;
	}
}