.contactbox{
	height: 130px;
	font-size: 1.1rem;
	color: #fff;
}
.contactbox>div{
	float: left;
	height: 100%;
	position: relative;
}
.contactbox>div .view{
	padding-left: 85px;
	padding-right: 20px;
	padding-top: 35px;
	height: 100%;
}
.contactbox .email{
	width: 41%;
	background: -moz-linear-gradient(-30deg, #3abdb3 20%, #3d75e0 80%);
    background: -webkit-gradient(linear, left top, right bottom, color-stop(20%,#3abdb3), color-stop(80%,#3d75e0));
    background: -webkit-linear-gradient(-30deg, #3abdb3 20%,#3d75e0 80%);
    background: -o-linear-gradient(-30deg, #3abdb3 20%,#3d75e0 80%);
    background: -ms-linear-gradient(-30deg, #3abdb3 20%,#3d75e0 80%);
    background: linear-gradient(-30deg, #3abdb3 20%,#3d75e0 80%);
}
.contactbox .phone{
	width: 28%;

	background: -moz-linear-gradient(30deg, #f87022 20%, #fa9c54 80%);
    background: -webkit-gradient(linear, left top, right bottom, color-stop(20%,#f87022), color-stop(80%,#fa9c54));
    background: -webkit-linear-gradient(30deg, #f87022 20%,#fa9c54 80%);
    background: -o-linear-gradient(30deg, #f87022 20%,#fa9c54 80%);
    background: -ms-linear-gradient(30deg, #f87022 20%,#fa9c54 80%);
    background: linear-gradient(30deg, #f87022 20%,#fa9c54 80%);
}
.contactbox .weixin{
	width: 31%;

	background: -moz-linear-gradient(30deg, #3abdb3 20%, #3d75e0 80%);
    background: -webkit-gradient(linear, left top, right bottom, color-stop(20%,#3abdb3), color-stop(80%,#3d75e0));
    background: -webkit-linear-gradient(30deg, #3abdb3 20%,#3d75e0 80%);
    background: -o-linear-gradient(30deg, #3abdb3 20%,#3d75e0 80%);
    background: -ms-linear-gradient(30deg, #3abdb3 20%,#3d75e0 80%);
    background: linear-gradient(30deg, #2ba268 20%,#53d493 80%);
}

.contactbox .view p{
	line-height: 30px;
}

.contactbox .email .view{
	float: right;
}
.contactbox .weixin .view{
	padding-top: 13px;
	padding-left: 100px;
}
.contactbox .weixin img{
	width: 105px;
	height: 105px;
}

.contactbox>div .view:before{
	content: "";
	position: absolute;
	left: 20px;
	top: 50%;
	margin-top: -24px;
	width: 48px;
	height: 48px;
	
}
.contactbox .email .view:before{
	background: url(../image/con_address.png);
}
.contactbox .phone .view:before{
	background: url(../image/con_phone.png);
}
.contactbox .weixin .view:before{
	background: url(../image/con_weixin.png);
}


.map-view{
	padding: 70px 60px;
}
.map-view iframe{
	width: 100%;
	height: 434px;
}

.msgbox{
	margin: 0 50px;

	background: -moz-linear-gradient(-80deg, #3abdb3 20%, #3d75e0 80%);
    background: -webkit-gradient(linear, left top, right bottom, color-stop(20%,#3abdb3), color-stop(80%,#3d75e0));
    background: -webkit-linear-gradient(-80deg, #3abdb3 20%,#3d75e0 80%);
    background: -o-linear-gradient(-80deg, #3abdb3 20%,#3d75e0 80%);
    background: -ms-linear-gradient(-80deg, #3abdb3 20%,#3d75e0 80%);
    background: linear-gradient(-80deg, #3abdb3 20%,#3d75e0 80%);

    margin-top: -60px;
    box-shadow: 1px 1px 14px #bababa;
    padding: 40px 65px 55px 65px;
    border-radius: 6px;
    margin-bottom: 30px;
}

.section-title span:before{
	display: none;
}
.msgbox .logobox{
	padding-top: 160px;
	padding-left: 0px;
}
.msgbox .logobox img{
	width: 320px;
	opacity: .6;
}

.msgbox .section-title{
	position: relative;
	top: 0;
	left: 0;
	margin-top: 5px;
}

.msgbox .desc{
	color: #fff;
	margin-top: 30px;
	margin-bottom: 20px;
	font-size: 1.1rem;
	text-align: center;
	letter-spacing: 2px;
}
.msgbox .msgform{
	width: 100%;
	
	background: #fff;
	border-radius: 1px;
	font-size: 1.1rem;
	padding: 50px 30px 1px 30px;
}

.msgform .layui-form-label{
	width: 56px;
	padding: 9px 6px;
	text-align: right;
}
.msgform .layui-form-item{
	margin-bottom: 25px;
}
.layui-form-item .layui-input-inline{
	width: 150px;
}
.msgform .layui-form-item .layui-inline:last-child{
	margin-right: 0;
}
.msgform .layui-input-block{
	margin-left: 68px;
	margin-right: 10px;
}