.detial-kv { position:relative;}
.detial-kv-text {position:absolute;top: 42%;left: 5.8vw;font-size:calc(100vw * 48 / 1920);color:#FFF;font-weight: 300;margin-left: 216px;}
.detial-text {position:absolute;top: 34%;left: 4%;color:#FFF;}
.detial-text p {font-size:calc(100vw * 36 / 1920);font-weight:250;padding-bottom: 0.6vw;}
.detial-text h1 { position:relative; font-size:calc(100vw * 64 / 1920);}
.detial-kv-text:before {content:'';position:absolute;width:12.5vw;height:12.5vw;background:url('data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjQyIiBoZWlnaHQ9IjI0MiIgdmlld0JveD0iMCAwIDI0MiAyNDIiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZD0iTTI0MSA4OFYxSDFWMjQxLjVIMjQxVjE0NyIgc3Ryb2tlPSJ3aGl0ZSIvPjwvc3ZnPg==');background-size: contain;top: 50%;transform: translateY(-50%);left: -9.7vw;}


@media only screen and (max-width: 1024px) and (orientation: portrait),only screen and (max-width: 768px){
.detial-kv { margin-top:54px;}
.detial-kv-text {margin-left: auto;left:10%;width: 80%;text-align: center;top: 30%;}
.detial-kv-text:before { content:none;}
.detial-kv-text h1 { font-size:32px;}
}