@charset "utf-8";

h1,
h2,
h3,
h4,
h5,
h6,
pre,
code,
address,
caption,
cite,
code,
em,
th,
p,
a,
li,
td,
b,
div,
span {
	font: 400 12px "Open Sans", "Lucida Grande", "Lucida Sans Unicode", "Arial";
	color: #333;
}

html {
	font: 400 100% "Open Sans", "Lucida Grande", "Lucida Sans Unicode", "Arial";
	-ms-text-size-adjust: 100%;
	-webkit-text-size-adjust: none;
	line-height: 1.2;
	color: #333;
}

html {
	font-size: 16px;
}

.ft22 {
	font-size: 22px;
}

.ft28 {
	font-size: 28px;
}

.ft44 {
	font-size: 44px;
}

.dsl {
	display: inline-block;
}

.pw1200 {
	width: 94%;
	max-width: 1200px;
	margin-left: auto;
	margin-right: auto;
}

.pw1400 {
	width: 94%;
	max-width: 1400px;
	margin-left: auto;
	margin-right: auto;
}

.banner {
	height: 334px;
	margin-bottom: 55px;
	background: url(impact_banbg.jpg) #a9d1f5 top center no-repeat;
	background-size: cover;
}

.ilogo {
	left: 0;
	top: 5px;
}

.banner h1 {
	margin: 6% auto;
}

.banner h1 img {
	margin: auto;
}

.sections {
	border-radius: 5px;
	padding: 30px 0;
	margin: 40px auto;
	position: relative;
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
}

.dashline {
	position: absolute;
	left: 49%;
	top: 15%;
	width: 1px;
	height: 70%;
	border-right: 2px dashed #e7eaf1;
}

.salecont {
	width: 448px;
	vertical-align: top;
	margin: 0 14px 40px 14px;
	border: 2px solid #D2D7E5;
	border-radius: 5px;
	text-align: center;
	position: relative;
	padding-bottom: 30px;
}

.block {
	width: 448px;
	vertical-align: top;
	margin: 0 14px 40px 14px;
	border-radius: 5px;
	text-align: center;
	position: relative;
}

.saleimg {
	display: inline-block;
	position: absolute;
	top: 30px;
	left: 20px;
}

.licensecont_text {
	padding-left: 140px;
	margin-bottom: 24px;
}

.bestbestsell {
	left: -18px;
	top: -24px;
}

.licensecont {
	display: none;
}

.contshow {
	display: block;
}

.licensecont h3 {
	font-size: 26px;
	font-weight: 900;
	margin-top: 30px;
	text-align: left;
	line-height: 35px;
	width: 305px;
}

.licensecont span {
	font-size: 20px;
	font-weight: 600;
	margin-top: 30px;
	text-align: left;
	line-height: 27px;
}

.licensecont ul {
	margin-top: 8px;
	text-align: left;
	display: inline-block;
}

.cleansec .licensecont ul {
	width: 500px;
}

.licensecont li {
	font-size: 12px;
	color: #808080;
	padding-left: 8px;
	margin-bottom: 10px;
	display: inline-block;
	position: relative;
	width: 300px;
}

.licensecont li:before {
	content: "\e924";
	font-family: iconfont;
	color: #026dbb;
	position: absolute;
	font-weight: bold;
	font-size: 12px;
	left: -6px;
	top: 3px;
}

.licensecont p {
	font-size: 16px;
	color: #808080;
}

.licensecont p b {
	font-size: 50px;
	font-weight: bold;
	color: #ff7f0e;
	margin-right: 15px;
}

.licensecont p del {
	font-size: 20px;
	font-weight: bold;
}

.licensecont p span {
	color: #ff7f0e;
	font-size: inherit;
	font-weight: bold;
}

.licensecont .buybtn {
	display: block;
	width: 295px;
	line-height: 54px;
	text-align: center;
	text-decoration: none;
	font-size: 24px;
	font-weight: bold;
	color: #fff;
	background-color: #ff7c35;
	background: linear-gradient(to right, #ffa352, #ff5210);
	border-radius: 5px;
	margin: 20px auto;
	transition: .3s ease-in-out;
}

.buybtn:hover {
	background: linear-gradient(to right, #ff5210, #ffa352);
	box-shadow: 0 5px 10px rgba(255, 91, 24, .3);
}

.choosecont {
	font-size: 16px;
	color: #808080;
	margin-top: 10px;
}

.licensetext {
	display: inline-block;
	vertical-align: middle;
	position: relative;
	cursor: pointer;
}

.licensetext p {
	color: #999;
	font-size: 16px;
	text-align: left;
	display: block;
	width: 185px;
	border: 1px solid #e1e1e1;
	padding: 5px 30px 5px 10px;
	position: relative;
}

.licensetext p:after {
	content: "\e800";
	font-family: "iconfont";
	position: absolute;
	right: 5px;
	top: 8px;
	color: #c2c2c2;
}

.licensetext_sel p {
	color: #ff7f0e;
	font-weight: bold;
}

.chooselist {
	position: absolute;
	left: 0;
	top: 110%;
	width: 225px;
	height: 0;
	z-index: -1;
	opacity: 0;
	transition: .3s ease-in-out;
	text-align: left;
	background-color: #fff;
	border: 1px solid #e1e1e1;
	overflow: hidden;
}

.chooselist li {
	font-size: 16px;
	color: #808080;
	line-height: 26px;
	padding-left: 5px;
}

.chooselist li:hover {
	color: #ff7f0e;
	font-weight: bold;
	background-color: #ffebd9;
}

/*.licensetext:hover .chooselist{height:80px; z-index:1; opacity:1; }*/
.chooselist_active {
	height: 80px;
	z-index: 1;
	opacity: 1;
}

.licensetextpr .chooselist_active {
	height: 55px;
}

.faqsec {
	padding: 80px 0;
	background-color: #f5f5f5;
}

.faqsec h2 {
	max-width: 494px;
	line-height: 92px;
	margin: auto;
	background: url(impact_h2bg.png);
	margin-top: 70px;
}

.faqcont li {
	padding: 20px 70px 20px 50px;
	border-radius: 5px;
	border: 1px solid #d2d7e5;
	margin-bottom: 25px;
	transition: .39s ease-in-out;
}

.faqcont h3 {
	font-size: 22px;
	cursor: pointer;
	position: relative;
	transition: .39s ease-in-out;
}

.faqcont h3:after {
	content: "\e814";
	font-family: iconfont;
	position: absolute;
	right: -24px;
	top: 5px;
	color: inherit;
	transition: .39s ease-in-out;
}

.faqcont div {
	overflow: hidden;
	display: none;
}

/*.faqcont li:first-child div{display:block; }*/
.faqcont p {
	font-size: 20px;
	line-height: 1.6;
	margin-top: 15px;
	transition: .39s ease-in-out;
}

.faqcont p a {
	font-size: inherit;
	color: yellow;
}

.faqcont .contopen {
	border-color: #1d367c;
	background-color: #1d367c;
}

.faqcont .contopen h3,
.faqcont .contopen p {
	color: #fff;
}

.faqcont .contopen h3:after {
	content: "\e812";
}

.guarcont {
	max-width: 1280px;
	width: 96%;
	margin: 46px auto 0;
	text-align: center;
}

.guarcont li {
	width: 250px;
	display: inline-block;
	margin: 15px 32px;
	vertical-align: text-top;
}

.guarcont li img {
	display: inline-block;
	vertical-align: middle;
}

.guarcont li p {
	margin-left: 20px;
	width: 150px;
	display: inline-block;
	vertical-align: middle;
	text-align: left;
	font-size: 20px;
	color: #000;
	line-height: 1.5;
}

.guarcont1 {
	max-width: 1280px;
	width: 96%;
	margin: 46px auto 0;
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
}

.guarcont1 li {
	width: 285px;
	display: flex;
	margin-top: 15px;
	vertical-align: text-top;
}
.guarcont1 div {
	width: 285px;
	display: flex;
	margin-top: 15px;
	vertical-align: text-top;
}

.guarcont1 li img {
	display: inline-block;
	width: 76px;
	height: 76px;
}

.guarcont1 li p {
	font-weight: 400;
	font-size: 28px;
	line-height: 24px;
	color: #333333;
	margin-top:  15px;
	margin-left: 20px;
	
}
.guarcont1 li p span{
font-weight: 400;
font-size: 16px;
line-height: 18px;
letter-spacing: -1px;
}

footer {
	padding: 20px 0;
	border: none;
}

footer p {
	font-size: 16px;
}

@media only screen and (-webkit-min-device-pixel-ratio:1.5),
only screen and (min--moz-device-pixel-ratio:1.5),
only screen and (-o-min-device-pixel-ratio:3/2),
only screen and (min-device-pixel-ratio:1.5) {
	.banner {
		background: url(impact_banbg@2x.jpg) #a9d1f5 top center no-repeat;
		background-size: cover;
	}
}

@media screen and (max-width:1400px) {
	.dashline {
		display: none;
	}
}

@media screen and (max-width:980px) {
	.pw980 {
		width: 98%;
	}

	.banner {
		height: auto;
		margin-bottom: 0;
	}

	.banner h1 img {
		max-width: 60%;
		height: auto;
	}
}

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

	.ilogo {
		width: 100px;
	}

	.banmo {
		display: block;
		width: 100%;
	}

	.sections {
		padding: 10px 0;
		margin: 30px auto;
	}

	.salecont {
		margin: 20px 10px;
	}

	.salecont,
	.cleansec .licensecont ul {
		width: auto;
	}


	/* .saleimg img {
		width: 120px;
		
	} */

	.saleimg .bestbestsell {
		width: 63px;
		right: -43px;
	}

	.licensecont .buybtn {
		width: 260px;
	}

	.licensetext p {
		margin-top: 5px;
	}

	.faqsec {
		padding: 30px 0;
	}

	.mt80 {
		margin-top: 30px;
	}

	.faqsec h2 {
		width: 280px;
		line-height: 52px;
		font-size: 18px;
		background-size: cover;
	}

	.faqcont li {
		padding: 15px 30px 15px 15px;
		margin-bottom: 15px;
	}

	.faqcont h3 {
		font-size: 18px;
	}

	.faqcont h3:after {
		right: -18px;
	}

	.faqcont p {
		font-size: 14px;
		margin-top: 10px;
	}

	.guarcont {
		margin-top: 15px;
	}

	.guarcont li {
		width: 155px;
		margin: 15px 1px;
	}

	.guarcont li img {
		width: 40px;
	}

	.guarcont li p {
		width: 105px;
		margin-left: 3px;
		font-size: 14px;
	}
}