*{padding: 0;margin: 0;box-sizing: border-box;}html,body{width: 100%;height: auto;font-size: 14px;font-family: "microsoft yahei";}ul{list-style: none;}img{border: none;}a{text-decoration: none;color: inherit;}a:hover{color: #51ab46;}
html,body{min-width: 1200px;}
.fl{float: left;}
.fr{float: right;}
.contentbox{margin: 0 auto;width: 1200px;height: auto;overflow: hidden;}

/*头部开始*/
.header{position: relative;z-index: 999;}
.header .top_bar{height: 44px;background: #f5f5f5;line-height: 44px;color: #666;}
.header .top_bar .contentbox{overflow: visible;}
.header .top_bar ul li{display: inline-block;margin-left: 20px;padding-left: 25px;position: relative;}
.header .top_bar ul li.wx .wxerweima{position: absolute;display: none;background: #fff;padding: 10px;}
.header .top_bar ul li:hover .wxerweima{display: block;}
.header .top_bar ul li:first-child{background: url(../images/wx_icon.png) left center no-repeat;}
.header .top_bar ul li+li{background: url(../images/wb_icon.png) left center no-repeat;}
.header .top{height: 80px;}
.header .top .logo{width: 55%;}
.header .top .logo img{width: 70%;}
.header .top .search{background: url(../images/search_bg.png) center center no-repeat;}
.header .top .search input{display: inline-block;border: none;height: 42px;width: 301px;float: left;background: none;}
.header .top .search input[type=text]{text-indent: 45px;}
.header .top .search input[type=submit]{width:80px ;cursor: pointer;}
.header .top .search input:focus{outline: none;}
.tel{font-size: 24px;color: #fff;padding-left: 30px;background: url(../images/tel_icon2.png) left center no-repeat;position: absolute;right:10%}
.header .nav{height: 55px;line-height: 55px;width: 100%;background: #51ab46;}
.header .nav .contentbox{overflow: visible;}
.header .nav ul li{float: left;width: 133px;height: 100%;text-align: center;font-size: 18px;color: #fff;position: relative;}
.header .nav ul li a{display: block;width: 100%;height: 100%;}
.header .nav ul li.active{background: #09690e;}
.header .nav ul li:hover{background: #039a10;}
.header .nav ul li:hover a{color: #fff;}
.header .nav ul li:hover .sub_nav{display: block;}
.header .nav ul li .sub_nav{display: block;position: absolute;left: 0;width: 133px;z-index: 999;background: #fff;display: none;}
.header .nav ul li .sub_nav li{float: left;width: 100%;height: 40px;line-height: 40px;}
.header .nav ul li .sub_nav li a{display: block;width: 100%;height: 100%;color: #666;}
.header .nav ul li .sub_nav .active a{color: #fff;}
/* .header .nav ul li .sub_nav ul li a:hover{background: #51ab46;color: #fff;} */
.header .nav ul li .sub_nav li a:hover{background: #fff;color: #51ab46;font-weight: 700;text-decoration: underline;}



/* 联系我们 */
.concatus{margin-top: 0;background-color: #fff;background: url(../images/begin-carbon.png) no-repeat center;width: 100%;height: 200px;text-align: center;}
.concatus p{color: #fff;font-size: 30px;padding-top: 3%;}
.concatus div{color: green;background: #fff;width: 7%;margin: 15px auto;height: 30px;line-height: 30px;border-radius: 20px;cursor: pointer;
}

/*尾部*/
.footer{padding: 30px 0;background: #252625;color: #fff;width: 100%;}
.footer .left{width: 240px;margin-right: 20px;padding: 20px 0;}
.footer .middle{padding: 20px 0;width: 75%;}
.footer .middle ul{display:block}
.footer .middle ul li h3{font-size: 16px;font-weight: 600;margin-bottom: 15px;}
.footer .middle .footer_mess{width:100%;display:flex;justify-content:space-between;}
.footer .middle .footer_mess div{padding-right:50px}
.footer .middle ul li p{font-size: 14px;text-align: left;margin-top: 10px;word-break: break-all;}
.footer .middle ul li p.flink a{display: block;float: left;margin-right: 20px;margin-bottom: 10px;}
.footer .middle ul li a:hover{color: #fff;text-decoration: underline;}
.footer .right{width: 15%;position: relative;padding: 20px 0;display: flex;justify-content: end}
/* .footer .right:after{content: "";position: absolute;height: 100%;width: 1px;background: #647f87;left: -30px;top:0px;} */
.footer .right .l{width: 70%;}
.footer .right .l h3{font-size: 16px;font-weight: 600;margin-bottom: 10px;}
.footer .right .l h3.rx{margin-top: 15px;}
.footer .right .l p{font-size: 16px;color: #fff;font-weight: 600;}
.footer .right .l p.weibo{font-size: 12px;font-weight: normal;color: #a1c6d2;margin-top: 15px;background: url(../other/weibo.svg) no-repeat left center;padding-left: 25px;font-family: "宋体";height: 18px;line-height: 18px;}
.footer .right .l p.qq{font-size: 12px;font-weight: normal;color: #a1c6d2;margin-top: 10px;background: url(../other/qq.svg) no-repeat left center;padding-left: 25px;font-family: "宋体";height: 18px;line-height: 18px;}
.footer .right .r{width: 50%;margin-right: 5%;}
.footer .right .r img{width: 100%;}
.footer .right .r p{text-align: center;margin-top: 5px;font-size: 12px;}
.footer .copyright{clear: both;width: 100%;font-size: 14px;color:#fff;text-align: center;padding-top: 30px;}

/* 每个页面大图 */
.BannerBg{
	width: 100%;
	position: relative;
	text-align: center;
	/* height: 300px; */
	overflow: hidden;
}
.BannerBg img{
	width: 100%;
}
.BannerBg h1{
	position: absolute;
	top: 23%;
	left:20%;
	color: #fff;
	text-align: center;
	width: 65%;
}
.BannerBg h3{
	position: absolute;
	top: 50%;
	left:10%;
	color: #fff;
	text-align: center;
	width: 80%;
}

/* 分页 */
.container{padding: 50px 0 100px ;}
#page{padding-bottom: 60px;padding-top: 30px;width: 100%;height: auto;overflow: hidden;text-align: center;display: flex;justify-content: center;align-items: center;}
#page a{margin: 0 10px;}
#page a:hover{color: #099a10;}
#page li{list-style:none;float:left}
#page li span{margin: 0 10px;}
#page .active{color: #099a10;font-weight: 700;border-radius: 50%;text-decoration: underline;}

/* 整体居中 */
.casedetail{width: 70%;margin: 25px auto;}
.casedetailmin{width: 70%;margin: 0 auto;}
.productbox{width: 88%;margin: 0 auto;height: auto;overflow: hidden;}

/* 面包屑 */
.casenav{display: flex;justify-content: space-between;color: #999;font-size: 15px;margin:0 auto 40px;}
.casetit{padding-bottom: 15px;border-bottom: 1px solid #ebebeb;margin-bottom: 15px;}


/*右侧浮动客服*/
.kefu{position: fixed;right: 0;top: 350px;width: 60px;z-index:999}
.kefu ul li{float: left;width: 60px;height: 60px;border-bottom: 1px solid #fff;text-align: center;background-color:#51ab46 ;background-position: center top 20px;background-repeat: no-repeat;color: #fff;font-size: 18px;cursor: pointer;position: relative;}
.kefu ul li span{display: block;position: absolute;width: 25px;height: 25px;border-radius: 50%;border: 2px solid #fff;line-height: 22px;text-align: center;color: #fff;background: #ee0000;top: 2px;right: 2px;font-size: 14px;}
.kefu ul li:last-child{border: none;}
.kefu ul li.active{background-color: #099a10;}
.kefu ul li:hover{background-color: #099a10;}
.kefu ul li p{margin-top: 38px;font-size: 13px;}
.kefu ul li:nth-child(1){background-image: url(../images/index-qq.png);}
.kefu ul>li{background-image: url(../images/index-qq.png);background-position-x: center;background-position-y: 5px;}
.kefu ul li:nth-child(2){background-image: url(../images/index-wx.png);}
.kefu ul>li+li{background-image: url(../images/index-wx.png);background-position-x: center;background-position-y: 5px;}
.kefu ul li:nth-child(3){background-image: url(../images/index-xiao.png);}
.kefu ul>li+li+li{background-image: url(../images/index-xiao.png);background-position-x: center;background-position-y: 5px;}
.kefu ul li:nth-child(4){background-image: url(../images/index-gong.png);}
.kefu ul>li+li+li+li{background-image: url(../images/index-gong.png);background-position-x: center;background-position-y: 5px;}
.kefu ul li:nth-child(5){background-image: url(../images/kefu_fanhui.png);background-color: #616161;}
.kefu ul>li+li+li+li+li{background-image: url(../images/kefu_fanhui.png);background-position-x: center;background-position-y: 25px;}
.kefu ul div{position: absolute;right:80%;top:40%;opacity: 0;}

.kefu ul li:hover div{opacity: 1;position: absolute;right: 110%;transition: right 0.5s ease-in-out;color: #fff;background: #099a10;top: 20%;padding: 20px 10px;width: 200%;font-size: 14px;font-weight: 700;border-radius: 10px;}
.kefu ul div .ma{width: 100%;}
.kefu ul li div .arrow{position: absolute;right: -10%;width: 25px;display: block;height: 25px;}

/* 按钮 */
#submess{
	width: 20%;
	height: 40px;
	font-size: 16px;
	border: 1px solid #51ab46;
	color: #fff;
	background: #51ab46;
	border-radius: 10px;
	cursor: pointer;
}