@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%;}
	
	/*头部样式*/
	.phone_logo{ display:none;}
	.max{ max-width:1200px;}
	header.header{ position:fixed; top:0px; left:0px; background:rgba(255,255,255,0.9); z-index:999; width:100%;}
	header.page{ position:static; float:left; width:100%; overflow:hidden;}
	.header .logo{ float:left; overflow:hidden; max-width:20%; margin-top:17px;}
	.header .logo img{ float:left;}
	header.header.page_header{ position:sticky; float:left;}
	

	/*导航样式*/
	nav{ width:100%; max-width:60%; float:right;}
	nav ul{ float:left; width:100%;}
	nav ul>li{ float:left; max-width:calc(100% / 6); width:100%; position:relative;}
	nav ul>li a[href$=":;"]{ float:left;width:100%; text-align:center; font-size:16px; color:#333; padding:38.5px 0px; cursor:context-menu;}
	nav ul>li>a{ float:left;width:100%; text-align:center; font-size:16px; color:#333; padding:39px 0px;}
	nav ul ol{ position:absolute; top:100%; left:0px; z-index:1; width:100%; overflow:hidden;}
	nav ul ol li{ max-height:0px; overflow:hidden; background:rgba(255,255,255,0.8); float:left; width:100%; overflow:hidden; text-align:center; transition:all linear 0.25s;}
	nav ul ol li a{ float:left; width:100%; padding:13px 0px; border-bottom:1px solid #bababa; color:#666; font-size:15px;}
	nav ul ol li:last-child a{border-bottom:0px;}
	nav li a:hover{background:#009944; color:#fff !important;}
	nav ul>li:hover ol li{ max-height:100px; overflow:visible !important;}
	.remind{ display:none; background:#fff;}
	
	
	
	
	#delighter{ filter:blur(0px); transition:all linear 0.3s; transition-delay:0.1s;}
	#delighter .delighter{opacity:1; transform:translate(0%) scale(1);}
	.subject{transition:all linear 0.25s; float:left; width:100%;}
	/*幻灯片样式*/
	.banner{ max-width:100%; position:relative; min-height:150px; overflow:hidden; height:615px;}
	.banner ul{ position:absolute; left:0px; top:0px;}
	.banner ul li{ float:left; max-width:100%; overflow:hidden; position:relative;}
	.banner ul li .title{ position:absolute; top:0px; right:0px; left:0px; bottom:0px; margin:auto; display:flex; align-items:center; flex-wrap:wrap; align-content:center; z-index:1; font-size:60px; font-weight:bold; color:#009845; line-height:80px; letter-spacing:6px;}
	.banner ul li .title p{ float:left; width:100%; overflow:hidden; text-align:right; padding:0px 2%; box-sizing:border-box;}
	.banner:hover ol{ opacity:1;}
	.banner ol{opacity:0; width:100%; position:absolute; bottom:2%; transition:all 0.5s;-webkit-transition:all 0.5s; text-align:center;}
	.banner ol li{ margin:0 5px; cursor:pointer; border-radius:100%; height:5px; width:5px; display:inline-block; border:2px solid rgba(0,153,68,1.00); opacity:0.6;}
	.banner ol li:hover{opacity:1;}
	.banner li .picture img{min-height:150px; height:615px; width:100%; object-fit:cover;}
	.banner li .title .logo{ display:none;}
	/*导航样式*/

	.dh{ float:right; display:none; position:relative; overflow:hidden;}
	.dh input[type=checkbox]{ position:absolute; top:0px; left:0px; width:100%; height:100%; opacity:0; padding:0px; border:0px;}
	.iconnav-list:after,.iconnav-list:before{ font-size:60px;}
	
	
	.lef_rig{ opacity:0.3; transition:all linear 0.25s;}
	.lef_rig span{ opacity:0.5; cursor:pointer;top:calc(50% - 50px); position:absolute;  z-index:2; font-size:50px;text-align:center; color:rgba(0,153,68,1.00);}
	.lef_rig span:first-child{ transform:rotate(180deg);left:1%;}
	.lef_rig span:nth-child(2){right:1%;}
	.lef_rig span:hover{ opacity:0.8; }
	.lef_rig span+span:hover{ opacity:0.8; }
	.banner:hover .lef_rig{ opacity:1;}
	#dot{ background:rgba(0,153,68,1.00); border:2px solid rgba(0,153,68,1.00); opacity:1;}
	
	.often{font-weight:bold; display:block; width:100%; overflow:hidden; transform:translateY(-100%); transition:all 1s 0.5s ease-out; opacity:0;}
	.often img{display:block; margin:0px auto;}
	.often.delighter.started{ transform:translateY(0%); opacity:1; transition-delay:0s;}
	
	.about{ float:left; width:100%; overflow:hidden; background:url(../images/ab_01.jpg) no-repeat top center; background-size:cover; display:flex; align-items:center;filter:blur(25px); box-sizing:border-box;}
	.about .often{ display:none;}
	.about_l{ max-width:60%; float:left; width:100%;}
	.about_l .title{ float:left; width:100%; opacity:0.8; overflow:hidden; transform:rotateX(-90deg); transition:all 1s 1.5s ease-out;}
	.about_l .content{ font-size:16px; color:#fff; line-height:38px; margin-top:44px; float:left; width:100%; overflow:hidden;transform:translateY(-100%); transition:all 1s 0.5s ease-out; opacity:0;}
	.about_l .content p{ text-indent:32px;}
	.about_l .column{ float:left; width:100%; overflow:hidden; margin-top:45px;transform:translateY(100%); transition:all 1s 0.5s ease-out; opacity:0;}
	.about_l .column li{ float:left; max-width:87px; width:100%; overflow:hidden; margin:0px 54px;}
	.about_l .column li .picture{ float:left; width:100%; height:87px; overflow:hidden; display:flex; align-items:center; justify-content:center; box-sizing:border-box; border:1px solid #fff; border-radius:100%;}
	.about_l .column li .picture img{ transition:all linear 0.25s;}
	.about_l .column li .text{ float:left; width:100%; font-size:18px; color:#fff; text-align:center; margin-top:12px;}
	.about_l .column li .text a{color:#fff;}
	.about_r{ float:right; max-width:30%; width:100%; overflow:hidden;}
	.about_r img{ display:block; margin:0px auto; transform:translateY(205px); transition:all 1s 1.75s ease-out;}
	.about_l .column li:nth-of-type(1):hover .picture img{ transform:rotate(180deg);}
	.about_l .column li:nth-of-type(2):hover .picture img{ transform:rotateY(180deg);}
	.about_l .column li:nth-of-type(3):hover .picture img{ transform:scale(1.1);}
	.about_l .column li:hover .title{ color:#009944; font-weight:bold;}
	.about_l .title.delighter.started{ transform:rotateX(0); transition-delay:0s;}
	.about_l .content.delighter.started{ transform:translateY(0%); opacity:1;}
	.about_l .column.delighter.started{ transform:translateY(0%); opacity:1;}
	.about_r img.delighter.started.ended{transform:translateY(0px);}
	

	.products{ float:left; width:100%; overflow:hidden; background:url(../images/pro_01.jpg) no-repeat center; background-size:cover; display:flex; align-items:center;filter:blur(25px); box-sizing:border-box; max-height:100%;}
	.products .often{ display:none;}
	.products .pro_back{ background:rgba(0,0,0,0.4); max-width:calc((100% - 1200px) / 2 + (1200px * 0.325)); width:100%; height:100%; position:absolute; float:left; overflow:hidden; left:0px; top:0px; z-index:-1; transform:translateX(-100%); transition:all 1s 1.75s ease-out;}
	.pro_b{ display:block; overflow:hidden; width:100%;}
	.pro_l{ max-width:32.5%; width:100%; float:left; overflow:hidden;}
	.pro_l img{ display:block; margin:0px auto; transform:translateY(205px); transition:all 1s 1.75s ease-out;}
	.pro_r{ max-width:57%; width:100%; float:right;}
	.pro_r li{ max-width:48%; width:100%; float:left; overflow:hidden; position:relative; transform:translateY(-100%); transition:all 1s 0.5s ease-out;}
	.pro_r li:nth-of-type(n+3){ margin-top:20px;transform:translateY(100%);}
	.pro_r li:nth-of-type(2),.pro_r li:nth-of-type(3){ transition-delay:1s;}
	.pro_r li:nth-of-type(4){ transition-delay:1.5s;}
	.pro_r li:nth-of-type(even){ float:right;}
	.pro_r li .picture{ width:100%; float:left; overflow:hidden;}
	.pro_r li .picture img{ float:left; height:280px; width:100%;}
	.pro_r li .title{ position:absolute; top:100%; left:0px; width:100%; float:left; display:flex; align-items:center; justify-content:center; background:rgba(0,0,0,0.3); height:100%; font-size:18px; color:#fff; transition:all linear 0.25s;}
	.pro_r li:hover .title{top:0px;}
	.pro_l img.delighter.started.ended{transform:translateY(0px);}
	.products .pro_back.delighter.started.ended{transform:translateY(0px);}
	
	

	.news{ overflow:hidden; float:left; width:100%; background:url(../images/news_01.jpg) no-repeat center; background-size:cover;display:flex; align-items:center; position:relative;filter:blur(25px); flex-wrap:wrap; align-content:center;}
	.news .often{ float:left; width:100%; overflow:hidden;}
	.news_b{ float:left; width:100%; overflow:hidden; margin-top:100px; background:rgba(0,0,0,0.5); padding:63px 0px; transform:translateX(-100%); transition:all 1s 0.75s ease-out;}
	.news_b .max{ display:block; overflow:hidden;}
	.news_b ul{ display:block; width:9999px; overflow:hidden; transform:translateY(100%); transition:all 1s 1.5s ease-out;}
	.news_b li{ float:left; margin-right:21px; width:386px; overflow:hidden; border:1px solid #fff; box-sizing:border-box; padding:6px 6px 10px 6px;}
	.news_b li .title{width:100%; float:left; overflow:hidden; white-space:pre; text-overflow:ellipsis; font-size:16px; color:#fff; margin-top:20px; padding:0px 9px; box-sizing:border-box;}
	.news_b li .intro{width:100%; float:left; overflow:hidden; font-size:14px; line-height:24px; color:#fff; margin-top:12px; padding:0px 9px; box-sizing:border-box;}
	.news_b li .picture{width:100%; float:left; overflow:hidden;}
	.news_b li .picture img{ height:138px; width:100%; float:left; object-fit:cover;}
	.news_b li:hover{ background:rgba(255,255,255,0.8);}
	.news_b li:hover .title{ color:rgba(0,153,68,1);}
	.news_b li:hover .intro{ color:rgba(0,153,68,0.6);}

	.news_b.delighter.started{transform:translateX(0%);}
	.news_b ul.delighter.started{transform:translateX(0%);}
	
	
	
	

	.map{ float:left; width:100%; background:url(../images/map_01.jpg) no-repeat center top; background-size:cover; overflow:hidden; display:flex; align-items:center;filter:blur(25px); flex-wrap:wrap; align-content:center;}
	.map_b{ margin-top:126px; display:block; overflow:hidden; width:100%;}
	.map_c .picture{float:left;width:100%; text-align:center; overflow:hidden; position:relative; z-index:1; padding-top:30px;}
	.map_c .picture::before{ content:""; width:250px; height:250px; border:2px solid #fff; border-radius:100%; border-bottom:0px; box-sizing:border-box; position:absolute; left:0px; right:0px; top:0px; z-index:-1; margin:0px auto; animation: rotate linear 3s infinite;}
	.map_b .text{ float:left;  overflow:hidden; margin-top:35px;width:100%; text-align:center; font-size:16px; line-height:36px; color:#fff;}
	.map_b .text a{color:#fff;}
	.map_b .icon{ max-width:86px; float:right; font-size:44px; width:100%; height:86px; text-align:center; color:rgba(0,153,68,0.6); border:1px solid #fff; border-radius:100%; display:flex; align-items:center; justify-content:center; margin:0px;}
	.map_b .content{ float:left; max-width:calc(100% - 100px); width:100%; font-size:16px; color:#fff; margin:0px;}
	.map_l{ float:left; max-width:26%; width:100%; overflow:hidden; display:flex; align-items:center; margin-top:84px; justify-content:space-between; transform:translateX(-100%);transition:all 1s 0.75s ease-out;}
	.map_c{ float:left; max-width:48%; width:100%; overflow:hidden;transform:scale(0.1); opacity:0;transition:all 1s 0.75s ease-out;}
	.map_r{ float:right; max-width:26%; width:100%; overflow:hidden; display:flex; align-items:center; margin-top:84px; justify-content:space-between;transform:translateX(100%);transition:all 1s 0.75s ease-out;}
	.map_r .icon{ transform:rotateY(180deg);}
	.map_b .icon:hover{ background:rgba(0,153,68,0.8); border-color:rgba(0,153,68,0.8); color:rgba(255,255,255,1);}

	.map_l.delighter.started{ transform:translateX(0%);}
	.map_c.delighter.started{ transform:scale(1); opacity:1;}
	.map_r.delighter.started{ transform:translateX(0%);}

	

	
	


	
	
	.control{ position:fixed; right:1.5%; top:0px; bottom:0px; margin:auto; display:flex; align-items:center; z-index:999;}
	
	.control li{ width:10px; height:10px; box-sizing:border-box; border-radius:100%; margin-bottom:10px; cursor:pointer; background:#fff; box-shadow:0px 0px 4px rgba(0,0,0,0.6);}
	#contr{ background:rgba(0,153,68,1);}
	
	footer.footer{ background:#1d1d1d; color:#fff; display:block; overflow:hidden; padding:40px 0px 30px 0px;}
	footer.footer .max{ display:block; display:flex; flex-wrap:wrap; align-items:center;}
	.footer .logo{ max-width:15%; float:left; width:100%; overflow:hidden; text-align:center;}
	.footer .foot_l div{ float:left; max-width:100%; width:100%; margin:7px 0px; font-size:14px; text-align:center;}
	.footer .foot_l div a{color:#fff;}
	.footer .foot_l div{ display:inline-block;}
	.footer .foot_l{ float:left; max-width:70%; width:100%; overflow:hidden;}
	.footer .foot_r{ float:right; max-width:15%; width:100%; overflow:hidden; text-align:center;}
	.footer .foot_r img{ display:block; margin:0px auto;}
	
	
	/*新闻页面*/
	.page_img{ display:block; width:100%; overflow:hidden;}
	.page_img img{ float:left; width:100%; height:365px; object-fit:cover;}
	
	.page_often{ color:#333; text-align:center; margin:40px auto; display:block; overflow:hidden; width:100%; float:left;}
	.page_often .title{ font-size:18px; letter-spacing:2px; margin-top:8px; color:#666;}
	.page_often .text{ font-size:32px; font-weight:bold; letter-spacing:5px;}
	
	.page_list{ float:left; width:100%; text-align:center; margin:30px auto; cursor:pointer;}
	.page_list a:first-child{ display:none;}
	.page_list a{ color:#666; display:inline-block; border:1px solid #ddd; padding:2px 8px;}
	.page_list a:hover{ color:rgba(0,153,68,1); border-color:rgba(0,153,68,1);}
	
	.page_news_list{ max-width:1200px; width:100%; overflow:hidden; display:block;}
	.page_news_list li{ float:left; width:100%; padding-bottom:40px; padding-top:40px; border-bottom:1px dashed #7d7d7d;}
	.page_news_list li:first-child{padding-top:20px;}
	.page_news_list li .picture{ float:left; max-width:30%; width:100%;}
	.page_news_list li .picture img{ float:left; width:100%; height:190px; object-fit:cover;}
	.page_news_list li .content{ float:right; width:68%;}
	.page_news_list li .content .title{ font-size:18px; line-height:26px; color:#333; text-overflow:ellipsis; white-space:pre; transition:all linear 0.25s;}
	.page_news_list li .content time{ font-size:13px; line-height:26px; color:#787878; margin-top:5px; display:block;}
	.page_news_list li .content .text{ font-size:13px; line-height:25px; color:#787878; max-height:75px; height:75px; overflow:hidden; margin-top:10px;}
	.page_news_list li .content .more{ max-width:100px; height:32px; width:100%; line-height:32px; font-size:14px; color:#818181; margin-top:10px; border:1px solid #e1e1e1; display:inline-block; text-align:center;}
	.page_news_list li:hover .title{color:rgba(0,153,68,1); font-weight:bold; transform:translateX(8px);}
	.page_news_list li .content .more:hover{background:rgba(0,153,68,1); color:#fff; border-color:#fff;}
	
	.page_pro_list{overflow:hidden; display:block;padding:3px; box-sizing:border-box;}
	.page_pro_list li{ max-width:calc(25% - 10.5px); margin:0px 14px 20px 0px; float:left;}
	.page_pro_list li:nth-of-type(4n){ margin-right:0px;}
	.page_pro_list li .picture{ width:100%;float:left;}
	.page_pro_list li .picture img{ width:100%; height:200px; float:left; object-fit:cover;}
	.page_pro_list li .title{color:#333; padding: 10px 5%; overflow:hidden; font-size:16px; white-space:pre; text-overflow:ellipsis; box-sizing:border-box; float:left; width:100%;}
	.page_pro_list li:hover{ box-shadow:0px 0px 8px -3px #000;}
	
	section.page{display:block; overflow:hidden; width:100%;}
	.page_address{ float:left; display:block; width:100%; text-align:center; background:rgba(238,238,238, 0.3);}
	.page_address .max{ float:left; margin-left:calc((100% - 1200px) / 2); width:100%; position:relative;}
	.page_address .address{ font-size:14px; color:#666; max-width:50%; float:left; padding:16px 0px;}
	.page_address .address span{ float:left; margin-right:10px;}
	
	.page_address .page_title{ position:absolute;z-index:1;right:0px;top:-82px; color:#fff;}
	.page_address .page_title .content{background:rgba(0,153,68,0.9);padding:35px 50px;font-size:24px;font-weight:bold;}
	.page_address .page_title .content .text{ font-family:"Arial"; font-weight:400; letter-spacing:1px; font-size:18px; margin-top:10px;}
	.page_address .page_title .column{background:rgba(0,153,68,0.8); overflow:hidden; border-top:2px solid transparent; box-sizing:border-box; max-height:0px; transition:all linear 0.5s; width:100%;}
	.page_address .page_title .column a{ border-bottom:2px solid transparent; float:left; padding:5px 3px; box-sizing:border-box; max-width:50%; width:100%; color:#fff; white-space:pre;}
	.page_address .page_title .column a:nth-of-type(n+22){ display:none;}
	.page_address .page_title .column a:hover{ border-bottom:2px solid rgba(255,255,255,1);}
	.page_address .page_title:hover .column{ border-top:2px solid #fff; max-height:999px; padding:5px 2%;}
	
	
	
	.page_odd{ margin:80px auto 40px auto;}
	.page_odd .title{ text-align:center; font-size:26px; line-height:45px;margin-bottom:10px;}
	.page_odd time{ text-align:center; display:block; font-size:14px;color:#999; margin-bottom:10px;}
	.page_odd .content{ text-align:center; display:block; margin-top:20px;}
	.page_odd .content p{ line-height:34px; text-align:left; color:#333; font-size:16px;}
	.page_odd .picture{ text-align:center; margin-top:20px;}
	.km{ margin-bottom:40px !important;}
	
	.page_message{ max-width:800px; padding-bottom:80px; display:block; overflow:hidden;}
	.page_message .text{ font-size:14px; color:#666; line-height:35px;}
	.page_message form{ float:left; width:100%; overflow:hidden; margin-top:20px;}
	.page_message form .line{ float:left; width:100%; overflow:hidden; margin-top:20px;}
	.page_message form .line:nth-of-type(1){ max-width:48%;}
	.page_message form .line:nth-of-type(2){ max-width:48%; float:right;}
	.page_message form .line:nth-of-type(3) .title{ max-width:100%; width:100%; margin:10px 0px 5px 0px;}
	.page_message form .line:nth-of-type(4){ margin-top:40px;}
	.page_message form .line .title{ font-size:16px; color:#333; letter-spacing:3px; float:left; max-width:80px; line-height:35px;}
	.page_message form .line input[type=text]{ float:left; max-width:calc(100% - 80px); width:100%; box-sizing:border-box; outline:none; border-radius:2px; border:1px #ccc solid; padding:8px 2%;}
	.page_message form .line textarea{ float:left; width:100%; box-sizing:border-box; outline:none; border-radius:2px; border:1px #ccc solid; padding:8px 2%; resize:none; height:200px;}
	.page_message form .line input[type=submit]{ display:block; background:rgba(0,153,68,1); border:0px; padding:0px; color:#fff; font-size:14px; width:160px; line-height:40px; cursor:pointer;}
	
	
	/*返回顶部*/
	.top{ width:50px; height:50px; line-height:50px;background:rgba(0,153,68,0.30); color:#fff; position:fixed; text-align:center; bottom:25%; cursor:pointer; display:none;font-weight:bold; font-size:30px; right:1%;}
	.top:hover{ background:rgba(0,153,68,1);}
	
	.sj_footer{ display:none; width:100%; background:#fff; position:fixed; bottom:0px; border-top:1px solid #ccc; z-index:10;}
	.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%;}
	
	
	@-webkit-keyframes cust{
		0%{ transform:scale(0.1); opacity:0;}
		50%{ transform:scale(1); opacity:1;}
		100%{ transform:scale(1.2); opacity:0;}
	}
	@-webkit-keyframes rotate{
		0%{ transform:rotate(0deg); opacity:0.3;}
		50%{ transform:rotate(180deg); opacity:1;}
		100%{ transform:rotate(360deg); opacity:0.3;}
	}
	
	
	:-moz-placeholder { /* Mozilla Firefox 4 to 18 */
	color: rgba(255,255,255,0.6);
	}
		
	::-moz-placeholder { /* Mozilla Firefox 19+ */
	color: rgba(255,255,255,0.6);
	}
	
	input:-ms-input-placeholder{
	color: rgba(255,255,255,0.6);
	}
	
	input::-webkit-input-placeholder{
	color: rgba(255,255,255,0.6);
	}

	
	textarea:-ms-input-placeholder{
	color: rgba(255,255,255,0.6);
	}
	
	textarea::-webkit-input-placeholder{
	color: rgba(255,255,255,0.6);
	}