*{box-sizing:border-box;margin:0; padding:0; list-style:none; font-family: "微软雅黑"; font-size:14px; }
a{ text-decoration:none; color:#333; transition: all 0.3s; -o-transition: all 0.3s; -mos-transition: all 0.3s; -webkit-transition: all 0.3s;  }
a:hover{color:#0087ff;text-decoration:none}
h1,h2,h3,h4,h5,h6{font-weight:normal; margin: 0;}
hr{ border:none;}
.clear{ clear:both;}
p,ul{margin: 0;}
img{ border:0; vertical-align:middle; }
input,textarea{outline:none;}
.container{width:1200px; margin:0px auto;}
.r{float:right;}
.l{float:left;}




/*头部*/
.logo .fb{width:185px;height:49px; margin-left:8px;}
.header{height:99px; width: 100%; background: rgba(0, 0, 0, 0.7); }
.header_top{width: 100%; height:40px;line-height: 40px; background:rgba(0, 0, 0, 0.9)}
.header_top .container{height: 100%;}
.header_right{ width: 100%; height:100%; font-size:12px;color:#333; line-height:40px;}
.header_right p{ font-size: 14px; color:#c1c1c1; float: left; }
.header_right div{float:right}
.header_right a{color:#c1c1c1}
.header_right img{ float: left; margin-top:7px; margin-right: 5px;}
.header_right .header_wx{ width:200px; height: 100%; margin-right: 8px; font-size: 14px; color:#c1c1c1}
.header_wx h3{ float:right; font-size: 18px; color: #298d53; line-height: 40px; font-weight: bold}



.top{float: right; height:99px;}
.top-middle{width:100%;margin:0 auto;height:100%;}
.top-middle>img{margin-top:26px; float: left;}
.clearfix:after{content:".";display:block;height:0;clear:both;visibility:hidden;}
.nav{height:100%;}
.nav a{ color:#333;}
.nav .nLi{ float:left;  position:relative; display:inline; height: 100%;}
.nav .nLi h3{ float:left;text-align: center; line-height: 99px;height: 100%;width: 100px;}
.nav .nLi h3 p{width:70px; height: 100%; float: left}
.nav .nLi h3 a{ display:block;  font-size:16px; font-weight:normal; color:#fff; height: 99px; }
.nav .nLi h3 i{  background: url(../images/xia.png) no-repeat left center; float: left; width:10px; height:100%; display: block; display: none}
.nav .sub{ display:none;left:-10px; top:99px;  position:absolute;  line-height:26px; padding:0; width:120px;     z-index: 999; background: #ddd }
.nav .sub li{ zoom:1; border-bottom: 1px solid #eeeeee;  height:40px; line-height: 40px;  background:#eeeeee;text-align: center; }
.nav .sub li p{ width:100%; float: left; margin: 0px; }
.nav .sub li span{ float: right;}
.nav .sub a{ display:block; padding:0 10px; color: #333333; font-size: 12px; height: 100%; }
.nav li.active{ background: #298d53;}
.nav li.active h3 a{color: #fff }
.sub li:hover a{color:#298d53}
.logo{float:left;height:55px;width:439px; margin-top: 20px;}
.logo a img{height: 52px; }
.nav .nLi:hover i{ display: block; }
.all_nav{ width:100%; height: auto; display: block; position: absolute; top: 0px; left:0px;z-index:999 }



/*banner*/
.index_top{width:100%; height: 750px; position: relative}
.index_top .slideBox{ width:100%; height:750px; overflow:hidden; position:relative; }
.index_top .slideBox .hd{ height:22px; overflow:hidden; position:absolute; right:50%; bottom:25px; z-index:1;  margin-right: -58px;}
.index_top .slideBox .hd ul{ overflow:hidden; zoom:1; float:left;  }
.index_top .slideBox .hd ul li{ float:left; margin-right:15px;  width:18px; height:18px;  border-radius:50%; border:1px solid #298d53; cursor:pointer; }
.index_top .slideBox .hd ul li.on{ background:#298d53;}
.index_top .slideBox .bd{ position:relative; height:100%; z-index:0;width:100%  }
.index_top .slideBox .bd ul{height: 100%;width:100%}
.index_top .slideBox .bd li{ zoom:1; vertical-align:middle; height: 100%;width:100%}
.index_top .slideBox .bd li a{height: 100%;width:100%; display: block; overflow:hidden}
.index_top .slideBox .bd img{ width:100%; height:100%; display:block;  }



/*关于我们*/
/*about*/
.about { box-sizing: border-box; width: 100%;padding-top: 70px;}
.about h2 {
    width: 100%;
    height: 55px;
    background: url(../images/about1.png) no-repeat center top;
	text-align: center; font-size: 24px; color: #298d53; font-weight: bold; padding-top: 10px;
}

.about_main{
	width: 100%;
	height: 431px;
	background: url(../images/about_bg.png) no-repeat;
	 margin-top: 20px;
}
.about .left {
    margin-top: 21px;
    height: 400px;
    width: 600px;
    overflow: hidden;
	 float: left;
}
.about .left img{
	transition: all ease 1s; 
}
.about .left:hover img{
	transform: scale(1.1);
}
.about .right {
    width: 490px;
    height: 250px;
    margin-top: 130px;
    background:#298d53;
    color: #fff;
    padding: 20px 20px;
    font-size: 14px;
    line-height: 24px;
    box-sizing: border-box;
	float: right;
	
}

.about .right a {
    float: left;
    margin-top: 36px;
    color: #fff;
    font-size: 14px;
    cursor: pointer;
	border: 1px solid #fff;
	padding: 2px 8px;
	 display:block; overflow:hidden;
		
}
.about .right:hover a{color:#298d53; background:#fff}

.about .right p{width:100%; height: 145px;}


/*核心业务*/
.index_yewu{width:100%; height:400px; background: url(../images/hxyw.jpg) no-repeat; margin-top: 50px; padding-top: 46px;}
.index_yewu_info{width:100%; height: auto; display: block; overflow: hidden; margin-top: 26px;}
.index_yewu_info li{width:200px; height: 300px; float: left; margin-right: 48px; }
.index_yewu_info li img{width:100%; height: 200px;
    -webkit-transition: -webkit-transform 0.8s ease-out;
    -moz-transition: -moz-transform 0.8s ease-out;
    transition: transform 0.8s ease-out;}
	
.index_yewu_info li:hover img{-webkit-transform: rotate(360deg); -moz-transform: rotate(360deg); transform: rotate(360deg); }	
.index_yewu_info li p{width:100%; height: 40px; line-height: 40px; font-size: 18px; color: #fff; text-align: center}
.index_yewu_info li:last-child{ margin-right: 0px;}
.index_yewu h2{width:100%; height: 40px; line-height: 40px; background: url(../images/yewu.png) no-repeat top; padding-top: 6px; color: #fff; font-size: 24px;  font-weight: bold; text-align: center}



/*优势*/
.indedx_youshi{width:100%; height: auto; display: block; overflow: hidden; margin: 50px 0; text-align: center }
.indedx_youshi .ys_t{width:318px; height: 76px; margin: 0 auto 35px;}
.indedx_youshi .ys_info{width:1200px; height: 600px;}


/*案例*/
.index_mcase{background: #e3ebe6;padding-top: 40px;padding-bottom: 40px;}
.index_mcase .mpro_tit{width:100%; height: 50px; background: url(../images/casebj.png) no-repeat top; padding-top:8px}
.index_mcase .mpro_tit h2{font-size: 24px; font-weight: bold; color: #298d53; text-align: center}
.mcase_con{margin-top: 55px;overflow: hidden;}
.mcc_u{overflow: hidden;}
.mpic1{width: 450px;height: 310px;position: relative;}
.mpic1 img{width: 100%;height: 100%;}
.mccu_l{width: 450px;height: 400px;float: left;}
.mccu_l_txt{width: 100%;height: 90px;padding-left: 32px; padding-top: 10px;}
.mccu_l_txt span strong{font-size: 36px;color: #298d53;margin-right: 12px;}
.mccu_l_txt span{font-size: 24px;color: #30302e;}
.mccu_l_txt span em{font-style: normal;font-size: 16px;color: #555555;margin-left: 9px;}
.mccu_l_txt p{ font-size: 16px; color: #999999}

.mccu_m{float: left;margin: 0 7px;}
.mpic2{width: 285.5px;height: 196px;margin-bottom: 7px;display: block;position: relative;}
.mpic2 img{width: 100%;height: 100%;}
.mccu_r{float: right;}
.rxt{padding-top: 0px;}
.rxt span em{color: #555;}
.mpic3{width: 295px;height: 203px;position: relative;}
.mpic3 img{width: 100%;height: 100%;}
.mcc_d ul{overflow: hidden;}
.mcc_d ul li{float: left;margin-right: 6px;}
.mcc_d ul li:last-child{margin-right: 0;}
.pic_hd{width: 100%;height: 100%;background: rgba(41,141,83,.75);position: absolute;left: 0;top: 0;padding: 6px;display: none;}
.hd_txt{width: 100%;height: 100%;border: 1px solid #FFFFFF;padding-top: 24%;text-align: center;}
.hd_txt h6{font-size: 16px;color: #FFFFFF;text-align: center;margin-bottom: 16px;}
i.ico_more{width: 34px;height: 34px;display: inline-block;background: url(../images/ico_more.png)no-repeat center;}
.mpic1:hover .pic_hd,.mpic2:hover .pic_hd,.mpic3:hover .pic_hd{display: block;}
.mcase_con .mabu_btn{font-size: 14px; color: #298d53; font-weight: bold; border: 1px solid #298d53; width: 90px; height: 30px; line-height: 30px; margin: 36px auto; text-align: center }
.mcase_con .mabu_btn a{color: #298d53;}
.mabu_btn:hover{ background:#fff;}


/*新闻*/
.index_news{height:630px; background:url(../images/newsbj.jpg) no-repeat; background-size:100% 100%;width: 100%; display: block;overflow: hidden; padding: 47px 0 50px } 
.news_title{width:auto; height:50px; font-size: 24px; font-weight: bold; text-align: center; background: url(../images/newsbj.png) no-repeat top center; color: #298d53; padding-top: 14px;}
.news_pic{width:100%; height: 288px; overflow: hidden}
.news_pic img{width:100%; height: 100%; transform: scale(1);
    transition: all 1s ease 0s;
    -webkit-transform: scale(1);
    -webkit-transform: all 1s ease 0s;}

.news_pic:hover img{transform: scale(1.05);transition: all 1s ease 0s;-webkit-transform: scale(1.05);-webkit-transform: all 1s ease 0s;}

.index_news_bottom{width: 100%; height:440px;}
.news_biaoti{width: 412px; height: 30px; line-height: 30px; margin: 25px auto ; display: block;}
.news_biaoti li{width: 117px; float: left; height: 100%; text-align:center; background: #dddddd;  border-radius: 15px; margin-right: 30px;}
.news_biaoti li.hy{  margin-right: 0px;}
.news_biaoti li:hover{color: #ffff; background: #298d53}
.news_biaoti li:hover a{color: #ffff;}
.news_biaoti li.active{color: #ffff; background: #298d53}
.news_biaoti li.active a{color: #ffff;}
.index_news_bottom .index_news_left{width: 600px; height:100%; float: left;}
.index_news_bottom .index_news_left img{width: 100%; height: 288px;}
.index_news_xx{ width: 100%; height: 35px; line-height: 35px; }
.index_news_xx h3{ width: 80%; float: left; font-size: 16px; color: #333; font-weight: bold;}
.index_news_xx time{ float: right; font-size: 12px; color: #999;}
.index_news_left:hover h3,.index_news_left:hover time,.index_news_left:hover p{color:#298d53;}

.index_news_left p{font-size: 14px; color: #666; line-height: 24px; height: 50px; padding-top: 5px;word-break:break-all;
  display:-webkit-box;
  -webkit-line-clamp:2;
  -webkit-box-orient:vertical;
  overflow:hidden;}
.index_news_right{ float: right; width:570px;}
.index_news_right li{width: 100%; height: 100px; margin-bottom:34px ;}
.index_news_right li .news_right_riqi{width:100px; height: 100px; line-height: 100px; float: left; color: #9a9a9a; background: #dddddd; text-align: center;}
.more{ border:1px solid #298d53; margin: 0px auto; width: 120px;height: 35px; text-align: center; line-height: 35px;}
.more a{ color: #298d53 !important;}
.more:hover a{color:#666!important;}
.more:hover{border:1px solid #666}
.index_news_rinfo h4{font-size: 16px;  color: #666;height: 35px; text-overflow: ellipsis;overflow: hidden;white-space: normal; width: 300px; float: left}
.index_news_rinfo p{ font-size: 12px;  color: #999; line-height: 20px;word-break:break-all; display:-webkit-box; -webkit-line-clamp:3; -webkit-box-orient:vertical;overflow:hidden;}
.news_right_riqi h4{font-size: 48px; font-weight: bold}
.index_news_rinfo{ float: right;width: 470px;padding:0px 0px 0 15px; height: 100%;}
.index_news_right li:hover .news_right_riqi{ background: #298d53;}
.index_news_right li:hover .index_news_rinfo{ background: #298d53;}
.index_news_right li:hover .index_news_rinfo h4{color: #fff;}
.index_news_right li:hover .index_news_rinfo p{color: #fff;}
.index_news_right li:hover h4{color: #fff;}
.index_news_right li:hover span{color: #fff;}
.more_s{ border:1px solid #333; margin: 25px auto 0; width: 120px;height: 35px; text-align: center; line-height: 35px;}
.more_s a{color:#333}
.index_news_rinfo .news_xx{width:100%; height: 35px; line-height:35px; padding-right:10px; }
.index_news_rinfo .news_xx span{ float: right; font-size: 12px; color: #999}





/*底部*/
.footer{width:100%; height: 310px; background: #333333;}
.footer_ww{width:318px; height: auto; display: block; overflow: hidden; float: left; padding-top: 40px;}
.d_logo{width:152px; height: 55px;}
.footer_wxx{width:150px; height: 140px; text-align: center; margin-top: 10px;}
.footer_wxx img{width:100px; height: 100px;}
.footer_wxx p{width:100%; height: 25px; line-height: 25px; font-size: 12px; color:#999999 }




.footer_lx{width:405px; height: 135px; float: left; margin-top: 50px;}
.footer_lx h3,.footer_nal h3{width:100%; height: 35px; line-height: 35px; font-size: 16px; font-weight: bold; color: #298d53; margin-bottom: 40px;}
.footer_lx h3 span,.footer_nal h3 span{font-size: 12px; font-weight: bold;}
.footer_dh,.footer_dz{width:100%; height: 45px; line-height: 45px; font-size: 16px; color: #999; padding-left: 35px;}
.footer_dh span{ font-size: 24px; color: #298d53; font-weight: bold;}
.footer_dh{ background: url(../images/fdh.png) no-repeat left center}
.footer_dz{background: url(../images/dz.png) no-repeat left center}

.footer_nal{ float: left; width: 472px;  margin-top: 50px;}
.footer_nal ul{width:100%; height: 78px;}
.footer_nal ul li{float: left; height: 45px; line-height: 45px;width: 140px;}
.footer_nal ul li a{font-size: 16px; color: #999999; }
.footer_nal ul li:hover a{color:#298d53}


.footer_zhichi{width:440px; height: 25px; margin: 8px auto 0;}
.footer_zhichi p{ width: 215px; float: left;  line-height: 24px;}
.footer_zhichi .pt{width:121px;height: 18px; background: url(../images/vl.png) no-repeat; margin-top: 2px; margin-right: 10px}
.footer_zhichi .js{width:121px;height: 18px; background: url(../images/wl.png) no-repeat; margin-top: 0px;}
.footer_zhichi .pt:hover{background: url(../images/vl_hover.png) no-repeat}
.footer_zhichi .js:hover{background: url(../images/ws_hover.png) no-repeat} 
.footer_zhichi span{float: left; font-size: 12px; color: #999;}
.footer_zhichi i{ float: left}
.f_brq{width:100%;height:25px; line-height: 25px; color: #999; text-align: center}

.f_top{width:100%; height: 240px;}



/*链接*/
.link_biaoqian p{color: #fff; font-size:12px; float: left;}
.link_biaoqian ul{float: left;width:94%}
.link_biaoqian ul li{padding: 0px 15px;  float:left; color: #999999; font-size: 12px;}
.link_biaoqian ul li a{color:#fff}
.link_biaoqian ul li:hover a{ color: #d30d0d;}
.link_biaoqian{width:100%; height:auto; line-height: 20px; background: #298d53;padding: 10px 0px; border-top: 1px solid #666; overflow: hidden;}
.link_biaoqian .container{height:auto;line-height: 20px;}



/*客服*/
.lxfx {
    height: auto;
    position: fixed;
    right:0px;
    top:200px;

    width: 77px;
    z-index: 11;
}
.lxfx li a {
    color: rgb(255, 255, 255);
    display: block;
    height: 47px;
    margin-top: 9px;
    width: 300px;
}
.leftlx {
    float: left;
    height: 47px;
    width: 77px;
}
.lxfx li span {
    border-left: 1px solid rgb(255, 255, 255);
    color: rgb(255, 255, 255);
    float: left;
    font-size: 20px;
    height: 24px;
    line-height: 22px;
    margin-top: 8px;
    padding-left: 8px;
}
.fix_ewm {
    border: 5px solid rgb(255, 255, 255);
    display: none;
    height: 120px;
    left: -145px;
    position: absolute;
    top: -40px;
    width: 120px;
}
.lxfx li i {
    display: block;
    height: 27px;
    margin: 0 auto;
    text-align: center;
    width: 30px; background:url(../images/fx.png) no-repeat;
}
.lxfx li i.icon-tel {
    background-position: 0 -25px;
}
.lxfx li i.icon-ly {
    background-position: 4px -53px;
}
.lxfx li i.icon-wx {
    background-position: -34px 4px;
}
.lxfx li i.icon-wb {
    background-position: -30px -22px;
}
.lxfx li p {
    line-height: 12px;
    text-align: center;
}
.lxfx li {
    background:#298d53;
    height: 56px;
    margin-bottom: 1px;
    margin-left: 0;
    overflow: hidden;
    position: relative;
    width: 77px; float:left;
}