@charset "utf-8";
/* banner */
.banner .item img{
    width:100%;
}

.carousel-indicators li{
    display: inline-block;
    width: 20px;
    height: 20px;
    margin:0 2px;
    text-indent: -999px;
    cursor: pointer;
    background-color:rgba(255,255,255,0.7);
    border-radius: 50%;
    border:none;
}
.carousel-indicators .active{
    width: 20px;
    height: 20px;
    margin:0 2px;
    background-color: #009944;
}

/* 首页公共标题 */
.title {
    text-align: center;
}
.title p{
    margin-bottom:0;
}
.title .p1{
    font-size: 80px;
    font-weight: bold;
    color:#e7e7e7;
    text-transform:uppercase;
}
.title .p2{
    font-size: 45px;
    margin-top:-20px;
}
@media (max-width: 992px){
    .title .p1{
        font-size: 40px;
    }
    .title .p2{
        font-size: 22px;
        margin-top:0;
    }
}
/* 关于圣罗娜 */
.about .about-part1{
    padding:75px 0 120px 0;
    background:#fafafa;
}
.about .about-part2 .about-img{
    position: relative;
    top:-90px;
}
.about .about-part2 .about-img .about-img1{
    width:100%;
}
.about .about-part2 .about-img .about-img2{
    width:18%;
    display: block;
    padding:20px 10px 0 10px;
    background:#fff;
    position: absolute;
    top:90px;
    left:0;
}
.about .about-content h5{
    font-size: 28px;
    color:#005d24;
    margin:30px 0 30px 0;
}
.about .about-content .p0{
    line-height: 30px;
    margin-bottom: 30px;
}
.about .about-content p strong{
    font-weight: 200;
    font-size: 25px;
}
.about .about-content .about-box h2{
    font-size: 35px;
    margin:10px 0 ;
}
.about .about-content .about-box p{
    width:210px;
    text-align: center;
    position: relative;
    top:-10px;
    font-size: 15px;
}
.about .about-content .about-more{
    display: block;
    width:170px;
    height:55px;
    background:#005d24;
    color:#fff;
    text-align: center;
    line-height: 55px;
    margin-top:30px;
}
@media (max-width: 1400px){
    .about .about-content .about-box h2{
        font-size: 30px;
    }
    .about .about-content .about-box p{
        width:auto;
        text-align: left;
    }
}
@media (max-width: 1300px){
    .about .about-content h5{
        font-size: 24px;
        margin:20px 0;
    }
}
@media (max-width: 1200px){
    .about .about-content h5{
        font-size: 20px;
    }
    .about .about-content .about-more{
        margin-top:15px;
        height:40px;
        width:140px;
        line-height: 40px;
    }
}
@media (max-width: 992px){
    .about .about-part2 .about-img{
        top:-30px;
    }
    .about .about-part1{
        padding:30px 0 50px 0;
    }
    .about-content{
        margin-bottom:20px;
    }
    .about .about-content .about-box h2{
        font-size: 22px;
    }
}

/* 掌握净醛抗菌核心专利技术 */
.jingquan .jingquan-part1{
    padding:80px 0 40px 0;
    background: -moz-linear-gradient(top, #FAFAFA 0%, #ffffff 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#FAFAFA), color-stop(100%,#ffffff));
    background: -webkit-linear-gradient(top, #FAFAFA 0%,#ffffff 100%);
    background: -o-linear-gradient(top, #FAFAFA 0%,#ffffff 100%);
    background: -ms-linear-gradient(top, #FAFAFA 0%,#ffffff 100%);
    background: linear-gradient(to bottom, #FAFAFA 0%,#ffffff 100%);
}
.jingquan .jingquan-part2 {
    margin-bottom:130px;
}
.jingquan .jingquan-part2 .jq1{
    padding-right:25px;
}
.jingquan .jingquan-part2 .jq2{
    padding:0 20px;
}
.jingquan .jingquan-part2 .jq3{
    padding-left:25px;
}
.jingquan .jingquan-part2 .jingquan-box{
    text-align: center;
    padding:40px 35px 60px 35px;
    background: -moz-linear-gradient(top, #fff 30%, #EEEEEE 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(30%,#fff), color-stop(100%,#EEEEEE));
    background: -webkit-linear-gradient(top, #fff 30%,#EEEEEE 100%);
    background: -o-linear-gradient(top, #fff 30%,#EEEEEE 100%);
    background: -ms-linear-gradient(top, #fff 30%,#EEEEEE 100%);
    background: linear-gradient(to bottom, #fff 30%,#EEEEEE 100%);
    position: relative;
}
.jingquan .jingquan-part2 .jingquan-box img{
    position: relative;
    top:-25px;
}
.jingquan .jingquan-part2 .jingquan-box h3{
    font-size: 24px;
}
.jingquan .jingquan-part2 .jingquan-box p{
    font-size: 14px;
    line-height: 25px;
}
.jingquan .jingquan-part2 .jingquan-box .jingquan-more{
    display: block;
    width:200px;
    height:60px;
    background:#f6f6f6;
    border-radius: 60px;
    line-height: 60px;
    margin-left:-100px;
    position: absolute;
    bottom:-30px;
    left:50%;
    color: #2b2b2b;
    background: -moz-linear-gradient(top, #fff 0%, #EEEEEE 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#fff), color-stop(100%,#EEEEEE));
    background: -webkit-linear-gradient(top, #fff 0%,#EEEEEE 100%);
    background: -o-linear-gradient(top, #fff 0%,#EEEEEE 100%);
    background: -ms-linear-gradient(top, #fff 0%,#EEEEEE 100%);
    background: linear-gradient(to bottom, #fff 0%,#EEEEEE 100%);
    transition: all 0.5s;
    -webkit-transition: all 0.5s;
    -o-transition: all 0.5s;
    -moz-transition: all 0.5s;
}
.jingquan .jingquan-part2 .jingquan-box:hover .jingquan-more{
    background:#005d24;
    color:#fff;
}

@media (max-width: 992px){
    .jingquan .jingquan-part2 .jingquan-box img{
        width:100%;
    }
    .jingquan .jingquan-part2 .jingquan-box{
        margin-bottom:50px;
    }
    .jingquan .jingquan-part1{
        padding:40px 0;
    }
    .jingquan .jingquan-part2{
        margin-bottom:50px;
    }
}

/* 圣罗娜木业特点 */
.feature{
    padding:150px 0;
    background:url(../img/feature-bg.jpg) no-repeat;
}
.feature .feature-left{
    width:30%;
}
.feature .feature-img{
    width:40%;
}
.feature .feature-right{
    width:30%;
}
.feature .feature-left .feature-part:last-child{
    margin-bottom:0;
}
.feature .feature-right .feature-part:last-child{
    margin-bottom:0;
}
.feature .feature-part{
    margin-bottom:80px;
}
.feature .feature-img{
    text-align: center;
}
.feature .feature-img img{
    width:100%;
}
.feature .feature-left .feature-text{
    text-align:right ;
}
.feature .feature-text h2{
    font-size: 24px;
    font-weight: bold;
    color:#009944;
    margin:5px 0;
}
.feature .feature-text p{
    margin-bottom: 0;
}
.feature .feature-icon{
    padding:10px;
    border:1px solid #ccc;
    border-radius: 50%;
}
.feature .feature-left .feature-icon{
    margin:5px 50px 0 20px;
}
.feature .feature-right .feature-icon{
    margin:5px 20px 0 50px;
}
.feature .feature-icon img{
    width:28px;
    height:28px;
}
@media (max-width: 1400px){
    .feature .feature-text p{
        font-size: 14px;
    }
    .feature .feature-right .feature-icon{
        margin-left:10px;
    }
    .feature .feature-left .feature-icon{
        margin-right:10px;
    }
}

/* 手机端圣罗娜木业特点 */
.m-feature{
    padding:30px 0;
    background:url(../img/feature-bg.jpg) no-repeat;
    background-size: 100% 100%;
    display: none;
}
.m-feature .m-feature-img{
    width:100%;
}
.m-feature .m-feature-img img{
    width:100%;
}
.m-feature .m-feature-box .m-feature-text{
    text-align: center;
    margin-bottom:40px;
}
.m-feature .m-feature-box .m-feature-text h2{
    font-size: 20px;
    color:#009944;
    font-weight: bold;
}
@media (max-width: 992px){
    .feature{
        display: none;
    }
    .m-feature{
        display: block;
    }
}


/* 产品分类 */
.product{
    background:url(../img/product-mask.jpg) no-repeat;
}
.product .product-box{
    width:50%;
    float:left;
    padding:130px 0;
    text-align: center;
    transition: all 0.5s;
    -webkit-transition: all 0.5s;
    -o-transition: all 0.5s;
    -moz-transition: all 0.5s;
}
.product .product-box:nth-child(1),.product .product-box:nth-child(4){
    background:rgba(255,255,255,0.1);
}
.product .product-box a{
    color:#ffffff;
    font-weight: 400;
}
.product .product-box h1{
    font-size: 35px;
}
.product .product-box p{
    font-size: 25px;
    font-weight: 100;
}
.product .product-box a:hover{
    color:#fff;
}
.product .product-box span{
    display: inline-block;
    width:30px;
    height:2px;
    background:#009944;
    margin:20px 0;
    transition: all 0.5s;
    -webkit-transition: all 0.5s;
    -o-transition: all 0.5s;
    -moz-transition: all 0.5s;
}
.product .product-box span::after{
    content:'';
    display: inline-block;
    width:30px;
    height:2px;
    background:#009944;
    transform: rotate(90deg) translate(-14px, 0px);
    -webkit-transform: rotate(90deg) translate(-14px, 0px);
    -moz-transform: rotate(90deg) translate(-14px, 0px);
    -o-transform: rotate(90deg) translate(-14px, 0px);
    transition: all 0.5s;
    -webkit-transition: all 0.5s;
    -o-transition: all 0.5s;
    -moz-transition: all 0.5s;
}
.product .product-box .kong h1{
    opacity: 0;
}
.product .product-box .kong p{
    opacity: 0;
}

.product .product-box .kong span{
    opacity: 0;
}
.product .product-box.p-hover:hover{
    background:rgba(0,153,68,0.5);
}
.product .product-box.p-hover:hover span{
    background:#fff;
    transform: scale(1.1);
    -webkit-transform: scale(1.1);
    -o-transform: scale(1.1);
    -moz-transform: scale(1.1);
}
.product .product-box.p-hover:hover span::after{
    background:#fff;
    transform: scale(1.1);
    -webkit-transform: scale(1.1);
    -o-transform: scale(1.1);
    -moz-transform: scale(1.1);
    transform: rotate(90deg) translate(-15px, 0px);
    -webkit-transform: rotate(90deg) translate(-15px, 0px);
    -moz-transform: rotate(90deg) translate(-15px, 0px);
    -o-transform: rotate(90deg) translate(-15px, 0px);
}
@media (max-width: 992px){
    .product .product-box{
        padding:30px 0;
    }
    .product .product-box h1{
        font-size: 25px;
    }
    .product .product-box p{
        font-size: 16px;
    }
}

/* 新闻 */
.news{
    margin:80px 0 80px 0;
}
.news .news-title{
    text-align: left;
}
.news .news-content{
    margin-top:30px;
}
.news .news-content .news-list{
    margin-bottom:30px;
}
.news .news-content .news-list .news-img{
    max-height:200px ;
    overflow: hidden;
}
.news .news-content .news-list .news-img img{
    width:100%;
    transition: all 0.5s;
    -webkit-transition: all 0.5s;
    -o-transition: all 0.5s;
    -moz-transition: all 0.5s;
}
.news .news-content .news-list:hover .news-img img{
    transform: scale(1.1);
    -webkit-transform: scale(1.1);
    -o-transform: scale(1.1);
    -moz-transform: scale(1.1);
}
.news .news-content .news-list h3{
    font-size: 16px;
    color:#2b2b2b;
    margin:10px 0;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
.news .news-content .news-list p{
    font-size: 14px;
    color:#005d24;
    margin:0;
}
@media (max-width: 992px){
    .news{
        margin:30px 0;
    }
}