@charset "utf-8";
/* CSS Document */
.banner{overflow: hidden;width:100%;height:auto;position: relative;margin-top: 70px;}

.aboutus{font-size:14px;color:#999999;width:100% ;margin: 0 auto;}
.aboutus .aboutcon1{padding:32px;}
.aboutus .aboutcon1 p{color: #666666;line-height: 30px;padding-bottom:15px;text-indent: 30px;}
.aboutus .aboutcon1 p.aboutconimg1,.aboutcon1 p.aboutconimg2,.aboutcon1 p.aboutconimg3,.aboutcon1 p.aboutconimg4{text-align: center;text-indent: 0;}
.aboutus .aboutcon1 p.aboutconimg1 img{margin:0 5px; width: 350px; height: 210px; }
.aboutus .aboutcon1 p.aboutconimg2 img{margin:0 5px; width: 330px; height: 250px; }
.aboutus .aboutcon1 p.aboutconimg3 img{margin:0 5px; width: 170px; height: 225px; }
.aboutus .aboutcon1 p.aboutconimg4 img{margin:0 5px; width: 360px; height: 240px; }

.dtitle{text-align:center}
.dtitle .wire{width:100%;height:0px;border-top:1px solid #d1d1d1}
.dtitle h3{display:inline-block;font-size:36px;color:#999999;padding:0px 20px;margin-top:-24px;background:#ffffff}

.main {width: 100%;margin: 0 auto;}
.main .h60{width: 50px;height: 60px; }
.main .contact{font-size:14px;color:#999999;width:100% ;padding-top: 50px;}
.main .box{width: 100%; margin: 0 auto; /*height: 600px*/  }
.main .name {font-size: 30px;}
.main .name span{font-size: 14px;text-align: centet}
.main .line{width:95%;height: 1px;background: #cccccc; margin: 0 auto;margin-bottom: 42px;margin-top: 12px}
.main .clear{clear:both}
.main .clearfix{clear:both}
.main .clearfix:after{content:"";display:block;clear:both}img{border:0}
.main .clearfix:after{visibility:hidden;display:block;font-size:0;content:" ";clear:both;height:0}
.main .icon {border-right: 1px solid #cccccc;margin-top: 5px }
.main .icon img{width: 50px;margin: 10px 30px 0 0px}
.main .left{margin-left: 26px;float:left; list-style: none; }
.main .right{ float:right;list-style: none }

.main .tit00{font-size:28px ;margin-top: 80px}
.main .tit01{font-size:14px;margin-top: 20px;margin-bottom: 70px }
.main .ma img{width: 120px;}
.main .ma .h20{height: 20px;width: 10px}

@media (min-width: 0px) {
    .main .box li{width: 95%;float: left;margin:0 15px 30px 15px;transition: 0.5s;height: 100px;padding-top: 20px}
    .main .box li:hover{box-shadow: 0px 12px 10px 3px rgba(0,0,0,0.15)}
    .main .box li span{font-size: 24px}
    .main .box li p{font-size: 18px;margin-top: 20px}
    .main .box li.address{width:95%;}
    .main .ma li{height: 145px;width: 95%;float: left;margin:0 0px 30px 0px;transition: 0.5s;;padding-top: 20px}
}

@media (min-width: 520px) {
    .main .box li{width: 95%;float: left;margin:0 15px 30px 15px;transition: 0.5s;height: 100px;padding-top: 20px}
    .main .box li:hover{box-shadow: 0px 12px 10px 3px rgba(0,0,0,0.15)}
    .main .box li span{font-size: 24px}
    .main .box li p{font-size: 18px;margin-top: 20px}
    .main .box li.address{width:95%;}
   .main .ma li{height: 145px;width: 95%;float: left;margin:0 0px 30px 0px;transition: 0.5s;;padding-top: 20px}
}

@media (min-width: 920px) {
    .aboutus .dtitle .anchorst{margin-top:-180px;height:180px;}
    .main .box li{width: 45%;float: left;margin:0 15px 30px 15px;transition: 0.5s;height: 100px;padding-top: 20px}
    .main .box li:hover{box-shadow: 0px 12px 10px 3px rgba(0,0,0,0.15)}
    .main .box li span{font-size: 24px}
    .main .box li p{font-size: 18px;margin-top: 20px}
    .main .box li.address{width:95%;}
    .main .ma li{height: 145px;width: 45%;float: left;margin:0 0px 30px 0px;transition: 0.5s;;padding-top: 20px}
}



label {
	display:block;
}


/* form control: inputs, textarea, etc */
.btn {
	position:relative;
}
.btn-default {
	border-width:2px;
}

.btn>.label-absolute {
	position:absolute;
	right:-6px;
	top:-8px;
}



.input-group-addon {
	border:#ddd 2px solid;
	border-right:0;
}
	section.dark .input-group-addon {
		background-color:#212121;
		border-color:#666;
		color:#eaeaea;
	}
.form-control {
	border:#ddd 2px solid;
	box-shadow:none;

	-webkit-border-radius: 3px;
	   -moz-border-radius: 3px;
			border-radius: 3px;
}
section .input-group-btn .btn.btn-default,
section .input-group-btn button.btn-default {
	border-width:2px;
	border-color:#ddd;
}
.form-control:focus {
	border-color:#c6c6c6;
}
	section.dark .form-control {
		border-color:#666;
		background-color: rgba(255,255,255,0.05);
	}
	section.dark .form-control:focus {
		border-color:#999;
	}

form .row {
	margin-bottom:20px;
}
form label {
	font-weight:bold;
}
