@charset "UTF-8";

.customize-banner {height: 100vh;background-size: cover;background-attachment: fixed;background-size:100% auto !important;position: relative;}
.customize-banner .tit {position: absolute;top:0;right: 0;bottom: 0;left: 0;margin: 0 auto;display: flex;align-items: center;justify-content: center;background: rgba(0,0,0,.32);text-align: center;}
.customize-banner .tit h1 {line-height: 1;color: #fff;font-weight: 600;}
.customize-banner .tit p {font-size: 18px;line-height:1.6;max-width: 860px;margin: 20px auto 0;color: #fff;}

@media screen and (max-width: 1440px) {
.customize-banner .tit p{font-size:17px;margin:17px auto 0;}
}
                                          
@media screen and (max-width: 1367px) {
.customize-banner .tit p{font-size:16px;margin:15px auto 0;}

}
                                    
@media screen and (max-width: 1280px) {
.customize-banner .tit p{line-height:1.5;}
}
                                
@media screen and (max-width: 992px) {
.customize-banner {height: 480px;background-size: auto 100% !important;}
.customize-banner .tit p{margin: 10px auto 0;}
}
                                
@media screen and (max-width: 768px) {
.customize-banner {height: 360px;}
.customize-banner .tit p{font-size:15px;line-height:1.4;margin:5px auto 0;}
}

@media screen and (max-width: 480px) {
.customize-banner {height: 280px;}
.customize-banner .tit p{font-size:14px;}
}

@media screen and (max-width: 400px) {
.customize-banner {height: 240px;}

}