a:hover{    text-decoration: none;}

/*pc轮播图区域*/
.swiperBox{
    padding: 0;
}
.swiperBox img{
    width: 100%;
}
.swiperBox  .swiper-pagination{
    height: 200px;
    width: 108px;
    line-height: 100%;
    position: absolute;
    top: 36%;
    left: 81px;
    text-align: center;
}
.swiperBox .swiper-container-horizontal>.swiper-pagination .swiper-pagination-bullet{
    display: block;
    width: 13px;
    height: 13px;
    text-align: center;
    margin-bottom: 12px;
    background: #bdbdbd;
    opacity:1;
}
.swiperBox .swiper-container-horizontal>.swiper-pagination .swiper-pagination-bullet-active{
    background: #188080;
}

/*手机轮播图区域*/
#mobileSwiper{
    padding: 0;
    margin:50px 0 0 0;
}
#mobileSwiper .homeNav{
    background-color: rgb(216, 216, 216);
    padding: 6px 4px;
    overflow: hidden;
}
#mobileSwiper .homeNav a{
    background-size: 100%;
    border-top: 1px solid #f8f8f8;
    position: relative;
    float: left;
    height: 40px;
    padding: 15px 0;
    border-left: 1px solid #fff;
    border-right: 1px solid #fff;
    font-size: 0.756rem;
    color: #666666;
    text-align: center;
    box-sizing: border-box;
    background: -moz-linear-gradient(top, #fff 40%, #eaeaea,#e2e2e2 ,#d8d8d8);
    background: -webkit-linear-gradient(top, #fff 40%, #eaeaea,#e2e2e2 ,#d8d8d8);
    background: -o-linear-gradient(top, #fff 40%, #eaeaea,#e2e2e2 ,#d8d8d8);
}



/*第一部分*/
#dome1{
    margin-top: 40px;
    padding: 0;
}
 #dome1 .left{
     text-indent: 2em;
     font-size: 15px;
     color: #656464;
     line-height: 26px;
 }
 /*第二部分*/
 #dome2{
     margin-top: 50px;
     padding: 0;
 }
 #dome2 .left{
     text-indent: 2em;
     font-size: 15px;
     color: #656464;
     line-height: 22px;
 }
 #dome2 .left h1{
     display: block;
     text-align: center;
     font-size: 30px;
     font-weight: 600;
     margin-bottom: 22px;
     color: #261c19;
 }
 #dome2 .left p{
     margin-bottom: 22px;
 }




 /*第三部分*/
 #dome3{
     margin-top: 50px;
     padding: 70px 0;
     background: url("../img/newMoiveBG.png") no-repeat left top;

 }
 #dome3 .left{
     text-indent: 2em;
     font-size: 15px;
     color: #656464;
     line-height: 26px;
     margin-bottom: 30px;
 }
 #dome3 .left h1{
     display: block;
     text-align: center;
     font-size: 30px;
     font-weight: 600;
     color: #261c19;
     margin-bottom: 30px;
 }
 #dome3 .left p{
     margin-bottom: 22px;
 }

 #dome3 .icon{
     margin-top: 60px;
     overflow: hidden;
     display: inline-block;
     width: 100%;
 }
 #dome3 .icon div{
     text-align: center;
 }
 #dome3 .icon img{
     /*width: 84%;*/
     max-height: 150px;
 }

 /*第四部分*/
 #dome4{
     margin-top: 50px;
     padding: 0;
 }
 #dome4 .left{
     text-align: center;

 }
 #dome4 .left h1{
     display: block;
     text-align: center;
     font-size: 30px;
     font-weight: 600;
     margin-bottom: 22px;
     color: #261c19;
 }
 #dome4 span{
     font-size: 16px;
     color: #656464;
     line-height: 22px;
     margin:10px 0 36px 0;
     display: block;
     text-align: center;
 }
 #dome4 .btn{
     display: inline-block;
     width: 100%;
     text-align: center;
 }
 #dome4 .morebtn{
     font-size: 14px;
     text-align: center;
     padding: 6px 22px;
     display: inline-block;
     background: none;
     border-radius: 6px;
     border: 1px #999 solid;
     color: #656464;
     margin: 14px auto;
 }
 #dome4 .morebtn:hover{
     border: 1px #656464 solid;
 }

 #dome4 .icon div{
     overflow: hidden;
 }
 #dome4 .icon div a p{
     overflow: hidden;
     width: 100%;
     display: inline-block;
     margin: 0;
 }
 #dome4 .icon div img{
     transition: all 0.3s;
 }
 #dome4 .icon div img:hover{
     transform: scale(1.15);
 }





 .footerBox{
    background: #ebebeb;
}







/*平板端的样式设置*/
@media screen and (max-width: 1100px){
    #dome1 {
        margin-top: 18px;
    }
    #dome1 .left {
        font-size: 13px;
        line-height: 22px;
    }
    #dome2 {
        margin-top: 18px;
    }
    #dome2 .left h1 {
        font-size: 18px;
        margin: 10px 0 13px 0;
    }
    #dome2 .left{
        font-size: 13px;
        line-height: 22px;
    }
    #dome2 .rigth  img {
       margin: 0 0 5px 0;
    }


    #dome3 {
        margin-top: 30px;
        padding: 15px 0;
        background-size: auto 100%;
    }
    #dome3 .left{
        padding: 0;
        margin-bottom: 14px;

    }
    #dome3 .left h1 {
        font-size: 18px;
        margin:26px 0 12px 0;
    }

    #dome3 .left p {
        font-size: 13px;
        line-height: 22px;
        margin-bottom: 10px;
    }

    #dome3 .rigth  img {
        padding: 0;
        margin: 0 0 5px 0;
    }
    #dome3 .icon{
        margin: 20px 0 20px 0;
    }
    #dome3 .icon img{
        margin: 0 0 12px 0;
    }



    #dome4 {
        margin-top: 18px;
    }
    #dome4 .left h1 {
        font-size: 20px;
        margin:21px 0 27px 0;
    }
    #dome4 .container{
        padding: 0 9px;
    }
    #dome4 span {
        font-size: 12px;
        line-height: 18px;
        margin: -2px 0 19px 0;
    }
    #dome4 .morebtn {
        font-size: 13px;
        padding: 6px 14px;
        margin: 3px auto 20px auto;
    }
    #dome4 .icon div{
        padding: 0 6px;
    }



}








/*手机端的样式设置*/
@media screen and (max-width: 767px){
    .swiperBox  .swiper-pagination{
        width: 100%;
        height: auto;
        line-height: normal;
        position: absolute;
        top: 80%;
        left: 0;
        text-align: center;
        margin: 0;
        padding: 0;
    }
    .swiperBox .swiper-container-horizontal>.swiper-pagination .swiper-pagination-bullet{
        display: inline-block;
        width: 8px;
        height: 8px;
        text-align: center;
        margin-bottom:0;
        background: #bdbdbd;
        opacity:1;
    }
    .swiperBox .swiper-container-horizontal>.swiper-pagination .swiper-pagination-bullet-active{
        background: #188080;
    }




}

@media screen and (max-width: 340px) {


}