.contact{padding:80px 0; position:relative;}
.contact-bg{position:absolute; left:0; top:0; right:0; z-index:1; height:400px; overflow:hidden;}
.contact-bg:before{display:block; width:200%; margin-left:-50%; height:100%; border-radius:0 0 50% 50%; content:''; background:#1169d8; background:linear-gradient(0deg, #1684ed, #1169d8);}
.contact>article{width:1200px; position:relative; z-index:8;}
.contact-title{text-align:center;}
.contact-title>h2{font-size:32px; margin-bottom:5px; color:#fff;}
.contact-title>p{font-size:18px; color:#eee;}
.contact-list{margin-top:50px;}
.contact-list>ul{margin:0 -20px;}
.contact-list>ul:after{display:block; content:''; clear:both;}
.contact-list>ul>li{float:left; width:33.3333%; padding:0 20px;}
.contact-list>ul>li>span{display:block; text-align:center; padding:40px 0 15px 0; border-radius:8px; border:1px solid #1169d822; box-shadow:0 6px 12px rgba(0,0,0,.1); overflow:hidden; background:#f8faff; background:linear-gradient(0deg, #f8faff, #fff);}
.contact-list>ul>li>span>i{display:block; font-size:48px; color:#1684ed;}
.contact-list>ul>li>span>h3{display:block; font-size:22px; margin-top:20px;}
.contact-list>ul>li>span>aside{font-size:16px; height:118px; margin-top:10px; overflow:hidden;}
.contact-list>ul>li>span>a{font-weight:bold; display:inline-block; color:#1684ed;}
.contact-name{text-align:center; margin-top:80px;}
.contact-name>h2{font-size:28px; margin-bottom:5px;}
.contact-name>p{font-size:16px; color:#787878;}
.contact-rows{margin-top:40px;}
.contact-rows>ul{border-radius:8px; border:1px solid #1169d822; box-shadow:0 0 12px rgba(0,0,0,.1); overflow:hidden; background:#f8faff; background:linear-gradient(0deg, #f8faff, #fff);}
.contact-rows>ul:after{display:block; content:''; clear:both;}
.contact-rows>ul>li{float:left; width:33.3333%; padding:0 20px; position:relative;}
.contact-rows>ul>li:before{position:absolute; left:-1px; top:30px; bottom:30px; width:1px; content:''; background:#1169d822; background:linear-gradient(0deg, #1169d800, #1169d822, #1169d800);}
.contact-rows>ul>li>span{display:block; text-align:center; padding:35px 0;}
.contact-rows>ul>li>span>i{display:block; font-size:42px; color:#1684ed;}
.contact-rows>ul>li>span>h3{display:block; font-size:22px; margin-top:20px;}
.contact-rows>ul>li>span>aside{font-size:16px; height:72px; margin-top:10px;}
.contact-rows>ul>li>span>a{font-weight:bold; display:inline-block; color:#1684ed;}
.contact-form{margin-top:40px;}
.contact-form form{padding:20px 20px 10px 20px; border-radius:8px; border:1px solid #1169d822; box-shadow:0 0 12px rgba(0,0,0,.1); overflow:hidden; background:#f8faff; background:linear-gradient(0deg, #f8faff, #fff);}
.contact-form form:after{display:block; content:''; clear:both;}
.contact-form form>dl{float:left; width:100%; padding:10px 20px;}
.contact-form form>dl.form0,
.contact-form form>dl.form1,
.contact-form form>dl.form2,
.contact-form form>dl.form888{width:50%;}
.contact-form form>dl.form888{float:none; clear:both;}
.contact-form form>dl>dt{line-height:20px; padding-bottom:8px;}
.contact-form form>dl>dt:after{display:block; content:''; clear:both;}
.contact-form form>dl>dt>h4{float:left; font-size:16px; padding-left:5px;}
.contact-form form>dl>dt>i{float:left; margin-left:4px; color:red;}
.contact-form form>dl>dd>p{margin:2px 0 0 5px; color:#787878;}
.contact-form form>dl>dd>span.captcha{position:relative; display:block;}
.contact-form form>dl>dd>span.captcha>i{position:absolute; top:6px; right:6px; bottom:6px;}
.contact-form form>dl>dd>span.captcha>i>img{display:block; height:100%;}
.contact-form form>button{color:#fff; border:none; border-radius:3px; padding:8px 38px; font-size:16px; line-height:22px; margin:10px 20px; cursor:pointer; transition:.3s; background:#1684ed;}
.contact-form form>button:hover{background:#1169d8;}
.contact-form select,
.contact-form textarea,
.contact-form input[type=file],
.contact-form input[type=text],
.contact-form input[type=password],
.contact-form input[type=number],
.contact-form input[type=tel],
.contact-form input[type=email]{background:#fff; border-color:#1169d822;}
.contact-form select:hover,
.contact-form textarea:hover,
.contact-form input[type]:hover,
.contact-form div.file_input>input[type=file]:hover+input[type=text],
.contact-form select:focus,
.contact-form textarea:focus,
.contact-form input[type]:focus,
.contact-form div.file_input>input[type=file]:focus+input[type=text]{border-color:#1684ed;}
@media(max-width:1200px){
.contact{padding:50px 0;}
.contact-list{margin-top:30px;}
.contact-list>ul{margin:0 -10px;}
.contact-list>ul>li{padding:0 10px;}
.contact-name{margin-top:50px;}
.contact-rows{margin-top:30px;}
.contact-form{margin-top:30px;}
.contact-form form{padding:20px 10px 10px 10px;}
.contact-form form>dl{padding:10px;}
}
@media(max-width:767px){
.contact{padding:20px 0;}
.contact-title>h2{font-size:22px; margin:0;}
.contact-title>p{font-size:14px;}
.contact-list{margin-top:10px;}
.contact-list>ul{margin:0;}
.contact-list>ul>li{padding:0; width:100%; margin-top:10px;}
.contact-list>ul>li>span{padding:20px 0 10px 0;}
.contact-list>ul>li>span>i{font-size:32px;}
.contact-list>ul>li>span>h3{font-size:18px; margin-top:10px;}
.contact-list>ul>li>span>aside{height:auto; font-size:14px; margin:10px 0 20px 0;}
.contact-name{margin-top:30px;}
.contact-name>h2{font-size:20px; margin-bottom:0;}
.contact-name>p{font-size:14px;}
.contact-rows{margin-top:20px;}
.contact-rows>ul>li{width:100%; padding:20px 0;}
.contact-rows>ul>li:before{ left:10px; right:10px; top:-1px; bottom:auto; width:auto; height:1px; background:linear-gradient(90deg, #1169d800, #1169d822, #1169d800);}
.contact-rows>ul>li>span{padding:0;}
.contact-rows>ul>li>span>i{font-size:30px;}
.contact-rows>ul>li>span>h3{font-size:17px; margin-top:10px;}
.contact-rows>ul>li>span>aside{font-size:14px; height:auto; margin:5px 0 20px 0;}
.contact-form{margin-top:20px;}
.contact-form form{padding:10px 5px 5px 5px;}
.contact-form form>dl{padding:5px;}
.contact-form form>dl.form0,
.contact-form form>dl.form1,
.contact-form form>dl.form2,
.contact-form form>dl.form888{width:100%;}
.contact-form form>dl>dt>h4{font-size: 15px;}
.contact-form form>button{margin:10px 5px;}
}