.contact{padding:68px 0; position:relative; background:#ffffff;}
.contact-text{float:left; width:33.333%;}
.contact-text>div{margin-bottom:28px;}
.contact-text>div>h2{font-size:28px; margin-bottom:8px; font-weight:normal;}
.contact-text aside>p{font-size:16px; color:#686868;}
.contact-text>h3{font-size:22px; color:#b29470;}
.contact-content{float:left; width:66.666%; padding-left:38px;}
.contact-content ul{margin:-28px -18px 0 -18px;}
.contact-content ul:after{display:block; content:''; clear:both;}
.contact-content ul>li{float:left; width:33.3333%; text-align:center; padding:0 18px; margin-top:28px;}
.contact-content ul>li>span{position:relative; display:block; height:208px; padding:0 8px; overflow:hidden; border:1px solid #e8e8e8; border-radius:3px; border:1px solid #d8d8d8;}
.contact-content ul>li>span>i{position:relative; z-index:2; margin:38px 0 24px 0; font-size:48px; color:#fc6b00;}
.contact-content ul>li>span>b{position:relative; z-index:2; display:block; font-size:18px;}
.contact-content ul>li>span>p{position:relative; z-index:2;}
.contact-content ul>li>span>u{position:absolute; font-size:128px; left:100%; top:100%; transform:translate(-60%,-60%); color:#e8e8e8;}
@media(max-width:1200px){
.contact{padding:38px 0;}
.contact-text{float:none; width:auto;}
.contact-text:after{display:block; content:''; clear:both;}
.contact-text>div{float:left; width:50%;}
.contact-text>div+div{padding-left:18px;}
.contact-text>h3{clear:both;}
.contact-content{padding-left:0; width:auto; float:none;}
.contact-content ul{margin:0 -8px;}
.contact-content ul>li{padding:0 8px; margin-top:18px;}
}
@media(max-width:767px){
.contact{padding:18px 0;}
.contact-text>div{float:none; width:auto; margin-bottom:8px;}
.contact-text>div+div{padding-left:0;}
.contact-text>div>h2{font-size:22px; margin-bottom:6px;}
.contact-text aside>p{font-size:14px;}
.contact-text>h3{font-size:18px;}
.contact-content ul{margin:0 -4px;}
.contact-content ul>li{padding:0 4px; width:50%; margin-top:12px;}
}