body * {
	box-sizing: border-box;
	flex-shrink: 0;
}

body {
	font-family: PingFangSC-Regular, Roboto, Helvetica Neue, Helvetica, Tahoma,
		Arial, PingFang SC-Light, Microsoft YaHei;
}

* {
	padding: 0;
	margin: 0;
}

html,
body {
	height: 100%;
}

button {
	margin: 0;
	padding: 0;
	border: 1px solid transparent;
	outline: none;
	background-color: transparent;
}

button:active {
	opacity: 0.6;
}

.flex-col {
	display: flex;
	flex-direction: column;
}

.flex-row {
	display: flex;
	flex-direction: row;
}

.justify-start {
	display: flex;
	justify-content: flex-start;
}

.justify-center {
	display: flex;
	justify-content: center;
}

.justify-end {
	display: flex;
	justify-content: flex-end;
}

.justify-evenly {
	display: flex;
	justify-content: space-evenly;
}

.justify-around {
	display: flex;
	justify-content: space-around;
}

.justify-between {
	display: flex;
	justify-content: space-between;
}

.align-start {
	display: flex;
	align-items: flex-start;
}

.align-center {
	display: flex;
	align-items: center;
}

.align-end {
	display: flex;
	align-items: flex-end;
}




/* ////////////////////////////////.section-contact/////////////////////////////////// */
.contact {
	height: 429px;
	background: url(../img/psq3fzi0gya3sy5ysqr0wcqkfniog3irwyb0b6ea43-234a-4c15-9df0-d48097c13d9f.jpg) no-repeat;
	padding-top: 60px;
	background-size: cover;
	background-position: cover;
}

.icon-tel {
	width: 46px;
	height: 46px;
	margin-top: 15px;
}

.icon-business {
	width: 46px;
	height: 46px;
	margin-top: 11px;
}

.icon-qq {
	width: 46px;
	height: 46px;
	margin-top: 11px;
}

.icon-pos {
	width: 46px;
	height: 46px;
	margin-top: 8px;
}

.section-contact-content {
	margin-left: 10px;
}

.btn-consult {
	background-color: rgba(254, 194, 44, 1);
	border-radius: 10px;
	height: 40px;
	width: 102px;
	margin: 25px 0 0 17px;
	color: rgba(71, 71, 71, 1);
	font-size: 20px;
	font-family: MicrosoftYaHei;
	cursor: pointer;
}



.contact-value {
	overflow-wrap: break-word;
	color: rgba(255, 255, 255, 1);
	font-size: 20px;
	font-family: MicrosoftYaHei;
	text-align: left;
	white-space: nowrap;
	line-height: 20px;
	margin-top: 17px;
	display: block;
}

.contact-desc {
	overflow-wrap: break-word;
	color: rgba(255, 255, 255, 1);
	font-size: 20px;
	font-family: MicrosoftYaHei;
	text-align: left;
	white-space: nowrap;
	line-height: 20px;
	display: block;
	margin: 10px 0 0 0;
}

.contact-tel {
	overflow-wrap: break-word;
	color: rgba(255, 255, 255, 1);
	font-size: 36px;
	
	text-align: left;
	white-space: nowrap;
	line-height: 36px;
	margin-top: 22px;
	display: block;
}

.contact-label {
	overflow-wrap: break-word;
	color: rgba(255, 255, 255, 1);
	font-size: 26px;
	font-family: MicrosoftYaHei;
	text-align: left;
	white-space: nowrap;
	line-height: 26px;
	margin-left: 1px;
	display: block;
}

.word31 {
	overflow-wrap: break-word;
	color: rgba(255, 255, 255, 1);
	font-size: 20px;
	font-family: MicrosoftYaHei;
	text-align: left;
	white-space: nowrap;
	line-height: 20px;
	margin-top: 18px;
	display: block;
}

.pic21 {
	height: 1px;
	margin-top: 62px;
}

.contact a:hover {
    color: #fec22c;
}

/* ////////////////////////////////footer/////////////////////////////////// */
.footer {
	color: #FFF;
	height: 89px;
	background: #181818;
}


/* ////////////////////////////////cover/////////////////////////////////// */
ul,
li {
	list-style: none;
}

@media (min-width: 1200px) {
	.container {
		max-width: 1300px
	}
}


.section {}

.section-title {
	font-size: 38px;
	font-weight: 400;
	color: #333333;
	align-items: end;
	line-height: 1;
}

.section-title-dot {
	background-color: rgba(254, 194, 44, 1);
	width: 9px;
	height: 9px;
	margin-left: 10px;
}

.section-des {
	font-size: 26px;
	
	font-weight: 400;
	color: #555555;
	line-height: 40px;
	margin-top: 30px;
	text-align: center;
}

.w100 {
	width: 100%;
}

.dot-yellow {
	width: 10px;
	height: 10px;
	background: #FEC22C;
	border-radius: 50%;
	display: inline-block;
}
@media (min-width: 576px)
{
	.modal-dialog {
	    max-width: 600px;
	}
}

@media (min-width: 1200px) {
	.modal-xl {
		max-width: 1100px;
	}
}

.scroll.menu-active a{
	font-weight: bold;
}


.copyright{
	text-align: center;
}

.modal-title{
	color: #000;
}

