@media only screen and (max-width: 1500px) {
    .home-nav-box {
        padding-left: 90px;
        padding-right: 90px;
    }
}

@media only screen and (max-width: 1400px) {
    .home-nav-box {
        padding-left: 30px;
        padding-right: 30px;
    }
}

@media only screen and (max-width: 1200px) {
    .header-center {
        padding-left: 20px;
        padding-right: 20px;
    }
    .home-nav-box {
        padding-left: 0px;
        padding-right: 0px;
    }
    .home-header-search {
        margin-left: 120px;
        margin-right: 120px;
    }
}


@media only screen and (max-width: 992px) {
   
    body {
        padding-top: 0px;
    }
    .padding-t80 {
        padding-top: 20px;
    }
    .padding-b50 {
        padding-bottom: 20px;
    }
	.online_q {
		display: none;
	}

	#header {
		display: none;
	}

	#header-2 {
		display: block;
	}
	
	.logo-2 {
        width: 110px;
        margin-left: 15px;
        margin-top: 18px;
    }
    


	.banner {
		display: none;
	}

	.ph-banner {
		display: block;
		margin-top: 68px;
	}
	
	.box-bg{
	    display: block;
	}
	.margin-t80 {
        margin-top: 20px;
    }
	
	.home-box1 .home-box1-img, .home-box1 .home-box2-img {
        width: 100%;
    }
    .home-box1 .home-box1-inf{
        width:100%;
        padding: 40px;
    }
    
    .home-box1 .flex-box{
        display: block;
    }
    .home-box4-inf{
        width: 100%;
        padding:0px;
    }
    .home-box1 .home-box1-inf h1 {
        font-size: 28px;
    }
    .footer-top{
        display: none;
    }
    .footer-down-3{
        display: block;
    }
    .footer-down{
        padding-bottom: 0px;
    }
    .roll_row .roll__list li a{
        padding:10px !important;
    }
   .home-box2-content {
        padding-top: 20px;
    }
    .home-title {
        font-size: 32px;
    }
    .home-box4-inf h1 {
       font-size: 22px;
    }
    .product-tj-img{
        width: 100%;
    }
    .product-tj-inf{
        width:100%;
        padding: 40px;
    }
    .home-box2-img i img{
        width: 100%;
    }
    .qyxx-box-1 h1 {
        font-size: 32px;
        margin-bottom: 30px;
        margin-top: 30px;
        line-height:1.5;
    }
    .flex-box-center-between,
    .flex-box-between,
    .flex-box{
        display: block;
    }
    .padding-lr-120 {
        padding-left: 20px;
        padding-right: 20px;
    }
    .product-listbox .product-sx-inf{
        width:100%;
        margin-left: -200%;
        display:none;
    }
    .news-listbox ul li{
        width:100%;
    }
    .news-title-list ul li {
        margin: 0px 10px;
    }
    .product-tj {
        padding: 80px 0px 0px;
    }
    .gifting-swzl-img, .gifting-swzl-inf{
        width:100%;
    }
    .gifting-swzl-inf{
        padding:20px;
    }
    .margin-b80 {
        margin-bottom: 20px;
    }
    .product-list ul {
        margin-left: -20px;
    }
    .product-list ul li{
        width:50%;
        padding-left: 20px;
    }
    .product-detail-inf {
        width: 100%;
        flex-shrink: 0;
        margin-left: 0px; 
    }
    .xg-box {
        width: 90%;
        height: 80%;
        background: #fff;
        margin: 0px auto;
        border-radius: 5px;
        padding: 60px 20px 20px;
        position: relative;
    }
    .ej-mbx{
        display:none;
    }
    #main{
        padding-top: 70px;
    }
    .bd-list{
      width: 100%;
    }
    .ph-banner {
        margin-top:0px;
    }
    
    .img-content {
        width: 100%;
        height: 100%;
        display: flex;
        justify-content: flex-start;
        flex-direction: column;
    }
    
    .small-img ul {
        list-style: none;
        position:unset !important;
        margin: 0;
        transition: all 1s;
        flex-wrap: wrap;
        flex-direction:unset !important;
        justify-content: flex-start !important;

    }
    .xg-box{
       height: auto !important;
    }
    .small-img ul li {
        width: 25% !important;
    }
    .small-img ul li img.moveimg {
        width: 100% !important;
    }
    .img-content .small-img{
        width:100% !important;
        overflow:unset !important;
    }
    .big-img .img-parent {
        width: 100% !important;
        position:unset !important;
        margin:0px !important;
    }

    .img-content .big-img {
        margin-top: 10px;
    }
    
    .img-content .big-img img{
        position:unset !important;
    }
    
    .product-detail-img ul {
        margin-left: -20px;
    }  
    
    .product-detail-img ul li {
        padding-left: 20px;
    }
    
    .product-detail-img {
        width: 100%;
        overflow: hidden;
    }
    
	
}

@media only screen and (max-width: 768px) {}