@charset "utf-8";

.main{

    margin-top:95px;

}

.fp-tableCell{vertical-align:top;}

/* banner */

.main .ban .carousel-inner>.item>a>img,.main .ban  .carousel-inner>.item>img, .main .ban .img-responsive, .thumbnail a>img, .thumbnail>img{

    max-width:1920px;

    width:auto !important;

}

.main .ban .carousel-caption{

    width:100%;

    text-align: left;

    left:0;

    right:0;

    top:20%;

}

.main .ban .carousel-caption h4{

    font-size: 58px;

    font-weight: bold;

    margin:0;

}

.main .ban .carousel-caption p{

    font-size: 24px;  

    margin-top: 20px;

}

@media (max-width:992px){

    .main{

        margin-top:60px;

    }

    .main .ban .carousel-inner>.item>a>img,.main .ban  .carousel-inner>.item>img, .main .ban .img-responsive, .thumbnail a>img, .thumbnail>img{

        max-width:1300px;

    }

    .main .ban .carousel-caption{

        margin-bottom:-60px;

        bottom:50%;

    }

    .main .ban .carousel-caption h4{

        font-size: 30px;

    }

}



/* 关于我们 */

.about{

    padding:8% 0;

}

.title p{

    font-size: 35px;

    font-weight: bold;

    margin:0;

}

.title strong{

    font-size: 50px;

    font-weight: bold;

    color:#00a54f;

    position: relative;

    top:-10px;

}

.title strong::before{

    content:'';

    display: block;

    width:55px;

    height:2px;

    background:#00a54f;

    position: absolute;

    bottom:5px;

    left:2px;

}

.about .about-content{

    line-height: 28px;

    margin:3% 0 5% 0;

}

.about .about-er{

    width:300px;

    background:url(../img/er-bg.jpg) no-repeat;

    background-size:100% 100%;

    padding:20px;

    margin-top:23%;

}

.about .about-er .about-er-img{

    padding:10px;

    background:#fff;

}

.about .about-er .about-er-img img{

    width:100%;

}

.about .about-img img{

    width:100%;

}

.about .about-er-content{

    color:#606060;

    padding:30px 0;

    text-align: center;

}



@media (max-width:1199px){

    .title p{

        font-size: 30px;

    }

    .title strong{

        font-size: 65px;

    }

    .title strong::before{

        width:40px;

    }

    .about .about-content{

        line-height: 25px;

        margin:0;

    }

    .about .about-er{

        margin-top:10%;

    }

}

@media (max-width:992px){

    .about{

        padding:5% 0;

    }

    .title p{

        font-size: 18px;

    }

    .title strong{

        font-size: 30px;

        top:-5px;

    }

    .title strong::before{

        width:20px;

        bottom:3px;

    }

}



/* 产品中心 */

.product{

    padding:5% 0;

    background:#f7f7f7;

}

.product .product-box{

    width:1400px;

    margin:0 auto;

    padding:5% 0;

    background:#fff;

}

.product .product-left{

    padding-right:80px;

}

.product .product-left-box{

    margin-top:12%;

    position: relative;

}

.product .product-left-box .swiper-slide .product-list p{

    position: relative;

    margin-bottom:20px;

    padding-bottom:5px;

}

.product .product-left-box .swiper-slide .product-list p::before{

    content:'';

    display: block;

    width:15px;

    height:2px;

    background:#00a54f;

    position: absolute;

    bottom:0;

    left:0;

}

.product .product-left-box .swiper-slide .product-img{

    padding:10px;

    border:1px solid #ddd;

}

.product .product-left-box .swiper-slide .product-img img{

    width:100%;

}

.product .product-left-box .swiper-button-next, .product .product-left-box .swiper-button-prev{

    top:60%;

}

.product .product-left-box .swiper-button-next:focus, .product .product-left-box .swiper-button-prev:focus{

    outline:none;

}

.product .product-left-box .swiper-button-next, .product .product-left-box .swiper-container-rtl .swiper-button-prev{

    background:url(../img/next.png) no-repeat top right !important;

    right:-30px;

}

.product .product-left-box .swiper-button-prev, .product .product-left-box .swiper-container-rtl .swiper-button-next{

    background:url(../img/prev.png) no-repeat !important ;

    left:-30px;

}

.product-right{

    margin-top:25px;

}

.product-right .product-type{

    position: relative;

    margin-bottom:25px;

}

.product-right .product-type:last-child{

    margin-bottom:0;

}

.product-right .product-type .product-type-img img{

    width:100%;

}

.product-right .product-type .product-type-name{

    position: absolute;

    bottom:10px;

    left:20px;

}

.product-right .product-type .product-type-name p{

    font-size: 24px;

    color:#fff;

    position: relative;

    padding-bottom:7px;

}

.product-right .product-type .product-type-name p::before{

    content:'';

    display: block;

    width:25px;

    height:2px;

    background:#00a54f;

    position: absolute;

    bottom:0;

    left:0;

}

@media (max-width:1400px){

    .product .product-box{

        width:95%;

    }

}

@media (max-width:992px){

    .product .product-box{

        padding:16% 0;

    }

    .product .product-left{

        padding-right:0;

    }

    .product .product-left-box .swiper-button-next, .product .product-left-box .swiper-container-rtl .swiper-button-prev{

        right:0;

    }

    .product .product-left-box .swiper-button-prev, .product .product-left-box .swiper-container-rtl .swiper-button-next{

        left:0;

    }

}



/* 解决方案 */

.solve{

    padding:6% 0;

}

.solve .solve-list {

    background:#f7f7f7;

}

.solve .solve-list .solve-img img{

    width:100%;

}

.solve .solve-list .solve-name{

    padding:20px 20px 35px 20px;

}

.solve .solve-list .solve-name h3{

    margin:0 0 15px 0;

    font-size: 18px;

    font-weight: bold;

    position: relative;

}

.solve .solve-list .solve-name h3::before{

    content:'';

    display: block;

    width:18px;

    height:2px;

    background:#00a54f;

    position: absolute;

    bottom:-8px;

    left:0;

}

.solve .solve-list .solve-name p{

    font-size: 14px;

    margin-bottom:0;

    color:#2b2b2b;

}

.solve .solve-list .solve-name span{

    display: inline-block;

    padding:6px 20px;

    border:1px solid #e0e0e0;

    font-size: 14px;

    border-radius: 2px;

    margin-top:10%;

    color:#2b2b2b;

}

/* 工程案例 */

.case{

    padding:5.8% 0;

    background:#f7f7f7;

}

.case .case-list{

    background:#fff;

    margin-bottom:20px;

}

.case .case-list .case-img img{

    width:100%;

}

.case .case-list .case-name{

    padding:5px 10px 10px 10px;

    text-align: center;

}

.case .case-list .case-name b{

    display: inline-block;

    width:25px;

    height:2px;

    background:#00a54f;

}

.case .case-list .case-name p{

    margin-bottom:0;

}

.case .case-list .case-name span{

    font-size: 14px;

    color:#2b2b2b;

}

@media (max-width:992px){

    .case-box{

        padding:0 20px;

    }

}

/* 新闻资讯 */

.news{

    padding:5.5% 0;

}

.news .news-img img{

    width:100%;

}

.news .news-list{

    padding:10.5px 0;

    border-bottom:1px dashed #eee;

}

.news .news-list .news-name{

    padding-left:15px;

    width:75%;

    overflow: hidden;

    white-space: nowrap;

    text-overflow: ellipsis;

    position: relative;

}

.news .news-list .news-name::before{

    content:'';

    display: block;

    position: absolute;

    left:0;

    top:7px;

    border-left: 4px solid #2b2b2b;

    border-top:4px solid transparent;

    border-bottom:4px solid transparent;

    border-right:4px solid transparent;

}

.news .news-list .news-time{

    width:25%;

    text-align: right;

}

/* 招贤纳士 */

.job{

    padding:6% 0;

    background:#f7f7f7;

}

.job .job-list{

    background:#fff;

    padding:40px 25px;

    margin-bottom:30px;

}

.job .job-list h3{

    margin:0 0 10px 0;

    font-size: 18px;

    font-weight: bold;

    position: relative;

}

.job .job-list h3::before{

    content:'';

    display: block;

    width:20px;

    height:2px;

    background:#00a54f;

    position: absolute;

    left:0;

    bottom:-5px;

}

.job .job-list h6{

    margin:0 0 5px 0;

    font-size: 14px;

    font-weight: bold;

    color:#2b2b2b;

}

.job .job-list p{

    margin:0 0 5px 0;

    font-size: 14px;

    line-height: 22px;

    color:#2b2b2b;

    overflow: hidden;

    text-overflow: ellipsis;

    display: -webkit-box;

    -webkit-box-orient: vertical;

    -webkit-line-clamp: 2;

}

.job .job-list span{

    display:inline-block;

    font-size: 14px;

    border:1px solid #e0e0e0;

    background:#f7f7f7;

    padding:7px 20px;

    border-radius: 2px;

    margin-top:5%;

    color:#2b2b2b;

}

.job .job-list span:hover{

    background:#00a54f;

    color:#fff;

}