@charset "utf-8";

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

.hide768 {
	display: none!important;
}

.show768 {
	display: inline;
}

.block {
	min-width: 320px;
}

.container {
	min-width: 320px;
}

.header {
	height: 100px;
}

.header .container {
	padding-top: 31px;
	padding-left: 89px;
	padding-right: 89px;
}

.header .logo {
	width: auto;
}

.header .link-online {
	width: 29.87%;
}

.header .phone {
	width: 29.87%;
}

.header .slogan {
	display: none;
}

.top-hold .bg-hold video {
	display: none;
}

.footer {
	height: auto;
}

.footer .container {
	padding-left: 90px;
	padding-right: 90px;
	padding-bottom: 40px;
}

.footer .logo {
	width: 25.1%;
}

.footer .link-online,
.footer .phone {
	text-align: left;
	float: right;
	clear: right;
}

.footer .link-online {
	margin-bottom: 35px;
	width: 170px;
}

.footer .phone {
	width: 161px;
}

.footer .text {
	clear: left;
	padding-top: 33px;
}

.btn {
	font-size: 20px;
	height: 65px;
	line-height: 65px;
	padding: 0 33px;
}

.top {
	padding-bottom: 48px;
	padding-top: 222px;
}

.top .big {
	font-size: 56px;
	line-height: 67px;
	margin-bottom: 45px;
}

.top .btn {
	margin-top: 0;
}

.count .big,
.how .big,
.faq .big {
	font-size: 34px;
	line-height: 42px;
}

.img-list .img {
	margin-bottom: 25px;
}

.count {
	padding-top: 37px;
	padding-bottom: 60px;
}

.count .img-list li {
	height: 266px;
	font-size: 18px;
	line-height: 21px;
}

.soc {
	margin-top: 0;
}

.how {
	padding-bottom: 30px;
	padding-top: 47px;
}

.how .big {
	margin-bottom: 48px;
}

.how .img-hold {
	margin-bottom: -37px;
}

.how .img-list .img {
	margin-bottom: 15px;
}

.how .img-list .num {
	bottom: 10px;
	right: 10px;
}

.quote {
	padding-top: 30px;
	padding-bottom: 51px;
}

.detail .half {
	padding-bottom: 44px;
}

.detail .big {
	font-size: 28px;
	line-height: 34px;
}

.detail .btn {
	font-size: 18px;
	height: 59px;
	line-height: 59px;
	padding: 0 25px;
	margin: 40px 0;
}

.detail .img-list {
	margin-top: 54px;
	margin-bottom: 34px;
}

.detail .img-list li {
	font-size: 18px;
	line-height: 21px;
	padding: 0 20px;
}

.detail .img-list .img {
	margin: 0 -20px 20px -20px;
}

.detail .get {
	margin-top: 37px;
}

.faq {
	padding-top: 30px;
	padding-bottom: 8px;
}

.faq .big {
	margin-bottom: 50px;
}

.faq .hold {
	margin: 0;
}

.faq figure {
	display: block;
	width: auto;
	max-width: 384px;
	margin: 0 auto 44px auto;
	padding: 0;
}
}