/* CSS Document */
body, div, span, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, textarea, blockquote, table, td, tr, th, p {padding: 0; margin: 0;  }
li, dd, ol, ul {list-style-type: none; list-style:none;}
.fl { float:left; display:inline-block;}
.fr {display:inline-block; float:right;}
i{ font-style:normal; display:inline-block;}
img {border: none;}
h1 {font-size: calc(1rem + 1vw);    margin-bottom: 0.5rem;}
h2 {font-size: 14px;}
h3 {font-size: 18px;}
h4 {font-size: 20px;}
h5 {font-size: 22px;}
h6 {font-size: 24px; border-bottom:1px #000000 dashed;}
p{    margin-top: 0;margin-bottom: 1rem;}
.lead{font-size: 1rem; font-weight: 300;line-height:1.8rem ;}
a{ text-decoration:none;}
.clear {clear:both;width: 100%;height: 0px;display: block;overflow: hidden;}
@font-face {font-family:Poppins; src:url(fonts/Poppins.otf);} 
* {margin:0;padding:0;font-family:"Poppins", sans-serif ; }
section{width: 100%; min-width: 1400px; margin: 0 auto;}
.width{ width: 1200px; margin: 0 auto;}
/*top开始*/
.top-sec{ position: absolute; top: 0px;z-index: 9;box-shadow: 1px 1px 15px 1px rgba(0, 0, 0, 0.16); }
.logo-img{height: 100px; float: left;}
.logo-img img{ height: 100%;}
.nav{ float: right; }
.nav li{display: inline-block; line-height: 100px; padding: 0px 20px}
.nav li a{ color:#fff; font-size: 1rem;font-weight: 700;text-transform:uppercase;}
.nav li a:hover, .nav li a.here{ color:#23b157;}
.erji-top{ height: 100px; background: #1d3825; z-index: 999;}
.erji-top .nav li a{ color:#fff; }
.erji-top .nav li a:hover, .erji-top .nav li a.here{ color:#23b157;}


/* banner开始*/
.banner-sec{ position: relative;}
.ban_img img{ display: block;}
.text-banner{ position: absolute; top: 58%; left: 18%; transform:translate(-18%,-58%); width: 40%; color: white; }

.py-5{padding-top: 3rem !important; padding-bottom: 3rem !important;}
.bg-1{ background: #f8f8f8;}
.bg-2{ background: #FFFFFF;}
.bg-3{ background:url("images/bg1.jpg") no-repeat center; background-size: cover; position: relative; z-index: 1; }
.bg_balck{ position: absolute; background: rgba(0,0,0,0.8); width: 100%; height: 100%; z-index: 2;top: 0;}

/*footer开始*/
footer{background:url("images/bg2.jpg") no-repeat center; background-size: cover; position: relative; z-index: 1;padding-top: 3rem !important; padding-bottom: 1.2rem !important; display: block;}
.footer-conter{ position: relative;z-index: 9;}
.left-ft{ float: left; width: 370px; color: #fff; padding:30px 30px 15px; background: rgba(98,161,116,0.5); border-radius: 20px; overflow: hidden;}
.left-ft img{width: 120px;}
.right-ft{float: right; width: calc(100% - 495px);}
.db_text{ border-top: 1px solid rgba(255,255,255,0.3); color: rgba(255,255,255,0.8); padding-top: 10px; font-weight: 500; font-size:0.9rem; }
.db_text a{ color: #23b157;}
.ul-footer{ font-size: 0px; width: 100%; padding-bottom: 18px;}
.ul-footer li{display: inline-block;  color: rgba(255,255,255,0.8); vertical-align: top; line-height: 2rem;font-size:0.9rem; padding-right:100px; width: calc(30% - 100px);  }
.ul-footer li a{ color: rgba(255,255,255,0.8); display: block;font-size:0.9rem;}
.ul-footer li a:hover{color: #23b157;}
.ul-footer li .title{color: #FFFFFF;font-size:1rem; padding-bottom: 0.5rem;}
.ul-footer li:nth-child(3){ padding-right: 0px; width:40%;}
/*公共标题*/
.title-gg1{ padding: 30px 0px 20px; background: url("images/xian1.png") no-repeat center top; background-size: 100px auto;text-align: center;font-size: 2rem;font-weight: bolder; color: #60a270;}
.title-gg1 span{ color: #213647;}
.title1{ text-align: left;background: url("images/xian1.png") no-repeat left top; background-size: 100px auto;}
.baise{  color: #FFFFFF;background: url("images/xian2.png") no-repeat center top;background-size: 100px auto;}
.no-bg{ background: none; margin-top: 4rem;}
p.p-1{color: #252525; text-align: center;}
p.p-2{color: #fff; text-align: center;}
p.p-3{color: #fff; }
ul.ul-have{ text-align: center; font-size:0px; margin-top: 50px; background: url("images/290.png") no-repeat top center; background-size: 30% auto;}
ul.ul-have li{width: calc((100%/3) - 144px); padding:20px 0px 0px;  display: inline-block; font-size: 1rem; vertical-align: top; background: #FFFFFF; border: 2px #c6ddcf solid; border-radius:10px;  margin-bottom: 20px; box-shadow: 1px 1px 15px 1px rgba(0, 0, 0, 0.08); position: relative; z-index: 9;}
ul.ul-have li .biao{ font-size: 1.3rem; color:#162e40; margin-bottom: 10px; }
ul.ul-have li p{ font-size:0.9rem; }
ul.ul-have li:nth-child(1), ul.ul-have li:nth-child(4){ text-align: right; margin-right: 80px; padding-right: 40px;}
ul.ul-have li:nth-child(3), ul.ul-have li:nth-child(6){ text-align: left; margin-left: 80px;padding-left: 40px;}
ul.ul-have li:nth-child(2), ul.ul-have li:nth-child(5){ border: 0px; box-shadow: 0px 0px 0px 0px rgba(0, 0, 0, 0); margin-right: 80px; background:none; }
ul.ul-have li:nth-child(7){padding: 40px 20px 0px;}
ul.ul-have li .icon{position: absolute; width: 80px; height: 80px; text-align: center; line-height: 80px; border-radius: 50%;box-shadow: 1px 1px 15px 1px rgba(0, 0, 0, 0.08); z-index: 99; transform:translateY(-50%); top: 50%;  background: #FFFFFF; }
ul.ul-have li .icon img{ width: 40%; position: absolute;transform:translate(-50%, -50%); top: 50%; left: 50%;}
ul.ul-have li:nth-child(1) .icon, ul.ul-have li:nth-child(4) .icon{right: -50px;}
ul.ul-have li:nth-child(3) .icon, ul.ul-have li:nth-child(6) .icon{left: -50px;}
ul.ul-have li:nth-child(7) .icon{top:-50px;left:50%;transform:translate(-50%, 0%);}
.bg-3{ padding-bottom: 200px !important;}
.Process{ position: relative; z-index: 99;}
span.sp-1{ color: #FFFFFF; font-size: 1.2rem; font-weight: bold; margin-bottom: 0.5rem; display: block; font-style: italic; }
ul.process-ul{font-size: 0px;width: 100%;}
ul.process-ul li{ width: calc((100%/3) - 40px); background: url("images/bg_quan.png") no-repeat center; background-size:auto 100%; display: inline-block; font-size: 1rem; color: #fff; text-align: center; padding: 50px 0px; margin: 20px 20px;}
ul.process-ul li i img{ width: 15%; margin-bottom: 10px;}
ul.process-ul li p{ font-size: 0.9rem; color: rgba(255,255,255,0.8); margin-top: 10px; }

.work-sh{ border-radius: 10px; overflow: hidden; background: #fff;box-shadow: 1px 1px 15px 1px rgba(0, 0, 0, 0.08); position: relative; top: -150px;z-index: 199;}
.work-sh .left{ width: 540px; float: left;}
.work-sh .left img{width: 100%; display: block;}
.work-sh .right{width: calc(100% - 620px); float: right;padding: 40px;}
.xiaobiao{ color: #203544; border-bottom: 1px #000000 solid; line-height: 60px; background: url("images/xian1.png") no-repeat left top; background-size: 100px auto; margin-bottom: 20px; font-size: 1.5rem; padding-top: 10px}
.a-1{  background: #62a174; color: #FFFFFF; padding: 10px 20px; margin-top: 6px;  display: inline-block; border-radius: 5px;}
.a-2{  background: #fff; color: #62a174; padding: 10px 20px; margin-top: 6px;  display: inline-block; border-radius: 5px; border: 2px #62a174 solid;}
ul.pric-ul{ width: 100%; font-size: 0px; }
ul.pric-ul li{font-size: 1rem; display: inline-block; width: calc((100%/3) - 60px); padding: 20px;box-shadow: 1px 1px 15px 1px rgba(0, 0, 0, 0.08);  text-align: center; margin-left: 30px; margin-top: 80px; vertical-align: top; min-height: 520px;}
ul.pric-ul li:nth-child(1){ margin-left: 0px;}
ul.pric-ul li .shang_pic{ background: #f8f8f8;border-radius: 10px; overflow: hidden; padding: 20px; margin-bottom: 20px;}
ul.pric-ul li .shang_pic img{ width:18%;}
ul.pric-ul li .shang_pic img.img2{ display: none;}
ul.pric-ul li .shang_pic h1{ font-size: 1.1rem; color: #192a37;}
ul.pric-ul li .list1{ border-top: 1px #e6e6e6 solid; padding: 10px; margin: 0px 50px;}
ul.pric-ul li .list0{border-top:0px; }
ul.pric-ul li:hover{margin-top: 30px; }
ul.pric-ul li:hover .shang_pic{background: #62a174;color: #fff;}
ul.pric-ul li:hover .shang_pic h1{color: #fff;}
ul.pric-ul li:hover .a-2{  background: #62a174; color: #fff;  border: 2px #62a174 solid;}
ul.pric-ul li:hover .shang_pic img.img1{ display: none;}
ul.pric-ul li:hover .shang_pic img.img2{ display: block; margin: 0 auto;}
.width1{ padding-top: 3rem !important; padding-bottom: 3rem !important;}
.width2{ position: relative; top: -60px;}
.left-buju{ width: 35%; float: left;}
.right-buju{ width: 60%; float: right;}
ul.logo-ul{ font-size: 0px; width: 100%;}
ul.logo-ul li{display: inline-block;width: calc((100%/3) - 50px); margin: 15px;  box-shadow: 1px 1px 15px 1px rgba(0, 0, 0, 0.08); border-radius: 5px; overflow: hidden; padding: 10px; text-align: center;}
ul.logo-ul li img{width: 80% !important;  min-height: 80%; min-width: 80%; }
ul.rnwei-ul{ width: 100%;}
ul.rnwei-ul li{ background: #fff; border-radius: 10px;box-shadow: 1px 1px 15px 1px rgba(0, 0, 0, 0.08); padding: 20px; margin-bottom: 20px; width: calc(100% - 100px); margin-left: 60px;}
ul.rnwei-ul li:hover{background: #62a174; color: #fff; margin-left: 0px;}
ul.rnwei-ul li i{display: inline-block; width: 80px; height: 80px; border-radius: 50%; float: left; overflow: hidden;}
ul.rnwei-ul li i img{ width: 100%; height: auto;}
ul.rnwei-ul li p{width: calc(100% - 130px); display: inline-block; float: right; padding-left: 30px;}
.width3{ background: url("images/xian1.png") no-repeat left top; background-size: 100px auto;}
.dip_biaot{ width: 500px; float: right;}
.dip_biaot p{ border-left: 1px #d8d8d8 solid; padding-left: 20px; color: #3a3a3a;}
.dip_biaot p span{    font-size: 30px;float: left; padding: 0px 10px 0px 0px;}
.time1{ border-radius: 10px; color: #777;  border: 2px #62a174 solid; float: right; padding: 20px 40px; text-align: center;}
.time1 span{ display: block;color: #62a174; font-size: 3rem;}
.left-img1{ width: 50%; float: left; margin-top: 3rem;}
.left-img1 img{width: 100%; display: block;}
.right-diyip1{width: calc(50% - 150px); padding: 50px 100px 50px 50px; background: #fff; border-radius: 10px;box-shadow: 1px 1px 15px 1px rgba(0, 0, 0, 0.08); float: right;margin-top: 3rem; }
p.p-4{ color: #62a174; font-style: italic;}
.progress-container {
  width: 86%;
  background-color: #d8d8d8;
  border-radius: 4px;
  overflow: hidden; margin-bottom: 1rem; float: left;
}
 
.progress-bar {
  height: 2px;
  background-color: #1e5d32;
  transition: width 1s ease-in-out;
  border-radius: 4px;
  width: 0; /* 初始宽度为0 */
}
.jindtiao span{ display: block; float: right;  margin-top: -10px;}

ul.jindtia-ul{ font-size: 0px; width: 100%; }
ul.jindtia-ul li{ font-size: 1rem; display: inline-block; width: calc((100%/2) - 40px); padding: 20px;  text-align: center;}
.jin_qu{  position: relative;}
.yuanxing_jindu{ width: 120px; height: 120px; border-radius: 50%; background: conic-gradient(#fff 0, #fff 10%, #5d9b6f 10%, #5d9b6f); margin: 0 auto  1rem; mask: radial-gradient(transparent, transparent 66%, #000 66%, #000 0);}
.jindu-1{background: conic-gradient(#fff 0, #fff 3%, #5d9b6f 3%, #5d9b6f); }
.sz-jind{left:50%; top:50%; position:absolute; transform:translate(-50%,-50%); font-size: 1.5rem; color:#62a174 ;}
/*二级开始*/
.banner-erji{background: url("images/bg1.jpg") no-repeat; height: 224px; background-size: cover !important; background-position: center center !important; position: relative;}
.yinying_er{ position: absolute; width: 100%; height: 100%; background: -webkit-linear-gradient(to left,rgba(0,0,0,0.3),rgba(82,118,134,0)); /* Safari 5.1-6.0 */
background: -o-linear-gradient(to right,rgba(0,0,0,0.8),rgba(0,0,0,0)); /* Opera 11.1-12.0 */ 
background: -moz-linear-gradient(to right,rgba(0,0,0,0.8),rgba(0,0,0,0)); /* Firefox 3.6-15 */
background: linear-gradient(to right,rgba(0,0,0,0.8),rgba(0,0,0,0)); /* 标准语法 */ z-index: 2;}
.wen_erji{ position: relative; z-index: 9; color:#fff; top: 50%;transform:translateY(-50%); left: 15%; }
.wen_erji p{font-size:3rem; margin-bottom: 0px; }
.wen_erji a.a-3{  color: #5d9b6f;}
.mb-1{margin-bottom: 1rem !important;font-size: 1.5rem; color:#5d9b6f; }
.mb-2{font-size: 1rem;  font-weight:bold; line-height: 1.2; color:#3a3a3a ;margin-bottom: 0.8rem !important;}
.mb-3{font-size: 0.9rem; color: #6c757d; }

.i-1{ width: 12px; height: 12px; background: #5d9b6f; color: #FFFFFF; border-radius: 50%; text-align: center;line-height: 12px; margin-right: 8px;}