.banner-box{
    width: 100%;
    height: 300px;
    display: block;
    overflow: hidden;
    position: relative;
}
.banner-img-box{
    width: 100%;
    height: 100%;
    display: block;
    position: relative;
    z-index: 3;
}
.banner-img-box span{
    width: 100%;
    height: 120%;
    display: block;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    position: relative;
    transition: all .3s linear;
}
.banner-title{
    width: 100%;
    display: block;
    position: absolute;
    text-align: center;
    font-size: 30px;
    letter-spacing: 3px;
    top: 40%;
    color: #FFF;
    z-index: 5;
    pointer-events: none;
}
.banner-mask{
    width: 100%;
    height: 100%;
    position: absolute;
    display: block;
    background-color: #000;
    
    z-index: 4;
    top: 0;
    left: 0;
}
.about-box{
    width: 100%;
    display: block;
    position: relative;
}
.about-info-box{
    width: 600px;
    max-width: 100%;
    display: block;
    margin: 0 auto;
    padding: 0 25px;
    box-sizing: border-box;
    position: relative;
    margin-top: 40px;

}
.about-info-title{
    font-family: 'cwTeXFangSong';
    font-size: 30px;
    letter-spacing: 3px;
}
.about-info{
    font-size: 16px;
    color: #555555;
    line-height: 2.5;
    letter-spacing: 1px;
    text-align: justify;
}
.about-line1{
    width: 100%;
    height: 1px;
    display: block;
    background-color: #009944;
    position: absolute;
    bottom: -10px;
    left: -25px;
}
.about-line2{
    width: 1px;
    height: 100%;
    display: block;
    background-color: #009944;
    position: absolute;
    bottom: -40px;
    left:0;

}
.about-interval-box{
    width: 100%;
    display: block;
    position: relative;
    margin-top: 100px;
    padding-bottom: 60px;
}
.about-info-bg{
    width: 100%;
    height: 147px;
    display: block;
    position: absolute;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: top;
    background-image: url('../img/about-interval-bg.png');
    bottom: 0;
}
.about-info-img{
    width: 568px;
    max-width: 100%;
    display: block;
    margin: 0 auto;
    position: relative;
    z-index: 2;
}
.about-info-line{
    width: 100%;
    height: 5px;
    display: block;
    background-color: #009944;
    position: relative;
    top: -5px;
    z-index: 2;
}
.about-license-box{
    width: 1200px;
    max-width: 100%;
    display: block;
    margin: 0 auto;
    position: relative;
    padding-bottom: 50px;
}
.about-license{
    width: 100%;
    display: block;
    font-size: 0;
}

.about-license-list{
    width: 280px;
    max-width: 100%;
    display: inline-block;
    margin: 0 60px;
    border: 1px solid #009944;
    box-sizing: border-box;
}
.about-license-list span{
    width: 100%;
    height: 340px;
    display: block;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
}
.about-license .slick-prev,.about-license  .slick-next{
    width: 30px;
    height: 30px;
    z-index: 5;
}
.about-license .slick-prev{
      background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    background-image: url('../img/arrow-left.png');
    opacity: .7;
}
.about-license .slick-next{
    
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    background-image: url('../img/arrow-right.png');
    opacity: .7;
}