@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%;}
	.picture img{ display:block; margin:0px auto;}
	/*头部样式*/
	.max{ max-width:1200px; width:100%;}
	
	header.header{ background:rgba(255,255,255,0.75); position:absolute; top:0px; left:0px; z-index:1; width:100%;}
	.head_b{padding:10px 0px 19px 0px; display:flex; justify-content:space-between;}
	.head_b *{margin-left:0px; margin-right:0px;}
	.header .logo{ float:left;}
	.header .logo img{ display:block;}
	.header .nav{ display:block; float:right;max-width:800px; width:100%;}
	.header .nav .switch{ float:right; width:100%; text-align:right;}
	.header .nav .switch a{ margin-right:10px; float:right;}
	.header .nav .switch a img{float:right;}
	.header .nav ul{ float:right;max-width:900px; width:100%;}
	.header .nav .nav_li{ float:left; max-width:calc(100% / 7); width:100%; text-align:center; height:100%;}
	.header .nav .nav_li a{ font-size:16px; color:#4b4948; text-align:center; float:left; width:100%; padding:5px 0px 10px 0px;}
	.header .nav .nav_li:hover a{ color:#00a73c}
	#nav_select a{color:#00a73c}

	/*导航样式*/

	.dh{ float:right; display:none;}
	.iconnav-list:after,.iconnav-list:before{ font-size:60px;}
	
	/*幻灯片样式*/
	.banner{ max-width:100%; position:relative; min-height:150px; overflow:hidden; height:700px;}
	.banner ul{ position:absolute; left:0px; top:0px;}
	.banner ul li{ float:left; max-width:100%; overflow:hidden;}
	.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 #00a73c; opacity:0.8;}
	.banner ol li:hover{border:2px solid #b67a24; opacity:1;}
	.banner li img{min-height:150px; height:700px; width:100%; object-fit:cover;}
	
	.lef_rig{ opacity:0.3; transition:all linear 0.25s;}
	.lef_rig span:first-child{ opacity:0.5; cursor:pointer; top:calc(55% - 90px); position:absolute;  z-index:2; width:50px; left:1%; text-align:center;}
	.lef_rig span:nth-child(2){ cursor:pointer;opacity:0.5; top:calc(55% - 90px); position:absolute;  z-index:2; width:50px; right:1%; text-align:center}
	.lef_rig span:hover{ opacity:0.8; }
	.lef_rig span+span:hover{ opacity:0.8; }
	.banner:hover .lef_rig{ opacity:1;}
	#dot{ background:#00a73c; border:2px solid #00a73c; opacity:1;}


	/*网站主体*/
	.often{ overflow:hidden; text-align:center; font-size:30px; color:#333; display:block; width:100%; margin:52px 0px 42px 0px;}
	.often font{ color:#00a73c;}
	
	
	section.service{ overflow:hidden; display:block; width:100%; background:#e9e9e9; padding:65px 0px 60px 0px;}
	.service ul{ overflow:hidden; background:#fff; padding:26px 25px; box-sizing:border-box;}
	.service ul li{ float:left; margin-right:10px; max-width:calc(100% / 3 - 18px); margin-right:26px; width:100%; position:relative;}	
	.service ul li .picture{ display:block; width:100%; overflow:hidden;}	
	.service ul li .picture img{ height:220px; width:100%; object-fit:cover; transition: all linear 0.25s;}	
	.service ul li .content{ position:absolute; top:0px; left:0px; width:100%; height:100%; background:rgba(0,0,0,0.40); padding:34px; box-sizing:border-box; text-align:right;}	
	.service ul li .content .title{ font-size:18px; color:#fff; font-weight:bold; white-space:pre; text-overflow:ellipsis; overflow:hidden; display:block; width:100%;}	
	.service ul li .content .text{ font-size:14px; color:#fff; font-family:"Arial"; margin-top:10px;}	
	.service ul li .content .text::after{ content:""; width:34px; height:3px; background:#fff; float:right; margin-top:20px;}	
	.service ul li:nth-of-type(3n){margin-right:0px;}	
	.service ul li:hover .picture img{ transform:scale(1.2);}	
	
	
	.video{ position:relative; overflow:hidden; text-align:center;}
	.video img{display:block; height:625px; width:100%; object-fit:cover;}
	.video .play{ height:121px; width:121px; position:absolute; background:rgba(255,255,255,0.50); padding:20px;border-radius:100%; box-sizing:border-box; left:0px; right:0px; margin:auto; bottom:70px; cursor:pointer;}
	.video .play span{ height:100%; width:100%; background:#f08000; float:left; border-radius:100%; overflow:hidden; text-align:center; display:flex; align-items:center; justify-content:center; color:#fff; font-size:26px;}
	.video .popup{ position:fixed; top:0px; bottom:0px; left:0px; right:0px; margin:auto; z-index:999; max-height:100%; height:500px; background:rgba(255,255,255,0.50); max-width:80%;padding:50px; box-sizing:border-box; display:none;}
	.video .popup .max{ position:relative; height:100%; display:flex; align-items:center; justify-content:center; }
	.video .popup .close{ position:absolute; top:-50px; right:0px; z-index:999; font-size:50px; cursor:pointer;}
	.video .popup video{ max-height:100%; max-width:100%;}
	
		
	footer.footer{ background:#2f2f2f;font-size:14px; padding-top:26px; overflow:hidden; display:block; width:100%;}
	.footer_b{ padding-bottom:30px; overflow:hidden; display:block; width:100%;}
	.footer_b .footer_column{ max-width:250px; width:100%; float:left; border-right:1px solid #383838; box-sizing:border-box; padding-left:22px;}
	.footer_b .footer_column:first-child{padding-left:0px;}
	.footer_b .footer_column .title{ color:#e5e5e5; font-size:16px; font-weight:bold;}
	.footer_b .footer_column ul{ margin-top:20px;}
	.footer_b .footer_column ul li a{ line-height:30px; color:#8e8e8e;}
	.footer_b .code{ max-width:185px; width:100%; float:left;}
	.footer_b .code .content{ float:right; text-align:center; color:#c1c1c1; font-size:12px; border:1px solid #383838; padding:7px 7px 12px 7px; position:relative; height:110px; box-sizing:border-box;}
	.footer_b .code .title{ position:absolute; bottom:-6px; left:0px; overflow:hidden; right:0px; margin:auto; background:#2f2f2f; font-size:12px; width:65%;}
	.footer_b .contact{ max-width:175px; width:100%; float:right; overflow:hidden;}
	.footer_b .contact .title .picture{ float:left;max-width:50px; width:100%;}
	.footer_b .contact .title span{ float:right; line-height:38px; color:#c1c1c1; font-weight:bold; max-width:calc(100% - 50px); width:100%; text-align:left;}
	.footer_b .contact p{ color:#00a73c; font-size:18px; font-weight:bold; width:100%; overflow:hidden; line-height:30px;}
	
	.footer .copyright{ overflow:hidden; border-top:1px solid #383838; padding:24px 0px;}
	.footer .copyright *{color:#8e8e8e; font-size:12px;}
	.footer .copyright span{ display:inline-block;}
	.footer .copyright .copy{ float:left;}
	.footer .copyright .support{ float:right;}
	
	
	/*新闻页面*/
	section.page_picture{ overflow:hidden; float:left; width:100%; position:relative;}
	.page_picture .picture{ background:#000; float:left; width:100%; overflow:hidden;}
	.page_picture .picture img{ float:left; opacity:0.7; height:480px; width:100%; object-fit:cover;}
	.page_picture .content{position:absolute; top:56%; left:0px; right:0px; margin:auto;}
	.page_picture .content .title{ font-size:30px; font-weight:bold; color:#ecebeb;}
	.page_picture .content .text{ font-size:18px; font-weight:bold; color:#ddd; margin-top:9px; text-transform:uppercase;}
	.page_picture .address{ position:absolute; right:0px; bottom:0px; max-width:calc((100% - 1200px) / 2 + 450px); width:100%; background:url(../images/page_01.png); background-repeat:no-repeat; background-size:auto 100%; background-position:left top; padding:30px 0px 18px 0px;color:#fff; font-size:16px; box-sizing:border-box;}
	.page_picture .address span{ padding-left:130px; max-width:450px; float:left; width:100%; box-sizing:border-box;}
	.page_picture .address a{ font-size:16px; color:#fff; margin:0px 11px;}
	.page_picture .address span a:first-child{margin-left:0px;}
	
	section.page_column{ overflow:hidden; float:left; width:100%;}
	.page_column .column{ background:#f2f2f2; background:linear-gradient(135deg,#f2f2f2 calc(100% - 60px),transparent calc(100% - 60px)); overflow:hidden; float:left; max-width:calc((100% - 1200px) / 2 + 770px); width:100%; padding:21px 0px 21px 0px;}
	.page_column ul{overflow:hidden; float:right; max-width:770px; width:100%;}
	.page_column li{ float:left; margin:0px 24px;}
	.page_column li a{ font-size:20px; color:#333;}
	.page_column li a:hover{ color:#00a73c;}
	#fl_select a{color:#00a73c;}
	
	section.process.list{ overflow:hidden; margin-top:50px; max-width:100%; float:left; width:100%;}
	section.process{overflow:hidden; display: block; width:100%; padding-bottom:25px;}
	.proc_b li{ float:left; max-width:calc(25% - 15px); margin-right:20px; padding:6px 6px 0px 6px; box-sizing:border-box; box-shadow:0px 0px 8px rgba(0,0,0,0.10); margin-bottom:35px;}
	.proc_b li:nth-of-type(4n){margin-right:0px;}
	.proc_b li .picture{float:left; width:100%; overflow:hidden;}
	.proc_b li .picture img{float:left; width:100%; height:202px; object-fit:cover; transition:all linear 0.25s;}
	.proc_b li .title{ text-align:center; background:#fff; float:left; width:100%; padding:20px 0px; white-space:pre; text-overflow:ellipsis; overflow:hidden;}
	.proc_b li:hover .title{ background:#00a73c; color:#fff;}
	.proc_b li:hover .picture img{ transform:scale(1.2);}

	section.flow{ overflow:hidden; display:block; width:100%; background:#f2f2f2; padding-bottom:33px;}
	section.flow.powder{background:none; padding-bottom:42px;}
	.flow li{ float:left; max-width:calc(25% - 15px); margin:0px 20px 20px 0px;position:relative; overflow:hidden;}
	.flow li:nth-of-type(4n){margin-right:0px;}
	.flow li .picture{ float:left; width:100%; overflow:hidden;}
	.flow li .picture img{ height:152px; width:100%; object-fit:cover; transition:all linear 0.25s;}
	.flow li .content{ position:absolute; top:0px; bottom:0px; left:0px; right:0px; margin:auto; height:100%; width:100%; text-align:center; background:rgba(0,0,0,0.50);}
	.flow li .content .title{ font-size:16px; color:#fff; margin-top:50px; padding:0px 5%; box-sizing:border-box; white-space:pre; text-overflow:ellipsis; overflow:hidden;}
	.flow li .content .icon{margin-top:12px; float:left; width:100%;}
	.flow li:hover .picture img{ transform:scale(1.2);}

	section.map{ background:url(../images/map.jpg) no-repeat; background-position:top center; background-size:auto 100%; padding:46px 0px 42px 0px; overflow:hidden; float:left; width:100%;}
	.map_b .title{ font-size:24px; font-weight:bold; color:#fff;}
	.map_b .text{ font-size:14px; font-weight:bold; color:#fff; margin-top:14px;}
	.map_b .more{ float:left; width:122px; height:38px; line-height:38px; background:#00a73c; text-align:center; font-size:14px; font-weight:bold; color:#fff; margin-top:48px;}
	
	section.special{ background:#f2f2f2;}
	.special .column{ background:linear-gradient(135deg,#fff calc(100% - 60px),transparent calc(100% - 60px));}
	
	.invest{ background:#f2f2f2; padding:50px 0px 62px 0px; overflow:hidden; float:left; width:100%;}
	.inv_b{ background:#fff; overflow:hidden; padding:41px; box-sizing:border-box;}
	.inv_b .content{ max-width:420px; width:100%; float:left;}
	.inv_b .picture{ max-width:540px; width:100%; float:right;}
	.inv_b .content .title{ font-size:32px; color:#00a73c;}
	.inv_b .content .text{ font-size:16px; color:#272727; line-height:30px; margin-top:26px; text-indent:32px;}
	
	section.products.touzi{ background:#fff;}
	
	section.page_about{ overflow:hidden; display:block; width:100%; padding:60px 0px 55px 0px;}
	.page_about .picture{ float:left; max-width:560px; width:100%;}
	.page_about .picture img{ float:left; width:100%; height:372px; object-fit:cover;}
	.page_about .content{ float:right; max-width:50%; width:100%; font-size:14px; color:#333; line-height:24px;}
	.page_about .content p{ margin-bottom:14px; text-indent:28px;}
	.page_about .content p:last-child{ margin-bottom:0px;}
	.page_about .content .more{ color:#00a73c;}
	
	section.page_about.lengku .picture{ padding:3px; box-sizing:border-box; box-shadow:0px 0px 10px rgba(0,0,0,0.20); border-radius:3px;}
	.lengku .picture img{ width:100%; height:312px; object-fit:cover;}
	.lengku .content{ font-size:15px; line-height:24px; color:#333;}
	.lengku .content p{ margin-bottom:12px; text-indent:30px;}
	.lengku .content p font{color:#00a73c; font-weight:bold;}
	
	
	section.culture{ overflow:hidden; background:#f2f2f2; padding-bottom:60px;}
	.cult_b li{ float:left; max-width:25%; width:100%; text-align:center; border-right:1px dashed #d3d3d3; box-sizing:border-box;}
	.cult_b li .icon img{ height:41px;}
	.cult_b li .title{ font-size:24px; color:#333;}
	.cult_b li .title::after{ content:""; width:40px; height:2px; background:#d0d4d7; display:block; margin:15px auto;}
	.cult_b li .text{ font-size:16px; line-height:26px; color:#666; margin-top:10px; float:left; width:100%;}
	
	section.future{ overflow:hidden; padding:60px 0px;}
	.future .often{ margin:0px 0px 32px 0px; text-align:left;}
	.future .content{ max-width:50%; float:left; width:100%; font-size:16px; color:#333; line-height:30px;}
	.future .picture{ max-width:560px; float:right; width:100%;}
	.future .content p{ text-indent:32px; margin-bottom:12px;}
	.future .content p:last-child{margin-bottom:0px;}
	.future .content p font{ color:#00a73c;}
	
	section.honor{ overflow:hidden; background:#f2f2f2; float:left; width:100%; padding-bottom:40px;}
	.hon_b{ overflow:hidden; position:relative;}
	.hon_b ul{ overflow:hidden; float:left; width:100%;}
	.hon_b li{ float:left; width:224px; margin-right:20px;}
	.hon_b li:nth-of-type(5n){margin-right:0px;}
	.hon_b li .picture{ float:left; width:100%; overflow:hidden;}
	.hon_b li .picture img{ float:left; width:100%; height:290px; object-fit:cover;}
	.hon_b li .title{ font-size:14px; color:#333; text-align:center; float:left; width:100%; margin-top:18px; text-overflow:ellipsis; overflow:hidden; white-space:pre;}
	.honor ol{ text-align:center; margin-top:30px;}
	.honor ol li{ height:9px; width:9px; border:3px solid #bbbdbc; display:inline-block; border-radius:100%; cursor:pointer; margin:0px 5px;}
	.honor ol li:hover{border-color:#00a73c;}
	#hon{border-color:#00a73c;}
	
	section.quality{ overflow:hidden; display:block; width:100%; padding-bottom:16px;}
	.quality .often{ text-align:left;}
	.quality ul{ position:relative; width:9999px;}
	.quality li{ width:285px; float:left; margin-right:20px;}
	.quality li:last-child{margin-right:0px;}
	.quality li .picture{ width:100%; overflow:hidden; float:left;}
	.quality li .picture img{ width:100%; height:190px; object-fit:cover;}
	.quality li .title{ font-size:14px; color:#333; text-align:center; float:left; width:100%; padding:20px 0px; white-space:pre; text-overflow:ellipsis; overflow:hidden;}
	
	section.pack{ overflow:hidden; padding-bottom:65px; margin-top:44px;}
	.pack_img img{ margin:0px auto; display:block;}
	.pack_b{ border:5px solid #00a73c; margin-top:40px; overflow:hidden; background:#00a73c;}
	.pack_b .picture{ max-width:90%; width:100%; float:left;}
	.pack_b .picture li{ max-width:20%; width:100%; float:left; overflow:hidden;}
	.pack_b .picture li img{ height:127px; width:100%; object-fit:cover; transition:all linear 0.2s;}
	.pack_b .title{ max-width:10%; float:right; width:100%; text-align:center; font-size:24px; font-weight:bold; color:#fff; margin-top:28px; line-height:38px;}
	.pack_b .picture li:hover img{ transform:scale(1.1);}
	
	
	section.products{ overflow:hidden; display:block; width:100%; background:#f2f2f2; padding-bottom:72px;}
	.pro_b{ overflow:hidden;}
	.pro_b ul{ position:relative; width:9999px;}
	.pro_b li{ float:left; width:285px; padding:6px 6px 0px 6px; background:#fff; margin-right:20px; box-sizing:border-box; box-shadow:0px 0px 8px rgba(0,0,0,0.10); margin-bottom:4px; margin-bottom:5px;}
	.pro_b li .picture{ float:left; width:100%; overflow:hidden;}
	.pro_b li .picture img{ float:left; width:100%; height:202px; object-fit:cover; transition:all linear 0.25s;}
	.pro_b li .title{ font-size:16px; color:#333; text-align:center; float:left; width:100%; padding:20px 0px; white-space:pre; text-overflow:ellipsis; overflow:hidden;}
	
	.pro_b li:hover{ background:#00a73c; color:#fff;}
	.pro_b li:hover .title{color:#fff;}
	.pro_b li:hover .picture img{ transform:scale(1.2)}
	
	
	section.news_list{ margin-top:40px; overflow:hidden; float:left; width:100%;}
	.news_list li{ max-width:49%; width:100%; float:left; border-bottom:1px solid #f1f1f1; padding:20px 0px 10px 0px; display:flex;}
	.news_list li:nth-of-type(even){ float:right;}
	.news_list li .picture{ max-width:184px; float:left; width:100%; margin-left:0px; overflow:hidden;}
	.news_list li .picture img{ height:133px; width:100%; object-fit:cover; transition:all linear 0.25s;}
	.news_list li .content{ max-width:65%; float:right; width:100%; margin-right:0px;}
	.news_list li .content .title{ font-size:16px; font-weight:bold; color:#333; margin-top:12px; text-overflow:ellipsis; overflow:hidden; white-space:pre;}
	.news_list li .content .text{ font-size:12px; line-height:18px; color:#666; margin-top:8px; max-height:36px; overflow:hidden; height:36px;}
	.news_list li .content time{ font-size:12px; color:#999; float:left; width:100%; margin-top:10px;}
	.news_list li .content .more{float:right; width:100%; font-size:12px; color:#00a73c; text-align:right; margin-top:2px;}
	.news_list li:hover .title{ color:#00a73c;}
	.news_list li:hover .picture img{ transform:scale(1.1);}
	
	
	.page_list{ overflow:hidden; width:100%; text-align:center; padding:54px 0px;}
	.page_list a:first-child{ display:none;}
	.page_list *{ font-size:14px; color:#666; margin:0px 3px;}
	.page_list a:hover{ color:#00a73c;}
	
	section.page_contact{ overflow:hidden; background:#f2f2f2; display:block; width:100%; padding:72px 0px;}
	.conta_b{ display:flex; background:#fff;}
	.conta_l{ max-width:42%; float:left; width:100%; margin-left:0px;}
	.conta_l .line{ border-bottom:1px solid #ddd; overflow:hidden; float:left; width:100%; padding:36px 0px 36px 42px; box-sizing:border-box;}
	.conta_l .line .icon{ font-size:44px; float:left; max-width:46px; text-align:center; width:100%; color:#000; overflow:hidden;}
	.conta_l .line:nth-of-type(1) .icon{ font-weight:bold;}
	.conta_l .line:nth-of-type(3) .icon{ font-size:54px; margin-left:-3px; font-weight:bold;}
	.conta_l .line:last-child{ border-bottom:0px;}
	.conta_l .line .content{ float:left; max-width:calc(100% - 70px); width:100%; float:right;}
	.conta_l .line .content .title{ font-size:17px; font-weight:bold; color:#000; letter-spacing:1px;}
	.conta_l .line .content .text{ font-size:16px; color:#6e6e6e; margin-top:10px;}
	.conta_l .line .content .text span{ display:inline-block;}
	.conta_r{ max-width:52%; float:right; width:100%; margin-right:0px;}
	.conta_r img{ height:100%; width:100%; object-fit:cover; display:block;}
	
	.conta_l .line:hover{ background:#00a73c;}
	.conta_l .line:hover *{ color:#fff;}
	.conta_l .line:hover .content *{ color:#fff;}
	
	section.page_odd{ overflow:hidden; float:left; margin:50px auto; width:100%;	}
	.page_odd .title{ text-align:center; font-size:26px; font-weight:bold; color:#000; margin-top:20px;}
	.page_odd time{ text-align:center; font-size:14px; color:#999; float:left; width:100%; text-align:center; margin-top:26px;}
	.page_odd .picture{ text-align:center; float:left; width:100%; margin-top:20px;}
	.page_odd .content{float:left; width:100%; margin-top:28px;}
	.page_odd .content p{line-height:32px;}
	
	

	/*返回顶部*/
	
	.top{ cursor:pointer; position:fixed; bottom:5%; background:rgba(0,123,42,0.50); right:1%; font-size:60px; display:none;}
	.top.iconfont{font-size:60px; color:rgba(255,255,255,0.5);}
	.top:hover{background:rgba(0,123,42,1.00);}
	.top:hover::before{color:rgba(255,255,255,1);}
	
	
	.sj_footer{ display:none; width:100%; background:#fff; position:fixed; bottom:0px; border-top:1px solid #ccc; z-index:999;}
	.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%;}


	

	:-moz-placeholder { /* Mozilla Firefox 4 to 18 */
	color: #666;
	}
		
	::-moz-placeholder { /* Mozilla Firefox 19+ */
	color: #666;
	}
	
	input:-ms-input-placeholder{
	color: #666;
	}
	
	input::-webkit-input-placeholder{
	color: #666;
	}

	
	textarea:-ms-input-placeholder{
	color: #666;
	}
	
	textarea::-webkit-input-placeholder{
	color: #666;
	}
@font-face {
  font-family: 'iconfont';
  src: url('iconfont.eot');
  src: url('iconfont.eot?#iefix') format('embedded-opentype'),
      url('iconfont.woff2') format('woff2'),
      url('iconfont.woff') format('woff'),
      url('iconfont.ttf') format('truetype'),
      url('iconfont.svg#iconfont') format('svg');
}
.iconfont {
  font-family: "iconfont" !important;
  font-size: 16px;
  font-style: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}