.contact{padding:58px 0; background:;}
.contact .title+.list{margin-top:28px;}
.contact .title{text-align:center;}
.contact .title b{font-size:38px; font-weight:normal; display:block;}
.contact .title p{font-size:18px; font-weight:500; display:inline-block; color:rgb(157,81,184);
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
background-image:-webkit-linear-gradient(left, rgb(17,121,215), rgb(157,81,184));}
.contact .list{text-align:center;}
.contact .list:after{display:block; content:''; clear:both;}
.contact .list dl{float:left; width:33.333%; position:relative; padding:0 38px;}
.contact .list dl:before{position:absolute; content:''; width:1px; right:0; top:18px; bottom:18px; background:#e8e8e8;}
.contact .list dl:last-child:before{display:none;}
.contact .list dt{}
.contact .list dt i{width:98px; height:98px; line-height:94px; border-width:2px 0 0 0; border-style:solid; border-color:#d8d8d8; border-radius:50%; font-size:48px; color:rgb(17,121,215);}
.contact .list dl:nth-child(1) dt i{color:rgb(245,169,83);}
.contact .list dl:nth-child(2) dt i{color:rgb(136,188,51);}
.contact .list dl:nth-child(3) dt i{color:rgb(239,232,33);}
.contact .list dt b{display:block; text-align:center; font-size:24px; font-weight:normal; position:relative; top:-18px;}
.contact .list dd{}
.contact .list dd p{min-height:73px;} 
.contact aside.content{margin-top:38px;}
@media(max-width:1199px){
.contact{padding:38px 0;}
.contact .title b{font-size:28px;}
.contact .title p{font-size:16px;}
.contact .list dl{padding:0 18px;}
.contact .list dt i{width:78px; height:78px; line-height:74px; font-size:38px;}
.contact .list dt b{font-size:20px; top:-12px;}
.contact aside.content{margin-top:28px;}
}
@media(max-width:767px){
.contact{padding:18px 0;}
.contact .title+.list{margin-top:18px;}
.contact .title b{font-size:22px;}
.contact .title p{font-size:14px;}
.contact .list dl{float:none; width:100%; padding:0;}
.contact .list dl:before{display:none;}
.contact .list dl:after{display:block; content:''; clear:both;}
.contact .list dt{float:left; width:58px;}
.contact .list dt i{width:58px; height:58px; line-height:54px; font-size:28px;}
.contact .list dt b{font-size:16px; top:-12px;}
.contact .list dd{margin-left:66px; text-align:left; border-bottom:1px solid #e8e8e8;}
.contact .list dd p{padding:8px;}
.contact aside.content{margin-top:8px;}
}

.message{padding:58px 0; background:rgb(248,248,248);}
.message .title+.form{margin-top:28px;}
.message .title{text-align:center;}
.message .title b{font-size:38px; font-weight:normal; display:block;}
.message .title p{font-size:18px; font-weight:500; display:inline-block; color:rgb(157,81,184);
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
background-image:-webkit-linear-gradient(left, rgb(17,121,215), rgb(157,81,184));}
.message .form{margin:0 -18px;}
.message .form form:after{display:block; content:''; clear:both;}
.message .form dl{padding:0 18px; float:left; width:100%;}
.message .form dl.form0,
.message .form dl.form1,
.message .form dl.form2,
.message .form dl.form888{width:50%;}
.message .form dt{padding:8px 8px 0 8px;}
.message .form dt h4{display:inline-block;}
.message .form dt i{display:inline-block; color:red; margin-left:4px;}
.message .form dd{padding:8px 0;}
.message .form dd span{display:block;}
.message .form dd p{padding:8px; color:#888;}
.message .form span.captcha{position:relative; display:block;}
.message .form span.captcha i{position:absolute; top:0; right:0; bottom:0; z-index:3; background:#f0f0f0;}
.message .form span.captcha i img{display:block; padding:8px 8px 0 8px; border-bottom-right-radius:3px; border-top-right-radius:3px; cursor:pointer;}
.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]{background:rgb(255,255,255); border:none; box-shadow:none; height:auto; padding:12px 18px; font-size:14px;}
.message .form textarea{height:168px;}
.message .form button{float:right; background:rgb(17,121,215); color:#fff; font-size:16px; padding:0 38px; height:48px; 
margin:40px 18px 0 0; border-radius:3px; border:none; cursor:pointer; transition:.3s;}
.message .form button:hover{background:rgb(157,81,184);}
@media(max-width:1199px){
.message{padding:38px 0;}
.message .title b{font-size:28px;}
.message .title p{font-size:16px;}
.message .form{margin:0 -8px;}
.message .form dl{padding:0 8px;}
}
@media(max-width:767px){
.message{padding:18px 0;}
.message .title+.form{margin-top:14px;}
.message .title b{font-size:22px;}
.message .title p{font-size:14px;}
.message .form dt{padding:4px 4px 0 4px;}
.message .form dd{padding:4px 0;}
.message .form dd p{padding:4px;}
.message .form dl.form0,
.message .form dl.form1,
.message .form dl.form2,
.message .form dl.form888{width:100%;}
.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:8px;}
.message .form textarea{height:108px;}
.message .form span.captcha i img{padding:6px 6px 0 6px;}
.message .form button{margin:8px 0 0 8px; font-size:14px; height:38px; float:left;}
}
.message .form dt,
.message .form dd p{display:none !important;}
.message .form button{margin-top:8px;}