body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,form,input,button,textarea,p,th,td,span,a,b,i,strong{margin:0; padding:0; box-sizing: border-box;}
body {font-size:62.5%; line-height: 1.5; color: #333; background: #fff; font-family: "Microsoft YaHei","Arial";} 

html:has(.header.toggle) {overflow: clip;}
h1,h2,h3,h4,h5,h6{font-weight: normal;}
img{border:0;display: inline-block;max-width: 100%;transition: all .3s ease-out;}
.pic img{width: 100%;display: block;}
table {border-collapse: collapse;} 
input{border: none;}
textarea{font-family: inherit;}
button{outline: none;border: none;}
a{text-decoration: none;background: none ;color: inherit;font-size: inherit;}
ul, li, ol{ list-style: none; }
:focus{ outline:none;}
.clearfloat:after{display:block;clear:both;content:"";visibility:hidden;height:0}
.clearfix{ clear: both; content: ""; display: block; overflow: hidden }
.clear{clear: both;}
.fl{ float: left; }
.fr{float: right;}
:root{--primary-color: #00b1b9;--light-color: #eff9f9;}
.wrapper{width: 1300px;margin: 0 auto;}
.pic_constant{width: 100%;overflow: hidden;}
.pic_constant .inner{width: 100%;position: relative;}
.pic_constant .inner::after{content: '';width: 100%;display: block;}
.pic_constant .inner img{position: absolute;top: 0;left: 0;width: 100%;height: 100%;object-fit: cover;transition: all .5s ease-out;}
.bgCover{background-repeat: no-repeat;background-position: center;background-size: cover;}
.txtEllipsis{overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.txtEllipsisTwo{overflow: hidden;text-overflow: ellipsis;display: -webkit-box; -webkit-box-orient: vertical;-webkit-line-clamp: 2;}
.txtEllipsisThree{overflow: hidden;text-overflow: ellipsis;display: -webkit-box; -webkit-box-orient: vertical;-webkit-line-clamp: 3;}
.swiper-pagination-bullet-active{background-color: var(--primary-color);}
.color_primary{color: var(--primary-color);}
.color_white{color: #fff;}
.color_gray{color: #5b5b5b;}
.color_light_gray{color: #999;}
.color_red{color: #e60013;}
.flex_center{display: flex;justify-content: center;align-items: center;}
.flex_between{display: flex;flex-wrap: wrap;justify-content: space-between;}
.flex_align_center{display: flex;align-items: center;}
.relative{position: relative;}
.flex{display: flex;}
.flex_wrap{display: flex;flex-wrap: wrap;}
.mg_t_60{margin-top: 60px;}
.mg_t_50{margin-top: 50px;}
.mg_t_40{margin-top: 40px;}
.mg_t_30{margin-top: 30px;}
.mg_t_20{margin-top: 20px;}
.mg_t_10{margin-top: 10px;}
.mg_t_5{margin-top: 5px;}
.mg_l_5{margin-left: 5px;}
.mg_l_10{margin-left: 10px;}
.mg_l_20{margin-left: 20px;}
.mg_r_5{margin-right: 5px;}
.mg_r_10{margin-right: 10px;}
.mg_r_20{margin-right: 20px;}
.text_indent{text-indent: 2em;}
.text_center{text-align: center;}
.text_right{text-align: right;}
.font_bold{font-weight: bold;}
.line_height_18{line-height: 1.8;}
.line_height_20{line-height: 2;}
h2{font-size: 3.6em;}
h3{font-size: 2.8em;}
h4{font-size: 2.4em;}
h5{font-size: 1.8em;}
.fs22{font-size: 2.2em;}
.fs20{font-size: 2em;}
.fs18{font-size: 1.8em;}
.fs16{font-size: 1.6em;}
.fs15{font-size: 1.5em;}
.fs14{font-size: 1.4em;}
.fs12{font-size: 1.2em;}
.space{padding-top: 8vh !important;padding-bottom: 8vh !important;}
.space_min{padding-top: 5vh !important;padding-bottom: 5vh !important;}

.swiper-free-mode>.swiper-wrapper {-webkit-transition-timing-function: linear !important;-moz-transition-timing-function: linear !important;-ms-transition-timing-function: linear !important;-o-transition-timing-function: linear !important;transition-timing-function: linear !important;}
.swiper-button-next:after, .swiper-button-prev:after{font-size: inherit;color: inherit;}

.hover_ani-push_window::before,
.hover_ani-push_window::after{content: '';position: absolute;top: 0;width: 0;height: 100%;background-color: var(--primary-color);z-index: -1;transition: inherit;}
.hover_ani-push_window::before{left: 0;}
.hover_ani-push_window::after{right: 0;}
.hover_ani-push_window:hover::before{width: 50%;left: 50%;}
.hover_ani-push_window:hover::after{width: 50%;right: 50%;}

.hover_ani-block_cross> .inner::before,
.hover_ani-block_cross> .inner::after{content: "";position: absolute;pointer-events: none;opacity: 1;z-index: 3;transform: rotate(5deg);}
.hover_ani-block_cross> .inner::before{top: 0;right: 50%;bottom: 0;left: 50%;background: rgba(255, 255, 255, 0.1);}
.hover_ani-block_cross> .inner::after{top: 50%;right: 0;bottom: 50%;left: 0;background: rgba(255, 255, 255, 0.2);}
.hover_ani-block_cross:hover> .inner:before,
.hover_ani-block_cross:hover> .inner:after{opacity: 0;transition: all 900ms linear;}
.hover_ani-block_cross:hover> .inner:before{left: 0;right: 0;}
.hover_ani-block_cross:hover> .inner:after{top: 0;bottom: 0;}

.pager-list{text-align: center;padding: 50px 0;}
.pager-list ul{display: inline-flex;}
.pager-list li{margin: 0 5px;display: flex;align-items: center;}
.pager-list li> *{display: block;padding: 1px 8px;background-color: #eee;border-radius: 4px;border: 1px solid #e6e6e6;font-size: 1.4em;}
.pager-list .layui-icon{font-size: 14px;}
.pager-list li.prev i::after,
.pager-list li.next i::after{font-family: "swiper-icons";font-size: 12px;font-style: normal;color: #e6e6e6;font-weight: bold;}
.pager-list li.prev i::after{content: 'prev';}
.pager-list li.next i::after{content: 'next';}
.pager-list li.active> *,
.pager-list li a:hover{background: var(--primary-color);color:#fff;border-color: var(--primary-color);}
.pager-list li.disabled> *{ cursor: default;background-color: #f5f5f5;color: #999;}

/* ::-webkit-scrollbar{width: 8px;}
::-webkit-scrollbar-track{background: #fff;border-radius: 10px;}
::-webkit-scrollbar-thumb{border-radius: 10px;background: var(--primary-color);}
::-webkit-scrollbar-thumb:hover{-webkit-box-shadow: none;} */

.header{width: 100%;height: 120px;background-color: #fff;position: fixed;top: 0;left: 0;z-index: 9999;box-shadow: 0 0 4px #eee;}
.header .wrapper{height: 100%;align-items: center;}
.header .logo img{height: 70px;}

.btn_icon{display: inline-flex;align-items: center;padding: 6px 15px;border-radius: 12px;background-color: var(--primary-color);color: #fff;font-size: 1.4em;line-height: 1;}
.btn_icon:hover{background-color: red;color: #fff;}

.header .entrance a{margin-left: 20px;}
.header .entrance a:first-child{margin-left: 0;}

.header .nav> ul{display: flex;}
.header .nav> ul> li{position: relative;margin-left: 30px;}
.header .nav> ul> li:first-child{margin-left: 0;}
.header .nav> ul> li> a{display: block;padding: 10px 0 10px 30px;position: relative;}
.header .nav> ul> li> a::before{content: '';position: absolute;top: calc(50% - 4px);left: 0;width: 8px;height: 8px;background-color: #4b4b4b;}
.header .nav> ul> li> a:hover::before{background-color: var(--primary-color);}
.header .nav a{font-size: 1.6em;transition: inherit;}
.header .nav a:hover{color: var(--primary-color);}
.header .nav> ul> li> i{width: 56px;height: 56px;display: none;justify-content: center;align-items: center;transition:all .3s linear;}
.header .nav> ul> li> i::before{transition: inherit;}
.header .nav> ul> li> i.rotate::before{transform: rotate(180deg);-ms-transform: rotate(180deg);-webkit-transform: rotate(180deg);}
.header .nav .children> li{line-height:44px;padding: 0 20px;position: relative;}
.header .nav .children li:last-child{border-bottom: 0;}
.header .nav .children li a{white-space: nowrap;display: block;}
.header .nav .children li a:hover{color: var(--primary-color);}
.header .nav .children ul{position: absolute;top: 0;left: 100%;min-width: 100%;background-color: #fff;box-shadow: 0 0 3px #eee;padding: 10px 0;border-radius: 0 0 10px 10px;display: none;}
.header .nav .children ul li{padding: 0 20px;line-height: 38px;}

.header .menu_btn{width: 26px;height: 22px;cursor: pointer;display: none;position: relative;}
.header .menu_btn span {display: inline-block;width: 100%;height: 3px;background-color: var(--primary-color);;position: absolute;transition: all .3s linear;}
.header .menu_btn span:first-child {top: 0;}
.header .menu_btn span:nth-child(2) {top: 10px;}
.header .menu_btn span:last-child {top: 20px;width: 70%;}
.header.toggle .menu_btn span:first-child {top: 11px;transform: rotate(45deg);-ms-transform: rotate(45deg);-webkit-transform: rotate(45deg);}
.header.toggle .menu_btn span:nth-child(2) {opacity: 0;}
.header.toggle .menu_btn span:last-child {top: 11px;width: 100%;transform: rotate(-45deg);-ms-transform: rotate(-45deg);-webkit-transform: rotate(-45deg);}

.footer{background: url(../images/bg_footer.jpg) no-repeat center/cover;color: #fff;}
.footer a:hover{color: inherit;text-decoration: underline;}
.footer .main{padding: 45px 0;}
.footer .qrcode{margin-top: 30px;width: 110px;}
.footer .qrcode p{font-size: 1.4em;text-align: center;}
.footer .nav ul + ul{margin-left: 90px;}
.footer .nav li{margin-bottom: 10px;font-size: 1.4em;}
.footer .nav li:first-child{margin-bottom: 30px;font-size: 1.8em;}
.footer .btm{padding: 20px 0;border-top: 1px solid #fff;font-size: 1.2em;}
.footer .btm .wrapper{justify-content: flex-end;}

@media screen and (min-width: 1271px){
    .header .nav .children{min-width: 150px;padding: 10px 0;position: absolute;top: 100%;left: 0;z-index: 99;background-color: #fff;box-shadow: 0 0 4px #eee;border-radius: 0 0 10px 10px;transform: scaleY(0);-ms-transform: scaleY(0);-webkit-transform: scaleY(0);transform-origin: top;-ms-transform-origin: top;-webkit-transform-origin: top;opacity: 0;transition: all .3s ease-out;}
	.header .nav> ul> li:hover .children{transform: scaleY(1);-ms-transform: scaleY(1);-webkit-transform: scaleY(1);opacity: 1;}
	.header .nav .children> li:hover ul{display: block;}
}

@media screen and (max-width: 1300px){
	.wrapper{width: 1200px;}
}

@media screen and (max-width: 1270px){
	.wrapper{width: 92%;}
	.m_hide{display: none;}

    .header{height: 60px;box-shadow: 0 0 4px #eee;}
	.header .logo img{height: 35px;}
    .header .menu_btn{display: block;}
	.header .nav{position: fixed;top: 60px;left: 0;z-index: 998;width: 100%;height: calc(100vh - 60px);background-color: #fff;opacity: 0;visibility: hidden;transition: all .3s ease-out;}
	.header .nav> ul{height: 100%;display: block;overflow-y: auto;}
	.header .nav> ul> li{line-height: 56px;margin-left: 0;}
	.header .nav> ul> li> a{padding: 0;text-align: left;}
	.header .nav> ul> li> a:before{display: none;}
	.header .nav> ul> li> i{position: absolute;top: 0;left: 0;z-index: 2;width: 100%;height: 56px;display: flex;align-items: center;justify-content: flex-end;}
	.header .nav .children{width: 100%;display: none;}
	.header .nav .children ul{position: static;display: block;padding: 0 10px;box-shadow: none;border-left: 1px solid #eee;border-radius: 0;}

	.header .nav .children .item:last-child{padding: 20px 0 0;margin: 10px 0 0;border-left: 0;border-top: 2px solid rgba(255, 255, 255, .2);}
	.header .nav .children .item h3{font-size: 1.5em;}
	
	.header.toggle .nav{opacity: 1;padding: 0 4%;visibility: visible;}
}


@media screen and (max-width: 1024px){
	.footer .nav ul + ul{margin-left: 40px;}
}


@media screen and (max-width: 768px){
    .mg_t_60{margin-top: 35px;}
	.mg_t_50{margin-top: 30px;}
	.mg_t_40{margin-top: 25px;}
	.mg_t_30{margin-top: 20px;}
	.mg_t_20{margin-top: 15px;}
	h2{font-size: 2.4em;}
	h3{font-size: 2.2em;}
	h4{font-size: 1.8em;}
	.fs24{font-size: 2em;}
	.fs22{font-size: 1.8em;}
	.fs20{font-size: 1.6em;}
	
    .header .entrance a{font-size: 1.4em;padding: 5px 10px;margin-left: 10px;}

	.footer .main{padding: 30px 0;}
	.footer .nav ul{display: none;}
	.footer .logo img{height: 40px;}
	.footer .qrcode{margin-top: 10px;width: 90px;}
	.footer .contact{padding-top: 32px;}
	.footer .btm{padding: 10px 0;}
}