@import url('https://fonts.googleapis.com/css2?family=Poppins&display=swap'); 



.pro_para {
  width: 100%;
  display: flex;
  margin: 2rem 0;
  justify-content: space-between;
}

.pro_para dl {
  width: 33%;
}

.pro_para dl:nth-child(2) dt {
  background-position-y: -56px;
}

.pro_para dl:nth-child(3) dt {
  background-position-y: -102px;
}

.pro_para dt {
  width: 50px;
  height: 50px;
  border-radius: 50%;
  border: 1px solid #77b917;
  background: url("/static/old/img/product/icon_pro.png") -2px -12px;
}

.pro_para dd {
  display: table;
  height: 100%;
  padding-left: 20px;
}

.pro_para dd p {
  display: table-cell;
}
.pro_techfeat{margin-top:5vw;}
.tech_fea {
  width: 100%;
  margin-top: 3vw;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-around;
}

.tech_fea dl {
  width: 32%;
  color: #333;
  margin-bottom: 2vw;
}

.tech_fea dl * {
  transition: all .2s;
}

.tech_fea dl:hover dt {
  box-shadow: 0 0 3px 3px #ccc;
}

.tech_fea dl:hover span {
  color: #77b917;
}

.tech_fea dt {
  width: 100%;
  border-radius: 20px;
  overflow: hidden;
}

.tech_fea dt img {
  width: 100%;
}

.tech_fea span {
  margin: 30px auto 10px;
  display: block;
  font-size: 1.1rem;
}

.pro_line {
  background: url("/static/old/img/product/bg_pro_line.jpg") center fixed;
}

.processing_flow > div {
  width: 147px;
}

.processing_flow .tit div {
  height: 105px;
}

.pro_display {
  font-size: 1rem;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-around;
  overflow: hidden;
}

.pro_display .left {
  width: 49%;
  padding-top: 20px;
  position: relative;
}

.pro_display .left p {
  margin: 20px 0;
}

.pro_display .left ul {
  width: 100%;
  display: flex;
  justify-content: space-between;
  margin-top: 1rem;
}

.pro_display .left ul li {
  width: 24%;
  cursor: pointer;
  transition: all .2s;
}

.pro_display .left ul li:hover, .pro_display .left ul li.on {
  box-shadow: 0 0 2px 2px #ccc;
  transform: scale(1.09);
}

.pro_display .left ul img {
  width: 100%;
  height: auto;
}

.pro_display a {
  color: #77b917;
}

.pro_display .right {
  width: 49%;
  margin-top: 2rem;
}
.pro_display .right img{width: 100%;height:auto}

.bg_table {
  width: 100%;
  padding: 5vw 0;
  background: url("/static/old/img/product/bg_table.jpg") center fixed;
  color: white;
}

.bg_table h4 {
  color: white;
  margin-bottom: 4vw;
}

.bg_table table {
  width: 100%;
  text-align: center;
  margin: 0 auto 5vw;
  border-collapse: collapse;
  border-spacing: 0;
}

.bg_table table td {
  border: 1px solid #6a6b6c;
  font-size: 1rem;
  padding:10px;
}

.bg_table table tr {
  transition: all .2s;
  height: 56px;
}

.bg_table table tr:first-child, .bg_table table tr:hover {
  box-shadow: 0px 0px 15px 5px white inset;
}

.proform {
  width: 100%;
  margin: 50px 0 80px;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-around;

}

.proform .left {
  width: 49%;
  margin-bottom: 2rem;
}

.proform .left ul.final {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-around;
  margin-bottom: 50px;
}

.proform .left ul.final li {
  margin-bottom: 20px;
}

.proform .left div.meaa {
  width: 100%;
  max-width:520px;
  height: 240px;
  background: url("/static/old/img/product/meaa.jpg") no-repeat;
  box-sizing: border-box;
  padding: 40px 20px 0 250px;
  border-radius: 5px;
}

.proform .left div.meaa span {
  display: block;
  font-size: 2rem;
  font-family: "Poppins";
  color: #333;
  margin-bottom: 10px;
}

.proform .right {
  width: 49%;
}

.proform input, .proform textarea {
  width: 100%;
  line-height: 48px;
  border: 1px solid #ccc;
  border-radius: 4px;
  padding: 0 20px;
  box-sizing: border-box;
  margin-bottom: 20px;
  font-size: 16px;
  transition: all .2s;
}

.proform input:focus, .proform textarea:focus {
  box-shadow: 0 0 10px 0px #ccc;
}

.proform textarea {
  line-height: 20px;
  height: 100px;
  padding: 10px 20px;
  text-align: justify;
}

.proform input.sub {
  color: white;
  text-align: center;
  background: #77b917;
  border-radius: 4px;
  border: none;
  cursor: pointer;
  -webkit-appearance: none;
}

.proform input.sub:hover {
  text-indent: 20px;
}

.footer_news {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-around;
}

.footer_news dl {
  width: 32%;
  float: left;
  color: white;
  margin-bottom: 2rem;
}

.footer_news dt {
  width: 100%;
  line-height: 40px;
  font-size: 1.2rem;
  margin-bottom: 10px;
  border-bottom: 1px solid white;
}

.footer_news dt a {
  font-size: 15px;
  float: right;
}

.footer_news dt a::before {
  content: "▶";
  font-size: 10px;
  margin-right: 5px;
}

.footer_news dd {
  line-height: 28px;
}

.footer_news dd a {
  display: block;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
footer .footer_news dl:first-child a{color:#fff; font-weight:normal}
footer .footer_news dl:first-child a:hover{color:#77b917}

.footer_news dd a::before {
  content: "▶";
  font-size: 10px;
  margin-right: 5px;
}

.footer_news dd span {
  float: right;
}

@media screen and (max-width:1180px) {
  .bg_table table{display: block;overflow-x: scroll;}
}
@media screen and (max-width:960px) {
  .proform .left div.meaa{height: auto;background: none;padding:0}
  .pro_para dd{padding-left:0}
  .proform .left ul.final,#footerform h4,#footerform h4+p{display:none}
  
}
@media screen and (min-width:769px){
    .pro_para dt{float:left}
}
@media screen and (max-width:768px){
    .pro_display .left,.pro_display .right,.proform .left,.proform .right,.footer_news dl{width:98%;}
    .video_box iframe{width:100%}
    .tech_fea dl{width:100%; max-width:380px}
    /*pro_line*/
    .pro_line{background-color:#f5f5f5;background-image:none}
    .cmp-processchain__process-item{width:100%;margin-top:20px}
    .cmp-processchain__process-item-header{position:relative;padding-top:5px}
    .cmp-processchain__process-heading{font-size:1.2rem;line-height:24px;padding-left:40px}
    .cmp-processchain__process-count{display:flex;align-items:center;justify-content:center;border-radius:20px;height:30px;width:30px;border:1px solid grey;background-color:#f4f4f4;font-size:1.2rem;line-height:24px;position:absolute;left:0;top:0}
    .cmp-processchain__process-item-header img{display:none}
    .cmp-processchain__process-item-content{border-radius:16px 16px 0 16px;background-color:#fff;width:95% !important; margin:20px auto;overflow:hidden}
    .cmp-processchain__process-item-content .image .image-container img{width:100%; height:auto;}
    .cmp-processchain .twocolumnlayout .row>div:last-child{padding:20px}
    h6.cmp-title__text{color:#77b917; font-size:1.1rem}
    .textparagraph p{margin-top:10px;text-size-adjust: none;-webkit-text-size-adjust: none;}
    .textparagraph p, .textparagraph li, .textparagraph b, .textparagraph i{font-size:1rem;line-height:2rem}
    /*pro_line end*/
    .bg_stripe{background:none}
}