/*
 
 *  contact page 
 * */
/* contact ways*/
.top>img{width: 100%;}
.contact-way{position: relative;top: -3.75rem;background: #fff;border: solid 1px #eaeaea;padding: 2rem 2.5625rem 5.3125rem 2.5625rem;}
.contact-way .wbTitle{}
.way-list>div{width:25%;border:1px solid transparent;border-right: 1px solid #ccc;padding: 2.8125rem 5.286% 1.875rem 5.286%;}
.way-list>div>.text-center{position:relative;top: 0;width: 100%;}
.way-list .text-center>span{position:relative;width:60px;height:60px;border-radius: 50%;z-index: 1;}
.way-list .text-center>span::before{content:"";position: absolute;left: 0; top: 0;width: 100%; height: 100%;background:transparent;border-radius: 50%;z-index: -2;}
.way-list .text-center>span>span{width: 100%;height: 100%;}
.way-list>div:nth-child(1) span>span{background: url(../images/ctel.png) no-repeat center center;}
.way-list>div:nth-child(2) span>span{background: url(../images/csite.png) no-repeat center center;}
.way-list>div:nth-child(3) span>span{background: url(../images/cemail.png) no-repeat center center;}
.way-list>div:nth-child(4) span>span{background: url(../images/cqq.png) no-repeat center center;}
.way-list>div:last-child{border-right: 1px solid transparent;}
.way-list>div h4{color: #333;margin: 5px 14px;}
.way-list>div a,.way-list>div p{color: #808080;font-size: 14px;}
/*contact ways animate*/
.way-list>div:hover{border: 0;border-top:1px solid transparent;background: url(../images/way-box.png) no-repeat;background-size: 100% 100%;}
/*.way-list>div:hover>.text-center{top:-30px;}*/
.way-list>div:nth-child(1):hover span>span{background: url(../images/ctel-active.png) no-repeat center center;}
.way-list>div:nth-child(2):hover span>span{background: url(../images/csite-active.png) no-repeat center center;}
.way-list>div:nth-child(3):hover span>span{background: url(../images/cemail-active.png) no-repeat center center;}
.way-list>div:nth-child(4):hover span>span{background: url(../images/cqq-active.png) no-repeat center center;}
.way-list>div:hover .text-center>span::before{background:linear-gradient(0deg, #0296ff 0%, #2ad9ff 100%),linear-gradient(#f2f2f2, #f2f2f2)}

/*contact-form*/
.contact-form{position:relative;background: url(../images/cform-bg.png) no-repeat;background-size: 100% 100%;}
.contact-form>div{height: 44.5rem;padding:5.25rem 0;}
.contact-form>div>*{height: 100%;}
.contact-form>div>form{width:48.5714%;background:#fff;padding:4.125rem 6.0625rem 2.375rem 5.625rem;}
.contact-form>div>form>h3{font-size: 1.75rem;}
.contact-form>div>form>p{margin:0.6875rem 0 2.8125rem 0;}
.contact-form>div>form input{padding: 0.9375rem 0;color: #0b131a;font-size: 16px;}
.contact-form form input,.contact-form form textarea{width: 100%;border-bottom: 1px solid #ececed;}
.contact-form form textarea{height:4.375rem;margin-top: 2.3125rem;color: #666;font-size: 14px;}
.contact-form form>div>p{height:20px;color: #ec971f;font-size: 12px;}
.contact-form form>div>p.ok{color: #5cb85c;}
.contact-form form>button{width: 11.25rem;height: 2.625rem;line-height: 2.625rem;text-align: center;
	background-color: #009dff;border-radius: 4px;font-size: 1.25rem;margin-top: 1.875rem;cursor: pointer;}
.contact-form .btn-slide::before{background: #ffea00;}
.contact-form>div>div{width:51.4286%;}
#dituContent .iw_poi_content{font-size: 0.875rem;margin-top: 10px;}
#dituContent .BMapLabel{left: 35px !important;top: 8px !important;}


@media only screen and (max-width:800px ) {
	.contact-way{top:0;padding-left: 0;padding-right: 0;}
	.way-list>div{width: 50%;padding: 5px;}
	.way-list>div:nth-child(1),.way-list>div:nth-child(2){border-bottom: 1px solid #ccc;}
	.way-list>div:nth-child(2n){border-right: 0;}
	.contact-form>div{height: auto;}
	.contact-form>div>form{width: 90%;padding: 10px; margin: 0 auto;margin-bottom: 20px;}
	.contact-form>div>div{width: 100%; height: 300px;}
	
}