.index-top {position: relative;width: 100%;color: #fff;height:826px;background: rgba(0, 0, 0, .35)}
/*轮播*/
.m-carousel {position: relative;overflow: hidden}
.m-carousel-list {overflow-y: hidden;width: 100%;height: 826px;-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: 120px;overflow: hidden;text-align: center;background-repeat: no-repeat;background-position: center  0;background-size: auto 100%}
.m-carousel-list li a {display: block;height: 100%}
 .m-carousel-list h2{width:100%;max-width:1920px;padding-left:200px;font-size:116px;text-align:left;color:#333;padding-top:180px;margin:0 auto;font-family:'Ovt',Sans-Serif}
 .m-carousel-list p{width:100%;max-width:1920px;padding-left:200px;font-size:80px;text-align:left;color:#0087ac;margin:0 auto;  font-family: "AlbbPhM";}
 .m-carousel-list p i{font-family:'AlbbPhL','幼圆',Sans-Serif;font-style:normal;}
 .m-carousel-list b{width:100%;max-width:1920px;padding-left:200px;display:block;font-size:24px;text-align:left !important;color:#4d4d4d;font-weight:normal;margin:0 auto;margin-top:40px;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}
/* 下面是前/后按钮代码，如果不需要删除即可 */
.slideBox .prev,
.slideBox .next{ position:absolute; left:3%; top:50%; margin-top:-25px; display:block; width:32px; height:40px; background:url(../images/slider-arrow.png) -110px 5px no-repeat; filter:alpha(opacity=50);opacity:0.5;   }
.slideBox .next{ left:auto; right:3%; background-position:8px 5px; }
.slideBox .prev:hover,
.slideBox .next:hover{ filter:alpha(opacity=100);opacity:1;  }
.slideBox .prevStop{ display:none;  }
.slideBox .nextStop{ display:none;  }
@media only screen and (max-width:1440px){
    .m-carousel-list li {background-position: -300px 0;}
}
@media only screen and (max-width:1200px){}
@media screen and (max-width: 992px){
    .index-top {position: relative;width:100vw;color: #fff;height:36.6vw !important;background: rgba(0, 0, 0, .35)}
    .m-carousel-list {overflow-y: hidden;width: 100%;height:100%;-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:36.6vw;    overflow: hidden;text-align: center;background-repeat: no-repeat;background-position: 0  0;background-size:100vw 36.6vw}
    .c-carousel-dot {position: absolute;bottom:10px;left:0;width:100%;height:30px;text-align: center;}
    .c-carousel-dot span {display: inline-block;width: 50px;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:50px;height:1px;background: #0087ac;cursor: default}
}
@media only screen and (max-width:768px){}
/*////////////////////////////////////////////////////////////max-width:768PX E //////////////////////////////////////////////////*/
/*////////////////////////////////////////////////////////////max-width:576PX S //////////////////////////////////////////////////*/
@media only screen and (max-width:576px){}
/*////////////////////////////////////////////////////////////max-width:576px E///////////////////////////////////////////////////*/
/*////////////////////////////////////////////////////////////max-width:480px S///////////////////////////////////////////////////*/
@media only screen and (max-width: 480px){
    .index-top {position: relative;width:100vw;color: #fff;height:36.6vw !important;background: rgba(0, 0, 0, .35)}
    .m-carousel-list {overflow-y: hidden;width: 100%;height:100%;-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:36.6vw;    overflow: hidden;text-align: center;background-repeat: no-repeat;background-position: 0  0;background-size:100vw 36.6vw}
    .c-carousel-dot {position: absolute;bottom:10px;left:0;width:100%;height:30px;text-align: center;}
    .c-carousel-dot span {display: inline-block;width: 50px;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:50px;height:1px;background: #0087ac;cursor: default}

}
/*////////////////////////////////////////////////////////////max-width:480px E///////////////////////////////////////////////////*/