@charset "utf-8";

/*样式重置 reset */
@media screen and (min-width: 1025px) {
	.pc_none {
		display: none !important;
	}
}


@media screen and (max-width: 1025px) {
	* {
		box-sizing: border-box;
	}

	.m_none {
		display: none !important;
	}

	.header_box {
		width: 100%;
		display: flex;
		flex-wrap: wrap;
		padding: 5px;
	}

	.logo {
		width: 175px;
		margin-right: 0;
	}

	.header_menu li {
		margin-top: 0;
		font-size: 16px;
		border: 0;
		float: none;
		padding: 0;
	}

	.header_menu {
		display: flex;
		justify-content: space-between;
		align-items: center;
		width: 100%;
		float: none;
		padding: 5px 10px;
		background: #f4f4f4;
		height: 35px;
		line-height: 35px;
		margin-top: 10px;
	}

	.header_right {
		float: none;
		width: 100%;
	}

	.banner_box {
		min-width: 100%;
		background-size: 200%;
		height: 90px;
	}

	.container {
		width: 100% !important;
	}

	.banner_price {
		display: none;
	}

	.banner_tit {
		display: none;
	}

	.shrq_box,
	.fats_box {
		display: none;
	}

	.title1,
	.title4 {
		width: 100%;
		font-size: 18px;
		background-size: contain;
		background-position-y: 9px;
	}

	.nannti {
		min-width: 100%;
	}

	.liucheng_box {
		display: flex;
		justify-content: space-between;
		flex-wrap: wrap;
		margin-top: 20px;
		padding: 0 5px;
	}

	.liucheng1_box,
	.liucheng2_box,
	.liucheng3_box {
		width: 33.3%;
		margin: 0;
		float: none;
		background-size: cover;
		height: 93px;
	}

	.liucheng_tiao {
		margin-left: 0;
		width: 100%;
	}

	.liucheng2_tit {
		width: 100%;
		margin: 0;
		padding-top: 5px;
		font-size: 14px;
	}

	.liucheng2 {
		width: 100%;
		font-size: 12px;
		margin-left: 0;
	}

	.liucheng1 {
		width: 100%;
		padding-top: 5px;
		font-size: 14px;
	}

	.zixun_btn {
		width: 236px;
		font-size: 15px;
		line-height: 36px;
		margin: 10px auto;
	}

	.fudong_box {
		display: none;
	}

	.goodClass_box {
		height: auto;
	}

	.title2,
	.title3 {
		width: 100%;
		font-size: 18px;
		padding-top: 0px;
		background-size: contain;
		background-position: 0 15px;
	}

	.classCon {
		height: auto;
		margin-top: 10px;
		padding: 5px 0;
	}

	.class1_box,
	.class2_box {
		width: 95%;
		height: auto;
		float: none;
		margin: 10px auto;
		background-size: cover;
	}

	.class_tit {
		line-height: 55px;
		font-size: 20px;
	}

	.class_ul {
		margin-top: 10px;
	}

	.class_ul li {
		margin-top: 0;
		margin-left: 15px;
		line-height: 35px;
		font-size: 15px;
	}

	.jia {
		display: none;
	}

	.class2_box .class_ul li {
		font-size: 12px;
	}

	.lwzdk_box {
		width: 96%;
		height: 100px;
		background-size: 138% 100%;
		border-radius: 5px;
	}

	.lwzdk_tit {
		font-size: 17px;
		left: 10px;
	}

	p.lwzdk_con1 {
		top: 22px;
		left: 109px;
		font-size: 12px;
	}

	.lwzdk_con2 {
		left: 100px;
		font-size: 12px;
		top: 63px;
	}

	.lwzdk_zi {
		margin-left: 5px;
		line-height: 26px;
		padding: 0 3px;
	}

	.liaojie_btn,
	.kefu_btn {
		display: none;
	}

	p.title3 {
		background-position: 0 28px;
		margin-bottom: 15px;
	}

	.my_flex {
		display: flex;
		flex-wrap: wrap;
		justify-content: space-around;
	}

	.lianxi_box {
		width: 45%;
		float: none;
		background-size: contain;
		margin: 0;
		margin-top: 15px;
		height: auto;
	}

	.lianxi_con_box {
		width: 100%;
		height: auto;
	}

	.lianxi_tit {
		font-size: 18px;
		padding-top: 50px;
	}

	.lianxi_zi {
		font-size: 12px;
		padding-top: 10px;
	}

	.tuijian_box {
		height: auto;
		padding-top: 18px;
		margin-bottom: 20px;
	}

	.title4 {
		padding-top: 4px;
	}

	.tuijian_class {
		display: flex;
		flex-wrap: wrap;
		justify-content: space-around;
		width: 100%;
		height: auto;
		margin: 0;
		padding-top: 0;
		margin-top: 10px;
		padding-left: 0;
		padding: 0 5px;
	}

	.class_xq {
		width: 48%;
		float: none;
		margin: 0;
		margin-top: 10px;
	}

	.class_title {
		width: 100%;
		margin: 0;
	}

	.tuijian_class .clear,
	.tuijian_class>a {
		display: none;
	}

	/* .my_video {
	    display: none;
	} */

	.footer_box {
		min-width: 100%;
		height: auto;
		background: #6e8bf9;
	}

	.footer_tit {
		padding-top: 20px;
		font-size: 20px;
		margin-bottom: 22px;
	}

	.rwm_box {
		width: 26%;
		margin: 0 !important;
		float: none;
	}

	.rwm_box p {
		font-size: 12px;
		line-height: 18px;
	}

	.lm_footer {
		max-width: 100%;
		min-width: 100%;
		padding: 0 5px;
	}

	.lm_footer a {
		white-space: nowrap;
	}

	.my_video_box {
		height: auto;
	}

	.my_video_tabTit {
		height: 40px;
		line-height: 40px;
		display: flex;
		flex-wrap: nowrap;
		overflow: scroll;
	}

	.my_video_tabTit span {
		float: left;
		display: block;
		white-space: nowrap;
	}

	.my_video_tabTit>a {
		white-space: nowrap;
		float: left;
	}

	.my_video_play {
		width: 100%;
		height: auto;
	}

	.art_video_panle_con>ul {
		height: auto;
	}

	.art_video_panle_con {
		width: 100%;
		height: auto;
	}

	.my_video {
		padding-top: 15px;
	}

	.m_foot p {
		font-size: 14px;
		color: #8b8b8b;
		line-height: 25px;
		text-align: center;
	}
	
	div#footer {
	    padding: 20px 0;
		margin-bottom: 50px;
	}
	
	.bottomBar {
		position: fixed;
		bottom: 0;
		left: 0;
		background-color: #fff;
		height: 66px;
		width: 100%;
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-pack: end;
		-ms-flex-pack: end;
		justify-content: flex-end;
		-webkit-box-align: center;
		-ms-flex-align: center;
		align-items: center;
		padding-right: 10px;
		-webkit-box-sizing: border-box;
		box-sizing: border-box;
		z-index: 9;
	}

	.bottomBar .left {
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-pack: justify;
		-ms-flex-pack: justify;
		justify-content: space-between;
		-webkit-box-flex: 1;
		-ms-flex: 1;
		flex: 1 1;
		/* margin-right: 1.4rem; */
		-webkit-box-align: center;
		-ms-flex-align: center;
		align-items: center;
		margin-top: 7px;
	}

	.bottomBar::after {
		width: 100%;
		height: 1PX;
		background-color: rgba(0, 0, 0, 0.25);
		content: "";
		position: absolute;
		top: 0;
		left: 0;
		-webkit-transform: scaleY(0.25);
		transform: scaleY(0.25);
		-webkit-transform-origin: left center;
		transform-origin: left center;
	}

	.bottomBar .laidian {
		line-height: 18px;
		font-size: 13px;
		color: #666666;
		padding-top: 28px;
		background-size: 24px;
		background-repeat: no-repeat;
		min-width: 40px;
		text-align: center;
		background-position: center 0;
	}

	.bottomBar .phone {
		background-image: url(https://www.hbzkw.com/style_zkw/yx_style_zk/images/phone.png);
	}

	.bottomBar .gzh {
		background-image: url(https://www.hbzkw.com/style_zkw/yx_style_zk/images/gzh.png);
	}

	.bottomBar .jlq {
		background-image: url(https://www.hbzkw.com/style_zkw/yx_style_zk/images/jlq.png);
	}

	.bottomBar .bm {
		background-image: url(https://www.hbzkw.com/style_zkw/yx_style_zk/images/bm.png);
	}

	.bottomBar .zx {
		background-image: url(https://www.hbzkw.com/style_zkw/yx_style_zk/images/zx.png);
	}



}
