/****/
.overflow-hidden {
	overflow: hidden;
}

.box-shadow {
	box-shadow: 2px 7px 28px 1px rgba(0, 0, 0, 0.1);
}

.d-flex {
	display: flex !important;
}

.flex-wrap {
	display: flex;
	flex-wrap: wrap;
}

.flex-end {
	display: flex;
	align-items: flex-end;
}

.flex-2 {
	flex: 2;
}

.flex-3 {
	flex: 3;
}

.img-w100 {
	width: 100%;
	height: auto;
}

.border-radius-15 {
	border-radius: 15px;
}

.bg-white {
	background-color: #fff;
}

.color-white {
	color: #ffffff !important;
}

.color-00327D {
	color: #00327D;
}

.color-00327D-06 {
	color: rgba(0, 50, 125, 0.6);
}

.color-FFFFFF {
	color: #FFFFFF;
}

.bgcolor-F2F2F2 {
	background-color: #F2F2F2;
}

.bgcolor-000-02 {
	background: rgba(0, 0, 0, 0.2);
}

.transformY-50_ {
	transform: translateY(-50%);
}

.flex {
	display: flex;
}

.flex-1 {
	flex: 1;
}

.relative {
	position: relative;
}

.justify-content-center {
	justify-content: center !important;
}

.justify-content-end {
	justify-content: end !important;
}

.justify-space-between {
	justify-content: space-between !important;
}

.absolute-0 {
	position: absolute;
	left: 0;
	right: 0;
	top: 0;
	bottom: 0;
}

.flex-column-align-center {
	display: flex;
	flex-direction: column;
	align-items: center;
}

.flex-column-justify-center {
	display: flex;
	flex-direction: column;
	justify-content: center;
}

.flex-column-row-center {
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
}

.flex-row-align-center {
	display: flex;
	flex-direction: row;
	align-items: center;
}

.f-8 {
	font-size: 8px
}

.f-9 {
	font-size: 9px
}

.f-10 {
	font-size: 10px
}

.f-11 {
	font-size: 11px
}

.f-12 {
	font-size: 12px
}

.f-13 {
	font-size: 13px
}

.f-14 {
	font-size: 14px
}

.f-15 {
	font-size: 15px
}

.f-16 {
	font-size: 16px
}

.f-17 {
	font-size: 17px
}

.f-18 {
	font-size: 18px
}

.f-19 {
	font-size: 19px
}

.f-20 {
	font-size: 20px
}

.f-21 {
	font-size: 21px
}

.f-22 {
	font-size: 22px
}

.f-23 {
	font-size: 23px
}

.f-24 {
	font-size: 24px
}

.f-25 {
	font-size: 25px
}

.f-26 {
	font-size: 26px
}

.f-27 {
	font-size: 27px
}

.f-28 {
	font-size: 28px
}

.f-29 {
	font-size: 29px
}

.f-30 {
	font-size: 30px
}

.f-31 {
	font-size: 31px
}

.f-32 {
	font-size: 32px
}

.f-33 {
	font-size: 33px
}

.f-34 {
	font-size: 34px
}

.f-35 {
	font-size: 35px
}

.f-36 {
	font-size: 36px
}

.f-37 {
	font-size: 37px
}

.f-38 {
	font-size: 38px
}

.f-39 {
	font-size: 39px
}

.f-40 {
	font-size: 40px
}

.m-1 {
	margin: 1px
}

.m-h-1 {
	margin-left: 1px;
	margin-right: 1px
}

.m-v-1 {
	margin-top: 1px;
	margin-bottom: 1px
}

.m-l-1 {
	margin-left: 1px
}

.m-r-1 {
	margin-right: 1px
}

.m-t-1 {
	margin-top: 1px
}

.m-b-1 {
	margin-bottom: 1px
}

.p-1 {
	padding: 1px
}

.p-h-1 {
	padding-left: 1px;
	padding-right: 1px
}

.p-v-1 {
	padding-top: 1px;
	padding-bottom: 1px
}

.p-l-1 {
	padding-left: 1px
}

.p-r-1 {
	padding-right: 1px
}

.p-t-1 {
	padding-top: 1px
}

.p-b-1 {
	padding-bottom: 1px
}

.m-2 {
	margin: 2px
}

.m-h-2 {
	margin-left: 2px;
	margin-right: 2px
}

.m-v-2 {
	margin-top: 2px;
	margin-bottom: 2px
}

.m-l-2 {
	margin-left: 2px
}

.m-r-2 {
	margin-right: 2px
}

.m-t-2 {
	margin-top: 2px
}

.m-b-2 {
	margin-bottom: 2px
}

.p-2 {
	padding: 2px
}

.p-h-2 {
	padding-left: 2px;
	padding-right: 2px
}

.p-v-2 {
	padding-top: 2px;
	padding-bottom: 2px
}

.p-l-2 {
	padding-left: 2px
}

.p-r-2 {
	padding-right: 2px
}

.p-t-2 {
	padding-top: 2px
}

.p-b-2 {
	padding-bottom: 2px
}

.m-5 {
	margin: 5px
}

.m-h-5 {
	margin-left: 5px;
	margin-right: 5px
}

.m-v-5 {
	margin-top: 5px;
	margin-bottom: 5px
}

.m-l-5 {
	margin-left: 5px
}

.m-r-5 {
	margin-right: 5px
}

.m-t-5 {
	margin-top: 5px
}

.m-b-5 {
	margin-bottom: 5px
}

.p-5 {
	padding: 5px
}

.p-h-5 {
	padding-left: 5px;
	padding-right: 5px
}

.p-v-5 {
	padding-top: 5px;
	padding-bottom: 5px
}

.p-l-5 {
	padding-left: 5px
}

.p-r-5 {
	padding-right: 5px
}

.p-t-5 {
	padding-top: 5px
}

.p-b-5 {
	padding-bottom: 5px
}

.m-10 {
	margin: 10px
}

.m-h-10 {
	margin-left: 10px;
	margin-right: 10px
}

.m-v-10 {
	margin-top: 10px;
	margin-bottom: 10px
}

.m-l-10 {
	margin-left: 10px
}

.m-r-10 {
	margin-right: 10px
}

.m-t-10 {
	margin-top: 10px
}

.m-b-10 {
	margin-bottom: 10px
}

.p-10 {
	padding: 10px
}

.p-h-10 {
	padding-left: 10px;
	padding-right: 10px
}

.p-v-10 {
	padding-top: 10px;
	padding-bottom: 10px
}

.p-l-10 {
	padding-left: 10px
}

.p-r-10 {
	padding-right: 10px
}

.p-t-10 {
	padding-top: 10px
}

.p-b-10 {
	padding-bottom: 10px
}

.m-12 {
	margin: 12px
}

.m-h-12 {
	margin-left: 12px;
	margin-right: 12px
}

.m-v-12 {
	margin-top: 12px;
	margin-bottom: 12px
}

.m-l-12 {
	margin-left: 12px
}

.m-r-12 {
	margin-right: 12px
}

.m-t-12 {
	margin-top: 12px
}

.m-b-12 {
	margin-bottom: 12px
}

.p-12 {
	padding: 12px
}

.p-h-12 {
	padding-left: 12px;
	padding-right: 12px
}

.p-v-12 {
	padding-top: 12px;
	padding-bottom: 12px
}

.p-l-12 {
	padding-left: 12px
}

.p-r-12 {
	padding-right: 12px
}

.p-t-12 {
	padding-top: 12px
}

.p-b-12 {
	padding-bottom: 12px
}

.m-13 {
	margin: 13px
}

.m-h-13 {
	margin-left: 13px;
	margin-right: 13px
}

.m-v-13 {
	margin-top: 13px;
	margin-bottom: 13px
}

.m-l-13 {
	margin-left: 13px
}

.m-r-13 {
	margin-right: 13px
}

.m-t-13 {
	margin-top: 13px
}

.m-b-13 {
	margin-bottom: 13px
}

.p-13 {
	padding: 13px
}

.p-h-13 {
	padding-left: 13px;
	padding-right: 13px
}

.p-v-13 {
	padding-top: 13px;
	padding-bottom: 13px
}

.p-l-13 {
	padding-left: 13px
}

.p-r-13 {
	padding-right: 13px
}

.p-t-13 {
	padding-top: 13px
}

.p-b-13 {
	padding-bottom: 13px
}

.m-14 {
	margin: 14px
}

.m-h-14 {
	margin-left: 14px;
	margin-right: 14px
}

.m-v-14 {
	margin-top: 14px;
	margin-bottom: 14px
}

.m-l-14 {
	margin-left: 14px
}

.m-r-14 {
	margin-right: 14px
}

.m-t-14 {
	margin-top: 14px
}

.m-b-14 {
	margin-bottom: 14px
}

.p-14 {
	padding: 14px
}

.p-h-14 {
	padding-left: 14px;
	padding-right: 14px
}

.p-v-14 {
	padding-top: 14px;
	padding-bottom: 14px
}

.p-l-14 {
	padding-left: 14px
}

.p-r-14 {
	padding-right: 14px
}

.p-t-14 {
	padding-top: 14px
}

.p-b-14 {
	padding-bottom: 14px
}

.m-15 {
	margin: 15px
}

.m-h-15 {
	margin-left: 15px;
	margin-right: 15px
}

.m-v-15 {
	margin-top: 15px;
	margin-bottom: 15px
}

.m-l-15 {
	margin-left: 15px
}

.m-r-15 {
	margin-right: 15px
}

.m-t-15 {
	margin-top: 15px
}

.m-b-15 {
	margin-bottom: 15px
}

.p-15 {
	padding: 15px
}

.p-h-15 {
	padding-left: 15px;
	padding-right: 15px
}

.p-v-15 {
	padding-top: 15px;
	padding-bottom: 15px
}

.p-l-15 {
	padding-left: 15px
}

.p-r-15 {
	padding-right: 15px
}

.p-t-15 {
	padding-top: 15px
}

.p-b-15 {
	padding-bottom: 15px
}

.m-20 {
	margin: 20px
}

.m-h-20 {
	margin-left: 20px;
	margin-right: 20px
}

.m-v-20 {
	margin-top: 20px;
	margin-bottom: 20px
}

.m-l-20 {
	margin-left: 20px
}

.m-r-20 {
	margin-right: 20px
}

.m-t-20 {
	margin-top: 20px
}

.m-b-20 {
	margin-bottom: 20px
}

.p-20 {
	padding: 20px
}

.p-h-20 {
	padding-left: 20px;
	padding-right: 20px
}

.p-v-20 {
	padding-top: 20px;
	padding-bottom: 20px
}

.p-l-20 {
	padding-left: 20px
}

.p-r-20 {
	padding-right: 20px
}

.p-t-20 {
	padding-top: 20px
}

.p-b-20 {
	padding-bottom: 20px
}

.m-25 {
	margin: 25px
}

.m-h-25 {
	margin-left: 25px;
	margin-right: 25px
}

.m-v-25 {
	margin-top: 25px;
	margin-bottom: 25px
}

.m-l-25 {
	margin-left: 25px
}

.m-r-25 {
	margin-right: 25px
}

.m-t-25 {
	margin-top: 25px
}

.m-b-25 {
	margin-bottom: 25px
}

.p-25 {
	padding: 25px
}

.p-h-25 {
	padding-left: 25px;
	padding-right: 25px
}

.p-v-25 {
	padding-top: 25px;
	padding-bottom: 25px
}

.p-l-25 {
	padding-left: 25px
}

.p-r-25 {
	padding-right: 25px
}

.p-t-25 {
	padding-top: 25px
}

.p-b-25 {
	padding-bottom: 25px
}

.m-30 {
	margin: 30px
}

.m-h-30 {
	margin-left: 30px;
	margin-right: 30px
}

.m-v-30 {
	margin-top: 30px;
	margin-bottom: 30px
}

.m-l-30 {
	margin-left: 30px
}

.m-r-30 {
	margin-right: 30px
}

.m-t-30 {
	margin-top: 30px
}

.m-b-30 {
	margin-bottom: 30px
}

.p-30 {
	padding: 30px
}

.p-h-30 {
	padding-left: 30px;
	padding-right: 30px
}

.p-v-30 {
	padding-top: 30px;
	padding-bottom: 30px
}

.p-l-30 {
	padding-left: 30px
}

.p-r-30 {
	padding-right: 30px
}

.p-t-30 {
	padding-top: 30px
}

.p-b-30 {
	padding-bottom: 30px
}

.m-35 {
	margin: 35px
}

.m-h-35 {
	margin-left: 35px;
	margin-right: 35px
}

.m-v-35 {
	margin-top: 35px;
	margin-bottom: 35px
}

.m-l-35 {
	margin-left: 35px
}

.m-r-35 {
	margin-right: 35px
}

.m-t-35 {
	margin-top: 35px
}

.m-b-35 {
	margin-bottom: 35px
}

.p-35 {
	padding: 35px
}

.p-h-35 {
	padding-left: 35px;
	padding-right: 35px
}

.p-v-35 {
	padding-top: 35px;
	padding-bottom: 35px
}

.p-l-35 {
	padding-left: 35px
}

.p-r-35 {
	padding-right: 35px
}

.p-t-35 {
	padding-top: 35px
}

.p-b-35 {
	padding-bottom: 35px
}

.m-40 {
	margin: 40px
}

.m-h-40 {
	margin-left: 40px;
	margin-right: 40px
}

.m-v-40 {
	margin-top: 40px;
	margin-bottom: 40px
}

.m-l-40 {
	margin-left: 40px !important;
}

.m-r-40 {
	margin-right: 40px !important;
}

.m-t-40 {
	margin-top: 40px !important;
}

.m-b-40 {
	margin-bottom: 40px !important;
}

.p-40 {
	padding: 40px !important;
}

.p-h-40 {
	padding-left: 40px !important;
	padding-right: 40px !important;
}

.p-v-40 {
	padding-top: 40px !important;
	padding-bottom: 40px !important;
}

.p-l-40 {
	padding-left: 40px !important;
}

.p-r-40 {
	padding-right: 40px !important;
}

.p-t-40 {
	padding-top: 40px !important;
}

.p-b-40 {
	padding-bottom: 40px !important;
}

.m-45 {
	margin: 45px !important;
}

.m-h-45 {
	margin-left: 45px !important;
	margin-right: 45px !important;
}

.m-v-45 {
	margin-top: 45px !important;
	margin-bottom: 45px !important;
}

.m-l-45 {
	margin-left: 45px !important;
}

.m-r-45 {
	margin-right: 45px !important;
}

.m-t-45 {
	margin-top: 45px !important;
}

.m-b-45 {
	margin-bottom: 45px !important;
}

.p-45 {
	padding: 45px !important;
}

.p-h-45 {
	padding-left: 45px !important;
	padding-right: 45px !important;
}

.p-v-45 {
	padding-top: 45px !important;
	padding-bottom: 45px !important;
}

.p-l-45 {
	padding-left: 45px !important;
}

.p-r-45 {
	padding-right: 45px !important;
}

.p-t-45 {
	padding-top: 45px !important;
}

.p-b-45 {
	padding-bottom: 45px !important;
}

.m-50 {
	margin: 50px !important;
}

.m-h-50 {
	margin-left: 50px !important;
	margin-right: 50px !important;
}

.m-v-50 {
	margin-top: 50px !important;
	margin-bottom: 50px !important;
}

.m-l-50 {
	margin-left: 50px !important;
}

.m-r-50 {
	margin-right: 50px !important;
}

.m-t-50 {
	margin-top: 50px !important;
}

.m-b-50 {
	margin-bottom: 50px !important;
}

.p-50 {
	padding: 50px !important;
}

.p-h-50 {
	padding-left: 50px !important;
	padding-right: 50px !important;
}

.p-v-50 {
	padding-top: 50px !important;
	padding-bottom: 50px !important;
}

.p-l-50 {
	padding-left: 50px !important;
}

.p-r-50 {
	padding-right: 50px !important;
}

.p-t-50 {
	padding-top: 50px !important;
}

.p-b-50 {
	padding-bottom: 50px !important;
}

.m-55 {
	margin: 55px !important;
}

.m-h-55 {
	margin-left: 55px; !important;
	margin-right: 55px !important;
}

.m-v-55 {
	margin-top: 55px; !important;
	margin-bottom: 55px !important;
}

.m-l-55 {
	margin-left: 55px !important;
}

.m-r-55 {
	margin-right: 55px !important;
}

.m-t-55 {
	margin-top: 55px !important;
}

.m-b-55 {
	margin-bottom: 55px !important;
}

.p-55 {
	padding: 55px !important;
}

.p-h-55 {
	padding-left: 55px !important;
	padding-right: 55px !important;
}

.p-v-55 {
	padding-top: 55px !important;
	padding-bottom: 55px !important;
}

.p-l-55 {
	padding-left: 55px !important;
}

.p-r-55 {
	padding-right: 55px !important;
}

.p-t-55 {
	padding-top: 55px !important;
}

.p-b-55 {
	padding-bottom: 55px !important;
}

.m-60 {
	margin: 60px !important;
}

.m-h-60 {
	margin-left: 60px !important;
	margin-right: 60px !important;
}

.m-v-60 {
	margin-top: 60px !important;
	margin-bottom: 60px !important;
}

.m-l-60 {
	margin-left: 60px !important;
}

.m-r-60 {
	margin-right: 60px !important;
}

.m-t-60 {
	margin-top: 60px !important;
}

.m-b-60 {
	margin-bottom: 60px !important;
}

.p-60 {
	padding: 60px !important;
}

.p-h-60 {
	padding-left: 60px !important;
	padding-right: 60px !important;
}

.p-v-60 {
	padding-top: 60px !important;
	padding-bottom: 60px !important;
}

.p-l-60 {
	padding-left: 60px !important;
}

.p-r-60 {
	padding-right: 60px !important;
}

.p-t-60 {
	padding-top: 60px !important;
}

.p-b-60 {
	padding-bottom: 60px !important;
}

.m-70 {
	margin: 70px !important;
}

.m-h-70 {
	margin-left: 70px !important;
	margin-right: 70px !important;
}

.m-v-70 {
	margin-top: 70px !important;
	margin-bottom: 70px !important;
}

.m-l-70 {
	margin-left: 70px !important;
}

.m-r-70 {
	margin-right: 70px !important;
}

.m-t-70 {
	margin-top: 70px !important;
}

.m-b-70 {
	margin-bottom: 70px !important;
}

.p-70 {
	padding: 70px !important;
}

.p-h-70 {
	padding-left: 70px !important;
	padding-right: 70px !important;
}

.p-v-70 {
	padding-top: 70px !important;
	padding-bottom: 70px !important;
}

.p-l-70 {
	padding-left: 70px !important;
}

.p-r-70 {
	padding-right: 70px !important;
}

.p-t-70 {
	padding-top: 70px !important;
}

.p-b-70 {
	padding-bottom: 70px !important;
}

.m-80 {
	margin: 80px !important;
}

.m-h-80 {
	margin-left: 80px !important;
	margin-right: 80px !important;
}

.m-v-80 {
	margin-top: 80px !important;
	margin-bottom: 80px !important;
}

.m-l-80 {
	margin-left: 80px !important;
}

.m-r-80 {
	margin-right: 80px !important;
}

.m-t-80 {
	margin-top: 80px !important;
}

.m-b-80 {
	margin-bottom: 80px !important;
}

.p-80 {
	padding: 80px !important;
}

.p-h-80 {
	padding-left: 80px !important;
	padding-right: 80px !important;
}

.p-v-80 {
	padding-top: 80px !important;
	padding-bottom: 80px !important;
}

.p-l-80 {
	padding-left: 80px !important;
}

.p-r-80 {
	padding-right: 80px !important;
}

.p-t-80 {
	padding-top: 80px !important;
}

.p-b-80 {
	padding-bottom: 80px !important;
}

.m-90 {
	margin: 90px !important;
}

.m-h-90 {
	margin-left: 90px !important;
	margin-right: 90px !important;
}

.m-v-90 {
	margin-top: 90px !important;
	margin-bottom: 90px !important;
}

.m-l-90 {
	margin-left: 90px !important;
}

.m-r-90 {
	margin-right: 90px !important;
}

.m-t-90 {
	margin-top: 90px !important;
}

.m-b-90 {
	margin-bottom: 90px !important;
}

.p-90 {
	padding: 90px !important;
}

.p-h-90 {
	padding-left: 90px !important;
	padding-right: 90px !important;
}

.p-v-90 {
	padding-top: 90px !important;
	padding-bottom: 90px !important;
}

.p-l-90 {
	padding-left: 90px !important;
}

.p-r-90 {
	padding-right: 90px !important;
}

.p-t-90 {
	padding-top: 90px !important;
}

.p-b-90 {
	padding-bottom: 90px !important;
}

.m-100 {
	margin: 100px !important;
}

.m-h-100 {
	margin-left: 100px !important;
	margin-right: 100px !important;
}

.m-v-100 {
	margin-top: 100px !important;
	margin-bottom: 100px !important;
}

.m-l-100 {
	margin-left: 100px !important;
}

.m-r-100 {
	margin-right: 100px !important;
}

.m-t-100 {
	margin-top: 100px !important;
}

.m-b-100 {
	margin-bottom: 100px !important;
}

.p-100 {
	padding: 100px !important;
}

.p-h-100 {
	padding-left: 100px !important;
	padding-right: 100px !important;
}

.p-v-100 {
	padding-top: 100px !important;
	padding-bottom: 100px !important;
}

.p-l-100 {
	padding-left: 100px !important;
}

.p-r-100 {
	padding-right: 100px !important;
}

.p-t-100 {
	padding-top: 100px !important;
}
.p-t-150 {
	padding-top: 150px !important;
}
.p-t-200 {
	padding-top: 200px !important;
}

.p-b-100 {
	padding-bottom: 100px !important;
}

.p-b-150 {
	padding-bottom: 150px !important;
}
.p-b-200 {
	padding-bottom: 200px !important;
}

.m-0 {
	margin: 0 !important
}

.m-h-0 {
	margin-left: 0 !important;
	margin-right: 0 !important
}

.m-v-0 {
	margin-top: 0 !important;
	margin-bottom: 0 !important
}

.m-l-0 {
	margin-left: 0 !important
}

.m-r-0 {
	margin-right: 0 !important
}

.m-t-0 {
	margin-top: 0 !important
}

.m-b-0 {
	margin-bottom: 0 !important
}

.m-auto {
	margin: auto
}

.m-h-auto {
	margin-left: auto;
	margin-right: auto
}

.m-v-auto {
	margin-top: auto;
	margin-bottom: auto
}

.m-l-auto {
	margin-left: auto
}

.m-r-auto {
	margin-right: auto
}

.m-t-auto {
	margin-top: auto
}

.m-b-auto {
	margin-bottom: auto
}

.p-0 {
	padding: 0 !important
}

.p-h-0 {
	padding-left: 0 !important;
	padding-right: 0 !important
}

.p-v-0 {
	padding-top: 0 !important;
	padding-bottom: 0 !important
}

.p-l-0 {
	padding-left: 0 !important
}

.p-r-0 {
	padding-right: 0 !important
}

.p-t-0 {
	padding-top: 0 !important
}

.p-b-0 {
	padding-bottom: 0 !important
}

.line-height-1 {
	line-height: 1
}

.f-bold {
	font-weight: 700 !important
}

.f-normal {
	font-weight: 400 !important
}

.bg-blue {
	background: #26CAD3
}

.bg-f5 {
	background: #f5f5f5
}

.bg-e7 {
	background: #e7e7e7
}

.f-white {
	color: #fff !important
}

/**text-img-template begin**/
.text-img-template-container {
	position: relative;
	width: 100%;
	margin: 10px 0px;
}

.text-img-template-container .yn-fly-text-img-main-title {
	font-size: 28px;
	font-weight: bold;
	padding: 0 40px 30px 0;
}

.text-img-template-container .yn-fly-text-img-sub-title {
	font-size: 14px;
	font-weight: normal;
}

.text-img-template-container .yn-fly-text-img-brief {
	font-size: 14px;
	font-weight: normal;
}

.text-img-template-container .yn-fly-text-img-main-title span,
.text-img-template-container .yn-fly-text-img-sub-title span,
.text-img-template-container .yn-fly-text-img-brief span {
	display: inline-block;
}

.text-img-template-container .yn-fly-text-img-main-title strong,
.text-img-template-container .yn-fly-text-img-sub-title strong,
.text-img-template-container .yn-fly-text-img-brief strong {
	font-weight: bold;
}

.text-img-template-container .text-img-layout-top-center {
	position: absolute;
	top: 12%;
	left: 20%;
	right: 20%;
	text-align: center;
}

.text-img-template-container .text-img-layout-bottom-center {
	position: absolute;
	bottom: 12%;
	left: 20%;
	right: 20%;
	text-align: center;
}

.text-img-template-container .text-img-layout-center-left {
	position: absolute;
	bottom: 0;
	top: 0;
	left: 15%;
	right: 55%;
	text-align: left;
	display: flex;
	flex-direction: column;
	justify-content: center;
}

.text-img-template-container .text-img-layout-center-right {
	position: absolute;
	bottom: 0;
	top: 0;
	left: 55%;
	right: 5%;
	text-align: left;
	display: flex;
	flex-direction: column;
	justify-content: center;
}

.text-img-template-container .text-img-layout-center-center {
	position: absolute;
	bottom: 0;
	top: 0;
	left: 15%;
	right: 15%;
	text-align: center;
	display: flex;
	flex-direction: column;
	justify-content: center;
}

.text-img-template-container.text-img {
	display: flex;
	flex-direction: row;
	justify-content: space-between;
}

.text-img-template-container.img-text {
	display: flex;
	flex-direction: row;
	justify-content: space-between;
}

.text-img-template-container .text-img-text-container {
	height: 100%;
	padding: 0px 10%;
}


.text-img-template-container .text-img-text-container .flex-column-justify-center {
	height: 100%;
}


/**text-img-template end**/



/**home banner begin**/
.home-banner-container {
	width: 100%;
	position: relative;
}

.home-banner-container-mask {
	position: absolute;
	left: 0;
	right: 0;
	top: 0;
	bottom: 0;
}

.home-banner-container .home-banner-title {
	font-size: 36px;
	color: #fff;
	margin: 5px 0px;
}

.home-banner-container .home-banner-subtitle {
	font-size: 18px;
	color: #fff;
	margin: 5px 0px;
}

.home-banner-container .home-banner-brief {
	font-size: 14px;
	color: #fff;
	margin: 5px 0px 25px 0px;
}

.home-banner-container .home-banner-subtitle span,
.home-banner-container .home-banner-title span,
.home-banner-container .home-banner-brief span {
	display: inline-block;
}

.home-banner-container .home-banner-subtitle strong,
.home-banner-container .home-banner-title strong,
.home-banner-container .home-banner-brief strong {
	font-weight: bold;
}

.home-banner-container .home-banner-container-bg-img {
	width: 100%;
	height: auto;
}

.home-banner-container .home-banner-container-info {
	display: flex;
	justify-content: center;
	flex-direction: column;
}

.home-banner-container .home-banner-container-info.home-banner-layout-center-right {
	position: absolute;
	left: 50%;
	top: 0;
	bottom: 0;
	right: 15%;
}

.home-banner-container .home-banner-container-info.home-banner-layout-center-left {
	position: absolute;
	left: 15%;
	top: 0;
	bottom: 0;
	right: 50%;
}

.home-banner-container .home-banner-container-info.home-banner-layout-top-center {
	position: absolute;
	left: 15%;
	top: 10%;
	right: 15%;
	align-items: center;
	text-align: center;
}

.home-banner-container .home-banner-container-info.home-banner-layout-bottom-center {
	position: absolute;
	left: 15%;
	bottom: 10%;
	right: 15%;
	align-items: center;
	text-align: center;
}

.home-banner-container .home-banner-container-info.home-banner-layout-center-center {
	position: absolute;
	left: 15%;
	bottom: 10%;
	right: 15%;
	top: 10%;
	align-items: center;
	text-align: center;
}

.home-banner-container .home-banner-container-info .home-banner-txt-inner-box {
	display: flex;
	justify-content: center;
	flex-direction: column;
	height: auto;
}

.home-banner-container .home-banner-container-info.home-banner-layout-center-left .home-banner-txt-inner-box {
	padding-left: 15%;
}


.home-banner-container .home-banner-btn {
	text-decoration: none;
	margin: 0px 10px;
}

.home-banner-container .home-banner-btn.home-banner-blue-btn {
	text-decoration: none;
}

.home-banner-container .home-banner-btn.home-banner-img-btn {
	max-width: 220px;
	min-width: 40px;
	display: flex;
	align-items: center;
	justify-content: center;
	text-decoration: none;
}

.home-banner-container .home-banner-btn.home-banner-line-btn {
	min-width: 120px;
	display: flex;
	align-items: center;
	justify-content: center;
	text-decoration: none;
	padding: 8px 12px;
	white-space: nowrap;
	text-align: center;
	border: 1px solid #FFFFFF;
	font-size: 14px;
	font-weight: bold;
	color: #FFFFFF;
	border-radius: 30px;
}

.home-banner-container .home-banner-btn.home-banner-icon-btn {
	min-width: 120px;
	max-width: 200px;
	display: flex;
	align-items: center;
	justify-content: center;
	text-decoration: none;
	padding: 8px 12px;
	white-space: nowrap;
	text-align: center;
	border: 1px solid #FFFFFF;
	font-size: 14px;
	font-weight: bold;
	color: #FFFFFF;
	border-radius: 30px;
}

.home-banner-container .home-banner-btn.home-banner-line-btn.black-btn {
	color: #222222;
	border: 1px solid #222222;
}

.home-banner-container .home-banner-btn.home-banner-blue-btn {
	max-width: 140px;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	min-width: 120px;
	color: #FFFFFF;
	font-size: 12px;
	font-weight: bold;
	background-color: #00327D;
	border-radius: 30px;
	border: 1px solid #00327D;
	text-decoration: none;
	padding: 8px 12px;
}

/* .home-banner-container .home-banner-btn.home-banner-blue-btn:hover {
	color: #00327D;
	background-color: #FFFFFF;
	border: 1px solid #FFFFFF;
} */

.home-banner-container .home-banner-btn.home-banner-video-btn {
	max-width: 200px;
	margin-right: 25px;
}

.home-banner-container .home-banner-btn.home-banner-video-btn img {
	margin: 0 6px;
}

.home-banner-container .home-banner-btn.home-banner-blue-btn.home-banner-video-btn:hover {
	background-color: #00327D;
	border: 1px solid #00327D;
	color: #ffffff;
}

.home-banner-container .home-banner-btn-group {
	display: flex;
	margin: 40px auto;
}

.home-banner-container .home-banner-container-info.home-banner-layout-center-left .home-banner-btn-group {
	display: flex;
	margin: 40px 0px;
}

.home-banner-container .home-banner-container-info.home-banner-layout-center-right .home-banner-btn-group {
	display: flex;
	margin: 40px 0px;
}

/**home banner end**/




/**yunying banner begin**/
.yunying-banner-container {
	width: 100%;
	position: relative;
}

.yunying-banner-container .yunying-banner-subtitle span,
.yunying-banner-container .yunying-banner-title span,
.yunying-banner-container .yunying-banner-brief span {
	display: inline-block;
}

.yunying-banner-container .yunying-banner-subtitle strong,
.yunying-banner-container .yunying-banner-title strong,
.yunying-banner-container .yunying-banner-brief strong {
	font-weight: bold;
}

.yunying-banner-container .yunying-banner-container-bg-img {
	width: 100%;
	height: auto;
}

.yunying-banner-container .yunying-banner-container-info {
	display: flex;
	justify-content: center;
	flex-direction: column;
}

.yunying-banner-container .yunying-banner-container-info.yunying-banner-img-text {
	padding: 0px 10%;
}

.yunying-banner-container .yunying-banner-container-info.yunying-banner-text-img {
	padding: 0px 10% 0px 0px;
}

.yunying-banner-container .yunying-banner-container-info.yunying-banner-layout-top {
	padding-left: 15%;
	padding-right: 15%;
	text-align: center;
	word-wrap: break-word;
}

.yunying-banner-container .yunying-banner-container-info.yunying-banner-layout-bottom {
	padding-left: 15%;
	padding-right: 15%;
	text-align: center;
	word-wrap: break-word;
}


.yunying-banner-container .yunying-banner-container-info.yunying-banner-layout-center-right {
	position: absolute;
	left: 50%;
	top: 0;
	bottom: 0;
	right: 15%;
}

.yunying-banner-container .yunying-banner-container-info.yunying-banner-layout-center-left {
	position: absolute;
	left: 15%;
	top: 0;
	bottom: 0;
	right: 50%;
}

.yunying-banner-container .yunying-banner-container-info.yunying-banner-layout-top-center {
	position: absolute;
	left: 15%;
	top: 10%;
	right: 15%;
	align-items: center;
	text-align: center;
}

.yunying-banner-container .yunying-banner-container-info.yunying-banner-layout-bottom-center {
	position: absolute;
	left: 15%;
	bottom: 10%;
	right: 15%;
	align-items: center;
	text-align: center;
}

.yunying-banner-container .yunying-banner-container-info.yunying-banner-layout-center-center {
	position: absolute;
	left: 15%;
	bottom: 10%;
	right: 15%;
	top: 10%;
	align-items: center;
	text-align: center;
}

.yunying-banner-container .yunying-banner-btn {
	text-decoration: none;
	margin: 40px 0px;
}

.yunying-banner-container .yunying-banner-btn.yunying-banner-blue-btn {
	text-decoration: none;
}

.yunying-banner-container .yunying-banner-btn.yunying-banner-line-btn {
	min-width: 120px;
	max-width: 200px;
	display: flex;
	align-items: center;
	justify-content: center;
	text-decoration: none;
	padding: 8px 12px;
	white-space: nowrap;
	text-align: center;
	border: 1px solid #FFFFFF;
	font-size: 14px;
	font-weight: bold;
	color: #FFFFFF;
	border-radius: 30px;

}

.yunying-banner-container .yunying-banner-btn.yunying-banner-line-btn.black-btn {
	color: #222222;
	border: 1px solid #222222;
}

.yunying-banner-container .yunying-banner-btn.yunying-banner-blue-btn {
	max-width: 140px;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	min-width: 120px;
	color: #FFFFFF;
	font-size: 12px;
	font-weight: bold;
	background-color: #00327D;
	border-radius: 30px;
	border: 1px solid #00327D;
	text-decoration: none;
	padding: 8px 12px;
}

.yunying-banner-container .yunying-banner-btn.yunying-banner-blue-btn:hover {
	color: #00327D;
	background-color: #FFFFFF;
	border: 1px solid #00327D;
}

.yunying-banner-container .yunying-banner-btn.yunying-banner-video-btn {
	max-width: 200px;
	margin-right: 25px;
}

.yunying-banner-container .yunying-banner-btn.yunying-banner-video-btn img {
	margin: 0 6px;
}

.yunying-banner-container .yunying-banner-btn.yunying-banner-blue-btn.yunying-banner-video-btn:hover {
	background-color: #00327D;
	border: 1px solid #00327D;
	color: #ffffff;
}

.yunying-banner-container .yunying-banner-btn-group {
	display: flex;
	margin: 40px auto;
}

/**yunying banner end**/

/**video begin**/
.video-container {
	width: 100%;
	position: relative;
}

.video-container .video-title span,
.video-container .video-subtitle span,
.video-container .video-brief span {
	display: inline-block;
}

.video-container .video-title strong,
.video-container .video-subtitle strong,
.video-container .video-brief strong {
	font-weight: bold;
}

.video-container .video-container-bg-img {
	width: 100%;
	height: auto;
}

.video-container .video-container-info {
	display: flex;
	justify-content: center;
	flex-direction: column;
}

.video-container .video-img-text {
	height: 100%;
	padding: 0px 10%;
	align-items: flex-start;
}

.video-container .video-text-img {
	height: 100%;
	padding: 0px 10%;
	align-items: flex-start;
}

.video-container .video-container-info.abs {
	position: absolute;
	left: 0;
	right: 0;
	top: 0;
	bottom: 0;
	align-items: center;
}

.video-container .video-container-info.abs.video-layout-right {
	left: 50%;
	right: 10%;
}

.video-container .video-container-info.abs.video-layout-left {
	left: 10%;
	right: 50%;
}

.video-container .video-container-info.abs.video-layout-center {
	left: 15%;
	right: 15%;
	text-align: center;
}

.video-container .video-container-info.abs.video-layout-right .flex-column-row-center {
	align-items: flex-start;
}

.video-container .video-container-info.abs.video-layout-left .flex-column-row-center {
	align-items: flex-start;
}

.video-container .video-container-info .video-btn-group {
	display: flex;
	align-items: center;
}

.video-container .video-container-info .video-img-play-btn {
	width: 90px;
	height: 90px;
	text-decoration: none;
}

.video-container .video-container-info .video-img-play-btn img {
	width: 100%;
}

.video-container .video-container-info .video-btn-group .video-img-play-btn {
	height: 40px;
	width: 40px;
	margin-left: 25px;
}

.video-container .video-container-info .video-btn-group .video-img-play-btn img {
	height: 40px;
	width: 40px;
}

.video-container .video-btn {
	text-decoration: none;
	margin: 20px 0px;
}

.video-container .video-btn.video-blue-btn {
	text-decoration: none;
}

.video-container .video-btn.video-line-btn {
	min-width: 120px;
	max-width: 200px;
	display: flex;
	align-items: center;
	justify-content: center;
	text-decoration: none;
	padding: 8px 12px;
	white-space: nowrap;
	text-align: center;
	border: 1px solid #FFFFFF;
	font-size: 14px;
	font-weight: bold;
	color: #FFFFFF;
	border-radius: 30px;

}

.video-container .video-btn.video-line-btn.black-btn {
	color: #222222;
	border: 1px solid #222222;
}

.video-container .video-btn.video-blue-btn {
	max-width: 140px;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	min-width: 120px;
	color: #FFFFFF;
	font-size: 12px;
	font-weight: bold;
	background-color: #00327D;
	border-radius: 30px;
	border: 1px solid #00327D;
	text-decoration: none;
	padding: 8px 12px;
}

.video-container .video-btn.video-blue-btn:hover {
	color: #00327D;
	background-color: #FFFFFF;
	border: 1px solid #00327D;
}

/**video end**/


/**subscribe begin**/
.subscribe-container {
	width: 100%;
	position: relative;
}

.subscribe-container .subscribe-container-bg {
	width: 100%;
	height: auto;
}

.subscribe-container .subscribe-info-container {
	position: absolute;
	left: 25%;
	right: 25%;
	top: 0;
	bottom: 0;
	display: flex;
	align-items: center;
	justify-content: center;
	flex-direction: column;
}

.subscribe-container .subscribe-title span,
.subscribe-container .subscribe-subtitle span {
	display: inline-block;
}

.subscribe-container .subscribe-title strong,
.subscribe-container .subscribe-subtitle strong {
	font-weight: bold;
}

.subscribe-container .subscribe-form {
	display: flex;
	flex-direction: column;
	position: relative;
	width: 50%;
	min-width: 420px;
	margin: 30px 0px;
	max-width: 555px;
}

.subscribe-container .subscribe-form-info {
	width: 100%;
	display: flex;
	align-items: center;
	position: relative;
	margin-top: 35px;
}

.subscribe-container .subscribe-email-box {
	vertical-align: middle;
	padding-left: 20px;
	flex: 1;
	border: none;
	outline: 0;
	background: transparent;
	font-size: 14px;
	font-weight: 400;
	color: #00327D;
	height: 44px;
	background-color: #dddcdc;
	border-radius: 30px;
	line-height: 44px;
}

.subscribe-container .subscribe-email-box::placeholder {
	color: #ADAEAD;
}

.subscribe-container .subscribe-submit-btn {
	border: none;
	position: absolute;
	top: 0;
	bottom: 0;
	right: -10px;
	background: #00327D;
	font-size: 14px;
	font-weight: bold;
	color: #FFFFFF;
	border-radius: 0 30px 30px 0;
	width: 180px;
}

.subscribe-container.subscribe-inline .subscribe-form {
	flex-direction: row;
	margin: 0px;
	margin-left: 25px;
	flex: 1;
}

.subscribe-container.subscribe-inline .subscribe-info-container {
	left: 0%;
	right: 0%;
}

.subscribe-container.subscribe-inline .flex-column-row-center {
	flex-direction: row;
}

.subscribe-container.subscribe-inline .subscribe-email-box {
	border-radius: 0px;
}

.subscribe-container.subscribe-inline .subscribe-submit-btn {
	border-radius: 0px;
}

.subscribe-container.subscribe-two-line .subscribe-email-box {
	border-radius: 0px;
}

.subscribe-container.subscribe-two-line .subscribe-submit-btn {
	border-radius: 0px;
}

.subscribe-container .subscribe-error-msg {
	color: #e74c3c;
	font-size: 12px;
	font-weight: normal;
	padding: 3px 6px;
	margin-right: 0px;
	position: absolute;
	left: 0;
	bottom: -30px;
	letter-spacing: 0px;
	display: none;
}

.subscribe-container .subscribe-error-msg.show {
	display: block;
}

.subscribe-container .subscribe-check {
	padding: 24px 0;
	font-size: 12px;
	color: #232222;
}

/**subscribe end**/

/**timer begin**/
.banner-timer-container {
	width: 100%;
	position: relative;
}

.banner-timer-container-bg {
	width: 100%;
	height: auto;
}

.banner-timer-container .banner-timer-container-info {
	position: absolute;
	left: 50%;
	transform: translateX(-50%) translateY(-50%);
	top: 50%;
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
}

.banner-timer-container .banner-timer-title {
	color: #FFFFFF;
	font-size: 28px;
	font-weight: bold;
	text-align: center;

	/* æ–°å¢ž */
	padding-bottom: 20px;

}

.banner-timer-container .banner-timer-subtitle {
	color: #FFFFFF;
	font-size: 16px;
	font-weight: noramal;
	text-align: center;
}

.banner-timer-container .banner-timer-text {
	color: #FFFFFF;
	font-size: 14px;
	font-weight: normal;
	text-align: center;
}

.banner-timer-container .banner-form {
	width: 300px;
	border: 1px solid #E4E9F0;
	border-radius: 30px 0 0 30px;
	position: relative;
	margin: 30px 0px;
}

.banner-timer-container .banner-form .banner-email-box {
	vertical-align: middle;
	padding-left: 20px;
	flex: 1;
	border: none;
	outline: 0;
	background: transparent;
	font-size: 14px;
	font-weight: 400;
	color: #E4E9F0;
	height: 44px;
}

.banner-timer-container .banner-form .banner-email-box::placeholder {
	color: #E4E9F0;
}

.banner-timer-container .banner-form .banner-submit-btn {
	position: absolute;
	border: none;
	top: -1px;
	bottom: -1px;
	right: -30px;
	background: #FFFFFF;
	font-size: 14px;
	font-weight: bold;
	color: #00327D;
	border-radius: 30px;
	width: 100px;
}

.banner-timer-container .banner-form .banner-error-msg {
	color: #e74c3c;
	font-size: 12px;
	font-weight: normal;
	padding: 3px 6px;
	margin-right: 0px;
	position: absolute;
	left: 0;
	bottom: -48px;
	letter-spacing: 0px;
	display: none;
}

.banner-timer-container .banner-form .banner-error-msg.show {
	display: block;
}

.banner-timer-container .countDown-num-box {
	display: flex;
	align-items: center;
	justify-content: center;
	width: 100%;
	padding-bottom: 32px;
}

.banner-timer-container #countDown {
	display: flex;
	align-items: center;
	justify-content: center;
	width: 100%;
	padding-bottom: 32px;
}

.banner-timer-container .count-down-item {
	display: flex;
	flex-direction: column;
	align-items: center;
	width: 25%;
	color: #FFFFFF;
	font-size: 22px;
	font-weight: 600;
	text-align: center;
}

.banner-timer-container .count-down-item-text {
	padding-top: 8px;
	color: #FFFFFF;
	font-size: 14px;
	font-weight: normal;
	text-align: center;
}

.banner-timer-container .countdown-position-wapper {
	display: inline-block;
	overflow: hidden;
	position: relative;
}

.banner-timer-container .countdown-digit {
	position: absolute;
	display: block;
	letter-spacing: -1px;
}

.banner-timer-container.row-left-right {
	display: flex;
	justify-content: center;
	flex-direction: row;
}

.banner-timer-container.row-left-right .banner-timer-container-info-relative {
	display: flex;
	flex-direction: column;
	justify-content: center;
	position: relative;
}

.banner-timer-container.row-left-right .banner-timer-container-bg {
	width: 50%;
	height: auto;
}


.banner-timer-container.row-left-right .banner-timer-title {
	color: #00327D;
}

.banner-timer-container.row-left-right .banner-timer-subtitle {
	color: #00327D;
}

.banner-timer-container.row-left-right .banner-timer-text {
	color: #00327D;
}

.banner-timer-container.row-left-right .count-down-item {
	color: #00327D;
}

.banner-timer-container.row-left-right .count-down-item-text {
	color: #00327D;
}

.banner-timer-container.row-left-right .banner-form .banner-email-box {
	color: #00327D;
}

.banner-timer-container.row-left-right .banner-form {
	border: 1px solid #00327D;
	margin: 30px auto;
}

.banner-timer-container.row-left-right .banner-form .banner-submit-btn {
	background: #00327D;
	color: #ffffff;
}

.banner-btn-container {
	display: flex;
	align-items: center;
	justify-content: center;
	margin: 30px 0px;
}

.banner-timer-container .banner-btn-item {
	padding: 6px 28px;
}

.banner-timer-container .banner-btn-item a {
	display: inline-block;
	text-decoration: none;
	padding: 8px 12px;
	white-space: nowrap;
	text-align: center;
	width: 120px;
	background: transparent;
	border: 1px solid #FFFFFF;
	font-size: 14px;
	font-weight: bold;
	color: #FFFFFF;
	border-radius: 30px;
}

/**timer end**/


/**plate detail begin**/
.succes-title-container {
	display: flex;
	align-items: center;
	justify-content: center;
	width: 100%;
	border-bottom: 1px dashed #C3C3C3;
}

.succes-title-container img {
	height: auto;
	margin-right: 20px;
}

.success-container .info-container {
	display: flex;
	align-items: center;
	justify-content: space-between;
}

.success-container .info-container a {
	text-decoration: none;
	text-align: center;
}

.rights-interests-item {
	display: flex;
	flex-direction: column;
	align-items: center;
}

.rights-interests-item img {
	height: auto;
}

/**plate detail end**/


/**swiper template begin**/
.fly-swiper-box {
	width: 100%;
	position: relative;
}

.fly-swiper-box .swiper-main-title-box {
	display: flex;
	align-items: center;
	justify-content: center;
	padding: 30px 0px 10px 0px;
	font-size: 44px;
	font-weight: bold;
	color: #232222;
	text-align: center;
}

.fly-swiper-box .swiper-main-title-box strong,
.fly-swiper-box .swiper-main-title-box strong span,
.fly-swiper-box .swiper-main-title-box span .fly-swiper-box .swiper-title-box strong,
.fly-swiper-box .swiper-title-box strong span,
.fly-swiper-box .swiper-title-box span {
	display: inline-block;
}

.swiper-container {
	width: 100%;
	position: relative;
}

.swiper-container .swiper-title span,
.swiper-container .swiper-subtitle span,
.swiper-container .swiper-brief span {
	display: inline-block;
}

.swiper-container .swiper-title strong,
.swiper-container .swiper-subtitle strong,
.swiper-container .swiper-brief strong {
	font-weight: bold;
}

.swiper-container .swiper-container-bg-img {
	width: 100%;
	height: auto;
}

.swiper-container .swiper-container-info {
	display: flex;
	justify-content: center;
	flex-direction: column;
}

.swiper-container .swiper-img-text {
	height: 100%;
}

.swiper-container .swiper-text-img {
	height: 100%;
}

.swiper-container .swiper-container-info.abs {
	position: absolute;
	left: 0;
	right: 0;
	top: 0;
	bottom: 0;
	align-items: center;
}

.swiper-container .swiper-template-item {
	width: 100%;
}

.swiper-container .swiper-container-info.abs.swiper-layout-right {
	left: 50%;
	right: 10%;
	align-items: flex-start;
}

.swiper-container .swiper-container-info.abs.swiper-layout-left {
	left: 10%;
	right: 50%;
	align-items: flex-start;
}

.swiper-container .swiper-container-info.abs.swiper-layout-center {
	left: 15%;
	right: 15%;
	text-align: center;
}

.swiper-container .video-container-info.abs.video-layout-right .flex-column-row-center {
	align-items: flex-start;
}

.swiper-container .swiper-btn {
  	text-decoration: none;
  	margin: 15px 0px;
  }

  .swiper-container .swiper-btn.noMargin {
  	margin: 0px 0px;
  }

  .swiper-container .swiper-btn.swiper-blue-btn {
  	text-decoration: none;
  	max-width: 200px;
  }

  .swiper-container .swiper-btn.swiper-line-btn {
  	min-width: 120px;
  	max-width: 200px;
  	display: flex;
  	align-items: center;
  	justify-content: center;
  	text-decoration: none;
  	padding: 8px 12px;
  	white-space: nowrap;
  	text-align: center;
  	border: 1px solid #FFFFFF;
  	font-size: 14px;
  	font-weight: bold;
  	color: #FFFFFF;
  	border-radius: 30px;

  }

  .swiper-container .swiper-btn.swiper-line-btn.black-btn {
  	color: #222222;
  	border: 1px solid #222222;
  }

  .swiper-container .swiper-btn.swiper-blue-btn {
  	max-width: 200px;
  	display: inline-flex;
  	align-items: center;
  	justify-content: center;
  	min-width: 120px;
  	color: #FFFFFF;
  	font-size: 12px;
  	font-weight: bold;
  	background-color: #00327D;
  	border-radius: 30px;
  	border: 1px solid #00327D;
  	text-decoration: none;
  	padding: 8px 12px;
  }

  .swiper-container .swiper-btn.swiper-blue-btn:hover {
  	color: #00327D;
  	background-color: #FFFFFF;
  	border: 1px solid #00327D;
  }

  .swiper-container .swiper-btn.swiper-video-btn {
  	max-width: 200px;
  	margin-right: 25px;
  }

  .swiper-container .swiper-btn.swiper-video-btn img {
  	margin: 0 6px;
  }

  .swiper-container .swiper-btn.swiper-blue-btn.grid-video-btn:hover {
  	background-color: #00327D;
  	border: 1px solid #00327D;
  	color: #ffffff;
  }

  .swiper-container .swiper-btn-group {
  	display: flex;
  	margin: 40px auto;
  }


.swiper-container .swiper-template-item .swiper-button-prev,
.swiper-container .swiper-template-item .swiper-button-next {
	background: #5A5657;
	width: 60px;
	height: 60px;
	padding: 12px;
	border-radius: 50%;
	color: #FFFFFF;
}

.swiper-container .swiper-button-prev::after,
.swiper-container .swiper-button-next::after {
	font-size: 34px;
	font-weight: bold;
}

.swiper-container .swiper-button-prev:hover,
.swiper-container .swiper-button-next:hover {
	background: #00327D;
}

.swiper-container .swiper-button-prev {
	left: 5%;
}

.swiper-container .swiper-button-next {
	right: 5%;
}


.swiper-container .swiper-pagination-bullet {
	background: #2196EE;
	opacity: 1;
}

.swiper-container .swiper-pagination-bullet-active {
	background: #00327D;
	border-radius: 7px;
	width: 16px;
}


.swiper-container .swiper-grayarrow-button-prev,
.swiper-container .swiper-grayarrow-button-next {
	position: absolute;
	top: calc(50% - 40px);
	width: 30px;
	height: 40px;
	background-repeat: no-repeat;
	background-size: 100%;
	transform: translate(0, -50%);
	z-index: 10;
}

.swiper-container .swiper-grayarrow-button-prev {
	background-image: url(https://static-ussite.tineco.com/ce612d63-95f8-4b40-8bca-bee2686477f7.svg);
	left: 0;
}

.swiper-container .swiper-grayarrow-button-next {
	right: 0;
	background-image: url(https://static-ussite.tineco.com/74a5c351-e408-4348-85a9-84a6c8296949.svg);
}

.swiper-container .swiper-a-link {
	display: inline-block;
	text-decoration: none;
	text-align: center;
}

.swiper-container .swiper-a-link:hover {
	text-decoration: none;
}

/**swiper 6 begin**/
.swiper-container.swiper-container-6 .swiper-template-item-grade-100 {
	height: 16px;
	width: 100px;
	position: relative;
	margin-bottom: 10px;
	margin-top: 20px;
}

.swiper-container.swiper-container-6 .swiper-template-item-grade-100 img {
	height: 16px;
	width: 100px;
	vertical-align: super;
}

.swiper-container.swiper-container-6 .swiper-template-item-grade-active-100 {
	background-image: url('https://static-ussite.tineco.com/3eb56594-40b9-4a5d-8a6d-7bd3c1246ccc.png');
	background-repeat: no-repeat;
	background-size: 100px 16px;
	height: 16px;
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
}

.swiper-container.swiper-container-6 .swiper-6-headUrlBox {
	width: 100%;
	flex: 1;
}

.swiper-container.swiper-container-6 .swiper-template-item-avatar {
	width: 35px;
	height: 35px;
	margin-right: 8px;
	margin-left: 8px;
}

.swiper-container.swiper-container-6 .swiper-nick {
	padding: 0 0px;
	color: #232222;
	font-size: 18px;
	font-weight: bold;
	text-align: left;
}

.swiper-container.swiper-container-6 .swiper-title {
	padding: 0px 0 0;
	color: #232222;
	font-size: 14px;
	font-weight: normal;
	text-align: left;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 6;
	line-height: 20px;
	min-height: 120px;
	max-height: 120px;
	overflow: hidden;
	text-overflow: ellipsis;
}

/**swiper 6 end**/


/**swiper template end**/







/**grid recommend begin**/
.grid-recomment-list-box {
	padding-bottom: 30px;
	background-color: #f2f2f2;
}

.grid-recomment-list-box .grid-recommend-main-title-box {
	display: flex;
	align-items: center;
	justify-content: center;
	padding: 30px 0px 10px 0px;
	font-size: 44px;
	font-weight: bold;
	color: #232222;
	text-align: center;
	flex-wrap: wrap;
}

.grid-recommend-container .grid-recommend-main-title-box {
	display: flex;
	align-items: center;
	justify-content: center;
	padding: 30px 0px 10px 0px;
	font-size: 44px;
	font-weight: bold;
	color: #232222;
	text-align: center;
}

.grid-recommend-container {
	width: 100%;
	position: relative;
}

.grid-recommend-container .grid-recommend-subtitle span,
.grid-recommend-container .grid-recommend-title span,
.grid-recommend-container .grid-recommend-brief span {
	display: inline-block;
}

.grid-recommend-container .grid-recommend-subtitle strong,
.grid-recommend-container .grid-recommend-title strong,
.grid-recommend-container .grid-recommend-brief strong {
	font-weight: bold;
}

.grid-recommend-container .img-w60 {
	width: 60%;
	height: auto;
}

.grid-recommend-container .grid-recommend-container-bg-img {
	width: 100%;
	height: auto;
}

.grid-recommend-container .grid-recommend-container-info {
	display: flex;
	justify-content: center;
	flex-direction: column;
}

.grid-recommend-container .grid-recommend-container-info.grid-img-text {
	padding: 0px 10%;
}

.grid-recommend-container .grid-recommend-container-info.grid-text-img {
	padding: 0px 10% 0px 0px;
}

.grid-recommend-container .grid-recommend-container-info.grid-layout-top {
	padding-left: 15%;
	padding-right: 15%;
	text-align: center;
	word-wrap: break-word;
}

.grid-recommend-container .grid-recommend-container-info.grid-layout-bottom {
	padding-left: 15%;
	padding-right: 15%;
	text-align: center;
	word-wrap: break-word;
}

.grid-recommend-container .grid-recommend-container-info.absolute {
	position: absolute;
	left: 7%;
	top: 0;
	bottom: 0;
	right: 7%;
}

.grid-recommend-container .grid-recommend-container-info.grid-layout-left {
	position: absolute;
	left: 10%;
	top: 0;
	bottom: 0;
	right: 10%;
}

.grid-recommend-container .grid-recommend-container-info.grid-layout-center-right {
	position: absolute;
	left: 50%;
	top: 0;
	bottom: 0;
	right: 15%;
}

.grid-recommend-container .grid-recommend-container-info.grid-layout-center-left {
	position: absolute;
	left: 15%;
	top: 0;
	bottom: 0;
	right: 50%;
}

.grid-recommend-container .grid-recommend-container-info.grid-layout-top-center {
	position: absolute;
	left: 15%;
	top: 10%;
	right: 15%;
	align-items: center;
}

.grid-recommend-container .grid-recommend-container-info.grid-layout-bottom-center {
	position: absolute;
	left: 15%;
	bottom: 10%;
	right: 15%;
	align-items: center;
}

.grid-recommend-container .grid-recommend-container-info.grid-layout-center-center {
	position: absolute;
	left: 15%;
	bottom: 10%;
	right: 15%;
	top: 10%;
	align-items: center;
}

.grid-recommend-container .grid-recommend-btn {
	text-decoration: none;
	margin: 15px 0px;
}

.grid-recommend-container .grid-recommend-btn.noMargin {
	margin: 0px 0px;
}

.grid-recommend-container .grid-recommend-btn.grid-recommend-blue-btn {
	text-decoration: none;
	max-width: 200px;
}

.grid-recommend-container .grid-recommend-btn.grid-recommend-line-btn {
	min-width: 120px;
	max-width: 200px;
	display: flex;
	align-items: center;
	justify-content: center;
	text-decoration: none;
	padding: 8px 12px;
	white-space: nowrap;
	text-align: center;
	border: 1px solid #FFFFFF;
	font-size: 14px;
	font-weight: bold;
	color: #FFFFFF;
	border-radius: 30px;

}

.grid-recommend-container .grid-recommend-btn.grid-recommend-line-btn.black-btn {
	color: #222222;
	border: 1px solid #222222;
}

.grid-recommend-container .grid-recommend-btn.grid-recommend-blue-btn {
	max-width: 200px;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	min-width: 120px;
	color: #FFFFFF;
	font-size: 12px;
	font-weight: bold;
	background-color: #00327D;
	border-radius: 30px;
	border: 1px solid #00327D;
	text-decoration: none;
	padding: 8px 12px;
}

.grid-recommend-container .grid-recommend-btn.grid-recommend-blue-btn:hover {
	color: #00327D;
	background-color: #FFFFFF;
	border: 1px solid #00327D;
}

.grid-recommend-container .grid-recommend-btn.grid-recommend-video-btn {
	max-width: 200px;
	margin-right: 25px;
}

.grid-recommend-container .grid-recommend-btn.grid-recommend-video-btn img {
	margin: 0 6px;
}

.grid-recommend-container .grid-recommend-btn.grid-recommend-blue-btn.grid-video-btn:hover {
	background-color: #00327D;
	border: 1px solid #00327D;
	color: #ffffff;
}

.grid-recommend-container .grid-recommend-btn-group {
	display: flex;
	margin: 40px auto;
}


.grid-recommend-container .grid-support-item {
	text-decoration: none;
	padding: 30px 0;
	border-radius: 7px;
	margin: 0 auto 28px;
	text-align: center;
	cursor: pointer;
	transition: all 0.3s;
	width: 100%;
}

.grid-recommend-container .grid-support-item img {
	display: inline-block;
	height: 90px;
	width: auto;
}

.grid-recommend-container .grid-support-item .grid-support-list-item-active-img {
	display: none;
}

.grid-recommend-container .grid-support-item .grid-support-list-item-text {
	font-size: 16px;
	color: #9F9F9F;
	font-weight: bold;
	padding-top: 24px;
}

.grid-recommend-container .grid-support-item:hover {
	box-shadow: 2px 7px 28px 1px rgba(0, 0, 0, 0.1);
}

.grid-recommend-container .grid-support-item:hover .grid-support-list-item-img {
	display: none;
}

.grid-recommend-container .grid-support-item:hover .grid-support-list-item-active-img {
	display: block;
}

.grid-recommend-container .grid-support-item:hover .grid-support-list-item-text {
	color: #00327D;
}

.grid-recommend-container.noShadow .grid-support-item:hover {
	box-shadow: unset;
}

.grid-recommend-container .produt-more-item-img {
	text-decoration: none;
	width: 80%;
	padding: 12px;
	border-radius: 15px;
	margin: 0 auto 28px;
	text-align: center;
	cursor: pointer;
	background-color: #F2F2F2;
	transition: all 0.3s;
	transform-origin: bottom;
}

.grid-recommend-container .produt-more-item-img img {
	height: 100% !important;
	width: auto !important;
}

.grid-recommend-container .produt-more-item-img:hover {
	box-shadow: 2px 7px 24px 1px rgba(0, 0, 0, 0.1);
	transform: scale(1.1);
}

.grid-recommend-container .grid-recommend-item-text-box {
	width: 100%;
	text-align: center;
	padding: 15px 10px;
	display: flex;
	align-items: center;
	justify-content: center;
}

.grid-recommend-container .grid-recommend-title {
	font-size: 20px;
	color: #fff;
	line-height: 1.5;
}

.grid-recommend-container .grid-recommend-subtitle {
	font-size: 14px;
	color: #fff;
	line-height: 1.5;
}

.grid-recommend-container .grid-recommend-title span,
.grid-recommend-container .grid-recommend-subtitle span,
.grid-recommend-container .grid-recommend-brief span {
	display: inline-block;
}

.grid-recommend-container .grid-recommend-subtitle strong,
.grid-recommend-container .grid-recommend-title strong,
.grid-recommend-container .grid-recommend-brief strong {
	font-weight: bold;
}

.grid-recomment-list-box .grid-recommend-main-title-box strong,
.grid-recomment-list-box .grid-recommend-main-title-box strong span,
.grid-recomment-list-box .grid-recommend-main-title-box span .grid-recomment-list-box .grid-recommend-title strong,
.grid-recomment-list-box .grid-recommend-title strong span,
.grid-recomment-list-box .grid-recommend-title span {
	display: inline-block;
}


/**grid recommend edn**/


/**articleList template begin**/
.articleList-container {
	width: 100%;
	position: relative;
}

.articleList-container .articleList-subtitle span,
.articleList-container .articleList-title span,
.articleList-container .articleList-brief span {
	display: inline-block;
}

.articleList-container .articleList-subtitle strong,
.articleList-container .articleList-title strong,
.articleList-container .articleList-brief strong {
	font-weight: bold;
}

.articleList-container .articleList-container-bg-img {
	width: 100%;
	height: auto;
}

.articleList-container .articleList-container-info {
	display: flex;
	justify-content: center;
	flex-direction: column;
}

.articleList-container .articleList-container-info.articleList-img-text {
	padding: 0px 10%;
	background: #f2f2f2;
}

.articleList-container .articleList-container-info.articleList-text-img {
	padding: 0px 10% 0px 0px;
	background: #f2f2f2;
}

.articleList-container .articleList-container-info.article-list-layout-top {
	padding-left: 15%;
	padding-right: 15%;
	text-align: center;
	word-wrap: break-word;
}

.articleList-container .articleList-container-info.article-list-layout-bottom {
	padding-left: 15%;
	padding-right: 15%;
	text-align: center;
	word-wrap: break-word;
}

.articleList-container .articleList-container-info.article-list-layout-left {
	position: absolute;
	left: 15%;
	top: 0;
	bottom: 0;
	right: 15%;
	text-align: left;
	word-wrap: break-word;
}

.articleList-container .articleList-container-info.article-list-layout-center-right {
	position: absolute;
	left: 50%;
	top: 0;
	bottom: 0;
	right: 15%;
}

.articleList-container .articleList-container-info.article-list-layout-center-left {
	position: absolute;
	left: 15%;
	top: 0;
	bottom: 0;
	right: 50%;
}

.articleList-container .articleList-container-info.article-list-layout-top-center {
	position: absolute;
	left: 15%;
	top: 10%;
	right: 15%;
	align-items: center;
}

.articleList-container .articleList-container-info.article-list-layout-bottom-center {
	position: absolute;
	left: 15%;
	bottom: 10%;
	right: 15%;
	align-items: center;
}

.articleList-container .articleList-container-info.article-list-layout-center-center {
	position: absolute;
	left: 15%;
	bottom: 10%;
	right: 15%;
	top: 10%;
	align-items: center;
}

.articleList-container .articleList-btn {
	text-decoration: none;
	margin: 40px 0px;
}

.articleList-container .articleList-btn.noMargin {
	margin: 20px 0px;
}

.articleList-container .articleList-btn.articleList-blue-btn {
	text-decoration: none;
}

.articleList-container .articleList-btn.articleList-line-btn {
	min-width: 120px;
	max-width: 200px;
	display: flex;
	align-items: center;
	justify-content: center;
	text-decoration: none;
	padding: 8px 12px;
	white-space: nowrap;
	text-align: center;
	border: 1px solid #FFFFFF;
	font-size: 14px;
	font-weight: bold;
	color: #FFFFFF;
	border-radius: 30px;

}

.articleList-container .articleList-btn.articleList-line-btn.black-btn {
	color: #222222;
	border: 1px solid #222222;
}

.articleList-container .articleList-btn.articleList-blue-btn {
	max-width: 140px;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	min-width: 120px;
	color: #FFFFFF;
	font-size: 12px;
	font-weight: bold;
	background-color: #00327D;
	border-radius: 30px;
	border: 1px solid #00327D;
	text-decoration: none;
	padding: 8px 12px;
}

.articleList-container .articleList-btn.articleList-blue-btn:hover {
	color: #00327D;
	background-color: #FFFFFF;
	border: 1px solid #00327D;
}

.articleList-container .articleList-btn.articleList-video-btn {
	max-width: 200px;
	margin-right: 25px;
}

.articleList-container .articleList-btn.articleList-video-btn img {
	margin: 0 6px;
}

.articleList-container .articleList-btn.articleList-blue-btn.articleList-video-btn:hover {
	background-color: #00327D;
	border: 1px solid #00327D;
	color: #ffffff;
}

.articleList-container .articleList-btn-group {
	display: flex;
	margin: 40px auto;
}

.article-list-container .article-item {
	overflow: hidden;
	cursor: pointer;
	margin: 0 15px 30px;
	padding-bottom: 12px;
	border-radius: 2px;
}

.article-list-container .article-item-img {
	overflow: hidden;
	width: 100%;
}

.article-list-container .article-item-img img {
	width: 100%;
	height: auto;
	transition: all 0.4s;
}

.article-list-container .read-more-btn {
	width: 80px;
	height: 30px;
	line-height: 26px;
	text-align: center;
	display: none;
	flex: none;
	text-decoration: none;
	background: #A5A5A5;
	border-radius: 20px;
	color: #FFFFFF;
	transition: all 0.4s;
}

.article-list-container .article-item:hover {
	box-shadow: 2px 7px 28px 1px rgba(0, 0, 0, 0.1);
}

.article-list-container .article-item:hover .article-item-img img {
	transform: scale(1.1);
}

.article-list-container .article-item:hover .read-more-btn {
	display: block;
}

/**article list common btn begin**/
.articleList-container .article-list-btn {
	text-decoration: none;
	margin: 0px 10px 0px 0px;
}

.articleList-container .article-list-btn.article-list-blue-btn {
	text-decoration: none;
}

.articleList-container .article-list-btn.article-list-img-btn {
	max-width: 220px;
	min-width: 40px;
	display: flex;
	align-items: center;
	justify-content: center;
	text-decoration: none;
}

.articleList-container .article-list-btn.article-list-line-btn {
	min-width: 120px;
	display: flex;
	align-items: center;
	justify-content: center;
	text-decoration: none;
	padding: 8px 12px;
	white-space: nowrap;
	text-align: center;
	border: 1px solid #FFFFFF;
	font-size: 14px;
	font-weight: bold;
	color: #FFFFFF;
	border-radius: 30px;
}

.articleList-container .article-list-btn.article-list-icon-btn {
	min-width: 120px;
	max-width: 200px;
	display: flex;
	align-items: center;
	justify-content: center;
	text-decoration: none;
	padding: 8px 12px;
	white-space: nowrap;
	text-align: center;
	border: 1px solid #FFFFFF;
	font-size: 14px;
	font-weight: bold;
	color: #FFFFFF;
	border-radius: 30px;
}

.articleList-container .article-list-btn.article-list-line-btn.black-btn {
	color: #222222;
	border: 1px solid #222222;
}

.articleList-container .article-list-btn.article-list-blue-btn {
	max-width: 140px;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	min-width: 120px;
	color: #FFFFFF;
	font-size: 12px;
	font-weight: bold;
	background-color: #00327D;
	border-radius: 30px;
	border: 1px solid #00327D;
	text-decoration: none;
	padding: 8px 12px;
}

.articleList-container .article-list-btn.article-list-blue-btn:hover {
	color: #00327D;
	background-color: #FFFFFF;
	border: 1px solid #FFFFFF;
}

.articleList-container .article-list-btn.article-list-video-btn {
	max-width: 200px;
	margin-right: 25px;
}

.articleList-container .article-list-btn.article-list-video-btn img {
	margin: 0 6px;
}

.articleList-container .article-list-btn.article-list-blue-btn.article-list-video-btn:hover {
	background-color: #00327D;
	border: 1px solid #00327D;
	color: #ffffff;
}

.articleList-container .article-list-btn-group {
	display: flex;
	margin: 40px auto;
}

.articleList-container .article-item-btn-group {
	display: flex;
	margin: 30px 0px;
}


/**article list common btn end**/

/**初始化article 5 模板初始化样式**/
.articleList-list-box.article-list-box-5 .articleList-title {
	color: #232222;
	font-size: 14px;
	font-weight: bold;
	text-align: left;
	padding: 30px 0 0;
}

.articleList-list-box.article-list-box-5 .articleList-subtitle {
	color: #232222;
	font-size: 18px;
	font-weight: bold;
	text-align: left;
	padding: 18px 0;
	min-height: 90px;
}

.articleList-list-box.article-list-box-5 .articleList-brief {
	color: #232222;
	font-size: 14px;
	font-weight: normal;
	text-align: left;
	padding: 30px 0;
	min-height: 144px;
}

/**articleList template end**/



/**product template begin**/
.product-container {
	width: 100%;
	position: relative;
}

.product-container-mask {
	position: absolute;
	left: 0;
	right: 0;
	top: 0;
	bottom: 0;
}

.product-container .product-title {
	font-size: 36px;
	color: #fff;
	margin: 5px 0px;
}

.product-container .product-subtitle {
	font-size: 18px;
	color: #fff;
	margin: 5px 0px;
}

.product-container .product-brief {
	font-size: 14px;
	color: #fff;
	margin: 5px 0px 25px 0px;
}

.product-container .product-subtitle span,
.product-container .product-title span,
.product-container .product-brief span {
	display: inline-block;
}

.product-container .product-subtitle strong,
.product-container .product-title strong,
.product-container .product-brief strong {
	font-weight: bold;
}


.product-container .product-eve-title {
	font-size: 18px;
	margin: 5px 0px;
}

.product-container .product-eve-subtitle {
	font-size: 16px;
	margin: 5px 0px;
}

.product-container .product-eve-brief {
	font-size: 14px;
	margin: 5px 0px 25px 0px;
}

.product-container .product-eve-subtitle span,
.product-container .product-eve-title span,
.product-container .product-eve-brief span {
	display: inline-block;
}

.product-container .product-eve-subtitle strong,
.product-container .product-eve-title strong,
.product-container .product-eve-brief strong {
	font-weight: bold;
}

.product-eve-item {
	position: relative;
	padding: 15px 5%;
	text-align: center;
}

.product-eve-item .product-eve-img-box {
	width: 90%;
	margin: 0 auto;
}

.product-eve-item .product-eve-img-box img.product-eve-img {
	width: 100%;
	height: auto;
}

.product-eve-item .product-eve-tag-img {
	position: absolute;
}

.product-eve-item .prod-item-info-name{
	padding: 25px 0 0;
	font-size: 20px;
	color: #232222;
	text-align: center;
	font-weight: bold;    
}


.product-eve-item .pro-list-brief{
	padding: 12px 0 30px;
	font-size: 16px;
	color: #232222;
	text-align: center;
	font-weight: normal;    
}


.product-eve-item .product-eve-buy-type-box {
	margin: 10px 0px;
	align-items: center;
	justify-content: center;
}

.product-eve-item .product-eve-buy-type-box .product-eve-buy-type-title {
	font-size: 16px;
	color: #00327D;
	text-align: center;
	font-weight: bold;
}

.product-eve-item .product-eve-buy-type-btn-list {
	display: flex;
	justify-content: center;
	align-items: center;
	flex-wrap: wrap;
}

.product-eve-buy-type-btn-list .product-eve-buy-type-item {
	display: flex;
	flex-direction: column;
	align-items: center;
	position: relative;
	width: 60px;
}

.product-eve-buy-type-btn-list .product-eve-buy-type-item.img .buy-type-icon-item {
	display: flex;
	justify-content: center;
	align-items: center;
	cursor: pointer;
	width: 48px;
	height: 28px;
}

.product-eve-buy-type-btn-list .product-eve-buy-type-item.img .buy-type-icon-item img {
	width: 100%;
	max-width: 100%;
}

.product-eve-buy-type-btn-list .product-eve-buy-type-item.img .buy-type-name {
	display: none;
}

.product-eve-buy-type-btn-list .product-eve-buy-type-item.normal .buy-type-icon-item {
	display: flex;
	justify-content: center;
	align-items: center;
	cursor: pointer;
	width: 48px;
	height: 28px;
	border: 2px solid #00327D;
	border-radius: 22px;
	overflow:hidden;
}

.product-eve-buy-type-btn-list .product-eve-buy-type-item.normal .buy-type-icon-item a {
	display: flex;
	align-items: center;
	justify-content: center;
}

.product-eve-buy-type-btn-list .product-eve-buy-type-item.normal .buy-type-icon-item img {
	width: 21px;
	height: 21px;
}

.product-eve-buy-type-btn-list .product-eve-buy-type-item.normal .buy-type-name {
	display: none;
	opacity: 0;
	position: absolute;
	left: 0px;
	right: 0;
	bottom: -30px;
	white-space: pre;
	font-size: 12px;
	font-weight: 400;
	color: #232222;
	text-align: center;
	max-width: 84px;
}

.product-eve-buy-type-btn-list .product-eve-buy-type-item.normal:hover .buy-type-name {
	display: block;
	opacity: 1;
}

.product-eve-buy-type-btn-list .product-eve-buy-type-item.normal .buy-type-icon-item:hover {
	box-shadow: 2px 7px 28px 1px rgba(0, 0, 0, 0.2);
	background: #00327D;
	color: #fff;
}

.product-eve-buy-type-btn-list .product-eve-buy-type-item.normal .buy-type-icon-item:hover img {
	filter: drop-shadow(#fff 24px 0);
	transform: translateX(-24px);
}

.product-eve-buy-type-btn-list .product-eve-buy-type-item.img .buy-type-icon-item:hover img {
	transform: scale(1.1);
}

/**product 1 begin*/
.pc-pro-con .pc-pro-main-title {
	padding: 0;
	font-size: 38px;
	color: #232222;
	text-align: center;
	font-weight: bold;
}

.pc-pro-con .pc-pro-main-title strong,
.pc-pro-con .pc-pro-main-title span {
	font-weight: bold;
	display: inline-block;
}

.pc-pro-con .pro-list-item {
	border-bottom: 1px solid #DCDCDC;
	display: flex;
	padding: 47px 0px 49px 0px;
}

.pc-pro-con .pro-list-info-box {
	flex: 3;
	padding-right: 70px;
}

.pc-pro-con .pro-list-item-right .pro-list-info-box {
	padding-right: 0;
	padding-left: 70px;
}

.pc-pro-con .pro-list-item:last-of-type {
	border: none;
}

.pc-pro-con .pro-list-buy-list-box {
	display: flex;
	align-items: center;
	padding-top: 44px;
}

.pc-pro-con .fly-buy-at {
	white-space: nowrap;
}

.pc-pro-con .icon-list-con {
	display: flex;
	align-items: center;
}

.pc-pro-con .buy-btn-item {
	display: flex;
	flex-direction: column;
	align-items: center;
	position: relative;
	width: 80px;
}

.pc-pro-con .buy-icon-item {
	display: flex;
	align-items: center;
	justify-content: center;
	overflow: hidden;
	width: 60px;
	height: 30px;
	border: 2px solid #00327D;
	border-radius: 22px;
}

.pc-pro-con .buy-icon-item a {
	display: flex;
	align-items: center;
	justify-content: center;
}

.pc-pro-con .buy-icon-item a img {
	width: 20px;
	height: unset;
}

.pc-pro-con .tineco-buy-tips {
	display: none;
	opacity: 0;
	position: absolute;
	left: 0;
	right: 0;
	bottom: -30px;
	font-size: 14px;
	color: #232222;
	font-weight: 400;
	width: 80px;
	text-align: center;
}

.pc-pro-con .buy-btn-item:hover .tineco-buy-tips {
	display: block;
	opacity: 1;
}

.pc-pro-con .buy-icon-item:hover {
	box-shadow: 2px 7px 28px 1px rgba(0, 0, 0, 0.2);
	background: #00327D;
	color: #fff;
}

.pc-pro-con .buy-icon-item:hover a img {
	filter: drop-shadow(#fff 30px 0);
	transform: translateX(-30px);
}

.pc-pro-con .pro-list-right-swiper-container {
	flex: 5;
	overflow: hidden;
	padding: 0 50px;
}

.pc-pro-con .pro-list-swiper-box {
	position: relative;
}

.pc-pro-con .prod-item-swiper {
	overflow: hidden;
}

.pc-pro-con .pro-list-prod-img {
	width: 100%;
}

.prod-item-swiper .prod-swiper-item-button-prev1,
.prod-item-swiper .prod-swiper-item-button-next1 {
	position: absolute;
	top: 40%;
	height: 50px;
	width: 50px;
	border-radius: 50%;
	display: flex;
	align-items: center;
	justify-content: center;
	background-color: rgba(0, 50, 125, 0.3);
	z-index: 2;
}

.prod-item-swiper .prod-swiper-item-button-prev1 img,
.prod-item-swiper .prod-swiper-item-button-next1 img {
	height: 50%;
}

.prod-item-swiper .prod-swiper-item-button-prev1 {
	left: -25px;
}

.prod-item-swiper .prod-swiper-item-button-next1 {
	right: -25px;
}

/**特性标题固定样式*/
.pc-pro-con.product-model-1 .pro-list-info-box .product-title {
	font-size: 24px;
	font-weight: 400;
	color: #232222;
	text-align: left;
	padding: 0;
	margin: 0;
}

.pc-pro-con.product-model-1 .pro-list-info-box .product-subtitle {
	color: #00327D;
	padding: 30px 0 0;
	font-size: 42px;
	margin: 0;
	text-align: left;
}

.pc-pro-con.product-model-1 .pro-list-info-box .product-brief {
	padding: 30px 0 0;
	font-size: 20px;
	font-weight: 400;
	color: #232222;
	text-align: left;
	margin: 0;
}

.pc-pro-con.product-model-1 .pro-list-swiper-box .pro-list-prod-name {
	padding: 40px 0 0;
	font-size: 24px;
	font-weight: bold;
	color: #232222;
	text-align: left;
}

.pc-pro-con.product-model-1 .pro-list-swiper-box .pro-list-prod-name strong {
	font-weight: bold;
}

.pc-pro-con.product-model-1 .pro-list-swiper-box .pro-list-prod-brief {
	font-size: 18px;
	font-weight: 400;
	color: #232222;
	padding: 22px 0 0;
	text-align: left;
}

@media (max-width: 1366px) {
	.pc-pro-con .pro-list-item {
		padding: 77px 0 89px 0;
	}

	.prod-item-swiper .prod-swiper-item-button-prev1,
	.prod-item-swiper .prod-swiper-item-button-next1 {
		top: 25%;
	}
}

/**product 1 end**/

/**product template end**/






/**other template begin***/
.other-container {
	width: 100%;
	position: relative;
}

.other-container .other-title {
	font-size: 44px;
	font-weight: bold;
	color: #232222;
	text-align: center;
	padding: 60px 0 15px 0px;
}

.other-container .platform-list {
	display: flex;
	align-items: center;
	justify-content: center;
	padding-bottom: 40px;
}

.other-container .platform-list a {
	overflow: hidden;
}

.other-container .platform-list a img {
	padding: 0 16px;
	height: 34px;
	transform: translateY(34px);
	filter: drop-shadow(#96958d 0px -34px 0px);
}

.other-container .meetSwiper {
	padding-bottom: 48px;
	border-bottom: 1px solid #dddddd;
	position: relative;
}

.other-container .meetSwiper .swiper-button-prev1 {
	position: absolute;
	left: 0;
	top: 50%;
	margin-top: -35px;
	height: 40px;
	width: 30px;
	background-image: url(https://static-ussite.tineco.com/ce612d63-95f8-4b40-8bca-bee2686477f7.svg);
	background-repeat: no-repeat;
}

.other-container .meetSwiper .swiper-button-next1 {
	position: absolute;
	right: 0;
	top: 50%;
	margin-top: -35px;
	height: 40px;
	width: 30px;
	background-repeat: no-repeat;
	background-image: url(https://static-ussite.tineco.com/74a5c351-e408-4348-85a9-84a6c8296949.svg);
}

.other-container .meetSwiper .indexMeetSwiperContainer {
	position: unset !important;
	width: 92% !important;
}

.other-container .meetSwiper .index-meet-box {
	background-position: center;
	background-repeat: no-repeat;
	background-size: 100% 100%;
	transition: all 0.4s;
}

.other-container .meetSwiper .index-meet-box img.bg {
	opacity: 0;
	width: 100%;
}

.other-container .meetSwiper .index-meet-box:hover {
	background-size: 110% 110%;
	box-shadow: 2px 7px 18px 1px rgba(0, 0, 0, 0.2);
}

.other-container .meetSwiper .index-meet-box img.look-hover-phone {
	display: none !important;
	opacity: 0 !important;
	width: 30px !important;
	height: 30px !important;
	left: unset;
	top: unset;
	bottom: 12px;
	right: 12px;
}

/**other template end**/






@media (max-width: 1367px) {

	.home-banner-container .home-banner-container-info.home-banner-layout-center-left .home-banner-btn-group {
		display: flex;
		margin: 5px 0px;
	}
}