*{
    margin: 0 ;
    padding: 0;
}
body{
    font-size: 14px;
    color: #7d7d7d;
    font-family: "Microsoft YaHei";
    background: #fff;
}
div{
    box-sizing: border-box;
}

ul,li{
    list-style: none;
    margin: 0 ;
    padding: 0;
}
.warp{
    padding-top: 20px;
    position: relative;
    width: 100%;
}
/*banner---------------------------------------------------*/
.warp .banner-outer{
    background: #cacaca;
    width: 100%;
    height: 370px;
    position: relative;
}

.warp .banner-outer .banner-bg{
    width: 100%;
    height: 370px;
    background: url("../img/kt-banner.jpg") no-repeat center center;
    background-size: cover;
    /*-webkit-box-shadow: 0 1px 1px rgba(0,0,0,.1);
    -moz-box-shadow: 0 1px 1px rgba(0,0,0,.1);
    box-shadow: 0 1px 1px rgba(0,0,0,.1);*/
}

.banner-outer .banner-bg .banner-inner{
    width: 1170px;
    height: 370px;
    margin: 0 auto;
    padding:25px 0;
    position: relative;
}

.banner-bg .banner-inner .content{
    position: absolute;
    top: 25px;
    right: 0;
}

.banner-inner .content .banner-title{
    font-size: 30px;
    color: #454545;
    font-weight:bold;
}

.banner-inner .content .icon-list{
    font-size: 0;
    margin-top: 15px;
    width: 422px;
    height: 60px;
}
.content .icon-list .icon-bg{
    height: 60px;
    width: 60px;
    display: inline-block;
}

.content .icon-list .icon1{
    background: url("../img/kt-icon1.png") no-repeat;
}

.content .icon-list .icon2{
    background: url("../img/kt-icon2.png") no-repeat;
}

.content .icon-list .icon3{
    background: url("../img/kt-icon3.png") no-repeat;
}


.content .icon-list .txt-bg{
    width: 362px;
    height: 60px;
    background: #e6e5e5;
    border-radius: 0 5px 5px 0;
    display: inline-block;
    font-size: 14px;
    color: #454545;
    padding-left: 20px;
    line-height: 60px;
    text-align: left;
    position: relative;
    margin-top: -60px;
    margin-left:60px;

}

/*video----------------------------------------------------*/
.video-outer{
    width: 100%;
    padding:50px 0;
}

.video-outer .video-container{
    width: 1170px;
    height: 2458px;
    margin: 0 auto;
    font-size: 0;
}

.video-outer .video-container .video-tittle{
    font-size: 30px;
    text-align: center;
    color: #454545;
    padding-bottom: 45px;
}

    .video-outer .video-container .box-href {
        width: 368px;
        height:285px;
        position: absolute;
        cursor: pointer;
        display: inline-block;
        top:0;
        left:0;
        /*background:#3da0e0;*/
        z-index:80;
    }


.video-outer .video-container .video-box{
    width: 370px;
    height:287px;
    position: relative;
    margin-right:30px;
    border: 1px solid #dcdcdc;
    cursor: pointer;
    float:left;
    font-size: 14px;
    background: #fff;
}



.video-container .video-box .video-img{
    width: 368px;
    height: 200px;
    background: #454545;
}

.video-container .video-box .img1{
    background:url("../img/kt-pc1.jpg") no-repeat;
}

.video-container .video-box .img2{
    background:url("../img/kt-pc2.jpg") no-repeat;
}

.video-container .video-box .img3{
    background:url("../img/kt-pc3.jpg") no-repeat;
}

.video-container .video-box .img4{
    background:url("../img/kt-pc4.jpg") no-repeat;
}

.video-container .video-box .img5{
    background:url("../img/kt-pc5.jpg") no-repeat;
}

.video-container .video-box .img6{
    background:url("../img/kt-pc6.jpg") no-repeat;
}

.video-container .video-box .img7{
    background:url("../img/kt-pc7.jpg") no-repeat;
}

.video-container .video-box .img8{
    background:url("../img/kt-pc8.jpg") no-repeat;
}

.video-container .video-box .img9{
    background:url("../img/kt-pc9.jpg") no-repeat;
}

.video-container .video-box .img10{
    background:url("../img/kt-pc10.jpg") no-repeat;
}

.video-container .video-box .img11{
    background:url("../img/kt-pc11.jpg") no-repeat;
}

.video-container .video-box .img12{
    background:url("../img/kt-pc12.jpg") no-repeat;
}

.video-container .video-box .img13{
    background:url("../img/kt-pc13.jpg") no-repeat;
}

.video-container .video-box .img14{
    background:url("../img/kt-pc14.jpg") no-repeat;
}

.video-container .video-box .img15{
    background:url("../img/kt-pc15.jpg") no-repeat;
}



.video-container .video-box .video-content{
    padding:15px;
}

 .video-box .video-content .video-name{
    font-size: 16px;
    font-weight: bold;
    color: #454545;
    padding-bottom: 15px;
    margin:0;
 }

.video-box .video-content .peoples{
    position: absolute;
    right: 15px;
    top: 250px;
}

/*隐藏部分*/
.video-box .hide-box{
    width: 368px;
    height: 287px;
    padding: 20px;
    position: absolute;
    top: 0;
    left: 0;
    color: #ffffff;
    overflow: hidden;
    z-index:33;
}
.video-box .hide-box2{
    width: 368px;
    height: 287px;
    padding: 20px;
    position: absolute;
    top: 0;
    left: 0;
    background: #000;
    opacity: .9;
    filter:alpha(opacity=90);
    color: #ffffff;
    display: none;
    z-index:32;
}
.video-box .hide-box .hide-tieele{
    font-size: 16px;
    position: absolute;
    top: 20px;
    left: -73px;
}

.video-box .hide-box .hide-text{
    line-height: 24px;
    color: #d1d1d1;
    position: absolute;
    width: 330px;
    left: 20px;
    top: 60px;
    display: none;
}
.video-box .hide-box .hb-play{
    width: 140px;
    height: 40px;
    text-align: center;
    line-height: 40px;
    background: #3da0e0;
    display: block;
    margin: 0 auto;
    color: #fff;
    text-decoration: none;
    margin-top: 25px;
    border-radius: 3px;
    position: absolute;
    bottom: -40px;
    left: 50%;
    margin-left: -70px;
    z-index:99;
    /*display: none;*/
}
.video-box .hide-box .hb-play:hover{
    background: #168fdc;
    transition: 0.5s linear;
    cursor: pointer;
    z-index:99;
}

/*companys*/
.companys{
    width: 100%;
    padding-bottom: 50px;
}
.companys .companys-inner{
    width: 1170px;
    margin: 0 auto;
}

.companys .companys-inner .c-tittle{
    font-size: 30px;
    color: #454545;
    text-align: center;
    padding-bottom: 30px;
}

.companys .companys-inner .logo-list{
    margin-bottom:30px;
}

.companys-inner .logo-list .logo-box{
    font-size: 0;
}
.companys-inner .logo-list .logo-box li{
    margin-right: 30px;
    width: 270px;
    height: 100px;
    border: 1px solid #dcdcdc;
    color: #4bc88e;
    font:30px bold;
    text-align: center;
    line-height: 100px;
    display: inline-block;
    box-sizing: border-box;
    cursor: pointer;
}
.companys-inner .logo-list .logo-box li:hover{
    border: 1px solid #4bc88e;
    transition: 0.5s linear;
}

/*more video*/
.more-video{
    text-align: center;
    padding-bottom: 50px;
}