@charset "utf-8";
@media (max-width: 768px) {
	.h-340 {
		height: 340px !important;
	}
	dl.height-px502 {
		height: auto;
	}
	dt.width-px560 {
		width: auto;
	}
	.width-px500 {
		width: auto;
	}
	dl > dd.pull-right,dl > dt.pull-left {
		float: none;
	}

	/* banner */
	.ban-box > div {
		margin-top: 30px;
	}
	.ban-box > div > h2 {
		width: 300px;
		font-size: 24px;
		margin: 0 auto;
	}
	.ban-box > div > p.d-hide {
		margin: 10px 10px 0;
		font-size: 14px;
		line-height: 1.5;
		display: block;
	}
	.ban-box a.btn {
		height: 34px;
		line-height:  34px;
		font-size: 14px;
		font-weight: bold;
		padding: 0 14px;
		margin-top: 15px;
	}

	/* 五大功能 */
	.five-function {
		width: 90%;
		min-height: 220px;
		margin: 40px auto 30px;
		background-size: contain;
		background-position: center center;
	}
	.five-function > li > h3 {
		font-size: 16px;
		font-weight: bold;
	}
	.five-function > li > p {
		display: none;
	}
	.five-function > li.fun-li1 {
		top: 30px;
	}
	.five-function > li.fun-li1 h2 {
		font-size: 24px;
	}
	.five-function > li.fun-li2 {
		top: 55px;
		left: 0;
	}
	.five-function > li.fun-li3 {
		top: 55px;
		right: 0;
	}
	.five-function > li.fun-li4 {
		top: 165px;
		left: 30px;
	}
	.five-function > li.fun-li5 {
		top: 165px;
		right: 30px;
	}
	.five-function > li.fun-li6 {
		bottom: -25px;
	}

	.bg-f9 dl dt {
		margin-bottom: 10px;
	}
	.content-tab {
		height: auto;
		margin: 0 0 0 20px;
	}
	.content-tab > div > h3 {
		font-size: 20px;
	}
	dd .content-tab > div > h3 {
		margin-top: 10px;
	}
	.content-tab > div > p,.content-tab > div > div {
		font-size: 14px;
		margin-top: 5px;
		line-height: 1.7;
	}
	.blurb-ul li {
		margin: 10px 0 0 20px
	}
	.blurb-ul li.pb-px20,.blurb-ul li.pb-px30 {
		padding-bottom: 0;
	}
	.blurb-ul li i {
		width: 60px;
		height: 60px;
		background-size: 60px 120px;
	}
	.blurb-ul li p {
		margin-top: -10px;
		font-size: 14px;
	}
	.img-tab {
		text-align: center;
		margin: 0 15px;
	}

	/* 五大价值 */
	.affect-ul {
		height: 750px;
		border: 0 none;
		margin: 20px 0 0;
		padding: 0
	}
	.affect-ul > li i.mt-px15 {
		margin-top: 5px;
	}
	.affect-ul > li i img {
		width: 40px;
	}
	.affect-ul > li h4 {
		margin-top: 5px;
	}
	.affect-ul > li p {
		text-align: justify;
		font-size: 14px;
		line-height: 1.7;
	}
	.affect-ul > li:first-child {
		width: 37%;
		left: 5%;
		top: 0;
	}
	.affect-ul > li:nth-child(2) {
		width: 50%;
		top: 0;
		left: auto;
		right: 5%;
	}
	.affect-ul > li:nth-child(3) {
		width: 40%;
		top: 280px;
		left: 5%;
	}
	.affect-ul > li:nth-child(4) {
		width: 47%;
		top: 280px;
		left: auto;
		right: 5%;
	}
	.affect-ul > li:nth-child(5) {
		width: 90%;
		top: 550px;
		left: 5%;
		right: auto;
	}
}