.contact-box{
	overflow:hidden;
}
.contact-box .txt{
	float:left;
	width:68%;
	background-image:url(/images/03/contact-bg.png);
	background-repeat:no-repeat;
	background-position:100% 100%;
}
.contact-box .txt .title{
	color:#111111;
	font-size:18px;
}
.contact-box .txt article{
	color:#929292;
	font-size:14px;
	margin: 20px 0 10px;
}
.contact-box .txt .companyinfo{
}
.contact-box .txt .companyinfo li{
    overflow: hidden;
    margin: 20px 0;
}
.contact-box .txt .companyinfo li .img{
	float:left;
	width: 25px;
    margin-right: 10px;
	margin-top: 7px;
}
.contact-box .txt .companyinfo li .righttxt{
	float:left;
	width:calc(100% - 35px);
}
.contact-box .txt .companyinfo li .righttxt p{
	color:#111111;
	font-size:14px;
}
.contact-box .txt .companyinfo li .righttxt p.cn{
	color:#2a6b8a;
}
.contact-box .txt .companyinfo li .righttxt p b{
	font-weight:normal;
	margin-right: 10px;
}
.contact-box .googlemap{
	float:right;
	width:30%;
}
.contact-box .googlemap iframe{
	width:100%;
	height:100%;
	height:366px;
}

.ctitle{
	margin: 70px 0 30px;
}
.ctitle .en{
	text-align:center;
	font-size:18px;
	color:#2a6b8a;
}
.ctitle .cn{
	text-align:center;
	color:#303030;
	font-size:14px;
}
#contact{
}
form,
fieldset{
	border:0;
	padding:0;
	margin:0;
	overflow:hidden;
}
form{
	margin-bottom:50px;
}
form .left{
	float:left;
	width:48%;
}
form .right{
	float:right;
	width:48%;
}
form div div{
	margin-bottom: 18px;	
	overflow:hidden;
}
form div div input,
form div div textarea{
	border:1px solid #bfbfbf;
	width:calc(100% - 42px);
	padding:15px 20px;
	background:none;
	font-size: 16px;
}
form div div textarea{
	height: 138px;
}
form div div.pregnant{
	overflow:hidden;
}
form div div.pregnant p{
	float:left;
	width:50%;
	overflow:hidden;
	font-size: 16px;
}
form div div.pregnant p:last-child{
	text-align:right;
}
form div div.pregnant p b{
	font-weight:normal;
}
form div div.pregnant p label{
	font-size: 16px;
}
form div div.pregnant p input[type="radio"]{
	width:auto;
}
form div div.pregnant p select{
    border: 1px solid #bfbfbf;
    padding: 5px 20px;
    background: none;
}
form .right div.pregnant{
}
form .right div.pregnant input{    
	width: 100px;
}
form .right div.pregnant img{
}
form .right div.pregnant a{
    background: #2a6b8a;
    color: #fff;
    font-size: 16px;
    display: inline-block;
    width: 100px;
    text-align: center;
    padding: 5px 0;
    margin-left: 15px;
}
@media screen and (max-width: 980px) {
	form .left,
	form .right{
		width:100%;
	}
	.contact-box .googlemap,
	.contact-box .txt{
		width: 100%;
		background-size: 40%;
		background-position: 100% 0;	
	}
	.contact-box .googlemap iframe{
		height: 250px;
	}
}
@media screen and (max-width: 640px) {
	
}
@media screen and (max-width: 480px) {
	form div div.pregnant p,
	form div div.pregnant p:last-child{
		width:100%;
	}
	form div div.pregnant p:last-child{
		text-align:left;
	}
	.contact-box .txt{
		background-size: 30%;
	}
}
@media screen and (max-width: 380px) {
	form .right div.pregnant a{
	    margin: 10px auto;	
	}
	.contact-box .txt .companyinfo li .righttxt p b{
		display: block;	
	}
}