@charset "UTF-8";
/* 
	@Author:作者
	@Date:创作时间
*/
:root {--themeColor: #56c2f1;}/*主题色*/

html {overflow: -moz-scrollbars-vertical;overflow-x:hidden;font-size: 16px;} /*始终让 Firefox 显示滚动条*/
* {word-wrap: break-word;margin: 0;padding: 0;outline: none;list-style: none;}/*文字强制换行word-break:keep-all;(Ff)*/
table {border-collapse: collapse;margin:auto}/*细线表格*/
fieldset, img {border: none;}/*清除描边,块显示*/
img{image-rendering: -webkit-optimize-contrast;border: none;vertical-align: middle;max-width: 100%;}/* 解决图片模糊 */
img[src='']{opacity: 0;}
ul, li {list-style-type: none;}/*无列表项目标记*/
a {text-decoration: none;color: #666666;outline: none;}/* 链接无下划线,有为underline;链接去框 */
a:link {color: #666666;}/* 未访问的链接 */
a:visited {color: #666666;}/* 已访问的链接 */
a:hover {color: #1e5ab0;}/* 鼠标在链接上 */
a:active {color: #666666;blr:expression(this.onFocus=this.blur());}/* 点击激活链接 */
body {font-size: 12px;color: #666;background: #F5F5F5;min-width:1280px;font-family:"Microsoft YaHei","Gtpressura","SF Pro SC","SF Pro Display","SF Pro Icons","PingFang SC","Helvetica Neue","Helvetica","Arial","sans-serif";}/* 设置body */
select,input{vertical-align: middle;outline: none;font-family:"Microsoft YaHei"; font-size: 14px;vertical-align: middle;outline: none;background: none;-webkit-tap-highlight-color: rgba(255, 255, 255, 0);}/* 设置表单 -webkit-tap-highlight-color表单触摸时候的高亮颜色*/
input[type=button], input[type=reset], input[type=submit], input[type=radio], input[type=checkbox] {cursor: pointer;outline: none;-webkit-appearance: none;}/* 设置表单按钮 */
textarea{outline: none;font-family:"Microsoft YaHei";-webkit-tap-highlight-color: rgba(255, 255, 255, 0);}/* 设置表单文本域  -webkit-tap-highlight-color触摸元素时候高亮颜色*/
input::-webkit-input-placeholder,
textarea::-webkit-input-placeholder{color: #aab2bd; /* placeholder颜色  */font-size:14px; /* placeholder字体大小  */text-align: left; /* placeholder位置  */}
.box-size{ box-sizing: border-box; -webkit-box-sizing: border-box;}/* 内盒子代码 */
.fl {float: left;display: inline;}/* 左浮动 */
.fr {float: right;display: inline;}/* 右浮动 */
.imghover .pic{ overflow:hidden;}/* 设置图片经过放大 */
.imghover img{ overflow:hidden; transition: all 0.3s linear; -webkit-transition: all 0.3s linear;}/* 设置图片经过放大 */
.imghover:hover img{ transform:scale(1.05); -webkit-transform:scale(1.05);}/* 设置图片经过放大 */
.pic{position: relative;}
.pic:before{display: block;content: '';padding-top: 60%;}
.pic img{position: absolute;width: 100%;height: 100%;left: 0;top: 0;object-fit: cover; object-position: center center;}
.table{ display: table; width: 100%; height: 100%;table-layout:fixed}/* 设置表格方式垂直居中 */
.tableCell{ display: table-cell; width: 100%; height: 100%; vertical-align: middle;}/* 设置表格方式垂直居中 */
.default{ background: #f2f2f2 url(../images/common/loading.gif) no-repeat center center;}/* 设置默认图 */
.wrap{width: 97.5rem;clear: both;margin: 0 auto;}/* 规定页面内容区域宽度 */
.clear {clear: both;overflow:hidden;height: 0;}/* 清除浮动 */
.clearC:after {display: block;content: ' ';clear: both;visibility: hidden;}
/* 自定义页面间距 */
.h5 {clear: both;height: 5px;}
.h10 {clear: both;height: 10px;}
.h15 {clear: both;height: 15px;}
.h20 {clear: both;height: 20px;}
.h25 {clear: both;height: 25px;}
.h30 {clear: both;height: 30px;}
.h35 {clear: both;height: 35px;}
.h40 {clear: both;height: 40px;}
.h45 {clear: both;height: 45px;}
.h50 {clear: both;height: 50px;}
.h55 {clear: both;height: 55px;}
.h60 {clear: both;height: 60px;}
.h65 {clear: both;height: 65px;}
.h70 {clear: both;height: 70px;}
.h75 {clear: both;height: 75px;}
.h80 {clear: both;height: 80px;}
.h85 {clear: both;height: 85px;}
.h90 {clear: both;height: 90px;}
.h95 {clear: both;height: 95px;}
.h100 {clear: both;height:100px;}
/* 最小高度 */
.minH {min-height: 600px;height: auto !important;height: 600px;}
.minH250 {min-height: 250px;height: auto !important;height: 250px;}
.minH350 {min-height: 350px;height: auto !important;height: 350px;}
.minH450 {min-height: 450px;height: auto !important;height: 450px;}
/* 设置默认背景色 */
.hui {background: #f2f2f2;}
.bai {background: #fff;}
/*截字数*/
.clamp1{word-break: break-all;display: -webkit-box !important;-webkit-line-clamp: 1 !important;-webkit-box-orient: vertical;overflow: hidden;}
.clamp2{word-break: break-all;display: -webkit-box !important;-webkit-line-clamp: 2 !important;-webkit-box-orient: vertical;overflow: hidden;}
.clamp3{word-break: break-all;display: -webkit-box !important;-webkit-line-clamp: 3 !important;-webkit-box-orient: vertical;overflow: hidden;}
.clamp4{word-break: break-all;display: -webkit-box !important;-webkit-line-clamp: 4 !important;-webkit-box-orient: vertical;overflow: hidden;}
.clamp5{word-break: break-all;display: -webkit-box !important;-webkit-line-clamp: 5 !important;-webkit-box-orient: vertical;overflow: hidden;}
.clamp6{word-break: break-all;display: -webkit-box !important;-webkit-line-clamp: 6 !important;-webkit-box-orient: vertical;overflow: hidden;}
/* 滚动条 */
::-webkit-scrollbar {width:8px;background:var(--themeColor);}
::-webkit-scrollbar-button {display: none;}
/* ::-webkit-scrollbar-track {} */
/* ::-webkit-scrollbar-track-piece {} */
::-webkit-scrollbar-thumb {width:8px;background:#cacaca;border-radius: 8px;}
::-webkit-scrollbar-corner {background:none;}
/* ::-webkit-resizer {} */
::-webkit-scrollbar:horizontal{height:9px;}
/* 默认按钮 */
a.btn{ display: inline-block; height: 58px; line-height: 58px; background: #f5f5f5; border: 1px solid #f5f5f5; padding: 0 75px; color: #666666; font-size: 20px; border-radius:8px;}
a.btn:hover{ background: #1e5ab0; color: #FFF;}

/*  */
.backSit {
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover;
}
.imgSit img {
	display: block;
	width: 100%;
	height: 100%;
	object-fit: cover;
	object-position: center;
}


/* 图片设置 */
.imgSit img {
	display: block;
	width: 100%;
	height: 100%;
	object-fit: cover;
	object-position: center center;
}
.imgSit {
	position: relative;
	overflow: hidden;
}
/* 背景图片设置 */
.backgroundSit {
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover;
}

/* flex布局 */
.flex {
	display: flex;
	display: -webkit-flex;
}
.flex-jc {
	justify-content: center;
}
.flex-ai {
	align-items: center;	
}
.flex-jc-sb {
	justify-content: space-between;	
}
.flex-jc-end {
	justify-content: flex-end;
}
.flex-ai-end {
	align-items: end;
}
.flex-jc-sa {
	justify-content: space-around;	
}
.flex-1 {
	flex: 1;
	-webkit-flex: 1;
}
.flex-column {
	flex-direction: column;
	-webkit-flex-direction: column;
}

/* 层级显示 */
.post-zindex {
	position: relative;
	z-index: 30;
}
/* 文字对齐方式 */
.text-center {
	text-align: center;
}
.text-left {
	text-align: left;	
}
.text-right {
	text-align: right;	
}
.text-justify {
	text-align: justify;
	text-justify: inter-ideograph;
}

/* swiper 分页按钮 */

.swiperBt div {
	width: 2.5rem;
	height: 2.5rem;
	border-radius: 100%;
	background-color:#fff;
	display: flex;
	align-items: center;
	justify-content: center;
	cursor: pointer;
	transition: .3s;
	position: absolute;
	z-index: 20;
    box-shadow: 0 0 8px rgb(0 0 0 / 0.1);
}
.swiperBt .prev:hover{
	background-color: var(--themeColor);
}
.swiperBt .next:hover{
	background-color: #fff;	
}
.swiperBt span {
    display: block;
    width: 100%;
    height: 100%;
    mask-repeat: no-repeat;
    mask-position: center;
    mask-size: 2rem;
    -webkit-mask-repeat: no-repeat;
    -webkit-mask-position: center;
    -webkit-mask-size: 2rem;
    /* 必须添加 background-color 才能让 mask 区域可见 */
    background-color: var(--themeColor);
    transition: background-color 0.3s, border-color 0.3s;
}
.swiperBt .prev span {
    -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1024 1024'%3E%3Cpath fill='currentColor' d='M671 809c-5 0-10-2-15-6L369 510c-8-8-8-21 0-29L656 188c8-8 21-8 29 0 8 8 8 21 0 29L412 496l274 279c8 8 8 21 0 29-4 4-9 5-14 5z'/%3E%3C/svg%3E");
    mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1024 1024'%3E%3Cpath fill='currentColor' d='M671 809c-5 0-10-2-15-6L369 510c-8-8-8-21 0-29L656 188c8-8 21-8 29 0 8 8 8 21 0 29L412 496l274 279c8 8 8 21 0 29-4 4-9 5-14 5z'/%3E%3C/svg%3E");
}
.swiperBt .prev:hover span {
    background-color: #fff;
}
.swiperBt .prev:hover {
	background-color: var(--themeColor);
}
.swiperBt .next span {
    -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1024 1024'%3E%3Cpath fill='black' d='M383.291616 808.954249c-5.175883 0-10.353812-1.950422-14.338566-5.862521-8.064676-7.919367-8.182356-20.877493-0.26299-28.942169l273.602402-278.620695L368.69006 216.907145c-7.919367-8.064676-7.801686-21.022803 0.26299-28.942169 8.065699-7.918343 21.022803-7.80271 28.942169 0.26299l287.685141 292.960285c7.818059 7.961322 7.818059 20.717857 0 28.67918L397.895219 802.826692C393.887952 806.907637 388.591319 808.954249 383.291616 808.954249z'/%3E%3C/svg%3E");
    mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1024 1024'%3E%3Cpath fill='black' d='M383.291616 808.954249c-5.175883 0-10.353812-1.950422-14.338566-5.862521-8.064676-7.919367-8.182356-20.877493-0.26299-28.942169l273.602402-278.620695L368.69006 216.907145c-7.919367-8.064676-7.801686-21.022803 0.26299-28.942169 8.065699-7.918343 21.022803-7.80271 28.942169 0.26299l287.685141 292.960285c7.818059 7.961322 7.818059 20.717857 0 28.67918L397.895219 802.826692C393.887952 806.907637 388.591319 808.954249 383.291616 808.954249z'/%3E%3C/svg%3E");
}
.swiperBt .next:hover span {
    background-color: #fff;
}
.swiperBt .next:hover {
	background-color: var(--themeColor);
}