.ibanner{background: url(../images/about/ibanner.webp) no-repeat center/cover;width: 100%;padding: 0;}
.ibanner .layout {display: flex;justify-content: space-between;align-items: start;padding: 12% 0 4%;flex-direction: column;}
.ibanner .top{font-size: clamp(30px, 4.5vw, 40px);color: #fff;border-bottom: 2px solid rgba(255,255,255,.5);width: 100%;}
.ibanner .bottom{margin-top: 4%;color:#fff;display: flex;justify-content: space-between;align-items: start;width: 100%;}
.ibanner .bottom .title{font-size: clamp(40px, 5vw, 64px);}
.ibanner .bottom .smtitle{font-size: clamp(28px, 4.5vw, 48px);}
.ibanner .bottom .smtitle span{font-size: clamp(50px, 6vw, 60px);color: #2d9fd2;}
.ibanner .bottom .img_warp{width: 20%;padding-bottom: 23%;}

.spe_list{margin: 5% 0;display: grid;grid-template-columns: repeat(2,1fr);grid-gap: 40px 20px;}
.spe_item{display: flex;justify-content: start;align-items: center;}
.spe_item .img_warp{width: 24%;padding-bottom: 37%;}
.spe_item .info{margin-left: 3%;}
.spe_item .title{font-size: clamp(28px, 4.2vw, 36px);}
.spe_item .desc{font-size: clamp(18px, 2.5vw, 22px);color: #666;}
.spe_item .sm_list p{font-size: clamp(20px, 3vw, 24px);color: #666;display: flex;justify-content: start;align-items: center;margin: 15px 0;}
.spe_item .sm_list p::before{content: ' ';width: 30px;height: 30px;display: inline-block;border: 2px solid #0320a0;margin-right: 15px;}
.spe_item .sm_list p.yes::before{background: url(../images/product_d/dh.webp) no-repeat center/75%;}

.module{background: url(../images/product_d/module.webp) no-repeat center/cover;padding: 10% 0;}
.module .layout{display: flex;justify-content: space-evenly;align-items: center;}
.module .img_warp{width: 32%;padding-bottom: 47%;}
.module .info{margin-left: 3%;color: #fff;}
.module .title{font-size: clamp(28px, 4.2vw, 36px);}
.module .desc{font-size: clamp(18px, 2.5vw, 22px);}
.module .sm_list p{font-size: clamp(20px, 3vw, 24px);display: flex;justify-content: start;align-items: center;margin: 15px 0;}
.module .sm_list p::before{content: ' ';width: 30px;height: 30px;display: inline-block;border: 2px solid #fff;margin-right: 15px;}
.module .sm_list p.yes::before{background: url(../images/product_d/dhw.png) no-repeat center/75%;}

.module2{margin: 6% 0;}
.module2 .layout{display: flex;flex-direction: column;}
.module2 .layout .item{display: flex;justify-content: space-between;align-items: center;}
.module2 .item .img_warp{width: 50%;padding-bottom: 35%;}
.module2 .item .info{width: 50%;padding-left: 6%;}
.module2 .item{margin-bottom: 5%;}
.module2 .item:nth-child(2n){flex-direction: row-reverse;}
.module2 .item:nth-child(2n) .info{padding-right: 6%;padding-left: 0;}
.module2 .title{font-size: clamp(28px, 4.2vw, 36px);color: #333;margin-bottom: 3%;}
.module2 .desc{font-size: clamp(16px,2vw,24px);color: #666;}

.module3 {margin: 5% 0;padding: 5% 0;background: url(../images/product_d/module2.webp) no-repeat center/cover;}
.module3 .layout{display: flex;justify-content: space-between;align-items: center;}
.module3 .layout .info{width: 55%;color: #fff;}
.module3 .info .title{font-size: clamp(28px, 4.2vw, 48px);}
.module3 .info .desc{font-size:20px;margin-top: 2%;}
.module3 .list{margin-top: 4%;}
.module3 .item{border-bottom: 1px solid #fff;margin-top: 1%;}
.module3 .item .title{font-size: 20px;padding: 10px 50px 10px 0;position: relative;cursor: pointer;}
.module3 .item .title::after{content: ' ';display: inline-block;width: 30px;height: 30px;border-radius: 50%;background:#fff url(../images/product_d/down.webp) no-repeat center/75%;position: absolute;right: 0;top: 50%;transform: translateY(-50%) rotate(180deg);}
.module3 .item .desc{font-size: 18px;padding: 10px 0;margin-top: 0;display: none;}
.module3 .item.active .title::after{transform: translateY(-50%) rotate(0);;}
.module3 .layout .img_warp{width: 40%;padding-bottom: 38.2%;}

.module_form .title{font-size: clamp(30px, 3vw, 48px);color: #333;}
.module_form .desc{font-size: clamp(18px,2vw,24px);color: #666;}
.form ul{display: flex;justify-content: space-between;align-items: center;flex-wrap: wrap;margin: 3% 0 0;}
.form li {width: 49%;margin-bottom: 30px;position: relative;}
.form li:last-child{margin-bottom: 0;width: fit-content;}
.form li input{border: 2px solid #D9D9D9;line-height: 2.5;font-size: clamp(18px, 1.5vw, 24px);width: 100%;padding: 8px 20px;}
.form li::before{content: '*';color: #D22B2B;position: absolute;left: 8px;top: 28px;}
.form li.item_message{width: 100%;}
.form li.item_message textarea{border: 2px solid #D9D9D9;line-height: 1.5;font-size: clamp(18px, 1.5vw, 24px);width: 100%;padding: 8px 18px;}
.form li.item_message::before{content: '*';color: #D22B2B;position: absolute;left: 8px;top: 18px;}
.form li.item_submit::before{display: none;}
.form li .submit_btn{background-color: #0320A0;border-radius: 61px;color: #fff;font-size: clamp(18px, 1.5vw, 24px);border: 2px solid #0320A0;transition: all .3s;line-height: 1.2;padding: 8px 50px;}
.form li .submit_btn:hover{background-color: transparent;color: #0320A0;}

.module_product{margin: 5% 0;}
.module_product .title_warp{text-align: center;}
.module_product .title_warp .title{font-size: clamp(30px, 5vw, 64px);color: #0320A0;}
.module_product .title_warp .desc{font-size: clamp(18px, 1.5vw, 24px);color: #666;}
.module_product .list{display: grid;grid-template-columns: repeat(3,1fr);grid-gap: 30px;margin-top: 3%;}
.module_product .list .img_warp{background-color: #FAFAFA;border-radius: 70px;}
.module_product .list .img_warp img{width: 80%;height: 80%;left: 50%;top: 50%;transform: translate(-50%,-50%);transition: all .3s;}
.module_product .list .img_warp:hover img{transform:translate(-50%, -50%) scale(1.1);}
.module_product .list .link{display: block;text-align: center;font-size: clamp(20px, 1.5vw, 24px);margin-top: 5%;}



@media only screen and (max-width: 950px) {
	.spe_list{grid-template-columns: repeat(1,1fr);}
	.module .layout{flex-direction: column;}
	.module .img_warp{width: 50%;padding-bottom: 74%;}
	.module .info{margin: 5%;width: 100%;padding: 0 5%;}
	.module2 .layout .item{flex-direction: column;}
	.module2 .item .img_warp{width: 100%;padding-bottom: 70%;}
	.module2 .item .info{width: 100%;padding:5% 0;}
	.module3{padding: 10% 0;}
	.module3 .layout{flex-direction: column-reverse;}
	.module3 .layout .img_warp{width: 80%;padding-bottom: 76.4%;}
	.module3 .layout .info{width: 100%;margin-top: 5%;}
	.form li{width: 100%;}
	.form li::before{top: 20px;}
	.form li.item_message::before{top: 13px;}
	.module_product .list{grid-template-columns: repeat(1,1fr);}

}