.page_ibanner{background: url(../images/product/page_bannger.webp) no-repeat center/cover;}
.page_ibanner .title{font-size: clamp(30px, 5vw, 50px);color: #fff;}

.main .contact{margin-top: 5%;}
.main .contact .title_warp{text-align: center;}
.main .contact .title{font-size: clamp(30px, 4vw, 50px);color: #000;font-weight: bold;}
.main .contact .desc{font-size: 16px;color: #666;margin-top: 1%;}
.main .contact .list{margin-top: 3%;display: grid;grid-template-columns: repeat(4,1fr);grid-gap: 30px;}
.main .contact .item{display: flex;justify-content: start;align-items: center;}
.main .contact .img_warp{width: 58px;padding-bottom: 58px;background-color: #A1CC3A;border-radius: 50%;margin-right: 20px;flex-shrink: 0;}
.main .contact .img_warp img{width: 30px;height: auto;left: 50%;top: 50%;transform: translate(-50%,-50%);}
.main .contact .item .title{font-size: 18px;color: #666;}
.main .map_warp{margin-top: 10%;position: relative;}
.map_warp .map img,.map_warp .map iframe{width: 100%;min-height: 800px;}
.map_warp .info{position: absolute;width: fit-content;max-width: 600px;right: 16%;top: -12%;border-top: 9px solid #A1CC3A;background-color: #fff;padding: 2% 2% 5%;}
.map_warp .title{font-size: clamp(28px, 4vw, 40px);color: #333;font-weight: bold;}
.map_warp .desc{font-size: 16px;color: #666;margin: 3% 0;}

.main .map_form ul{margin-top: 3%;}
.main .map_form .item{width: 100%;position: relative;padding: 0 0px 0 25px;background-color: #F6F6F6;margin-bottom: 13px;}
.main .map_form .item::before{content: '*';color: red;position: absolute;left: 10px;top: 17px;}
.main .map_form .item_message{width: 100%;}
.main .map_form input{width: 100%;border: none;font-size: 18px;padding: 12px 0;background-color: transparent;}
.main .map_form input::placeholder{color: #333;}
.main .map_form textarea{width: 100%;border: none;padding-top: 10px;font-size: 18px;background-color: transparent;}
.main .map_form textarea::placeholder{color: #333;font-size: 18px;}
.main .map_form .item_message::before{top: 16px;}
.main .map_form .item.item_submit::before{display: none;}
.main .map_form .item.item_submit{background-color: #FF6600;max-width: 150px;transition: all .3s;position: absolute;right: 0;bottom: 2%;padding: 0;display: flex;justify-content: center;align-items: center;}
.main .map_form .item.item_submit::after{content: ' ';display: inline-block;width: 14px;height: 8px;background: url(../images/contact/r_w.webp) no-repeat center/cover;margin-left: 10px;}
.main .map_form input.submit_btn{background-color: transparent;color: #fff;border-bottom: none;width: fit-content;}
.main .map_form .item_submit:hover{background-color: #000000;}




@media only screen and (max-width: 1660px) {
}
@media only screen and (max-width: 950px) {
	.page_ibanner{min-height: 200px;justify-content: center;align-items: center;display: flex;margin-top: 70px;padding: 30px 0;}
	.main .contact .list{grid-template-columns: repeat(1,1fr);}
	.main .map_warp{display: flex;flex-direction: column-reverse;}
	.map_warp .info{position: relative;top: 0;right: 0;padding-bottom: 70px;margin: 10% auto;width: 90%;}
	.map_warp .map img{min-height: auto;}
	.map_warp .map iframe{min-height: 400px;}
}
@media only screen and (max-width: 480px) {

}