body {

	-webkit-tap-highlight-color: transparent;

	-webkit-tap-highlight-color: transparent

}



*,

::before,

:after {

	-moz-box-sizing: border-box;

	box-sizing: border-box

}



button,

input[type=button],

input[type=date],

input[type=file],

input[type=submit] {

	cursor: pointer;

	-webkit-appearance: none

}



blockquote,

body,

button,

dd,

dl,

dt,

fieldset,

h1,

h2,

h3,

h4,

h5,

h6,

hr,

input,

lengend,

li,

ol,

p,

pre,

td,

textarea,

th,

ul {

	margin: 0;

	padding: 0

}



body,

button,

input,

select,

textarea {

	font-family: "Microsoft YaHei", "微软雅黑", Arail;

	outline: 0;

	-webkit-font-smoothing: subpixel-antialiased

}



body {

	font-size: 62.5%

}



li,

ol,

ul {

	list-style: none

}



a {

	text-decoration: none

}



img {

	border: none;

	vertical-align: middle

}



.text-center {

	text-align: center;

}



.clearfix:after,

.clearfix:before {

	content: "";

	display: table

}



.clearfix:after {

	clear: both

}



.clearfix {

	zoom: 1

}



em,

h1,

h2,

h3,

h4,

h5,

h6,

i,

u {

	font-style: normal;

	font-weight: 400

}



.fr {

	float: right

}



.fl {

	float: left

}



.ib-middle {

	display: inline-block;

	vertical-align: middle

}



.ib-top {

	display: inline-block;

	vertical-align: top

}



.ib-bottom {

	display: inline-block;

	vertical-align: bottom

}



.full {

	width: 100%;

	height: 100%

}



.table {

	display: table;

	height: 100%;

	width: 100%

}



.table-cell {

	display: table-cell;

	vertical-align: middle

}



.position-center {

	position: absolute;

	top: 0;

	left: 0;

	bottom: 0;

	right: 0;

	margin: auto

}



.position-left {

	position: absolute;

	top: 0;

	left: 0;

	bottom: 0;

	right: auto;

	margin: auto

}



.position-right {

	position: absolute;

	top: 0;

	left: auto;

	bottom: 0;

	right: 0;

	margin: auto

}



.position-bottom {

	position: absolute;

	top: auto;

	left: 0;

	bottom: 0;

	right: 0;

	margin: auto

}



.middle-left {

	position: absolute;

	left: 0;

	top: 50%;

	transform: translate(0, -50%);

	-webkit-transform: translate(0, -50%);

	-moz-transform: translate(0, -50%);

	-ms-transform: translate(0, -50%);

	-o-transform: translate(0, -50%)

}



.search form {

	display: block;

	position: relative;

	text-align: right;

}



.search input {

	border: 1px solid #dfe5e7;

	background: #eee;

	width: 100%;

	display: block;

	height: 30px;

	padding-left: .2rem;

	border-radius: 5px;

	line-height: .9rem;

	font-size: 12px

}



.search button {

	right: 5px;

	top: 0;

	border: 0;

	position: absolute;

	width: 30px;

	height: 30px;

	cursor: pointer;

	background: 0 0;

	font-size: 16px

}



.middle-right {

	position: absolute;

	right: 0;

	top: 50%;

	transform: translate(0, -50%);

	-webkit-transform: translate(0, -50%);

	-moz-transform: translate(0, -50%);

	-ms-transform: translate(0, -50%);

	-o-transform: translate(0, -50%)

}



.middle-center {

	position: absolute;

	left: 50%;

	top: 50%;

	transform: translate(-50%, -50%);

	-webkit-transform: translate(-50%, -50%);

	-moz-transform: translate(-50%, -50%);

	-ms-transform: translate(-50%, -50%);

	-o-transform: translate(-50%, -50%)

}



.middle-bottom {

	position: absolute;

	left: 50%;

	bottom: 0;

	transform: translate(-50%, -50%);

	-webkit-transform: translate(-50%, -50%);

	-moz-transform: translate(-50%, -50%);

	-ms-transform: translate(-50%, -50%);

	-o-transform: translate(-50%, -50%)

}



.sj {

	display: inline-block;

	width: 0;

	height: 0;

	border-style: solid;

	border-width: 8px;

	border-color: #fff #fff transparent transparent;

	transform: rotate(135deg)

}



.no-border-right {

	border-right: 0 !important

}



.uppercase {

	text-transform: uppercase

}



.responsive {

	width: 100%;

	max-width: 100%;

	height: auto

}



.help-info {

	position: absolute;

	left: 15px;

	bottom: -20px;

	font-size: 12px

}



.help-info .error {

	display: inline-block;

	width: 15px;

	height: 15px;

	background: url(../images/info-error.png) no-repeat center;

	margin-top: -2px;

	vertical-align: middle;

	margin-right: 5px

}



.help-info .allow {

	display: inline-block;

	width: 15px;

	height: 15px;

	background: url(../images/info-allow.png) no-repeat center;

	margin-top: -2px;

	vertical-align: middle;

	margin-right: 5px

}



body,

html {

	overflow: hidden;

	overflow-y: auto

}



.baseColor {

	color: #c9000a

}



.font-set {

	font-family: syzt

}



.transition {

	transition: 1s;

	-ms-transition: 1s;

	-o-transition: 1s;

	-webkit-transition: 1s;

	-moz-transition: 1s

}



.transition_short {

	transition: .4s;

	-ms-transition: .4s;

	-o-transition: .4s;

	-webkit-transition: .4s;

	-moz-transition: .4s

}



.transition_ease {

	transition: ease .6s;

	-ms-transition: ease .6s;

	-o-transition: ease .6s;

	-webkit-transition: ease .6s;

	-moz-transition: ease .6s

}



div[class*=container],

section[class*=container],

ul[class*=container] {

	margin: 0 auto;

	max-width: 100%;

	position: relative

}



.swiper-container {

	min-width: inherit !important

}



ul[class*=item] {

	font-size: 0

}



li[class*=list] {

	display: inline-block

}



.container {

	width: 1280px

}



.container_header {

	width: 1430px

}



.container_865 {

	width: 865px

}



.container_1230 {

	width: 1230px

}



.container_1240 {

	width: 1240px

}



.container_1300 {

	width: 1300px

}



.container_1314 {

	width: 1314px

}



.container_1340 {

	width: 1340px

}



.container_1350 {

	width: 1350px

}



.container_1348 {

	width: 1348px

}



.container_1382 {

	width: 1382px

}



.container_1390 {

	width: 1390px

}



.container_1400 {

	width: 1400px

}



.container_1508 {

	width: 1508px

}



header {

	position: relative

}



header.fixed {

	position: fixed;

	top: 0;

	left: 0;

	width: 100%;

	z-index: 9999;

	background-color: #fff;

	box-shadow: 0 -6px 6px 7px #c8c8c8

}



header.fixed .top-sub-menu {

	top: 40px

}



header.fixed .header-in {

	padding-top: 10px

}



header.fixed nav.nav-top>ul>li {

	height: 40px;

	transition: .6s;

	-ms-transition: .6s;

	-o-transition: .6s;

	-webkit-transition: .6s;

	-moz-transition: .6s

}



header.fixed .header-in .icon-sousuo {

	margin: 0px 0 0 30px

}



.header-in {

	z-index: 100;

	width: 100%;

	top: 0;

	padding-top: 18px;

	padding-bottom: 20px;

}



.header-in .icon-sousuo {

	color: #c8000a;

	font-weight: 700;

	margin: 0px 0 0 30px

}



.header-in .icon-tel {

	color: #c8000a;

	font-weight: 700;

	margin: 0px 0 0 10px;

}



.header-in .icon-tel img {

	padding-right: 10px;

}



.logo {

	display: inline-block;

	position: relative;

	z-index: 999999;

	margin-top: 4px

}



.moible_hy {

	display: none

}



.m-close {

	display: none

}



.header-r {

	float: right;

	position: relative;

	z-index: 10;

	font-size: 0

}



nav.nav-top {

	display: inline-block;

	margin-top: 14px;

	vertical-align: middle

}



nav.nav-top>ul>li {

	position: relative;

	display: inline-block;

	margin-left: 20px;

	line-height: 36px;

	height: 45px;

	font-size: 15px;

	vertical-align: top;

	text-align: center

}



nav.nav-top>ul>li::after {

	content: ' ';

	position: absolute;

	left: auto;

	bottom: 0;

	width: 0;

	right: 0;

	height: 4px;

	background: #c8000a;

	transition: width cubic-bezier(.47, -.01, .09, 1.08) .6s;

	-ms-transition: width cubic-bezier(.47, -.01, .09, 1.08) .6s;

	-o-transition: width cubic-bezier(.47, -.01, .09, 1.08) .6s;

	-webkit-transition: width cubic-bezier(.47, -.01, .09, 1.08) .6s;

	-moz-transition: width cubic-bezier(.47, -.01, .09, 1.08) .6s

}



nav.nav-top>ul>li.cur::after,

nav.nav-top>ul>li:hover::after {

	width: 100%;

	left: 0;

	right: auto

}



.top-sub-menu {

	position: absolute;

	top: 45px;

	left: 0px;

	width: 180px;



	box-shadow: 0 13px 42px 11px rgba(0, 0, 0, .05);

	opacity: 0;

	visibility: hidden;

	transition: opacity .36s ease

}



.top-sub-menu_1{width: 120px;

}

.top-sub-menu_6 {width: 242px;}

	



.top-sub-menu_3 {

	width: 221px;

}



.top-sub-menu_4 {

	width: 228px

}



.top-sub-menu_5 {

	width: 240px;

}



nav.nav-top>ul>li a {

	color: #555;

	padding: 0 10px

}



nav.nav-top>ul>li a i {

	transform: rotate(90deg);

	-ms-transform: rotate(90deg);

	-o-transform: rotate(90deg);

	-webkit-transform: rotate(90deg);

	-moz-transform: rotate(90deg);

	display: inline-block;

	transform-origin: center;

	transition: ease .4s;

	font-size: 12px;

	margin-left: 5px

}



nav.nav-top>ul>li a i:after {

	content: '\e620';

	font-family: iconfont;

	position: relative;

	left: -3px;

	color: #c8c8c8

}



nav.nav-top>ul>li:nth-child(1) {

	margin-left: 0

}



nav.nav-top>ul>li a:hover,

nav.nav-top>ul>li.cur a {

	color: #c8000a

}



nav.nav-top>ul>li:hover .top-sub-menu {

	opacity: 1;

	visibility: visible

}



.top-sub-menu>a {

	color: #666 !important;

	font-size: 12px !important;

	line-height: 22px;

	display: block;

	padding: 12px 24px !important;

	background: #fff;

	text-align: left;

	border-bottom: 1px solid rgba(255, 255, 255, .26)

}



.top-sub-menu>a:hover {

	color: #fff !important;

	background: #c9000a

}



.search {

	display: none;

	position: absolute;

	width: 250px;

	padding: 20px;

	right: 0;

	top: 100%;

	background-color: #fff;

}



.more {

	text-align: center

}



.more a {

	display: inline-block;

	width: 120px;

	height: 40px;

	background: #c9000a;

	position: relative;

	color: #fff;

	font-size: 12px;

	font-family: Arial;

	line-height: 40px;

	overflow: hidden;

	border-radius: 3px;

	border: 1px solid transparent

}



.more a:hover span {

	color: #c9000a;

	position: relative;

	z-index: 22

}



.btn-circle-click,

.btn-circle-hover {

	position: absolute;

	z-index: 0;

	display: block;

	-webkit-transform: translate3d(-50%, -50%, 0);

	-moz-transform: translate3d(-50%, -50%, 0);

	transform: translate3d(-50%, -50%, 0);

	width: 0;

	height: 0;

	-moz-border-radius: 50%;

	border-radius: 50%;

	background: #fff

}



.more2 {

	text-align: center

}



.more2 a {

	display: inline-block;

	width: 120px;

	height: 40px;

	background: #c9000a;

	position: relative;

	color: #fff;

	font-size: 12px;

	font-family: Arial;

	line-height: 42px;

	overflow: hidden

}



.more2 a .btn-circle-hover {

	background: #c9000a

}



.more2 a:hover span {

	color: #fff !important;

	position: relative;

	z-index: 22

}



.title {

	margin-top: 80px;

	font-size: 36px;

	color: #333

}



.title i {

	display: inline-block;

	vertical-align: middle;

	margin-right: 20px;

	width: 34px;

	height: 24px

}



.title2 {

	width: 100%;

	border-bottom: 1px dashed #d5d5d5;

	padding: 21px 30px

}



.title2 p {

	color: rgba(245, 230, 200, .5);

	font-size: 22px;

	padding-left: 63px;

	text-align: left

}



.title2 .font-set {

	color: #333;

	font-size: 18px;

	font-weight: 700;

	display: inline-block;

	vertical-align: middle

}



.title3 {

	position: relative;

	overflow: hidden;



}



.title3 .fr {

	margin-top: 34px

}



.title3 .fr a {

	color: #8f8f8f;

	font-size: 14px

}



.title3 .fr a:after {

	display: inline-block;

	content: '';

	width: 12px;

	height: 12px;

	background: url(../images/icon12.png) no-repeat center;

	margin-left: 10px;

	margin-bottom: -1px

}



.title3 strong {

	font-weight: 400;

	font-size: 57px;

	color: #c9000a;

	font-family: Arial;

	margin-bottom: 20px;

	font-size: 0;

	line-height: 0;

	color: transparent;

	width: 5px;

	height: 45px;

	background: #c9000a;

	margin-right: 10px;

}



.title3 h3 {

	font-size: 23px;

	color: #333;

	width: auto;

	line-height: 20px;

	margin-top: 4px;

	margin-left: 4px;

	margin-bottom: 20px;



}



.title3 span {

	font-size: 12px;

	color: #999;

	margin-left: 1px;

	/*display: inline-block;*/

	font-family: Arial;

	display: block;

	margin-top: 5px

}



.inside_banner {

	width: 100%;

	height: calc(.234 * 100vw);

	position: relative

}



.inside_banner .desc {

	-webkit-touch-callout: none;

	-webkit-user-select: none;

	-khtml-user-select: none;

	-moz-user-select: none;

	-ms-user-select: none;

	user-select: none

}



@media (max-width:1200px) {

	.inside_banner {

		height: 34vw

	}

}



@media (max-width:800px) {

	.inside_banner .desc {

		background-size: 66% !important

	}

}



@media (max-width:640px) {

	.inside_banner {

		height: 50vw

	}

}



.choose_banner {

	height: calc(.323 * 100vw)

}



.choose_banner .desc {

	text-align: center;

	background: url(../images/choose-font.png) no-repeat center;

	color: transparent;

	top: 43%

}



.choose_banner .desc h2 {

	font-size: 72px;

	letter-spacing: 2px

}



.choose_banner .desc p {

	font-size: 24px

}



.clean_banner {

	height: calc(.248 * 100vw)

}



.clean_banner .desc {

	left: 62.5%;

	top: 46%;

	text-align: center;

	color: #fff

}



.clean_banner .desc h2 {

	font-size: 56px

}



.clean_banner .desc p {

	margin-top: 5px;

	font-size: 16px

}



.clean_banner .desc span {

	display: inline-block;

	font-size: 20px;

	margin-top: 24px;

	font-family: 'Microsoft YaHei'

}



@media (max-width:1440px) {

	.clean_banner .desc h2 {

		font-size: 42px

	}



	.clean_banner .desc p {

		font-size: 14px

	}



	.clean_banner .desc span {

		font-size: 18px;

		margin-top: 15px

	}

}



.purchase_banner .desc {

	text-align: center;

	color: transparent;

	background: url(../images/purchase-font.png) no-repeat center

}



.purchase_banner .desc h2 {

	font-size: 64px

}



.purchase_banner .desc p {

	font-size: 32px

}



.contact_banner .desc {

	text-align: center;

	color: transparent;

	background: url(../images/contact-font.png) no-repeat center

}



.contact_banner .desc h2 {

	font-size: 64px

}



.contact_banner .desc p {

	font-size: 28px

}



.news_banner .desc {

	text-align: center;

	color: transparent;

	background: url(../images/news-font.png) no-repeat center

}



.news_banner .desc h2 {

	font-size: 64px

}



.news_banner .desc p {

	font-size: 28px

}



.about_banner .desc {

	text-align: center;

	color: #fff;

	/* background: url(../images/about-font.png) no-repeat center */

}



.about_banner .desc h2 {

	font-size: 40px;

	font-weight: normal;

	font-family: "agency fb";

}



.about_banner .desc p {

	font-size: 22px

}



.merchants_banner .desc {

	text-align: center;

	color: transparent;

	background: url(../images/merchants-font.png) no-repeat center

}



.merchants_banner .desc h2 {

	font-size: 64px

}



.merchants_banner .desc p {

	font-size: 32px

}



.page {

	margin: 38px 0 100px;

	text-align: center

}



.page a {

	color: #333;

	display: inline-block;

	width: 100%;

	line-height: 28px;

	transition: color .4s;

	-ms-transition: color .4s;

	-o-transition: color .4s;

	-webkit-transition: color .4s;

	-moz-transition: color .4s

}



.page span {

	color: #333;

	font-family: SimSun;

	vertical-align: top

}



.page .pagination {

	display: inline-block

}



.page .pagination li {

	border: 1px solid #e1e1e1;

	float: left;

	display: inline-block;

	width: 36px;

	height: 36px;

	line-height: 36px;

	font-size: 18px;

	margin-right: 12px;

	color: #333;

	transition: all .4s;

	-ms-transition: all .4s;

	-o-transition: all .4s;

	-webkit-transition: all .4s;

	-moz-transition: all .4s

}



.page .pagination li:first-child {

	color: #fff;

	margin-right: 12px;

	font-weight: bolder

}



.page .pagination li:last-child {

	color: #fff;

	font-family: SimSun;

	font-weight: bolder

}



.page .pagination li:hover {

	background: #c9000a;

	border-color: #c9000a;

	border-radius: 3px

}



.page .pagination li:hover a {

	color: #fff

}



.page .pagination li:hover span {

	color: #fff

}



.page .pagination li:hover.disabled {

	border-color: #c9000a;

	border-radius: 3px

}



.page .pagination li.active {

	background: #c9000a;

	border-radius: 3px;

	border-color: #c9000a

}



.page .pagination li.active span {

	color: #fff

}



.page_style2 {

	position: absolute;

	z-index: 11;

	bottom: 20px

}



.page_style2 .page-list {

	opacity: 1;

	margin: 0 8px !important;

	border-radius: 50%

}



.page_style2 .page-list:after {

	border-width: 2px

}



.btn {

	position: absolute;

	width: 52px;

	height: 52px;

	top: 50%;

	margin-top: -26px;

	cursor: pointer;

	transition: .4s;

	-ms-transition: .4s;

	-o-transition: .4s;

	-webkit-transition: .4s;

	-moz-transition: .4s;

	opacity: 1

}



.btn:after {

	content: '';

	position: absolute;

	width: 100%;

	height: 100%;

	opacity: 0;

	transition: .4s;

	-ms-transition: .4s;

	-o-transition: .4s;

	-webkit-transition: .4s;

	-moz-transition: .4s

}



.prev {

	left: -75px;

	background: url(../images/prev-c.png) no-repeat center

}



.prev:after {

	background: url(../images/prev.png) no-repeat center

}



.prev:hover:after {

	opacity: 1

}



.next {

	right: -75px;

	background: url(../images/next-c.png) no-repeat center

}



.next:after {

	background: url(../images/next.png) no-repeat center

}



.next:hover:after {

	opacity: 1

}



footer {

	font-size: 1em;

	padding-top: 2%;

	width: 100%;

	background: #003478;

	background-image: url(../images/icond2.png);

	background-position: left top;

	background-repeat: no-repeat;

	background-size: 100%;



}



.foot-tt {

	width: 100%;

	display: inline-block;

	padding-bottom: 20px;

}



.foot-tz {

	color: #fff;

	margin-bottom: 20px;

	float: left;

	width: 50%;

}



.foot-tzm img {

  width:100px;

	float: left;

	margin-left: 10px;

	margin-right: 30px;

}



.foot-tzm {

	font-size: 14px;

	margin-top: 10px;

	line-height: 26px;

}



.foot-tr {

	width: 50%;

	float: left;

}



.foot-tr input {

	width: 32%;

	border: none;

	line-height: 32px;

	padding: 5px 10px;

	color: #b9b9b9;

	margin-right: 1%;

	float: left;

	margin-top: 20px;

}



.foot-tr input:last-child {

	width: 33%;

	margin-right: 0%;

}



.foot-tr textarea {

	width: 100%;

	margin-top: 5px;

	padding: 10px;

	color: #b9b9b9;

}



.foot-trt {

	float: left;

	width: 100%;

}



.foot-trm {

	margin-top: 20px;

	float: left;

	width: 100%;

}



.foot-tr button {

	background-image: url(../images/button.jpg);

	background-position: left top;

	background-repeat: no-repeat;

	width: 144px;

	height: 46px;

	border: none;

	margin-top: 10px;

	float: right;

	border-radius: 4px;

}



.link {

	color: #fff;

	font-size: 14px

}



.link a {

	color: #fff;

	margin-right: 5px

}



.part-1 {

	max-width: 1630px;

	width: 100%;

	margin: 2% auto 5.4%

}



.footer-nav {

	float: left;

	width: 75%

}



.item-common {

	float: left;

	width: 12.5%;

	text-align: left;

	transition: all linear .3s;

	-moz-transition: all linear .3s;

	-webkit-transition: all linear .3s;

	-o-transition: all linear .3s

}



.item-common span {

	font-weight: lighter;

	display: inline-block;

	font-size: 14px;

	color: #fff;

	padding-bottom: 15px;

	margin-bottom: 15px

}



.item-common a {

	font-size: 14px;

	display: block;

	margin-bottom: 15px;

	color: #7a7a7a;

	word-break: break-all;

	transition: .2s all linear;

	-moz-transition: .2s all linear;

	-webkit-transition: .2s all linear;

	-o-transition: .2s all linear

}



.item-common a:hover {

	color: #fff

}



.wechat {

	display: inline-block;

	width: 25%;

	text-align: right

}



.wechat .others {

	text-align: right

}



.wechat .others p {

	font-size: 14px;

	color: #7a7a7a;

	line-height: 30px

}



.wechat .others h3 {

	font-size: 0;

	color: transparent;

	width: 305px;

	height: 45px;

	margin-bottom: 40px;

	background: url(../images/contact.png) no-repeat center

}



.wechat .others h4 {

	font-size: 20px;

	margin-bottom: 34px;

	color: #fff

}



.frandlink {

	max-width: 1630px;

	width: 100%;

	margin: 0 auto;

	font-size: 14px;

	color: #7a7a7a

}



.frandlink>div {

	max-width: 965px;

	display: inline-block

}



.frandlink a {

	display: inline-block;

	color: #7a7a7a;

	margin-right: 15px;

	margin-bottom: 10px

}



.frandlink .share {

	float: right;

	position: relative;

	top: -5px

}



.frandlink .share a {

	border: 0;

	margin-right: 13px !important

}



.frandlink .share a:last-child {

	margin-right: 0 !important

}



.frandlink .wx {

	position: relative

}



.frandlink .wx .hover {

	position: absolute;

	background: #fff;

	width: 227px;

	height: 128px;

	overflow: hidden;

	top: -137px;

	left: -95px;

	opacity: 0;

	visibility: visible;

	transition: ease .6s;

	-ms-transition: ease .6s;

	-o-transition: ease .6s;

	-webkit-transition: ease .6s;

	-moz-transition: ease .6s;

	transform: translateY(20px);

	-ms-transform: translateY(20px);

	-o-transform: translateY(20px);

	-webkit-transform: translateY(20px);

	-moz-transform: translateY(20px)

}



.frandlink .wx .hover>div {

	display: inline-block;

	border-right: 1px dashed #d1d1d1

}



.frandlink .wx .hover>div:last-child {

	border-right: 0

}



.frandlink .wx .hover img {

	max-width: 110px

}



.frandlink .wx .hover p {

	text-align: center;

	font-size: 12px;

	padding: 0 0 6px

}



.frandlink .wx:hover .hover {

	transform: translateY(0);

	-ms-transform: translateY(0);

	-o-transform: translateY(0);

	-webkit-transform: translateY(0);

	-moz-transform: translateY(0);

	opacity: 1;

	visibility: visible

}



.share {

	font-size: 14px;

	color: #999;

	display: inline-block

}



.share strong {

	font-weight: 400;

	display: inline-block;

	vertical-align: middle

}



.share a {

	display: inline-block;

	border: 1px solid #e5e5e5;

	width: 33px;

	height: 33px !important;

	margin: 0 5px 0 0 !important;

	float: none !important;

	padding: 0 !important;

	line-height: 1 !important;

	vertical-align: middle

}



.share a:hover {

	border-color: transparent;

	opacity: 1 !important

}



.share .wx {

	background: url(../images/icon35.png) no-repeat center

}



.share .wx:hover {

	background: url(../images/icon35-c.png) no-repeat center

}



.share .wb {

	background: url(../images/icon36.png) no-repeat center

}



.share .wb:hover {

	background: url(../images/icon36-c.png) no-repeat center

}



.share .qq {

	background: url(../images/icon37.png) no-repeat center

}



.share .qq:hover {

	background: url(../images/icon37-c.png) no-repeat center

}



.copyright {

	text-align: center;

	font-size: 12px;

	color: #9b9fa6;

	background-color: #041021;

	line-height: 45px;

}



.copyright a {

	color: #9b9fa6;

}



.sidebar {

	position: fixed;

	top: 50%;

	right: 62px;

	width: 42px;

	text-align: center;

	z-index: 10;

	height: 250px;

	margin-top: -125px;

	z-index: 9999;

	line-height: 42px

}



.sidebar a {

	width: 42px;

	height: 42px;

	border-radius: 21px;

	cursor: pointer;

	display: block;

	overflow: hidden;

	transition: all .3s cubic-bezier(.15, .65, .58, .99);

	-ms-transition: all .3s cubic-bezier(.15, .65, .58, .99);

	-o-transition: all .3s cubic-bezier(.15, .65, .58, .99);

	-webkit-transition: all .3s cubic-bezier(.15, .65, .58, .99);

	-moz-transition: all .3s cubic-bezier(.15, .65, .58, .99)

}



.sidebar a>span {

	color: #fff;

	font-size: 14px;

	margin-left: 25px;

	display: none;

	line-height: 42px;

	height: 42px;

	opacity: 0;

	filter: alpha(opacity=0);

	transition: all .5s 1s cubic-bezier(.15, .65, .58, .99);

	-ms-transition: all .5s 1s cubic-bezier(.15, .65, .58, .99);

	-o-transition: all .5s 1s cubic-bezier(.15, .65, .58, .99);

	-webkit-transition: all .5s 1s cubic-bezier(.15, .65, .58, .99);

	-moz-transition: all .5s 1s cubic-bezier(.15, .65, .58, .99)

}



.sidebar a.right-qq {

	background: url(../images/sidebar-icon1.png) no-repeat center;

	margin-bottom: 10px;

	background-color: #999;

	position: absolute;

	right: 0;

	top: 0

}



.sidebar a.right-qq:hover {

	width: 148px;

	background: url(../images/sidebar-icon1.png) no-repeat 20px center #c9000a

}



.sidebar a.right-weixin {

	background: url(../images/sidebar-icon2.png) no-repeat center;

	background-color: #999;

	margin-bottom: 10px;

	position: absolute;

	right: 0;

	top: 52px;

	overflow: visible

}



.sidebar a.right-weixin:hover {

	background: url(../images/sidebar-icon2.png) no-repeat center #c9000a

}



.sidebar a.right-weixin:hover .weixin-code {

	opacity: 1;

	visibility: visible;

	left: -140px

}



.sidebar .weixin-code {

	position: absolute;

	left: -125px;

	top: 50%;

	transform: translateY(-50%);

	-ms-transform: translateY(-50%);

	-o-transform: translateY(-50%);

	-webkit-transform: translateY(-50%);

	-moz-transform: translateY(-50%);

	opacity: 0;

	visibility: hidden;

	transition: all .6s ease;

	-ms-transition: all .6s ease;

	-o-transition: all .6s ease;

	-webkit-transition: all .6s ease;

	-moz-transition: all .6s ease

}



.sidebar .weixin-code img {

	width: 120px;

	height: 120px

}



.sidebar a.right-tell {

	background: url(../images/sidebar-icon3.png) no-repeat center;

	background-color: #999;

	margin-bottom: 10px;

	position: absolute;

	right: 0;

	top: 104px

}



.sidebar a.right-tell:hover {

	width: 160px;

	background: url(../images/sidebar-icon3.png) no-repeat 20px center #c9000a

}



.sidebar a.right-message {

	background: url(../images/sidebar-icon4.png) no-repeat center;

	background-color: #999;

	margin-bottom: 10px;

	position: absolute;

	right: 0;

	top: 156px;

	overflow: visible

}



.sidebar a.right-message:hover {

	background: url(../images/sidebar-icon4.png) no-repeat center #c9000a

}



.sidebar a.right-message:hover .fixed-message {

	opacity: 1;

	visibility: visible;

	left: -325px

}



.sidebar a.right-top {

	background: url(../images/sidebar-icon5.png) no-repeat center;

	background-color: #999;

	position: absolute;

	bottom: 0;

	right: 0

}



.sidebar a.right-top:hover {

	width: 120px;

	background: url(../images/sidebar-icon5.png) no-repeat 20px center #c9000a

}



.sidebar a:hover>span {

	display: block;

	vertical-align: middle;

	opacity: 1;

	filter: alpha(opacity=100)

}



.fixed-message {

	position: absolute;

	left: -300px;

	top: 50%;

	transform: translateY(-50%);

	-ms-transform: translateY(-50%);

	-o-transform: translateY(-50%);

	-webkit-transform: translateY(-50%);

	-moz-transform: translateY(-50%);

	width: 300px;

	border-radius: 6px;

	background: #fff;

	-moz-box-shadow: 0 0 40px rgba(0, 0, 0, .15);

	-webkit-box-shadow: 0 0 40px rgba(0, 0, 0, .15);

	box-shadow: 0 0 40px rgba(0, 0, 0, .15);

	opacity: 0;

	visibility: hidden;

	transition: all .6s ease;

	-ms-transition: all .6s ease;

	-o-transition: all .6s ease;

	-webkit-transition: all .6s ease;

	-moz-transition: all .6s ease

}



.fixed-message h3 {

	color: #333;

	font-size: 18px;

	line-height: 1;

	margin-top: 35px;

	margin-bottom: 25px

}



.fixed-message form {

	width: 100%;

	padding-left: 25px;

	padding-right: 25px;

	padding-bottom: 40px;

	line-height: 1

}



.fixed-message textarea {

	resize: none;

	height: 110px;

	padding: 15px;

	line-height: 24px

}



.fixed-message input {

	height: 35px;

	line-height: 35px;

	padding: 0 15px

}



.fixed-message input,

.fixed-message textarea {

	width: 100%;

	border-radius: 4px;

	border: 1px solid #dfdfdf;

	font-size: 14px;

	color: #333;

	margin-bottom: 15px

}



.fixed-message .input-item {

	position: relative

}



.fixed-message button[type=submit] {

	border: none;

	color: #fff;

	font-size: 14px;

	background: #c9000a;

	display: block;

	height: 35px;

	width: 100%;

	border-radius: 4px

}



.fixed-message ::-webkit-input-placeholder {

	color: #888 !important

}



.fixed-message :-moz-placeholder {

	color: #888 !important

}



.fixed-message ::-moz-placeholder {

	color: #888 !important

}



.fixed-message :-ms-input-placeholder {

	color: #888 !important

}



.fixed-message:after {

	content: "";

	position: absolute;

	border-width: 7px 0 7px 7px;

	border-style: solid;

	border-color: transparent transparent transparent #fff;

	right: -7px;

	top: 50%;

	margin-top: -7px

}



.fixed-message .help-info {

	line-height: 1;

	margin-left: 0;

	bottom: 0

}



.dialog-warp {

	position: fixed;

	width: 100%;

	height: 100%;

	top: 0;

	left: 0;

	z-index: 999;

	display: none

}



.dialog {

	position: absolute;

	width: 800px;

	height: 94px;

	border: 2px solid #c9000a;

	background-color: rgba(0, 0, 0, .6);

	font-size: 18px;

	left: 50%;

	top: 50%;

	margin-left: -400px;

	margin-top: -47px;

	color: #fff;

	text-align: center;

	line-height: 94px;

	z-index: 999;

	border-radius: 12px

}



.ywlist {

	width: 100%;

	padding: 25px 0;

	border-bottom: 1px dashed #ddd;

	display: flex;

	flex-direction: row;

	align-items: center;

}



.ywlist:last-child {

	border-bottom: none;

}



.ywlistimg {

	width: 42%;

	float: left;

	background: #f6f6f6;

	text-align: center;

	margin-right: 8%

}



.ywlistimg img {

	width: 100%;

	height: 350px

}



.ywlistext {

	width: 50%;

	float: left;

}



.ywlistext h3 {

	font-size: 34px;

	color: #333;

	font-weight: bold;

	margin-bottom: 20px

}



.ywlistext p {

	font-size: 16px;

	color: #737373;

	line-height: 30px;

	margin-top: 15px;

	margin-bottom: 30px

}



.ywlistext a {

	width: 80px;

	height: 30px;

	text-align: center;

	background: #c8000a;

	font-size: 14px;

	border-radius: 2px;

	color: #fff;

	padding: 10px 20px;

}



@media (max-width:1680px) {

	footer {

		padding: 1% 2% 0 2%

	}

}



@media (max-width:1200px) {

	.header-in {

		padding: 18px 2% 0

	}

}



@media (max-width:1350px) {

	nav.nav-top>ul>li {

		margin-left: 10px

	}



	.header-in .icon-sousuo {

		margin: -11px 0 0 10px

	}

}



@media (max-width:1240px) {

	header {

		position: fixed;

		top: 0;

		left: 0;

		z-index: 99999

	}



	body {

		font-size: 12px

	}



	.header-in {

		background: #fff;

		padding: 0 2%;

		position: fixed;

		overflow: visible;

		box-shadow: 0 1px 10px -3px #000

	}



	.header-r {

		float: none;

		position: fixed;

		left: 0;

		top: 0;

		z-index: 99999;

		width: 100%;

		height: 0;

		text-align: center;

		transition: 0s 1s;

		overflow: hidden;

		margin-left: 0

	}



	body.on .header-r {

		height: 100%;

		transition: 0s

	}



	.header-r::after {

		content: ' ';

		position: absolute;

		left: 0;

		top: -100%;

		z-index: -1;

		width: 100%;

		height: 100%;

		background: #fff;

		transition: .8s .2s

	}



	body.on .header-r::after {

		top: 0;

		transition: .4s

	}



	.header-r-in {

		margin-top: 1.4rem;

		padding: 0 25px

	}



	.logo {

		padding: 6% 0;

		margin-top: 0

	}



	.m-close {

		display: block;

		float: right;

		position: relative;

		right: 0;

		top: 18px;

		z-index: 999999;

		width: 36px;

		height: 36px

	}



	.m-close::after,

	.m-close::before {

		content: '';

		position: absolute;

		left: 0;

		width: 50%;

		height: 2px;

		-webkit-transform: translateZ(0);

		-webkit-backface-visibility: hidden;

		transition: all .4s .1s ease-out;

		background: #c9000a

	}



	body.on .m-close::after,

	body.on .m-close::before {

		transition: all .25s ease-out

	}



	.m-close::before {

		top: 20px;

		-webkit-transform: rotate(45deg);

		-moz-transform: rotate(45deg);

		-ms-transform: rotate(45deg);

		-o-transform: rotate(45deg);

		transform: rotate(45deg);

		transform-origin: 50% 50% 0

	}



	.m-close::after {

		top: 20px;

		left: 12px;

		-webkit-transform: rotate(-45deg);

		-moz-transform: rotate(-45deg);

		-ms-transform: rotate(-45deg);

		-o-transform: rotate(-45deg);

		transform: rotate(-45deg);

		transform-origin: 50% 50% 0

	}



	body.on .m-close::before {

		-webkit-transform: rotate(-45deg);

		-moz-transform: rotate(-45deg);

		-ms-transform: rotate(-45deg);

		-o-transform: rotate(-45deg);

		transform: rotate(-45deg)

	}



	body.on .m-close::after {

		-webkit-transform: rotate(45deg);

		-moz-transform: rotate(45deg);

		-ms-transform: rotate(45deg);

		-o-transform: rotate(45deg);

		transform: rotate(45deg)

	}



	nav.nav-top {

		margin-top: 0;

		margin-right: 0;

		margin-bottom: 10px;

		width: 100%

	}



	nav.nav-top>ul>li {

		display: block;

		transform: translateY(-30px);

		margin: 0;

		line-height: 8vh;

		height: auto;

		opacity: 0;

		text-align: left;

		transition: .2s;

		border-bottom: 1px solid rgba(207, 207, 207, .66)

	}



	nav.nav-top>ul>li>a {

		margin-left: .2rem;

		padding-bottom: 0;

		position: static;

		display: block;

		height: 100%

	}



	nav.nav-top>ul>li a:after {

		content: attr(data-icon);

		font-size: 18px;

		position: absolute;

		right: 10px;

		top: 0;

		background: 0 0;

		width: auto;

		height: auto;

		opacity: 1;

		left: auto

	}



	nav.nav-top>ul>li[date-switch='1'] a:after {

		content: attr(data-hover)

	}



	nav.nav-top>ul>li[date-switch='1']>a {

		color: #c9000a !important

	}



	body.on nav.nav-top>ul>li:nth-child(2)>a,

	body.on nav.nav-top>ul>li:nth-child(3)>a,

	body.on nav.nav-top>ul>li:nth-child(4)>a,

	body.on nav.nav-top>ul>li:nth-child(6)>a {

		pointer-events: none

	}



	body.on nav.nav-top>ul>li:nth-child(1),

	nav.nav-top>ul>li:nth-child(9) {

		transition: .2s

	}



	body.on nav.nav-top>ul>li:nth-child(2),

	nav.nav-top>ul>li:nth-child(8) {

		transition: .2s .05s

	}



	body.on nav.nav-top>ul>li:nth-child(3),

	nav.nav-top>ul>li:nth-child(7) {

		transition: .2s .1s

	}



	body.on nav.nav-top>ul>li:nth-child(4),

	nav.nav-top>ul>li:nth-child(6) {

		transition: .2s .15s

	}



	body.on nav.nav-top>ul>li:nth-child(5),

	nav.nav-top>ul>li:nth-child(5) {

		transition: .2s .2s

	}



	body.on nav.nav-top>ul>li:nth-child(6),

	nav.nav-top>ul>li:nth-child(4) {

		transition: .2s .25s

	}



	body.on nav.nav-top>ul>li:nth-child(7),

	nav.nav-top>ul>li:nth-child(3) {

		transition: .2s .3s

	}



	body.on nav.nav-top>ul>li:nth-child(8),

	nav.nav-top>ul>li:nth-child(2) {

		transition: .2s .3s

	}



	body.on nav.nav-top>ul>li:nth-child(9),

	nav.nav-top>ul>li:nth-child(1) {

		transition: .2s .3s

	}



	body.on nav.nav-top>ul>li {

		transform: translateY(0);

		opacity: 1

	}



	body.on .search {

		opacity: 1

	}



	.top-sub-menu {

		display: none;

		width: 100% !important;

		position: initial;

		box-shadow: inherit;

		opacity: 1;

		border-top: 0;

		visibility: visible

	}



	.top-sub-menu a {

		display: block;

		width: 100%;

		font-size: 14px !important;

		color: rgba(2, 47, 93, .8);

		text-align: left;

		padding: 0 0 0 30px !important;

		line-height: 8vh;

		background: 0 0;

		border-bottom: 1px solid rgba(207, 207, 207, .66)

	}



	.top-sub-menu a:last-child {

		border: 0

	}



	nav.nav-top>ul>li a i,

	nav.nav-top>ul>li::after {

		display: none

	}



	article {

		margin-top: 76px !important

	}



	header.fixed .header-in {

		padding-top: 0 !important

	}



	header.fixed nav.nav-top>ul>li {

		height: auto

	}



	nav.nav-top>ul>li a:hover,

	nav.nav-top>ul>li.cur a {

		color: #555

	}



	.header-in .icon-sousuo {

		display: none

	}



	.search {

		display: block;

		width: 100%;

		opacity: 0;

		transition: 1s;

		-ms-transition: 1s;

		-o-transition: 1s;

		-webkit-transition: 1s;

		-moz-transition: 1s

	}



	.search i {

		font-size: .6rem;

		color: #797979

	}



	.search form {

		display: block;

		position: relative

	}



	.search input {

		border: 1px solid #dfe5e7;

		background: #eee;

		width: 100%;

		height: 60px;

		padding-left: .2rem;

		border-radius: 5px;

		line-height: .9rem;

		font-size: 18px

	}



	.search button {

		right: 5px;

		top: 0;

		border: 0;

		position: absolute;

		width: .8rem;

		height: .9rem;

		cursor: pointer;

		background: 0 0;

		font-size: .36rem

	}

}



@media (max-width:800px) {

	.sidebar {

		width: 100%;

		height: 42px;

		right: 0;

		bottom: .6rem;

		margin-top: 0;

		background: 0 0;

		top: auto

	}



	.sidebar a {

		display: inline-block;

		margin: 0 .2rem;

		position: relative

	}



	.sidebar a>span {

		display: none

	}



	.sidebar a.right-message,

	.sidebar a.right-qq,

	.sidebar a.right-tell,

	.sidebar a.right-top,

	.sidebar a.right-weixin {

		position: relative;

		right: auto;

		top: auto;

		left: auto;

		bottom: auto;

		margin-bottom: 0

	}



	.sidebar a.right-message:hover,

	.sidebar a.right-qq:hover,

	.sidebar a.right-tell:hover,

	.sidebar a.right-top:hover,

	.sidebar a.right-weixin:hover {

		width: 42px;

		background-position: center

	}



	.sidebar a:hover>span {

		display: none

	}



	.sidebar .weixin-code {

		left: 50%;

		top: -125px;

		transform: translateX(-50%) translateY(0);

		-ms-transform: translateX(-50%) translateY(0);

		-o-transform: translateX(-50%) translateY(0);

		-webkit-transform: translateX(-50%) translateY(0);

		-moz-transform: translateX(-50%) translateY(0)

	}



	.sidebar a.right-weixin:hover .weixin-code {

		top: -140px;

		left: 50%

	}



	.fixed-message {

		left: 50%;

		top: -300px;

		transform: translateX(-50%) translateY(0);

		-ms-transform: translateX(-50%) translateY(0);

		-o-transform: translateX(-50%) translateY(0);

		-webkit-transform: translateX(-50%) translateY(0);

		-moz-transform: translateX(-50%) translateY(0)

	}



	.fixed-message:after {

		border-width: 7px 7px 0 7px;

		border-color: #fff transparent transparent transparent;

		bottom: -7px;

		top: auto;

		right: auto;

		left: 50%;

		margin-top: 0;

		margin-left: -7px

	}



	.sidebar a.right-message:hover .fixed-message {

		top: -360px;

		left: 50%

	}



	.page {

		margin: 38px 0 60px

	}



	.footer-nav {

		display: none

	}



	footer {

		padding: .4rem 2% 0 2%

	}



	footer .fbb {

		display: block;

		width: 100%

	}



	footer .fbbs {

		display: block;

		vertical-align: top;

		margin-bottom: 10px

	}



	.wechat {

		width: 100%;

		text-align: left

	}



	.wechat .others {

		text-align: left

	}



	.frandlink .share {

		float: none;

		display: block;

		width: 100%;

		text-align: left;

		top: 0;

		margin: .4rem 0 0

	}



	.copyright {

		padding: 10px 0

	}



	.m-inside {

		display: none !important

	}



	.frandlink .wx .hover {

		width: 206px;

		height: 118px;

		left: 0;

		top: -125px

	}



	.frandlink .wx .hover img {

		max-width: 100px

	}



	nav.nav-top>ul>li {

		line-height: 8vh

	}

}



@media (max-width:640px) {

	.ywlist {

		flex-direction: column;

	}



	.ywlistimg {

		width: 100%;

		float: none;

		background: #f6f6f6;

		text-align: center;

		margin-right: 0%

	}



	.ywlistimg img {

		width: 100%;

		height: auto;

	}



	.ywlistext {

		width: 100%;

		float: left;

	}



	.ywlistext h3 {

		font-size: 22px;

		margin-bottom: 20px;

		margin-top: 20px;

	}



	.ywlistext p {

		font-size: 16px;

		color: #737373;

		line-height: 30px;

		margin-top: 15px;

		margin-bottom: 20px

	}







	.about_banner .desc h2 {

		font-size: 22px;

		font-weight: normal;

		font-family: "agency fb";

	}



	.about_banner .desc p {

		font-size: 14px

	}



	.foot-tzm img {

		display: none;

	}



	.foot-tz {

		color: #fff;

		margin-bottom: 20px;

		float: left;

		width: 100%;

	}



	.foot-tzm img {

		float: left;

		margin-left: 10px;

		margin-right: 30px;

	}



	.foot-tzm {

		font-size: 14px;

		margin-top: 10px;

		line-height: 26px;

	}



	.foot-tr {

		width: 100%;

		float: left;

	}



	.foot-tr input {

		width: 32%;

		border: none;

		line-height: 32px;

		padding: 5px 10px;

		color: #b9b9b9;

		margin-right: 1%;

		float: left;

		margin-top: 20px;

	}



	.foot-tr input:last-child {

		width: 33%;

		margin-right: 0%;

	}



	.foot-tr textarea {

		width: 100%;

		margin-top: 0px;

		padding: 10px;

		color: #b9b9b9;

	}



	.foot-trt {

		float: left;

		width: 100%;

	}



	.foot-trm {

		margin-top: 10px;

		float: left;

		width: 100%;

	}



	.foot-tr button {

		background-image: url(../images/button.jpg);

		background-position: left top;

		background-repeat: no-repeat;

		width: 144px;

		height: 46px;

		border: none;

		margin-top: 10px;

		float: left;

	}



	.clean_banner .desc p {

		margin-top: 10px;

		line-height: 1

	}



	.clean_banner .desc span {

		margin-top: 5px;

		line-height: 1

	}



	.page {

		margin: 1rem 0

	}



	.fixed-message {

		position: fixed;

		left: 50%;

		top: auto;

		bottom: 60px;

		transform: translateX(-50%) translateY(0);

		-ms-transform: translateX(-50%) translateY(0);

		-o-transform: translateX(-50%) translateY(0);

		-webkit-transform: translateX(-50%) translateY(0);

		-moz-transform: translateX(-50%) translateY(0)

	}



	.sidebar a.right-message:hover .fixed-message {

		top: auto;

		bottom: 80px;

		left: 50%

	}



	.fixed-message:after {

		left: 75%

	}



	article {

		margin-top: 58px !important

	}



	.title {

		margin-top: .8rem;

		font-size: 20px;

		text-align: center

	}



	.title3 {

		padding-left: 10px

	}



	.title3 strong {

		font-size: 48px

	}



	.title3 h3 {

		font-size: 22px

	}



	.more a {

		width: 90px;

		height: 34px;

		line-height: 34px

	}



	.logo {

		padding: 14px 0 16px

	}



	.logo img {

		width: 120px

	}



	.m-close {

		width: 30px;

		height: 30px

	}



	.m-close:after {

		top: 12px;

		left: 10px

	}



	.m-close:before {

		top: 12px

	}



	.header-r-in {

		padding: 0 15px;

		margin-top: 1.8rem

	}



	.search input {

		height: 40px;

		font-size: 12px;

		display: none;

	}



	nav.nav-top>ul>li a {

		font-size: 14px

	}



	.top-sub-menu a {

		padding: 0 0 0 20px !important;

		font-size: 12px !important

	}



	footer {

		padding: .8rem .5rem 0 .5rem

	}



	.part-1 {

		margin: 0 auto .6rem

	}



	.wechat .others h3 {

		background-size: 240px;

		margin-bottom: 20px;

		background-position-x: left

	}



	.wechat .others h4 {

		margin-bottom: 10px

	}



	.wechat .others p {

		line-height: 24px

	}



	.frandlink a {

		font-size: 12px;

		margin-bottom: 6px

	}



	.page .pagination li {

		width: 24px;

		height: 24px;

		font-size: 14px;

		line-height: 24px;

		margin-right: 8px

	}



	.page a {

		line-height: 24px

	}

}



@media (max-width:480px) {

	.wechat .others h3 {

		margin-bottom: 15px

	}



	.part-1 {

		margin: 0 auto .4rem

	}

}



@media (max-width:360px) {

	.title {

		font-size: 26px

	}



	.page .pagination li {

		width: 30px;

		height: 30px;

		line-height: 30px;

		font-size: 14px

	}

}







.row {

  display: -ms-flexbox;

  display: flex;

  -ms-flex-wrap: wrap;

  flex-wrap: wrap;

  margin-right: -15px;

  margin-left: -15px;

}



.no-gutters {

  margin-right: 0;

  margin-left: 0;

}



.no-gutters > .col,

.no-gutters > [class*="col-"] {

  padding-right: 0;

  padding-left: 0;

}



.col-1, .col-2, .col-3, .col-4, .col-5, .col-6, .col-7, .col-8, .col-9, .col-10, .col-11, .col-12, .col,

.col-auto, .col-sm-1, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm,

.col-sm-auto, .col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12, .col-md,

.col-md-auto, .col-lg-1, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg,

.col-lg-auto, .col-xl-1, .col-xl-2, .col-xl-3, .col-xl-4, .col-xl-5, .col-xl-6, .col-xl-7, .col-xl-8, .col-xl-9, .col-xl-10, .col-xl-11, .col-xl-12, .col-xl,

.col-xl-auto {

  position: relative;

  width: 100%;

  padding-right: 15px;

  padding-left: 15px;

}



.col {

  -ms-flex-preferred-size: 0;

  flex-basis: 0;

  -ms-flex-positive: 1;

  flex-grow: 1;

  min-width: 0;

  max-width: 100%;

}



.row-cols-1 > * {

  -ms-flex: 0 0 100%;

  flex: 0 0 100%;

  max-width: 100%;

}



.row-cols-2 > * {

  -ms-flex: 0 0 50%;

  flex: 0 0 50%;

  max-width: 50%;

}



.row-cols-3 > * {

  -ms-flex: 0 0 33.333333%;

  flex: 0 0 33.333333%;

  max-width: 33.333333%;

}



.row-cols-4 > * {

  -ms-flex: 0 0 25%;

  flex: 0 0 25%;

  max-width: 25%;

}



.row-cols-5 > * {

  -ms-flex: 0 0 20%;

  flex: 0 0 20%;

  max-width: 20%;

}



.row-cols-6 > * {

  -ms-flex: 0 0 16.666667%;

  flex: 0 0 16.666667%;

  max-width: 16.666667%;

}



.col-auto {

  -ms-flex: 0 0 auto;

  flex: 0 0 auto;

  width: auto;

  max-width: 100%;

}



.col-1 {

  -ms-flex: 0 0 8.333333%;

  flex: 0 0 8.333333%;

  max-width: 8.333333%;

}



.col-2 {

  -ms-flex: 0 0 16.666667%;

  flex: 0 0 16.666667%;

  max-width: 16.666667%;

}



.col-3 {

  -ms-flex: 0 0 25%;

  flex: 0 0 25%;

  max-width: 25%;

}



.col-4 {

  -ms-flex: 0 0 33.333333%;

  flex: 0 0 33.333333%;

  max-width: 33.333333%;

}



.col-5 {

  -ms-flex: 0 0 41.666667%;

  flex: 0 0 41.666667%;

  max-width: 41.666667%;

}



.col-6 {

  -ms-flex: 0 0 50%;

  flex: 0 0 50%;

  max-width: 50%;

}



.col-7 {

  -ms-flex: 0 0 58.333333%;

  flex: 0 0 58.333333%;

  max-width: 58.333333%;

}



.col-8 {

  -ms-flex: 0 0 66.666667%;

  flex: 0 0 66.666667%;

  max-width: 66.666667%;

}



.col-9 {

  -ms-flex: 0 0 75%;

  flex: 0 0 75%;

  max-width: 75%;

}



.col-10 {

  -ms-flex: 0 0 83.333333%;

  flex: 0 0 83.333333%;

  max-width: 83.333333%;

}



.col-11 {

  -ms-flex: 0 0 91.666667%;

  flex: 0 0 91.666667%;

  max-width: 91.666667%;

}



.col-12 {

  -ms-flex: 0 0 100%;

  flex: 0 0 100%;

  max-width: 100%;

}



.order-first {

  -ms-flex-order: -1;

  order: -1;

}



.order-last {

  -ms-flex-order: 13;

  order: 13;

}



.order-0 {

  -ms-flex-order: 0;

  order: 0;

}



.order-1 {

  -ms-flex-order: 1;

  order: 1;

}



.order-2 {

  -ms-flex-order: 2;

  order: 2;

}



.order-3 {

  -ms-flex-order: 3;

  order: 3;

}



.order-4 {

  -ms-flex-order: 4;

  order: 4;

}



.order-5 {

  -ms-flex-order: 5;

  order: 5;

}



.order-6 {

  -ms-flex-order: 6;

  order: 6;

}



.order-7 {

  -ms-flex-order: 7;

  order: 7;

}



.order-8 {

  -ms-flex-order: 8;

  order: 8;

}



.order-9 {

  -ms-flex-order: 9;

  order: 9;

}



.order-10 {

  -ms-flex-order: 10;

  order: 10;

}



.order-11 {

  -ms-flex-order: 11;

  order: 11;

}



.order-12 {

  -ms-flex-order: 12;

  order: 12;

}



.offset-1 {

  margin-left: 8.333333%;

}



.offset-2 {

  margin-left: 16.666667%;

}



.offset-3 {

  margin-left: 25%;

}



.offset-4 {

  margin-left: 33.333333%;

}



.offset-5 {

  margin-left: 41.666667%;

}



.offset-6 {

  margin-left: 50%;

}



.offset-7 {

  margin-left: 58.333333%;

}



.offset-8 {

  margin-left: 66.666667%;

}



.offset-9 {

  margin-left: 75%;

}



.offset-10 {

  margin-left: 83.333333%;

}



.offset-11 {

  margin-left: 91.666667%;

}



@media (min-width: 576px) {

  .col-sm {

    -ms-flex-preferred-size: 0;

    flex-basis: 0;

    -ms-flex-positive: 1;

    flex-grow: 1;

    min-width: 0;

    max-width: 100%;

  }

  .row-cols-sm-1 > * {

    -ms-flex: 0 0 100%;

    flex: 0 0 100%;

    max-width: 100%;

  }

  .row-cols-sm-2 > * {

    -ms-flex: 0 0 50%;

    flex: 0 0 50%;

    max-width: 50%;

  }

  .row-cols-sm-3 > * {

    -ms-flex: 0 0 33.333333%;

    flex: 0 0 33.333333%;

    max-width: 33.333333%;

  }

  .row-cols-sm-4 > * {

    -ms-flex: 0 0 25%;

    flex: 0 0 25%;

    max-width: 25%;

  }

  .row-cols-sm-5 > * {

    -ms-flex: 0 0 20%;

    flex: 0 0 20%;

    max-width: 20%;

  }

  .row-cols-sm-6 > * {

    -ms-flex: 0 0 16.666667%;

    flex: 0 0 16.666667%;

    max-width: 16.666667%;

  }

  .col-sm-auto {

    -ms-flex: 0 0 auto;

    flex: 0 0 auto;

    width: auto;

    max-width: 100%;

  }

  .col-sm-1 {

    -ms-flex: 0 0 8.333333%;

    flex: 0 0 8.333333%;

    max-width: 8.333333%;

  }

  .col-sm-2 {

    -ms-flex: 0 0 16.666667%;

    flex: 0 0 16.666667%;

    max-width: 16.666667%;

  }

  .col-sm-3 {

    -ms-flex: 0 0 25%;

    flex: 0 0 25%;

    max-width: 25%;

  }

  .col-sm-4 {

    -ms-flex: 0 0 33.333333%;

    flex: 0 0 33.333333%;

    max-width: 33.333333%;

  }

  .col-sm-5 {

    -ms-flex: 0 0 41.666667%;

    flex: 0 0 41.666667%;

    max-width: 41.666667%;

  }

  .col-sm-6 {

    -ms-flex: 0 0 50%;

    flex: 0 0 50%;

    max-width: 50%;

  }

  .col-sm-7 {

    -ms-flex: 0 0 58.333333%;

    flex: 0 0 58.333333%;

    max-width: 58.333333%;

  }

  .col-sm-8 {

    -ms-flex: 0 0 66.666667%;

    flex: 0 0 66.666667%;

    max-width: 66.666667%;

  }

  .col-sm-9 {

    -ms-flex: 0 0 75%;

    flex: 0 0 75%;

    max-width: 75%;

  }

  .col-sm-10 {

    -ms-flex: 0 0 83.333333%;

    flex: 0 0 83.333333%;

    max-width: 83.333333%;

  }

  .col-sm-11 {

    -ms-flex: 0 0 91.666667%;

    flex: 0 0 91.666667%;

    max-width: 91.666667%;

  }

  .col-sm-12 {

    -ms-flex: 0 0 100%;

    flex: 0 0 100%;

    max-width: 100%;

  }

  .order-sm-first {

    -ms-flex-order: -1;

    order: -1;

  }

  .order-sm-last {

    -ms-flex-order: 13;

    order: 13;

  }

  .order-sm-0 {

    -ms-flex-order: 0;

    order: 0;

  }

  .order-sm-1 {

    -ms-flex-order: 1;

    order: 1;

  }

  .order-sm-2 {

    -ms-flex-order: 2;

    order: 2;

  }

  .order-sm-3 {

    -ms-flex-order: 3;

    order: 3;

  }

  .order-sm-4 {

    -ms-flex-order: 4;

    order: 4;

  }

  .order-sm-5 {

    -ms-flex-order: 5;

    order: 5;

  }

  .order-sm-6 {

    -ms-flex-order: 6;

    order: 6;

  }

  .order-sm-7 {

    -ms-flex-order: 7;

    order: 7;

  }

  .order-sm-8 {

    -ms-flex-order: 8;

    order: 8;

  }

  .order-sm-9 {

    -ms-flex-order: 9;

    order: 9;

  }

  .order-sm-10 {

    -ms-flex-order: 10;

    order: 10;

  }

  .order-sm-11 {

    -ms-flex-order: 11;

    order: 11;

  }

  .order-sm-12 {

    -ms-flex-order: 12;

    order: 12;

  }

  .offset-sm-0 {

    margin-left: 0;

  }

  .offset-sm-1 {

    margin-left: 8.333333%;

  }

  .offset-sm-2 {

    margin-left: 16.666667%;

  }

  .offset-sm-3 {

    margin-left: 25%;

  }

  .offset-sm-4 {

    margin-left: 33.333333%;

  }

  .offset-sm-5 {

    margin-left: 41.666667%;

  }

  .offset-sm-6 {

    margin-left: 50%;

  }

  .offset-sm-7 {

    margin-left: 58.333333%;

  }

  .offset-sm-8 {

    margin-left: 66.666667%;

  }

  .offset-sm-9 {

    margin-left: 75%;

  }

  .offset-sm-10 {

    margin-left: 83.333333%;

  }

  .offset-sm-11 {

    margin-left: 91.666667%;

  }

}



@media (min-width: 768px) {

  .col-md {

    -ms-flex-preferred-size: 0;

    flex-basis: 0;

    -ms-flex-positive: 1;

    flex-grow: 1;

    min-width: 0;

    max-width: 100%;

  }

  .row-cols-md-1 > * {

    -ms-flex: 0 0 100%;

    flex: 0 0 100%;

    max-width: 100%;

  }

  .row-cols-md-2 > * {

    -ms-flex: 0 0 50%;

    flex: 0 0 50%;

    max-width: 50%;

  }

  .row-cols-md-3 > * {

    -ms-flex: 0 0 33.333333%;

    flex: 0 0 33.333333%;

    max-width: 33.333333%;

  }

  .row-cols-md-4 > * {

    -ms-flex: 0 0 25%;

    flex: 0 0 25%;

    max-width: 25%;

  }

  .row-cols-md-5 > * {

    -ms-flex: 0 0 20%;

    flex: 0 0 20%;

    max-width: 20%;

  }

  .row-cols-md-6 > * {

    -ms-flex: 0 0 16.666667%;

    flex: 0 0 16.666667%;

    max-width: 16.666667%;

  }

  .col-md-auto {

    -ms-flex: 0 0 auto;

    flex: 0 0 auto;

    width: auto;

    max-width: 100%;

  }

  .col-md-1 {

    -ms-flex: 0 0 8.333333%;

    flex: 0 0 8.333333%;

    max-width: 8.333333%;

  }

  .col-md-2 {

    -ms-flex: 0 0 16.666667%;

    flex: 0 0 16.666667%;

    max-width: 16.666667%;

  }

  .col-md-3 {

    -ms-flex: 0 0 25%;

    flex: 0 0 25%;

    max-width: 25%;

  }

  .col-md-4 {

    -ms-flex: 0 0 33.333333%;

    flex: 0 0 33.333333%;

    max-width: 33.333333%;

  }

  .col-md-5 {

    -ms-flex: 0 0 41.666667%;

    flex: 0 0 41.666667%;

    max-width: 41.666667%;

  }

  .col-md-6 {

    -ms-flex: 0 0 50%;

    flex: 0 0 50%;

    max-width: 50%;

  }

  .col-md-7 {

    -ms-flex: 0 0 58.333333%;

    flex: 0 0 58.333333%;

    max-width: 58.333333%;

  }

  .col-md-8 {

    -ms-flex: 0 0 66.666667%;

    flex: 0 0 66.666667%;

    max-width: 66.666667%;

  }

  .col-md-9 {

    -ms-flex: 0 0 75%;

    flex: 0 0 75%;

    max-width: 75%;

  }

  .col-md-10 {

    -ms-flex: 0 0 83.333333%;

    flex: 0 0 83.333333%;

    max-width: 83.333333%;

  }

  .col-md-11 {

    -ms-flex: 0 0 91.666667%;

    flex: 0 0 91.666667%;

    max-width: 91.666667%;

  }

  .col-md-12 {

    -ms-flex: 0 0 100%;

    flex: 0 0 100%;

    max-width: 100%;

  }

  .order-md-first {

    -ms-flex-order: -1;

    order: -1;

  }

  .order-md-last {

    -ms-flex-order: 13;

    order: 13;

  }

  .order-md-0 {

    -ms-flex-order: 0;

    order: 0;

  }

  .order-md-1 {

    -ms-flex-order: 1;

    order: 1;

  }

  .order-md-2 {

    -ms-flex-order: 2;

    order: 2;

  }

  .order-md-3 {

    -ms-flex-order: 3;

    order: 3;

  }

  .order-md-4 {

    -ms-flex-order: 4;

    order: 4;

  }

  .order-md-5 {

    -ms-flex-order: 5;

    order: 5;

  }

  .order-md-6 {

    -ms-flex-order: 6;

    order: 6;

  }

  .order-md-7 {

    -ms-flex-order: 7;

    order: 7;

  }

  .order-md-8 {

    -ms-flex-order: 8;

    order: 8;

  }

  .order-md-9 {

    -ms-flex-order: 9;

    order: 9;

  }

  .order-md-10 {

    -ms-flex-order: 10;

    order: 10;

  }

  .order-md-11 {

    -ms-flex-order: 11;

    order: 11;

  }

  .order-md-12 {

    -ms-flex-order: 12;

    order: 12;

  }

  .offset-md-0 {

    margin-left: 0;

  }

  .offset-md-1 {

    margin-left: 8.333333%;

  }

  .offset-md-2 {

    margin-left: 16.666667%;

  }

  .offset-md-3 {

    margin-left: 25%;

  }

  .offset-md-4 {

    margin-left: 33.333333%;

  }

  .offset-md-5 {

    margin-left: 41.666667%;

  }

  .offset-md-6 {

    margin-left: 50%;

  }

  .offset-md-7 {

    margin-left: 58.333333%;

  }

  .offset-md-8 {

    margin-left: 66.666667%;

  }

  .offset-md-9 {

    margin-left: 75%;

  }

  .offset-md-10 {

    margin-left: 83.333333%;

  }

  .offset-md-11 {

    margin-left: 91.666667%;

  }

}



@media (min-width: 992px) {

  .col-lg {

    -ms-flex-preferred-size: 0;

    flex-basis: 0;

    -ms-flex-positive: 1;

    flex-grow: 1;

    min-width: 0;

    max-width: 100%;

  }

  .row-cols-lg-1 > * {

    -ms-flex: 0 0 100%;

    flex: 0 0 100%;

    max-width: 100%;

  }

  .row-cols-lg-2 > * {

    -ms-flex: 0 0 50%;

    flex: 0 0 50%;

    max-width: 50%;

  }

  .row-cols-lg-3 > * {

    -ms-flex: 0 0 33.333333%;

    flex: 0 0 33.333333%;

    max-width: 33.333333%;

  }

  .row-cols-lg-4 > * {

    -ms-flex: 0 0 25%;

    flex: 0 0 25%;

    max-width: 25%;

  }

  .row-cols-lg-5 > * {

    -ms-flex: 0 0 20%;

    flex: 0 0 20%;

    max-width: 20%;

  }

  .row-cols-lg-6 > * {

    -ms-flex: 0 0 16.666667%;

    flex: 0 0 16.666667%;

    max-width: 16.666667%;

  }

  .col-lg-auto {

    -ms-flex: 0 0 auto;

    flex: 0 0 auto;

    width: auto;

    max-width: 100%;

  }

  .col-lg-1 {

    -ms-flex: 0 0 8.333333%;

    flex: 0 0 8.333333%;

    max-width: 8.333333%;

  }

  .col-lg-2 {

    -ms-flex: 0 0 16.666667%;

    flex: 0 0 16.666667%;

    max-width: 16.666667%;

  }

  .col-lg-3 {

    -ms-flex: 0 0 25%;

    flex: 0 0 25%;

    max-width: 25%;

  }

  .col-lg-4 {

    -ms-flex: 0 0 33.333333%;

    flex: 0 0 33.333333%;

    max-width: 33.333333%;

  }

  .col-lg-5 {

    -ms-flex: 0 0 41.666667%;

    flex: 0 0 41.666667%;

    max-width: 41.666667%;

  }

  .col-lg-6 {

    -ms-flex: 0 0 50%;

    flex: 0 0 50%;

    max-width: 50%;

  }

  .col-lg-7 {

    -ms-flex: 0 0 58.333333%;

    flex: 0 0 58.333333%;

    max-width: 58.333333%;

  }

  .col-lg-8 {

    -ms-flex: 0 0 66.666667%;

    flex: 0 0 66.666667%;

    max-width: 66.666667%;

  }

  .col-lg-9 {

    -ms-flex: 0 0 75%;

    flex: 0 0 75%;

    max-width: 75%;

  }

  .col-lg-10 {

    -ms-flex: 0 0 83.333333%;

    flex: 0 0 83.333333%;

    max-width: 83.333333%;

  }

  .col-lg-11 {

    -ms-flex: 0 0 91.666667%;

    flex: 0 0 91.666667%;

    max-width: 91.666667%;

  }

  .col-lg-12 {

    -ms-flex: 0 0 100%;

    flex: 0 0 100%;

    max-width: 100%;

  }

  .order-lg-first {

    -ms-flex-order: -1;

    order: -1;

  }

  .order-lg-last {

    -ms-flex-order: 13;

    order: 13;

  }

  .order-lg-0 {

    -ms-flex-order: 0;

    order: 0;

  }

  .order-lg-1 {

    -ms-flex-order: 1;

    order: 1;

  }

  .order-lg-2 {

    -ms-flex-order: 2;

    order: 2;

  }

  .order-lg-3 {

    -ms-flex-order: 3;

    order: 3;

  }

  .order-lg-4 {

    -ms-flex-order: 4;

    order: 4;

  }

  .order-lg-5 {

    -ms-flex-order: 5;

    order: 5;

  }

  .order-lg-6 {

    -ms-flex-order: 6;

    order: 6;

  }

  .order-lg-7 {

    -ms-flex-order: 7;

    order: 7;

  }

  .order-lg-8 {

    -ms-flex-order: 8;

    order: 8;

  }

  .order-lg-9 {

    -ms-flex-order: 9;

    order: 9;

  }

  .order-lg-10 {

    -ms-flex-order: 10;

    order: 10;

  }

  .order-lg-11 {

    -ms-flex-order: 11;

    order: 11;

  }

  .order-lg-12 {

    -ms-flex-order: 12;

    order: 12;

  }

  .offset-lg-0 {

    margin-left: 0;

  }

  .offset-lg-1 {

    margin-left: 8.333333%;

  }

  .offset-lg-2 {

    margin-left: 16.666667%;

  }

  .offset-lg-3 {

    margin-left: 25%;

  }

  .offset-lg-4 {

    margin-left: 33.333333%;

  }

  .offset-lg-5 {

    margin-left: 41.666667%;

  }

  .offset-lg-6 {

    margin-left: 50%;

  }

  .offset-lg-7 {

    margin-left: 58.333333%;

  }

  .offset-lg-8 {

    margin-left: 66.666667%;

  }

  .offset-lg-9 {

    margin-left: 75%;

  }

  .offset-lg-10 {

    margin-left: 83.333333%;

  }

  .offset-lg-11 {

    margin-left: 91.666667%;

  }

}



@media (min-width: 1200px) {

  .col-xl {

    -ms-flex-preferred-size: 0;

    flex-basis: 0;

    -ms-flex-positive: 1;

    flex-grow: 1;

    min-width: 0;

    max-width: 100%;

  }

  .row-cols-xl-1 > * {

    -ms-flex: 0 0 100%;

    flex: 0 0 100%;

    max-width: 100%;

  }

  .row-cols-xl-2 > * {

    -ms-flex: 0 0 50%;

    flex: 0 0 50%;

    max-width: 50%;

  }

  .row-cols-xl-3 > * {

    -ms-flex: 0 0 33.333333%;

    flex: 0 0 33.333333%;

    max-width: 33.333333%;

  }

  .row-cols-xl-4 > * {

    -ms-flex: 0 0 25%;

    flex: 0 0 25%;

    max-width: 25%;

  }

  .row-cols-xl-5 > * {

    -ms-flex: 0 0 20%;

    flex: 0 0 20%;

    max-width: 20%;

  }

  .row-cols-xl-6 > * {

    -ms-flex: 0 0 16.666667%;

    flex: 0 0 16.666667%;

    max-width: 16.666667%;

  }

  .col-xl-auto {

    -ms-flex: 0 0 auto;

    flex: 0 0 auto;

    width: auto;

    max-width: 100%;

  }

  .col-xl-1 {

    -ms-flex: 0 0 8.333333%;

    flex: 0 0 8.333333%;

    max-width: 8.333333%;

  }

  .col-xl-2 {

    -ms-flex: 0 0 16.666667%;

    flex: 0 0 16.666667%;

    max-width: 16.666667%;

  }

  .col-xl-3 {

    -ms-flex: 0 0 25%;

    flex: 0 0 25%;

    max-width: 25%;

  }

  .col-xl-4 {

    -ms-flex: 0 0 33.333333%;

    flex: 0 0 33.333333%;

    max-width: 33.333333%;

  }

  .col-xl-5 {

    -ms-flex: 0 0 41.666667%;

    flex: 0 0 41.666667%;

    max-width: 41.666667%;

  }

  .col-xl-6 {

    -ms-flex: 0 0 50%;

    flex: 0 0 50%;

    max-width: 50%;

  }

  .col-xl-7 {

    -ms-flex: 0 0 58.333333%;

    flex: 0 0 58.333333%;

    max-width: 58.333333%;

  }

  .col-xl-8 {

    -ms-flex: 0 0 66.666667%;

    flex: 0 0 66.666667%;

    max-width: 66.666667%;

  }

  .col-xl-9 {

    -ms-flex: 0 0 75%;

    flex: 0 0 75%;

    max-width: 75%;

  }

  .col-xl-10 {

    -ms-flex: 0 0 83.333333%;

    flex: 0 0 83.333333%;

    max-width: 83.333333%;

  }

  .col-xl-11 {

    -ms-flex: 0 0 91.666667%;

    flex: 0 0 91.666667%;

    max-width: 91.666667%;

  }

  .col-xl-12 {

    -ms-flex: 0 0 100%;

    flex: 0 0 100%;

    max-width: 100%;

  }

  .order-xl-first {

    -ms-flex-order: -1;

    order: -1;

  }

  .order-xl-last {

    -ms-flex-order: 13;

    order: 13;

  }

  .order-xl-0 {

    -ms-flex-order: 0;

    order: 0;

  }

  .order-xl-1 {

    -ms-flex-order: 1;

    order: 1;

  }

  .order-xl-2 {

    -ms-flex-order: 2;

    order: 2;

  }

  .order-xl-3 {

    -ms-flex-order: 3;

    order: 3;

  }

  .order-xl-4 {

    -ms-flex-order: 4;

    order: 4;

  }

  .order-xl-5 {

    -ms-flex-order: 5;

    order: 5;

  }

  .order-xl-6 {

    -ms-flex-order: 6;

    order: 6;

  }

  .order-xl-7 {

    -ms-flex-order: 7;

    order: 7;

  }

  .order-xl-8 {

    -ms-flex-order: 8;

    order: 8;

  }

  .order-xl-9 {

    -ms-flex-order: 9;

    order: 9;

  }

  .order-xl-10 {

    -ms-flex-order: 10;

    order: 10;

  }

  .order-xl-11 {

    -ms-flex-order: 11;

    order: 11;

  }

  .order-xl-12 {

    -ms-flex-order: 12;

    order: 12;

  }

  .offset-xl-0 {

    margin-left: 0;

  }

  .offset-xl-1 {

    margin-left: 8.333333%;

  }

  .offset-xl-2 {

    margin-left: 16.666667%;

  }

  .offset-xl-3 {

    margin-left: 25%;

  }

  .offset-xl-4 {

    margin-left: 33.333333%;

  }

  .offset-xl-5 {

    margin-left: 41.666667%;

  }

  .offset-xl-6 {

    margin-left: 50%;

  }

  .offset-xl-7 {

    margin-left: 58.333333%;

  }

  .offset-xl-8 {

    margin-left: 66.666667%;

  }

  .offset-xl-9 {

    margin-left: 75%;

  }

  .offset-xl-10 {

    margin-left: 83.333333%;

  }

  .offset-xl-11 {

    margin-left: 91.666667%;

  }

}



.text-truncate {

  overflow: hidden;

  text-overflow: ellipsis;

  white-space: nowrap;

}



.clearfix::after {

  display: block;

  clear: both;

  content: "";

}



.d-none {

  display: none !important;

}



.d-inline {

  display: inline !important;

}



.d-inline-block {

  display: inline-block !important;

}



.d-block {

  display: block !important;

}



.d-table {

  display: table !important;

}



.d-table-row {

  display: table-row !important;

}



.d-table-cell {

  display: table-cell !important;

}



.d-flex {

  display: -ms-flexbox !important;

  display: flex !important;

}



.d-inline-flex {

  display: -ms-inline-flexbox !important;

  display: inline-flex !important;

}



@media (min-width: 576px) {

  .d-sm-none {

    display: none !important;

  }

  .d-sm-inline {

    display: inline !important;

  }

  .d-sm-inline-block {

    display: inline-block !important;

  }

  .d-sm-block {

    display: block !important;

  }

  .d-sm-table {

    display: table !important;

  }

  .d-sm-table-row {

    display: table-row !important;

  }

  .d-sm-table-cell {

    display: table-cell !important;

  }

  .d-sm-flex {

    display: -ms-flexbox !important;

    display: flex !important;

  }

  .d-sm-inline-flex {

    display: -ms-inline-flexbox !important;

    display: inline-flex !important;

  }

}



@media (min-width: 768px) {

  .d-md-none {

    display: none !important;

  }

  .d-md-inline {

    display: inline !important;

  }

  .d-md-inline-block {

    display: inline-block !important;

  }

  .d-md-block {

    display: block !important;

  }

  .d-md-table {

    display: table !important;

  }

  .d-md-table-row {

    display: table-row !important;

  }

  .d-md-table-cell {

    display: table-cell !important;

  }

  .d-md-flex {

    display: -ms-flexbox !important;

    display: flex !important;

  }

  .d-md-inline-flex {

    display: -ms-inline-flexbox !important;

    display: inline-flex !important;

  }

}



@media (min-width: 992px) {

  .d-lg-none {

    display: none !important;

  }

  .d-lg-inline {

    display: inline !important;

  }

  .d-lg-inline-block {

    display: inline-block !important;

  }

  .d-lg-block {

    display: block !important;

  }

  .d-lg-table {

    display: table !important;

  }

  .d-lg-table-row {

    display: table-row !important;

  }

  .d-lg-table-cell {

    display: table-cell !important;

  }

  .d-lg-flex {

    display: -ms-flexbox !important;

    display: flex !important;

  }

  .d-lg-inline-flex {

    display: -ms-inline-flexbox !important;

    display: inline-flex !important;

  }

}



@media (min-width: 1200px) {

  .d-xl-none {

    display: none !important;

  }

  .d-xl-inline {

    display: inline !important;

  }

  .d-xl-inline-block {

    display: inline-block !important;

  }

  .d-xl-block {

    display: block !important;

  }

  .d-xl-table {

    display: table !important;

  }

  .d-xl-table-row {

    display: table-row !important;

  }

  .d-xl-table-cell {

    display: table-cell !important;

  }

  .d-xl-flex {

    display: -ms-flexbox !important;

    display: flex !important;

  }

  .d-xl-inline-flex {

    display: -ms-inline-flexbox !important;

    display: inline-flex !important;

  }

}

.float-left {

  float: left !important;

}



.float-right {

  float: right !important;

}



.float-none {

  float: none !important;

}



@media (min-width: 576px) {

  .float-sm-left {

    float: left !important;

  }

  .float-sm-right {

    float: right !important;

  }

  .float-sm-none {

    float: none !important;

  }

}



@media (min-width: 768px) {

  .float-md-left {

    float: left !important;

  }

  .float-md-right {

    float: right !important;

  }

  .float-md-none {

    float: none !important;

  }

}



@media (min-width: 992px) {

  .float-lg-left {

    float: left !important;

  }

  .float-lg-right {

    float: right !important;

  }

  .float-lg-none {

    float: none !important;

  }

}



@media (min-width: 1200px) {

  .float-xl-left {

    float: left !important;

  }

  .float-xl-right {

    float: right !important;

  }

  .float-xl-none {

    float: none !important;

  }

}

.img-fluid {

  max-width: 100%;

  height: auto;

}