.col-lg-1, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-md-1, .col-md-10, .col-md-11, .col-md-12, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-sm-1, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-xs-1, .col-xs-10, .col-xs-11, .col-xs-12, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9 {
    position: relative;
    min-height: 1px;
    padding-left: 15px;
    padding-right: 15px;
}
.col-xs-12 {
    width: 100%;
}
.row-zt-kstd{
     background-color: #1E9BA5;
  }
.stats .stats-slider h4 {
    font-weight: 300;
    margin-bottom: 40px;
    text-transform: uppercase;
    color: #fff;
    color: rgba(255,255,255,.5);
}
.stats .container{
 width:375px;
}

*, :after, :before {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
.stats {
 background-color: #05162E
}
.stats .stats-slider {
 background-color: #0D335F;
 float: left;
 padding-top: 25px;
 padding-left: 15px;
 position:inherit;
 height: 230px;
 max-width: 430px;
}
.stats .stats-slider:before {
 background-color: #0D335F;
 content: "";
 height: 100%;
 left: -500%;
 position: absolute;
 top: 0;
 width: 500%;
 z-index: 1
}
.carousel {
 position: relative
}
.carousel-inner {
 position: relative;
 overflow: hidden;
 width: 100%
}
.carousel-inner>.item {
 display: none;
 position: relative;
 -webkit-transition: .6s ease-in-out left;
 transition: .6s ease-in-out left
}
.carousel-inner>.item>a>img, .carousel-inner>.item>img {
 display: block;
 max-width: 100%;
 height: auto;
 line-height: 1
}
.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%
}
.carousel-control {
 position: absolute;
 top: 0;
 left: 0;
 bottom: 0;
 width: 15%;
 opacity: .5;
 filter: alpha(opacity=50);
 font-size: 20px;
 color: #fff;
 text-align: center;
 text-shadow: 0 1px 2px rgba(0,0,0,.6)
}
.carousel-control.left {
 background-image: -webkit-linear-gradient(left, color-stop(rgba(0,0,0,.5) 0), color-stop(rgba(0,0,0,.0001) 100%));
 background-image: linear-gradient(to right, rgba(0,0,0,.5) 0, rgba(0,0,0,.0001) 100%);
 background-repeat: repeat-x;
filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#80000000', endColorstr='#00000000', GradientType=1)
}
.carousel-control.right {
 left: auto;
 right: 0;
 background-image: -webkit-linear-gradient(left, color-stop(rgba(0,0,0,.0001) 0), color-stop(rgba(0,0,0,.5) 100%));
 background-image: linear-gradient(to right, rgba(0,0,0,.0001) 0, rgba(0,0,0,.5) 100%);
 background-repeat: repeat-x;
filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#00000000', endColorstr='#80000000', GradientType=1)
}
.carousel-control:focus, .carousel-control:hover {
 outline: 0;
 color: #fff;
 text-decoration: none;
 opacity: .9;
 filter: alpha(opacity=90)
}
.carousel-control .glyphicon-chevron-left, .carousel-control .glyphicon-chevron-right, .carousel-control .icon-next, .carousel-control .icon-prev {
 position: absolute;
 top: 50%;
 z-index: 5;
 display: inline-block
}
.carousel-control .glyphicon-chevron-left, .carousel-control .icon-prev {
 left: 50%
}
.carousel-control .glyphicon-chevron-right, .carousel-control .icon-next {
 right: 50%
}
.carousel-control .icon-next, .carousel-control .icon-prev {
 width: 20px;
 height: 20px;
 margin-top: -10px;
 margin-left: -10px;
 font-family: serif
}
.carousel-control .icon-prev:before {
 content: '\2039'
}
.carousel-control .icon-next:before {
 content: '\203a'
}
.carousel-indicators {
 position: absolute;
 bottom: 10px;
 left: 50%;
 z-index: 15;
 width: 60%;
 margin-left: -30%;
 padding-left: 0;
 list-style: none;
 text-align: center
}
.carousel-indicators li {
 display: inline-block;
 width: 10px;
 height: 10px;
 margin: 1px;
 text-indent: -999px;
 border: 1px solid #fff;
 border-radius: 10px;
 cursor: pointer;
 background-color: #000 \9;
 background-color: transparent
}
.carousel-indicators .active {
 margin: 0;
 width: 12px;
 height: 12px;
 background-color: #fff
}
.carousel-caption {
 position: absolute;
 left: 15%;
 right: 15%;
 bottom: 20px;
 z-index: 10;
 padding-top: 20px;
 padding-bottom: 20px;
 color: #fff;
 text-align: center;
 text-shadow: 0 1px 2px rgba(0,0,0,.6)
}
.carousel-caption .btn {
 text-shadow: none
}
.kstd .case-content {
    overflow: hidden;
    margin:0px;
    width: 100%;
}
@media only screen and (min-width: 1201px) and (max-width: 1249px)
{
.kstd{
     width: 400px;
    margin-left: 155px;
    margin-top: -25px;
}
.kstd-title{
 padding-left:60px;
}
 }
@media (max-width:992px) {

.col-md-4 {
    width: 33.3333333333%;
}
.col-md-1, .col-md-10, .col-md-11, .col-md-12, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9 {
    float: left;
}
.stats .stats-slider:before {
 display: none
}
}
.stats .stats-slider h4 {
 display: inline-block; 
    color: #fff;
    font-size: 1.25em;
 font-weight: bold;
 margin-bottom: 40px;
 text-transform: uppercase;
 padding-left:15px;
}
.stats .two-banners .stats-slider {
 width: 32.5%
}
h2.kstd-title{
 display: inline-block;
  color: #fff;
  font-size: 1.25em;
  font-weight:bold;
  }
@media (max-width:992px) {

.stats .stats-media a {
 padding: 5px 30px
}
.stats .stats-slider {
 padding: 25px 30px 0;
 min-width: 80%;
}
.yutube{
 margin-top: 30px; 
    padding-left: 60px;
 }

 }

@media (max-width:768px) {
 .kstd{
 width:400px;
    margin:0px;
}
.stats {
 overflow: hidden;
 margin: 0
}
.col-sm-12 {
    width: 100%;
}
}
ol, ul {
    margin-top: 0;
    
}
.carousel-stats {
 padding-right: 15px
}
.carousel-indicators {
    position: absolute;
    bottom: 10px;
    left: 50%;
    z-index: 15;
    width: 60%;
    margin-left: -30%;
    padding-left: 0;
    list-style: none;
    text-align: center;
}

.carousel-stats .carousel-indicators {
 bottom: auto;
 border: 0;
 left: auto;
 margin: 35px 0 14px;
 position: relative;
 top: auto;
 text-align: left
}

.carousel-indicators li {
    display: inline-block;
    width: 10px;
    height: 10px;
    margin: 1px;
    text-indent: -999px;
    border: 1px solid #fff;
    border-radius: 10px;
    cursor: pointer;
    background-color: #000 \9;
    background-color: transparent;
}
.carousel-stats .carousel-indicators li {
 background-color: #05162E;
 border: 0;
 margin-left: 10px
}
.carousel-stats .carousel-indicators li.active {
 border: 0;
 background-color: #8699AF;
 height: 10px;
 width: 10px
}
.carousel-stats .carousel-indicators li:first-child {
 margin-left: 0
}
.carousel-stats .carousel-indicators li.active {
    border: 0;
    background-color: #8699AF;
    height: 10px;
    width: 10px;
}
.carousel-indicators {
    bottom: 20px;
}
@media (max-width:992px) {
.carousel-stats .carousel-indicators {
 position: absolute;
 right: 0;
 width: auto;
 top: -60px;
 margin-top: 0
}
}
.carousel-stats .carousel-no-indicators {
 height: 20px;
 bottom: auto;
 border: 0;
 left: auto;
 margin: 35px 0 14px;
 position: relative;
 top: auto
}
.carousel-stats .carousel-inner:after, .carousel-stats .carousel-inner:before {
 content: " ";
 display: table
}
.carousel-stats .carousel-inner:after {
 clear: both
}
.carousel-stats .carousel-inner h5, .carousel-stats .carousel-inner p {
 display: block;
 float: left;
 margin: 0;
 height: 65px;
 vertical-align: top
}
.carousel-stats .carousel-inner h5 {
 color: #fff;
 padding: 0 6% 0 0;
 width: 400px;
}
.carousel-stats .carousel-inner h5 strong {
 display: block;
 font-size: 30px;
 font-weight: 700;
 line-height: 49px
}
.carousel-stats .carousel-inner h5.deyu strong {
 display: block;
 font-size: 60px;
 font-weight: 700;
 line-height: 49px
}
.carousel-stats .carousel-inner h5 span {
 display: block;
 font-size: 14px;
 text-transform: uppercase
}
.carousel-stats .carousel-inner p {
 border-left: 2px solid #8699AF;
 border-left: 2px solid rgba(255,255,255,.1);
 font-family: Georgia, "Times New Roman", Times, serif;
 line-height: 22px;
 padding-left: 8%;
 width: 60%;
 color: #fff;
 color: rgba(255,255,255,.5)
}
@media (max-width:1200px) {
.kstd{
     width: 400px;
    margin-left: 170px;
    margin-top: -28px;
}
.kstd-title{
 padding-left:60px;
}
.carousel-stats .carousel-inner h5 strong {
 font-size: 50px
}
.carousel-stats .carousel-inner h5 span {
 font-size: 11px
}
.carousel-stats .carousel-inner p {
 font-size: 13px
}
}
@media (max-width:992px) {

.carousel-stats .carousel-inner h5 {
 padding-right: 0;
 height: 85px
}
.carousel-stats .carousel-inner h5 strong {
 font-size: 60px;
 line-height: 60px;
 font-weight: 400
}
.carousel-stats .carousel-inner h5 span {
 font-size: 13px
}
.carousel-stats .carousel-inner p {
 font-size: 20px;
 padding-left: 20px;
 width: 70%;
 height: 85px;
 line-height: 40px
}
}
@media (max-width:768px) {
.kstd-title {
     padding-left: 0px; 
}
.stats .stats-slider {
 max-width:none;
}
.stats .container {
    width: auto;
}
.carousel-stats .carousel-inner h5 strong {
 font-size: 40px;
 line-height: 40px
}
.carousel-stats .carousel-inner h5 span {
 font-size: 12px
}
}
.well .carousel-inner h5 {
 padding: 0;
 margin: 0 auto;
 text-align: center;
 width: 100%
}
.well .carousel-indicators {
 margin: 10px auto 0;
 text-align: center
}
.stats-media {
 background-color: #0D335F;
 border-left: 1px solid #05162E;
 float: left;
 overflow: hidden;
 position: relative;
 padding: 0
}
.stats-media a {
 color: #fff;
 display: block;
 height: 100%;
 padding: 5px 20px;
 width: 100%
}
.stats-media a:hover {
 text-decoration: none
}
.stats-media a:hover * {
 opacity: .9
}
.stats-media img {
 display: block;
 max-height: 100%!important;
 margin: 0 auto;
 position: relative;
 width: auto
}
.stats-media.stats-media-home {
 height: 230px;
 max-width: 385px
}
.stats-media.stats-media-home img {
 height: 100%!important
}
.stats-media .figcaption, .stats-media figcaption {
 bottom: 0;
 color: #fff;
 left: 0;
 position: absolute;
 width: 100%;
 background-color: #000;
 background-color: rgba(0,0,0,.6);
 font-style: normal
}
.stats-media .h4, .stats-media h4 {
 font-size: 20px;
 font-weight: 700;
 text-align: left;
 text-transform: uppercase;
 display: block;
 font-family: Lato, "Helvetica Neue", Helvetica, Arial, sans-serif
}
.stats-media .h5, .stats-media h5 {
 font-family: Georgia, "Times New Roman", Times, serif;
 font-size: 14px;
 font-style: italic;
 font-weight: 400;
 text-align: left;
 display: block
}
.stats-media-aside a, .stats-media.video a {
 padding: 5px 20px 5px 88px
}
.stats-media-aside .icon, .stats-media.video .icon {
 border: 0;
 font-size: 48px;
 position: relative
}
.stats-media-aside .icon:before, .stats-media.video .icon:before {
 height: 48px;
 left: 20px;
 line-height: 48px;
 margin-top: -24px;
 position: absolute;
 top: 50%;
 width: 48px
}
.stats-media.stats-media-full {
 width: auto
}

@media (max-width:992px) {
.stats-media.stats-media-full {
 width: 100%
}
.kstd{
 width:auto;
   margin-left: 30px;
    margin-top: -58px;
}
}

.ie8 .stats-media .figcaption, .ie8 .stats-media figcaption {
 background: url(file:///C|/Users/one15/AppData/Local/Microsoft/Windows/images/backgrounds/ie8-60black.png) left top repeat

}
.stats-media-aside .figcaption, .stats-media-aside figcaption {
 border-right: 52px solid #F11F14;
 font-style: normal
}
.stats-media-aside .banner-anchor {
 height: auto;
 padding: 0
}
.stats-media-aside .banner-anchor .figcaption, .stats-media-aside .banner-anchor figcaption {
 padding: 5px 13px
}
.stats-media-aside .banner-anchor .figcaption.icon-play, .stats-media-aside .banner-anchor figcaption.icon-play {
 width: 100%;
 display: block;
 height: auto;
 position: absolute;
 bottom: 0;
 background: rgba(0,0,0,.6)
}
.stats-media-aside .banner-anchor .figcaption.icon-play:before, .stats-media-aside .banner-anchor figcaption.icon-play:before {
 right: -45px;
 top: 50%;
 margin-top: -19px
}
.stats-media-aside .banner-anchor.icon:before {
 top: 73%;
 right: 6px;
 z-index: 2
}
.stats-media-aside.stats-media-plain .figcaption, .stats-media-aside.stats-media-plain figcaption {
 border-right: 0;
 font-style: normal
}
.stats-media-aside a {
 padding: 5px 13px;
 position: relative;
 color: #fff!important;
 text-decoration: none
}
.stats-media-aside .icon {
 font-size: 38px
}
.stats-media-aside .icon:before {
 height: 38px;
 left: auto;
 line-height: 1;
 margin-top: -19px;
 position: absolute;
 right: -45px;
 top: 50%;
 width: 38px
}
.two-banners .stats-media {
 width: 22%
}
@media only screen and (min-width: 769px) and (max-width: 992px)
{
.yubute .row .kstd{
 width:400px;
    margin-top: -58px;
    margin-left: 150px; 
}

 }