.message{background:;}
.message-content{position:relative; z-index:8;}
.message-content>article{width:1200px;}
.message-text{float:left; width:60%; padding:58px 0;}
.message-text h4{display:block; font-weight:normal; font-size:18px; margin-bottom:18px;}
.message-text h3{display:block; font-weight:normal; font-size:28px;}
.message-title{padding-bottom:28px;}
.message-title>b{display:block; font-size:38px; line-height:1; color:#989898;}
.message-title>b>u{position:relative; text-decoration:none; padding-right:8px; color:#f20f0f;}
.message-title>b>i{font-style:normal; display:inline-block; position:relative;}
.message-title>b>u:before{position:absolute; left:100%; top:50%; width:48px; height:8px; content:''; opacity:0.2; background:#f20f0f;}
.message-title>p{font-size:38px; line-height:1; margin:12px 0 0;}
.message-title>p>b{display:inline-block; padding-right:4px;}
.message-sub{float:left; width:40%; position:relative; top:58px; background:#fff; box-shadow:0 0 18px rgba(0,0,0,0.18);}
.message-sub>ul{padding:8px 8px 8px 28px;}
.message-sub>ul>li{padding:0 0 0 48px; margin:38px 0; position:relative;}
.message-sub>ul>li>i{font-size:28px; position:absolute; top:50%; line-height:28px; margin-top:-14px; left:0; color:#f20f0f;}
.message-sub>ul>li>span{display:block; color:#686868;}
.message-sub>ul>li>h3{font-size:18px; margin-top:4px;}
.message-center{padding:138px 0; text-align:center; overflow:hidden; position:relative; z-index:1; color:#fff; background:#383838;}
.message-center>img{position:absolute; top:0; left:0; width:100%; height:100%; object-fit:cover;}
.message-center article{overflow:hidden; position:relative; z-index:2;}
.message-center p{font-size:28px;}
.message-center h2{display:inline-block; font-size:38px; padding:0 38px; position:relative;}
.message-center h2:before,
.message-center h2:after{width:1000px; top:50%; height:1px; background:#fff; content:''; position:absolute;}
.message-center h2:before{right:100%;}
.message-center h2:after{left:100%;}
.message-form{position:relative; top:-58px; z-index:8; width:888px; max-width:100%; background:#fff; box-shadow:0 0 18px rgba(0,0,0,0.18); padding:38px; margin:0 auto;}
.message-form dl{display:block; margin:0 0 18px 0;}
.message-form dt{display:block; margin-bottom:8px;}
.message-form dt h4{display:inline-block; font-size:16px;}
.message-form dt i{display:inline-block; font-style:normal; color:red; margin-left:3px;}
.message-form dd{display:block;} 
.message-form dd span{display:block;}
.message-form dd span.captcha{position:relative;}
.message-form dd span.captcha i{position:absolute; background:#f8f8f8; top:1px; right:1px; bottom:1px; border:3px; padding:6px; padding-bottom:0;}
.message-form dd span.captcha img{display:block; max-height:100%; cursor:pointer;}
.message-form dd p{display:block; margin:4px 0 0; color:#686868;}
.message-form button{margin:8px 0 0; width:100%; padding:10px; border:none; border-radius:3px; font-size:16px; cursor:pointer; transition:.3s; color:#fff; background:#f20f0f;}
.message-form button:hover{background:#181818;}
.message-form select,
.message-form textarea,
.message-form input[type=file],
.message-form input[type=text],
.message-form input[type=password],
.message-form input[type=number],
.message-form input[type=tel],
.message-form input[type=email]{padding:10px 18px; line-height:22px; height:44px; font-size:15px;}
.message-form select[multiple],
.message-form textarea{height:138px;}
.message-form select:hover,
.message-form textarea:hover,
.message-form input[type]:hover,
.message-form div.file_input>input[type=file]:hover+input[type=text],
.message-form select:focus,
.message-form textarea:focus,
.message-form input[type]:focus,
.message-form div.file_input>input[type=file]:focus+input[type=text]{border-color:#989898;}
@media(max-width:1200px){
.message-text{float:none; width:auto; padding:38px 0;}
.message-sub{float:none; width:auto; top:0; margin-bottom:38px;}
.message-center{padding:88px 0;}
.message-form{top:0;}
}
@media(max-width:767px){
.message-text{padding:18px 0;}
.message-text h4{font-size:16px;}
.message-text h3{font-size:22px;}
.message-title{padding-bottom:16px;}
.message-title>b{font-size:28px;}
.message-title>b>u{padding-right:4px;}
.message-title>b>u:before{width:38px; height:6px;}
.message-title>p{font-size:28px; margin:8px 0 0;}
.message-title>p>b{padding-right:2px;}
.message-sub{margin-bottom:18px;}
.message-sub>ul{padding:8px 8px 8px 18px;}
.message-sub>ul>li{padding:0 0 0 38px; margin:18px 0;}
.message-sub>ul>li>i{font-size:22px; line-height:22px; margin-top:-11px;}
.message-sub>ul>li>h3{font-size:15px; margin-top:4px;}
.message-center{padding:38px 0;}
.message-center p{font-size:16px;}
.message-center h2{font-size:24px; padding:0 28px;}
.message-form{padding:16px;}
}