.banner .inner { height: 334px; display: flex; align-items: center; justify-content: center;}
.banner .inner-text { text-align: center; color: #fff;}
.banner .slogan { font-size: 44px; line-height: 90px; border-bottom: 1px solid #fff;}
.banner span { display: block; line-height: 70px; font-size: 16px;}

.services { display: flex; justify-content: space-between; flex-wrap: wrap; padding-top: 60px;}
/* .service { width: 18%;} */
.services dl { margin-bottom: 30px;}
.services dt { font-size: 16px; color: #2a2a2a; font-weight: bold; text-align: center; margin-bottom: 14px;}
.services dd { color: #949494; font-size: 14px; text-align: center; line-height: 22px;}
.services .icon { border: 1px solid #4fbfa8; width: 80px; height: 80px; border-radius: 200px; margin:auto; display: flex; align-items: center; justify-content: center; margin-bottom: 26px; font-size: 26px; margin-top: 10px;}
.services .service:hover .icon { width: 96px; height: 96px; font-size: 30px; margin-top: 2px; margin-bottom: 18px;}
.services .icon i { color: #4fbfa8;}


.panel { background: #eee;}
.panel .inner { display: flex; align-items: center; justify-content: center; flex-wrap: wrap;}
/* .panel .inner .module { width: 50%;} */
.panel .module { display: flex; align-items: center; justify-content: center;}
.panel .module img { display: block; width: 400px;}
.panel .text-module { width: 100%; box-sizing: border-box; padding: 50px; text-align: center;}
.panel h3 { font-size: 24px; color: #2a2a2a; text-align: center; line-height: 40px; display: inline-block; border-bottom: 2px solid #2a2a2a; margin: 0 auto 8px auto; padding: 0 40px 6px 40px;}
.panel span { display: block; color: #2a2a2a; font-size: 16px; font-weight: normal; text-align: center; line-height: 32px; margin-bottom: 8px;}
.panel p { text-align: left; color: #2a2a2a; line-height: 22px; margin-bottom: 20px;}
.panel i { font-style: normal; display: block; color: #2a2a2a; line-height: 22px; margin-bottom: 10px; text-align: left;}
.panel a { display: block; margin: 30px auto; height: 36px; border: 1px solid #4fbfa8; width: 120px; text-align: center; line-height: 36px; background: #4fbfa8; color: #fff; font-weight: bold;}

.grean { background: #4fbfa8 !important;}
.grean h3 { color: #fff; border-bottom: 2px solid #fff;}
.grean span { color: #fff;}
.grean p { color: #fff;}
.grean i { color: #fff;}
.grean a { background-color: transparent; border: 1px solid #fff;}

.product { padding: 60px 0;}
.product span { display: block; text-align: center; font-size: 16px; text-align: center; line-height: 24px; margin-bottom: 20px; padding: 0 30px;}
.product .products { display: flex; align-items: stretch; justify-content: space-around; flex-wrap: wrap;}
.products .product-module { border: 1px solid #4fbfa8; /* width: 18%; */ box-sizing: border-box; padding: 10px; color: #2a2a2a; margin-bottom: 30px;}
.products .product-module .name { font-size: 18px; text-align: center; line-height: 40px; font-weight: bold; background-color: #4fbfa8; color: #fff; padding-top: 20px;}
.products .product-module .price { font-size: 20px; text-align: center; background-color: #4fbfa8; color: #fff; padding-bottom: 20px; font-weight: bold;}
.products .product-module .price em { font-size: 28px; line-height: 36px; font-weight: normal; margin-right: 6px;}
.products .product-module ul { padding: 20px 30px;}
.products .product-module li { line-height: 36px; display: flex; align-items: center; }
.product-module li .icon { width: 16px; height: 16px; background-color: #4fbfa8; color: #fff; border-radius: 100px; display: flex; align-items: center; justify-content: center; margin-bottom: 0; margin-right: 6px; font-size: 12px; padding: 0;}
.product-module li .fail { background-color: #dadada; color: #2a2a2a;}
.product-module li em { font-size: 16px;}

.templete { background: #4fbfa8; height: 144px;}
.templete .inner { display: flex; align-items: center; justify-content: space-between;  height: 144px; flex-wrap: wrap;}
.templete span { font-size: 22px; font-weight: bold; color: #fff; /* margin-left: 60px; */ margin: auto;}
.templete a { display: block; width: 200px; text-align: center; height: 40px; line-height: 40px; border: 1px solid #fff; margin-right: 60px; font-size: 16px; color: #fff; margin: auto;}

@media (min-width: 320px) and (max-width: 768px) {
	.banner .inner { height: 240px; padding: 0 16px;}
	.banner .slogan { font-size: 20px; line-height: 90px; border-bottom: 1px solid #fff;}
	.banner span { display: block; line-height: 30px; margin-top: 30px; font-size: 16px;}
	.templete span { text-align: center; margin-bottom: 0;}
	.panel { padding-top: 30px;}
	.panel .module img { width: 90%;}
}