.container{
  width: 100%;
}
.center{
  max-width: 1200px;
  width: 100%;
  margin: 0 auto;
  position: relative;
}
.__ad{
  width: 100%;
  position: relative;
  padding-top: 120px;
}
.__ad .banner{
  display: block;
  width: 100%;
  height: 100%;
}
.__ad .ad_desc{
  height: 100%;
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  z-index: 5;
  display: flex;
  align-items: center;
  font-size: 36px;
  color: #fff;
}

.__ad .bread_nav {
  display: flex;
  align-items: center;
  position: absolute;
  bottom: 60px;
  left: 0;
}
.__ad .bread_nav img {
  width: 20px;
  display: block;
}
.__ad .bread_nav a {
  color: #fff;
  font-size: 16px;
  margin: 0 4px;
}
.__ad .bread_nav a:hover {
  color: #FF8E0F;
}
.__ad .bread_nav i {
  color: #fff;
  font-size: 16px;
}
.ab_content{
  padding: 100px 0;
}
.ab_title{
  margin-bottom: 60px;
}
.ab_title h2{
  font-size: 60px;
  color: #333;
  font-weight: 600;
  font-family: costomFont;
}
.ab_title .text{
  font-size: 24px;
  color: #333;
  margin-bottom: 10px;
}
.ab_title .line{
  width: 50px;
  height: 2px;
  background: #FF8E0F;
}
.info1{
  width: 100%;
  display: flex;
  justify-content: space-between;
  margin-bottom: 60px;
}
.info1 .num{
  width: 12%;
  display: flex;
  align-items: center;
}
.info1 .num strong{
  font-size: 48px;
  color: #2E6E49;
  font-family: costomFont;
}
.info1 .num strong span{
  font-size: 14px;
  color: #333;
  font-weight: 400;
}
.info1 .txt{
  width: 42%;
  font-size: 14px;
  color: #333;
  line-height: 24px;
}
.info2{
  width: 100%;
  position: relative;
  z-index: 2;
}
.info2 .txt{
  width: 45%;
}
.info2 img{
  width: 45%;
  position: absolute;
  right: 0;
  top: 0;
  max-height: 350px;
}
.center2{
  width: 100%;
  position: relative;
  display: flex;
  margin-bottom: 60px;
}
.center2 .left{
  width: calc((100% - 1200px) / 2);
  background: #fff;
}
.center2 .middle{
  padding-top: 60px;
  padding-bottom: 60px;
  padding-left: 60px;
  background: #F8F8F8;
  box-sizing: border-box;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}
.center2 .middle .text1{
  width: 45%;
  font-size: 14px;
  color: #333;
  line-height: 24px;
  margin-bottom: 60px;
}
.center2 .middle .total{
  width: 100%;
  display: flex;
  justify-content: space-between;
  margin-bottom: 60px;
}
.center2 .middle .t_item{
  width: 15%;
}
.center2 .middle .t_item .num{
  display: flex;
}
.center2 .middle .t_item .num strong{
  font-size: 48px;
  color: #2E6E49;
  font-family: costomFont;
}
.center2 .middle .t_item .num span{
  font-size: 14px;
  color: #333;
  font-weight: 400;
}
.center2 .middle .t_item .line{
  width: 100%;
  height: 1px;
  background: #666666;
  margin-top: -10px;
  margin-bottom: 10px;
}
.center2 .middle .t_item .val{
  font-size: 14px;
  color: #333;
}
.center2 .middle .text2{
  width: 48%;
  font-size: 14px;
  color: #333;
}
.center2 .middle .text3{
  width: 48%;
  font-size: 14px;
  color: #333;
}
.center2 .right{
  width: calc((100% - 1200px) / 2);
  background: #F8F8F8;
}
.ab_content .list{
  display: flex;
  justify-content: space-between;
}
.ab_content .list .item{
  display: flex;
  justify-content: space-between;
  width: 48%;
  flex-wrap: wrap;
}
.ab_content .list .item .img{
  width: 100%;
  max-height: 300px;
  margin-bottom: 10px;
  overflow: hidden;
}
.ab_content .list .item .img img{
  display: block;
  width: 100%;
  transition: 0.5s;
  margin-bottom: 20px;
}
.ab_content .list .item .img:hover img{
  transform: scale(1.2)
}
.ab_content .list .item .text_value{
  width: 100%;
  font-size: 16px;
  color: #333333;
}
/*  */
.contact_list{
  display: flex;
  flex-wrap: wrap;
  padding: 40px 0;
}
.contact_list .item{
  display: flex;
  align-items: center;
  width: 20%;
}
.contact_list .item .img{
  width: 40px;
  height: 40px;
  background: #2E6E49;
  border-radius: 6px;
  overflow: hidden;
  margin-right: 10px;
}
.contact_list .item .text{
  width: calc(100% - 50px);
}
.contact_list .item .label{
  font-size: 14px;
  color: #666;
  line-height: 24px;
}
.contact_list .item .value{
  font-size: 14px;
  color: #333;
  line-height: 24px;
}
.contact_content .contact_text{
  font-size: 14px;
  color: #333;
  line-height: 24px;
}
.contact_content .form{
  width: 60%;
}
.contact_content .form .form_item{
  display: flex;
  margin-bottom: 20px;
  justify-content: space-between;
}
.contact_content .form .form_item input{
  width: 32%;
  border: none;
  border-bottom: 1px solid #DDDDDD;
  font-size: 14px;
  color: #333;
  height: 60px;
  line-height: 60px;
  outline: none;
}
.contact_content .form .form_item .textarea{
  width: 100%;
  margin-right: 0;
}
.contact_content .form .form_item .submit{
  width: 160px;
  height: 46px;
  line-height: 46px;
  background: #2E6E49;
  font-size: 18px;
  color: #fff;
  text-align: center;
  margin-top: 30px;
  cursor: pointer;
  transition: 0.5s;
}
.contact_content .form .form_item .submit:hover{
  background: #1c5a36;
}
/****************************************/
.service_content{
  padding-top: 100px;
  padding-bottom: 60px;
  background: #fff;
}
.service_content2{
  padding: 100px 0;
  background: #F8F8F8;
}
.service_content .s_title,.service_content2 .s_title{
  text-align: center;
  margin-bottom: 60px;
}
.service_content .s_title .line,.service_content2 .s_title .line{
  margin: 0 auto;
}
.service_list{
  display: flex;
  justify-content: space-between;
}
.service_list .item{
  width: 32%;
  background: #fff;
  padding: 40px;
  box-sizing: border-box;
  position: relative;
  cursor: pointer;
}
.service_list .item .text1{
  color: #2E6E49;
  font-size: 24px;
  margin-bottom: 10px;
}
.service_list .item .text2{
  font-size: 14px;
  color: #666;
  margin-bottom: 10px;
}
.service_list .item .line{
  width: 100%;
  background: #2E6E49;
  height: 2px;
  position: absolute;
  bottom: 0;
  left: 50%;
  transform: translateX(-50%);
  transition: 0.5s;
}
.service_list .item .icon{
  width: 100%;
  display: flex;
  justify-content: flex-end;
  height: 80px;
}
.service_list .item .icon img{
  display: block;
}
.service_list .item:hover .line{
  width: 0%;
}
/****************************************/
.sub_content{
  padding-top: 100px;
  background: #fff;
  padding-bottom: 80px;
}
.sub_content2{
  padding: 100px 0;
  background: #f8f8f8;
}
.sub_content .s_title{
  text-align: center;
  margin-bottom: 60px;
}
.sub_content .s_title .line{
  margin: 0 auto;
}
.sub_swiper{
  padding-bottom: 10px;
  position: relative;
}
.sub_swiper .swiper-pagination{
  width: 100%;
  height: 3px;
}
.sub_swiper .swiper-wrapper{
  margin-bottom: 20px;
}
.sub_swiper .swiper-slide{
  width: 32%;
  margin-right: 20px;
}
.sub_swiper .swiper-slide img{
  width: 100%;
  display: block;
}
.swiper-pagination-progressbar .swiper-pagination-progressbar-fill{
  background: #2E6E49;
}
.sub_content .video{
  width: 62%;
  margin: 0 auto;
  cursor: pointer;
}
.sub_content .video img{
  display: block;;
  width: 100%;
}
.sub_content .news_list{
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}
.sub_content .news_list .item{
  width: 32%;
  border-bottom: 1px solid #ddd;
  margin-bottom: 30px;
  cursor: pointer;
  display: block;
}
.sub_content .news_list .item .img{
  width: 100%;
  margin-bottom: 15px;
  overflow: hidden;
}
.sub_content .news_list .item .img img{
  display: block;
  width: 100%;
  transition: 0.5s;
}
.sub_content .news_list .item .time{
  font-size: 14px;
  color: #999;
  margin-bottom: 10px;
}
.sub_content .news_list .item .title{
  font-size: 18px;
  color: #333;
  margin-bottom: 15px;
}
.sub_content .news_list .item:hover .img img{
  transform: scale(1.2);
}
.sub_content .news_list .item:hover .title{
  color: #FF8E0F;
}
/********************************************************/

.pro_list{
  display: flex;
  flex-wrap: wrap;
}
.pro_list .item{
  display: block;
  width: 32%;
  padding-right: 2%;
  border-bottom: 1px solid #ddd;
  cursor: pointer;
  margin-bottom: 20px;
  box-sizing: initial;
}
.pro_list .item:nth-child(3n){
  padding-right: 0;
}
.pro_list .item .img{
  width: 100%;
  overflow: hidden;
  border: 1px solid #ddd;
  box-sizing: border-box;
}
.pro_list .item .img img{
  display: block;
  width: 100%;
  transition: 0.5s;
}
.pro_list .item .name{
  font-size: 18px;
  color: #333;
  padding: 20px 0;
  text-align: center;
}
.pro_list .item:hover .img img{
  transform: scale(1.2);
}
.pro_list .item:hover .name{
  color: #FF8E0F;
}
.el-pagination{
  text-align: center;
}
.el-pagination.is-background .el-pager li:not(.disabled).active{
  background-color: #2E6E49;
}
.el-pagination.is-background .el-pager li:not(.disabled):hover{
  color: #2E6E49;
}
/*********************************************************/
.map{
  width: 100%;
  position: relative;
}
.map img{
  display: block;
  width: 100%;
}
.map .dot{
  width: 26px;
  height: 26px;
  background: rgba(46, 110, 73, 0.2);
  border-radius: 50%;
  position: absolute;
}
.map .dot::after{
  content: "";
  width: 10px;
  height: 10px;
  background: #2E6E49;
  border-radius: 50%;
  position: absolute;
  left: 8px;
  top: 8px;
}
.map .dot1{
  left: 16.6%;
  top: 44%;
}
.map .dot2{
  left: 27.5%;
  top: 73.7%;
}
.map .dot3{
  left: 48.3%;
  top: 35.6%;
}
.map .dot4{
  left: 55%;
  top: 44%;
}
.map .dot5{
  left: 55.8%;
  top: 62.9%;
}
.map .dot6{
  left: 74.1%;
  top: 29.3%;
}
.map .dot7{
  left: 75%;
  top: 18.9%;
}
.map .dot8{
  left: 79.1%;
  top: 36.7%;
}
.map .dot9{
  left: 80%;
  top: 20.9%;
}
.map .dot10{
  left: 89.1%;
  top: 79.6%;
}
.map .img{
  position: absolute;
  left: 81%;
  top: 12.5%;
  width: 110px;
}
.map .text{
  position: absolute;
  left: 91%;
  top: 9.5%;
  padding: 4px 16px;
  font-size: 18px;
  background: #2E6E49;
  color: #fff;
}
.map_list{
  display: flex;
  align-items: center;
  padding-bottom: 100px;
  border-bottom: 1px solid #ddd;
  justify-content: space-between;
}
.map_list a{
  color: #2E6E49;
  font-size: 24px;
  position: relative;
  padding-left: 30px;
  display: block;
  white-space: nowrap;
}
.map_list a::before{
  content: "";
  width: 6px;
  height: 6px;
  background: #2E6E49;
  border-radius: 50%;
  position: absolute;
  left: 15px;
  top: 15px;
}
/*///************************************************/
.__ad2 {
  background: #fff;
  height: 100px;
  padding-top: 117px;
  box-sizing: initial;
}
.__ad2 .ad_desc {
  max-width: 1800px;
  margin: 0 auto;
  width: 100%;
  position: initial;
  padding: 0 30px;
  box-sizing: border-box;
}
.__ad2 .ad_desc .bread_nav {
  position: initial;
}
.__ad2 .ad_desc .bread_nav a,
.__ad2 .ad_desc .bread_nav i {
  color: #333;
}
.__ad2 .ad_desc .bread_nav i:first-of-type{
  font-size: 24px;
}
.__ad2 .ad_desc .bread_nav a:hover {
  color: #FF8E0F;
}
.new_detail {

}
.new_detail .new_title {
  font-size: 24px;
  color: #333;
  text-align: center;
  margin-bottom: 20px;
  width: 100%;
}
.new_detail .new_time {
  font-size: 14px;
  color: #333;
  text-align: center;
  width: 100%;
}
.new_detail .title {
  margin-bottom: 20px;
}
.new_detail .content {
  width: 100%;
  padding: 40px 0;
}
.new_detail .content img{
  display: block;
}
.pro_detail .pagination {
  display: flex;
  justify-content: space-between;
  padding: 20px 0;
  border-bottom: 1px solid #B0C5F3;
  margin-bottom: 80px;
}
.pro_detail .pagination a {
  color: #999;
  font-size: 12px;
  display: block;
  width: 50%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.pro_detail .pagination a:hover {
  color: #2E6E49;
}
.pro_detail .pagination a:last-child {
  text-align: right;
}
.new_detail .recommend .title{
  font-size: 18px;
  color: #2E6E49;
}
.new_detail .recommend .news{
  display: flex;
}
.new_detail .recommend .news .item{
  width: 30%;
  border-left: 2px solid #2E6E49;
  padding-left: 20px;
  padding-right: 5%;
  display: block;
  box-sizing: initial;
}
.new_detail .recommend .news .item:last-child{
  padding-right: 0;
}
.new_detail .recommend .news .item .title{
  width: 100%;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
  font-size: 18px;
  color: #333;
}
.new_detail .recommend .news .item .desc{
  font-size: 14px;
  color: #666;
  width: 100%;
  line-height: 24px;
}
.new_detail .recommend .news .item:hover .title{
  color: #FF8E0F;
}
.new_detail .pagination a{
  text-align: left;
}
/****************************************************************/

.pro_detail {
  width: 100%;
  background: #f8f8f8;
  padding-top: 60px;
}
.pro_detail .pro_title {
  width: 100%;
  text-align: center;
  font-size: 24px;
  font-size: #333;
}
.pro_detail .bg {
  padding-top: 100px;
  width: 100%;
  background: url(../images/detail/bg1.jpg) no-repeat;
  background-size: cover;
  padding-bottom: 70px;
}
.pro_detail .bg1 {
  padding-bottom: 100px;
  width: 100%;
  background: url(../images/detail/bg2.jpg) no-repeat;
  background-size: cover;
}
.pro_detail .bg2 {
  width: 100%;
  background: url(../images/detail/bg3.jpg) no-repeat;
  background-size: cover;
}
.pro_detail .bg3 {
  width: 100%;
  padding-bottom: 60px;
  background: #eff6ff;
}
.pro_detail .content_text {
  width: 100%;
  padding-bottom: 40px;
  display: flex;
  flex-wrap: wrap;
}
.pro_detail .content_text .pro_swiper {
  width: 50%;
}
.pro_detail .content_text .pro_swiper .swiper-container {
  margin-bottom: 20px;
}
.pro_detail .content_text .pro_swiper .swiper-container .swiper-wrapper .swiper-slide {
  width: 100%;
  cursor: pointer;
  background: #fff;
}
.pro_detail .content_text .pro_swiper .swiper-container .swiper-wrapper .swiper-slide img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.pro_detail .content_text .pro_swiper .swiper-container .swiper-button-next:after,
.pro_detail .content_text .pro_swiper .swiper-container .swiper-button-prev:after {
  color: #fff;
  font-size: 20px;
}
.pro_detail .content_text .pro_swiper .swiper-container .swiper-button-next,
.pro_detail .content_text .pro_swiper .swiper-container .swiper-button-prev{
  width: 40px;
  height: 40px;
  background: #2E6E49;
}
.pro_detail .content_text .pro_swiper .thumb .swiper-wrapper {
  display: flex;
}
.pro_detail .content_text .pro_swiper .thumb .swiper-wrapper .swiper-slide {
  width: 120px;
  margin-right: 10px;
  cursor: pointer;
  opacity: 0.4;
}
.pro_detail .content_text .pro_swiper .thumb .swiper-wrapper .swiper-slide img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.pro_detail .content_text .pro_swiper .thumb .swiper-wrapper .swiper-slide-thumb-active {
  opacity: 1;
}
.pro_detail .content_text .pro_info {
  width: 50%;
  box-sizing: border-box;
  padding-left: 40px;
  position: relative;
}
.pro_detail .content_text .pro_info .pro_name {
  color: #2E6E49;
  font-size: 24px;
  width: 100%;
  border-bottom: 2px solid #2E6E49;
  margin-bottom: 20px;
  padding-bottom: 10px;
}
.pro_detail .content_text .pro_info .pro_materail {
  color: #666;
  font-size: 14px;
  margin-bottom: 100px;
}
.pro_detail .content_text .pro_info .pro_materail p {
  line-height: 24px;
}
.pro_detail .content_text .pro_info .contact_way {
  display: flex;
  margin-bottom: 20px;
  align-items: center;
}
.pro_detail .content_text .pro_info .contact_way .img {
  width: 50px;
  height: 50px;
  border-radius: 100%;
  border: 1px solid #2E6E49;
  display: flex;
  justify-content: center;
  align-items: center;
  margin-right: 40px;
}
.pro_detail .content_text .pro_info .contact_way .img img {
  display: block;
  width: 50%;
}
.pro_detail .content_text .pro_info .contact_way .way_text p {
  line-height: 24px;
}
.pro_detail .content_text .pro_info .pro_buttons {
  display: flex;
  padding-top: 20px;
}
.pro_detail .content_text .pro_info .pro_buttons .p_btn {
  display: flex;
  align-items: center;
  justify-content: center;
  min-width: 150px;
  padding: 10px;
  background: #FF8E0F;
  margin-right: 20px;
  cursor: pointer;
  position: relative;
}
.pro_detail .content_text .pro_info .pro_buttons .p_btn:last-child {
  background: #2E6E49;
}
.pro_detail .content_text .pro_info .pro_buttons .p_btn::after {
  content: "";
  width: 0%;
  height: 0%;
  transition: 0.5s;
  background: #999;
  opacity: 0.8;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  z-index: 9;
}
.pro_detail .content_text .pro_info .pro_buttons .p_btn:hover::after {
  content: "";
  width: 100%;
  height: 100%;
  opacity: 0.3;
}
.pro_detail .content_text .pro_info .pro_buttons .p_btn img {
  margin-right: 5px;
}
.pro_detail .content_text .pro_info .pro_buttons .p_btn span {
  color: #fff;
  font-size: 16px;
}
.pro_detail .content_text .rich {
  width: 100%;
  padding-top: 40px;
  overflow: hidden;
  overflow-x: auto;
}
.pro_detail .content_text .rich table tr th {
  padding: 15px 0;
  border: 1px solid rgba(0, 0, 0, 0.1);
}
.pro_detail .content_text .rich table tr td {
  font-size: 14px;
  color: #74777c;
  background: #fff;
}
.pro_detail .content_text .rich table tr {
  background: #f2f2f2;
}
.pro_detail .content_text .rich table td {
  border: 1px solid rgba(0, 0, 0, 0.1);
  padding: 10px;
  font-size: 16px;
  color: #74777c;
}
.pro_detail .content_text .rich table {
  border-collapse: collapse;
}
.pro_detail .content_text .steps{
  padding-top: 30px;
  width: 100%;
  display: flex;
  justify-content: space-between;
}
.pro_detail .content_text .steps img{
  width: 178px;
  height: 178px;
  border-radius: 100%;
}
.pro_detail .model {
  width: 100%;
  padding-top: 80px;
  background: #fff;
}
.pro_detail .model .model_title {
  width: 100%;
}
.pro_detail .model .model_title .txt {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: 150px;
  padding: 10px;
  background: #2E6E49;
  margin-right: 20px;
}
.pro_detail .model .model_title .txt img {
  margin-right: 5px;
}
.pro_detail .model .model_title .txt span {
  font-size: 16px;
  color: #fff;
}
.pro_detail .model .model_title .line {
  width: 100%;
  height: 1px;
  background: #2E6E49;
}
.pro_detail .model .grid_model {
  padding: 20px 0;
  display: grid;
  grid-template-columns: 1fr 1fr 1fr 1fr;
  grid-template-rows: 1fr 1fr;
  grid-gap: 10px;
}
.pro_detail .model .grid_model img {
  display: block;
  width: 100%;
}
.pro_detail .model .grid_model img:nth-child(1) {
  grid-row-start: span 2;
}
.pro_detail .model .grid_model img:nth-child(3) {
  grid-column-start: span 2;
}
.pro_detail .model .model_content {
  padding: 50px 0;
}
.pro_detail .model .model_content .pitem {
  display: block;
  width: 100%;
  overflow: hidden;
  border-radius: 20px 20px 0px 0px;
  margin-bottom: 40px;
}
.pro_detail .model .model_content .pitem .type_name {
  padding: 20px 0;
  position: relative;
  background: linear-gradient(90deg, #f3f8ff, #cdddf5);
  padding-left: 100px;
  width: 100%;
  box-sizing: border-box;
}
.pro_detail .model .model_content .pitem .type_name span {
  font-size: 24px;
  color: #333;
}
.pro_detail .model .model_content .pitem .type_name img {
  display: block;
}
.pro_detail .model .model_content .pitem .type_name img:nth-child(2) {
  position: absolute;
  bottom: 14px;
  left: 100px;
}
.pro_detail .model .model_content .pitem .type_name img:nth-child(3) {
  position: absolute;
  left: 0;
  top: 0;
  width: 90px;
}
.pro_detail .model .model_content .pitem .pro_content {
  display: flex;
  flex-wrap: wrap;
  padding: 40px;
  justify-content: space-between;
  background: url(../images/detail/bg5.jpg) no-repeat;
  background-size: 100%;
}
.pro_detail .model .model_content .pitem .pro_content img {
  display: block;
  margin-bottom: 20px;
  transition: 0.5s;
}
.pro_detail .model .model_content .pitem:last-child .pro_content {
  background: url(../images/detail/bg6.jpg) no-repeat;
  background-size: 100%;
}
.pro_detail .model .quote {
  padding: 40px 0;
  background: none;
}
.pro_detail .model .quote input,
.pro_detail .model .quote textarea {
  background: #fff;
}
.pro_detail .pagination {
  display: flex;
  justify-content: space-between;
  padding: 20px 0;
  border-bottom: 1px solid #B0C5F3;
}
.pro_detail .pagination a {
  color: #999;
  font-size: 12px;
  display: block;
  width: 50%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.pro_detail .pagination a:hover {
  color: #0B429D;
}
.pro_detail .pagination a:last-child {
  text-align: right;
}
.pro_detail .recommend {
  padding: 30px 0;
  padding-bottom: 70px;
}
.pro_detail .recommend .title {
  font-size: 18px;
  color: #333;
  margin-bottom: 10px;
}
.pro_detail .recommend .pros {
  background: none;
}
.pro_detail .recommend .pros .pro_list{
  display: flex;
  flex-wrap: wrap;
}
.pro_detail .recommend .pros .pro_list .pro_item {
  width: 30%;
  display: block;
  margin-right: 5%;
}
.pro_detail .recommend .pros .pro_list .pro_item:nth-child(3n) {
  margin-right: 0;
}
.pro_detail .recommend .pros .pro_list .pro_item .img{
  width: 100%;
  display: block;
  overflow: hidden;
  padding: 40px;
  border: 1px solid #ddd;
}
.pro_detail .recommend .pros .pro_list .pro_item .img img{
  width: 100%;
  display: block;
  transition: 0.5s;
}
.pro_detail .recommend .pros .pro_list .pro_item .name {
  background: #2E6E49;
  color: #fff;
  padding: 15px 0;
  text-align: center;
  width: 100%;
  font-size: 14px;
  color: #fff;
}
.pro_detail .recommend .pros .pro_list .pro_item:hover .img img{
  transform: scale(1.2);
}
.pro_types{
  display: flex;
  max-width: 1800px;
  margin: 0 auto;
  width: 100%;
  padding: 0 30px;
  padding-bottom: 60px;
  flex-wrap: wrap;
}
.pro_types a{
  display: block;
  min-width: 170px;
  line-height: 60px;
  height: 60px;
  background: #F8F8F8;
  text-align: center;
  color: #333;
  font-size: 18px;
  position: relative;
  padding: 0 10px;
}
.pro_types a::after{
  content: "";
  width: 1px;
  height: 24px;
  background: #DDDDDD;
  position: absolute;
  right: 0;
  top: 15px;
}
.pro_types .active{
  color: #fff;
  background: #2E6E49;
}
.pro_types a:hover{
  color: #fff;
  background: #2E6E49;
}
.pro_types a:hover::after{
  display: none;
}
.pro_types .active::after{
  display: none;
}
.pro_types a:last-child::after{
  display: none;
}
/***************************************************************/
@media (max-width: 1280px) {
  .center{
    width: 90%;
  }
  .center2 .right{
    display: none;
  }
  .center2 .left{
    display: none;
  }
  .ab_title{
    text-align: center;
  }
  .ab_title .line{
    margin: 0 auto;
  }
  .info1{
    flex-wrap: wrap;
  }
  .info1 .num{
    width: 30%;
  }
  .info1 .txt{
    width: 100%;
  }
  .info2 .txt{
    margin-bottom: 10px;
  }
  .info2 img{
    width: 100%;
    position: initial;
  }
  .center2 .middle{
    padding: 30px;
  }
  .center2 .middle .text1{
    width: 100%;
  }
  .center2 .middle .total{
    flex-wrap: wrap;
  }
  .center2 .middle .t_item{
    width: 30%;
    margin-bottom: 10px;
  }
  .center2 .middle .text2{
    width: 100%;
    margin-bottom: 10px;
  }
  .center2 .middle .text3{
    width: 100%;
  }

  .contact_list .item{
    width: 30%;
    margin-bottom: 10px;
  }
  .pro_detail .content_text{
    width: 90%;
  }
}
@media (max-width: 1024px) {
  .__ad .bread_nav{
    display: none;
  }
  .ab_content{
    padding: 30px 0;
  }
  .ab_title h2{
    font-size: 42px;
  }
  .ab_title .text{
    font-size: 20px;
  }
  .__ad{
    padding-top: 70px;
    height: 300px;
    position: relative;
  }
  .__ad .banner{
    display: block;
    width: auto;
    height: calc(100% - 70px);
    object-fit: cover;
    position: absolute;
    left: 50%;
    top: 70px;
    transform: translateX(-50%)
  }
}
@media (max-width: 820px) {
  .ab_title{
    margin-bottom: 30px;
  }
  .sub_content .s_title{
    margin-bottom: 30px;
  }
  .info1{
    margin-bottom: 30px;
  }
  .center2 .middle .text1{
    margin-bottom: 30px;
  }
  .center2 .middle .total{
    margin-bottom: 30px;
  }
  .info1 .num{
    width: 100%;
  }
  .__ad .ad_desc{
    font-size: 16px;
  }
  .contact_list .item{
    width: 48%;
  }
  .contact_content .form{
    width: 100%;
  }
  .ab_content .list .item .img img{
    margin-bottom: 0;
  }
  .ab_content .list .item .text_value{
    font-size: 14px;
  }
  .map_list{
    flex-wrap: wrap;
  }
  .map_list a{
    width: 100%;
    font-size: 14px;
    padding: 30px 0;
    text-align: center;
  }
  .map_list a::before{
    display: none;
  }
  .__ad2{
    display: none;
  }
  .new_detail .recommend .news{
    flex-wrap: wrap;
  }
  .new_detail .recommend .news .item{
    width: 100%;
    margin-bottom: 10px;
  }
  .new_detail .recommend .news .item .title{
    font-size: 14px;
  }
  .new_detail .recommend .news .item .desc{
    font-size: 12px;
  }
  .pro_detail{
    padding-top: 80px;
  }
  .pro_detail .content_text{
    padding-bottom: 0;
  }
  .pro_detail .pagination{
    margin-bottom: 30px;
  }
  .new_detail .content{
    padding: 20px 0;
  }
  .pro_detail .pagination{
    flex-wrap: wrap;
  }
  .pro_detail .pagination a{
    width: 100%;
    margin-bottom: 10px;
  }
  .pro_detail .pagination a:last-child{
    text-align: left;
  }
  .pro_detail .content_text .pro_swiper{
    width: 100%;
  }
  .pro_detail .content_text .pro_info{
    width: 100%;
    padding-left: 0;
  }
  .pro_types{
    width: 90%;
    margin: 0 auto;
    padding: 20px 0;
    overflow-x: auto;
    flex-wrap: wrap;
    padding-top: 100px;
  }
  .pro_types a{
    width: 50%;
    font-size: 14px;
    min-width: auto;
  }
  .pro_content .pro_types{
    width: 100%;
    padding-top: 20px;
  }
  .pro_detail .content_text .steps{
    flex-wrap: wrap;
  }
  .pro_detail .content_text .steps img{
    width: 80px;
    height: 80px;
  }
  .pro_detail .recommend .pros .pro_list {
    justify-content: space-between;
  }
  .pro_detail .recommend .pros .pro_list .pro_item{
    width: 49%;
    margin-right: 0;
    margin-bottom: 10px;
  }
  .pro_detail .recommend .pros .pro_list .pro_item .img{
    padding: 10px;
  }
  .pro_detail .recommend{
    width: 90%;
    padding-top: 0;
    padding-bottom: 40px;
    margin: 0 auto;
  }
  .sub_content{
    padding: 30px;
  }
  .pro_list{
    justify-content: space-between;
  }
  .pro_list .item{
    width: 49%;
    padding-right: 0;
  }
  .pro_list .item .name{
    font-size: 14px;
  }
  .service_list{
    flex-wrap: wrap;
  }
  .service_list .item{
    width: 100%;
    margin-bottom: 10px;
  }
  .sub_content .news_list .item{
    width: 49%;
  }
  .sub_content .video{
    width: 100%;
  }
  .sub_content .news_list .item .time{
    font-size: 12px;
  }
  .sub_content .news_list .item .title{
    font-size: 14px;
  }
  .service_content{
    display: none;
  }
  .service_list .item .text1{
    font-size: 18px;
  }
  .service_content2{
    padding: 50px 0;
  }
  .pro_detail .content_text .pro_info .pro_materail{
    margin-bottom: 50px;
  }
  .pro_detail .model{
    padding-top: 40px;
  }
  .pro_content{
    padding: 30px 0;
  }
}
@media (max-width: 640px) {
  .ab_title h2{
    font-size: 24px;
    line-height: 20px;
  }
  .contact_list .item{
    width: 100%;
  }
  .center2 .middle{
    padding: 10px;
  }
  .center2 .middle .t_item{
    width: 48%;
  }
  .ab_content .list{
    flex-wrap: wrap;
  }
  .ab_content .list .item{
    width: 100%;
    margin-bottom: 20px;
  }
  .contact_content .form .form_item{
    flex-wrap: wrap;
    margin-bottom: 0;
  }
  .contact_content .form .form_item input{
    width: 100%;
  }
  .contact_content .form .form_item .submit{
    width: 100%;
  }
}
@media (max-width: 414px) {
  .sub_swiper .swiper-slide {
    width: 86%;
  }
}