.title{
  position: fixed;
  width: 100%;
  z-index: 100;
  left: 0;
  top: 0;
  right: 0;
  background: linear-gradient( rgba(0,0,0,.7) , rgba(0,0,0,0));
}
.title .nav{
  max-width: 1200px;
  height: 90px;
  margin: 0 auto;
  display: flex;
  align-items: center;
  justify-content: space-between;
  background-color: transparent;
  color: #FFFFFF;
}
.title .nav .left{
  width: 302px;
  height: 30px;
}
.title .nav .left img{
  display: block;
  width: 100%;
  height: 100%;
}
.title .nav .center .list{
  display: flex;
  align-items: center;
}
.title .nav .center .list div{
  border-radius: 4px;
  font-size: 14px;
  cursor: pointer;
  font-family: Microsoft YaHei, Microsoft YaHei;
  font-weight: 400;
  font-size: 16px;
  margin: 0 25px;
  text-align: center;
}
.title .nav .center .list div:hover{
  color: #EE7C1E;
}
.title .nav:has(.center .list .item:hover) div{
  color: #000;
}
.title .nav:has(.center .list .item1:hover) div{
  color: #000;
}
.title .nav .right{
  display: flex;
  align-items: center;
  position: relative;
  height: 56px;
  cursor: pointer;
  font-weight: 400;
  font-size: 16px;
}
.title .nav .right .lang{
  margin-right: 20px;
  font-family: Microsoft YaHei, Microsoft YaHei;
}
.title .nav .right:hover .lang_mask{
  display: block;
}
.middle_right{
  display: none;
  width: 24px;
  height: 24px;
  transform: rotate(180deg);
}
.middle_right .icon-caidan{
  color: #fff;
  font-size: 24px;
}
.lang_mask{
  position: absolute;
  width: 100px;
  height: 80px;
  right: 0;
  top: 100%;
  display: none;
  transition: .5s;
  z-index: 101;
}
.lang_mask div{
  box-sizing: border-box;
  width: 100%;
  height: 40px;
  line-height: 39px;
  text-align: center;
  font-family: Microsoft YaHei, Microsoft YaHei;
  font-weight: 400;
  font-size: 16px;
  background-color: rgba(255, 255, 255, .1);
  cursor: pointer;
  border-bottom: solid 1px #fff;
}
.lang_mask div:hover{
  color: #EE7C1E;
}
/*  */
.nav_product{
  padding: 30px 0 15px;
  display: none;
}
.nav_center{
  max-width: 1200px;
  margin: 0 auto;
}
.nav_title{
  display: flex;
  align-items: center;
  margin-bottom: 50px;
}
.nav_title div{
  font-family: Microsoft YaHei, Microsoft YaHei;
  font-weight: 400;
  font-size: 16px;
  color: #3D3D3D;
  padding-right: 18px;
  border-right: solid 1px #D8D8D8;
  margin-left: 20px;
  cursor: pointer;
}
.nav_title div:last-child{
  border-right: none;
}
.nav_title div:first-child{
  margin-left: 0;
}
.nav_title .active{
  color: #EE7C1E;
  font-weight: 700;
}
.nav_title div:hover{
  color: #EE7C1E;
}
.nav_text{
  font-family: Microsoft YaHei, Microsoft YaHei;
  font-weight: 400;
  font-size: 20px;
  color: #3D3D3D;
  margin-bottom: 60px;
  cursor: default;
}
.nav_pro{
  display: flex;
  flex-wrap: wrap;
}
.pro_item{
  display: none;
  margin-right: 100px;
  margin-bottom: 100px;
}
.pro_item:nth-child(4n){
  margin-right: 0;
}
.pro_item_img{
  width: 190px;
  height: 190px;
  margin-bottom: 15px;
}
.pro_item_img img{
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.pro_item_name{
  max-width: 190px;
  font-family: Microsoft YaHei, Microsoft YaHei;
  font-weight: 700;
  font-size: 16px;
  color: #3D3D3D;
  text-align: center;
  margin-bottom: 8px;
  cursor: pointer;
}
.pro_item_name:hover{
  color: #EE7C1E;
}
.nav_product2 .pro_item_name{
  margin-bottom: 30px;
}
.pro_item_sku{
  font-family: Microsoft YaHei, Microsoft YaHei;
  font-weight: 400;
  font-size: 12px;
  color: #999999;
  margin-bottom: 15px;
  text-align: center;
  cursor: default;
}
.pro_item_btn{
  display: flex;
  justify-content: center;
  align-items: center;
}
.pro_item_btn div{
  font-family: Microsoft YaHei, Microsoft YaHei;
  font-weight: 400;
  font-size: 12px;
  color: #666666;
  line-height: 12px;
  text-align: center;
  font-style: normal;
  text-decoration-line: underline;
  margin-right: 20px;
  cursor: pointer;
}
.pro_item_btn div:last-child{
  margin-right: 0;
}
.pro_item_btn div:hover{
  color: #EE7C1E;
}
.mask_middle{
  position: fixed;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  width: 100%;
  height: 100%;
  background-color: #fff;
  padding: 18px 0 0;
  z-index: 200;
  display: none;
}
.mask_middle .hide{
  box-sizing: border-box;
  overflow: hidden;
  margin-bottom: 28px;
  padding: 0 16px;
}
.mask_middle .hide span{
  float: right;
  width: 24px;
  height: 24px;
  text-align: center;
  line-height: 24px;
  font-size: 14px;
  color: #999;
  font-weight: bold;
}
.mask_list{
  box-sizing: border-box;
  padding: 0 22px;
}
.mask_list div{
  height: 50px;
  position: relative;
  line-height: 50px;
  font-family: Source Han Sans, Source Han Sans;
  font-weight: 500;
  font-size: 14px;
  color: #666666;
}
.mask_list .iconfont::before{
  position: absolute;
  right: 0;
  top: 0;
  line-height: 50px;
  font-size: 20px;
  color: #999;
}
.mask_bot{
  position: absolute;
  left: 22px;
  right: 22px;
  bottom: 46px;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.mask_bot_l{
  display: flex;
  align-items: center;
  font-family: Source Han Sans, Source Han Sans;
  font-weight: 400;
  font-size: 14px;
  color: #666666;
}
.mask_bot .iconfont{
  font-size: 20px;
  color: #999;
}
/*  */
.mask_lang,.pro_middle,.equ_middle,.equ_middle_form{
  position: fixed;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  width: 100%;
  height: 100%;
  background-color: #fff;
  padding: 18px 0 0;
  z-index: 201;
  display: none;
}
.mask_lang .hide,.pro_middle .hide,.equ_middle .hide,.equ_middle_form .hide{
  display: flex;
  align-items: center;
  justify-content: space-between;
  box-sizing: border-box;
  padding: 0 16px;
  margin-bottom: 28px;
}
.mask_lang .hide .icon-youjiantou,.mask_lang .hide .icon-cuowu,.pro_middle .hide .icon-youjiantou,.pro_middle .hide .icon-cuowu,.equ_middle .hide .icon-youjiantou,.equ_middle .hide .icon-cuowu,.equ_middle_form .hide .icon-youjiantou{
  width: 24px;
  height: 24px;
  text-align: center;
  line-height: 24px;
  font-size: 14px;
  color: #999;
  font-weight: bold;
}
.mask_lang .hide .icon-youjiantou,.pro_middle .hide .icon-youjiantou,.equ_middle .hide .icon-youjiantou,.equ_middle_form .hide .icon-youjiantou{
  transform: rotate(180deg);
  font-size: 24px;
}
.equ_middle_form .hide .equ_middle_form_text{
  font-family: Source Han Sans, Source Han Sans;
  font-weight: 400;
  font-size: 16px;
  color: #3D3D3D;
  line-height: 16px;
  text-align: center;
  font-style: normal;
}
.equ_middle_form_list{
  box-sizing: border-box;
  display: flex;
  flex-wrap: wrap;
  padding: 0 24px;
}
.equ_middle_form_list .equ_middle_form_list_item{
  width: calc(50% - 10px);
  margin-bottom: 20px;
}
.equ_middle_form_list .equ_middle_form_list_item:nth-child(2n-1){
  margin-right: 20px;
}
.equ_middle_form_list_item img{
  display: block;
  width: 100%;
  margin-bottom: 15px;
}
.equ_middle_form_list_item .form_item_name{
  font-family: Source Han Sans, Source Han Sans;
  font-weight: 700;
  font-size: 14px;
  color: #3D3D3D;
  line-height: 18px;
  text-align: center;
  font-style: normal;
  margin-bottom: 28px;
}
.form_item_btns{
  display: flex;
  align-items: center;
  justify-content: center;
}
.form_item_btns .form_item_btn{
  font-family: Source Han Sans, Source Han Sans;
  font-weight: 400;
  font-size: 12px;
  color: #666666;
  line-height: 12px;
  text-align: center;
  font-style: normal;
  text-decoration-line: underline;
}
.form_item_btns .form_item_btn1{
  margin-right: 20px;
}
.lang_text,.equ_middle_text,.pro_middle_text{
  font-family: Source Han Sans, Source Han Sans;
  font-weight: 400;
  font-size: 16px;
  color: #3D3D3D;
}
.mask_lang_list,.pro_middle_list,.equ_middle_list{
  box-sizing: border-box;
  padding: 0 22px;
}
.mask_lang_list div{
  height: 50px;
  line-height: 50px;
  font-family: Source Han Sans, Source Han Sans;
  font-weight: 500;
  font-size: 14px;
  color: #666666;
}
.equ_middle_list .equ_middle_item{
  width: 100%;
  display: flex;
  align-items: center;
  position: relative;
  margin-bottom: 20px;
}
.equ_middle_list .equ_middle_item:last-child{
  margin-bottom: 0;
}
.equ_middle_list .equ_middle_item img{
  display: block;
  width: 50px;
  height: 50px;
  object-fit: cover;
  margin-right: 20px;
}
.equ_middle_list .equ_middle_item .equ_middle_item_name{
  font-family: Source Han Sans, Source Han Sans;
  font-weight: 700;
  font-size: 16px;
  color: #3D3D3D;
  line-height: 16px;
  text-align: left;
  font-style: normal;
}
.equ_middle_list .equ_middle_item .icon-youjiantou{
  position: absolute;
  right: 0;
  top: 0;
  line-height: 50px;
  width: 24px;
  height: 50px;
  text-align: center;
  font-size: 20px;
  color: #555;
  font-weight: bold;
}
.pro_middle_list .pro_middle_item .pro_middle_item_name{
  height: 50px;
  font-family: Source Han Sans, Source Han Sans;
  font-weight: 500;
  font-size: 14px;
  color: #EE7C1E;
  line-height: 50px;
  text-align: left;
  font-style: normal;
}
.pro_middle_item4{
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.pro_middle_item4 .icon-youjiantou{
  width: 24px;
  height: 24px;
  text-align: center;
  line-height: 24px;
  font-size: 20px;
  color: #EE7C1E;
  font-weight: bold;
}
.pro_middle_item_list{
  display: flex;
  align-items: center;
}
.pro_middle_item_item{
  width: 100px;
  margin-right: 12px;
  margin-bottom: 20px;
}
.pro_middle_item_item img{
  display: block;
  width: 100px;
  height: 100px;
  object-fit: cover;
  margin-bottom: 10px;
}
.pro_middle_item_name_n{
  font-family: Source Han Sans, Source Han Sans;
  font-weight: 700;
  font-size: 14px;
  color: #3D3D3D;
  line-height: 14px;
  text-align: center;
  font-style: normal;
}
.middle_top{
  box-sizing: border-box;
  width: 100%;
  height: 60px;
  background-color: #fff;
  padding: 18px 16px;
  margin-bottom: 12px;
  display: none;
}
.middle_top .hide{
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.middle_top .hide .icon-youjiantou,.middle_top .hide .icon-caidan{
  width: 24px;
  height: 24px;
  text-align: center;
  line-height: 24px;
  font-size: 24px;
  color: #999;
  font-weight: bold;
  transform: rotate(180deg);
}
.middle_top .hide .middle_text{
  font-family: Source Han Sans, Source Han Sans;
  font-weight: 400;
  font-size: 16px;
  color: #3D3D3D;
  line-height: 24px;
}

















@media screen and (max-width: 1160px) {
  .pro_item{
    margin-right: 30px;
    margin-bottom: 30px;
  }
}
@media screen and (max-width: 1038px) {
  .title .nav .center .list div{
    margin:0 10px;
  }
  .title .nav .right .lang{
    margin-right: 4px;
  }
  .title .nav,.nav_product .nav_center{
    box-sizing: border-box;
    padding: 0 20px;
  }
}
@media screen and (max-width: 890px) {
  .nav_product .nav_title{
    margin-bottom: 20px;
  }
  .nav_product .nav_title div{
    font-size: 14px;
  }
  .nav_text{
    font-size: 16px;
    margin-bottom: 20px;
  }
  .nav_pro .pro_item .pro_item_img{
    width: 150px;
    height: 150px;
    margin-bottom: 10px;
  }
  .pro_item_name{
    font-size: 14px;
  }
  .pro_item_sku{
    margin-bottom: 8px;
  }
}
@media screen and (max-width: 867px) {
  .title .nav .left{
    width: 190px;
    height: auto;
  }
  .title .nav .center .list div{
    margin:0 5px;
  }
  .title .nav .right,.title .nav .right .iconfont,.title .nav .center .list div{
    font-size: 14px;
  }
  .lang_mask{
    width: 80px;
    height: 60px;
  }
  .lang_mask div{
    height: 30px;
    line-height: 29px;
    font-size: 14px;
  }
}
@media screen and (max-width: 767px) {
  .title .nav .center{
    display: none;
  }
  .title .nav .right{
    display: none;
  }
  .middle_right{
    display: block;
  }
}