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

:root {
    --max: 1440px;
    --max1200:1200px;
    --size14: 14px;
    --size16: 16px;
    --size18: 18px;
    --size20: 20px;
    --size22: 22px;
    --size24: 24px;
    --size26: 26px;
    --size28: 28px;
    --size30: 30px;
    --size32: 32px;
    --size36: 36px;
    --size40: 40px;
    --size42: 42px;
    --size46: 46px;
    --size48: 48px;
    --size50: 50px;
    --size56: 56px;
    --size60: 60px;
    --size74:74px;

    --top20: 20px;
    --top30: 30px;
    --top40: 40px;
    --top50: 50px;
    --top60: 60px;
    --top70: 70px;
    --top80: 80px;
    --top90: 90px;
    --top100: 100px;
    --top120: 120px;
    --top150: 150px;
    --top180: 180px;
    --top200: 200px;
    --top240:240px;
}
}

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

}

@media only screen and (max-width: 1440px) {
    	:root {
		--max: calc(100% - 30px);
		--size14: 14px;
		--size16: 14px;
		--size18: 16px;
		--size20: 18px;
		--size22: 20px;
		--size24: 20px;
		--size26: 22px;
        --size28: 24px;
		--size30: 22px;
		--size32: 24px;
		--size36: 24px;
		--size40: 28px;
		--size42: 30px;
		--size46: 30px;
		--size48: 32px;
		--size50: 36px;
		--size56: 40px;
		--size60: 40px;
	    --size74: 60px;
	
		--top20: 20px;
		--top30: 30px;
		--top40: 40px;
		--top50: 40px;
		--top60: 50px;
		--top70: 65px;
		--top80: 60px;
		--top90: 75px;
		--top100: 80px;
		--top120: 100px;
		--top150: 120px;
        --top180: 150px;
        --top200: 170px;
        --top240: 200px;
	}
	.banner_page{
	    max-height: 550px;
	}
}



@media only screen and (max-width: 1280px) {
        	:root {
		--max1200:90%;
		--top150: 90px;
		
	}
	.gongsi img{
	    width: 50%;
	}
	.banner_page{
	    max-height: 400px;
	}
}



@media only screen and (max-width: 1024px) {
	:root {
	    --size14: 12px;
		--size16: 12px;
		--size18: 14px;
		--size20: 16px;
		--size22: 16px;
		--size24: 18px;
		--size26: 20px;
        --size28: 20px;
		--size30: 22px;
		--size32: 22px;
		--size36: 22px;
		--size40: 24px;
		--size42: 24px;
		--size46: 24px;
		--size48: 28px;
		--size50: 32px;
		--size56: 32px;
		--size60: 36px;
	    --size74: 46px;
	
		--top20: 20px;
		--top30: 25px;
		--top40: 30px;
		--top50: 35px;
		--top60: 40px;
		--top70: 45px;
		--top80: 50px;
		--top90: 60px;
		--top100: 60px;
		--top120: 70px;
		--top150: 75px;
        --top180: 85px;
        --top200: 95px;
        --top240: 110px;
	}
	.product_all{
	        grid-template-columns: 1fr 1fr 1fr;
	}
}

@media only screen and (max-width: 768px) {
    	:root {
	    --size14: 12px;
		--size16: 12px;
		--size18: 14px;
		--size20: 14px;
		--size22: 14px;
		--size24: 16px;
		--size26: 16px;
        --size28: 16px;
		--size30: 20px;
		--size32: 16px;
		--size36: 20px;
		--size40: 18px;
		--size42: 18px;
		--size46: 16px;
		--size48: 24px;
		--size50: 28px;
		--size56: 28px;
		--size60: 30px;
	    --size74: 40px;
	
		--top20: 10px;
		--top30: 15px;
		--top40: 20px;
		--top50: 25px;
		--top60: 30px;
		--top70: 35px;
		--top80: 40px;
		--top90: 45px;
		--top100: 50px;
		--top120: 60px;
		--top150: 70px;
        --top180: 75px;
        --top200: 80px;
        --top240: 90px;
	}
	 .go {
        display: block;
    }
    .nav{
        display: none;
    }
    .chanpin_list{
        grid-template-columns: 1fr 1fr ;
    }
    .New_List{
        grid-template-columns: 1fr 1fr ;
    }
    .submit{
        width: 40%;
    }
    .Lianxi_list{
        grid-template-columns: 1fr ;
    }
    .gongsi img{
        bottom: var(--top120);
    }
    .banner_page{
        max-height: 350px;
    }
    .product_all{
        grid-template-columns: 1fr 1fr ;
    }
    .p_n_li>img{
        margin-left: 5px;
    }
    .p_n_li>div{
        margin-left: 0;
    }
    .news_list{
        grid-template-columns: 1fr 1fr ;
    }
    .Lianxi_list{
        margin-top: var(--top30);
    }
    .banner_title {
        width: 60%;
    }
    .gongsi_content{
        max-width: 100%;
    }
    .gongsi_btn {
        width: 30%;
    }
    .gongsi_list {
        width: 100%;
    }
    .gongsi img{
        display: none;
    }
    .chanpin_list_l{
        width: 50px;
    }
    .chanpin_list_l img{
        width: 100%;
    }
    .chanpin_box{
        padding: var(--top50) var(--top20);
    }
    .footer_nav ul{
            flex-wrap: wrap;
    }
    .beian{
        width: var(--max1200);
        text-align: center;
    }
}

@media only screen and (max-width: 640px) {
.New_List{
    grid-template-columns: 1fr ;
}
.product_body{
        flex-direction: column;
}
.product_nav{
    width: 100%;
}
.product_jiemian{
    width: 100%;
    margin-top: 10px;
}
.product_box{
    width: 100%;
}
}

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

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

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