*{ font-family: "微软雅黑";}
ul,ol{
	list-style: none;
}
a{
	text-decoration: none;
	color: inherit;
	transition: all 0.3s; -o-transition: all 0.3s; -mos-transition: all 0.3s; -webkit-transition: all 0.3s; 
	
}
li a{width: 100%;height: 100%;}
body{overflow-x: hidden;}
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video{margin:0;padding:0;border:0;font-size:100%;box-sizing: border-box;}
button{cursor: pointer;}
h1, h2, h3, h4, h5, h6{font-weight: normal;}
.left{
	float: left;
}
.right{
	float: right;
}
.clear{clear: both;}
/*head*/
.header{
	margin: 0 auto;
	padding: 0;width: 100%;
	position: absolute;top: 0;left: 0;
	
	
}
/*top_bar*/

.clearfix:after{content:".";display:block;height:0;clear:both;visibility:hidden;}
.main_container{
	width: 1200px;
	min-width: 1200px;
	height: 100%;
	margin: 0 auto;
}



/*logobar*/

h3.logo {
	float: left;
	margin-top: 23.5px;
}
h3.logo img{float: left;}

/*narbar*/
.top_nav {
    width: 100%;
    height: 120px;
   background: rgba(255,255,255,.8);
    position: absolute;
	top: 0;left: 0;width: 100%;
	z-index: 999;
}
.top_nav .main_container{position: relative;}
ul.nav{float: right;margin-top: 29px;}
.nav .nLi h3{height: 100%;}
.nav .nLi h3 a{display:block;box-sizing: border-box;cursor: pointer;text-align: center;}


.nav_yc{
    display:none;
    position:absolute;
	top:53px;
	
    left: 50%;
    margin-left: -80px;
    width: 160px;
    padding: 10px 0;
    background: rgba(245,245,245,.8);
	font-size:14px;
	z-index:999;
}
.nav_yc li{
    width: 100%;
    height: 30px;
    line-height: 30px;
    text-align: center;
    color: #333;
	position:relative;
}
ul.nav li .nav_yc li:hover
{
	background: #0eb66e;color: #FFFFFF;
}

ul.nav>li{width:auto;height:53px;text-align:center;line-height:22px;margin-right: 48px; float:left;position:relative;display:inline;font-size: 15px;color: #333;}
ul.nav>li:first-child{margin-right: 60px;}
ul.nav>li:last-child{margin-right: 0;}
ul.nav>li.tab h3,ul.nav>li:hover h3{color: #0eb66e;}
ul.nav>li a{display: block;}
i.ico_sanjiao{display: none;background: url(../images/sanjiao.png) no-repeat;width: 14px;height: 7px;margin: 10px auto 0 auto;}
ul.nav>li.tab i.ico_sanjiao,ul.nav>li:hover i.ico_sanjiao{display: block;}

.lb_r{float: right;margin-top: 22px;margin-left: 36px;font-size: 12px;color: #999999;}
.lb_r em{font-style: normal;color: #0eb66e;padding-right: 8px;}
.lbr_i{display: inline-block;position: relative;}
a.yidong{position: relative;width: 58px;height: 40px;padding: 0 8px;}
.ter_pic{width: 100px;height: 100px;position: absolute;left: -29px;top: 22px;display: none;z-index: 22;}
.ter_pic img{width: 100%;height: 100%;}
a.yidong:hover .ter_pic{display: block;}

ul.ul_san{position: absolute;top: 0px;left: 160px;display: none; background: rgba(245,245,245,.8);width: 160px;font-size: 12px;}
.nav_yc li:hover ul.ul_san{display: block;}

/*banner*/
.mbanner{width:100%; height:760px;position: relative;}
.mbanner .slideBox{ width:100%; height:760px; overflow:hidden; position:relative; }
.mbanner .slideBox .hd{ height:22px; overflow:hidden; position:absolute; right:50%; bottom:165px; z-index:1;  margin-right: -29px;}
.mbanner .slideBox .hd ul{ overflow:hidden; zoom:1; float:left;  }
.mbanner .slideBox .hd ul li{ float:left; margin-right:15px;  width:14px; height:14px;  border-radius:50%; border:1px solid #0EB66E; cursor:pointer; }
.mbanner .slideBox .hd ul li.on{ background:#0EB66E;}
.mbanner .slideBox .hd ul li:last-child{margin-right: 0;}
.mbanner .slideBox .bd{ position:relative; height:100%; z-index:0;width:100%  }
.mbanner .slideBox .bd ul{height: 100%;width:100%}
.mbanner .slideBox .bd li{ zoom:1; vertical-align:middle; height: 100%;width:100%}
.mbanner .slideBox .bd li a{height: 100%;width:100%; display: block; overflow:hidden}
.mbanner .slideBox .bd img{ width:100%; height:100%; display:block;  }

.mbn{position: absolute;left: 0;top: 0;width: 100%;height: 100%;}
.mbn_con{position: relative;}
.mbn_tab{width: 100%;height: 140px;position: absolute;left: 0;bottom: 0;}
.mbn_tab ul{overflow: hidden;}
.mbn_tab ul li{float: left;width: 400px;height: 140px;padding-top: 25px;padding-left: 40px;color: #FFFFFF;}
.mbn_tab ul li i{display: inline-block;margin-right: 10px;float: left;height: 46px;}
.mbn_tit{overflow: hidden;}
.mbn_tit span{font-size: 24px;font-weight: bold;float: left;display: inline-block;line-height: 46px;}
i.ico_moshi{background: url(../images/moshi.png) no-repeat center;width: 39px;height: 41px;}
a.mbn_more{display: block;width: 140px;height: 36px;border: 1px solid #FFFFFF;font-size: 14px;text-align: center;line-height: 36px;margin-top: 11px;}
a.mbn_more:hover{background: #FFFFFF;color: #0EB66E;}
i.ico_diping{background: url(../images/diping.png) no-repeat center;width: 44px;}
i.ico_khfw{background: url(../images/fuwu.png) no-repeat center;width: 46px;}

/**mabout**/
.mabout{overflow: hidden;margin-top: 48px;padding-bottom: 73px;}
.mnews{width: 796px;float: left;overflow: hidden;}
.mn_l{width: 285px;float: left;}
.mnl_pic{width: 285px;height: 195px;overflow: hidden;position: relative;}
.mnl_pic img{width: 100%;height: 100%;transition: all 0.8s ease-in-out;}
.mnl_pic:hover img{
	transform: scale(1.1);
	-webkit-transform: scale(1.1);
}
.mn_date{width: 64px;height: 56px;position: absolute;top: 4px;left: 4px;background: #0eb66e;text-align: center;color: #FFFFFF;}
.mn_date h6{font-size: 28px;line-height: 34px;}
.mn_date span{font-size: 14px;}
.mnl_txt{width: 100%;}
.mnl_txt h6,.mn_wz h6{font-size: 16px;color: #333333;margin: 5px 0 10px 0;
overflow:hidden;
  text-overflow:ellipsis;
  -o-text-overflow:ellipsis;
  -webkit-text-overflow:ellipsis;
  -moz-text-overflow:ellipsis;
  white-space:nowrap;
}
.mnl_txt p,.mn_wz p{font-size: 13px;color: #666666;line-height: 20px;
 word-break:break-all;display:-webkit-box; -webkit-line-clamp:3;
  -webkit-box-orient:vertical; overflow:hidden;
}
.mn_l:hover .mnl_txt h6{color: #0EB66E;}
.mn_r{width: 480px;float: right;height: 315px;overflow: hidden;}
.mn_r ul li{width: 100%;height: 105px;overflow: hidden;padding: 17px 28px 0 24px;}
.mn_rq{float: left;text-align: center;color: #0EB66E;border-right: 1px solid #e5e5e5;padding-right: 24px;}
.mn_wz{float: right;width: 334px;}
.mn_rq h6{font-size: 40px;}
.mn_rq span{font-size: 14px;}
.mn_wz p{-webkit-line-clamp:2;}
.mn_r ul li:hover{background: #0EB66E;}
.mn_r ul li:hover .mn_rq{color: #FFFFFF;border-right-color: #FFFFFF;}
.mn_r ul li:hover .mn_wz p,.mn_r ul li:hover .mn_wz h6{color: #FFFFFF;}
.mn_wz h6{margin-top: 0;}

/**mabu_con**/
.mabu_con{width: 370px;float: right;}
.mabu_pic{overflow: hidden; position: relative;width: 370px;height: 196px;}
.mabu_pic img{width: 100%;height: 100%;transition: all 0.8s ease-in-out;}
.mabu_pic:hover img{
	transform: scale(1.1);
	-webkit-transform: scale(1.1);
}
.mabu_hd{width: 100%;height: 84px;background: rgba(0,0,0,.5);position: absolute;left: 0;bottom: 0;color: #FFFFFF;padding: 14px 21px 0 24px;
font-size: 13px;color: #FFFFFF;line-height: 20px;
}
.mabu_hd p{
	 word-break:break-all;display:-webkit-box; -webkit-line-clamp:3;
  -webkit-box-orient:vertical; overflow:hidden;
}
.mabu_lx{width: 100%;height: 108px;background: #0eb66e;margin-top: 11px;color: #FFFFFF;padding: 15px 13px 0 14px;}
.mabu_hm{overflow: hidden;margin-bottom: 10px;}
em.ico_lx{display: block;background: url(../images/rexian.png) no-repeat;width: 27px;height: 27px;float: left;margin-right: 9px;}
.mabu_hm h6{float: left;font-size: 21px;font-weight: bold;}
.mabu_hm h6 em{font-weight: normal;font-style: normal;}
.mabu_lx p{font-size: 13px;line-height: 20px;}

/**mproduct**/
.mproduct{background: url(../images/bg_pro.jpg) no-repeat center top;padding-top: 52px;padding-bottom: 57px;}
.mpro_tit{text-align: center;color: #FFFFFF;}
.mpro_tit h6{font-size: 26px;font-weight: bold;}
.mpro_tit p{font-size: 14px;line-height: 50px;}

.slideTxtBox{ width:100%; text-align:left;overflow: hidden;margin-top: 10px;  }
		.slideTxtBox .hd{width: 248px; float: left;  background:rgba(255,255,255,.9); position:relative; }
		.slideTxtBox .hd ul{ float:left;      }
		.slideTxtBox .hd ul li{position: relative; float:left; cursor:pointer;width: 100%;height: 50px;line-height:50px;padding-left: 36px;font-size: 15px;color: #222;  }
		.slideTxtBox .hd ul li span{position: relative;z-index: 2;}
		i.ico_lion{display: none;background: url(../images/li_on.png) no-repeat;width: 255px;height: 50px;position: absolute;left: 0;top: 0;z-index: 1;}
		.slideTxtBox .hd ul li.on{ color: #FFFFFF;  }
		.slideTxtBox .hd ul li.on i.ico_lion{display: block;}
		.slideTxtBox .bd{width: 952px;float: left;overflow: hidden;}
		.slideTxtBox .bd > ul{  zoom:1;  }
		.slideTxtBox .bd > li{ }
.mpro_pic{width: 542px;height: 350px;float: left;overflow: hidden;}
.mpro_pic img{width: 100%;height: 100%;transition: all 0.8s ease-in-out;}
.mpro_pic:hover img{
	transform: scale(1.1);
	-webkit-transform: scale(1.1);
}
.mpro_wz{width: 410px;height: 350px;background: #FFFFFF;float: left;padding: 36px 40px 0 45px;}
.mpro_biaoti{margin-bottom: 4px;}
.mpro_biaoti h3{font-size: 30px;color: #333333;font-weight: bold;}
.mpro_biaoti span{font-size: 12px;color: #999999;text-transform: uppercase;}
.mpro_jianjie{width: 324px;font-size: 14px;color: #666;line-height: 26px;margin-bottom: 10px;}
.mpro_jianjie p{
	word-break:break-all;display:-webkit-box; -webkit-line-clamp:2;
  -webkit-box-orient:vertical; overflow:hidden;
}
.mpro_tab ul li{font-size: 14px;color: #666666;line-height: 30px;}
.mpro_tab ul li:hover{color: #0EB66E;}

/**mxase**/
.mcase{padding-top: 51px;padding-bottom: 59px;}
.mcase_tit h6{color: #222222;}
.mcase_tit p{color: #666666;}
.mcase_list{margin-top: 20px;}
.mcase_list ul{overflow: hidden;}
.mcase_list ul li{float: left;margin-right: 27px;width: 382px;}
.mcase_list ul li:last-child{margin-right: 0;}
.mcase_pic{width: 100%;height: 255px;overflow: hidden;position: relative;}
.mcase_pic img{width: 100%;height: 100%;transition: all 0.8s ease-in-out;}
.mcase_list ul li:hover .mcase_pic img{
	transform: scale(1.1);
	-webkit-transform: scale(1.1);
}
.mcase_txt{width: 100%;text-align: center;height: 70px;line-height: 70px;background: #f1f3f5;}
.mcase_txt h6{font-size: 18px;color: #333333;font-weight: bold;}
.mcase_hd{width: 100%;height: 100%;position: absolute;left: 0;top: 0;background: rgba(14,182,110,.5);display: none;}
i.ico_sousuo{display: block;background: url(../images/sousuo.png) no-repeat;width: 60px;height: 60px;position: absolute;left: 50%;top: 50%;margin-left: -30px;margin-top: -30px;}
.mcase_list ul li:hover .mcase_hd{display: block;}
.mcase_list ul li:hover .mcase_txt{background: #0eb66e;}
.mcase_list ul li:hover .mcase_txt h6{color: #FFFFFF;}

/**footer*/
.footer{background: #202020;padding-top: 58px;padding-bottom: 40px;}
.ft_tit{font-size: 16px;color: #666666;}
.ft_tit h6 em{font-style: normal;color: #3fbe72;}
.ft_xian{width: 62px;height: 1px;background: #3fbe72;margin-top: 16px;}
.ft_u{overflow: hidden;}
.express{overflow: hidden;float: left;}
.express ul{float: left;margin-right: 65px;}
.express ul:last-child{margin-right: 0;}
.express ul li{color: rgba(255,255,255,.6);font-size: 13px;line-height: 30px;}
.exp_con{margin-top: 18px;overflow: hidden;}
.exp_con ul li a:hover{color: #FFFFFF;} 
.ft_contact{float: left;margin: 0 180px;}
.ft_contact p{font-size: 13px;color: rgba(255,255,255,.6);line-height: 30px;margin-top: 10px}
.ft_er{float: right;}
.ft_er_con{margin-top: 18px;overflow: hidden;}
.er_box{overflow: hidden;width: 140px;float: left;}
.er_box:first-child{margin-right: 25px;}
.er_pic{width: 108px;height: 108px;float: left;}
.er_pic img{width: 100%;height: 100%;}
.er_txt{width: 32px;height: 108px;border: 1px solid #FFFFFF;float: left;color: #FFFFFF;text-align: center;padding-top: 20px;font-size: 12px;padding-left:3px;}
.banquan{background:#000000;line-height: 60px;}
.bq_con{overflow: hidden;}
.ftd_l p{font-size: 12px;color: #FFFFFF;text-transform: uppercase;}
.ftd_l p a:hover{color: #3FBE72;}
.ftd_l{float: left;}
.ftd_r{float: right;}
.ftd_r span{font-size: 12px;color: #FFFFFF;}
a.vl{width: 121px;height: 18px;display: inline-block;background: url(../images/vd.png) no-repeat;margin-right: 15px;}
a.vl:hover{background: url(../images/vd_on.png)no-repeat;}
a.ws{width: 121px;height: 18px;display: inline-block;background: url(../images/ws.png) no-repeat;}
a.ws:hover{background: url(../images/ws_on.png)no-repeat;}