@charset "utf-8";

	*{ margin: 0 auto; font-family:"微软雅黑";}
	ul,ol{list-style:none; padding:0px;}
	a{ text-decoration:none; color:#000;}
	img{ display:block; max-width:100%;}
	.picture img{ display:inline-block; max-width:100%;}
	
	/*头部样式*/
	.max{ max-width:1680px;}
	
	header.header{ width:100%; float:left; background:#fff; padding:21px 0px; box-shadow:0px 0px 12px rgba(4,0,0,0.6);}
	.header .logo{ float:left; max-width:240px; width:100%;}
	.header .logo img{ display:block;}
	.header .contact{ float:right; width:100%; max-width:11%; min-width:170px; text-align:left; overflow:hidden; font-size:14px; color:#222;}
	.header .contact .text{ float:left; width:100%; font-size:24px; font-weight:bold; color:#00914a; margin-top:4px;}
	

	/*导航样式*/
	.nav{ max-width:calc(100% - 500px); width:100%; margin-left:45px; float:left; text-align:center;}
	.nav li{ max-width:12.5%; width:100%; float:left; text-align:center;}
	.nav li a{ font-size:16px; float:left; width:100%; color:#222; text-align:center; padding:20.5px 0px; overflow:hidden; position:relative;}
	.nav li:hover a{ color:#00914a;}
	#nav_select a{color:#00914a;}
	
	/*导航样式*/

	.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;}
	
	/*幻灯片样式*/
	.banner{ max-width:100%; position:relative; min-height:150px; overflow:hidden; height:650px;}
	.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 rgba(0,145,74,1.00); opacity:0.6;}
	.banner ol li:hover{opacity:1;}
	.banner li img{min-height:150px; height:650px; width:100%; object-fit:cover;}
	
	.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,145,74,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,145,74,1.00); border:2px solid rgba(0,145,74,1.00); opacity:1;}
	
	.often{ overflow:hidden; display:block; width:100%; text-align:center; margin:60px 0px 50px 0px;}
	.often .title{ font-size:32px; font-weight:bold; color:#333; float:left; width:100%;}
	.often .title::after{ content:""; width:30px; height:1px; background:#00914c; display:block; margin:12px auto 0px auto;}
	.often .text{ font-size:28px; color:#222; float:left; width:100%; text-align:center;}
	.often .column{ margin-top:30px; float:left; width:100%; overflow:hidden;}
	.often .column span{ display:inline-block; font-size:20px; cursor:pointer; color:#333; margin:0px 11px; width:125px; padding:9.5px 0px; border-radius:45px;}
	#often{background:#00914a; color:#fff;}
	
	section.service{ display:block; overflow:hidden; width:100%;}
	.ser_b{ margin-top:50px;}
	.ser_b li{ position:relative; float:left; width:100%;}
	.ser_b li:nth-of-type(n+2){ display:none;}
	.ser_b li .picture img{ width:100%; height:655px; object-fit:cover; float:left;} 
	.ser_b li .content{ background:linear-gradient(to bottom,rgba(255,255,255,0.92) 82.5%, #e9e9e8 82.5%); position:absolute; top:100px; right:7%; width:380px; max-height:90%; padding:55px 50px; box-sizing:border-box;}
	.ser_b li .content .title{ color:#00914a; font-size:22px; font-weight:bold; display:block; width:100%;}
	.ser_b li .content .text{ color:#555; font-size:14px; display:block; width:100%; line-height:30px; margin-top:20px;}
	.ser_b li .content .more{ display:block; width:128px; background:#179a59; font-size:14px; color:#fff; text-align:center; padding:18.5px 0px; margin-top:50px; transition:all linear 0.25s;}
	.ser_b li:nth-of-type(even) .content{ right:auto; left:7%;} 
	.ser_b li:nth-of-type(even) .content .title{ text-align:right;} 
	.ser_b li .content .more:hover{ background:#afc43d;}


	section.customer{ display:block; width:100%; overflow:hidden;}
	.cust_b{ overflow:hidden; display:block; padding:10px 10px 0px 10px; box-sizing:border-box;}
	.cust_b ul{ float:left; width:9999px;}
	.cust_b li{ float:left; width:393px; margin-right:36px; padding-bottom:22px;}
	.cust_b li .picture{ float:left;width:100%; overflow:hidden; box-shadow:0px 0px 10px rgba(0,0,0,0.08);}
	.cust_b li .picture img{ float:left; height:260px; object-fit:cover; width:100%; overflow:hidden; transition:all linear 0.25s;}
	.cust_b li .content{ padding:0px 7%; box-sizing:border-box; float:left; width:100%; box-shadow:0px 0px 10px rgba(0,0,0,0.08);}
	.cust_b li .content .title{display:block; width:100%; overflow:hidden; font-size:18px; font-weight:bold; color:#222; text-align:center; margin-top:30px; white-space:pre; text-overflow:ellipsis; transition:all linear 0.25s;}
	.cust_b li .content .text{display:block; width:100%; overflow:hidden; font-size:14px; line-height:26px; color:#666; text-align:justify; margin:20px 0px 32px 0px;}
	.cust_b li .content .more{ background:#00914a; width:44px; height:44px; display:block; text-align:center; line-height:44px; font-size:24px; color:#fff; border-radius:100%; margin-bottom:-22px;}
	.cust_b li:hover .picture img{ transform:scale(1.1);}
	.cust_b li:hover .content .title{ color:#00914a;}

	section.goodness{ display:block; width:100%; overflow:hidden;}
	.goodness .column{ display:block; background:#199c5c; overflow:hidden; width:100%; padding:26px 0px; position:relative; z-index:1;}
	.goodness .column .column_b{overflow:hidden; display:block; max-width:89%; width:100%;}
	.goodness .column .max{ position:relative;}
	.goodness .column ul{ max-width:9999px; width:9999px; display:block; overflow:hidden;}
	.goodness .column ul li{ float:left; width:298px; border-right:1px solid #fff; box-sizing:border-box; opacity:0.7;}
	.goodness .column ul li .picture{ display:block; margin:0px auto; text-align:center;}
	.goodness .column ul li .title{ display:block; width:100%; text-align:center; font-size:20px; color:#fff; margin-top:8px;}
	.goodness .column .switch span{ float:left; border:1px solid #fff; border-radius:100%; margin:auto; width:46px; height:46px; text-align:center; line-height:46px; color:#fff; font-family:"仿宋"; cursor:pointer; font-size:24px; font-weight:bold; position:absolute; top:0px; left:0px; bottom:0px;}
	.goodness .column .switch span:nth-of-type(2){ float:right; left:auto; right:0px;}
	.goodness .column .switch span:hover{ background:#fff; color:#199c5c;}
	.good_b{ display:block; overflow:hidden; width:100%; margin-top:94px; padding-left:6%; box-sizing:border-box;}
	.goodness_b{ background:url(../images/go_01.jpg) no-repeat top left; background-size:cover; padding:90px 0px; float:left; width:100%; overflow:hidden;}
	.goodness_b ul li{ position:relative; width:100%; float:left; overflow:hidden; z-index:1;}
	.goodness_b ul li:nth-of-type(n+2){ display:none;}
	.goodness_b ul li:before{ content:""; width:818px; float:left; background:rgba(255,255,255,0.8); height:265px; position:absolute; z-index:-1;}
	.goodness_b ul li .content{ max-width:818px; width:100%; height:265px; float:left; background:rgba(255,255,255,0.8); padding:37px 71px 37px 43px; margin:37px 0px 0px 43px; box-sizing:border-box;}
	.goodness_b ul li .content .title{ float:left; max-width:calc(100% - 50px); width:100%; overflow:hidden;}
	.goodness_b ul li .content .title font{ color:#00914a;}
	.goodness_b ul li .content .title p{ float:left; font-size:26px; font-weight:bold; color:#333; white-space:pre; text-overflow:ellipsis; overflow:hidden; width:100%;}
	.goodness_b ul li .content .title p:nth-of-type(2){ color:#00914a; font-size:12px; font-weight:400; white-space:pre; text-overflow:ellipsis; overflow:hidden; width:100%}
	.goodness_b ul li .content a.more{ float:right; width:34px; border:1px solid #00914a; color:#00914a; text-align:center; line-height:34px; border-radius:100%; font-family:"仿宋"; font-weight:bold;}
	.goodness_b ul li .content .intro{ float:left; width:100%; overflow:hidden; font-size:16px; color:#555; line-height:30px; margin-top:30px;}
	#goodness{ opacity:1;}
	.goodness_b ul li .content a.more:hover{ background:#00914a; color:#fff;}
	
	section.news{ overflow:hidden; display:block; width:100%; padding-bottom:75px;}
	.news_b{ overflow:hidden; float:left; width:100%;}
	.news_b .max:nth-of-type(n+2){ display:none;}
	.news_b ul{ width:9999px; float:left;}
	.news_b li{ width:394px; float:left; margin-right:35px;}
	.news_b li .picture{ width:100%; overflow:hidden; float:left;}
	.news_b li .picture img{ width:100%; overflow:hidden; float:left; height:286px; object-fit:cover; transition:all linear 0.25s;}
	.news_b li .content{width:100%; overflow:hidden; float:left; background:#f6f6f6; padding:30px 7.5%; box-sizing:border-box; transition:all linear 0.25s;}
	.news_b li .content .title{ width:100%; overflow:hidden; float:left; font-size:16px; color:#333; font-weight:bold; white-space:pre; text-overflow:ellipsis;}
	.news_b li .content .text{ width:100%; overflow:hidden; float:left; font-size:14px; line-height:24px; max-height:72px; height:72px; color:#666; margin-top:18px;}
	.news_b li .content .time{overflow:hidden; float:left; margin-top:26px; width:100%;}
	.news_b li .content .time time{overflow:hidden; float:left; font-size:12px; line-height:24px; color:#999; max-width:calc(100% - 40px); width:100%;}
	.news_b li .content .time .more{overflow:hidden; float:right; font-size:12px; line-height:24px; color:#999; width:21px; height:21px; text-align:center; line-height:21px; border:1px solid #9b9b9b; border-radius:100%; font-family:"仿宋"; font-weight:bold;}
	.news_b li:hover .content{ background:#199c5c;}
	.news_b li:hover .content *{ color:#fff !important;}
	.news_b li:hover .content .time .more{ border:1px solid #fff;}
	.news_b li:hover .picture img{transform:scale(1.1);}
	
	section.about{ background-image:url(../images/ab_01.jpg); background-repeat:no-repeat; background-position:top left; background-color:#f2f2f2; display:block; width:100%; overflow:hidden; padding:80px 0px 74px 0px;}
	.about_l{ float:left; max-width:56%; width:100%;}
	.about_l .title{ font-size:32px; font-weight:bold; border-bottom:4px solid #00914a; float:left; padding-bottom:5px;}
	.about_l .content{ float:left; width:100%; overflow:hidden; font-size:16px; line-height:40px; color:#333; margin-top:116px;}
	.about_l .content p{ float:left; width:100%; overflow:hidden; text-indent:32px;}
	.about_l .intro{ float:left; width:100%; overflow:hidden; background:linear-gradient(to right,#00914a,#afc43d); font-size:22px; color:#fff; padding:16px 0px; text-align:center; margin-top:34px;}
	.about_b .picture{ float:right; max-width:40%; width:100%; overflow:hidden; margin-top:34px;}
	
	section.url{ padding:41px 0px; display:block; width:100%; overflow:hidden;}
	.url .title{ float:left; max-width:100px; width:100%; overflow:hidden;}
	.url .title span{ float:left; font-size:18px; font-weight:bold; color:#00914a;}
	.url .title span:nth-of-type(2){ float:right;}
	.url .content{ float:right; max-width:calc(100% - 120px); width:100%;}
	.url .content a{ float:left; font-size:14px; color:#333; line-height:24px; margin-right:12px;}

	
	

	footer.footer{ background:#444; float:left; width:100%; overflow:hidden; padding:40px 0px;}
	.foot_b .logo{ border:1px solid rgba(255,255,255,0.5); float:left; width:130px; box-sizing:border-box; padding:6px; border-radius:6px;}
	.foot_b .content{ font-size:14px; color:rgba(255,255,255,0.7); max-width:38%; width:100%; float:left; margin-left:8.5%;}
	.foot_b .content div{ margin-top:28px;}
	.foot_b .content div span{ display:inline-block; margin-right:52px; line-height:24px;}
	.foot_b .content div span:last-child{margin-right:0px;}
	.foot_b .code{ float:right; max-width:20%; width:100%; overflow:hidden; min-width:314px;}
	.foot_b .code div{ float:left; max-width:46.5%; width:100%;}
	.foot_b .code div:nth-of-type(2){float:right;}
	.foot_b .code .title{ font-size:12px; color:#fff; width:12px; float:left;}
	.foot_b .code .picture{ float:right; border:1px solid #fff; box-sizing:border-box; padding:6px; max-width:114px; width:100%; border-radius:6px;}
	.foot_b .code .picture img{ float:left; width:100%;}
	footer.record{ float:left; width:100%; overflow:hidden; background:#222; padding:9px 0px;}
	.record .rec_l{ max-width:60%; width:100%; color:rgba(255,255,255,0.3); float:left; padding:10.5px 0px;}
	.record .rec_l span{ display:inline-block;}
	.record .rec_l a{color:rgba(255,255,255,0.3);}
	.record .rec_r{ float:right;}
	.record .rec_r div{ float:left;}
	.record .rec_r .tel{ font-size:28px; color:rgba(255,255,255,0.8); margin-left:12px; line-height:40px;}
	
	
	/*新闻页面*/
	header.header.insert{position:sticky; max-width:100%; padding:10px 2%; box-sizing:border-box; display:flex; align-items:center;}
	header.header.insert .logo{ max-width:15%;}
	header.header.insert .nav{ max-width:60%; width:100%; margin-top:0px;  display:flex; align-items:center;}
	header.header.insert .nav ul{ float:left; width:100%; overflow:hidden;}
	header.header.insert .nav li{ max-width:calc(100% / 9); width:100%;}
	header.header.insert .contact{ max-width:25%; margin-top:0px;}
	header.header.insert .contact .weixin{ height:100%;}
	header.header.insert .contact .weixin .picture{left:0px; top:100%; right:0px; margin:auto;}
	header.header.insert .contact a{ margin-top:0px; float:left; max-width:48%;}

	.phone_banner .banner,.phone_banner .banner li img{ height:450px;}
	.page_address{ border-bottom:1px solid #eee; overflow:hidden; display:block; width:100%; padding:15px 0px;}
	.page_address .address{ font-size:14px; color:#666;}
	.page_address .address span{ float:left; margin:5px 10px 0px 0px;}
	.page_address .address *{color:#666; margin:0px;}
	
	.page_column{ padding-top:0px; text-align:center; float:left; width:100%; overflow:hidden;}
	.page_column .often{ margin:40px auto;}
	.page_column .often .text{ text-align:center; float:left; width:100%;}
	.page_column a{ display:inline-block; font-size:16px; font-weight:400; color:#333; margin:0px 20px; padding-bottom:10px; border-bottom:2px solid transparent;}
	.page_column a:hover{ border-bottom:2px solid #00914a;}
	#fl_select{border-bottom:2px solid #00914a;}
	
	.list{ display:block; width:100%; overflow:hidden; padding-bottom:40px;}
	.list .max{ display:block; width:100%; background:#fff; overflow:hidden; margin-top:0px; box-sizing:border-box;}
	.list .often{ margin-bottom:10px;}
	.list .page_news{ margin-top:20px; float:left; width:100%;}
	.list .page_news li{ float:left; max-width:100%; width:100%; overflow:hidden; box-sizing:border-box; margin-right:24px; margin-bottom:25px; display:flex;}
	.list .page_news li:nth-of-type(3n){ margin-right:0px;}
	.list .page_news li .picture{ float:left; width:100%; max-width:260px; box-sizing:border-box; position:relative; overflow:hidden;}
	.list .page_news li .picture img{width:100%; height:180px; object-fit:cover; float:left; transition:all linear 0.20s;}
	.list .page_news li .content{ border:1px solid #ddd; box-sizing:border-box; padding:15px 5%; max-width:calc(100% - 260px); float:left; width:100%; overflow:hidden; border-left:0px; position:relative; z-index:1;}
	.list .page_news li .content::before{ content:""; position:absolute; width:100%; height:100%; background:#00914a; z-index:-1; left:-100%; top:0px; opacity:0; transition:all linear 0.25s;}
	.list .page_news li .title{ float:left; font-size:16px; color:#666; width:100%; font-weight:bold; margin-bottom:10px; white-space:pre; text-overflow:ellipsis; overflow:hidden; margin-top:15px;}
	.list .page_news li .text{ float:left; font-size:14px; line-height:24px; color:#808080; width:100%; max-height:72px; height:72px; overflow:hidden;}
	.list .page_news li .textsj{float:left; font-size:12px; line-height:24px; color:#999999; width:100%; overflow:hidden;}
	.list .page_news li:hover .content *{ color:#fff;}
	.list .page_news li:hover .picture img{ transform:scale(1.1)}
	.list .page_news li:hover .content::before{ left:0px; opacity:1;}
	
	.list .page_pro{ float:left; margin-top:40px; width:100%; overflow:hidden;}
	.list .page_pro li{ float:left; max-width:calc(100% / 3 - 16px); margin-right:24px;  margin-bottom:20px;}
	.list .page_pro li:nth-of-type(3n){margin-right:0px;}
	.list .page_pro li .picture{ float:left; width:100%; overflow:hidden; position:relative;}
	.list .page_pro li .picture img{ width:100%; display:block; height:360px; object-fit:cover; transition:all linear 0.25s;}
	.list .page_pro li .title{ float:left; width:100%; overflow:hidden; color:#333; font-size:16px; padding-top:10px; box-sizing:border-box; transition: all linear 0.25s; white-space:pre; text-overflow:ellipsis; text-align:center;}
	.list .page_pro li:hover .title{ color:#00914a;}
	.list .page_pro li:hover .picture img{ transform:scale(1.1)}
	.list .page_pro li .picture::after{content:""; position:absolute; width:140%; height:40px; top:20%; transform-origin: bottom; right:0px; background:rgba(255,255,255,0.8); transform:rotate(300deg) translateY(300px); opacity:0;}
	.list .page_pro li:hover .picture::after{transform:rotate(300deg) translateY(-300px); transition:all linear 0.5s; opacity:1;}

	.list .page_case{ float:left; margin-top:40px; width:100%; overflow:hidden;}
	.list .page_case li{ float:left; max-width:calc(25% - 18px); width:100%; margin-right:24px;  margin-bottom:20px; position:relative; overflow:hidden;}
	.list .page_case li:nth-of-type(4n){margin-right:0px;}
	.list .page_case li .picture{ float:left; width:100%; overflow:hidden;}
	.list .page_case li .picture img{ width:100%; display:block; height:220px; object-fit:cover; transition:all linear 0.25s;}
	.list .page_case li .title{ position:absolute; bottom:-100%; left:0px; width:100%; float:left; width:100%; background:rgba(0,145,74,0.50); color:#fff; text-align:center; white-space:pre; text-overflow:ellipsis; overflow:hiddend; padding:10px 2%; box-sizing:border-box; transition:all linear 0.25s;}
	.list .page_case li:hover .title{ bottom:0px;}
	.list .page_case li:hover .picture img{ transform:scale(1.1)}


	
	
	.page_list{ overflow:hidden; text-align:center; float:left; width:100%; margin:35px auto 40px auto;}
	.page_list *{ font-size:14px; color:#666;}
	.page_list a:hover{color:#00914a;}
	
	.page{ display:block; overflow:hidden; width:100%; padding-bottom:30px; box-sizing:border-box;}
	.page .max{overflow:hidden; box-sizing:border-box; margin-top:30px;}
	.page.pageText .title{ font-size:26px; text-align:center; margin-top:20px;}
	.page.pageText time{ font-size:12px; color:#999; float:left; width:100%; text-align:center; margin-top:30px;}
	.page.pageText time span{ margin:0px 10px;}
	.page.pageText .picture{ width:100%; text-align:center; margin-top:30px; float:left;}
	.page.pageText .picture img{ margin:0px auto; max-height:500px;}
	.page.pageText .content{ margin-top:0px; display:block; width:100%; padding:40px 0px; box-sizing:border-box;}
	.page.pageText .content p{ line-height:36px;}
	.page .page_next{ border-top:1px solid #dcdcdc; overflow:hidden; padding:10px 0px; box-sizing:border-box; float:left; width:100%; margin-top:40px;}
	.page .page_next p{ font-size:14px; color:#333; margin-top:10px;}
	.page .page_next a{ font-size:14px; color:#666;}
	.page .page_next a:hover{color:#00914a;}

	
	.page_message{ max-width:800px; padding-bottom:80px; display:block; overflow:hidden; margin-top:50px;}
	.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:#c33531; border:0px; padding:0px; color:#fff; font-size:14px; width:160px; line-height:40px; cursor:pointer;}

	/*返回顶部*/
	.top{ cursor:pointer; position:fixed; bottom:80px; background:rgba(0,145,74,0.50); right:1%; font-size:60px; display:none; z-index:999;}
	.top::before{font-size:60px; color:rgba(255,255,255,0.5);}
	.top:hover{background:rgba(0,145,74,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%; margin:0px auto; display:inline-block}

	
	
	
	
*::selection {
    background-color:#00914a;
    color:#fff;
}
 
*::-moz-selection {
    background-color:#00914a;
    color:#fff;
}
 
*::-webkit-selection {
    background-color:#00914a;
    color:#fff;
}