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,::before,::after{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,body{width: 100%;overflow-x: hidden;}
h1,h2,h3,h4,h5,h6{font-weight: normal;}
img{border:0;display: block;max-width: 100%;transition: all .3s ease-out;}
.pic img{width: 100%;}
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: #0080cb;--vice-color: #18933b;}
.wrapper{width: 90%;margin: 0 auto;}
.wrapper_min{width: 1200px;margin: 0 auto;}
.space{padding-top: 7vh !important;padding-bottom: 7vh !important;}
.pic_constant{width: 100%;overflow: hidden;}
.pic_constant .inner{width: 100%;position: relative;}
.pic_constant .inner::after{content: '';width: 100%;display: block;}
.pic_constant 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;}
.color_primary{color: var(--primary-color);}
.color_white{color: #fff;}
.color_white_translucent{color: rgba(255, 255, 255, .9);}
.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;}
.flex{display: flex;}
.flex_wrap{display: flex;flex-wrap: wrap;}
.relative{position: relative;}
.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;}
.indent{text-indent: 2em;}
.text_center{text-align: center;}
.text_right{text-align: right;}
.justified_text{text-align: justify;}
.justified_text:after{content: '';display: inline-block;width: 100%;height: 0;}
.font_bold{font-weight: bold;}
h2{font-size: 4.2em;}
h3{font-size: 3em; color: #008ecd;}
h4{font-size: 3em;}
.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;}
.fs14p{font-size: 1.4em; line-height: 2;}
.fs12{font-size: 1.2em;}

.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-pagination-bullet-active{background-color: var(--primary-color);}

.header{width: 100%;height: 90px;position: absolute;top: 0;left: 0;z-index: 999;background: #fff;border-bottom: 1px solid rgba(0, 0, 0, .1);transition: all .3s ease-out;}
.header .wrapper{height: 100%;display: flex; align-items: center;justify-content: space-between;}
.header .logo img{height: 50px;}

.header .right{align-items: center;}
.header .nav> ul{display: flex;}
.header .nav> ul> li{margin-right: 45px;position: relative;}
.header .nav> ul> li> a{height: 90px;line-height: 90px;padding: 0 5px;font-size: 1.6em;font-weight: bold;display: block;position: relative;transition: all .3s ease-out;}
.header .nav .children{min-width: 100%;position: absolute;top: 100%;left: 50%;z-index: -99;opacity: 0;visibility: hidden;transform: translate(-50% ,10px);background-color: #f8f8f8;border-radius: 0 0 12px 12px;overflow: hidden;transition: all .3s ease-out;}
.header .nav .children li a{padding: 12px 30px;font-size: 1.5em;border-top: 1px solid rgba(0, 0, 0, .1);white-space: nowrap;display: block;transition: all .3s ease-out;}
.header .nav .children li a:hover{background-color: var(--vice-color);color: #fff;}
.header .nav .arrow{display: none;}

.header .lang{height: 24px;display: flex;margin-right: 20px;}
.header .lang li{margin-right: 8px;transition: all .2s ease-out;}
.header .lang li img{filter: brightness(20%);transition: all .3s ease-out; width: 24px;}
.header .lang li:last-child{margin-right: 0;}

.header .search{display: flex;border-radius: 10px;border: 1px solid #cacaca;overflow: hidden;}
.header .search .txt{width: 100px;height: 34px;padding-left: 10px;font-size: 1.4em;}
.header .search .submit{width: 34px;height: 34px;background: #fff url(../images/icon_search.png) no-repeat center;cursor: pointer;transition: all .5s ease-out;}
.header .search .submit:hover{background-color: #eee;}

/* .header.cover{border-bottom: 0;background: transparent;}
.header.cover .logo img{filter: brightness(0) invert(1);}
.header.cover .nav> ul> li> a{color: #fff;}
.header.cover .nav .children{background-color: rgba(255, 255, 255, .43);}
.header.cover .nav .children li a{color: #fff;}
.header.cover .lang li img{filter: none; width: 24px;}
.header.cover .menu_btn span{background:#fff;} */

.menu_btn{width: 22px;height: 22px;cursor: pointer;display: none;position: relative;}
.menu_btn span{width: 100%;height: 2px;background: #606060;position: absolute;top: 0;left: 0;right: 0;bottom: 0;margin: auto;will-change: transform;transition: .75s cubic-bezier(.19,1,.22,1);}
.menu_btn span:first-child{transform: translateY(-6px) scaleX(1);transition-delay: .4s;}
.menu_btn span:nth-child(2){transform: scaleX(1);transition-delay: 350ms;}
.menu_btn span:nth-child(3){transform: translateY(6px) scaleX(1);transition-delay: .3s;}
.menu_btn span:nth-child(4){transform: rotate(45deg) scaleX(0);transition-delay: 50ms;}
.menu_btn span:last-child{transform: rotate(-45deg) scaleX(0);transition-delay: 0s;}
.header.toggle .menu_btn span:first-child{transform: translateY(-6px) scaleX(0);transition-delay: .1s;}
.header.toggle .menu_btn span:nth-child(2){transform: scaleX(0);transition-delay: 50ms;}
.header.toggle .menu_btn span:nth-child(3){transform: translateY(6px) scaleX(0);transition-delay: 0s;}
.header.toggle .menu_btn span:nth-child(4){transform: rotate(45deg) scaleX(1);transition-delay: .3s;}
.header.toggle .menu_btn span:last-child{transform: rotate(-45deg) scaleX(1);transition-delay: 350ms;}

.footer{background-color: #fcfcfc;}
.footer .top{align-items: center;padding: 50px 0;border-bottom: 1px solid rgba(0, 0, 0, .1);}
.footer .logo{display: flex;align-items: center;font-size: 1.6em;color: var(--primary-color);}
.footer .logo img{height: 40px;margin-right: 20px;}
.footer .search{display: flex;}
.footer .search .txt{width: 300px;height: 46px;background-color: #e8e8e8;border-radius: 4px;padding: 0 15px;font-size: 1.4em;}
.footer .search .submit{width: 160px;height: 46px;margin-left: 40px;cursor: pointer;border-radius: 4px;}

.footer .btm{padding: 50px 0 20px;}
.footer .nav ul{margin-right: 50px;}
.footer .nav ul:last-child{margin-right: 0;}
.footer .nav li{font-size: 1.4em;margin-bottom: 8px;color: #5b5b5b;}
.footer .nav li:first-child{font-size: 1.6em;font-weight: bold;color: #333;margin-bottom: 20px;}
.footer .nav li a:hover,
.footer .copyright a:hover{text-decoration: underline;}
.footer .contact ul li{font-size: 1.4em;margin-top: 8px;}
.footer .qrcode{margin: 25px 0 0 50px;}
.footer .copyright{font-size: 1.4em;color: #979696;text-align: center;margin-top: 50px;}

.pager-list{text-align: center;padding: 50px 0;}
.pager-list ul{display: inline-flex;}
.pager-list li{margin: 0 5px;display: flex;}
.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> *{padding: 2px 8px;font-size: 1.4em;background-color: #eee;border-radius: 4px;border: 1px solid #e6e6e6;}
.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;}

@media screen and (min-width: 1280px){
	.header .nav> ul> li:hover .children{transform: translate(-50%, 0);opacity: 1;visibility: visible;}
	.header .nav> ul> li> a::after{content: '';position: absolute;bottom: 1px;left: 0;width: 0;height: 3px;background-color: #fff;display: block;transition: all .3s ease-out;}
	.header .nav> ul> li> a:hover::after,
	.header .nav> ul> li.on> a::after{width: 100%;}
}

@media screen and (max-width: 1500px){
	.header .nav> ul> li{margin-right: 26px;}
}

@media screen and (max-width: 1366px){
	.header .nav> ul> li{margin-right: 15px;}
}

@media screen and (max-width: 1279px){
	.wrapper,
	.wrapper_min{width: 92%;}
	.space{padding-top: 50px !important;padding-bottom: 50px !important;}

	.header{position: fixed;height: 60px;display: flex;align-items: center;}
	.header .logo img{height: 29px;}
    .header .nav{position: fixed;top: 60px;left: 0;z-index: 99;width: 100%;height: 0;background-color: var(--primary-color);padding: 0 4%;transition:all .4s ease-out;}
    .header.toggle .nav{height: calc(100vh - 60px);padding: 60px 4% 20px;}
    .header .nav> ul{height: 100%;display: block;overflow-y: auto;overflow-x: hidden;}
	.header .nav> ul> li{width: 100%;margin-right: 0;border-bottom: 1px solid rgba(255,255,255,.1);position: relative;}
	.header .nav> ul> li> a{height: 50px;line-height: 50px;padding: 0;}
	.header .nav .arrow{width: 100%;height: 50px;position:absolute;top: 0;left: 0;display: flex;justify-content: flex-end;align-items: center;}
	.header .nav .arrow i{transition:all .3s linear;color: #fff;}
	.header .nav .arrow.rotate i{transform: rotate(180deg);}
	.header .nav .children{position: static;width: 100%;transform: none;opacity: 1;visibility: visible;display: none;transition: none;background: none;border-radius: 0;}
	.header .nav a{color: #fff;}
	.header .search{border: none;}
	.menu_btn{display: block;margin-left: 20px;}

	.footer .search,
	.footer .nav{display: none;}
	.footer .top .wrapper{justify-content: center;}
	.footer .btm .right{width: 100%;justify-content: space-between;}
	.footer .qrcode{margin: 0 0 0 20px;}
}

@media screen and (max-width: 768px){
	.space{padding-top: 30px !important;padding-bottom: 30px !important;}
	.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: 2em;}

	.pager-list li> *{font-size: 1.2em;}

	.header .search{position: absolute;top: 90px;left: 4%;z-index: 99;;width: 92%;opacity: 0;visibility: hidden;transition: all .3s ease-out;}
	.header .search .txt{flex: 1;}
	.header.toggle .search{opacity: 1;visibility: visible;top: 80px}
	.header .lang{margin-right: 0;}

	.footer .logo{font-size: 1.2em;}
	.footer .logo img{margin-right: 10px;height: 28px;}
	.footer .top{padding: 40px 0 20px;}
	.footer .btm{padding: 20px 0;}
	.footer .copyright{margin-top: 30px;}
}

@media screen and (max-width: 525px){
	.footer .contact{width: calc(100% - 120px);}
	.footer .qrcode{width: 100px;margin-top: 15px;}
}