@charset "utf-8";

/* Hschubin */
*{margin: 0;padding: 0;}
html {font-family: Arial,"Microsoft YaHei";font-size:625%;color: #333;}
body {max-width:640px;margin:auto;font-size:0;background:#fff;}
p,input {font-size:inherit;}
a{color:inherit;text-decoration: none;outline-style: none; border:none;}
ul,ol,li{list-style:none;}
img{max-width:100%;border:none;}
a,button,input,textarea{-webkit-tap-highlight-color: rgba(0,0,0,0); tap-highlight-color: rgba(0,0,0,0);}
em,i{font-style:normal;}
h1,h2,h3,h4,h5,h6{font-weight:normal;}
.clearfix{*zoom:1;}
.clearfix:before,.clearfix:after{content:'';display:block;height:0;clear:both;visibility:hidden;}
.bl{float:left;display:inline-block;}
.br{float:right;display:inline-block;}
.main{max-width:6rem;margin:0 auto;}
.img_box{display:table-cell;vertical-align:middle;text-align:center;}
.img_box img{vertical-align:middle;border:none;display:inline-block;max-width:100%;max-height:100%;}
.col-2{width:50%;float:left;display:inline-block;}
.col-3{width:33.33%;float:left;display:inline-block;}
.col-4{width:25%;float:left;display:inline-block;}


.sidebar-wrapper{position:relative;height:100%; overflow-y:auto;font-size: .20rem;display:none;}
#dowebok {background-color:rgba(0,0,0,.80);}
#dowebok .nav {margin-top:0.5rem; line-height:0.75rem;list-style-type:none;padding:0 0.2rem;}
#dowebok .nav a {display:block;color: #fff;text-decoration:none;}
[data-simplersidebar='active']{box-shadow: 3px 0px 3px 0px rgba(0, 0, 0, 0.5);}
#dowebok ul.nav li{border-bottom:1px solid #555;background:url(../images/angle.png) no-repeat 85% center;background-size:.1rem .16rem;}


.banner img{width:100%;}
.banner .swiper-pagination{text-align:center;bottom:.15rem;position:absolute;z-index:4;}
.banner .swiper-pagination-bullet{width:.1rem;height:.1rem;background:none;border:1px solid #fff;opacity:1;}
.banner .swiper-pagination-bullet-active{background: #fff}


.bannero{width:100%;max-width:6.4rem;}
.bannero img{width:100%;}


.header{height:1rem;background:#fff;position:relative;border-bottom:4px solid #0c5d3f;}
.header h1{width:3.9rem; height:1rem; position:absolute; left:0;top:0;}
.header h1 a{display:table-cell; vertical-align:middle; text-align:center; width:3.9rem; height:1rem;}
.header h1 img{vertical-align:middle;border:none;display:inline-block;max-width:100%;max-height:100%; margin-left:20px;}
.header .menu{width:.3rem;height:.25rem;float:right; background-position:center; background-repeat:no-repeat; background-image:url(../images/menu.png); background-size:.31rem .22rem; position:absolute; right:.3rem;top:.4rem; cursor:pointer;}


.footer{
    padding:.4rem 0;
    background:#181818;
}
.foot_nav ul li{
    width:20%;
    height:.21rem;
    line-height:.21rem;
    text-align:center;
    float:left;
    display:inline-block;
    font-size:.17rem;
    color:#b7b7b7;
}
.foot_nav ul li a{
    border-left:1px solid #fff;
    display:block;
}
.foot_nav ul li:nth-child(1) a{
    border-left:0;
}
.foot_call{
    padding:.4rem 0;
}
.foot_call h4{
    font-size:.17rem;
    color:#b7b7b7;
    padding:.05rem 0;
}
.foot_call p{
    font-size:.23rem;
    color:#ff8402;
    font-style:italic;
}
.footer .text_box{
    font-size:.17rem;
    color:#b7b7b7;
    line-height:.3rem;
}




.htit1{
    padding:.4rem 0;
    color:#323232;
    text-align:center;
}
.htit1 h2{
    font-size:.3rem;
    background:url(../images/htit1_bg.png) no-repeat center;
    padding:.05rem 0;
}
.htit1 p{
    font-size:.17rem;
}






.index_pro{
    background:url(../images/index_probg.jpg) no-repeat center;
    background-size:6.4rem 8.98rem;
    width:100%;
    max-width:6.4rem;
    height:8.98rem;
}
.index_pro_slide .hd{
    margin-bottom:.3rem;
}
.index_pro_slide .hd li{
    width:1.9rem;
    height:.5rem;
    line-height:.5rem;
    text-align:center;
    display:inline-block;
    font-size:.18rem;
    color:#333;
    background:#c8c8c8;
    float:left;
    margin:0 .15rem .15rem 0;
    cursor:pointer;
}
.index_pro_slide .hd li.on{
    color:#fff;
    background:#0c5d3f;
}
.index_pro_slide .hd li:nth-child(3n){
    margin-right:0;
}
.index_pro_slide .bd .swiper-container{
    height:4.4rem;
}
.index_pro_slide .bd .swiper-slide{
    width:2.85rem;
}
.index_pro_slide .bd .swiper-slide .img_box{
    width:2.85rem;
    height:3rem;
}
.index_pro_slide .bd .swiper-slide p{
    height:.7rem;
    line-height:.7rem;
    text-align:center;
    font-size:.17rem;
    color:#303030;
    
}
.index_pro_slide .swiper-pagination{text-align:center;bottom:.15rem;position:absolute;z-index:4;}
.index_pro_slide .swiper-pagination-bullet{width:.12rem;height:.12rem;background:#a4a4a4;opacity:1;}
.index_pro_slide .swiper-pagination-bullet-active{background: #0c5d3f}
.index_pro_slide a.more{
    width:4.2rem;
    height:.45rem;
    line-height:.45rem;
    text-align:center;
    font-size:.18rem;
    color:#fff;
    background:#0c5d3f;
    display:block;
    margin:0 auto;
    margin-top:30px;
}




.about_text h2{
    font-size:.28rem;
    color:#136f4d;
    font-weight:bold;
    padding:.1rem 0;
}
.about_text em{
    font-size:.14rem;
    color:#8c8c8c;
    font-family:'Arial';
    line-height:.2rem;
}
.about_text i{
    width:100%;
    height:6px;
    display:inline-block;
    background:#c5e9dc;
    margin:.15rem 0;
}
.about_text p{
    font-size:.18rem;
    color:#444444;
    line-height:.28rem;
}


.index_tag_box{
    width:.73rem;
    height:.73rem;
    background:url(../images/index_tag_bg.png) no-repeat center;
    background-size:.73rem .73rem;
    line-height:.6rem;
    text-align:center;
    font-size:.22rem;
    color:#fff;
    position:absolute;
    top:0;
}






.index_about1{
    background:url(../images/index_about_bg1.jpg) no-repeat center;
    background-size:6.4rem 7.9rem;
    width:100%;
    max-width:6.4rem;
    height:7.9rem;
    position:relative;
}
.index_about1 .index_tag_box{
    right:.7rem;
}
.index_about1 .about_text{
    padding-top:.7rem;
}


.index_about2{
    background:url(../images/index_about_bg2.jpg) no-repeat center;
    background-size:6.4rem 8.69rem;
    width:100%;
    max-width:6.4rem;
    height:8.69rem;
    position:relative;
}
.index_about2 .index_tag_box{
    left:.2rem;
}
.index_about2 .about_text{
    padding-top:1rem;
}



.index_about3{
    padding-bottom:.7rem;
    position:relative;
}
.index_about3 .index_tag_box{
    right:.7rem;
    top:-.08rem;
}
.index_about3 .about_text{
    padding-top:.7rem;
}
.index_about3 h2{
    padding:0;
}
.index_about3 .about_text br{
    font-size:.17rem;
    line-height:.20rem;
}



.index_about_slide{
    width:5.5rem;
    height:3.75rem;
    margin: auto;
    margin-top:.3rem;
}
.index_about_slide .img_box{
    width:5.5rem;
    height:3.75rem;
}
.index_about_slide .swiper-container{
    height:4.2rem;
}
.index_about_slide .sPrev,
.index_about_slide .sNext{
    width:.5rem;
    height:.5rem;
    line-height:.5rem;
    text-align:center;
    display:inline-block;
    font-size:.3rem;
    font-family: '宋体';
    background:#0c5d3f;
    position:absolute;
    z-index: 300;
    top:40%;
    color:#fff;
    font-weight:bold;
    cursor:pointer;
}
.index_about_slide .sPrev{
    left:0;
}.index_about_slide .sNext{
    right:0;
}
.index_about_slide .swiper-pagination{text-align:center;bottom:.15rem;position:absolute;z-index:4;}
.index_about_slide .swiper-pagination-bullet{width:.12rem;height:.12rem;background:#a4a4a4;opacity:1;}
.index_about_slide .swiper-pagination-bullet-active{background: #0c5d3f}




.index_about4{
    background:url(../images/index_about_bg4.jpg) no-repeat center;
    background-size:6.4rem 1.15rem;
    width:100%;
    max-width:6.4rem;
    height:1.15rem;
}




.index_honor{
    padding:.4rem 0;
    background:#f2f2f2;
}
.index_honor h2{
    height:.4rem;
    line-height:.4rem;
    font-size:.2rem;
    color:#313131;
    text-indent:.15rem;
    background:url(../images/h2bg.jpg) no-repeat left center;
    margin-bottom:.3rem;
}
.index_honor_slide{
    width:6rem;
}
.index_honor_slide .img_box{
    width:6rem;
    height:3rem;
}
.index_honor_slide p{
    width:6rem;
    height:.6rem;
    line-height:.6rem;
    font-size:.17rem;
    color:#373737;
    text-align:center;
}
.index_honor_slide .swiper-container{
    height:3.9rem;
}
.index_honor_slide .sPrev,
.index_honor_slide .sNext{
    width:.5rem;
    height:.5rem;
    line-height:.5rem;
    text-align:center;
    display:inline-block;
    font-size:.3rem;
    font-family: '宋体';
    background:#0c5d3f;
    position:absolute;
    z-index: 300;
    top:35%;
    color:#fff;
    font-weight:bold;
    cursor:pointer;
}
.index_honor_slide .sPrev{
    left:0;
}.index_honor_slide .sNext{
    right:0;
}
.index_honor_slide .swiper-pagination{text-align:center;bottom:.15rem;position:absolute;z-index:4;}
.index_honor_slide .swiper-pagination-bullet{width:.12rem;height:.12rem;background:#a4a4a4;opacity:1;}
.index_honor_slide .swiper-pagination-bullet-active{background: #0c5d3f}

.index_honor_slide a.more{
    width:4.2rem;
    height:.45rem;
    line-height:.45rem;
    text-align:center;
    font-size:.18rem;
    color:#fff;
    background:#0c5d3f;
    display:block;
    margin:0 auto;
    margin-top:.2rem;
}


.index_case{
    text-align:center;
    padding-bottom:.3rem;
}
.index_case_box .list_box{
    width:2.85rem;
    display:inline-block;
    margin-bottom:.3rem;
}
.index_case_box .list_box .img_box{
    width:2.85rem;
    height:3rem;
}
.index_case_box .list_box p{
    height:.6rem;
    line-height:.6rem;
    font-size:.17rem;
    color:#464646;
    background:#f1f1f1;
}
.index_case a.more{
    width:4.2rem;
    height:.45rem;
    line-height:.45rem;
    text-align:center;
    font-size:.18rem;
    color:#fff;
    background:#0c5d3f;
    display:block;
    margin:0 auto;
    margin-top:.2rem;
}




.index_news{
    padding-bottom:.6rem;
}
.index_news .htit1{
    padding-bottom:.2rem;
}
.index_news_box{
    padding-bottom:.3rem;
}
.index_news_box .list_box{
    padding:.3rem 0;
    border-bottom:1px solid #d2d2d2;
}
.index_news_box .list_box h3{
    padding-left:.2rem;
    font-size:.18rem;
    color:#3b3b3b;
    background:url(../images/h2bg.jpg) no-repeat left center;
}
.index_news_box .list_box i{
    font-size:.15rem;
    color:#7b7b7b;
    display:inline-block;
    padding:.1rem 0 .1rem .2rem;
}
.index_news_box .list_box p{
    font-size:.17rem;
    color:#6d6d6d;
    padding-left:.2rem;
}
.index_news a.more{
    width:4.2rem;
    height:.45rem;
    line-height:.45rem;
    text-align:center;
    font-size:.18rem;
    color:#fff;
    background:#0c5d3f;
    display:block;
    margin:0 auto;
    margin-top:.2rem;
}






.about1{
    padding:.4rem 0;
}
.about1 h2{
    padding:0;
}
.about1 .about_text br{
    font-size:.17rem;
    line-height:.20rem;
}
.about2{
    background:url(../images/about_bg2.jpg) no-repeat center;
    background-size:6.4rem 7.69rem;
    width:100%;
    max-width:6.4rem;
    height:7.69rem;
}
.about3{
    background:url(../images/about_bg3.jpg) no-repeat center;
    background-size:6.4rem 7.68rem;
    width:100%;
    max-width:6.4rem;
    height:7.68rem;
}



.hdbtn{
    width:100%;
    height:.5rem;
    line-height:.5rem;
    font-size:.19rem;
    color:#fff;
    background:#0c5d3f url(../images/about_btn.png) no-repeat 5.85rem center;
    background-size:.29rem .29rem;
    display:inline-block;
    text-align:left;
    text-indent:.25rem;
}
.hdbtn a{
    display:block;
}


.expand_box{
    width:100%;
    display:inline-block;
}
.expand_box .nhd1{
    width:100%;
    height:.5rem;
    line-height:.5rem;
    font-size:.19rem;
    color:#fff;
    background:#0c5d3f url(../images/about_btn.png) no-repeat 5.85rem center;
    background-size:.29rem .29rem;
    display:inline-block;
    text-align:left;
    text-indent:.25rem;
    cursor:pointer;
}
.expand_box li{
    width:100%;
    height:.5rem;
    line-height:.5rem;
    font-size:.18rem;
    color:#333;
    background:#ccc;
    display:inline-block;
    text-align:left;
    text-indent:.25rem;
    cursor:pointer;
    position:relative;
    border-bottom:1px solid #f2f2f2;
}
.expand_box li.angle{
    background-image:url(../images/angle.png);
    background-repeat:no-repeat;
    background-position:96% center;
    background-size:5px 7px;
}
.expand_box li a{
    display:block;
}
.expand_box .nt2 li{
    text-indent:.5rem;
    background-color:#ddd;
}
.expand_box .nt3 li{
    text-indent:.8rem;
    background:#f2f2f2;
}
.expand_box ul{
    display:none;
}





.job_box{
    border-top:1px solid #bfbfbf;
}
.job_box .list_box{
    border-bottom:1px solid #bfbfbf;
}
.job_box .list_box .hd{
    padding:.15rem 0;
    cursor:pointer;
    position:relative;
}
.job_box .list_box .hd h4{
    font-size:.18rem;
    color:#444;
}
.job_box .list_box .hd p{
    font-size:.16rem;
    color:#888;
}
.job_box .list_box .hd span{
    width:1.3rem;
    height:.4rem;
    line-height:.4rem;
    text-align:center;
    background:#ff8402;
    color:#fff;
    font-size:.16rem;
    display:inline-block;
    position:absolute;
    top:.15rem;
    right:.2rem;
}
.job_box .list_box .bd{
    font-size:.17rem;
    color:#595959;
    line-height:.25rem;
    padding:.3rem 0;
    display:none;
}





.pages{
    font-size:.24rem;
    color:#fff;
    text-align:center;
    padding:.5rem 0;
}
.pages div{
    display:inline-block;
}
.pages a{
    width:.4rem;
    height:.4rem;
    line-height:.4rem;
    text-align:center;
    display:inline-block;
    background:#fff;
    color:#888;
    border:1px solid #bfbfbf;
    font-size:.15rem;
    float:left;
    margin:0 .04rem;
}
.pages a:hover,
.pages a.on{
    background:#1e7d5a;
    border:1px solid #1e7d5a;
    color:#fff;
}
.pages a.prev,
.pages a.next{
    font-family: '宋体';
    font-weight:bold;
}



.contact{
    padding:.4rem 0;

}
.contact_box{
    font-size:.17rem;
    color:#555;
    line-height:.28rem;
}
.contact_box h3{
    font-size:.2rem;
    color:353535;
    font-weight:bold;
}
.map{
    width:100%;
    max-width:6.4rem;
    height:5rem;
    margin-bottom:.3rem;
}
.map img{
    width:100%;
}




.messages{
    padding:.3rem 0 .4rem 0;
}
.messages .text_box{
    font-size:.17rem;
    color:#da0000;
    line-height:.25rem;
    padding:.2rem 0;
}
.messages_box .form_box{
    width:5.5rem;
    margin:0 auto;
    font-size:.17rem;
    color:#404040;
}
.messages_box .form_box p{
    padding-bottom:.25rem;
}
.messages_box .form_box input.text{
    width:100%;
    height:.6rem;
    text-indent:.1rem;
    font-family: '微软雅黑';
    border:1px solid #bfbfbf;
}
.messages_box .form_box textarea{
    width:5.3rem;
    height:2.5rem;
    border:1px solid #bfbfbf;
    padding:.1rem;
    font-family: '微软雅黑';
    font-size:.17rem;
    color:#404040;
}
.messages_box .form_box input.submit{
    display:block;
    width:2.6rem;
    height:.6rem;
    line-height:.6rem;
    text-align:center;
    font-size:.18rem;
    color:#404040;
    border-radius:.3rem;
    background:#dcdcdc;
    border:none;
    font-family: '微软雅黑';
    margin:0 auto;
}





.news{
    padding:.1rem 0 .2rem 0;
}
.news_box .list_box{
    padding:.3rem 0;
    border-bottom:1px solid #d2d2d2;
}
.news_box .list_box .img_box{
    width:2.7rem;
    height:1.65rem;
    float:left;
}
.news_box .list_box .text_box{
    width:3.1rem;
    float:right;
}
.news_box .list_box .text_box h3{
    font-size:.17rem;
    color:#444;
    padding:.15rem 0;
}
.news_box .list_box .text_box p{
    font-size:.16rem;
    color:#888888;
    line-height:.24rem;
    padding-bottom:.3rem;
}
.news_box .list_box .text_box i{
    font-size:.15rem;
    color:#888888;
}




.newsv{
    padding-bottom:.3rem;
}
.newsv_box{
    padding-bottom:.3rem;
}
.newsv_box .htit{
    font-size:.17rem;
    color:#888888;
    text-align:center;
    padding:.4rem 0;
}
.newsv_box .htit h2{
    font-size:.2rem;
    color:#444;
    padding:.05rem 0;
}
.newsv_box .text_box{
    font-size:.17rem;
    color:#555;
    line-height:.28rem;
}
.newsv .next_btn{
    font-size:.17rem;
    color:#444;
    line-height:.23rem;
    padding:.2rem 0;
    border-top:1px solid #d2d2d2;
}
.newsv .next_btn p{
    padding:.06rem 0;
}






.hj{
    text-align:center;
    padding:.4rem 0 .5rem 0;
}
.hj_box .list_box{
    width:2.80rem;
    display:inline-block;
    margin-bottom:.2rem;
}
.hj_box .list_box .img_box{
    width:2.80rem;
    height:2.2rem;
}
.hj_box .list_box p{
    height:.6rem;
    line-height:.6rem;
    font-size:.17rem;
    color:#464646;
    background:#fff;
}


.case{
    text-align:center;
    padding:.4rem 0 .5rem 0;
}
.case_box .list_box{
    width:2.85rem;
    display:inline-block;
    margin-bottom:.2rem;
}
.case_box .list_box .img_box{
    width:2.85rem;
    height:3rem;
}
.case_box .list_box p{
    height:.6rem;
    line-height:.6rem;
    font-size:.17rem;
    color:#464646;
    background:#fff;
}


.pro{
    text-align:center;
    padding:.4rem 0 .5rem 0;
}
.pro_box .list_box{
    width:2.85rem;
    display:inline-block;
    margin-bottom:.2rem;
}
.pro_box .list_box .img_box{
    width:2.85rem;
    height:3rem;
}
.pro_box .list_box p{
    height:.6rem;
    line-height:.6rem;
    font-size:.17rem;
    color:#464646;
    background:#fff;
}



.prov{
    text-align:center;
}
.prov_box{
    width:4rem;
    height:4rem;
    margin:0 auto;
    margin-top:.6rem;
    margin-bottom:.6rem;
}
.prov_box .img_box{
    width:4rem;
    height:4rem;
}
.prov .text_box{
    padding-bottom:.6rem;
}
.prov .text_box h2{
    height:.4rem;
    line-height:.4rem;
    font-size:.18rem;
    color:#3b3b3b;
    text-align:left;
    margin-bottom:.3rem;
    background:url(../images/pro_h2bg.jpg) no-repeat left bottom;
}
.prov .text_box .text{
    font-size:.17rem;
    color:#3b3b3b;
    line-height:.28rem;
    text-align:left;
}










.pro_other{
    text-align:center;
    padding:.4rem 0;
}
.pro_other h2{
    height:.4rem;
    line-height:.4rem;
    font-size:.18rem;
    color:#3b3b3b;
    text-align:left;
    margin-bottom:.3rem;
    background:url(../images/pro_h2bg.jpg) no-repeat left bottom;
}
.pro_other_box .list_box{
    width:2.85rem;
    display:inline-block;
    margin-bottom:.2rem;
}
.pro_other_box .list_box .img_box{
    width:2.85rem;
    height:3rem;
}
.pro_other_box .list_box p{
    height:.6rem;
    line-height:.6rem;
    font-size:.17rem;
    color:#464646;
    background:#fff;
}




.search{
    padding:.2rem 0;
    background:#ECECEC;
}
.search .main{
    position:relative;
}
.search form input.text{
    width:100%;
    height:.5rem;
    background:#fff;
    border:none;
    font-size:.2rem;
    color:#333;
    text-indent:.1rem;
    font-family: '微软雅黑';
}
.search form input.submit{
    width:1rem;
    height:.5rem;
    display:inline-block;
    position:absolute;
    top:0;right:0;
    border:0;
    background:#0A5C42;
    color:#fff;
    font-family: '微软雅黑';
    font-size:.18rem;
    cursor:pointer;
}









