html,
body {
	font-family: "Microsoft Yahei", "PingFang SC", "FZXiHei I-Z08S";
	font-size: 14px;
}


@font-face {
	font-family: 'Montserrat SemiBold';
	src: url("/font/Montserrat-SemiBold.otf");
}

a {
	transition: all .3s;
}

a:hover,
a:focus {
	text-decoration: none;
}

ul,
ol {
	margin: 0;
	padding: 0;
}

li {
	list-style: none;
}

img {
	display: block;
}

.h1,
.h2,
.h3,
h1,
h2,
h3 {
	margin: 0;
}

h1 {
	font-weight: 600;
	font-size: 60px;
}


@media (min-width:1530px) {
	.container-fluid {
		padding: 0 65px;
	}

	.container {
		width: 1200px;
	}

}

/* ==================
	          面包屑小导航
	 ==================== */
/* @media (min-width:1200px) {
	.breadcrumb.container {
		width: 1170px;
	}
} */

.breadcrumb {
	height: 100%;
	background-color: transparent;
	margin-bottom: 0;
}

.breadcrumb>li {
	position: relative;
	padding-right: 40px;
}

.breadcrumb>li+li:before {
	display: none;
}

.breadcrumb>li::after {
	position: absolute;
	right: 15px;
	top: 50%;
	content: ' ';
	transform: translateY(-50%);
	width: 1px;
	height: 12px;
	background-color: rgba(102, 102, 102, .3);
}

.breadcrumb>li:last-child {
	padding-right: 0;
}

.breadcrumb>li:last-child::after {
	display: none;
}

.breadcrumb>li>a {
	color: #8d8d8d	;
	font-size: 12px;
	transition: all .3s;
	letter-spacing: 1px;
}

.breadcrumb>li.active a {
	color: #00586D;
	font-weight: bold;
}

.breadcrumb>li:hover a { color: #5bb2cd; }

/* ==================
	          轮播图
	 ==================== */

.swiper-pagination {
	bottom: 30px !important;
}

.swiper-pagination {
	padding-right: 50px;
}

.swiper-button-prev {
	background-image: url("/img/icon/right1.png");
	left: 50px;
	width: 30px;
	height: 58px;
	margin-top: 0;
	background-size: 26px 51px;
	transform: translateY(-50%) rotate(180deg);
}

.swiper-button-next {
	background-image: url("/img/icon/right1.png");
	right: 50px;
	width: 30px;
	height: 58px;
	margin-top: 0;
	background-size: 26px 51px;
	transform: translateY(-50%);
}

.swiper-pagination .swiper-pagination-bullet {
	width: 5px;
	height: 5px;
	margin: 0 10px !important;
	background-color: #00586D;
	opacity: 1;
	border-radius: 50%;
}

.swiper-pagination .swiper-pagination-bullet-active {
	background-color: #3aedcf;
	width: 15px;
	height: 15px;
	opacity: 1;
}



/* ==================
	          圆角
	 ==================== */

/* ==================
	          颜色
	 ==================== */


/*  -- 背景颜色 -- */
.bg-black-blue {
	background-color: #eafdfb;
}

.bg-green-mint {
	background-color: #3AEFD0;
}

/*  -- 文本颜色 -- */
.text-white {
	color: #FFFFFF;
}

.text-white:hover {
	color: #FFFFFF;
}
.text-blue {
	color: #005972;
}
.text-footer{
	color: #005972;
}

.text-blue:hover {
	color: #FFFFFF;
}
.text-gray {
	color: #666666;
}

.text-gyey {
	color: #959595;
}

.text-white-gray {
	color: #c8c8c8;
}

.text-green-mint {
	color: #00586D;
}

.text-black-blue {
	color: #00586D;
}

/* ==================
	          布局
	 ==================== */

/*  -- flex弹性布局 -- */

.flex {
	display: -webkit-box;
	/* OLD - iOS 6-, Safari 3.1-6 */
	display: -moz-box;
	/* OLD - Firefox 19- (buggy but mostly works) */
	display: -ms-flexbox;
	/* TWEENER - IE 10 */
	display: -webkit-flex;
	/* NEW - Chrome */
	display: flex;
	/* NEW, Spec - Opera 12.1, Firefox 20+ */
}

.flex-sub {
	flex: 1 1 auto;
	-ms-flex: 1 1 auto;
	/* IE 10 */
	-webkit-flex: 1 1 auto;
	/* Chrome */
	box-flex: 1 1 auto;
	-moz-box-flex: 1 1 auto;
	/* Firefox */
	-webkit-box-flex: 1 1 auto;
	/* Safari 和 Chrome */
}

.flex-direction {
	flex-direction: column;
	-o-flex-direction: column;
	-ms-flex-direction: column;
	-moz-flex-direction: column;
	-webkit-flex-direction: column;
	-webkit-box-orient: vertical;
}

.flex-wrap {
	/*-webkit-box-lines: multiple;*/
	flex-wrap: wrap;
	-o-flex-wrap: wrap;
	-ms-flex-wrap: wrap;
	-moz-flex-wrap: wrap;
	-webkit-flex-wrap: wrap;
}

.flex-nowrap {
	/*-webkit-box-lines: multiple;*/
	flex-wrap: nowrap;
	-o-flex-wrap: nowrap;
	-ms-flex-wrap: nowrap;
	-moz-flex-wrap: nowrap;
	-webkit-flex-wrap: nowrap;
	box-lines: single;
	-webkit-box-lines: single;
}

.align-start {
	align-items: flex-start;
	-o-align-items: flex-start;
	-ms-align-items: flex-start;
	-moz-align-items: flex-start;
	-webkit-align-items: flex-start;
	-webkit-box-align: start;
}

.align-end {
	align-items: flex-end;
	-o-align-items: flex-end;
	-ms-align-items: flex-end;
	-moz-align-items: flex-end;
	-webkit-align-items: flex-end;
	-webkit-box-align: end;
}

.align-center {
	align-items: center;
	-o-align-items: center;
	-ms-align-items: center;
	-moz-align-items: center;
	-webkit-align-items: center;
	-webkit-box-align: center;
}

.justify-end {
	justify-content: flex-end;
	-o-justify-content: flex-end;
	-ms-justify-content: flex-end;
	-moz-justify-content: flex-end;
	-webkit-justify-content: flex-end;
	-webkit-box-pack: end;
}

.justify-center {
	justify-content: center;
	-o-justify-content: center;
	-ms-justify-content: center;
	-moz-justify-content: center;
	-webkit-justify-content: center;
	-webkit-box-pack: center;
}

.justify-between {
	justify-content: space-between;
	-o-justify-content: space-between;
	-ms-justify-content: space-between;
	-moz-justify-content: space-between;
	-webkit-justify-content: space-between;
	-webkit-box-pack: justify;
}


/* ==================
	           文本
	  ==================== */
.text-xs {
	font-size: 12px;
}

.text-sm {
	font-size: 14px;
}

.text-df {
	font-size: 14px;
}

.text-lg {
	font-size: 18px;
}

.text-xl {
	font-size: 20px;
}

.text-xxl {
	font-size: 26px;
}

.text-cut {
	text-overflow: ellipsis;
	white-space: nowrap;
	overflow: hidden;
}

.text-cut-df {
	word-break: break-all;
	text-overflow: ellipsis;
	overflow: hidden;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
}

.text-cut-lg {
	word-break: break-all;
	text-overflow: ellipsis;
	overflow: hidden;
	display: -webkit-box;
	-webkit-line-clamp: 3;
	-webkit-box-orient: vertical;
}

.text-cut-xl {
	word-break: break-all;
	text-overflow: ellipsis;
	overflow: hidden;
	display: -webkit-box;
	-webkit-line-clamp: 4;
	-webkit-box-orient: vertical;
}

.text-bold {
	font-weight: bold;
}

.text-center {
	text-align: center;
}

.text-left {
	text-align: left;
}

.text-right {
	text-align: right;
}

/*  -- 内外边距 -- */
.margin-top-xs {
	margin-top: 10px;
}

.margin-top-sm {
	margin-top: 20px;
}

.margin-top {
	margin-top: 30px;
}

.margin-top-xl {
	margin-top: 50px;
}

.margin-bottom {
	margin-bottom: 30px;
}

.margin-tb-xs {
	margin-top: 10px;
	margin-bottom: 10px;
}

.margin-tb {
	margin-top: 30px;
	margin-bottom: 45px;
}

.margin-tb-xl {
	margin-top: 50px;
	margin-bottom: 50px;
}

.margin-tb-xxl {
	margin-top: 80px;
	margin-bottom: 80px;
}

.margin-left-xs {
	margin-left: 10px;
}

.margin-right-xs {
	margin-right: 10px;
}

.margin-left {
	margin-left: 30px;
}

.margin-lr-sm {
	margin-left: 20px;
	margin-right: 20px;
}

.margin-lr {
	margin-left: 30px;
	margin-right: 30px;
}

.padding-sm {
	padding: 20px;
}

.padding {
	padding: 30px;
}

.padding-tb-sm {
	padding-top: 20px;
	padding-bottom: 20px;
}

.padding-tb {
	padding-top: 30px;
	padding-bottom: 30px;
}

.padding-tb-xl {
	padding-top: 50px;
	padding-bottom: 50px;
}

.padding-lr-xs {
	padding-left: 10px;
	padding-right: 10px;
}

.padding-lr-sm {
	padding-left: 20px;
	padding-right: 20px;
}

/* 公用 */
ol,li,ul{margin:0;padding:0}
ul,ol{list-style:none}
.fl{display:inline;float:left}
.fr{display:inline;float:right}
.cf{zoom:1}
.cf:after{content:'.';visibility:hidden;clear:both;display:block; height:0}
.fl_dib li,.fl_dib dl{display:inline-block;*display:inline;zoom:1;letter-spacing:0;font-size:12px;vertical-align:top}
.fl_1 li,.fl_1 dl{display:inline;float:left}
.dib{display:inline-block;*display:inline;zoom:1}
.dit{display:table-cell;width:8000px;*width:auto;zoom:1}
.ov{overflow:hidden;zoom:1}
.clamp_3 { display:-webkit-box;  -webkit-box-orient:vertical;  -webkit-line-clamp:3;  -moz-box-orient:vertical;  -moz-line-clamp:3;  text-overflow: ellipsis;  display: box;  box-orient: vertical;  line-clamp:3;  overflow: hidden; word-wrap:break-word;word-break:break-all }

.re { position: relative; }

.db { display: block; }

/*.wp100 { width: 100%; }*/

.w1200 { width: 1200px; }
.mar_auto { margin-left: auto; margin-right: auto; }

.ml45 { margin-left: 45px; }

.fwb { font-weight: bold; }

.tac { text-align: center; }

.lh20 { line-height: 20px; }

.fz16 { font-size: 16px; }
.fz20 { font-size: 20px; }

.cor_005 { color: #00586d; }
.cor_448 { color: #448594; }
.cor_3e8 { color: #3e8592; }
.cor_717 { color: #717473; }
.cor_666 { color: #666; }
.cor_3bf { color: #3bf0d1; }
.cor_fff { color: #fff; }

.more_btn_sty {
	display: inline-flex;
	padding: 0 15px;
	height: 35px;
	color: #c8c8c8;
	font-size: 12px;
	background: #fff;
	transition: all .3s;
	border-bottom: 1px solid rgba(200, 200, 200, .3);
}

.more_btn_sty:hover {
	color: #fff;
	background: #3aefd0;
	border: none;
	border-color: #3aefd0;
}

.more_btn_sty:hover.side-link::after { display: none; }

/* 新的导航切换 */
.new_nav_sty {
	position: relative;
	top: 10px;
}

.new_nav_sty li {
	position: relative;
	float: left;
	padding: 10px 0;
	margin-left: 30px;
	margin-right: 30px;
	font-size: 14px;
	color: #858585;
	transition: all .35s;
}

.new_nav_sty li .line_sty{
	position: absolute;
	left: 0;
	bottom: 0;
	width: 0;
	height: 1px;
	background: #666;
	transition: all .35s;
	z-index: 2;
}

.new_nav_sty li:hover .line_sty {
	width: 100%;
	background: #5bb2cd;
}

.new_nav_sty li:last-child { margin-right: 0; }

.new_nav_sty li.active { color: #00586D;font-weight: 600; }

.new_nav_sty li.active .line_sty { width: 100%;background: #00586D; }

.new_nav_sty li:hover {
	color: #5bb2cd;
	cursor: pointer;
	font-weight: 600;
}

.new_nav_sty li::after {
	content: '';
	position: absolute;
	right: -29px;
	top: 50%;
	width: 1px;
	height: 12px;
  transform: translateY(-50%);
	background-color: rgba(102, 102, 102, .3);
	z-index: 2;
}

.new_nav_sty li:last-child::after { display: none; }

/* logo变色 */
.logo_item_sty_1,.logo_item_sty_2,.logo_item_sty_3,.logo_item_sty_4 {
	display: block;
	width: 60px;
	height: 60px;
	margin-right: 12px;
}

.logo_item_sty_1 {
	background: url(/img/merchants/logowx.png) no-repeat;
	/*background-size: 60px 60px;*/
}
.logo_item_sty_1:hover {
	background: url(/img/merchants/logowx_1.png) no-repeat;
	/*background-size: 60px 60px;*/
}
.logo_item_sty_2 {
	background: url(/img/merchants/logowb.png) no-repeat;
	/*background-size: 60px 60px;*/
}
.logo_item_sty_2:hover {
	background: url(/img/merchants/logowb_1.png) no-repeat;
	/*background-size: 60px 60px;*/
}
.logo_item_sty_3 {
	background: url(/img/merchants/logody.png) no-repeat;
	/*background-size: 60px 60px;*/
}
.logo_item_sty_3:hover {
	background: url(/img/merchants/logody_1.png) no-repeat;
	/*background-size: 60px 60px;*/
}
.logo_item_sty_4 {
	background: url(/img/merchants/logo4.png) no-repeat;
	/*background-size: 60px 60px;*/
}
.logo_item_sty_4:hover {
	background: url(/img/merchants/logo4_1.png) no-repeat;
	/*background-size: 60px 60px;*/
}

.ell {
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}

.svg_a {
	position: relative;
	display: inline-block;
	/* width: 107px;
	height: 25px; */
}

.svg_a a {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: 2;
}
