@charset "utf-8";
section{ margin-top: 120px; background: #F5F5F7; padding-bottom: 60px; }

.qywhimg{height: 438px;}

.text-wrapper_3:hover{
  background: #E60000;
  cursor: pointer;}

.group_47{ text-align: center;}
.group_47 button{ background: #fff url(../images/j-right.png) no-repeat right center; 
	width: 200px; height: 58px; line-height: 58px;  margin-top: 58px; 
	line-height: 58px; text-align: center;
	font-size: 24px; border-radius: 58px; border: none;
}

.group_search {width: 472px; height: 56px; padding-top: 157px; margin: 0px auto 0px auto; z-index: 999; position: relative;}
.box_2 {width: 472px; height: 56px; background: rgba(255,255,255,0.9); border-radius: 54px;}
.group_search button{ width: 24px; height: 24px; margin-top: 16px; background: url('../images/search-h.png'); border: none; margin-left: 24px; float: left; margin-right: 10px; }
.group_search input{ width: calc(100% - 58px); height: 56px; border: none; background: none; line-height: 56px; float: left; font-size: 16px; }
.group_search h4{ color: #aaaaaa; padding: 0 25px; font-size: 16px; line-height: 35px; }
.group_search .serachbg{
  background: #fff; position: absolute; display: none; top: 223px; width: 100%; padding: 25px 0; border: 50px; border-radius: 10px; max-height: 334px; clear: both;
}
#searchlist{
  overflow-y: scroll; max-height: 240px; padding: 0 25px;
}
#searchlist::-webkit-scrollbar {
    width: 4px;    
    /*height: 4px;*/
}
#searchlist::-webkit-scrollbar-thumb {
    border-radius: 10px;
    -webkit-box-shadow: inset 0 0 5px rgba(0,0,0,0.2);
    background: rgba(0,0,0,0.2);
}
#searchlist::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 5px rgba(0,0,0,0.0);
    border-radius: 0;
    background: rgba(0,0,0,0);

}
#searchlist dl a{ font-size: 16px; color: #000000; width: calc(100% - 40px); float: left; text-align: left; display: block; padding: 0; line-height: 40px; padding-bottom: 0; margin-left: 0px; }
#searchlist dl i{ cursor: pointer; float: right; }

.proclass{ background: #fff; height: 92px; margin-top: -46px; }
.proclass ul{ display: flex;}
.proclass ul li{ width: 25%; text-align: center; line-height: 92px; font-size: 20px; }
.proclass ul li.active a,.proclass ul li:hover a{ color: #f00;}


.procon{ margin-top: 100px; margin-bottom: 160px; }
.text_11 {
  height: 70px;
  overflow-wrap: break-word;
  color: rgba(31, 31, 31, 1);
  font-size: 50px;
  font-family: PingFangSC-Semibold;
  text-align: center;
  white-space: nowrap;
  line-height: 70px;
  display: block;
  margin-top: 97px;
}

.paragraph_1 {
  overflow-wrap: break-word;
  color: rgba(31, 31, 31, 1);
  font-size: 40px;
  letter-spacing: -0.47999998927116394px;
  font-family: PingFangSC-Regular;
  text-align: center;
  line-height: 64px;
  display: block;
}

.prolist{ margin-top: 160px;}
.prolist .title2{ margin-bottom: 50px;}
.section_3 {
  background-color: rgba(255, 255, 255, 1);
  padding: 44px;
}
.section_3 .block_1{
  width: 572px;
  height: 412px;  
}
.section_3 .block_1 dd{ width: 572px; height: 412px;text-align: center; overflow: hidden;
  display: table-cell; 
  vertical-align:middle;}
.section_3 .block_1 dd img {vertical-align:middle; height: 100%; }

.section_3 .block_2 {
  width: calc(100% - 689px);
  height: 412px;
  margin-left: 117px;
}
.section_3 .block_2 span{display: block;}

.text-group_14 {
  height: 149px;
}
.paragraph_2 {
  height: 90px;
  overflow-wrap: break-word;
  color: rgba(31, 31, 31, 1);
  font-size: 32px;
  font-family: PingFangSC-Semibold;
  text-align: left;
  line-height: 45px;
  display: -webkit-box;
  	-webkit-box-orient: vertical;
  	-webkit-line-clamp: 2;
  	overflow: hidden;
}

.paragraph_3 {
  height: 48px;
  overflow-wrap: break-word;
  color: rgba(46, 46, 46, 1);
  font-size: 14px;
  font-family: PingFangSC-Regular;
  text-align: left;
  line-height: 24px;
  margin-top: 11px;
  display: -webkit-box;
  	-webkit-box-orient: vertical;
  	-webkit-line-clamp: 2;
  	overflow: hidden;
}

.text-wrapper_3 {
  background-color: rgba(255, 0, 0, 1);
  height: 38px;
  margin-top: 24px;
  width: 104px;
  display: block;
  line-height: 38px;
  text-align: center;
  color: #fff;
}

.text_13 {
  width: 64px;
  height: 22px;
  overflow-wrap: break-word;
  color: rgba(255, 255, 255, 1);
  font-size: 16px;
  font-family: PingFangSC-Medium;
  text-align: left;
  white-space: nowrap;
  line-height: 22px;
  margin: 8px 0 0 20px;
}

.text_14 {
  width: 116px;
  height: 22px;
  overflow-wrap: break-word;
  color: rgba(116, 116, 116, 1);
  font-size: 16px;
  font-family: PingFangSC-Regular;
  text-align: left;
  white-space: nowrap;
  line-height: 22px;
  margin-top: 179px;
}

.section_4 {
  background-color: rgba(255, 255, 255, 1);
  padding: 44px;
  width: calc(50% - 16px);
  margin-top: 32px;
  margin-right: 32px;
}
.section_4 {
  background-color: rgba(255, 255, 255, 1);
  padding: 44px;
}
.section_4 .block_1{
  width: 496px;
  height: 324px; 
  overflow: hidden; 
}
.section_4 .block_1 dd{ width: 496px; height: 324px;text-align: center; overflow: hidden;
  display: table-cell; 
  vertical-align:middle;}
.section_4 .block_1 dd img {vertical-align:middle; height: 100%; }

.section_4 .block_2 {
  width: 100%;
  margin-top: 57px;
}
.section_4 .block_2 span{display: block;}
.section_4 .block_2 .text_14 {
  width: 116px;
  height: 22px;
  overflow-wrap: break-word;
  color: rgba(116, 116, 116, 1);
  font-size: 16px;
  font-family: PingFangSC-Regular;
  text-align: left;
  white-space: nowrap;
  line-height: 22px;
  margin-top: 0;
}

.section_5 {
  background-color: rgba(255, 255, 255, 1);
  padding: 44px;
  width: calc(50% - 16px);
  margin-top: 32px;
  margin-right: 0px;
}
.section_5 {
  background-color: rgba(255, 255, 255, 1);
  padding: 44px;
}
.section_5 .block_1{
  width: 496px;
  height: 324px;
  overflow: hidden;  
}
.section_5 .block_1 dd{ width: 496px; height: 324px;text-align: center; overflow: hidden;
  display: table-cell; 
  vertical-align:middle;}
.section_5 .block_1 dd img {vertical-align:middle; height: 100%; }

.section_5 .block_2 {
  margin-top: 57px;
  width: 100%;
}
.section_5 .block_2 span{display: block;}
.section_5 .block_2 .text_14 {
  width: 116px;
  height: 22px;
  overflow-wrap: break-word;
  color: rgba(116, 116, 116, 1);
  font-size: 16px;
  font-family: PingFangSC-Regular;
  text-align: left;
  white-space: nowrap;
  line-height: 22px;
  margin-top: 0;
}


.prolistimg{height: 438px; padding: 0 150px; overflow: hidden; }
.group_46{ text-align: left; margin-top: 136px; }
.group_46 .text_7{ text-align: left; font-size: 60px; color: #fff; display: block; margin-bottom: 21px;}
.group_46 .text_8{ text-align: left; font-size: 18px; display: block; color: #fff;  }

.proclasslist{ background: #fff;}
.proclasslist ul{ display: flex; justify-content: center; }
.proclasslist ul li{ text-align: center; width: 100px; margin-right: 150px; font-size: 20px; }
.proclasslist ul li dd{ width: 100px; height: 100px; overflow: hidden; }
.proclasslist ul li dd img{ height: 100%; }
.proclasslist ul li a{ padding: 30px 0px; display: block;}
.proclasslist ul li.active a,.proclasslist ul li:hover a{ color: #f00; border-bottom: 2px solid #1F1F1F; }
.proclasslist ul li:last-child{ margin-right: 0px;}

.productlist{ margin-top: 100px; padding: 0 150px; }
.productlist .section_4{ margin-right: 24px; width: calc((100% - 72px) / 4); margin-bottom: 24px; margin-top: 0px; }
.productlist .section_4:nth-child(4n){ margin-right: 0px;}
.productlist .section_4 .block_1 dd{ overflow: hidden;}
.productlist .section_4 .block_1{
  width: 100%;
  height: 210px;   overflow: hidden; margin-bottom: 30px;
}
.productlist .section_4 .block_1 dd{height: 210px;text-align: center;
  display: table-cell; 
  vertical-align:middle;}
.productlist .section_4 .block_1 dd img {vertical-align:middle; height: 100%; }

.productlist .section_4 .block_2 {
  width: 100%;
}
.productlist .section_4 .block_2 span{display: block;}
.productlist .section_4 .block_2 .text_14 {
  height: 22px;
  overflow-wrap: break-word;
  color: rgba(116, 116, 116, 1);
  font-size: 16px;
  font-family: PingFangSC-Regular;
  text-align: left;
  white-space: nowrap;
  line-height: 22px;
  margin-top: 0;
}
.text-group_14 {
	width: 100%;
	height: 149px;
}