@charset "utf-8";

@import "base.css";

body{font-size:14px;color:rgb(51, 51, 51);line-height:1.5;overflow-x:hidden;font-family:"Microsoft YaHei","raleway","HelveticaNeue-Light","Helvetica Neue Light","Helvetica Neue",Helvetica,Arial,"Lucida Grande",sans-serif;}


a{color:#000000;-webkit-transition:all 300ms ease;-moz-transition:all 300ms ease;-ms-transition:all 300ms ease;-o-transition:all 300ms ease;transition:all 300ms ease;}
a:hover, a:focus{color:#5abc2a;text-decoration:none;}
a:focus{outline:none !important;}

.menu-button {width:30px;top: 20px;right: 20px;cursor: pointer;-webkit-transition: .3s;transition: .3s;display: none;position: fixed;z-index: 999;background: rgba(0,0,0,0.2);padding: 5px;}
.menu-button .bar {position: relative;display: block;width:100%;height:3px;background: #fff;border-radius: 10px;-webkit-transition: .3s;transition: .3s;}
.menu-button .bar:nth-of-type(2) {margin:8px 0;}
.cross .bar:nth-of-type(1) {-webkit-transform: translateY(10px) rotate(-45deg);-ms-transform: translateY(10px) rotate(-45deg);transform: translateY(10px) rotate(-45deg);}
.cross .bar:nth-of-type(2) {opacity: 0;}
.cross .bar:nth-of-type(3) {-webkit-transform: translateY(-12px) rotate(45deg);-ms-transform: translateY(-12px) rotate(45deg);transform: translateY(-12px) rotate(45deg);}


.container{width: 96%;margin: auto}
.main{width: 96%;margin: auto;max-width: 1000px;}

.main_page{padding: 120px 0 30px;}

.top{width:100%;position:fixed;left:0;top:0;z-index:998;box-shadow:0 0 3px #888;background-color:#fff;opacity:0.9;padding:15px 0;}
.top .logo{width: 150px;float: left;margin-right: 20px;}

.nav{float: left}
.nav ul li{display: inline-block;font-size: 14px;line-height: 3;position: relative}
.nav ul li a{padding:0 20px;display: block;}
.nav ul li>a{padding:0 20px;font-size: 16px;}
.nav ul li a:hover{color:#fff;background:#5ab946;}
.top .nav ul li.open>a{color:#fff;background:#00943b;}

.nav ul li>ul{left: 0;top: 100%;z-index: 2000;position: absolute;background:rgba(255, 255, 255, 0.80);display: none}
.nav ul li>ul>li{width: 100%;display: block}
.nav ul li>>ul>li>a{padding:0 20px;font-size: 15px;}
.nav ul li.open>ul,.nav ul>li:hover>ul{display: block}
.nav ul li>ul>li dl{position:absolute;left: 100%;top: 0;background-color: rgba(255, 255, 255, 0.80);width: 100%;font-size: 12px;display: none}
.nav ul li.open>ul>li.open dl,.nav ul li.open>ul>li:hover dl,
.nav ul li:hover>ul>li.open dl,.nav ul li:hover>ul>li:hover dl {display: block}

@media only screen  and (max-width:812px) {
    .no_mobile{display: none!important;}
    .menu-button{display: block}

    .main_page{padding:100px 0 15px;}

    .top{opacity: 1;}
    .top .logo{float: none;margin: auto;}


    .nav{float: none;position: fixed;width: 100%;height: 100%;top: 0;left: 0;background: #00933b;z-index: 98;display: none}
    .nav.open{display: block}
    .nav ul li{display: block;text-align: center;}
    .nav ul li:first-child{margin-top: 50px;}
    .nav ul li a{padding:0;color: #fff;}
    .nav ul li>ul{display: none !important;}
}


.in-tex {border: 2px solid #00943B;margin:0 8px;padding:11px 20px;font-weight: 700;transition: all .5s ease;font-size:14px;}
.in-tex:hover {color:#fff;background-color:#00943B;}

.in-tex1{transition:all .5s ease;color:#fff;}


.indexText{padding:6vh 10px;}
.indexText h3{font-size: 34px;letter-spacing: 2px;}
.indexText p{padding: 2vh 0;font-size: 18px;}
.indexText a{border: 2px solid #00943B;font-size: 16px;line-height: 2.5;margin: 8px;padding: 0 20px;transition: all .5s ease;display: inline-block;}


.m_pro{display: none}
.m_pro .ul1 li,.m_pro .ul2 li{width: 100%;margin-top: 20px;font-size: 18px;text-align: center;position: relative}
.m_pro .ul1 li a{position:absolute;bottom:0;right:2px;}
.m_pro .ul1 li a,.m_pro .ul2 li span{color: #fff;background-color: rgba(0,148,59, 0.8);padding: 0 10px;display: inline-block;font-size: 14px;line-height: 2;}
.m_pro .ul2 li{}
.m_pro .ul2 li .text{position: absolute;left: 50%;top: 50%;transform: translate(-50%,-50%);width: 96%;}
.m_pro .ul2 li .text h3{margin:10px 0;padding: 8px 20px;font-weight: 700;font-size:15px;color: #fff;background: rgba(0, 0, 0, 0.3);display: inline-block;}



.box ul.ul1 li{width: 50%;float: left;text-align: center;color: #333333}
.box ul li .img{position: relative}
.box ul li .img .mask{opacity:0;height:100%;background:rgba(0,0,0,0.5);color:#00943B;width: 100%;top: 0;left: 0;position:absolute}
.box ul li .img .mask span{position: absolute;left: 50%;top: 50%;transform: translate(-50%,-50%)}
.box ul li .text{margin: 20px 0;font-size:18px;line-height: 2}
.box ul li .text h3{font-size:24px;}
.box ul li:hover .mask{opacity: 1}
.box ul li:hover .text a{color: #00943b}


.box ul.ul2 li{width:31.3%;margin: 20px 1%;float: left;}



.footer_t{background:#e1e3e5;margin:0 auto;padding:35px 0;*font-family:'open_sansregular', Arial, Helvetica, sans-serif;font-size:13px;color:#838588;}
.footer_t .container{max-width: 1000px;}
.footer_t ul li{line-height:1.6;width: 33.3%;float: left;text-align: center}
.footer_t h4{color:#838588;margin-bottom:15px;}
.footer_t a:hover{color:#00943b;}
.footer_b{background:#ebeced;padding:15px 0;font-size: 12px;line-height:1.8}

@media only screen  and (max-width:812px) {
    .indexText{padding:4vh 10px 3vh;}
    .indexText h3{font-size:20px;letter-spacing:0;}
    .indexText p{font-size: 14px;}
    .indexText a{font-size: 14px;line-height: 2.5;margin: 8px;padding: 0 20px;}

    .box ul.ul1 li,.box ul.ul2 li{width:96%;float: none;margin :0 auto 15px;}
    .box ul li .text{font-size:16px;line-height: 1.5}
    .box ul li .text h3{font-size:16px;}



}
@media only screen  and (max-width:640px) {
    body{font-size: 12px;}
    .m_pro{display: block}
}

.banner_page .text,.banner_newsM .text{color: #fff;font-weight:bold;position: absolute;left: 50%;top: 50%;transform: translate(-50%,-30%);z-index: 2;width:96%;text-align: center}

.banner_page{position: relative;font-size: 55px;background-position: center;background-repeat: no-repeat;background-size: cover;margin-top:80px}
.banner_page .text{}

.pageBox{margin:20px auto;width:96%;max-width: 1024px;line-height: 1.7;font-size: 16px;}
#ditu{margin-top: 20px;height: 450px;width: 100%}


.banner_news,.banner_newsM{margin-top: 80px;font-size: 24px; line-height: 2;color: #FFFFFF; background-repeat: no-repeat;background-position: center bottom}
.banner_news{}
.banner_newsM{display: none;position: relative;}


.pagination{padding: 25px 0;text-align: center;width: 100%;font-size: 13px; }
.pagination a{padding:6px 12px;margin: 5px;color:#337ab7;display: inline-block;background:#fff;border:1px solid  #00943B}
.pagination a.active,.pagination a:hover{background:#00943B;color: #FFFFFF}

.page_title{font-size:2rem;padding: 4vh 0;font-weight: bold}

.newsList ul li{margin-bottom: 15px;line-height: 2}
.newsList ul li .img{width:160px;border: 1px solid #CCCCCC;float: left;padding: 1px;}
.newsList ul li .text{width:calc(100% - 200px);float: right}
.newsList ul li .text h3{font-size: 1.05rem;}
.newsList ul li .text p{margin-bottom: 15px;}

@media only screen  and (max-width:640px) {
     .banner_index{margin-top: 80px;}
    .banner_page{}
    .banner_page .text{font-size:30px;}

    .pageBox{font-size: 14px}
    #ditu{height:300px;}

    .banner_news{display: none}
    .banner_newsM{display: block}


.newsList ul li .img{width:100px;}
.newsList ul li .text{width:calc(100% - 110px);}
.newsList ul li .text p{margin-bottom: 15px;}
.newsList ul li .in-tex{display: none}

}


.main_title{margin:20px 0;font-size: 24px;font-weight: bold;line-height: 2;}

.left_class{width:300px;float: left}
.left_class .tit{font-weight: bold;text-align: center;font-size: 20px;line-height: 2;color: #FFFFFF;background: #5abc2a;color: #FFFFFF;margin: 0;}

.left_class ul li{background: #f3f3f3;font-size: 14px;border-bottom:2px solid #ffffff;}
.left_class ul li a{display: block;padding: 0 20px;line-height: 2;}
.left_class ul li h3{background: #ececec;font-size: 16px;margin: 0;position: relative;}
.left_class ul li h3:before{content: "";width: 8px;height: 8px;border: 2px solid #b8b8b8;border-style: solid solid none none;position: absolute;top: 50%;right: 32px;margin-top: -4px;-webkit-transform: rotate(45deg);-moz-transform: rotate(45deg);-ms-transform: rotate(45deg);-o-transform: rotate(45deg);transform: rotate(45deg);}
.left_class ul li h3 a{padding: 0 10px;line-height: 3}
.left_class ul li h3.current{background: #5abc2a;}
.left_class ul li h3.current a{color: #FFFFFF;}
.left_class ul li a.current{color: #5abc2a;}

.proList{width:calc(100% - 320px);float: right;font-size: 16px; }
.proList ul li{width: 31.3%;float: left;margin: 10px 1%;text-align: center}
.proList ul li .img{border: 1px solid #CCCCCC;margin-bottom: 5px;}


@media only screen  and (max-width:812px) {
    .main_title{font-size:20px;}

    .left_class,.proList{width:100%;float: none}
    .left_class .tit{font-size:16px;}

    .left_class ul li h3{font-size: 14px;float: none;display: inline-block}
    .left_class ul li h3:before{display: none}
    .left_class ul li a{display: inline-block;padding: 0 10px;}
    .left_class ul li dl{padding:10px 20px; margin: 0}
    .left_class ul li dl dd{line-height: 2}


    .proList ul li{width:48%;font-size: 14px;}


    .slideshow{visibility:hidden;}
}


.showL{width: 200px;float: left}
.showL h3{font-size: 1.05rem;padding: 20px 0}
.showL ul li{text-align: center;font-size: 14px;line-height: 2;margin-bottom: 5px;border-bottom: 1px #CCCCCC dashed;}
.showL ul li .img{border: 1px solid #CCCCCC;}

.al_pic{margin-top:13px;font-size:14px;color:#4A8CF6;}

.showR{width:calc(100% - 240px);float: right}
.show_img{width: 30%;float: left;border: 1px solid #CCCCCC;}
.show_text{width: 66%;float: right}
.show_text h3{font-size: 1.1rem;}
.show_text .info{font-size:0.9rem;color:#999;}


.show_tel{border-top: 1px solid #5abc2a;padding: 10px 0;line-height: 36px;margin-top: 25px;}
.show_tel .tel{background: url("../images/ico_tel.png") no-repeat left center;padding-left:42px;display: inline-block;background-size: contain;}
.show_tel .qq{display: inline-block;float: right;background:#009460;color: #fff;padding: 0 10px;}

.show_con{padding: 20px 0;line-height: 1.7;}


@media only screen  and (max-width:812px) {
    .showL{display: none}
    .showR{width: 100%;float: none}

    .showL h3{font-size: 1.05rem;padding: 20px 0}
    .showL ul li{font-size: 12px;}



    .show_img{width:40%;}
    .show_text{width:56%;}
    .show_text h3{font-size: 1.1rem;}
    .show_text .info{font-size:0.9rem;}


    .show_tel{border-top: 1px solid #5abc2a;padding: 10px 0;line-height: 36px;margin-top: 25px;}
    .show_tel .tel{background: url("../images/ico_tel.png") no-repeat left center;padding-left:42px;display: inline-block;background-size: contain;}
    .show_tel .qq{display: inline-block;float: right;background:#009460;color: #fff;padding: 0 10px;}

    .show_con{padding: 20px 0;line-height: 1.7;}
}