main.index .list2 table tr{display:table;height: auto;width: 19.2%;margin: 0 0.4%;float: left;}
    main.index .list2 table td {
        display: table;
        text-align: left;
        word-break: break-word;
    }
    main.index .list2 table td span {
        min-height: 25px;
        font-size: 12px;
        display: inline-block;
        line-height: 25px;
    }
main.index .list2 table td.img-box{height:280px; }
main.index .list2 table td:nth-child(1){/* margin-top:320px; *//* width:50%; */}
/*main.index .list2 table td:nth-child(4){display:none;}*/
main.index .list2 table td:nth-child(4) span{
    /*height: 54px;*/
        overflow: hidden;
}
main.index .list2 table td:nth-child(2){}
main.index .list2 table td:nth-child(10){width:40%;/* float: right; *//* position: absolute; *//* margin-top: -29px; */border:none;margin-left: 60%;margin-bottom: 30px;margin-top: 10px;}
main.index .list2 table tr:nth-child(1){display:none;}
/*main.index .list2 table td label{width: 40%;margin-left: 60%;margin-top: -58px;}*/
main.index .list2 table td:nth-child(7){/* width: 50%;height:52px;border:none; */}
main.index .list2 table td:nth-child(8) label{
    display: block;
    position: relative;
    font-size: 12px;
    padding-left: 10px;
}
main.index .list2 table td:nth-child(7) label {
    display: inline-block;
    padding: 0 10px;
}

main.index .list2 table td:nth-child(9) span::before {
    content: "TOTAL:";
    padding-right: 10px;
}
main.index .list2 table td:nth-child(7) label input {
    width: 50%;
}
main.index .list2 table td:nth-child(8) label input {
    width: 50%;
    margin: 5px;
}
main.index .list2 table td:nth-child(8) label input::-webkit-outer-spin-button,
main.index .list2 table td:nth-child(8) label input::-webkit-inner-spin-button {
  appearance: button !important;
}
main.index .list2 table td:nth-child(8) label::before {
    content: "QTY:";
    font-size: 12px;
}

main.index .list2 table td:nth-child(1) span::before {
    content: "SERIES:";
}
main.index .list2 table td:nth-child(2) span::before {
    content: "ITEM NO:";
}
main.index .list2 table td:nth-child(3) span::before {
    content: "MARERIAL:";
}
main.index .list2 table .img-box-2{left:0;width:100%;}
main.index .list2 table td:last-child {
    border: none;
    text-align: right;
    margin-bottom: 20px;
}
main.index .list2 table td input[type="checkbox"]{
    margin-right: 10px;
}
.page{display: block;}
.page a, .page span {float: left;margin-bottom: 6px;margin-left: 6px;}
.grid-4{display:block;}
main.vr .list1 .item {margin: 10px;}
.banner2 img {
    object-fit: unset;
}
.p-t-120 {
    padding-top: 40px;
}
main.news .list1 .bx .eva label {
    padding: 0 24px;
    padding-right: 24px;
}

main.index .list2 table td:nth-child(1) {
    display: none;
}
main.index .list2 table td:nth-child(2) {
    display: none;
}
main.index .list2 table td:nth-child(5) span{font-size:13px;max-height: 25px;overflow: auto;/*max-height: 70px;display: flex;*/}
main.index .list2 table td:nth-child(4) span:nth-child(1){
    height: auto;
    width: 100%;
    border-bottom: 1px solid rgba(138, 135, 118, 0.231372549);
}
main.index .list2 table td:nth-child(4) span:nth-child(2){
    height: auto;
    width: 100%;
    border-bottom: 1px solid rgba(138, 135, 118, 0.231372549);
}
main.index .list2 table td:nth-child(4) span:nth-child(1)::before {
    content: "SERIES: ";
}
main.index .list2 table td:nth-child(4) span:nth-child(2)::before {
    content: "ITEM NO: ";
}
main.index .list2 table td:nth-child(6) label{display: none;}
main.index .list2 table td:nth-child(6) span{max-height:25px;overflow:auto;}
main.index .list2 table td:nth-child(7) span::before {
    content: "PRICE: ";
}
header .bottom form {
    margin-top: -80px;
    margin-right: -116px;
}
/*主页5列*/

@media screen and (max-width: 750px) {
.header{display:block;}
.banner,.banner2 {
    height: 280px;
}
.index .banner .search-box .title_banner {width: 80%;}
.index .banner .search-box .title_banner a{float:left;font-size:12px;width:80%;white-space: normal;overflow-wrap: break-word;}
.classify .box .list ul a {
    height: 24px;
    line-height: 24px;
    padding: 0px 8px;
}
.classify .box {
    padding: 12px;
    margin-bottom: 20px;
}
header.on{display:none;}
body{
    width: 100%;
    min-width: auto;
}
header .bottom{height:auto;}
header .bottom .tel {
    justify-content: flex-start;
    align-items: flex-start;
    margin-top: 15px;
}
header .bottom .bx{display:block;}
header .bottom .nav .menu {
    display: none;
}
main.logo .login_bg {
    justify-content: center;
    align-items: center;
}
footer .brief .flex {display:block;}
footer .brief .flex .box {width:100%;height:42px;}
footer .brief .flex .text {
    display:block;
    padding: 20px;
    text-align: center;
}
footer .brief .flex .ewm{width:100%;}

main.news .list3 .son {width: 100%;}
/*.header, .footer {
background: #e9c885;
position: fixed;
top: 0px;
z-index: 99999;
}*/
.mm-listview form {
  margin: 0 auto;
  margin-top: 16px;
  width: 250px;
  position: relative;
  display: flex;
  align-items: center;
}
.mm-listview form input {
  padding: 5px 10px;
  line-height: 25px;
  flex-grow: 1;
  height: 35px;
  border-radius: 7px 0 0 7px;
  border: 1px solid rgb(193, 194, 197);
  border-right: none;
}
.mm-listview form .i {
  display: none;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  right: 40px;
}
.mm-listview form button {
  border-radius: 0 7px 7px 0;
  flex-shrink: 0;
  width: 35px;
  height: 35px;
  background-color: var(--color1);
  color: #fff;
  display: flex;
  align-items: center;
  justify-content: center;
}
.mm-listview .tel {
  margin-bottom: 18px;
  margin-left: 25px;
  display: flex;
  justify-content: flex-start;
  align-items: flex-start;
  line-height: 12px;
}
.mm-listview .tel i {
  color: var(--color1);
  font-size: 16px;
  margin-right: 10px;
}
.mm-listview .tel p {
  color: #fff;
  white-space: nowrap;
  font-family: "DINOT-BOLD";
  font-weight: bold;
  line-height: 1.2;
  font-size: 16px;
  transition: all 0.3s ease;
}
.mm-listview .on {
  background-color: #fff;
  color: #333;
}
.mm-listview .tel p {
  color: #333;
}
.content {
    padding: 0px 0px 0px 0px;
}
.classify .box label{font-size: 12px;float: left;}
.classify .box .list ul a{font-size: 12px;float: left;}
main.index .list2 table tr{display:table;height: auto;width: 49%;margin: 0 0.5%;float: left;}
    main.index .list2 table td {
        display: table;
        text-align: left;
        word-break: break-word;
    }
    main.index .list2 table td span {
        min-height: 25px;
        font-size: 12px;
        display: inline-block;
        line-height: 25px;
    }
main.index .list2 table td.img-box{height:280px; }
main.index .list2 table td:nth-child(1){/* margin-top:320px; *//* width:50%; */}
/*main.index .list2 table td:nth-child(4){display:none;}*/
main.index .list2 table td:nth-child(4) span{
    /*height: 54px;*/
        overflow: hidden;
}
main.index .list2 table td:nth-child(2){}
main.index .list2 table td:nth-child(10){width:40%;/* float: right; *//* position: absolute; *//* margin-top: -29px; */border:none;margin-left: 60%;margin-bottom: 30px;margin-top: 10px;}
main.index .list2 table tr:nth-child(1){display:none;}
/*main.index .list2 table td label{width: 40%;margin-left: 60%;margin-top: -58px;}*/
main.index .list2 table td:nth-child(7){/* width: 50%; */height:52px;border:none;}
main.index .list2 table td:nth-child(8) label{
    display: block;
    position: relative;
    font-size: 12px;
    padding-left: 10px;
}
main.index .list2 table td:nth-child(7) label {
    display: inline-block;
    padding: 0 10px;
}

main.index .list2 table td:nth-child(9) span::before {
    content: "TOTAL:";
    padding-right: 10px;
}
main.index .list2 table td:nth-child(7) label input {
    width: 50%;
}
main.index .list2 table td:nth-child(8) label input {
    width: 50%;
    margin: 5px;
}
main.index .list2 table td:nth-child(8) label::before {
    content: "QTY:";
    font-size: 12px;
}

main.index .list2 table td:nth-child(1) span::before {
    content: "SERIES:";
}
main.index .list2 table td:nth-child(2) span::before {
    content: "ITEM NO:";
}
main.index .list2 table td:nth-child(3) span::before {
    content: "MARERIAL:";
}
main.index .list2 table .img-box-2{left:0;width:100%;}
main.index .list2 table td:last-child {
    border: none;
    text-align: right;
    margin-bottom: 20px;
}
main.index .list2 table td input[type="checkbox"]{
    margin-right: 10px;
}
.page{display: block;}
.page a, .page span {float: left;margin-bottom: 6px;margin-left: 6px;}
.grid-4{display:block;}
main.vr .list1 .item {margin: 10px;}
.banner2 img {
    object-fit: unset;
}
.p-t-120 {
    padding-top: 40px;
}
main.news .list1 .bx .eva label {
    padding: 0 24px;
    padding-right: 24px;
}
main.contact .list1 .bx .grid-2{display: block;padding: 0;}
main.contact .list2 .bx{display:block;}
main.contact .list2 form{width: 94%;margin: auto;}
main.logo2 .info .bx {
    display: block;
}
main.logo2 .info .left {
    width: 100%;
}
main.logo2 .info .middle {padding:10px;}
main.logo2 .info .middle .right1 label textarea, main.logo2 .info .middle .right1 label input{width:100%;}
}
























}