@media screen and (max-width:3456px) {
	.top {
		height: 130px;
	}

	.y02 .tab_img .tab_bt ul,
	.y02 .tab_img .tab_con div img {
		height: 750px;
	}
}

@media screen and (max-width:2992px) {
	.top {
		height: 120px;
	}
}

@media screen and (max-width:2560px) {
	.top {
		height: 100px;
	}

	.top2 .nav li a.current:after {
		top: 61px;
	}

	.nav li.current .xs,
	.nav li.j_current .xs,
	.nav li .xs:hover {
		padding-bottom: 35px;
	}

	.nav li .sub_nav {
		top: 63px;
	}
}

@media screen and (max-width:2056px) {
	.top {
		height: 80px;
	}

	.top2 .nav li a.current:after {
		top: 61px;
	}




}

/* 2560px */
@media screen and (max-width:1920px) {



	.top2 .nav li a.current:after {
		top: 47px;
	}

	.top2 .nav li a.current:after {
		top: 61px;
	}

	.nav li.current .xs,
	.nav li.j_current .xs,
	.nav li .xs:hover {
		padding-bottom: 26px;
	}

	.nav li .sub_nav {
		top: 55px;
	}
}

/* 1920px */
@media screen and (max-width:1700px) {
	.nav {
		width: 65%;
	}


}

/* 1700px */
@media screen and (max-width:1600px) {
	.nav {
		width: 65%;
	}


}

/* 1600 */
@media screen and (max-width:1440px) {
	.nav {
		width: 67%;
	}

}

/* 1440 */

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


	.nav {
		width: 68%;
	}
}

/* 1366 */

@media screen and (max-width:1280px) {
	.nav {
		width: 75%;
	}
}

/* 1281 */

@media screen and (max-width:1153px) {
	.nav {
		width: 80%;

	}

}

/* 1153 */

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


	.mobile {
		display: block;
	}

	.top {
		display: none;
	}

	.ser_input {
		background: #fff;
		border: 1px solid #D5151B;
		border-radius: 50px;
		height: 30px;
		line-height: 30px;
		margin: 0 5%;
		display: flex;
		justify-content: space-between;
		align-items: center;
		padding: 0 10px;
		margin-top: 30px;
	}

	.s_banner .s_banner_img .pc_img {
		display: none;
	}

	.s_banner .s_banner_img .mob_img {
		display: block;
	}

	.s_nav ul li {
		margin: 0 10px;
	}

	.s_banner .s_txt {
		top: 53%;
		font-size: 18px;
	}

	.s_nav {
		height: auto;
		line-height: 50px;
	}

	.s_nav ul {
		flex-wrap: wrap;
	}

}

/* 1024 */

@media screen and (max-width:861px) {
	.banner .pc_img {
		display: none;
	}

	.banner .mob_img {
		display: block;
	}

	.dz {
		left: 3%;
	}

	.pro,
	.xuan,
	.hang,
	.about2,
	.news_list,
	.pro_detail {
		margin: 3%;
	}

	.pro ul {
		flex-wrap: wrap;
	}

	.pro ul li {
		margin: 0;
		width: 43%;
		margin-bottom: 10px;
	}

	.title {
		font-size: 24px;
		margin-bottom: 15px;
	}

	.title p {
		font-size: 14px;
	}

	.hot_pro,
	.about {
		padding: 3%;
	}

	.hot_pro ul li {
		width: 18%;
        padding: 10px;
        margin-bottom: 10px;
	}

	.hot_pro ul li p {
		line-height: 30px;
		font-size: 15px;
		margin-top: 10px;
		overflow-x: hidden;
		text-overflow: ellipsis;
		white-space: nowrap;
	}

	.hot_pro ul li .hot_pro_img {
		padding: 0;
	}

	.more {
		width: 100%;
		margin-top: 0;
		margin-bottom: 10px;
	}

	.ad {
		flex-wrap: wrap;
		padding: 3%;
	}

	.ad .ad_l {
		padding-left: 2%;
	}

	.ad .ad_l,
	.ad .ad_r {
		width: 100%;
	}

	.ad .ad_l dd span {
		font-size: 20px;
	}

	.ad .ad_l dt {
		margin-bottom: 5px;
		font-size: 24px;
	}

	.ad .ad_r li {
		padding: 10px 0;
		font-size: 16px;
	}

	.ad .ad_r .iconfont {
		margin-bottom: 0;
		font-size: 36px;
	}

	.xuan ul,
	.about dl,
	.news_list dl {
		display: inherit;
	}

	.xuan ul li {
		width: 100%;
		padding: 0;
	}

	.xuan ul li .img {
		width: 45%;
	}

	.xuan ul li .txt,
	.xuan ul li:nth-child(2n) .txt {
		padding: 0px;text-align: center;
	}
	.xuan ul li .txt h1
{    font-size: 18px;
     margin-bottom: 0px;
}
	.xuan ul li .txt p {
		display: none;
	}

	.about dl dt {
		width: 96%;
		margin: 0;
		padding: 2%;
	}

	.about dl dt h1 {
		display: none;
	}

	.about dl dt h2 {
		font-size: 15px;
		line-height: 28px;
	}

	.ad2,
	.footer h1 {
		display: none;
	}

	.footer {
		padding: 5% 0;
		background: url(../images/ad2.jpg) no-repeat center
	}

	.pro_list {
		display: inherit;
		margin: 3%;
	}

	.pro_l {
		background: none;
		margin: 0;
		width: 100%;
	}

	.pro_l ul {
		padding: 0;
		display: flex;
		flex-wrap: wrap;
		justify-content: space-between;
		align-items: center;
	}

	.pro_l ul li {
		line-height: 50px;
		border: 1px solid #eee;
		margin-top: 5px;
		width: 41.5%;
		font-size: 16px;
		padding-left: 25px;
	}

	.pro_l ul li .icon-jt {
		display: none;
	}

	.pro_l ul li::before {
		top: 25px;

	}

	.pro_r .pro_r_list li {
		width: 26%;
		padding: 10px;
		margin-bottom: 0;
		margin-top: 10px;
	}
.pro_r .pro_r_list:after {
    display: block;
    content: "";
    width: 26%;
    padding: 10px;
    height: 0px;margin-bottom: 0;
		margin-top: 10px;
}

	.pro_r .pro_r_list li .hot_pro_img {
		padding: 10px;
	}

	.pro_r .pro_r_list li p {
		line-height: 30px;
		font-size: 15px;
		margin-top: 10px;
		overflow-x: hidden;
		text-overflow: ellipsis;
		white-space: nowrap;
	}

	.pro_r .pro_r_list:after {
		display: none;
	}

	.page {
		margin: 10% 3%;
	}

	.page ul {
		flex-wrap: wrap;
		justify-content: space-between;
	}

	.page ul li a {
		margin: 3px;
		line-height: 25px;
	}

	.about2 dl dd p {
		line-height: 30px;
		font-size: 16px;
		margin-bottom: 10px;
	}

	.about2 dl dd p span {
		font-size: 20px;
	}

	.about2 dl dt img {
		border-radius: 10px;
		padding-bottom: 30px;
	}

	.news_list dl {
		padding: 10px;
		border: 10px solid #f5f5f5;
	}

	.news_list dl dt {
		margin: 0;
		width: 100%;
		margin-bottom: 15px;
	}

	.news_list dl dd h2 {
		-webkit-line-clamp: 2;
		margin: 5px 0;
		line-height: 25px;
		font-size: 14px;

	}

	.pro_detail .bt,
	.contact_list_r h1 {
		font-size: 24px;
	}

	.pro_detail .bt p span {
		margin: 5px;
		font-size: 13px;
	}

	.contact_list {
		margin: 3%;
		flex-wrap: wrap;
	}

	.map {
		width: 100%;
		height: auto;
	}

	.contact_list_r {
		width: 100%;
	}

	.contact_list_r h1 {
		margin: 10px 0;
	}

	.contact_list_r ul {
		line-height: 35px;
	}

	.contact_list_r ul li {
		border-bottom: 1px solid #eee;
		margin-bottom: 5px;
	}

	.message {
		padding: 3%;
	}

	.hang2 {
		margin: 3%;
		flex-wrap: wrap;
	}

	.hang2 ul li {
		flex: 0 0 49%;
		margin-bottom: 2%;
	}

	.hang2 ul:after {
		display: none;
	}

}

/* 861 */

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

/* 641 */

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

/* 481 */

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

/* 400 */

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

/* 321 */