@charset "utf-8";
/* CSS Document */

*{margin: 0;padding: 0;text-decoration: none;list-style: none;font-family: "微软雅黑";}
h1,h2,h3,h4,h5,h6{font-weight: normal;}
.clearfix{clear: both;}
.fd_l{float: left;}

.head_nva li a,.dh_box,.box,.ej,.rl b,.rl span,.news_wb h4,.rl,.case img,.case p,.yq dt a,.zuo a{
	-ms-transition: all 0.3s;
	-webkit-transition: all 0.3s;
	-moz-transition: all 0.3s;
}
.about_wb a{border-radius: 14px;-webkit-border-radius: 14px;-moz-border-radius: 14px;}

.head{width: 1200px;margin: 0 auto;padding: 21px 0;}
.head_logo img{width: 261px;height: 52px;display: block;}
.head_nva li a{font-size: 15px;color: #333;padding: 5px 19px 9px;display: block;}
.head_nva li{float: left;position: relative;margin-top: 10px;}
.head_nva{margin-left: 115px;}
.head_nva li .nva_bj{background-color:#8ec31a;border-radius: 4px;color: white;}
.ej{z-index: 100;position: absolute;top: 34px;padding-top: 14px;display: none;}
.ej dl{position: relative;border-radius: 4px;-webkit-border-radius: 4px;-moz-border-radius: 4px;background: rgba(128,174,29,0.8);padding: 5px 0;}
.ej dl img{width: 12px;height: 11px;position: absolute;left: 50%;margin-left: -6px;top: -11px;}
.ej dl dt a{border-bottom: 1px solid #fff;color: #fff}
.head_nva li:hover .ej{display: block;}

.head_ss li{float: left;width: 41px;height: 34px;background-color: #8ec31a;border-radius: 4px;-webkit-border-radius: 4px;-moz-border-radius: 4px;margin: 10px 14px 0;cursor: pointer;}
.head_ss li:nth-child(1){background: url(../images/nva_dh.png)no-repeat,#8ec31a;background-position: center;background-size: 27px 27px;}
.head_ss li:nth-child(2){background: url(../images/ss.png)no-repeat,#8ec31a;background-position: center;background-size: 28px 28px;}
.head_nva li:hover{background-color:#8ec31a;border-radius: 4px;color: white;-webkit-border-radius: 4px;-moz-border-radius: 4px;}
.head_nva li:hover a{color: white;}
.head_ss li{position: relative;}
.ss{width: 211px;background:#80ae1d;padding: 5px;border-radius: 4px;-webkit-border-radius: 4px;-moz-border-radius: 4px;position: relative;}
.ss img{display: block;position: absolute;top: -11px;width: 12px;height: 11px;right: 0;margin-right: 46px;}
.ss input{display: block;float: left;}
.ss input:nth-child(1){width: 149px;border: none;padding: 4px;font-size: 12px;color: #999;margin-left: 2px;}
.ss input:nth-child(2){border: none;background-color: #f29c22;padding: 4px 13px;font-size: 12px;color: #fff;cursor: pointer;}
.box{position: absolute;top: 34px;margin-left: -150px;width: 211px;z-index: 100;padding-top: 14px;display: none;}

.dh{width: 180px;z-index: 100;background:#80ae1d;padding: 5px;border-radius: 4px;-webkit-border-radius: 4px;-moz-border-radius: 4px;position: relative;}
.dh h2{font-size: 18px;padding: 4px 13px;background-color: #fff;color: #f29c22;text-align: center;}
.dh img{width: 12px;height: 11px;position: absolute;top: -11px;left: 50%;margin-left: -6px;}
.dh_box{position: absolute;top: 34px;margin-left: -75px;width: 180px;z-index: 100;padding-top: 14px;display: none;}
.head_ss li:nth-child(2):hover .box{display: block;}
.head_ss li:nth-child(1):hover .dh_box{display: block;}
/*banner*/
/*.banner{height: 450px;overflow:hidden;}*/
.banner{height:450px; clear:both; position:absolute; top:0px; overflow:hidden;}
.banner .ban_c img{position:absolute;width:1920px;left:50%;margin-left:-960px;top:0;}
.banner .ban_nav{display:block;}
.banner .Left,.banner .Right{position:absolute;width:82px;height:52px;right:50%;bottom:280px;}
/*.banner .Left{left:0px;background-position:5px 0; background:url(../images/left_03.png) no-repeat; width:48px; height:48px;}
.banner .Right{right:0px;background-position:-33px 0;background-color:#e6292f;background:url(../images/right_03.png) no-repeat; width:48px; height:48px;} */
.bann_ext{position:relative;}
.frontCover{position:absolute;top:-50px;padding:0 0 16px;border-bottom:5px solid #de0000;}
.frontCover li{float:left;width:82px;padding:3px;background:#1277cf;color:#fff;overflow:hidden;margin-right:10px;cursor:pointer;}
.frontCover p{text-align:center;height:14px;line-height:18px;overflow:hidden;}
.frontCover .img{position:relative;height:50px;overflow:hidden;}
.frontCover img{position:absolute;width:192px;height:50px;left:-50px;}
.frontCover .open{background:#e60013;}
.wrap{width:980px;margin-left:auto;margin-right:auto;}
/*幻灯片(组件)*/
.slide{position:relative;width:100%;}
.ban_c{display:none;position:absolute;left:0;top:0;width:100%;height:100%;overflow:hidden;}
.ban_c img{width:100%;height:100%;}
.ban_t{position:absolute;left:0;bottom:0;width:100%;padding:4px 0;text-indent:10px;white-space:nowrap;overflow:hidden;color:#fff;background:rgba(0,0,0,.5);filter:progid:DXImageTransform.Microsoft.gradient(startcolorstr=#88000000,endcolorstr=#88000000);z-index:3;}
.ban_nav{position:absolute;bottom:20px;left:0;width:52%;text-align:right;z-index:4;}
.ban_nav a{display:inline-block;vertical-align:middle;width:10px;height:10px;line-height:3px;overflow:hidden;text-align:center;margin-right:10px;cursor:pointer;text-decoration:none;font-size:0px;-webkit-text-size-adjust:none; border:#FFF solid 1px; color:#0982ec; border-radius:100%; }
.ban_nav .on{background:#fff;color:#fff;}
.Left,.Right{cursor:pointer;}


/*产品中心*/
.product_lm ul,.product_bt,.product_lm h4 a{border-radius: 6px;-webkit-border-radius: 6px;-moz-border-radius: 6px;}
.product_box{width: 1200px;margin: 37px auto 0;}
.product_lm{width: 138px;float: left;}
.product_bt{background-color: #8ec31a;padding: 4px;}
.product_bt h2{color: #fff;font-size: 18px;text-align: center;}
.product_bt h3{color: #fff;font-size: 16px;text-align: center;font-family: Arial;margin-top: 4px;}
.product_lm ul{background-color: #ebebeb;padding: 11px 0;margin-top: 5px;text-align: center;}
.product_lm ul li a{font-size: 14px;color: #354b05;padding: 7px 0;display: block;}
.product_lm ul li .lm_bj{color: #fff;background-color: #8ec31a;}
.product_lm ul li:hover a{color: #fff;background-color: #8ec31a;}
.product_lm h4{text-align: center;margin-top: 6px;}
.product_lm h4 a{background-color: #8ec31a;display: block;color: #fff;padding: 6px 0;}

.product_list{width: 1040px;float: left;margin-left: 22px;}
.product_list li{width: 223px;height: 265px;position: relative;float: left;margin-left: 37px;margin-top: 20px;overflow: hidden;}
.bj{position: absolute;top: 0;left: 0;}
.product_list span{display: block;position: absolute;left: 0;bottom: 0;text-align: center;background: rgba(227,135,0,0.85);color: #fff;width: 100%;padding: 4px 0 ;}
.product_list li img{width: 100%;}
.product_list li:nth-child(1),.product_list li:nth-child(2),.product_list li:nth-child(3),.product_list li:nth-child(4){margin-top: 0;}

/*关于我们*/
.about_bg{background-color: #d1f59c;margin-top: 37px;}
.about_box{width: 1200px;margin: 0 auto;padding: 15px 0;}
.about_wb{width: 581px;float: left;}
.about_wb h2{color: #333;font-size: 18px;margin-top: 30px;margin-bottom: 22px;}
.about_wb p{font-size: 14px;color: #666;line-height: 30px;}
.about_wb a{
	display: block;
	font-size: 14px;
	color: white;
	width: 131px;
	text-align: center;
	padding: 4px 0;
	margin-top: 23px;
	background-image: -moz-linear-gradient( 90deg, rgb(148,195,44) 0%, rgb(200,244,101) 100%);
  background-image: -webkit-linear-gradient( 90deg, rgb(148,195,44) 0%, rgb(200,244,101) 100%);
  background-image: -ms-linear-gradient( 90deg, rgb(148,195,44) 0%, rgb(200,244,101) 100%);
	box-shadow: 0px 2px 3px 0px rgba(0, 0, 0, 0.46);
}
.about_t{width: 523px;height: 368px;border: 3px solid #fff;float: right;overflow: hidden;}
.about_t img{width: 100%;transition: all 2s;}
.about_t:hover img{transform: scale(1.2) rotate(-3deg);}
/*新闻中心*/
.news_box{width: 1200px;margin: 37px auto 0;}
.bt_lm{position: relative;}
.bt_box{display: flex;justify-content: center;align-items: center;}
.img_y{transform: rotate(-180deg)}
.bt{margin: 0 23px;display: inline-flex;flex-direction: column;align-items: center;}
.bt h2{font-size: 24px;color: #ccc;}
.bt h3{font-size: 18px;color: #333;}
.bt_gd{position: absolute;top: 50%;right: 16px;margin-top: -10px;}
.bt_gd a{font-size: 14px;color: #ccc;}
.bt_gd span{
	height: 1px;
	width: 15px;
	background-color: #ccc;
	display: block;
	-webkit-transition: width 1s;
	-moz-transition: width 1s;
	-ms-transition: width  1s;
	
}
.bt_gd:hover a{color: #94c32c;}
.bt_gd:hover span{background-color: #94c32c;width: 100%;}

.news{
	display: flex;
	-webkit-display: flex;
	margin-top: 40px;
}
.news ul li a{
	display: flex;
	-webkit-display: flex;
	
	
}
.news ul li{
	border-bottom: 1px solid #eeeeee;
	margin-left: 60px;
	padding-right: 20px;
	padding-bottom: 12px;
	margin-top: 12px;
}
.news ul li:nth-child(1){margin-top: 0;}
.news_t{width: 504px;}
.news_t img{width: 100%;}
.rl{
	width: 63px;
	height: 53px;
	background-color: #f1f1f1;
	-webkit-border-radius: 4px;
	-moz-border-radius:4px;
	-ms-border-radius:4px;
	display: flex;
	-webkit-display: flex;
	align-items: center;
	flex-direction: column;
	align-items: center;
}
.rl b{font-weight: normal;font-size: 24px;color: #999;}
.rl span{font-size: 14px;color: #999;}
.news_wb{margin-left: 6px;}
.news_wb h4{font-size: 16px;color: #666;}
.news_wb p{font-size: 14px;color: #999;margin-top: 9px;}
.news ul li a:hover b{color: white;}
.news ul li a:hover span{color: white;}
.news ul li a:hover h4{color: #669900;}
.news ul li a:hover .rl{
	background-image: -moz-linear-gradient( 90deg, rgb(132,173,72) 0%, rgb(159,205,59) 100%);
  background-image: -webkit-linear-gradient( 90deg, rgb(132,173,72) 0%, rgb(159,205,59) 100%);
  background-image: -ms-linear-gradient( 90deg, rgb(132,173,72) 0%, rgb(159,205,59) 100%);
}
/*案例展示*/
.case_box{width: 1200px;margin: 40px auto 0;}
.case{border: 1px solid #e6e6e6;padding: 6px 4px;margin-top: 30px;overflow: hidden;height: 250px;position: relative;width: 1200px;}
.case ul{width: 99999px;position: absolute;left: 9px;height: 250px;top: 12px;}
.case li{margin: 0 9px;width: 220px;float: left;}
.case img{width: 220px;height: 205px;}
.case p{font-size: 14px;color: #666;text-align: center;padding: 12px 0 10px;}
.case li:hover img{opacity: 0.8;box-shadow: 0px 2px 3px 0px rgba(0, 0, 0, 0.56);}
.case li:hover p{font-size: 14px;color: #669900;}

.yq{width: 1200px;margin: 24px auto;}
.yq dd{font-size: 14px;color: #666;}
.yq dt a{color: #999;font-size: 13px;display: block;float: left;margin-right: 20px;margin-top: 4px;}
.yq dt a:hover{color: #669933;}

.yj_bg{background-color: #4d4d4d;padding: 12px 0;}
.yj_box{width: 1200px;margin: 0 auto;}
.zuo ul{display: flex;}
.zuo ul li a{font-size: 13px;color: #999;display: block;margin-right: 35px;margin-top: 10px;}
.dz{margin-top: 15px;}
.dz span{font-size: 13px;color: #999;float: left;margin-right: 40px;}
.dz span b{font-weight: normal;color: #999;margin-left: 5px;}
.dz span a{color: #999;margin-left: 5px;}
.zuo a:hover{color: #669933;}
.you dd img{width: 198px;height: 39px;display: block;}
.you dt {margin-top: 8px;float: left;}
.you dt:nth-child(3){margin-left: 44px;}
.you dt p{font-size: 12px;color: #fff;text-align: center;}
.you dt img{display: block;width: 72px;height: 72px;border: 1px solid #fff;}
.you{float:right;margin-right: 200px;}
.yj{background-color: #252525;font-size: 13px;color: #fff;text-align: center;padding: 8px 0 9px;}


/*——————————————————————在线客服——————————————————*/
.zaix_box{position: fixed;right: 20px;bottom: 50px;cursor: pointer;}
.zaix_box ul{width: 60px;}
.zaix_box ul li{width: 60px;border-bottom: 1px solid #dedede;border-left: 1px solid #dedede;border-right: 1px solid #dedede;background-color: #fff;padding-top: 16px;padding-bottom: 9px;}
.zaix_box ul li img{margin: 0 auto;display: block;}
.zaix_box ul li p{font-size: 13px;color: #b2b2b2;text-align: center;margin-bottom: 7px;}
.zaix_box ul li:hover{background-color: #8EC31A;}
.zaix_box ul li:hover p{color: #fff;}
.zaix_box ul li img:nth-child(2){display: none;}
.zaix_box ul li:hover img:nth-child(2){display: block;}
.zaix_box ul li:hover img:nth-child(1){display: none;}
.zaix_box ul li:hover .ziji div img{display: block;}
.zaix_box ul li{position: relative}
.ziji,.zaix_box ul li p,.zaix_box ul li,.yj_nva li a,.dq a,.an dt a,.an input,.case_list li img,.case_list li p{transition: all 0.3s;-webkit-transition: all 0.3s;-ms-transition: all 0.3s;-moz-transition: all 0.3s;}
.ziji{position: absolute;width: 200%;top: 0;left: -200%;margin-left: -3px;border: 1px solid #80AE1D;background:#80AE1D; padding-bottom: 10px;}
.ziji span{font-size: 13px;color: #fff;text-align: center;margin-top: 10px;display: block;}
.ziji a{font-size: 13px;margin-top: 20px;display: block;background-color: #fff;color: #333;text-align: center;padding: 5px;}
.ziji div{width: 80px;height: 80px;margin: 0 auto;margin-top: 10px;}
.ziji div img{
	display: block;
	width: 80px;
}
.ziji{display: none}
.zaix_box ul li:hover .ziji{display: block;}


/*——————————————关于我们————————————*/
.lm_box ul,.lanm_bt,.lm_box dl{-ms-border-radius: 6px;-webkit-border-radius: 6px;-moz-border-radius: 6px;}
#lm{margin-top: 5px;background-color: #80ae1d;}
.lanmu_box{width: 1200px;margin: 0 auto;padding-top: 37px;padding-bottom: 37px;}
.lm_box{width: 195px;float: left;}
.lanm_bt{background-color: #8ec31a;padding: 4px;}
.lanm_bt h2{color: #fff;font-size: 18px;text-align: center;}
.lanm_bt h3{color: #fff;font-size: 16px;text-align: center;font-family: Arial;margin-top: 4px;}
.lm_box ul{background-color: #ebebeb;padding: 11px 0;margin-top: 5px;text-align: center;}
.lm_box ul li a{font-size: 14px;color: #354b05;padding: 7px 0;display: block;}
.lm_box ul li .lm_bj{color: #fff;background-color: #8ec31a;}
.lm_box ul li:hover a{color: #fff;background-color: #8ec31a;}
.lm_box dl{background-color: #ebebeb;padding: 11px;margin-top: 5px;}
.lm_box dl dd{font-size: 14px;color: #333;padding: 4px 0;}
.lm_box dl dd span{font-size: 13px;}
.lm_list{width: 981px;float: left;margin-left: 22px;border: 1px solid #eee;}
/*#lm_list{border: none;}*/
/*#lm_list .dq{border: 1px solid #ccc}*/
.dq{display: flex;align-items: baseline;padding: 12px 10px;background-color: #eee;border-bottom: 1px solid #fefefe}
.dq dd,.dq a,.dq dt{font-size: 13px;color: #666;}
.dq dt{margin:0 4px;}
.dq a:hover{color: #6B9612;}
.wb{margin-top: 20px;padding: 10px;overflow: hidden;}
.wb img{display: block;margin: 10px auto;}
.wb h1{font-size: 20px;color: #354b05;text-align: center;padding: 10px;}
.wb p{line-height: 30px;font-size: 14px;color: #727272;margin-top: 5px;}
.wb span{font-size: 12px;color: #999;text-align: center;display: block;}
.wb p span{text-align: left;}
.wb span b{font-weight: normal;}
.wz dt{font-size: 13px;color: #666;}
.wz a{font-size: 13px;color: #666;}
.wz a:hover{color: #6B9612}
.wz dl{display: flex;-webkit-display: flex;margin: 8px;}
.wz{display: flex;-webkit-display: flex;}

.tp_list,.case_list,.liuyan{margin-top: 20px;padding: 10px;overflow: hidden;}
.tp_list li{width: 223px;height: 265px;position: relative;float: left;margin: 16px 8px;}
.product_tu img{width: 223px;height: 265px;}
.bj{position: absolute;top: 0;left: 0;}
.tp_list span{display: block;position: absolute;left: 0;bottom: 0;text-align: center;background: rgba(227,135,0,0.85);color: #fff;width: 100%;padding: 4px 0 ;}

.an a{width: 55px;padding: 3px;font-size: 14px;text-align: center;border: 1px solid #ccc;color: #3e3a39;background-color: #f3f3f3;cursor: pointer;}
.an dt a{border: 1px solid #ccc;justify-content: center;margin: 5px;font-size: 14px;display: inline-flex;align-items: center;width: 20px;padding: 3px;color: #3e3a39;}
.an dd{margin: 5px;}
.an dt .an_bj{color: #fff;background-color: #80AE1D;border: 1px solid #80AE1D; width:}
.an{display: flex;-webkit-display: flex;justify-content: center;align-items: baseline;margin-bottom: 0.1rem;}
.an dt a:hover,.an input:hover{color: #fff;background-color: #80AE1D;border: 1px solid #80AE1D;}

.case_list li img{width: 220px;height: 205px;}
.case_list li{float: left;margin: 16px 10px;}
.case_list li p{font-size: 14px;color: #666;text-align: center;padding: 12px 0 10px;}
.case_list li:hover img{opacity: 0.8;box-shadow: 0px 2px 3px 0px rgba(0, 0, 0, 0.56);}
.case_list li:hover p{color: #669900;}

.news_list{
	margin: 15px;
	overflow: hidden;
}
.news_list ul{

}
.news_list ul li a{
	display: flex;
	-webkit-display: flex;
	
	
}
.news_list ul li{
	border-bottom: 1px solid #eeeeee;
	padding-right: 20px;
	padding-bottom: 12px;
	margin-top: 20px;
	width: 100%;
}
.news_list ul li:nth-child(1){margin-top: 0;}.news ul li a:hover b{color: white;}
.news_list ul li a:hover span{color: white;}
.news_list ul li a:hover b{color: white;}
.news_list ul li a:hover h4{color: #669900;}
.news_list ul li a:hover .rl{
	background-image: -moz-linear-gradient( 90deg, rgb(132,173,72) 0%, rgb(159,205,59) 100%);
  background-image: -webkit-linear-gradient( 90deg, rgb(132,173,72) 0%, rgb(159,205,59) 100%);
  background-image: -ms-linear-gradient( 90deg, rgb(132,173,72) 0%, rgb(159,205,59) 100%);
}
.news_list ul li:hover{border-bottom: 1px solid #669900;}
.news_list dl{margin-top: 20px;}

.liuyan{display: flex;justify-content: center;align-items: center;}
.clears{ clear:both;}
.messages{padding:15px 0;}
.messages input,.messages select,.messages textarea{margin:0;padding:0; background:none; border:0; }
.messlist {height:30px;margin-bottom:10px;}
.messlist label{float:left;width:100px; height:30px; font-size:14px; line-height:30px; text-align:right;padding-right:10px;color: #666;}
.messlist input{float:left;width:300px;height:28px;padding-left:5px;border:#ccc 1px solid;color: #666;}
.messlist.textareas{ height:auto;}
.messlist textarea{float:left;width:400px; height:110px;padding:5px;border:#ccc 1px solid;}
.messlist.yzms input{width:100px;}
.messlist.yzms .yzmimg{ float:left;margin-left:10px;}
.messsub{padding:0px 0 0 110px;}
.messsub input{width:100px; height:35px; background:#ddd; font-size:14px; font-weight:bold; cursor:pointer;margin-right:5px;color: #666}
.messsub div:nth-child(1) input{background:#80AE1D;color:#fff;}
.messsub input:hover{ background:#80AE1D;color:#fff;}
.messsub div{float: left;}

.lx{padding: 20px}
.lx dl dd{font-size: 14px;color: #333;padding: 4px 0;}
.lx dl dd span{font-size: 13px;}