@charset "utf-8"; 
* { margin: 0; padding: 0; }
body { font: 16px "Microsoft YaHei", Arial, Helvetica, sans-serif; color: #222; background: #fff; }
img { border: 0; display: block }
ul, li { list-style: none; }
a { text-decoration: none; color: #000; }
a:hover { text-decoration: none; }
.clear { clear: both; width: 100%; overflow: hidden; }
.box { width: 1400px; margin: auto; overflow: hidden; }
/*header*/
.logo { margin: 0 10px 0px 0; padding-right: 20px; float: left; position: relative; }
.logo i { display: block }
nav { position: relative; float: right; width: 70%; }
nav ul { float: left; }
.tell { float: right; margin-top: 30px; }
.tell i { background: #00a742; display: inline-block; width: 40px; height: 40px; border-radius: 6px; vertical-align: middle; margin-right: 10px; }
.tell i img { width: 32px; margin: auto; padding-top: 5px; }
.tell span { font-size: 22px; font-weight: bold; }
#starlist { font-size: 0; display: flex; flex-wrap: nowrap; justify-content: space-around; }
#starlist li { display: inline; font-size: 16px; text-align: center; position: relative; line-height: 100px; }
#starlist li a { display: block; position: relative; z-index: 0; padding: 0 30px; }
#selected:after { width: 100% !important; left: 0 !important; }
a#selected, #starlist li a:hover { background: #00a742; color: #fff; }
.sub { position: absolute; overflow: hidden; left: 0; top: 100px; z-index: 9; width: 160%; opacity: 0; height: 0; transition: all .5s; }
.sub dl { margin: auto; overflow: hidden }
.sub dd { line-height: 48px; border-bottom: #ede6f0 1px solid; }
.sub dd:last-child { border-bottom: none }
#starlist li:hover div.sub { opacity: 1; height: auto; top: 100px; }
#starlist li dd { background: #ffffff; }
.logo img { height: 80px; margin: 10px 0; }
.banner { position: relative; }
.banner img { width: 100%; height: 100%; }
header .box { overflow: inherit; }
.pt_nav .box { box-shadow: 0px 0px 30px 0px rgb(105 105 105 / 20%); background: #fff; z-index: 99; margin: -30px auto; border-radius: 5px; }
.pt_nav ul { display: flex; flex-wrap: nowrap; justify-content: space-between; }
.pt_nav ul li { text-align: center; width: 25%; margin: 40px 0; border-right: #e3e0e0 1px solid; }
.pt_nav { position: relative; z-index: 99; margin: -90px auto 80px; }
.pt_nav ul li h4 { font-size: 48px; color: #18843b; transition: .5s; }
.pt_nav ul li h4 sub, .pt_nav ul li h4 sup { font-size: 16px; font-weight: normal; }
.pt_nav ul li h4 sub { vertical-align: inherit; }
.pt_nav ul li p { color: #777; margin: 5px 0 10px 0; }
.pt_nav ul li:last-child { border: none; }
.pt_nav ul li:hover h4 { transform: translateY(-6px) }
.pt_nav ul li:hover p { color: #18843b }
.pt_nav ul li:hover { cursor: pointer }
.about { overflow: hidden; margin-bottom: 80px; }
h3.h_title { color: #333; font-size: 36px; position: relative; line-height: 60px; margin-bottom: 36px; }
h3.h_title:after { position: absolute; }
h3.h_title a { float: right; }
.about i { float: left; width: 670px; display: block; overflow: hidden; margin-right: 40px; position: relative; border-radius: 6px; }
.about i:before { content: ""; position: absolute; top: 0; left: -150px; width: 200px; height: 100%; transform: skewX( -30deg ); background-image: linear-gradient( 270deg, hsla(0,0%,100%,0), hsla(0,0%,100%,.5) 50%, hsla(0,0%,100%,0)); }
.about i:hover:before { left: 120%; transition: all .5s ease-in; z-index: 99999 }
.about i img { border-radius: 6px; transition: .5s }
.about i:hover img { transform: scale(1.1) }
.about h4 { font-size: 32px; color: #00843b; }
.about h5 { color: #777; font-size: 18px; font-weight: normal; margin: 10px 0; }
.ab_info { line-height: 26px; color: #333; }
.ab_info p { margin: 20px 0; }
.about a, .h_title a, .btn a { line-height: 50px; border: solid 1px #00843b; margin: 0 5px; border-radius: 30px; display: inline-block; padding: 0 60px; color: #00843b; transition: .5s; font-size: 16px; font-weight: normal; }
.about a:hover, .h_title a:hover, .btn a:hover { background: #00843b; color: #fff; }
.service { padding: 60px 0; overflow: hidden; }
.service h3.h_title { color: #fff }
.service h3.h_title:after { }
.h_p { color: #fff; font-size: 24px }
ul.pt_use { margin: 60px auto 0; display: flex; justify-content: space-around; }
.pt_use li { width: 32%; margin-bottom: 20px; transition: .5s; min-height: 400px; }
.pt_use li a { display: block; position: relative; background: rgba(255,255,255,.2); padding: 20px 40px 60px; color: #fff; min-height: 350px; border-radius: 6px; transition: .5s; }
.pt_use li a:after { content: ""; position: absolute; width: 100%; height: 100%; bottom: 0; left: 0 }
.pt_use li:hover { transform: translateY(-30px); }
.pt_use li i img { width: 100%; min-height: 100% }
.pt_use li:hover a { background: rgba(255,255,255,1); color: #333; }
.pt_use li dl { margin-top: 30px; overflow: hidden; margin-bottom: 34px; }
.pt_use li dd { background: url(../images/icon-xz.png) no-repeat left center; background-size: 12px; padding-left: 28px; line-height: 30px; font-size: 20px; margin-right: 30px; font-weight: bold; float: left; margin-left: 21px; }
.pt_use li h3 { font-size: 26px; margin: 20px 0 40px 20px; }
.pt_use li p { font-size: 16px; line-height: 30px; overflow: hidden; text-overflow: ellipsis; -webkit-box-orient: vertical; display: -webkit-box; -webkit-line-clamp: 4; margin: 20px; }
.pt_use li span { opacity: .5; font-size: 24px; display: block; margin: 50px 20px 40px 20px; }
.product { padding: 60px 0; overflow: hidden; background: #f5f5f5; }
.p_nav { width: 14%; float: left; overflow: hidden; }
.p_nav li { line-height: 48px; font-size: 18px; text-align: center; width: 100%; float: left; margin: 0 20px 20px 0; position: relative; transition: .5s; }
.p_nav li a { display: block; background: #00843b; color: #fff; border-radius: 6px; }
.p_nav li:hover { transform: translateY(-6px); }
.p_list { width: 80%; float: right; display: flex; flex-wrap: wrap; justify-content: space-around; }
.p_list li { text-align: center; margin-bottom: 20px; }
.p_list li i { width: 300px; display: block; overflow: hidden; border-radius: 6px; }
.p_list li p { line-height: 48px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.p_list li i img { width: 100%; transition: .5s; }
.p_list li:hover img { transform: scale(1.1); }
.p_list li:hover p { color: #00843b; }
.zx_tell { margin: 50px 0; overflow: hidden; clear: both; width: 100%; color: #888; font-size: 15px; text-align: center; }
.zx_tell span { font-weight: bold; color: #393939; font-size: 24px; margin: 10px 0; font-style: italic; }
.p_nav ul { overflow: hidden; padding-top: 20px; }
.zx_tell i { background: #717479; width: 50px; height: 50px; border-radius: 100%; display: inline-block; margin: 20px auto; }
.zx_tell i img { width: 32px; margin: auto; padding-top: 10px; }
.hezuo { padding: 60px 0; overflow: hidden }
.hezuo h3.h_title { text-align: center }
.hezuo ul { display: flex; flex-wrap: wrap; justify-content: space-between; overflow: hidden; }
.hezuo ul li { width: 15%; height: 90px; border: #efefef 1px solid; float: left; margin-bottom: 20px; transition: .5s; background: #fff; overflow: hidden; }
.hezuo ul li img { width: 160px; height: 80px; margin: 5px auto; }
.hezuo ul li:hover { border: #00a742 1px solid; }
/*news*/
.news { background: url(../images/news_bg.jpg) no-repeat; background-size: 100% 100%; overflow: hidden; padding: 60px 0 }
#tab-content section { display: none; }
#tab-content section:nth-child(1) { display: block }
.news_left { width: 20%; float: left; }
#tab { margin: 100px 0; }
#tab li { font-size: 20px; color: #444; padding-bottom: 5px; margin: 50px 0; border-bottom: 3px solid transparent; transition: all .5s; cursor: pointer; width: max-content; }
#tab li.tab-current, #tab li:hover { color: #00843b; border-bottom: 3px solid #00843b; }
div#tab-content { width: 80%; overflow: hidden; float: right; }
#tab-content section ul { overflow: hidden; display: flex; flex-wrap: wrap; justify-content: space-between; }
section.tab-box ul li { width: 48.5%; margin-top: 40px; transition: all .5s; overflow: hidden; float: left; }
section.tab-box li a { display: block; margin-left: 30px; overflow: hidden; background: #fff; padding: 40px; height: 120px; border-radius: 6px; }
section.tab-box li h5 { overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; font-size: 18px; color: #222222; line-height: 30px; transition: all .5s; }
section.tab-box li:hover { transform: translateY(-10px); }
section.tab-box li p { overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; font-size: 14px; color: #999999; line-height: 24px; margin-top: 13px; transition: all .5s; }
.news_date { margin-right: 44px; float: left; }
.news_date b { font-size: 32px; color: #000000; font-weight: normal; line-height: 40px; transition: all .5s; }
.news_date span { font-size: 15px; color: #888888; line-height: 18px; padding-bottom: 45px; border-bottom: 1px solid #bbbbbb; transition: all .5s; display: block; }
.copyright { font-size: 14px; line-height: 23px; padding-top: 10px; border-top: 1px solid #414141; margin-top: 20px; }
.copyright img { display: inline-block; vertical-align: bottom; margin: 0 5px }
.contact { text-align: center; margin: 30px 0 0; font-size: 13px; }
.contact i { display: inline-block; font-style: normal; }
.contact img { margin: 10px 10px 5px; width: 130px; }
footer { background: #333; color: #bbb; padding: 60px 0 10px; border-top: #00843b 10px solid; background-size: cover; }
footer a { color: #bbb; }
.ft_nav { float: left; display: flex; justify-content: space-between; width: 50%; }
.ft_info { float: right; }
.ft_nav dt { font-size: 20px; font-weight: bold; margin-bottom: 20px; }
.ft_nav dd { line-height: 34px; }
.ft_zx b { font-size: 32px; }
.ft_nav dt a { color: #fff; }
footer a:hover { color: #fff; }
.side_nav { position: fixed; right: 0; bottom: 20%; z-index: 999; background: #fff; box-shadow: inset 0px -1px 0px rgb(255 255 255 / 45%); filter: drop-shadow(0px 1px 8px rgba(0, 61, 165, 0.1)); }
.side_nav ul li { width: 66px; height: 70px; text-align: center; position: relative; border-bottom: #ffffff 1px solid; cursor: pointer; background: #00a742; }
.side_nav ul li a { display: block; position: relative; }
.side_nav ul li span { position: absolute; top: 0px; right: 76px; font-weight: 900; color: #ffffff; z-index: 2; font-size: 14px; display: none; align-items: center; width: 200px; background: #00a742; text-align: left; text-indent: 46px; padding: 14px 0; }
.side_nav ul li:last-child { border-bottom: 0 }
.side_nav ul li:nth-child(3) span { }
.side_nav li i { display: block; margin: auto; width: 100%; height: 46px; background-size: 26px; filter: brightness(100); }
i.icon_dh { background: url(../images/i02.png) no-repeat top 15px center; }
i.icon_wx { background: url(../images/i03.png) no-repeat top 15px center; }
i.icon_qq { background: url(../images/i01.png) no-repeat top 14px center; }
i.icon_fh { background: url(../images/i04.png) no-repeat top 15px center; }
.side_nav ul li:hover span { display: block }
.side_nav ul li span:after { position: absolute; content: ""; border-width: 8px 0px 8px 8px; border-style: solid; border-color: transparent transparent transparent rgb(0 167 66); border-image: initial; top: 29px; right: -7px; }
.side_nav ul li:nth-child(2) span { width: auto; margin: 0; padding: 10px; top: -40px }
.side_nav ul li:nth-child(2) span:after { top: 40% }
.side_nav ul li span:before { content: ""; width: 20px; height: 100%; position: absolute; right: -20px; }
.side_nav li p { /* position: absolute; */ bottom: 10px; display: block; text-align: center; width: 100%; line-height: 17px; font-size: 12px; color: #fff; }
.side_nav ul li font { display: block; }
.side_nav ul li span font { padding-top: 7px; cursor: pointer; color: #ffffff; font-size: 17px; }
.side_nav ul li span img { width: 160px; margin: auto; }
.banner2 img { width: 100%; }
.page_a { padding: 60px 0 0; }
.zizhi .h_title, .page_a .h_title { text-align: center }
.zizhi { padding: 60px 0; background: #f5f5f5; }
.zizhi ul li { float: left; width: 20%; }
.zizhi ul li a { display: block; margin: 10px; background: #ffffff; padding: 10px; overflow: hidden; }
.zizhi ul li i { overflow: hidden; display: block; }
.zizhi ul li img { width: 100%; min-height: 100%; transition: all .5s; }
.zizhi ul li:hover img { transform: scale(1.1) }
/*epages*/
.epages { text-align: center; color: #666; width: 100%; clear: both; margin: 30px 0; }
.epages a { color: #666; margin: 0 5px 10px; padding: 5px 10px; background: #e6e7e5; display: inline-block; }
.epages a:nth-child(1) { display: none }
.epages a:hover, .epages > b { color: #FFF; background: #00a742; }
.epages > b { padding: 5px 10px; }
.weizhi { background: #f5f5f5; font-size: 14px; line-height: 40px; color: #666; }
.weizhi a { color: #666; }
.pro_nav li a { line-height: 40px; border: solid 1px #00843b; margin: 0 5px; border-radius: 30px; display: inline-block; padding: 0 40px; color: #00843b; font-size: 16px; font-weight: normal; transition: .5s; }
.pro_nav li { display: inline-block; }
.pro_nav { text-align: center; padding: 40px 0; }
.pro_nav li:hover a, a#navoncurrent { background: #00a742; color: #fff; }
ul.pro_list { font-size: 0; padding: 0 0 40px 0; }
.pro_list li a { border: #efecec 1px solid; display: block; margin: 20px; transition: .5s; }
.pro_list li { display: inline-block; font-size: 16px; text-align: center; width: 25%; }
.pro_list li p { line-height: 48px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; background: #f5f5f5; border-top: #efecec 1px solid; transition: .5s;padding: 0 10px; }
.pro_list li:hover img { transform: scale(1.1); }
.pro_list li i { display: block; overflow: hidden; }
.pro_list li img { transition: .5s; }
.pro_list li:hover a { border: #00a742 1px solid; }
.pro_list li:hover p { background: #00a742; color: #fff; }
.news_list ul li { margin-bottom: 40px; overflow: hidden; background: #f6f6f6; padding: 20px; }
.news_list ul li a { display: block; overflow: hidden; }
.news_list ul li i { width: 330px; height: 200px; float: left; margin-right: 20px; overflow: hidden; }
.news_list ul li i img { width: 100%; min-height: 100%; transition: .5s; }
.news_list ul li section { }
.news_list ul li section h3 { font-size: 21px; line-height: 60px; color: #4b4a4a; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; position: relative; }
.news_list ul li section p { color: #666; line-height: 26px; margin: 20px 0; overflow: hidden; text-overflow: ellipsis; -webkit-box-orient: vertical; display: -webkit-box; -webkit-line-clamp: 2; }
.news_list ul li section span { transition: .5s; border-radius: 4px; color: #00a742; font-size: 14px; display: inline-block; width: 120px; height: 36px; line-height: 36px; border: solid 1px #00843b; text-align: center; }
.news_list ul li section h3:before { content: ""; position: absolute; width: 60px; height: 2px; left: 0; top: 58px; background: #00a742; transition: .5s; }
.news_list ul li:hover span { background: #00a742; color: #fff }
.news_list ul li:hover h3 { color: #00a742; }
.news_list ul li:hover img { transform: scale(1.1); }
.gb_info { text-align: center; }
.gb_info h3 { font-size: 30px; font-weight: bold; margin: 40px 0 15px; }
.gb_info p { color: #666; line-height: 24px; }
.gb_info span { color: #e3b74e; font-weight: bold; }
ul.form-sq { width: 60%; margin: 30px auto; border-radius: 3px; overflow: hidden; padding: 20px; }
ul.form-sq li { margin-bottom: 16px; line-height: 36px; }
ul.form-sq li input { display: block; line-height: 46px; width: 100%; text-indent: 1em; border: #e0e0e0 1px solid; outline: none; }
ul.form-sq li textarea { display: block; line-height: 24px; width: 100%; text-indent: 1em; border: #e0e0e0 1px solid; outline: none; }
ul.form-sq p { margin-bottom: 30px; text-align: center; font-size: 18px; }
ul.form-sq input[type="submit"] { display: block; margin: 30px auto; width: 200px; line-height: 40px; font-size: 16px; height: 40px; background: #f8bd01; color: #fff; border: none; }
li.fh { width: 49%; float: left; }
li.fh:nth-child(3) { float: right; }
.lx_list { margin: 40px 0 20px; text-align: center; }
.lx_list ul { display: flex; justify-content: space-between; }
.lx_list ul li { border: 1px solid #eee; width: 24%; background: #f5f5f5; padding: 20px 0; transition: .5s; }
.lx_list ul li i { margin: 10px auto 20px; display: block; width: 50px; height: 50px; background: #00a742; border-radius: 100%; }
.lx_list ul li img { width: 32px; margin: auto; padding-top: 10px; filter: invert(1); }
.lx_list ul h4 { font-size: 16px; margin-bottom: 12px; }
.lx_list ul p { margin-bottom: 20px; color: #777; }
.lx_list ul li:hover { border-color: #00a742; box-shadow: 0 0 10px rgb(0 0 0 / 20%); }
.ditu { width: 100%; height: 400px; clear: both; margin: 0 0 40px 0; }
.ditu iframe { display: block; width: 100%; height: 400px; border: 0; }
.page_bg { background: #f5f5f5; }
.side_left { background: #fff; box-shadow: 0 1px 2px #c1c1c1; margin-bottom: 20px; width: 76%; float: left; }
.content_box { padding: 30px 40px; }
.news_info { margin-top: 12px; padding-bottom: 12px; border-bottom: #e6e6e6 solid 1px; color: #999; font-size: 14px; }
.news_info p { display: inline-flex; margin-right: 10px; }
h1.c_title { font-size: 24px; line-height: 1.5; color: #333; font-weight: normal; }
/*news_content*/
.news_content { line-height: 28px; }
.news_content h2 { margin: 40px 0 20px 0; }
.news_content h2:before { top: 7px }
.news_content img { max-width: 100% !important; height: auto !important; margin: 20px auto; }
.news_content p { margin: 20px 0 }
.news_content h2 { font-size: 22px; line-height: 40px; position: relative; padding-left: 30px; margin: 20px 0; font-style: normal; display: block; text-indent: initial; }
.news_content a { color: #1049a0; }
.news_content ul, .news_content ol { margin: 20px 0 20px 50px; }
.news_content ul li { margin-top: 3px; line-height: 30px; list-style-type: disc; text-indent: initial; }
.news_content ol li { margin-top: 3px; line-height: 30px; list-style-type: decimal; text-indent: initial; }
.news_content table { margin: 15px 0; border-collapse: collapse; border: 1px solid #dcdcdc; width: 100%; }
.news_content table t { background-color: #fff; }
.news_content table p { margin: 0 0 2px 0; }
.news_content table th { vertical-align: baseline; padding: 5px; background: #f5f5f5; border: 1px solid #dcdcdc; font-size: 16px; }
.news_content table td { text-align: center; padding: 6px; border: 1px solid #dcdcdc; font-size: 16px; }
.tags_list { font-size: 14px; overflow: hidden; }
.tags_list a { color: #999; padding: 4px 10px; border: #e7e5e5 1px solid; margin: 5px 8px 5px 0; display: inline-block; border-radius: 2px; }
.tags_list a:hover { background: #f7f7f7; ; color: #333; border: #eceaea 1px solid; }
.news_next { margin: 20px 0 }
.news_next li { text-overflow: ellipsis; white-space: nowrap; color: #666; overflow: hidden; font-size: 15px; margin-bottom: 10px }
.news_next li a { color: #333; }
.news_next li a:hover { color: #00a742; }
.side_title { padding: 0 0 0 12px; margin-bottom: 5px; font-size: 16px; position: relative; }
.side_title:after { position: absolute; left: 0; top: 4px; width: 3px; height: 16px; content: ""; background: #1eaa39; border-radius: 4px; }
/*pic_news*/
.pic_news { }
.pic_news li { padding: 15px 0; overflow: hidden; border-bottom: 1px solid rgba(239,239,239,.8); }
.pic_news li i { float: left; width: 100px; height: 63px; overflow: hidden; border-radius: 3px; margin-right: 10px; }
.pic_news li i img { width: 100%; min-height: 100%; transition: .5s }
.pic_news li h3 { overflow: hidden; text-overflow: ellipsis; -webkit-box-orient: vertical; display: -webkit-box; -webkit-line-clamp: 2; font-weight: normal; font-size: 14px; line-height: 1.4; color: #333; margin-bottom: 5px; }
.pic_news li span { font-size: 12px; color: #999; line-height: 14px; }
.pic_news li:hover img { transform: scale(1.05) }
.pic_news li:hover h3 { color: #1eaa39 }
.side_right { float: right; width: 22%; }
.news_box { background: #fff; box-shadow: 0 1px 2px #c1c1c1; padding: 20px; margin-bottom: 20px; }
.news_content blockquote { position: relative; border-left: 0; border-radius: 3px; margin: 20px 0; display: block; padding-left: 25px; font-style: italic; color: #666; }
.news_content blockquote:before { content: ""; background: #ccc; width: 5px; height: 100%; position: absolute; left: 0; top: 0; }