.show{padding:58px 0; position:relative; overflow:hidden;}
.show-text{font-size:228px; position:absolute; top:50%; left:0; font-weight:bold; color:#f6f6f6; line-height:0; width:100%; white-space:nowrap;}
.show>article{position:relative; z-index:8;}
.show-content{float:left; width:55%; padding-right:28px;}
.show-content>h2{margin-bottom:28px;}
.show-content>h2>b{font-size:32px; display:inline-block;}
.show-content>h2>u{font-size:28px; display:inline-block; margin-left:8px; font-weight:bold; color:#1258af;}
.show-content>aside{font-size:16px;}
.show-content>aside>p{margin-top:18px;}
.show-image{float:left; width:45%;}
.show-image>div{width:500px; max-width:96%; margin:0 auto; float:right;}
.show-image>div>span{display:block; width:100%; padding:0 0 100% 0; position:relative; overflow:hidden; background:#e8e8e8; border-radius:50%;}
.show-image>div>span:before{position:absolute; z-index:6; left:0; top:0; right:0; content:''; height:50%; transform-origin:bottom center; transform:rotate(135deg); transition:.3s; background:#1258af;}
.show-image>div>span>img{position:absolute; z-index:8; top:0; left:0; width:100%; height:100%; padding:8px; object-fit:cover; border-radius:50%; transition:.3s;}
.show-image>div>span:hover:before{transform:rotate(120deg);}
.show-image>div>span:hover>img{transform:rotate(15deg) scale(0.98);}
@media(max-width:1200px){
.show{padding:38px 0;}
.show-content{float:none; width:auto; padding:0 0 28px 0;}
.show-image{float:none; width:auto;}
.show-image>div{float:none;}
}
@media(max-width:767px){
.show{padding:18px 0;}
.show-content{padding:0 0 18px 0;}
.show-content>h2{margin-bottom:18px; text-align:center;}
.show-content>h2>b{font-size:26px;}
.show-content>h2>u{font-size:20px;}
.show-content>aside{font-size:14px;}
.show-content>aside>p{margin-top:8px;}

}