.container {
    max-width: 1200px;
   margin: 0 auto;
}
img{ 
    border:0; 
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.ban2 ul li {
    display: inline-block;
    width: 500px;
    height: 420px;
}
.ban2 ul li a {
    display: inline-block;
    width: 500px;
    height: 420px;
}
.ban{ width:500px; position:relative; overflow:hidden;}
.ban2{ width:500px; height:420px; position:relative; overflow:hidden;}
.ban2 ul{ position:absolute; left:0; top:0;}
.prev{ float:left; cursor:pointer;}
.num{ height:82px;overflow:hidden; width:430px; position:relative;float:left;}
.min_pic{ padding-top:10px; width:500px;}
.num ul{ position:absolute; left:0; top:0;}
.num ul li{ width:80px; height:80px; margin-right:5px; padding:1px;}
.num ul li.on{ border:1px solid red; padding:0;}
.prev_btn1{ width:16px; text-align:center; height:18px; margin-top:40px; margin-right:20px; cursor:pointer; float:left;}
.next_btn1{  width:16px; text-align:center; height:18px; margin-top:40px;cursor:pointer;float:right;}
.prev1{ position:absolute; top:50%; transform:translateY(-50%); left:20px; width:28px; height:51px;z-index:9;cursor:pointer;}
.next1{ position:absolute; top:50%;transform:translateY(-50%); right:20px; width:28px; height:51px;z-index:9;cursor:pointer;}
.mhc{ background:#000; width:100%;opacity:0.5;-moz-opacity:0.5;filter:alpha(Opacity=50); position:absolute; left:0; top:0; display:none;}
.pop_up{ width:1200px; background:#fff; position:fixed; -position:absolute; left:50%; top:50%; transform: translate(-50%,-50%); display:none; z-index:99;}
.pop_up_xx{ width:40px; height:40px; position:absolute; top:-40px; right:0; cursor:pointer;}
.pop_up2{ position:relative; overflow:hidden;}
.pop_up2{ width:1200px; height:800px; position:relative; overflow:hidden; float:left;}
.pop_up2 ul{ position:absolute; left:0; top:0;}
.pop_up2 ul li{ width:1200px; height:800px; float:left;}


.model {
    text-align: center;
}
.smp img {
    max-width: 56px;
}
.product-section {
    position: relative;
}
.product {
    display: flex;
    padding-top: 115px;

}
.product .text-box {
 margin-left: 50px;
}
.product .text-box h1 {
    font-size: 24px;
}
.product .text-box p {
    color: #cecece;
    margin-top: 40px;
}

.product .com-btn {
    width: 150px;
    height: 40px;
    margin-top: 30px;
}
.backBtn {
    position: absolute;
    top: 50px;
    right: 50px;
}

@media screen and (max-width: 992px) {
    .product {
        flex-direction: column;
      }
      .product .text-box {
        margin-left: 0;
      }
}

/* @media screen and (max-width: 768px)  {
    .ban2 ul li {
     width: 500px;
    }
    .ban2 ul li a {
        width: 100%;
    }
} */


@media screen and (max-width: 540px)  {
    /* .ban2 ul li {
     width: 370px;
    }
    .ban2 ul li a {
        width: 100%;
    }
    .ban {
        width: 100%;
    } */
    /* .num ul li {
        width: 60px;
        height: 60px;
    } */
    .ban {
        width: 350px;
    }
    .ban2 {
        width: 300px;
        height: 252px;
    }
    .ban2 ul li {
        width: 300px;
        height: 252px;
    }
    .ban2 ul li a {
        width: 300px;
        height: 252px;
    }
    .num ul li {
        width: 40px;
        height: 40px;
    }
    .min_pic {
        width: 100%;
    }
    .prev_btn1 {
        display: none;
    }
    .num {width: 100%;}
    .num ul {width: 100% !important;overflow: hidden; left: 0 !important;}
    .num ul li {
        margin-bottom: 5px;
    }
    .next_btn1 {
        display: none;
    }
    .md-modal-form {
        width: 320px;
        left: 47%;
    }
}