.contact-banner{background-image:url(../images/contact/banner.jpg);background-size:cover;padding-top:80px;padding-bottom:80px;}
.contact-banner h2{font-family: "mySourceHanSansSC",Microsoft Yahei,Arial,sans-serif;position: relative;color:#ffffff;font-size:36px;margin-left:46px;font-weight: bold;display: inline-block;}
.contact-banner h2:before{content:'';position:absolute;width: 32px;height: 32px;border: solid 1px #fde02d;border-radius:32px;left:-42px;top:0;bottom:0;margin-top:auto;margin-bottom:auto;}
.contact-banner h2:after{content:'';position:absolute;width: 16px;height: 16px;background-color:#fde02d;border-radius:16px;left:-34px;top:0;bottom:0;margin-top:auto;margin-bottom:auto;}
.contact-banner .more{position: relative;float:right;background-color:#ffc107;line-height: 1;}
.contact-banner .more a{color:#ffffff;letter-spacing: 1px;vertical-align: middle;display:block;padding:12px 30px 12px 60px;}
.contact-banner .more a:before{position:absolute;content:"";background-image:url(../images/more-ico.png);width:22px;height:22px;background-position: 26.5% 27%;;top:0;bottom:0;margin-top:auto;margin-bottom:auto;margin-left:-30px;}


.contact-details{margin-top:-40px;}
.contact-details .container > .row {background-image: linear-gradient(90deg,#f0f2fe 0%,#f8f9ff 50%,#ffffff 50%),linear-gradient(#ffffff,#ffffff);background-blend-mode: normal,normal;box-shadow: 0px 4px 4px 0px rgba(63, 81, 181, 0.35);padding-top:40px;padding-bottom:40px;}
.contact-details .details{padding-left:40px;}
.contact-details .details > div{margin-bottom:40px;}
.contact-details .details > div .left,.contact-details .details > div .right{display:inline-block;vertical-align: text-top;}
.contact-details .details > div .left{margin-right:20px;}
.contact-details .details > div .left img{width:64px;}
.contact-details .details .right .top{display:block;font-size:16px;line-height:1;margin-bottom:10px;color:#757575;}
.contact-details .details .right .bottom{position:relative;color:#3f51b5;line-height:1;margin-top:10px;font-size:18px;}
.contact-details .details .right .bottom a{color:inherit;}
.contact-details .details .right .bottom span{display:inline-block;line-height:1;vertical-align: middle;}
.contact-form{background-color:transparent;margin:0;padding:0;}
.contact-form .body form{padding-left: 50px;padding-right: 50px;width:100%;}
.contact-form form .prefer {margin-top: 20px;}
.contact-form form .prefer > label {display: block;}
.contact-map{margin-top:40px;}
@media only screen and (min-width:1200px) {
.contact-details .details .right .bottom{font-size:20px;}
/*.contact-form .body form{padding-left: 100px;padding-right: 100px;}*/
}