@charset "utf-8";

	*{ margin: 0 auto; font-family:"微软雅黑";}
	ul,ol{list-style:none; padding:0px;}
	a{ text-decoration:none; color:#000;}
	img{ max-width:100%;}
	section{ width:100%;}
	header{overflow:hidden;}
	/*头部样式*/
	.max{ max-width:1200px;}
	
	.header{background:url(../images/he_01.png) no-repeat right top; background-size:50% 50px; display:inline-block; width:100%;}
	.header .max{display:flex; align-items:center;}
	.logo{ float:left; max-width:200px; width:100%; margin:0px;}
	.logo img{ float:left;}
	.header_r{ max-width:calc(100% - 200px); width:100%; float:right;background:url(../images/he_01.png) no-repeat right top; background-size:95% 50px;  box-sizing:border-box; margin-right:0px;}
	.header_r form{ display:flex; float:left; overflow:hidden; margin:0px;}
	.header_r form input{ background:none; box-sizing:border-box; border:1px solid #fff; float:left; height:22px;}
	.header_r form input[type=text]{ border-right:0px; border-top-left-radius:7px; border-bottom-left-radius:7px; width:160px; font-size:12px; color:#fff; padding-left:11px;}
	.header_r form input[type=submit]{ border-left:0px; border-top-right-radius:7px; border-bottom-right-radius:7px; background:url(../images/he_02.png) no-repeat center; width:40px; cursor:pointer; color:#fff;}
	.header_r .ht{ padding:14px 0px 7px 10%; display:flex; justify-content:space-between;}
	
	.header_r .tel{ font-size:14px; color:#fff; float:left; margin:0px;}
	.header_r .tel span{ float:left; display:flex; align-items:center; margin-left:30px;}
	.header_r .tel img{ float:left; margin-right:10px;}
	.header_r .lan{ margin:0px; position:relative; max-width:90px; width:100%;}
	
	.header_r .lan .show{ color:#fff;text-align:right; display:flex; align-items:center; justify-content:flex-end; padding-bottom:4px; overflow:hidden;}
	.header_r .lan .show img{ margin:0px; margin-right:4px;}
	.header_r .lan .show::after{ content:"︿"; margin:0px; margin-top:-8px; font-size:14px; font-weight:bold; transition:all linear 0.2s; transform-origin: 6px 10px; font-size:12px; transform:scale(0.8);}
	.header_r .lan .hide{position:absolute; right:0px;background:#fff; top:100%; max-height:0px; height:0px; overflow:hidden; box-sizing:border-box; padding:0px; box-shadow:3px 3px 3px rgba(0,0,0,0.10)}
	.header_r .lan .hide a{white-space:pre; display:flex; align-items:center; font-size:12px; float:left; width:100%; padding:7px 0px; border-bottom:1px dashed #f3f3f3;}
	.header_r .lan .hide a:last-child{ border-bottom:0px;}
	.header_r .lan .hide a img{margin-right:4px; margin-left:0px;}
	.header_r .lan:hover .hide{ padding:4px 7px; max-height:200px; height:auto; z-index:5; transition:max-height linear 1s;}
	.header_r .lan .hide a:hover{color:#057c05;}
	.header_r .lan:hover .show::after{ transform:rotate(180deg);}
	
	

	/*导航样式*/
	.header_r .nav{ margin:31px 0px; float:right; width:100%; text-align:right; }
	.header_r .nav li{ max-width:calc(100% / 8); width:100%; overflow:hidden;text-align:center; float:left;}
	.header_r .nav li a{ font-size:18px; color:#333; display:inline-block; border-bottom:2px solid transparent; text-align:center; padding-bottom:5px;}
	.header_r .nav>li>a:hover{border-bottom:2px solid #057c05; text-transform:lowercase; color:#057c05; font-weight:bold;}
	#nav_select a{border-bottom:2px solid #057c05; color:#057c05; font-weight:bold;}
	#dh{ display:none; float:right; width:20%;}
	.dh{text-align:center;max-width:64px; background:none; border:1px solid #999; font-size:36px; max-height:64px; width:100%; height:150px;}
	
	
	
	
	/*幻灯片样式*/	
	.banner{ max-width:100%; position:relative; overflow:hidden;min-height:150px; }
	.banner ul{ position:absolute; z-index:1; left:0px; top:0px;}
	.banner ul li{ float:left; max-width:100%; overflow:hidden;}
	.banner:hover ol{ opacity:1;}
	.banner ol{ list-style:none;  padding-left:48%;opacity:0; width:100%; position:absolute; bottom:2%; transition:all 0.5s;-webkit-transition:all 0.5s;}
	.banner ol li{ margin:0 5px; cursor:pointer; border-radius:50%; height:5px; width:5px; float:left; border:2px solid #057c05; opacity:0.8;}
	.banner ol li:hover{border:2px solid #057c05; opacity:1;}
	.banner li img{min-height:150px; height:600px;}
	
	.lef_rig{ position:absolute; bottom:0px; right:calc((100% - 1200px) / 2); opacity:0; transition:all linear 0.25s;}
	.lef_rig span{ height:40px; width:40px; background:url(../images/po_01.jpg) no-repeat center; float:left; background-size:cover; cursor:pointer;}
	.lef_rig span:first-child{ transform:rotate(180deg);}
	.banner:hover .lef_rig{ display:block; opacity:1;}
	.lef_rig span:hover{ background:url(../images/po_02.jpg) no-repeat; transform:rotate(180deg);}
	.lef_rig span:hover:first-child{ transform:rotate(0deg);}
	#dot{ background:#fff; border:2px solid #fff; opacity:1;}
	
	.often{ margin-top:80px; margin-bottom:50px;}
	.often .title{ font-weight:bold;color:#057c05; font-size:36px; text-align:center; margin-bottom:6px;}
	.often .title a{color:#057c05;}
	.often .text{text-align:center;display:block;}
	.often .text p::before{ content:url(../images/ot_01.png); position:absolute; left:-50px; top:0px; bottom:0px; margin:auto; display:block;}
	.often .text p::after{ content:url(../images/ot_02.png); position:absolute; right:-50px; top:0px; bottom:0px; margin:auto; display:block;}
	.often .text p{text-align:center; font-size:12px; color:#666; border:1px solid #999; display:inline-block; padding:0px 23px; box-sizing:border-box; position:relative; height:20px; line-height:20px;}
	.often .pic{ text-align:center;}
	
	
	
	.products{ padding-bottom:80px; overflow:hidden;}
	.products .pro_l{ max-width:200px; width:100%; float:left;}
	.products .pro_l .title{ background:#057c05; font-size:22px; text-align:center; font-weight:bold;  color:#f6f6f6; height:62px; line-height:62px;}
	.products .pro_l ul li{ background:#e9e9e9; float:left; width:100%; margin-top:5px; position:relative; cursor:pointer;}
	.products .pro_l ul li a{ padding:15px 10px 14px 51px; float:left; width:100%; box-sizing:border-box; font-size:16px; color:#333; white-space:pre; text-overflow:ellipsis; overflow:hidden;}
	
	.products .pro_l ul li:hover{ background:#46a946;}
	.products .pro_l ul li:hover::after{content:""; border:7px solid transparent; border-left:7px solid #46a946; position:absolute; right:-14px; top:0px; bottom:0px; margin:auto; height:0px;}
	.products .pro_l ul li a:hover{ color:#fff;}
	
	#pro_l a{ color:#fff;}
	#pro_l::after{content:""; border:7px solid transparent; border-left:7px solid #46a946; position:absolute; right:-14px; top:0px; bottom:0px; margin:auto; height:0px;}
	#pro_l{ background:#46a946;}
	
	.products .pro_r{ max-width:calc(100% - 260px); width:100%; float:right;}
	.products .pro_r ul:nth-of-type(n+2){ display:none;}
	.products .pro_r li{ border:1px solid transparent; max-width:calc(100% / 3 - 12px); margin-right:18px; margin-bottom:15px; width:100%; overflow:hidden; float:left; box-shadow:0px 3px 4px rgba(0,0,0,0.10); box-sizing:border-box;}
	.products .pro_r li:nth-child(3n){ margin-right:0px;}
	.products .pro_r li:nth-last-child(-n+3){ margin-bottom:0px;}
	.products .pro_r li a{border:1px solid #f3f3f3; display:block;}
	.products .pro_r li a img{ height:215px; display:block; width:100%; object-fit:cover;}
	.products .pro_r li:hover{ border:1px solid #057c05;}
	.products .pro_r li a:hover{ border:1px solid #057c05;}
	
	.about{ background:url(../images/ab_01.jpg) no-repeat top center; background-size:cover; overflow:hidden; padding-bottom:80px;}
	.about .often .title font{ color:#fff;}
	.about_b{ max-width:1260px; width:100%;}
	.about_r{ max-width:50%; float:right; width:100%; padding:25px 60px 25px 39px; box-sizing:border-box; border:3px solid #fff; border-left:0px;}
	.about_r .content{ font-size:14px; line-height:28px; color:#fff;}
	.about_r .more{ color:#fff; font-size:14px; float:right; margin-top:50px;}
	.about_r .more img{ display:inline-block;}
	
	
	.case{ overflow:hidden;}
	.case ul{ position:relative; display:block; height:300px;}
	
	#case_05{width:350px; transform:matrix3d(0.7,0,0,0.0009,0,0.6,0,0,0,0,1,0,0,0,0,1); left:0px; z-index:1; opacity:1;}
	#case_01{width:550px; transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,0,0,1); z-index:3; left:325px; opacity:1;}
	#case_02{width:450px; transform:matrix3d(0.8,0,0,0.0009,0,0.7,0,0,0,0,1,0,0,0,0,1); left:120px; z-index:1; opacity:1;}
	#case_03{width:450px; transform:matrix3d(0.8,0,0,-0.0009,0,0.7,0,0,0,0,1,0,0,0,0,1); left:630px; z-index:2; opacity:1;}
	#case_04{width:450px; transform:matrix3d(0.7,0,0,-0.0009,0,0.6,0,0,0,0,1,0,0,0,0,1); left:750px; z-index:1; opacity:1;}
	
	
	.case li{overflow:hidden; position:absolute; transform:matrix3d(0.7,0,0,0.0009,0,0.6,0,0,0,0,1,0,0,0,0,1); left:0px; z-index:0; background:#fff; transition:all linear 0.2s;width:350px;}
	.case li img{height:278px; display:block; width:100%; object-fit:cover; transition:all linear 0.2s;}
	
	
	.case_b{ overflow:hidden; height:280px;}
	.case_button{ text-align:center; margin:50px;}
	.case_button span{ width:40px; height:40px; cursor:pointer; display:inline-block; background:url(../images/pr_02.png) no-repeat center; margin:0px 25px;}
	.case_button .case_left{ background:url(../images/po_01.jpg) no-repeat center; transform:rotate(180deg);}
	.case_button .case_right{ background:url(../images/po_01.jpg) no-repeat center;}
	.case_left:hover{ background:url(../images/po_02.jpg) no-repeat center; transform:rotate(0deg);}
	.case_right:hover{ background:url(../images/po_02.jpg) no-repeat center; transform:rotate(180deg);}
	
	.adva{ text-align:center; height:300px; background:url(../images/01.jpg) no-repeat center;}
	
	.warehouse li{ border:4px solid #eee; max-width:273px; width:100%; float:left; overflow:hidden;}
	.warehouse li img{ height:274px; width:100%; object-fit:cover; display:block; transition: all linear 0.25s;}
	.warehouse li:first-child{ max-width:630px;}
	.warehouse li:first-child img{height:555px; }
	.warehouse .more{overflow:hidden;text-align:center; display:block; width:100%;}
	.warehouse .more a{ margin:50px auto; overflow:hidden; background:#057c05; font-size:12px; color:#fff; width:80px; height:33px; line-height:33px; text-align:center; display:block; border-radius:9px;}
	.warehouse li:hover img{ transform:scale(1.2);}
	
	
	
	.news{ background:url(../images/ne_01.jpg) no-repeat top center; background-size:cover; overflow:hidden;}
	.news_class{ margin-bottom:30px;}
	.news_class span{ color:#333; font-size:18px; padding-bottom:8px; border-bottom:3px solid transparent; display:inline-block; margin-right:50px; cursor:pointer;}
	.news_class span:hover{ color:#057c05; font-size:18px; font-weight:bold; border-color:#057c05;}
	
	.news .news_b:last-child{ display:none;}
	.news_b{ overflow:hidden; margin-bottom:80px;}
	.news ul{ position:relative; height:481px;}
	.news li{ width:381px; float:left; margin-right:28px; position:absolute;}
	.news li .picture img{height:285px; display:block; width:100%; object-fit:cover;}
	.news li a{ position:relative; display:block; height:481px;}
	.news li .content{ background:#fff; max-width:90%; width:100%; padding:18px 21px; box-sizing:border-box; position:absolute; z-index:1; top:225px; left:0px; right:0px; margin:auto;}
	.news li .content .title{ font-size:16px; font-weight:bold; color:#333; line-height:24px; max-height:48px; overflow:hidden;}
	.news li .content .text{ font-size:14px;color:#333;line-height:21px; max-height:84px; overflow:hidden; margin-top:15px; margin-bottom:50px;}
	.news li .content time{font-size:12px; color:#999;}
	.news li .content time span:nth-of-type(2){ width:20px; height:20px; border:1px solid #999; float:right; background:url(../images/ne_02.png) no-repeat center;}
	.news li .content time span:nth-of-type(1){ display:flex; align-items:center; float:left;}
	.news li .content time span img{ display:block; margin-right:10px;}
	.news li:hover .content time span:nth-of-type(2){background:url(../images/ab_01.png) no-repeat center; background-color:#057c05; border-color:#057c05;}
	.news li:hover .content .title{color:#057c05;}
	#news_class{ color:#057c05; font-size:18px; font-weight:bold; border-color:#057c05;}
	
	
	footer{ overflow:hidden; width:100%; background:#057c05;}
	.foot{ margin-top:50px; display:flex; align-items:center; margin-bottom:6px;}
	.foot .logo{ float:left; max-width:200px; width:100%;}
	.foot .footer_nav{ max-width:1000px; width:100%; float:right;}
	.foot .footer_nav li{ float:left; max-width:calc(100% / 8); text-align:center; width:100%;}
	.foot .footer_nav li a{ font-size:18px; color:#fff;}
	.foot_c{ display:flex;}
	.url{ max-width:calc(100% / 3); width:100%; float:left; padding-right:50px; box-sizing:border-box;}
	.url .title{ font-size:16px; color:#fff; font-weight:bold; width:100%; display:block; margin:20px 0px;}
	.url .text *{ font-size:14px; line-height:28px; color:#fff; margin-right:25px;}
	.code{ max-width:calc(100% / 3); width:100%; float:left; border-left:1px dashed rgba(255,255,255,0.50); box-sizing:border-box; padding:0px 50px; display:flex; justify-content:space-between; align-items:center;}
	.code span{ max-width:calc(100% / 3); width:100%; float:left; max-width:88px; text-align:center;}
	.code .title{ font-size:12px; color:#fff;}
	.contact{ max-width:calc(100% / 3); width:100%; float:right; border-left:1px dashed rgba(255,255,255,0.50); padding-left:50px; box-sizing:border-box;}
	.contact div{ float:left; width:100%; color:#fff; font-size:14px; line-height:28px;}
	.contact div .title{ float:left; max-width:80px;}
	.contact div .text{ float:left; max-width:calc(100% - 80px);}
	
	.cope{ width:100%; display:block; text-align:center; padding:18px 0px; border-top:1px solid rgba(255,255,255,0.10); overflow:hidden; font-size:12px; color:#fff; margin-top:45px;}
	.cope span{ margin-right:18px; display:inline-block;}
	.cope *{ color:#fff}
	
	
	.ban_img ul li img{ height:500px;}
	
	
	/*新闻页面*/
	
	
	.page_bkgd{ overflow:hidden;}	
	.page_odd{ overflow:hidden; margin:20px auto;}
	.page_l{ float:left; width:240px;}
	.page_lt .title{ background:#349947; display:block; background-size:100% 100%; font-size:20px; color:#fff; text-align:center; line-height:50px; height:50px;}
	.page_lt ul{ border:1px solid #349947; border-top:0px; padding:15px 20px 15px 20px; box-sizing:border-box;}
	.page_lt ul li{ line-height:36px; text-align:left; border:1px solid #349947; margin-bottom:10px;}
	.page_lt ul li::before{ content:"·"; font-size:30px; color:#349947; float:left; margin:0px 10px;}
	.page_lt ul li a{ display:block; font-size:14px; color:#333;}
	.page_lt ul li:hover{ background:#349947;}
	.page_lt ul li:hover a{ color:#fff;}
	.page_lt ul li:hover::before{ color:#fff;}
	#fl_select{background:#349947;}
	#fl_select a{color:#fff;}
	#fl_select::before{ color:#fff;}
	.pagel_tel .title{background:#349947; display:block; background-size:100% 100%; font-size:20px; color:#fff; text-align:center; line-height:50px; height:50px; margin-top:30px;}
	.pagel_tel .text{ border:1px solid #349947; border-top:0px; padding-bottom:45px;}
	.pagel_tel .text p{ line-height:30px; padding:0px 10px; font-size:14px; color:#333;}
	.pagel_tel .text img{ width:100%;}
	
	.page_r{ max-width:920px; float:right; width:100%;}
	.page_second{ background:#349947; line-height:50px; height:50px; padding:0px 2%; overflow:hidden;/* border-top-left-radius:20px; */border-right:1px solid #005911;}
	.page_second .title{ float:left; color:#fff; font-size:18px; margin-left:2%;}
	.page_second .page_address{ float:right; color:#fff; font-size:14px;}
	.page_second .page_address a{ color:#fff; margin:0 5px;}
	.page_odd_content{ border:1px solid #005911; border-top:0px; padding:15px; box-sizing:border-box;}
	.page_odd_content .title{ font-size:24px; text-align:center; margin:10px auto 20px auto;}
	.page_odd_content .time{ margin-bottom:20px; overflow:hidden; text-align:center; font-size:14px;}
	.page_odd_content .time span{margin:0px 5px; color:#666;}
	.page_odd_content .picture{text-align:center; overflow:hidden;}
	.page_odd_content .picture img{ max-height:350px;}
	.page_odd_content .content{line-height:30px;}
	
	.pro_list{ margin-top:20px; overflow:hidden;}
	.pro_list li{ float:left; max-width:calc(100% / 3); margin-bottom:22px; padding:0 15px; box-sizing:border-box; width:100%;}
	.pro_list li a{box-shadow:0 2px 1px rgba(0,0,0,0.05); display:block;}
	.pro_list .picture{ display:block; overflow:hidden; position:relative;}
	.pro_list .picture::after{content:url(../images/po_01.png); font-size:30px; color:#fff; text-align:center; display:flex; background:rgba(255,255,255,0.20); position:absolute; width:100%; height:100%; top:-100%; align-items:center; justify-content:center; transition:all linear 0.25s;}
	.pro_list .picture img{ height:220px; object-fit:cover; display:block; width:100%; transition:all linear 0.2s;}
	.pro_list .title{ padding:20px; font-size:16px; color:#37474f; background:#fff; box-sizing:border-box; white-space:pre; text-overflow:ellipsis; overflow:hidden; text-align:center;}
	.pro_list li:hover .picture::after{top:0%;}
	.pro_list li:hover .picture img{ transform:scale(1.2);}
	
	.page_list{ overflow:hidden; display:block; width:100%; text-align:center; margin-top:20px;}
	.page_list a{ display:inline-block;background:rgba(0,0,0,0.25); color:#fff; text-align:center; box-sizing:border-box; padding:8px 13px; font-size:16px;}
	.page_list b{ text-align:center; display:inline-block; background:#005911; color:#fff; box-sizing:border-box; padding:8px 13px;}
	.page_list a:first-child{ display:none;}
	.page_list a:hover{background:#005911; color:#fff;}

	.news_list{overflow:hidden; margin-top:20px;}
	.news_list li{ padding:20px; overflow:hidden;}
	.news_list_img{ float:left; max-width:240px; width:100%; height:160px;}
	.news_list_img img{ width:100%; height:100%; object-fit:cover;}
	.news_list_text{ max-width:calc(100% - 250px); height:160px; box-sizing:border-box; float:right;}
	.news_list_text .title{  font-size:20px; font-weight:bold; color:#222; white-space:pre; text-overflow:ellipsis; overflow:hidden;}
	.news_list_text time{ font-size:14px; display:block; color:#999;}
	.news_list_text .text{ line-height:24px; height:72px; font-size:14px;color:#666; overflow:hidden;}
	.news_list_text .more{ background:#349947; color:#fff; width:120px; height:40px; line-height:40px; float:left; text-align:center;}
	.news_list li:hover{ background:#fff;}
	.news_list_text .more:hover{ background:#005911;}
	.news_list li:hover .title{color:#349947;}
	

	/*返回顶部*/
	.top{ width:50px; height:50px; line-height:50px;background:rgba(38,38,40,0.90); color:#fff; position:fixed; text-align:center; bottom:25%; cursor:pointer; display:none;font-weight:bold; font-size:30px; right:1%; z-index:999;}
	
	.sj_footer{ display:none; width:100%; background:#fff; position:fixed; z-index:999; bottom:0px; border-top:1px solid #ccc;}
	.sj_footer a{ width:33%; float:left; text-align:center; padding:3% 0;}
	.sj_footer span{ width:100%; float:left; color:#333; font-family:"微软雅黑";}
	.sj_footer img{ max-width:20%;}

	
	@font-face{
		font-family:"ygyxsziti2.0";
		src:url(../font/ygyxsziti2.0.ttf);
	}	
	:-moz-placeholder { /* Mozilla Firefox 4 to 18 */
	color: #fff;
	}
		
	::-moz-placeholder { /* Mozilla Firefox 19+ */
	color: #fff;
	}
	
	input:-ms-input-placeholder{
	color: #fff;
	}
	
	input::-webkit-input-placeholder{
	color: #fff;
	}

	
	textarea:-ms-input-placeholder{
	color: #fff;
	}
	
	textarea::-webkit-input-placeholder{
	color: #fff;
	}