﻿@font-face {
    font-family: sanfrans;
    src: url(../fonts/sanfrans.ttf);
}

@font-face {
    font-family: sanfrans_bold;
    src: url(../fonts/sanfrans_bold.ttf);
}
@font-face {
    font-family: sanfrans_heavy;
    src: url(../fonts/sanfranciscodisplay-heavy-webfont.ttf);
}
@font-face {
    font-family: reznor;
    src: url(../fonts/reznor.ttf);
}




@media screen and (min-width: 1201px) {}


/*通用*/
.ShareAll{
    width: 100%;
    overflow: hidden;
}
.Share{
    width: 1200px;
    overflow: hidden;
}
.editor p img{
    margin: 0px auto;
}

    /*头部导航*/
    .nav_auto{
        background-color: #1b906a;
        height: 80px;
        position: fixed;
        top: 0px;
        z-index: 10;
    }
        .nav_border{
            width: 1200px;
            height: 80px;
        }
            .nav_border ul:last-child li {
                float: left;
                padding: 0 30px;
                line-height: 80px;

            }
                .nav_border ul:last-child li a{
                    color: #fff;
                }
                .nav_border ul:last-child li a:hover{
                    color: #ff0;
                }

    /*banner*/
    .banner_auto{
        position: relative;
        overflow: hidden;
        margin-top: 80px;
    }
        .banner_border{
            position: absolute;
            top: 0px;
            left: 50%;
            margin-left: -960px;
            z-index: 5;
        }
    /* banner切换 */
    .slideBox{ width:1920px; height:500px; overflow:hidden; position:relative;   }
    .slideBox .hd{ height:15px; overflow:hidden; position:absolute; left: 48%; bottom:15px; z-index:1; }
    .slideBox .hd ul{ overflow:hidden; zoom:1; float:left;  }
    .slideBox .hd ul li{ float:left; margin-right:15px;  width:15px; height:15px; line-height:14px; text-align:center; background:#fff; cursor:pointer; border-radius: 15px; }
    .slideBox .hd ul li.on{ background:#13d08d; color:#fff; }
    .slideBox .bd{ position:relative; height:100%; z-index:0;   }
    .slideBox .bd li{ zoom:1; vertical-align:middle; }
    .slideBox .bd img{ width:1920px; height:500px; display:block;  }

    /* 下面是前/后按钮代码，如果不需要删除即可 */
    .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;  }
    /*首页标题组*/
    .title_home{
        width: 100%;
    }
        .title_home h1{
            text-align: center;
            text-transform: uppercase;
            font-size: 14px;
            color: #999;
            padding-bottom: 40px;
        }
            .title_home h1 i{
                color: #31a030;
            }
    .title_home h1:first-child{
        padding-top: 60px;
        font-size: 24px;
        padding-bottom: 12px;
        color: #333;
    }
    /*我们的优势*/
    .advantage{
        width: 1200px;
        overflow: hidden;
        border-bottom: 1px solid #e5e5e5;
    }
        .advantage ul{
            width: 285px;
            height: 355px;
            float: left;
            padding-right: 20px;
        }
        .advantage ul:last-child{
            padding-right: 0px;
        }
            .advantage ul img{
                margin: auto;
            }
            .advantage ul li{
                line-height: 80px;
                font-size: 18px;
                margin: auto;
                text-align: center;
            }
            .advantage ul p{
                font-size: 14px;
                color: #666;
                line-height: 26px;
                margin: auto;
                text-align: center;
            }
    /*我们概况*/
    .kangrui{
        width: 1200px;
        overflow: hidden;
    }
        .kangrui_body{
            width: 970px;
            overflow: hidden;
        }
            .kangrui_body ul{
                width: 455px;
                height: 355px;
                float: left;
                padding:0 60px 60px 0;

            }
            .kangrui_body ul:nth-child(2n){
                padding-right: 0px;
            }
                .kangrui_body ul h1{
                    height: 26px;
                    border-left: 4px solid #4576ee;
                    font-size: 24px;
                    line-height: 24px;
                    padding-left: 10px;
                }
                .kangrui_body ul h2{
                    color: #999;
                    font-size: 14px;
                    line-height: 30px;
                    padding-left: 14px;
                }
                .kangrui_body ul li{
                    color: #666;
                    font-size: 14px;
                    line-height: 24px;
                    padding: 15px 0 50px 14px;

                }
    /*产品介绍*/
    .products{
        background-color: #f2f2f2;
        overflow:  hidden ;
    }
        .products_body{
            width: 1200px;
            margin: auto;
        }
            .products_scroll{
                width: 1200px;
                height: 215px;

            }
                /*.products_scroll ul{*/
                    /*width: 200px;*/
                    /*height: 215px;*/
                    /*background-color: #fff;*/
                    /*margin-right: 30px;*/
                    /*float: left;*/
                /*}*/
            .more_botton{
                width: 140px;
                height:40px;
                border-radius: 5px;
                border: 1px solid #31a030;
                background: #31a030;
                margin: 50px auto;
                text-align: center;
                line-height: 40px;
            }
                .more_botton a{
                    font-size: 14px;
                    color: #fff;

                }
    /* 首页产品滚动css */
    .picMarquee-left{ width:1200px;  overflow:hidden; position:relative;height: 215px;     }

    .picMarquee-left .bd{   }
    .picMarquee-left .bd ul{ overflow:hidden; zoom:1; }
    .picMarquee-left .bd ul li{ width: 200px;height: 215px;background-color: #fff;margin-right: 30px; float:left; _display:inline; overflow:hidden; text-align:center;  }
    .picMarquee-left .bd ul li .pic{ text-align:center; }
    .picMarquee-left .bd ul li .pic img{ width:160px; height:130px; display:block; padding:20px;  }
    .picMarquee-left .bd ul li .pic a:hover img{ border-color:#999;  }
    .picMarquee-left .bd ul li .title a{ line-height:24px; font-size: 14px; color: #333 }

    /*施工案例*/
    .case{
        width: 1200px;
        overflow: hidden;
    }
        .case ul{
            overflow: hidden;
        }
            .case ul a{
                width: 280px;
                height:270px;
                display: block;
                border: 1px solid #e5e5e5;
                float: left;
                margin: 0 21px 20px 0;
            }
            .case ul a:nth-child(4n){
                margin-right: 0px;
            }
            .case ul a:hover{
                border: 1px solid #13d08d;
            }
                .case ul a img{
                    width: 260px;
                    height:205px;
                    padding:10px;
                    cursor: pointer;
                }
                .case ul a p{
                    height:40px;
                    line-height: 35px;
                    text-align: center;
                    color: #333;
                }
    /*公司简介*/
    .about{
        background:url("../images/idx_ab.jpg") center no-repeat;
        overflow:  hidden ;
    }
        .about_body{
            width: 1200px;
            height: 600px;
            margin: auto;
        }

        .about_body .about_border ul{
            width: 570px;
            padding-right: 60px;
            float: left;
            color: #fff;
            font-size: 15px;
            line-height: 28px;
            text-indent: 2em;
        }
        .about_body .about_border ul:last-child{
            padding-right: 0px;
        }
    /*公司荣誉*/
    .Honor{
        width: 1200px;
        overflow: hidden;
    }
        .Honor ul{
            overflow: hidden;
        }
            .Honor ul a{
                width: 358px;
                height:253px;
                display: block;

                float: left;
                margin: 0 60px 60px 0;
            }
            .Honor ul a:nth-child(3n){
                margin-right: 0px;
            }
                .Honor ul a:hover img{
                    border: 1px solid #13d08d;
                }
                .Honor ul a img{
                    width: 340px;
                    height:227px;
                    padding:8px;
                    border: 1px solid #e5e5e5;
                    cursor: pointer;
                }
                .Honor ul a p{
                    height:60px;
                    line-height: 60px;
                    text-align: center;
                    color: #333;
                }
    /*品牌合作*/
    .brand{
        width: 100%;
       background-color: #f2f2f2;
        overflow:  hidden ;
    }
    .brand_body{
        width: 1200px;
        height: 464px;
        margin: auto;
    }
    /*网站底部*/
    .boom{
        width: 100%;
        background-color: #333333;
        overflow:  hidden ;
    }
        .boom_body{
            width: 1200px;
            height: 130px;
            border-bottom: 1px solid #fff;
            padding-top: 60px;
            margin: auto;
        }
            .boom_body img:first-child{
                padding-left: 55px;
                padding-right: 98px;
                border-right: 1px solid #d8dced;
                float: left;
            }
            .boom_body ul:nth-child(2){
                padding-left: 100px;
                width: 290px;
                float: left;
                color: #fff;
            }
            .boom_body ul:nth-child(2) h1{
                font-size: 24px;
            }
            .boom_body ul:nth-child(2) li{
                padding-top: 20px;
                color: #ccc;
                font-size: 14px;
            }
            .boom_body ul:nth-child(3){
                width: 290px;
                float: left;
                background: url("../images/tel.jpg") no-repeat top left;
                padding-left: 40px;
                color: #fff;
            }
            .boom_body ul:nth-child(3) h1{
                color: #13d08d;line-height: 26px;
                font-size: 29px;
            }
            .boom_body ul:nth-child(3) li{
                padding-top: 30px;
            }
            .boom_body img:last-child{
                float: left;
            }
    .boom_body1{
        width: 1200px;
        height: 70px;
        margin: auto;
        text-align: center;
        line-height: 70px;
        color: #ccc;
        font-size: 14px;
    }

/*内页banner*/
.ny_banner_auto{
    position: relative;
    overflow: hidden;
    margin-top: 80px;
}
.ny_banner_border{
    position: absolute;
    top: 0px;
    left: 50%;
    margin-left: -960px;
    z-index: 5;
}

.ny_banner_border ul{
    width: 470px;
    position: absolute;
    margin-left: 50%;
    left: -235px;
    top: 45px;
    z-index: 6;
}
.ny_banner_border ul h1{
    text-align: center;
    font-size: 24px;
    color: #31a030;
}
.ny_banner_border ul li{
    margin-top: 10px;
    text-align: center;
    font-size: 16px;
    color: #666;
}
/**about**/
.about_01 img{
    float: left;
}
.about_01 ul{
    width: 600px;
    float: right;
}
.about_01 ul h1{
    padding-bottom: 20px;
}
.about_01 ul li{
    font-size: 14px;
    color: #555;
    line-height: 25px;
    text-indent: 2em;
}
/**service**/
.service_01{

}
.service_01 img{

}
.service_01 ul{
    width: 560px;

}
.service_01 ul h1{
    padding-bottom: 20px;
}
.service_01 ul li{
    font-size: 14px;
    color: #666;
    line-height: 24px;
}
.service_01 ul li b{
    color: #333;
    font-weight: bold;
}
/**products**/
.products_01{
    font-size: 12px;
    color: #999;
    line-height:70px;
}
.products_02 {

    overflow: hidden;
    text-align: center;
    padding: 10px;
}
.products_02 a{
    border: 1px solid #31a030;
    background-color: #31a030;
    border-radius: 10px;
    padding: 10px ;
    margin: 10px;
    line-height: 40px;
    font-size: 14px;
    color: #fff;

}
.products_02 a:hover{
    background-color: #16bb14;
    color: #fff;
}
.products_03 ul{
    width: 360px;
    height: 360px;
    float: left;
    padding-right: 60px;
}
.products_03 ul:nth-child(3n){
    padding-right: 0px;
}
.products_03 ul img{
    width: 340px;
    height: 273px;
    padding: 9px;
    border: 1px solid #ccc;
    cursor: pointer;
}
.products_03 ul li{
    font-size: 18px;
    text-align: center;
    line-height: 60px;
}
.products_04 img{
    float: left;
    width: 580px;
    height: 580px;
    padding: 9px;
    border: 1px solid #cccccc;
}
.products_04 ul{
    width: 560px;
    float: right;
}
.products_04 ul h1{
    padding-bottom: 20px;
}
.products_04 ul li{
    font-size: 14px;
    color: #666;
    line-height: 25px;

}
.products_05  a{
    line-height: 60px;
    font-size: 14px;
    color: #666;
}
/**case**/
.case_01 ul{
    width: 360px;
    height: 450px;
    float: left;
    padding-right: 60px;
}
.case_01 ul:nth-child(3n){
    padding-right: 0px;
}
.case_01 ul img{
    width: 340px;
    height: 230px;
    padding: 9px;
    border: 1px solid #ccc;
}
.case_01 ul li{
    font-size: 15px;
    text-align: center;
    line-height: 60px;
}
/**news**/
.news_01 ul{
    width: 100%;
    height: 130px;
    float: left;
    border-bottom: 1px solid #e0dfdf;
    padding-top: 30px;
}
.news_01 ul i{
    width: 100px;
    height: 100px;
    background-color: #f2f2f2;
    float: left;
    text-align: center;

}
.news_01 ul i span{
    line-height: 60px;
    font-size: 50px;
    font-family: Arial;
    text-align: center;
    padding-top:8px;
    display: block;
}
.news_01 ul li{
    width: 1050px;
    float: left;
    padding-left: 22px;
}
.news_01 ul li a{
    font-size: 18px;
    display: block;
    padding-bottom: 25px;
    font-weight: bold;
}
.news_01 ul li p{
    font-size: 12px;
    color: #999;
    line-height: 22px;
}
.news_02 h1{
    width: 100%;
    font-size: 24px;

    text-align:center;
}
.news_02 span{
    display: block;
    width: 100%;
    font-size: 12px;
    color: #999;
    text-align:center;
    line-height: 60px;
}
.news_02  ul{
    overflow: hidden;
    line-height: 28px;
    padding: 20px;
    color: #666;
    font-size: 14px;
}
/**contact**/

.contact_01{
    position: relative;
}

.contact_01 ul{
    width: 1200px;
    padding-top: 50px;
    padding-bottom: 50px;

}
.contact_01 ul h1{
    padding-bottom: 20px;
}
.contact_01 ul li{
    font-size: 14px;
    color: #666;
    line-height: 24px;
}
.contact_01 ul li b{
    color: #333;
    font-weight: bold;
}

/***新闻详情页***/
.container_nr {
    width: 100%;
    height: auto;
    overflow: hidden;
    z-index: 4;
}

.content {
    height: auto;
    margin: 0 auto;
    max-width: 1200px;
    overflow: hidden;
}

.container_tit {
    width: 100%;
    height: auto;
    overflow: hidden;
    text-align: center;
    color: #333;
    margin: 48px 0;
}

.matter {
    width: 100%;
    height: auto;
    overflow: hidden;
    background: #fafafa;
    margin-bottom: 30px;
}

.container_tit span {
    background-image: url('../images/icon-xjt.png');
    display: inline-block;
    width: 16px;
    height: 9px;
    margin-top: 28px;
}

.pad {
    padding: 50px 50px 50px 50px;
    min-height: 400px;
}

.newsdetail_tit {
    width: 100%;
    height: auto;
    overflow: hidden;
    text-align: center;
}

.newsdetail_tit h2 {
    font-size: 18px;
    color: #333;
    font-weight: bold;
}

.newsdetail_tit span {
    display: block;
    margin-top: 12px;
    padding-left: 220px;

}

.newsdetail_tit span b {
    padding-right: 20px;
    font-size: 12px;
    color: #999;
    float: left;
    display: block;
    line-height: 30px;
}

.newsdetail_nr {
    width: 100%;
    height: auto;
    overflow: hidden;
    margin-top: 40px;
}

.newsdetail_nr p {
    font-size: 14px;
    color: #666;
    line-height: 26px;
}

.newsdetail_nr img {
    margin: 30px auto 0 auto !important;
}



.news_updown{
    padding-top: 30px; 
    width:1100px; 
    margin: 0px auto; 
    text-align: center;
    border-top:1px dotted #ccc;
    font-size: 14px;
    font-family: 微软雅黑;
    color: #333;
}
.news_updown a{
    color: #666;
    font-size: 14px;

}
.news_updown .active1{
    /*float: left;*/
    margin:0 5px;
    min-width: 100px;
    padding: 0px 10px;
    height: 38px;
    line-height: 38px;
    background: #999;
    color: #e8e8e8;
    font-size: 14px;
    border: 1px solid #999;
    border-radius:5px;
    display:inline-block;
    cursor: pointer;
}
.news_updown .active2{
    /*float: left;*/
    margin:0 5px;
    min-width:100px;
    height: 38px;
    padding: 0px 10px;
    line-height: 38px;
    background: #f2f2f2;
    color: #777777;
    font-size: 14px;
    border: 1px solid #f2f2f2;
    border-radius:5px;
    display:inline-block;
}
.news_updown .active2 a:hover{ color: #f55f0d;}
/***分页***/

.pagination {
    width: 1200px;
    overflow: hidden;
    padding-left: 0;
    margin: 20px auto;
    border-radius: 0
}

.pagination>li {
    display: inline
}

.pagination>li>a,
.pagination>li>span {
    position: relative;
    float: left;
    padding: 8px 12px;
    line-height: 1.42857143;
    text-decoration: none;
    color: #2780E3;
    background-color: #fff;
    border: 1px solid #ddd;
    margin-left: -1px
}

.pagination>li:first-child>a,
.pagination>li:first-child>span {
    margin-left: 0;
    border-bottom-left-radius: 4px;
    border-top-left-radius: 4px;
}

.pagination>li:last-child>a,
.pagination>li:last-child>span {
    border-bottom-right-radius: 4px;
    border-top-right-radius: 4px;
}

.pagination>li>a:hover,
.pagination>li>span:hover,
.pagination>li>a:focus,
.pagination>li>span:focus {
    z-index: 2;
    color: #165ba8;
    background-color: #e6e6e6;
    border-color: #ddd
}

.pagination>.active>a,
.pagination>.active>span,
.pagination>.active>a:hover,
.pagination>.active>span:hover,
.pagination>.active>a:focus,
.pagination>.active>span:focus {
    z-index: 3;
    color: #999999;
    background-color: #f5f5f5;
    border-color: #ddd;
    cursor: default
}

.pagination>.disabled>span,
.pagination>.disabled>span:hover,
.pagination>.disabled>span:focus,
.pagination>.disabled>a,
.pagination>.disabled>a:hover,
.pagination>.disabled>a:focus {
    color: #999999;
    background-color: #fff;
    border-color: #ddd;
    cursor: not-allowed
}

.pagination-lg>li>a,
.pagination-lg>li>span {
    padding: 10px 16px;
    font-size: 18px;
    line-height: 1.3333333
}

.pagination-lg>li:first-child>a,
.pagination-lg>li:first-child>span {
    border-bottom-left-radius: 0;
    border-top-left-radius: 0
}

.pagination-lg>li:last-child>a,
.pagination-lg>li:last-child>span {
    border-bottom-right-radius: 0;
    border-top-right-radius: 0
}

.pagination-sm>li>a,
.pagination-sm>li>span {
    padding: 5px 10px;
    font-size: 12px;
    line-height: 1.5
}

.pagination-sm>li:first-child>a,
.pagination-sm>li:first-child>span {
    border-bottom-left-radius: 0;
    border-top-left-radius: 0
}

.pagination-sm>li:last-child>a,
.pagination-sm>li:last-child>span {
    border-bottom-right-radius: 0;
    border-top-right-radius: 0
}

.idx-advantage{
    background: url(../images/idx_advan.jpg) center no-repeat;
    padding:80px 0;
    overflow: hidden;
}
h2.pubh2 {
    text-align: center;
    font-size: 30px;
    line-height: 24px;
    letter-spacing: 2px;
    color: #333;
    display: flex;
    margin: 0px auto;
    width: 200px;
    padding-bottom: 10px;
}
h2.pubh2 img {
    width: 11px;
    height: 11px;
    margin: 5px 10px 0 10px;
}
h3.pub_h3 {
    text-align: center;
    font-weight: 100;
    margin-bottom: 30px;
    font-size: 16px;
    text-transform: uppercase;
    color: #999;
    letter-spacing: 8px;
    font-family: 'deckerregular';
}
.w1200 {
    width: 1200px;
    margin: 0 auto;
}

.idx-advantage-cnt ul{
    width:1230px;
}
.idx-advantage-cnt ul li{
    float:left;
    width:180px;
    height:180px;
    text-align: center;
    background:#fff;
    margin-right:30px;
    border:1px solid #ddd;
    border-radius: 100%;
    padding:17px;
    cursor:pointer;
    transition: background 0.5s;
}
.idx-advantage-cnt ul li h4{
    font-size:36px;
    padding:35px 0 25px;
}
.idx-advantage-cnt ul li hr{
    border: 0;
    width:100px;
    margin:0 auto 20px;
    height:1px;
    background:#dddddd;
}
.idx-advantage-cnt ul li p{
    font-size:16px;
}
.idx-advantage-cnt ul li:hover{
    background: #2fa132;
}
.idx-advantage-cnt ul li:hover .box{
    width:100%;
    height:100%;
    border-radius: 100%;
    border:1px dashed #fff;
}
.idx-advantage-cnt ul li:hover h4,.idx-advantage-cnt ul li:hover p{
    color:#fff;
}
.idx-advantage-cnt ul li:hover hr{
    background: #fff;
}
.idx-advantage-cnt ul li h4 {
    color: #2fa132;
    font-size: 36px;
    padding: 35px 0 25px;
}
/**about**/
.culture {
    background: #f5f5f5;
    padding: 100px 0 100px;
    overflow: hidden;
}
.culture .culture_ln{
    float:left;
    width:520px;
}
.culture .culture_ln ul li{
    background:#fff;
    height:60px;
    padding:40px 0;
    margin-bottom:10px;
    overflow: hidden;
}

.culture .culture_ln ul li figure {
    float: left;
    height: 60px;
    width: 144px;
    text-align: center;
    border-right: 1px solid #e4e4e4;
    display: flex;
    justify-content: center;
}
.culture .culture_ln ul li .box{
    float:left;
    width:345px;
    padding:0 0 0 30px;
}
.culture .culture_ln ul li .box h3{
    font-size:24px;
    margin-bottom: 13px;
    color: #666;
}
.culture  .box{
    background: #fff;
    float:right;
    padding:23px 30px 23px;
    width:600px;
    
}
.culture  .box h3{
    font-size:24px;
    margin-bottom: 13px;
}
.culture .box p {
    color: #666;
    font-size: 15px;
    margin-bottom: 25px;
    line-height: 26px;
}
.service_k{
    width: 100%;
    position: relative;
    overflow: hidden;
}
.service_k1{
    width: 1920px;
    position: absolute;
    left: 50%;
    margin-left: -960px;
}