@charset "utf-8";
/* CSS Document */

.swiper-pagination{ font-size: 0;}
.swiper-pagination-bullet{ width: 10px; height: 10px; margin: 0 10px !important; background-color: #b2b2b2; opacity: 1;}
.swiper-pagination-bullet-active{ background-color: #000;}

.edit-container{ width: 1440px;}

.s-banner{ margin-top: 136px;}
.s-banner img{ display: block; width: 100%;}

.app-base-box{ text-align: center;}
.app-base-title{ font-size: 40px; color: #000;}
.app-base-cont{ font-size: 22px; color: #000; margin-top: 20px;}

.app-s1{ padding: 100px 0;}
.app-s1-swiper{ float: left; width: 50%; background: url(../images/s1-swiper-bg.jpg) center no-repeat; background-size: cover;}
.app-s1-swiper .swiper-slide .block-box img{ display: block; width: 100%;}
.app-s1-swiper .swiper-pagination{ bottom: 3.385vw;}
.app-s1-inner{ float: right; width: 50%; padding: 20px 11.98vw 0 5.2vw; font-size: 18px;}
.app-s1-tabs{ margin-top: 20px;}
.app-s1-tabs-item{ padding: 30px 0; border-bottom: 1px solid #a6a6a6; cursor: pointer;}
.app-s1-tabs-item .title{ font-size: 26px; color: #000; position: relative;}
.app-s1-tabs-item .title::before{ content: ''; width: 30px; height: 30px; background: url(../images/s1-title-arrow.png) center no-repeat; background-size: cover; position: absolute; top: 50%; transform:translateY(-50%); left: -40px; display: none;}
.app-s1-tabs-item.active,.app-s1-tabs-item:hover{ color: #416bd6;}
.app-s1-tabs-item.active .title,.app-s1-tabs-item:hover .title{ color: #416bd6;}
.app-s1-tabs-item.active .title::before,.app-s1-tabs-item:hover .title::before{ display: block;}

.app-s2{ padding: 100px 0; background: url(../images/s2-bg.jpg) top center no-repeat; background-size: cover;}
.app-s2 .app-base-title,.app-s2 .app-base-cont{ color: #fff;}
.app-s2-swiper{ margin-top: 75px; font-size: 0; text-align: center;}
.app-s2-swiper .swiper-wrapper{ display: block;}
.app-s2-swiper .swiper-slide{ float: none; display: inline-block; vertical-align: top; width: 16.666%; padding: 0 10px;}
.app-s2-swiper .swiper-slide .block-box{ background: url(../images/s2-swiper-bg.jpg) center no-repeat; background-size: cover;}
.app-s2-swiper .swiper-slide .block-box img{ display: block; width: 100%;}

.app-s2-swiper.swiper-animate .swiper-wrapper{ display: flex;}
.app-s2-swiper.swiper-animate .swiper-pagination{ position: initial; margin-top: 30px;}

.app-s3{ padding: 100px 0;}
.app-s3-list{ font-size: 0; text-align: center;}
.app-s3-list ul{ margin: 0 -25px;}
.app-s3-list li{ display: inline-block; vertical-align: top; width: 33.333%; padding: 0 25px; text-align: left;}
.app-s3-list li .block-box .pic{ overflow: hidden; position: relative;}
.app-s3-list li .block-box .pic img{ display: block; width: 100%;}
.app-s3-list li .block-box .pic .title{ width: 100%; position: absolute; left: 0; bottom: 0; padding: 0 35px 25px 35px; font-size: 26px; color: #fff;}
.app-s3-list li .block-box .pic::before{ content: ''; width: 100%; height: 60%; position: absolute; left: 0; bottom: 0;}
.app-s3-list li:nth-of-type(1) .block-box .pic::before{ background: linear-gradient(to bottom, transparent ,#d66868);}
.app-s3-list li:nth-of-type(2) .block-box .pic::before{ background: linear-gradient(to bottom, transparent ,#42b8d1);}
.app-s3-list li:nth-of-type(3) .block-box .pic::before{ background: linear-gradient(to bottom, transparent ,#eb9536);}
.app-s3-list li .block-box .cont-box{ padding: 20px 10px 0 10px;}
.app-s3-list li .block-box .cont-box .cont{ font-size: 20px;}

.app-s4{ padding: 100px 0;}
.app-s4-inner{ margin-top: 55px;}
.app-s4-inner .edit-container{ width: 1200px;}
.app-s4-swiper{ margin: 0 -10px;}
.app-s4-swiper .swiper-container{ overflow: initial;}
.app-s4-swiper .swiper-slide{ padding: 0 10px; opacity: 0.5;}
.app-s4-swiper .swiper-slide .block-box{ position: relative; padding: 55px 70px; background: url(../images/s4-swiper-bg.jpg) center no-repeat; background-size: cover;}
.app-s4-swiper .swiper-slide .block-box .pic{ float: right; width: 39.5%;}
.app-s4-swiper .swiper-slide .block-box .pic img{ display: block; width: 100%;}
.app-s4-swiper .swiper-slide .block-box .cont-inner{ width: 44.2%; position: absolute; top: 50%; transform:translateY(-50%); left: 70px; font-size: 20px; color: #000;}
.app-s4-swiper .swiper-slide .block-box .cont-inner .title{ font-size: 26px;}
.app-s4-swiper .swiper-slide .block-box .cont-inner .cont{ margin-top: 20px;}
.app-s4-swiper .swiper-slide-active{ opacity: 1;}
.app-s4-swiper .swiper-pagination{ bottom: -50px;}
.app-s4-swiper .swiper-arrow{ width: 50px; height: 50px; background-repeat: no-repeat; background-position: center; background-size: cover; position: absolute; top: 50%; transform:translateY(-50%); z-index: 5; cursor: pointer;}
.app-s4-swiper .swiper-arrow-prev{ background-image: url(../images/icon-swiper-arrow-prev.png); left: -70px;}
.app-s4-swiper .swiper-arrow-next{ background-image: url(../images/icon-swiper-arrow-next.png); right: -70px;}

.app-s5{ padding: 100px 0;}
.app-s5-inner{ margin-top: 55px;}
.app-s5-tabs{ overflow: hidden; padding-bottom: 12px;}
.app-s5-tabs ul{ margin: 0 -25px; border-bottom: 2px solid #cbe0ff;}
.app-s5-tabs li{ float: left; width: 33.333%; padding: 0 25px;}
.app-s5-tabs li .block-box{ padding-bottom: 25px; position: relative; cursor: pointer;}
.app-s5-tabs li .block-box::before{ content: ''; width: 100%; height: 4px; background-color: #3868dd; position: absolute; left: 0; bottom: -3px; display: none;}
.app-s5-tabs li .block-box::after{ content: ''; width: 22px; height: 9px; background: url(../images/icon-tabs-arrow.png) center no-repeat; background-size: cover; position: absolute; top: 100%; left: 50%; transform:translateX(-50%); display: none;}
.app-s5-tabs li .block-box .title{ height: 160px; background-position: bottom center; background-repeat: no-repeat; background-size: 100% 100%; position: relative; border-radius: 20px 20px 0 0;}
.app-s5-tabs li .block-box .title span{ font-size: 30px; color: #000; position: absolute; top: 50%; transform:translateY(-50%); left: 230px;}
.app-s5-tabs li:nth-of-type(1) .block-box .title{ background-image: url(../images/s5-tabs-li-bg1.png);}
.app-s5-tabs li:nth-of-type(2) .block-box .title{ background-image: url(../images/s5-tabs-li-bg2.png);}
.app-s5-tabs li:nth-of-type(3) .block-box .title{ background-image: url(../images/s5-tabs-li-bg3.png);}
.app-s5-tabs li .block-box.active::before,.app-s5-tabs li .block-box.active::after{ display: block;}
.app-s5-tabs-content{ margin-top: 15px; background-color: #3868dd; padding: 55px 65px; font-size: 18px; color: #fff;}
.app-s5-tabs-content .box{ display: none;}
.app-s5-tabs-content .top-title{ font-size: 30px; text-align: center;}
.hyqy-list ul{ margin: 0 -15px;}
.hyqy-list li{ float: left; width: 50%; padding: 0 15px; margin-top: 30px;}
.hyqy-list li .block-box{ background-color: rgba(255, 255, 255, 0.2); padding: 25px 40px 25px 100px;}
.hyqy-list li .block-box .title{ font-size: 26px; position: relative;}
.hyqy-list li .block-box .title .icon{ width: 35px; position: absolute; top: 50%; transform:translateY(-50%); left: -50px;}
.hyqy-list li .block-box .title .icon img{ display: block; width: 100%;}
.hyqy-list li .block-box .cont{ margin-top: 10px; height: 3em; overflow:hidden; text-overflow:ellipsis; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical;}
.app-s5-hqfs{ margin-top: 30px; background-color: rgba(56, 104, 221, 0.1); font-size: 20px; color: #3868dd; text-align: center; padding: 25px;}
.app-s5-hqfs .title{ font-size: 26px;}
.app-s5-hqfs .cont p{ margin-top: 10px;}

.app-s6{ padding-top: 70px; background: url(../images/s6-bg.jpg) top center no-repeat; background-size: cover;}
.app-s6-inner{ padding-left: 140px;}
.app-s6-inner .pic{ float: left; width: 46.5%;}
.app-s6-inner .pic img{ display: block; width: 100%;}
.app-s6-inner .cont-inner{ width: 37.8%; position: absolute; top: 50%; transform:translateY(-50%); right: 70px; font-size: 22px; color: #000;}
.app-s6-inner .cont-inner .title{ font-size: 40px;}
.app-s6-inner .cont-inner .cont{ margin-top: 15px;}

.app-s7{ padding: 100px 0;}
.app-s7-inner{ margin-top: 55px;}
.app-s7-list ul{ margin: 0 -10px;}
.app-s7-list li{ float: left; width: 25%; padding: 0 10px;}
.app-s7-list li .block-box{ background-color: #f8faff; height: 578px;}
.app-s7-list li .block-box .top-title{ height: 60px; line-height: 60px; font-size: 24px; color: #fff; text-align: center; background: url(../images/s7-title-bg.jpg) center no-repeat; background-size: cover;}
.app-s7-list li .block-box .cont-box{ padding: 25px;}
.app-s7-list li .block-box .cont-box dl{ margin: 0 -10px;}
.app-s7-list li .block-box .cont-box dd{ float: left; width: 50%; padding: 0 10px; margin: 10px 0;}
.app-s7-list li .block-box .cont-box dd .icon{ width: 105px; margin: 0 auto;}
.app-s7-list li .block-box .cont-box dd .icon img{ display: block; width: 100%;}
.app-s7-list li .block-box .cont-box dd .title{ font-size: 18px; color: #000; text-align: center; margin-top: 5px;}

.app-s8{ height: 560px; padding-top: 80px; background: url(../images/s8-bg.jpg) bottom center no-repeat; background-size: cover;}
.app-s8-inner{ font-size: 0; text-align: center;}
.app-s8-inner ul{ margin: 0 -30px;}
.app-s8-inner li{ display: inline-block; vertical-align: top; padding: 0 30px;}
.app-s8-inner li .block-box{ color: #d02620;}
.app-s8-inner li .block-box .title{ font-size: 24px;}
.app-s8-inner li .block-box .tel{ font-size: 74px; margin-top: 50px;}
.app-s8-inner li .block-box .tel a{ color: #d02620;}
.app-s8-inner li .block-box .pic{ width: 172px; margin: 15px auto 0 auto;}
.app-s8-inner li .block-box .pic img{ display: block; width: 100%;}









@media (max-width: 1680px){
	/* 缩小80% */
	.edit-container{ width: 1152px;}
	
	.s-banner{ margin-top: 108px;}
	
	.app-base-title{ font-size: 32px;}
	.app-base-cont{ font-size: 18px; margin-top: 15px;}
	
	.app-s1{ padding: 80px 0;}
	.app-s1-inner{ font-size: 16px;}
	.app-s1-tabs-item{ padding: 25px 0;}
	.app-s1-tabs-item .title{ font-size: 20px;}
	.app-s1-tabs-item .title::before{ width: 24px; height: 24px; left: -32px;}
	
	.app-s2{ padding: 80px 0;}
	.app-s2-swiper{ margin-top: 60px;}
	.app-s2-swiper.swiper-animate .swiper-pagination{ margin-top: 25px;}
	
	.app-s3{ padding: 80px 0;}
	.app-s3-list ul{ margin: 0 -20px;}
	.app-s3-list li{ padding: 0 20px;}
	.app-s3-list li .block-box .pic .title{ padding: 0 30px 20px 30px; font-size: 20px;}
	.app-s3-list li .block-box .cont-box .cont{ font-size: 16px;}
	
	.app-s4{ padding: 80px 0;}
	.app-s4-inner{ margin-top: 45px;}
	.app-s4-inner .edit-container{ width: 960px;}
	.app-s4-swiper .swiper-slide .block-box{ padding: 45px 55px;}
	.app-s4-swiper .swiper-slide .block-box .cont-inner{ font-size: 16px; left: 55px;}
	.app-s4-swiper .swiper-slide .block-box .cont-inner .title{ font-size: 20px;}
	.app-s4-swiper .swiper-slide .block-box .cont-inner .cont{ margin-top: 15px;}
	.app-s4-swiper .swiper-arrow{ width: 40px; height: 40px;}
	.app-s4-swiper .swiper-arrow-prev{ left: -58px;}
	.app-s4-swiper .swiper-arrow-next{ right: -58px;}
	.app-s4-swiper .swiper-pagination{ bottom: -40px;}
	
	.app-s5{ padding: 80px 0;}
	.app-s5-inner{ margin-top: 45px;}
	.app-s5-tabs ul{ margin: 0 -20px;}
	.app-s5-tabs li{ padding: 0 20px;}
	.app-s5-tabs li .block-box{ padding-bottom: 20px;}
	.app-s5-tabs li .block-box .title{ height: 128px; border-radius: 16px 16px 0 0;}
	.app-s5-tabs li .block-box .title span{ font-size: 24px; left: 184px;}
	.app-s5-tabs-content{ padding: 45px 55px; font-size: 16px;}
	.app-s5-tabs-content .top-title{ font-size: 24px;}
	.hyqy-list ul{ margin: 0 -10px;}
	.hyqy-list li{ padding: 0 10px; margin-top: 20px;}
	.hyqy-list li .block-box{ padding: 20px 32px 20px 80px;}
	.hyqy-list li .block-box .title{ font-size: 20px;}
	.hyqy-list li .block-box .title .icon{ width: 28px; left: -40px;}
	.app-s5-hqfs{ margin-top: 25px; font-size: 16px; padding: 20px;}
	.app-s5-hqfs .title{ font-size: 20px;}
	
	.app-s6{ padding-top: 55px;}
	.app-s6-inner{ padding-left: 112px;}
	.app-s6-inner .cont-inner{ right: 55px; font-size: 18px;}
	.app-s6-inner .cont-inner .title{ font-size: 32px;}
	
	.app-s7{ padding: 80px 0;}
	.app-s7-inner{ margin-top: 45px;}
	.app-s7-list li .block-box{ height: 484px;}
	.app-s7-list li .block-box .top-title{ height: 48px; line-height: 48px; font-size: 20px;}
	.app-s7-list li .block-box .cont-box{ padding: 20px;}
	.app-s7-list li .block-box .cont-box dd .icon{ width: 84px;}
	.app-s7-list li .block-box .cont-box dd .title{ font-size: 16px;}
	
	.app-s8{ height: 448px; padding-top: 64px;}
	.app-s8-inner ul{ margin: 0 -25px;}
	.app-s8-inner li{ padding: 0 25px;}
	.app-s8-inner li .block-box .title{ font-size: 20px;}
	.app-s8-inner li .block-box .tel{ font-size: 60px; margin-top: 40px;}
	.app-s8-inner li .block-box .pic{ width: 138px;}
	
	
	
	
}
@media (max-width: 1440px){
	/* 缩小70% */
	.edit-container{ width: 1008px;}
	
	.s-banner{ margin-top: 108px;}
	
	.app-base-title{ font-size: 28px;}
	.app-base-cont{ font-size: 16px;}
	
	.app-s1{ padding: 70px 0;}
	.app-s1-inner{ font-size: 14px;}
	.app-s1-tabs{ margin-top: 15px;}
	.app-s1-tabs-item{ padding: 20px 0;}
	.app-s1-tabs-item .title{ font-size: 18px;}
	.app-s1-tabs-item .title::before{ width: 20px; height: 20px; left: -28px;}
	
	.app-s2{ padding: 70px 0;}
	.app-s2-swiper{ margin-top: 50px;}
	
	.app-s3{ padding: 70px 0;}
	.app-s3-list li .block-box .pic .title{ padding: 0 25px 20px 25px; font-size: 18px;}
	.app-s3-list li .block-box .cont-box .cont{ font-size: 14px;}
	
	.app-s4{ padding: 70px 0;}
	.app-s4-inner{ margin-top: 40px;}
	.app-s4-inner .edit-container{ width: 840px;}
	.app-s4-swiper .swiper-slide .block-box{ padding: 40px 50px;}
	.app-s4-swiper .swiper-slide .block-box .cont-inner{ font-size: 14px; left: 50px;}
	.app-s4-swiper .swiper-slide .block-box .cont-inner .title{ font-size: 18px;}
	.app-s4-swiper .swiper-arrow{ width: 35px; height: 35px;}
	.app-s4-swiper .swiper-arrow-prev{ left: -52px;}
	.app-s4-swiper .swiper-arrow-next{ right: -52px;}
	
	.app-s5{ padding: 70px 0;}
	.app-s5-inner{ margin-top: 40px;}
	.app-s5-tabs li .block-box{ padding-bottom: 15px;}
	.app-s5-tabs li .block-box .title{ height: 112px; border-radius: 14px 14px 0 0;}
	.app-s5-tabs li .block-box .title span{ font-size: 20px; left: 160px;}
	.app-s5-tabs-content{ padding: 40px 50px; font-size: 14px;}
	.hyqy-list li .block-box{ padding: 20px 25px 20px 70px;}
	.hyqy-list li .block-box .title{ font-size: 18px;}
	.hyqy-list li .block-box .title .icon{ width: 25px; left: -35px;}
	.app-s5-hqfs{ margin-top: 20px; font-size: 14px;}
	.app-s5-hqfs .title{ font-size: 18px;}
	
	.app-s6{ padding-top: 50px;}
	.app-s6-inner{ padding-left: 95px;}
	.app-s6-inner .cont-inner{ right: 50px; font-size: 16px;}
	.app-s6-inner .cont-inner .title{ font-size: 28px;}
	
	.app-s7{ padding: 70px 0;}
	.app-s7-inner{ margin-top: 40px;}
	.app-s7-list li .block-box{ height: 432px;}
	.app-s7-list li .block-box .top-title{ height: 42px; line-height: 42px; font-size: 18px;}
	.app-s7-list li .block-box .cont-box{ padding: 15px;}
	.app-s7-list li .block-box .cont-box dd .icon{ width: 75px;}
	.app-s7-list li .block-box .cont-box dd .title{ font-size: 14px;}
	
	.app-s8{ height: 392px; padding-top: 55px;}
	.app-s8-inner ul{ margin: 0 -20px;}
	.app-s8-inner li{ padding: 0 20px;}
	.app-s8-inner li .block-box .title{ font-size: 18px;}
	.app-s8-inner li .block-box .tel{ font-size: 52px; margin-top: 35px;}
	.app-s8-inner li .block-box .pic{ width: 120px;}
	
	
	
	
	
}
@media (max-width: 1200px){
	/* 缩小60% */
	.edit-container{ width: 960px;}
	
	.s-banner{ margin-top: 72px;}
	
	.app-base-title{ font-size: 24px;}
	.app-base-cont{ font-size: 14px;}
	
	.app-s1{ padding: 60px 0;}
	.app-s1-inner{ padding: 0 40px;}
	.app-s1-tabs{ margin-top: 0;}
	.app-s1-tabs-item{ padding: 10px 0;}
	
	.app-s2{ padding: 60px 0;}
	
	.app-s3{ padding: 60px 0;}
	.app-s3-list ul{ margin: 0 -15px;}
	.app-s3-list li{ padding: 0 15px;}
	
	.app-s4{ padding: 60px 0;}
	
	.app-s5{ padding: 60px 0;}
	
	.app-s6-inner .cont-inner .title{ font-size: 24px;}
	
	.app-s7{ padding: 60px 0;}
	
	.app-s8-inner li .block-box .tel{ font-size: 44px;}
	
	
}

@media (max-width: 992px){
	/* 缩小60% */
	.edit-container{ width: 100%;}
	
	.swiper-pagination-bullet{ width: 8px; height: 8px; margin: 0 8px !important;}
	
	.s-banner{ margin-top: 50px;}
	
	.app-base-title{ font-size: 18px;}
	.app-base-cont{ font-size: 12px; margin-top: 10px;}
	
	.app-s1{ padding: 40px 20px;}
	.app-s1-swiper{ float: none; width: 100%;}
	.app-s1-inner{ float: none; width: 100%; padding: 0 0 0 30px; margin-top: 30px; font-size: 12px;}
	.app-s1-tabs-item .title{ font-size: 16px;}
	.app-s1-tabs-item .title::before{ width: 18px; height: 18px; left: -24px;}
	
	.app-s2{ padding: 40px 20px;}
	.app-s2-swiper{ margin: 30px -20px 0 -20px;}
	.app-s2-swiper .swiper-slide{ width: 50%;}
	.app-s2-swiper.swiper-animate .swiper-pagination{ margin-top: 20px;}
	
	.app-s3{ padding: 40px 20px;}
	.app-s3-list li{ width: 100%; margin-top: 40px;}
	.app-s3-list li .block-box .pic .title{ padding: 0 20px 20px 20px; font-size: 16px;}
	.app-s3-list li .block-box .cont-box .cont{ font-size: 12px;}
	.app-s3-list li:first-child{ margin-top: 0;}
	
	.app-s4{ padding: 40px 20px;}
	.app-s4-inner{ margin-top: 30px;}
	.app-s4-inner .edit-container{ width: 100%;}
	.app-s4-swiper .swiper-slide .block-box{ padding: 30px 20px;}
	.app-s4-swiper .swiper-slide .block-box .pic{ float: none; width: 100%;}
	.app-s4-swiper .swiper-slide .block-box .cont-inner{ width: 100%; position: initial; transform: translateY(0); margin-top: 30px; font-size: 12px;}
	.app-s4-swiper .swiper-slide .block-box .cont-inner .title{ font-size: 16px;}
	.app-s4-swiper .swiper-slide .block-box .cont-inner .cont{ margin-top: 10px;}
	.app-s4-swiper .swiper-pagination{ bottom: -30px;}
	
	.app-s5{ padding: 40px 20px;}
	.app-s5-inner{ margin-top: 30px;}
	.app-s5-tabs ul{ margin: 0 -5px;}
	.app-s5-tabs li{ padding: 0 5px;}
	.app-s5-tabs li .block-box{ padding-bottom: 5px;}
	.app-s5-tabs li .block-box .title{ height: 45px; background-position: bottom right; background-size: cover; border-radius: 6px 6px 0 0;}
	.app-s5-tabs li .block-box .title span{ font-size: 14px; left: 35px;}
	
	.app-s5-tabs-content{ padding: 20px; font-size: 12px;}
	.app-s5-tabs-content .top-title{ font-size: 16px;}
	.hyqy-list li{ float: none; width: 100%;}
	.hyqy-list li .block-box{ padding: 20px 20px 20px 40px;}
	.hyqy-list li .block-box .title{ font-size: 16px;}
	.hyqy-list li .block-box .title .icon{ width: 20px; left: -28px;}
	.app-s5-hqfs{ font-size: 12px;}
	.app-s5-hqfs .title{ font-size: 16px;}
	.app-s5-hqfs .cont{ text-align: left;}
	
	.app-s6{ padding: 40px 20px 0 20px;}
	.app-s6-inner{ padding-left: 0;}
	.app-s6-inner .pic{ float: none; width: 100%; margin-top: 30px; padding: 0 20px;}
	.app-s6-inner .cont-inner{ width: 100%; position: initial; transform: translateY(0); font-size: 12px;}
	.app-s6-inner .cont-inner .title{ font-size: 18px;}
	.app-s6-inner .cont-inner .cont{ margin-top: 10px;}
	
	.app-s7{ padding: 40px 20px;}
	.app-s7-inner{ margin-top: 30px;}
	.app-s7-list li{ float: none; width: 100%; margin-top: 20px;}
	.app-s7-list li:first-child{ margin-top: 0;}
	.app-s7-list li .block-box{ height: auto;}
	.app-s7-list li .block-box .top-title{ font-size: 16px;}
	.app-s7-list li .block-box .cont-box dd .icon{ width: 65%;}
	.app-s7-list li .block-box .cont-box dd .title{ font-size: 12px;}
	
	.app-s8{ padding: 40px 20px 0 20px; height: 115vw;}
	.app-s8-inner li{ width: 50%; margin-top: 20px;}
	.app-s8-inner li:first-child{ width: 100%; margin-top: 0;}
	.app-s8-inner li .block-box .title{ font-size: 16px ;}
	.app-s8-inner li .block-box .tel{ font-size: 28px; line-height: 1; margin-top: 10px;}
	.app-s8-inner li .block-box .pic{ width: 70%; margin-top: 10px;}
	
	
	
	
	
	
	
}