@charset "utf-8";
/* CSS Document */
.details{width: 1200px; margin: 0 auto;}
a{color: #30a6ec;text-decoration: none;}
a:hover{text-decoration: underline;}
img{max-width: 100%;}


.banner {padding: 18px 0 72px;background: #fff url(../images/contact/banner-bg.jpg) no-repeat center top/cover;text-align: center;color: #000;}
.crumb {font-size: 15px;color: #333;line-height: 1;padding-bottom: 76px;text-align: left;}
.crumb a{text-decoration: none;}
.crumb a:hover{text-decoration: underline;}
h1 {font-size: 57px;line-height: 1;font-weight: 600;}
.h1-p {font-size: 17px;color: #4b4b4b;line-height: 1.7;padding: 35px 0 76px;}
.the-h2 {font-size: 36px;line-height: 1;font-weight: 600;}
.h2-p {font-size: 23px;color: #808080;line-height: 1.4;padding: 12px 0 46px;}
.the-cards {display: flex;justify-content: center;flex-wrap: wrap;gap: 22px;}
.card {width: 385px;}
.card .img-wrap {display: flex;border-radius: 18px;overflow: hidden;}
.card-h3 {font-size: 21px;color: #333;line-height: 1;padding: 20px 0;}
.card-p {font-size: 15px;color: #424242;line-height: 1.5;padding: 0 20px 18px;}
.card-link {font-size: 17px;line-height: 1;text-decoration: none;}
.card-link>img {vertical-align: middle;margin-right: 10px;}

section.product {padding: 45px 0 0;margin: 0 70px;background-color: #f9f9f9;}
.product-content {display: flex;justify-content: center;align-items: center;flex-wrap: wrap;gap: 26px;}
.product-left {width: 550px;}
.product-h2 {display: flex;align-items: center;gap: 18px;font-size: 45px;color: #000;line-height: 1;font-weight: 600;}
.product-p {font-size: 19px;color: #2f2f2f;line-height: 1.5;padding: 12px 0 42px;}
.product-btns {display: flex;flex-wrap: wrap;gap: 40px;}
.product-btn {display: flex;}
.product-btn>a {min-width: 250px;line-height: 52px;box-sizing: border-box;padding: 0 10px;border-radius: 5px;font-size: 24px;color: #fff;text-align: center;font-weight: 600;background-color: #0fb4ff;text-decoration: none;}
.product-btn>a.buy-btn {background-color: #ffb128;}
.product-btn>a:hover {text-decoration: none;}
.product-right {display: flex;width: 623px;}

.business {padding: 65px 0 130px;background-color: #fff;text-align: center;}
.business .h2-p {padding-bottom: 40px;}
.business .card-p {color: #666;}

@media (max-width: 1200px) {
	.details {width: 96%;}
	.product {margin: 0;}
}

@media (max-width: 767px) {
	h1 {font-size: 35px;}
	.the-h2 {font-size: 23px;}
	.product-h2 {font-size: 35px;}
	.h2-p {font-size: 17px;}
	.card-h3 {font-size: 19px;}
}

@media (max-width: 479px) {
	
}