@charset "utf-8";
body,ul,ol,li,dl,dt,dd,table,tr,td,h1,h2,h3,h4,h5,h6,p,form,input,select,fieldset,legend,textarea{margin:0; padding:0;}
ul,ol,li{list-style:none;}
a{text-decoration:none; color:#333; font-size:14px; font-family:"微软雅黑";}
img{border:none;}
body{color:#333; font-size:14px; font-family:"微软雅黑";}

.container{width:1200px; margin:auto;}
.fl{float:left;}
.fr{float:right;}
.clearfix{*zoom:1;}
.clearfix:before,.clearfix:after{display:table; content:""; line-height:0;}
.clearfix:after{clear:both;}


.oneLine{overflow:hidden; white-space:nowrap; text-overflow:ellipsis;}


.mt40{margin-top:40px;}
.mt60{margin-top:60px;}
.mt80{margin-top:80px;}
.mb100{margin-bottom:100px;}

/* #86BC42 */


/*header*/
header{width:100%; }
header .logo{display:block; width:386px; height:72px; margin:auto; }
header .logo img{vertical-align: middle;}
header .nav{float:left; height:40px; margin-bottom:20px;}
header .nav li{float:left; position:relative; transition:all 500ms; margin-right:12px;}
header .nav a{display:block; width:120px; height:40px; font-size:16px;  position:relative; text-align:center; line-height:40px; overflow:hidden;}
header .nav li.current a,header .nav a:hover{color: #86BC42; }
header .nav li .nav_son{position:absolute; top:40px; left:0; z-index:5;  width:120px;  padding:10px 0; background-color:#fff; display:none;}
header .nav li .nav_son a{display:block; width:100%; height:30px; line-height:30px; text-align:center; position:relative; font-size:16px; z-index:99999;}
header .nav li:hover .nav_son{display:block;}
header .searchbox{float:right; width:300px; height:38px; line-height:38px; border:1px solid #ddd; position:relative;}
header .searchbox .text{display:block; position:absolute; top:1px; left:1px; width:220px; padding-left:8px; border:none; background:none; color:#999;
	line-height:39px;}
header .searchbox .s-btn{position:absolute; right:0; top:0; width:70px; background:#ddd; height:39px; border:none;}


/*banner*/
.head-box{height:610px; overflow:hidden; position:relative; width:100%;}
.slideBox{position:absolute; top:0; width:100%; margin:auto; overflow:hidden; text-align:center;}
.slideBox .hd{position:absolute; bottom:40px; left:50%; z-index:3; margin-left:-32px; }
.slideBox .hd ul li{float:left; width:8px; height:8px; border-radius:99px; border:2px solid #fff; background:transparent; margin:0 10px;}
.slideBox .hd ul li:hover,.slideBox .hd ul li.on{background:#fff;}
.slideBox .bd{ position:relative; left: 50%; width:1920px; height:610px; margin: 0 0 0 -960px; text-align: center; overflow: hidden; }
.slideBox .bd li{position:relative;}
.slideBox .prev,.slideBox .next{ position:absolute; left:8%; top:50%; margin-top:-25px; display:block; width:32px; height:40px; background:url(../img/slider-arrow.png) -110px 5px no-repeat; filter:alpha(opacity=50);opacity:0.5;}
.slideBox .next{ left:auto; right:8%; background-position:8px 5px; }
.slideBox .prev:hover,.slideBox .next:hover{ filter:alpha(opacity=100);opacity:1;  }
.slideBox .prevStop{ display:none;}
.slideBox .nextStop{ display:none;}

/*footer*/
footer{width:100%; background:#1F1F1F;}
footer .Flinks{padding:10px 0;}
footer .Flinks .sp00{float:left; width:80px; height:38px; line-height:38px; color:#fff; font-size:16px; text-align:center;}
footer .Flinks .links{float:left; width:80%; margin-left:20px;}
.Flinks .links a{float:left; display:block; padding:0 8px; font-size:14px; color:#fff; line-height:38px;}
.Flinks .links a:hover{text-decoration: underline;}
footer .lianxi{padding-bottom:30px; border-bottom:1px solid #555;}
footer .ewm img{display:block; width:120px; height:120px; margin:auto;}
footer .ewm p{color:#fff; text-align:center; line-height:40px;}
footer .mes{text-align:center; color:#fff; line-height:40px;}
footer .mes span{padding:0 20px;}
footer .ft_nav{text-align:center; margin:30px auto 10px; line-height:40px;}
footer .ft_nav a{color:#fff; padding:0 28px;}
footer .banq p{font-size:12px; color:#eee;  text-align:center; padding:20px 0;}


/*在线客服*/
.fk_service{max-height:232px; position:fixed; right:10px; top:30%; font-family:"微软雅黑"; font-size:14px; color:#243558;
	z-index:10000}
.fk_service li>div {box-sizing:border-box; box-shadow:0 0 9px 0 rgba(0,0,0,0.1)}
.fk_service li{width:40px; height:40px; background:#fff; margin-bottom:10px; border-radius:4px; box-sizing:border-box;
	box-shadow:0 0 9px 0 rgba(0,0,0,0.1)}
.fk_service li .s_tub{top:12px; right:-11px; position:absolute; border-top:7px solid transparent; border-bottom:7px solid transparent;
	border-left:11px solid #e1e6ec; z-index:1010}
.fk_service li .s_tub:after {content:"\20"; top:-6px; right:1px; position:absolute; border-top:6px solid transparent;
	border-bottom:6px solid transparent; border-left:10px solid #fff; z-index:1000}
.fk_service li .s_tub:before {content:"\20"; width:80px; height:45px; top:-20px; right:-52px; position:absolute; background:rgba(0,0,0,0)}
.fk_service li.f_kefu{background: url(../img/fk_service.png) no-repeat -366px -16px #fff;}
.fk_service .f_kefu .kf_cont{width: 200px; min-height: 210px; max-height: 268px; border-radius: 3px; background: #fff; right: 62px;
    position: absolute; text-align: center; border: 1px solid #e1e6ec; display: none; opacity: 0;}
.fk_service li.f_kefu:hover {border:0;background:url(../img/fk_service.png) no-repeat -410px -16px #86BC42}
.fk_service li.f_kefu .kf_cont .QQ{width: 100%; height:120px; background: #f6f8fb; border-radius: 3px; padding-top:20px;
	border-bottom: 1px solid #eef2f8;}
.fk_service li.f_kefu .kf_cont .QQ a{display:block; width: 160px; height:45px; line-height:45px; background:#86BC42; border-radius: 18px;
	text-align: center; color:#fff; margin:0 0 10px 20px; cursor: pointer;}
.fk_service li.f_kefu .kf_cont .QQ a img{vertical-align: middle; margin-right:10px;}
.fk_service li.f_kefu .kf_cont .phone{width: 100%; height: 53px; line-height: 53px; font-size: 14px; text-align: center;}
.fk_service li.f_kefu:hover .kf_cont,.fk_service li.f_mes:hover .ms_cont,
.fk_service li.f_wx:hover .wx_cont,.fk_service li.f_top:hover .top_cont{
	display:block; 
	opacity:1; 
	transition:linear .2s; 
	animation-name:fade-in; 
	animation-duration:.3s;
	animation-iteration-count:1; 
	animation-delay:0s}
.fk_service li.f_mes{background: url(../img/fk_service.png) no-repeat -363px -64px #fff;}
.fk_service li.f_mes .ms_cont{width: 264px; height: 40px; line-height: 40px; background: #fff; border-radius: 5px; right: 62px; 
	text-align: center; position: absolute;display: none; border: 1px solid #e1e6ec;}
.fk_service li.f_mes:hover {border:0; background:url(../img/fk_service.png) no-repeat -407px -64px #86BC42; cursor:pointer}
.fk_service li.f_wx{background:url(../img/fk_service.png) no-repeat -365px -113px #fff;}
.fk_service li.f_wx .wx_cont{width: 143px; height:172px; border-radius: 3px; background: #fff; background-color: rgb(255, 255, 255); 
	right: 62px; position: absolute; text-align: center; border: 1px solid #e1e6ec; background-color: #f6f8fb; display: none; opacity: 0;}
.fk_service li.f_wx:hover {border:0; background:url(../img/fk_service.png) no-repeat -409px -113px #86BC42}
.fk_service li.f_wx .w_mg{width: 100%; height: 164px; float: left;}
.fk_service li.f_wx .w_mg .pic{width: 119px; height: 119px; float: left; margin: 12px 12px 5px 12px; background: url(../img/wx.png) no-repeat  center; background-size:100%;}
.fk_service li.f_top{background: url(../img/fk_service.png) no-repeat -363px -159px #fff; cursor:pointer;}
.fk_service li.f_top .top_cont{width: 84px; height: 40px; line-height: 40px; border-radius: 3px; background: #fff; right: 62px; 
	position: absolute; text-align: center; border: 1px solid #e1e6ec; display: none; opacity: 0;}
.fk_service li.f_top:hover {border:0; background:url(../img/fk_service.png) no-repeat -407px -159px #86BC42; cursor:pointer}


/*产品中心*/
.pro-center li{float:left; width:260px; margin-right:53px;}
.pro-center li:nth-child(4n){margin-right:0;}
.pro-center li .pic{width:260px; background:#fff; overflow:hidden;}
.pro-center li .pic img{display:block; width:260px; height:auto; margin:auto; transition:all 500ms;}
.pro-center li .name{width:100%; margin-top:20px; height:32px; line-height: 32px; text-align:center; overflow:hidden; white-space:nowrap; 
	text-overflow:ellipsis;}
.pro-center li:hover img{transform:scale(1.1);}

/*新闻*/
.News li{float:left; margin-right:30px; width:370px;}
.News li:nth-child(3n){margin-right:0;}
.News li a{display:block; width:100%; height:auto;}
.News li .pic{width:370px; height:210px; overflow:hidden; margin-bottom:8px;}
.News li .pic img{width:100%; height:auto; margin:auto;}
.News li .p1{width:100%; height:32px; line-height:32px; font-size:16px; overflow:hidden; white-space:nowrap; text-overflow:ellipsis;}
.News li .time{display:block; padding-top:10px; color:#929292; font-size:12px;}
.News li .p2{width:100%; padding-top:10px; color:#797979; line-height:25px; height:75px; overflow:hidden;}