
.index-top {
    position: relative;
    width: 100%;
    color: #fff;
    height:192px;
    background: rgba(0, 0, 0, .35)
}
/*轮播*/

.m-carousel {
    position: relative;
    overflow: hidden
}
.m-carousel-list {
    overflow-y: hidden;
    width: 100%;
    height: 192px;
    -webkit-transition: -webkit-transform .3s ease;
    transition: -webkit-transform .3s ease;
    transition: transform .3s ease;
    transition: transform .3s ease, -webkit-transform .3s ease;

}
.m-carousel-list li {
    float: left;
    width: 100%;
    height: 100%;
    padding-bottom: 20px;
    overflow: hidden;
    text-align: center;
    background-repeat: no-repeat;
    background-position: center 0;
    background-size: auto 100%
}
.m-carousel-list li a {
    margin-top:160px;
    float:left;
    display: inline-block;
    padding:100px 200px 100px 200px;
    background:rgba(0,135,172,.7);
}
 .m-carousel-list h2{font-size:116px;height:80px;line-height:80px;text-align:left;color:#fff;
     font-family: 'Ovt', Sans-Serif, serif}
 .m-carousel-list p{font-size:82px;text-align:left;color:#fff;}
.m-carousel-list p i{
    font-family: 'AlbbPhM,幼圆',  Sans-Serif, serif;font-style:normal;}
 .m-carousel-list b{display:block;font-size:20px;text-align:left !important;color:#fff;font-weight:normal;margin-top:10px;font-family:'AlbbPhL',Sans-Serif;}

.c-carousel-dot {
    position: absolute;
    bottom:30px;
    left:0;
    width:100%;
    height:30px;
    text-align: center;

}
.c-carousel-dot span {
    display: inline-block;
    width: 100px;
    height:1px;
    margin:0 2px;
    background:#fff;
    border:0;
    cursor: pointer;
    -webkit-transition: width .3s ease, background .3s ease;
    transition: width .3s ease, background .3s ease
}


.c-carousel-dot span:hover {
    background: #666;
    background: hsla(0, 0%, 100%, .4)
}
.c-carousel-dot span.active {
    width:100px;
    height:1px;
    background: #0087ac;
    cursor: default
}