@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;}	
	/*头部样式*/
	.max{ max-width:1200px; width:100%;}
	
	header.header{ background:rgba(0,0,0,0.35); position:absolute; top:0px; left:0px; z-index:1; width:100%;}
	.head_b{padding:10px 0px 17px 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:900px; width:100%; display:flex; align-items:center;}
	.header .nav ul{ float:right;max-width:900px; width:100%;}
	.header .nav .nav_li{ float:left; max-width:calc(100% / 9); width:100%; text-align:center; height:100%;}
	.header .nav .nav_li a{ font-size:16px; color:#fff; text-align:center; float:left; width:100%; padding:10px 0px;}
	#nav_select a{ color:#007b2a;}
	#nav_select ol li a{color:#fff;}
	.header .nav .nav_li a.iconfont::after{ font-size:12px; transform:rotate(90deg); display:inline-block; margin-left:5px; transition:all linear 0.2s;}
	.header .nav .nav_li ol{ position:absolute; max-width:900px; width:100%; top:100%; right:0px; margin:auto; background:rgba(0,0,0,0.35); max-height:0px; overflow:hidden; transition:all linear 0.25s; display:flex; justify-content:flex-start;border-top:1px solid transparen;}
	.header .nav .nav_li ol li{ float:left;text-align:center; padding:13px 20px;}
	.header .nav .nav_li ol li a{ white-space:pre;}
	.header .nav .nav_li:hover ol{ max-height:500px; transition:all linear 0.5s; border-top:1px solid #fff; box-sizing:border-box;}
	.header .nav ul .nav_li ol li:hover{background:#007b2a;}
	.header .nav .nav_li:hover a.iconfont::after{transform:rotate(-90deg);}

	/*导航样式*/

	.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:720px; box-shadow:-4px 0px 8px  rgba(0,0,0,0.20)}
	.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 #b67a24; opacity:0.8;}
	.banner ol li:hover{border:2px solid #b67a24; opacity:1;}
	.banner li img{min-height:150px; height:720px; 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(50% - 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(50% - 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:#b67a24; border:2px solid #b67a24; opacity:1;}


	/*网站主体*/
	
	.often{ position:relative; z-index:1; overflow:hidden; margin:70px auto;}
	.often .title{text-align:center; font-size:60px; font-weight:bold; display:block; color:#fef7e3; position:absolute; z-index:-1; width:100%; top:0px; left:0px;}
	.often .text{ font-size:30px; color:#4f4b48;text-align:center; font-weight:bold; margin-top:31px;}
	.often .text font{ color:#ffbb05;}
	.often .picture{ margin:6px; display:block;}
	

	section.service{margin-top:-68px; padding-bottom:50px;}
	.service ul{ box-sizing:border-box; background:#fff; display:block; min-height:184px; position:relative; z-index:1; padding:19px 20px 17px 20px; box-shadow:0px 0px 8px rgba(0,0,0,0.10);}
	.service ul li{ float:left; margin-right:10px; max-width:calc(25% - 8px); width:100%; position:relative;}	
	.service ul li:last-child{margin-right:0px;}	
	.service ul li .picture{ position:relative; float:left; width:100%;}	
	.service ul li .picture::before{content:""; position:absolute; background:rgba(0,0,0,0.50); float:left; width:100%; height:100%; top:0px; left:0px; z-index:1; overflow:hidden;}	
	.service ul li .picture img{ width:100%; height:148px; object-fit:cover;}	
	.service ul li .title,.service ul li .text{ position:absolute; left:0px; top:0px; padding:22px 25px; width:100%; box-sizing:border-box; z-index:1; color:#fff;}	
	.service ul li .title{ overflow:hidden; transition:all linear 0.25s; top:0px;}	
	.service ul li .text{ opacity:0; transition:all linear 0.2s; font-size:12px; line-height:30px; max-height:90px; padding:0px 25px; margin:22px auto; box-sizing:border-box; overflow:hidden;}	
	.service ul li p{white-space:pre; text-overflow:ellipsis; overflow:hidden;}	
	.service ul li .ser_en{ font-size:14px;}	
	.service ul li .ser_ch{ font-size:18px; font-weight:bold; margin-top:6px;}	
	.service ul li .ser_top{ max-width:calc(100% - 25px); width:100%; float:left;}
	.service ul li .point{ float:right; font-size:20px; margin-top:2px;}
	.service ul li:hover .title{ background:#007b2a; top:-93px;}
	.service ul li:hover .text{ opacity:1; transition:all 0.25s linear 0.2s;}	
	
	section.plate{ background:#f2f2f2; overflow:hidden; display:block; width:100%; padding:60px 0px 55px 0px;}
	.map{ max-width:292px; width:100%; float:left;}
	.map_t{ background:#007b2a; overflow:hidden; padding:40px 26px 29px 26px; box-sizing:border-box;}
	.map_t .title_en{ font-size:26px; color:#fff;}
	.map_t .title_ch{ font-size:14px; color:#a2d8b5;}
	.map_t .more{ max-width:70px; width:100%; float:right; color:#fff; line-height:26px; border:1px solid #a2d8b4; text-align:center; color:#a2d8b4; font-size:12px;}
	.map_t .more:hover{ background:#fff; color:#007b2a;}
	.map_b{ background:url(../images/map_01.jpg) no-repeat center; background-size:100% 100%; overflow:hidden; padding:22px 16px; border-top:5px solid #fff;}
	.map_b .content{ max-width:138px; width:100%; float:right;}
	.map_b .content .title_en{ font-size:14px; color:#333; text-align:right;}
	.map_b .content .title_ch{ font-size:16px; color:#333; text-align:right; overflow:hidden; margin-top:6px;}
	.map_b .content .title_ch::after{ content:""; height:2px; width:28px; background:#ddd; display:block; text-align:right; margin:12px 0px 0px auto;}
	.map_b .content .text{ font-size:12px; line-height:22px; color:#333; margin-top:22px; text-indent:24px;}
	
	.news{ background:#fff; overflow:hidden; max-width:550px; width:100%; float:left; padding:25px 23px 8px 23px; box-sizing:border-box;}
	.news_t{ overflow:hidden; float:left; width:100%;}
	.news_t .picture{ max-width:105px; width:100%; float:left;}
	.news_t .picture img{width:100%; height:75px; object-fit:cover;}
	.news_t .content{ max-width:calc(100% - 130px); width:100%; float:right; border-bottom:1px solid #ececec; padding-bottom:4px;}
	.news_t .title{ font-size:14px; color:#007b2a; font-weight:bold; white-space:pre; text-overflow:ellipsis; overflow:hidden;}
	.news_t .text{ font-size:12px; line-height:20px; color:#666; margin-top:8px; max-height:40px; overflow:hidden;}
	
	.news ul{ overflow:hidden; margin-top:14px; float:left; width:100%;}
	.news li{ float:left; width:100%; margin:6px 0px;}
	.news li time{ float:left; max-width:70px; width:100%; border-right: 1px dashed #e0e0e0;}
	.news li time .date{ font-size:20px; color:#868686; text-align:center;}
	.news li time .month{ font-size:12px; color:#666; text-align:center;}
	.news li .title{ float:left; margin-left:15px; max-width:calc(100% - 90px); width:100%; line-height:42px; font-size:14px; color:#333; white-space:pre; text-overflow:ellipsis; overflow:hidden;}
	
	.plate_r{ max-width:330px; float:right; width:100%;}
	.plate_r div{ background:#fff; width:100%; overflow:hidden; margin-bottom:21px; display:flex; align-items:center;}
	.plate_r div:last-child{margin-bottom:0px;}
	.plate_r div .picture{ float:left; width:100%; max-width:110px;}
	.plate_r div .content{ float:left; width:100%; max-width:calc(100% - 110px); float:right; padding:0px 22px; box-sizing:border-box; font-size:16px; color:#333}
	.plate_r div .title{ font-size:16px; font-weight:bold; color:#333;}
	.plate_r div .text{font-size:12px; color:#a1a1a1; margin-top:8px;}
	
	.video{ position:relative; overflow:hidden; text-align:center;}
	.video img{display:block; height:701px; 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:#007b2a; 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%;}
	
	
	section.url{ overflow:hidden; padding:25px 0px;}
	.url span{ font-size:16px; font-weight:bold; color:#007b2a; line-height:21px; float:left; margin-right:1%;}
	.url a{ font-size:14px; color:#333; line-height:21px; float:left; margin-right:1%;}
	
	footer.footer{ background:#222; color:#fff; font-size:14px; padding:26px 0px; overflow:hidden;}
	.footer *{ color:#999;}
	.footer .max span{ display:inline-block; margin:0px 5px;}
	.footer .contact{ float:left;}
	.footer .support{ float:right;}
	
	
	/*新闻页面*/
	.page_picture{ overflow:hidden; padding-bottom:5px;}
	.page_picture .picture{ overflow:hidden; position:relative; z-index:-1;}
	.page_picture .picture img{height:450px; width:100%; object-fit:cover; float:left;}
	.page_column{ margin-top:-56px; background:rgba(255,255,255,0.9); padding:10px 2%; box-shadow:2px 2px 4px rgba(0,0,0,0.2); border-radius:3px; overflow:hidden;}
	.page_column .content{ width:100%; overflow:hidden; padding:10px 0px;}
	.page_column .title{ float:left; font-size:20px; color:#007b2a; font-weight:bold;}
	.page_column .page_address{ float:right; color:#333; font-size:14px; line-height:26px;}
	.page_column .page_address *{color:#333; margin:0px 5px;}
	.column_list{ border-top:1px solid rgba(0,123,42,0.50); overflow:hidden; padding-top:10px;}
	.column_list ul li{ float:left; color:#333;}
	.column_list ul li a{ color:#333; padding:10px 15px; float:left;}
	.column_list ul li a:hover{ color:#007b2a;}
	#fl_select a{color:#007b2a;}
	
	.page{ display:block; margin-top:25px; overflow:hidden;}
	.page.odd{ padding-bottom:20px;}
	.page .title{ font-size:26px; text-align:center;}
	.page time{ font-size:12px; color:#666; text-align:center; float:left; width:100%; text-align:center; padding:10px 0px; border-top:1px solid rgba(0,0,0,0.2); border-bottom:1px solid rgba(0,0,0,0.2); margin-top:15px;}
	.page .content{ padding:0px 10px; box-sizing:border-box; margin-top:15px; float:left; width:100%;}
	.page .content p{ font-size:16px; line-height:32px;}
	.page .content img{ width:100% !important; height:100% !important;}
	.page .content iframe{ max-width:100%; display:block; margin:0px auto;}
	.page .picture{ margin-top:20px; overflow:hidden; float:left; width:100%;}
	.page .picture img{ max-height:350px;}
	.page_list{ margin-top:20px; padding:10px 0px 15px 0px; overflow:hidden; border-top:1px dashed #ccc; border-bottom:1px dashed #ccc; float:left; width:100%;}
	.page_list p{ font-size:14px; margin-top:8px; color:#111;}
	.page_list a{ color:#666;}
	
	.pro_list{ margin-top:20px; overflow:hidden;}
	.pro_list li{ max-width:calc(100% / 3 - 13px); width:100%; margin:0px 18px 18px 0px; float:left; box-sizing:border-box;}
	.pro_list li:nth-of-type(3n){margin-right:0px;}
	.pro_list li a{ position:relative; overflow:hidden; display:block;}
	.pro_list li a span img{ float:left; height:254px; object-fit:cover; width:100%;}
	.pro_list li a div{ position:absolute; bottom:0px; z-index:1; background:linear-gradient(to top, rgba(0,0,0,1.00),rgba(0,0,0,0.00)); width:100%; color:#fff; padding:30px 26px; box-sizing:border-box;}
	
	.list{ display:block; width:100%; overflow:hidden; text-align:center; margin:30px auto 35px auto;}
	.list *{ color:#333; font-size:14px;}
	
	.pro_list li .title{ font-size:22px; line-height:30px; white-space:pre; text-overflow:ellipsis; overflow:hidden;}
	.pro_list li .text{ font-size:14px; line-height:22px;height:0px; overflow:hidden; transition:all linear 0.2s; max-height:88px;}
	.pro_list li .more{ font-size:14px; background:#fff; color:#333; text-align:center; display:block; margin:0px auto; border-radius:36px; width:130px; line-height:36px; overflow:hidden; height:0px; transition:all linear 0.2s;}
	.pro_list li:hover .text{height:66px; margin-top:10px; margin-bottom:20px; }
	.pro_list li:hover .more{ height:36px;}
	.pro_list li .more:hover{background:#007b2a; color:#fff;}
	
	.news_list{ display:block; width:100%;}
	.news_list li{ margin-bottom:20px; overflow:hidden;}
	.news_list_img{ float:left; max-width:360px; width:100%; height:220px; overflow:hidden;}
	.news_list_img img{ width:100%; height:100%; object-fit:cover; transition:all linear 0.25s;}
	.news_list_text{ max-width:calc(100% - 370px); width:100%; height:220px; padding:20px 0px 20px 50px; 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; text-align:left;}
	.news_list_text time{ font-size:14px; display:block; margin-top:10px; color:#999; border:0px; text-align:left; padding-top:0px}
	.news_list_text .text{ line-height:24px; height:72px; font-size:14px;color:#666; float:left; width:100%;}
	.news_list_text .more{ background:#adadad; margin-top:10px; color:#fff; width:120px; height:40px; line-height:40px; float:left; text-align:center; transition:all linear 0.25s;}
	.news_list_text .more:hover{ background:#007b2a;}
	.news_list li:hover{ background:#fff; box-shadow:-1px -1px 4px inset rgba(0,0,0,0.20);}
	.news_list li:hover .title{ color:#007b2a;}
	.news_list li:hover .news_list_img img{ transform:scale(1.1);}
	
	
	



	/*返回顶部*/
	
	.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.svg#iconfont') format('svg');
}
.iconfont {
  font-family: "iconfont" !important;
  font-size: 16px;
  font-style: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}