/* banner layout */
.wrap .banner {position: relative;padding-bottom: 0 !important; transform: translateY(0); height: 200px; margin-top: -1px; }
.wrap .banner .bg {width: 100%;height: 100%; position: absolute; top: 0;left: 0;}
.wrap .banner .bg > * {height: 100%;}
.wrap .banner .txt .tit {color: var(--white); font-size: 22px; line-height: 1.55; text-transform: uppercase;}
.wrap .banner .txt .desc p {color: #fff; font-size: 14px;}
.wrap .banner .inner .half-cont > * {height: 200px;}
.wrap .banner .inner .half-cont > *:last-child {padding-left: 120px;}
.wrap .banner .half-cont > a > div {position: relative;top: 50%;transform: translateY(-50%);}
.wrap .banner .half-cont > a > div > * {display: table-cell;padding: 0;}
.wrap .banner .half-cont > a .txt .desc {margin-top: 15px;}
.wrap .banner .more-btn {position: absolute;top: 50%;transform: translateY(-50%);right: 60px;}


@media screen and (max-width: 1440px) {
	/* banner layout */
	.wrap .banner {height: 13.89vw;}
	.wrap .banner .txt .tit {font-size: 1.53vw;}
	.wrap .banner .txt .desc p { font-size: 0.97vw;}
	.wrap .banner .inner .half-cont > * {height: 13.89vw;}
	.wrap .banner .inner .half-cont > *:last-child {padding-left: 8.33vw;}
	.wrap .banner .half-cont > a .txt .desc {margin-top: 1.04vw;}
	.wrap .banner .more-btn {right: 4.17vw;}
}

@media screen and (max-width: 1024px) and (min-width: 769px) {
	/* banner layout */
	.wrap .banner .txt .tit {font-size: 16px;}
	.wrap .banner .txt .desc p { font-size: 10px;}
	.wrap .banner .half-cont > a .txt .desc {margin-top:5px;}
}

@media screen and (max-width: 768px) {
	/* banner layout */
	.wrap .banner {height: 100vw; margin-top: 0; }
	.wrap .banner .bg {width: 100%;height: 100%;position: absolute;top: 0;left: 0;}
	.wrap .banner .bg > * {height: 50vw;}
	.wrap .banner .txt .tit {color: var(--white);font-size: 6.67vw;line-height: 1.33;margin-bottom: 0; text-align: left;}
	.wrap .banner .txt .desc p {color: #fff;font-size: 3.33vw; text-align: left; }
	.wrap .banner .inner .half-cont > * {height: 50vw;}
	.wrap .banner .inner .half-cont > *:last-child {padding-left: 0;}
	.wrap .banner .half-cont > a > div {position: relative;width: 100%;top: 50%;transform: translateY(-50%);padding: 0;}
	.wrap .banner .half-cont > a > div > * { background-color: transparent; width: auto; padding: 0; left: auto; right: 0; text-align: left; }
	.wrap .banner .half-cont .max_wrap { max-width: 56.64vw; }
	.wrap .banner .half-cont > a .txt .desc {margin-top: 15px;padding: 0;}
	.wrap .banner .more-btn {position: absolute;right: 0;top: 50%;transform: translateY(-50%);}
}