@charset "utf-8";
/* CSS Document */
body {
	margin: 0;
	font-family: sans-serif
}

.container {
	width: 1200px;
	margin: 0 auto
}

.banner {
	height: 617px;
	background: url(../images/bg_01.jpg) no-repeat center
}

.title-primary {
	margin-top: 30px;
	margin-bottom: 30px;
	font-size: 40px;
	text-align: center;
	color: #2c526f
}

.title-primary::before {
	display: inline-block;
	width: 104px;
	height: 3px;
	margin-right: 10px;
	vertical-align: middle;
	content: '';
	background-color: #2c526f
}

.title-primary::after {
	display: inline-block;
	width: 104px;
	height: 3px;
	margin-left: 10px;
	vertical-align: middle;
	content: '';
	background-color: #2c526f
}

.materials-container {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between
}

.img-fluid {
	max-width: 100%;
	height: auto
}

.materials-item {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-ms-flex-direction: column;
	flex-direction: column;
	padding: 20px;
	margin-left: 10px;
	margin-right: 10px;
	border: 1px solid #2c526f
}

.materials-item:first-child {
	margin-left: 0
}

.materials-item:last-child {
	margin-right: 0
}

.materials-item label {
	margin-top: 20px
}

.materials-item label input {
	margin-right: 10px
}

.form-wrapper {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
	margin: 20px auto;
	padding: 20px;
	border: 1px solid #2c526f
}

.form-wrapper .disabled {
	opacity: .65
}

.form-control {
	padding: 10px;
	font-size: 16px;
	-webkit-box-sizing: border-box;
	box-sizing: border-box
}

.btn {
	display: inline-block;
	padding: 10px 100px;
	font-size: 16px;
	text-decoration: none;
	border: 0
}

.btn-red {
	color: #fff;
	background-color: #c7161e
}

.btn-red:hover {
	background-color: #991117
}

.ml-0 {
	margin-left: 0!important
}

.btn-blue {
	margin-left: 30px;
	color: #fff;
	background-color: #013470
}

.btn-blue:hover {
	background-color: #011d3d
}
.bt1{height: 104px;
	padding-top: 60px;
	padding-bottom: 30px;
	background: url(../images/bg_02.jpg) no-repeat center}

.bt2{height: 77px;
	padding-top: 20px;
	padding-bottom: 30px;
	background: url(../images/bg_04.jpg) no-repeat center}
.problem-container {
	height: 364px;
	padding-top: 60px;
	padding-bottom: 30px;
	background: url(../images/bg_03.jpg) no-repeat center
}

.problem-wrapper {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between
}

.text-center {
	margin-top: 60px;
	text-align: center
}

.gift-wrapper {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between
}

.my-1 {
	margin-top: 30px;
	margin-bottom: 30px
}

.leyu {
	cursor: pointer
}

.form{width:1200px; margin: 0 auto;}
.form .kuang{width: 300px; height: 40px; margin-bottom: 15px; margin-right:10px;  font-size: 16px; padding-left: 5px; float: left;  outline: none; border: none; }
.form .sub-btn { height: 46px;line-height: 46px;width:200px;  }

