@media only screen and (max-width: 1680px) {
	.centerBox {
		width: 90%;
	}


}

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

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

}

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

}

@media only screen and (max-width: 1280px) {
        body {
		zoom: 0.8 !important;
	}
}

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

@media only screen and (max-width: 1024px) {
	body {
		zoom: 1 !important;
	}

	.cai span {
		display: block;
		width: 32px;
		height: 2px;
		background: #ffd800;
		margin: 8px 0;
	}

	.cai:before {
		content: '';
		display: block;
		width: 32px;
		height: 2px;
		background: #ffd800;
	}

	.cai:after {
		content: '';
		display: block;
		width: 32px;
		height: 2px;
		background: #ffd800;
	}

	.top {
		position: fixed !important;
		width: 100%;
		left: 0;
		z-index: 999;
	}

	.logo img {
		width: 80px;
		margin-left: 0px;
	}

	.search {
		display: none;
	}

	.gao {
		height: 60px;
	}

	.req ul li {
		padding: 5px;
	}

	.req ul li:last-child {
		padding: 5px;
	}

	.top .centerBox {
		height: 60px;
	}

	/* header */
	.header {
		position: fixed !important;
		width: 100%;
		left: 0;
		z-index: 999;
	}

	.header .centerBox {
		height: 60px;
		display: flex;
	}

	.header .menu .nav {
		position: fixed;
		width: 100%;
		background: #ffffff;
		right: 0;
		color: #333333;
		top: 60px;
		overflow-y: auto !important;
		display: none;
		z-index: 999;
		height: 100vh;
	}

	.header .menu {
		display: flex;
		justify-content: space-between;
		align-items: center;
		height: 60px;
	}

	.header .menu .nav li {
		line-height: 40px;
		font-size: 18px;
		padding: 5px 20px;
		box-sizing: border-box;
		width: 100%;
		margin-left: 0;
		font-weight: normal;
		text-align: left;
		color: #333333;
		margin-right: 0;
	}

	.header .menu .nav li>a:after {
		display: none !important;
	}

	.acc ul li {
		display: inline-block;
		padding: 4px 5px;
	}

	.acc ul li:nth-child(2) {
		padding: 11px 5px;
	}

	.acc {
		float: right;
	}

	.banner {
		margin-top: 0px;
	}

	.banner .ban_zuo {
		float: none;
		width: 100%;
	}

	.banner .ban_you {
		float: none;
		width: 100%;
	}

	.nav li:first-child {
		color: #FFFFFF !important;
	}

	.banner .ban_you ul li {
		width: 30%;
		margin-right: 5px;
		padding: 5px 0 5px 0;
	}

	.banner .ban_you ul li img {
		width: 40px;
		margin: 0 auto;
	}

	.banner .ban_you ul li h4 {
		line-height: 14px;
		font-size: 12px;
	}

	.ban_you ul {
		display: flex;
		justify-content: space-between;
	}

	.header .menu .nav .erji {
		left: 50%;
		top: 100%;
		min-width: 100%;
		border: 1px solid #dddddd;
	}

	.sanji {
		left: 50%;
		padding: 10px 10px 0px 10px;
		width: 100%;
	}

	.header .menu .nav .erji .sanji a {
		width: 100%;
		line-height: 16px;
	}

	.sy_all ul li {
		width: auto;
		font-size: 14px;
		line-height: 16px;
		margin-right: 10px;
		padding: 5px 0;
	}

	.sy_all {
		text-align: left;
		margin-top: 10px;
	}

	.sy_all ul {
		white-space: nowrap;
		overflow-x: scroll;
	}

	.sy_li {
		text-align: center;
	}

	.sy_li li {
		display: inline-block;
		margin-right: 5px;
		width: 48%;
		margin-bottom: 10px;
	}

	.sy_li li:nth-child(2n) {
		margin-right: 0;
	}

	.sy_li li h4 {
		font-size: 12px;
	}

	.sy_li li h5 {
		font-size: 12px;
		line-height: 14px;
	}

	.feat h4 {
		font-size: 16px;
	}

	.in_all {
		width: 48%;
		margin-right: 10px;
		margin-bottom: 10px;
	}

	.in_all:nth-child(2n) {
		margin-right: 0;
	}

	.in_all h4 {
		font-size: 12px;
		line-height: 16px;
		margin-bottom: 10px;
	}

	.in_all h5 {
		margin-bottom: 10px;
	}

	.in_all:nth-child(7) {
		margin-right: 10px;
	}

	.zao_all ul li {
		display: inline-block;
		width: 50%;
		margin-right: 0px;
	}

	.ind_yi .indu_zuo {
		float: none;
		width: 100%;
		margin-right: 0px;
	}

	.ind_yi .indu_zuo .indu_one .indu_zi h4 {
		font-size: 16px;
		line-height: 24px;
		color: #222222;
		-webkit-line-clamp: 1;
		-webkit-box-orient: vertical;
		overflow: hidden;
		text-overflow: ellipsis;
		display: -webkit-box;
	}

	.ind_yi .indu_zuo .indu_one .indu_zi h6 {
		font-size: 12px;
		line-height: 24px;
		color: #999999;
		-webkit-line-clamp: 2;
		-webkit-box-orient: vertical;
		overflow: hidden;
		text-overflow: ellipsis;
		display: -webkit-box;
	}

	.indu_zho {
		width: 100%;
		float: none;
	}

	.indu_zho .indu_yi .indu_er h4 {
		line-height: 14px;
		color: #222222;
		-webkit-line-clamp: 1;
		-webkit-box-orient: vertical;
		overflow: hidden;
		text-overflow: ellipsis;
		display: -webkit-box;
	}

	.indu_zho .indu_yi .indu_er h5 {
		font-size: 12px;
	}

	.indu_zho .indu_yi .indu_er h6 {
		line-height: 16px;
		-webkit-line-clamp: 1;
		-webkit-box-orient: vertical;
		overflow: hidden;
		text-overflow: ellipsis;
		display: -webkit-box;
	}

	.late_zuo {
		float: none;
		width: 100%;
	}

	.late {
		margin-top: 15px;
		padding: 5px 5px 15px 5px;
		margin-bottom: 15px;
	}

	.late_zuo .late_yi h4 {
		width: 65%;
		font-size: 12px;
		color: #444444;
		white-space: nowrap;
		text-overflow: ellipsis;
		overflow: hidden;
	}

	.late_zuo .late_yi h5 {
		font-size: 12px;
	}

	.late_zh {
		display: none;
	}

	.late_you {
		width: 100%;
		float: none;
		padding-left: 0px;
	}

	.late_you .late_qq {
		display: block;
		align-items: center;
		justify-content: space-between;
	}

	.foot h4 {
		font-size: 16px;
		line-height: 16px;
		padding-top: 10px;
		padding-bottom: 10px;
	}

	.foot .sou form {
		width: 100%;
	}

	.foot .sou .inp {
		width: 100%;
	}

	.lun_yi .mySwiper2 .swiper-slide {
		justify-content: space-between;
	}

	.foot {
		padding-bottom: 15px;
	}

	.ic_com {
		width: 48%;
		float: left;
		margin-right: 5px;
	}

	.ic_zuo {
		margin-left: 0px;
	}

	.foll {
		margin-top: 10px;
	}

	.ic_di {
		padding-top: 10px;
		padding-bottom: 10px;
		box-sizing: border-box;
	}

	.pin_all h4 {
		font-size: 18px;
		line-height: 28px;
	}

	.lab {
		padding: 10px;
	}

	.lab ul li {
		width: 100%;
	}

	.lab .xian {
		margin: 5px 0 5px 0;
	}

	.sing {
		margin-top: 10px;
	}

	.sing .sing_all h4 {
		font-size: 14px;
		margin-left: 10px;
		margin-right: 5px;
	}

	.sing_li {
		padding: 10px 0 0 0px;
	}

	.sing_li li {
		width: 100%;
		margin-bottom: 5px;
	}

	.sing .sing_all h5 {
		font-size: 15px;
		line-height: 18px;
	}

	.er_lan {
		margin-bottom: 10px;
	}

	.dao {
		line-height: 24px;
	}

	.ch_yi {
		white-space: nowrap;
		overflow-x: scroll;
	}

	.ch_yi li:nth-child(1) {
		width: 15%;
	}

	.ch_yi li:nth-child(2) {
		width: 28%;
	}

	.ch_yi li:nth-child(3) {
		width: 30%;
	}

	.ch_yi li:nth-child(4) {
		width: 25%;
	}

	.ch_yi li:nth-child(5) {
		width: 23%;
	}

	.ch_yi li:nth-child(6) {
		width: 25%;
	}

	.ch_er .ch_li {
		overflow: hidden;
		white-space: nowrap;
		overflow-x: scroll;
		display: flex;
	}

	.ch_er .one {
		width: 30%;
	}

	.ch_er .ch_li h4 {
		width: 25%;
		margin-right: 10px;
	}

	.ch_er .ch_li h4:nth-child(3) {
		width: 25%;
		margin-right: 10px;
	}

	.ch_er .ch_li h4:nth-child(4) {
		width: 50%;
	}

	.ch_er .ch_li h4:nth-child(5) {
		width: 50%;
		float: left;
	}

	.page {
		text-align: center;
		margin-bottom: 20px;
		font-size: 12px;
	}

	.chan {
		margin-bottom: 20px;
	}

	.ch_er li h5 {
		padding: 5px 10px;
		width: auto;
		margin-right: 0px;
		height: 25px;
		margin-top: 35px;
	}

	.bao_all .bao_img {
		float: none;
		width: 100%;
		margin-right: 0px;
	}

	.bao_zho {
		width: 100%;
		float: none;
	}

	.total {
		padding: 10px 0 10px 0px;
	}

	.total .jisuan form {
		display: block;
	}

	.bao_you {
		width: 100%;
		float: none;
	}

	.ref_you {
		width: 100%;
		float: none;
	}

	.prod ul li {
		padding: 5px 10px;
		font-size: 16px;
		line-height: 28px;
	}

	.prod ul {
		white-space: nowrap;
		overflow-x: scroll;
	}

	.packa {
		padding: 10px;
	}

	.ppma ul li {
		width: 100%;
		padding: 5px;
		line-height: 16px;
	}

	.lun_yi .mySwiper2 .swiper-slide .lu_all {
		width: 48%;
	}

	.lun_yi .mySwiper2 .swiper-slide .lu_all:nth-child(2n) {
		margin-right: 0;
	}

	.lun_yi .mySwiper2 .lu_all img {
		width: 50px;
		margin-right: 5px;
	}

	.lun_yi .mySwiper2 .lu_all .lu_one h4 {
		font-size: 14px;
		line-height: 24px;
		-webkit-line-clamp: 1;
		-webkit-box-orient: vertical;
		overflow: hidden;
		text-overflow: ellipsis;
		display: -webkit-box;
	}

	.lun_yi .mySwiper2 .lu_all .lu_one h5 {
		font-size: 12px;
		line-height: 16px;
		color: #666666;
		-webkit-line-clamp: 1;
		-webkit-box-orient: vertical;
		overflow: hidden;
		text-overflow: ellipsis;
		display: -webkit-box;
	}

	.lian .lian_zuo {
		float: none;
		width: 100%;
		margin-right: 0px;
	}

	.lian .lian_you {
		width: 100%;
		float: none;
	}

	.ab_fo {
		margin-top: 15px;
		padding-left: 0px;
	}

	.ab_fo .ab_one {
		display: block;
		flex-wrap: wrap;
		justify-content: space-between;
	}

	.ab_fo .ab_in {
		margin-bottom: 10px;
		margin-right: 0px;
		width: 100%;
	}

	.ab_fo .submit {
		margin: 10px auto;
		display: block;
	}

	.xia_all ul li {
		width: 100%;
		margin-right: 0px;
	}

	.xia_all ul li .xia_yi h4 {
		width: 50%;
		white-space: nowrap;
		text-overflow: ellipsis;
		overflow: hidden;
	}

	.xia_all ul li .xia_yi h5 {
		width: 50%;
		white-space: nowrap;
		text-overflow: ellipsis;
		overflow: hidden;
	}

	.news_zuo {
		float: none;
		width: 100%;
	}

	.news_you {
		width: 100%;
		float: none;
		padding: 10px 10px 0 10px;
		margin-bottom: 20px;
	}

	.news_ul li h4 {
		font-size: 18px;
		color: #222222;
		line-height: 24px;
		-webkit-line-clamp: 1;
		-webkit-box-orient: vertical;
		overflow: hidden;
		text-overflow: ellipsis;
		display: -webkit-box;
	}

	.news_ul li p {
		-webkit-line-clamp: 2;
		-webkit-box-orient: vertical;
		overflow: hidden;
		text-overflow: ellipsis;
		display: -webkit-box;
	}

	.news_ul li img {
		width: 130px;
		margin-right: 10px;
	}

	.news_ul li {
		font-size: 14px;
		color: #999999;
		line-height: 20px;
		margin-bottom: 15px;
	}

	.new_li {
		padding: 5px 10px 5px 10px;
	}

	.evol h4 {
		font-size: 16px;
		line-height: 24px;
	}

	.xun_all ul li {
		display: inline-block;
		margin-right: 10px;
		width: 33%;
	}

	.xun_all ul li h4 {
		line-height: 24px;
		text-align: center;
	}

	.xun_all {
		margin-top: 10px;
	}

	.xun_one {
		border: 1px solid #d6d6d6;
		padding: 10px 5px 10px 5px;
		margin-top: 15px;
	}

	.xun_one .xun_jia {
		display: block
	}

	.xun_one .xun_jia h4 {
		margin-bottom: 10px;
	}

	.xun_one .xun_sev {
		margin-top: 10px;
	}

	.xun_one .xun_jia .xun_two {
		width: 100%;
		margin-right: 0px;
	}

	.xun_one .xun_jia .xun_thr {
		width: 100%;
		margin-right: 0px;
	}

	.xun_one .xun_jia .xun_fou {
		width: 100%;
		margin-right: 0px;
	}

	.xun_one .xun_jia .xun_fiv {
		width: 100%;
		margin-right: 0px;
	}

	.xun_one .xun_jia .xun_six {
		width: 100%;
		margin-right: 0px;
	}

	.plea {
		border: 1px solid #d6d6d6;
		padding: 10px 5px 10px 5px;
		margin-bottom: 10px;
	}

	.plea h5 {
		font-size: 16px;
		line-height: 22px;
		margin-bottom: 10px;
		text-align: center;
	}

	.zao_shu {
		padding: 0px 10px 0px 10px;
		margin-top: 10px;
	}

	.zao_shu ul li {
		display: inline-block;
		font-size: 12px;
		line-height: 28px;
		margin-right: 10px;
	}

	.zao_er ul li {
		display: inline-block;
		width: 50%;
		margin-right: 0px;
	}

	.zao_er .zao_fu {
		position: absolute;
		left: 0px;
		top: 0;
	}

	.zao_er {
		margin-bottom: 10px;
	}

	.zz_all {
		padding: 10px;
	}

	.zz_all .zz_zuo {
		width: 100%;
		float: none;
		margin-right: 0px;
	}

	.zz_zho .zz_xi h4 {
		font-size: 18px;
		margin-bottom: 5px;
	}

	.zz_all .zz_zho {
		width: 100%;
		float: none;
		margin-right: 0px;
	}

	.zz_zho .zz_xi h5 {
		margin-bottom: 10px;
	}

	.zz_rel h4 {
		margin-top: 5px;
		margin-bottom: 0px;
	}

	.zz_rel ul li {
		margin-right: 0px;
		width: 100%;
	}

	.zz_you {
		width: 100%;
		float: none;
		padding: 10px;
	}

	.cate {
		margin-top: 10px;
	}

	.cate_all table tr th {
		padding-left: 5px;
	}

	.cate_all table tr td {
		padding-left: 5px;
	}

	.xc_all {
		margin-top: 10px;
	}

	.xc_all ul li {
		width: 100%;
		padding: 5px;
		margin-bottom: 10px;
		margin-right: 0px;
	}

	.xuan ul li img {
		width: 35px;
	}

    .header .menu .nav .erji1{
       position: unset;
       min-width: 100%;
       border: none;
       display: block;
       transform: translateX(0);
       text-align: left;
       background: none;
       color: #333;
    }

    .req ul li .eng{
        width: 33%;
    }
    
    .req ul .open-lang-box .lang-box{
        top: 120px;
        height:100vh;
    }
    
    .req ul li .eng img{
        width: 25px;
        height: 25px;
        margin-right: 5px;
    }
    
    .req ul .open-lang-box .lang-box h3{
        font-size: 16px;
    }
}

@media only screen and (max-width: 768px) {
    .ch_er .one{
        width: 100%;
        float: none;
    }
    .ch_er .ch_li h4:nth-child(6),.ch_er .ch_li h4:nth-child(5),.ch_er .ch_li h4:nth-child(3),.ch_er .ch_li h4:nth-child(4),.ch_er .ch_li h4{
        width: 100%;
        margin-right: 0%;
        text-align: left;
        padding: 15px 10px;
    }
    .ch_er .ch_li{
        display: block;
    }
    .ch_er .ch_li a{
        width: 100%;
        overflow: hidden;
        display: block;
    }
    .ch_er li h5{
        width: 120px;
        height: 60px;
    }
    .cate_all table tr td a{
        width: 100%;
    }
}

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

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

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

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