.application{margin: 3% auto;}
.application .tabs{display: flex;justify-content: center;align-items: center;}
.application .tab{margin: 0 16px;font-size: 18px;color: var(--conmmonColor);text-transform: uppercase;padding: 16px;text-align: center;display: block;}
.application .tab.active{border-top: 3px solid var(--conmmonColor);border-bottom: 3px solid var(--conmmonColor);}
.application .tab:hover{border-top: 3px solid var(--conmmonColor);border-bottom: 3px solid var(--conmmonColor);}
.application .tabs_content .tabs_warp{display: none;margin-top: 3%;justify-content: space-between;align-items: start;flex-wrap: wrap;}
.application .tabs_content .tabs_warp:nth-child(1){display: flex;}
.application .tabs_content .tabs_warp .item{width: 23%;margin-bottom: 15px;}
.application .tabs_content .tabs_warp .img_warp{padding-bottom: 130%;}
.application .tabs_content .tabs_warp .img_warp .info{position: absolute;width: 100%;height: 100%;left: 0;top: 0;background-color: rgba(0, 0, 0, .35);display: flex;justify-content: center;align-items: center;font-size: 20px;color:#fff;text-transform: uppercase;transition: all .5s;transform: translateY(100%);}
.application .tabs_content .tabs_warp .item:hover .info{transform: translateY(0);}
.application .page{margin-top: 3%;}

.message{background: url(../image/message.webp) no-repeat center/cover;padding: 8% 0;}
.message .layout{display: flex;justify-content: center;align-items: center;flex-direction: column;max-width: 600px;margin: 0 auto;}
.message .title{font-size: 30px;color: #fff;font-weight: bold;}
.message .desc{font-size: 16px;color: #fff;margin: 2% 0;text-align: center;}
.message .form{display: flex;justify-content: start;width: 90%;margin: 0 auto;}
.message .form .input{background-color: transparent;border: 1px solid #fff;border-radius: 5px;color: #fff;font-size: 16px;padding: 1% 2%;width: 70%;height: 47px;}
.message .form .input::placeholder{color: #fff;}
.message .form .button{margin-left: 15px;background-color: #fff;color: var(--conmmonColor);padding: 1% 5%;border: 0;height: 47px;font-size: 18px;width: 20%;position: relative;overflow: hidden;display: flex;justify-content: center;align-items: center;}
.message .form .button::before{content: ' ';transition: all .5s;position: absolute;display: inline-block;width: 100%;height: 100%;left: 0;top: 0;background-color: var(--conmmonColor);transition: all .5s;transform: translateX(-100%);z-index: 1;border-radius: 0;}
.message .form .button span{position: relative;z-index: 2;}
.message .form .button:hover{color: #fff;}
.message .form .button:hover::before{transform: translateX(0);}

@media only screen and (max-width: 1200px) {
.application .tabs{display: flex;justify-content: start;align-items: center;}
.application .tab{padding: 5px 0;}

}
@media only screen and (max-width: 950px) {
	.application .tabs{overflow-x: auto;width: 100%;}
	.application .tab{flex-shrink: 0;width: fit-content;margin: 0;}
	.application .tabs_content .tabs_warp .item{width: 49%;}
	.message .form .input{height: 40px;}
	.message .form .button{height:40px}

}