@charset "utf-8";
/* css 重置 */
body,div,ul,li,dl,dt,dd,h2,p{padding:0;margin:0;font-family:"微软雅黑";}
ul{list-style:none ;}
img{border:none;}
/* banner-box */
.banner-box{ width: 100%; height: 100%; position:relative; overflow:hidden; margin: 0 auto; }
.banner-box .bd{ width:100% !important; height: 100%;}
.banner-box .bd ul{ height: 100%;}
.banner-box .bd li .m-width {width:100%;margin:0 auto;overflow:hidden; height: 100%;}
.banner-box .bd li{width:100% !important; height: 100%;}
.banner-box .bd li a{display:block;}
.banner-box .bd li.slide1 { background: url(../images/7.jpg) no-repeat; background-size: cover;}
.banner-box .bd li.slide1 .sd1{
    height: auto;
    margin: 0 auto;
    top: 50%;
    left: 50%;
    position: absolute;
    -webkit-transform: translate(-50%,-50%);
    -moz-transform: translate(-50%,-50%);
    -o-transform: translate(-50%,-50%);
    -ms-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%);
}
.banner-box .bd li.slide1 .sd1 h3{color: #ffffff;  font-size: 28px;}
.banner-box .bd li.slide1 .sd1 p{ font-size: 18px; line-height:2.2em; color: #ffffff; font-weight:bold;}
.banner-box .bd li.slide1 .sd1 p span{color: #363636;font-size: 30px; line-height:40px; } 

.banner-box .bd li.slide2 { background: url(../images/8.jpg) no-repeat; background-size:cover;}
.banner-box .bd li.slide2 .sd1{
    height: auto;
    margin: 0 auto;
    top: 50%;
    left: 50%;
    position: absolute;
    -webkit-transform: translate(-50%,-50%);
    -moz-transform: translate(-50%,-50%);
    -o-transform: translate(-50%,-50%);
    -ms-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%);
}
.banner-box .bd li.slide2 .sd1 h3{ color: #FFF; font-size: 28px;}
.banner-box .bd li.slide2 .sd1 p{ font-size: 18px; line-height: 1.8em; color: #ffffff; font-weight:bold;}
.banner-box .bd li.slide2 .sd1 p span{color: #ffffff;font-size: 30px; line-height:40px; } 

.banner-box .bd li.slide3 { background: url(../images/10.jpg) no-repeat; background-size: cover;}
.banner-box .bd li.slide3 .sd1{
    height: auto;
    margin: 0 auto;
    top: 50%;
    left: 50%;
    position: absolute;
    -webkit-transform: translate(-50%,-50%);
    -moz-transform: translate(-50%,-50%);
    -o-transform: translate(-50%,-50%);
    -ms-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%);
}
.banner-box .bd li.slide3 .sd1 h3{ color: #fff; font-size: 20px;}

.banner-box .bd li.slide3 .sd1 p{ font-size: 18px; line-height: 1.8em; color: #fff; font-weight:bold;}
.banner-box .bd li.slide3 .sd1 p span{color: #fff;font-size: 30px; line-height:40px; font-weight:bold; } 
.banner-box .bd li.slide3 .sd1 h3 span{font-size: 35px; color:#FFF;}

.banner-box .bd li.slide4 { background: url(../images/1.jpg) no-repeat; background-size: cover;}
.banner-box .bd li.slide4 .sd1{
    height: auto;
    margin: 0 auto;
    top: 50%;
    left: 50%;
    position: absolute;
    -webkit-transform: translate(-50%,-50%);
    -moz-transform: translate(-50%,-50%);
    -o-transform: translate(-50%,-50%);
    -ms-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%);
}
.banner-box .bd li.slide4 .sd1 h3{ color: #fff; font-size: 28px;}
.banner-box .bd li.slide4 .sd1 p{ font-size: 18px; line-height: 1.8em; color: #00dfb9;font-weight:bold;}
.banner-box .bd li.slide4 .sd1 p span{color:#fff;font-size: 30px; line-height:40px; font-weight:bold; } 


.banner-btn{width:90%;position:absolute;top:40%;left:5%;}
.banner-btn a{display:block;width:49px;height:104px;position:absolute;top:0;}
.banner-btn a.prev{left:10px;background:url(../images/foot.png) no-repeat 0 0;}
.banner-btn a.next{right:10px;background:url(../images/foot.png) no-repeat -49px 0;}
.banner-box .hd {position:absolute;top:210px;left:537px;}
.banner-box .hd ul li{width:12px;height:12px;border-radius :50%;text-indent:-9999px;margin-right:20px;background:#ccc;float:left;cursor:pointer;}
.banner-box .hd ul li.on{background:#DA324D;}

.mobileNavToggle{
     width: 20px;
    height: auto;
    position: fixed;
    display: none;
    z-index: 999;
    right: 20px;
    top: 40px;
}
.mobileNavToggle ul li{
    width: 20px;
    border-bottom: #ffffff solid 2px;
    margin-top: 5px;
}
@media screen and (max-width: 759px) {

    .banner-box .bd li.slide1 { background: url(../images/17.jpg) no-repeat; background-size: cover;}
    .banner-box .bd li.slide1 .sd1{
        width: 100%;
    }
    .banner-box .bd li.slide1 .sd1 h3{font-size: 18px;}
    .banner-box .bd li.slide1 .sd1 p{ font-size: 14px;}
    .banner-box .bd li.slide1 .sd1 p span{ font-size:20px;}
	 
    .banner-box .bd li.slide2 { background: url(../images/18.jpg) no-repeat; background-size: cover;}
    .banner-box .bd li.slide2 .sd1{
        width: 100%;
    }
    .banner-box .bd li.slide2 .sd1 h3{font-size: 18px;}
    .banner-box .bd li.slide2 .sd1 p{ font-size: 12px;}
	.banner-box .bd li.slide2 .sd1 p span{ font-size:20px;}
    .banner-box .bd li.slide3 { background: url(../images/101.jpg) no-repeat; background-size: cover;}
    .banner-box .bd li.slide3 .sd1{
        width: 100%;
    }
    .banner-box .bd li.slide3 .sd1 h3{font-size: 18px;}
    .banner-box .bd li.slide3 .sd1 p{ font-size: 12px;}
	.banner-box .bd li.slide3 .sd1 p span{ font-size:20px;}
    .banner-box .bd li.slide4 { background: url(../images/11.jpg) no-repeat; background-size: cover}
    .banner-box .bd li.slide4 .sd1{
        width: 100%;
    }
    .banner-box .bd li.slide4 .sd1 h3{font-size: 18px;}
    .banner-box .bd li.slide4 .sd1 p{ font-size: 12px;}
	.banner-box .bd li.slide4 .sd1 p span{ font-size:20px;}



}
@media screen and (min-width: 760px) and (max-width: 1024px) {

}