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,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;}
a:hover{color: var(--primary-color);}
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: #003399;--vice-color: #972326;}
.wrapper{width: 80%;min-width: 1200px;margin: 0 auto;}
.pic_constant{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;}
.txtEllipsisFour{overflow: hidden;text-overflow: ellipsis;display: -webkit-box; -webkit-box-orient: vertical;-webkit-line-clamp: 4;}
.color_primary{color: var(--primary-color);}
.border_primary{border-color: var(--primary-color);}
.bg_primary{background-color: var(--primary-color);}
.color_vice{color: var(--vice-color);}
.border_vice{border-color: var(--vice-color);}
.bg_vice{background-color: var(--vice-color);}
.color_white{color: #fff;}
.color_white_t9{color: rgba(255, 255, 255, .9);}
.color_white_t8{color: rgba(255, 255, 255, .8);}
.flex_center{display: flex;justify-content: center;align-items: center;}
.flex_between_center{display: flex;justify-content: space-between;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;}
.relative{position: relative;}
.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_15{margin-left: 15px;}
.mg_r_5{margin-right: 5px;}
.mg_b_50{margin-bottom: 50px;}
.indent{text-indent: 2em;}
.text_center{text-align: center;}
.text_right{text-align: right;}
.font_bold{font-weight: bold;}
.font_normal{font-weight: normal;}
h2{font-size: 3.6em;}
h3{font-size: 3em;}
h4{font-size: 2.4em;}
.fs50{font-size: 5em;}
.fs40{font-size: 4em;}
.fs34{font-size: 3.4em;}
.fs24{font-size: 2.4em;}
.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;}

.swiper-pagination-bullet-active{background-color: var(--primary-color);}
.swiper-button-next:after, .swiper-button-prev:after{font-size: inherit;}
.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;}

.space{padding-top: 10vh !important;padding-bottom: 10vh !important;}

.header{position: relative;}
.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);}
.header.toggle .menu_btn span:nth-child(2) {opacity: 0;}
.header.toggle .menu_btn span:last-child {top: 11px;width: 100%;transform: rotate(-45deg);}

.header{width: 100%;}
.header .top{padding: 20px 0;}
.header .top .wrapper{display: flex;justify-content: space-between;align-items: center;}
.header .top ul li{margin-left: 15px;}
.header .top ul li:first-child{margin-left: 0;}
.header .top ul li a{background-color: var(--primary-color);padding: 4px 15px;border-radius: 20px;font-size: 1.6em;display: flex;align-items: center;color: #fff;}
.header .top ul li a img{margin-right: 5px;}
.header form{width: 200px;height: 32px;background-color: #ccc;border-radius: 30px;overflow: hidden; margin-left: 15px;}
.header form .keyword{width: calc(100% - 40px);height: 100%;padding: 0 10px;background: none;font-size: 1.4em;}
.header form .keyword::placeholder{color: #fff;}
.header form .submit{width: 40px;height: 100%;background: url(/static/images/icon02.png) no-repeat center;cursor: pointer;}
.header form .submit:hover{background-color: var(--primary-color);}

.header .nav{background-color: var(--primary-color);}
.header .nav> ul{display: flex;justify-content: space-between;}
.header .nav> ul> li{position: relative;width: calc(100% / 5);border-right: 1px solid rgba(255, 255, 255, .2);}
.header .nav> ul> li:last-child{border-right: 0;}
.header .nav> ul> li> i.arrow{display: none;}
.header .nav> ul> li> a{display: block;padding: 15px 0;font-size: 1.6em;color: #fff;text-align: center;}
.header .nav> ul> li.on> a,
.header .nav> ul> li> a:hover{background-color: #1e9fff;color: #fff;}

.header .nav> ul> li ul li a{display: block;text-align: center;padding: 10px 0;text-wrap: nowrap;font-size: 1.6em;color: #fff;}
.header .nav> ul> li ul li a:hover{background-color: #1e9fff;color: #fff;}

.footer .top{background: url(/static/images/bg_footer.jpg) no-repeat center/cover;padding: 30px 0;}
.footer .nav{width: 50%;}
.footer .nav ul li:first-child{font-size: 1.6em;font-weight: bold;}
.footer .nav ul li{font-size: 1.4em;color: #383737;margin-top: 10px;}
.footer .contact .txt{line-height: 2;}
.footer .qrcode{width: 120px;margin-right: 20px;}
.footer .btm{background-color: var(--primary-color);padding: 50px 0 20px;}
.footer .links{display: flex;flex-wrap: wrap;font-size: 1.4em;color: #707070;}
.footer .links li{width: 18%;margin-right: 2%;padding: 0 20px;background-color: #fff;cursor: pointer;position: relative;z-index: 6;text-align: center;}
.footer .links li .inner{height: 45px;line-height: 45px;background: #fff url(../images/icon_select.png) no-repeat center right;}
.footer .links li .section{position: absolute;bottom: 45px;left: 0;min-width: 100%;max-height: 200px;padding: 5px 0;overflow-y: auto;background-color: #fff;border: 1px solid #eee;box-shadow: 1px 1px 4px rgb(0 0 0 / 8%);transform: scaleY(0);transform-origin: bottom;transition: all .3s ease-out;}
.footer .links li .section a{display: block;padding: 5px 15px;color: #5f5f5f;white-space: nowrap;}
.footer .links li .section a:hover{background-color: var(--primary-color);color: #fff;}
.footer .links li.show .section{transform: scaleY(1);}
.footer .copyright{font-size: 1.2em;color: #fff;margin-top: 30px;}
.footer .copyright a:hover{color: inherit;text-decoration: underline;}

@media screen and (min-width: 1280px){
	.header .nav> ul> li ul{position: absolute;top: 100%;left: 0;z-index: 99;width: 100%;height: 0;transform: scaleY(0);transform-origin: top;background-color: var(--primary-color);border-top: 1px solid rgba(255, 255, 255, .2);overflow: hidden;transition: all .3s ease-out;}
	.header .nav> ul> li:hover ul{height: auto;transform: scaleY(1);}
}

@media screen and (max-width: 1440px){
	.header .top ul li a{font-size: 1.5em;}
}

@media screen and (max-width: 1279px){
	*{-webkit-tap-highlight-color: transparent;}
	.wrapper{width: 92%;min-width: 92%;}
	.space{padding-top: 50px !important;padding-bottom: 50px !important;}

	.header .top{position: fixed;top: 0;left: 0;z-index: 999;width: 100%;}
	.header .top .wrapper{align-items: center;}
	.header .menu_btn{display: block;}
	.header .top{height: 60px;background-color: #fff;padding: 10px 0;}
	.header .top .logo img{height: 40px;}
	.header .top ul{position: fixed;z-index: 998;bottom: 10px;left: 4%;width: 92%;background-color: #fff;flex-wrap: wrap;justify-content: space-around;visibility: hidden;opacity: 0;transition: all .3s ease-out;}
	.header .top ul li{margin: 6px 0;}
	.header .top ul li a{font-size: 1.4em;}
	.header .top ul li a img{height: 14px;}
	.header form{position: fixed;z-index: 998;top: 60px;left: 4%;width: 92%;visibility: hidden;opacity: 0;transition: all .3s ease-out;}
	.header .nav{position: fixed;z-index: 998;top: 60px;left: 0;width: 100%;height: 0;background: #fff;border: 0;box-shadow: none;transition: all .3s ease-out;}
	.header .nav> ul{height: 100%;display: block;overflow-y: auto;}
	.header .nav> ul> li{width: 100%;border-bottom: 1px dotted #eee;}
	.header .nav> ul> li:last-child{border-bottom: 0}
	.header .nav> ul> li> i.arrow{display: block;position: absolute;top: 0;right: 0;width: 100%;height: 54px;cursor: pointer;}
	.header .nav> ul> li> i.arrow::after{content: '';display: block;position: absolute;top: 0;right: 0;width: 20px;height: 54px;background: url(/static/images/arrow.png) no-repeat center/20px;transition: all .3s ease-out;;}
	.header .nav> ul> li a{width: 100%;color: #333;text-align: left;}
	.header .nav> ul> li ul{display: none;padding: 0 20px;width: 100%;}
	.header .nav> ul> li ul li a{color: #666;text-align: left;}

	.header .nav> ul li.on a{background: none;color: var(--primary-color);}
	.header .nav> ul> li i.arrow.toggle::after{transform: rotate(-180deg);}

	.header.toggle .nav{height: calc(100% - 60px);padding: 32px 0 100px;}
	.header.toggle form,
	.header.toggle .top ul{opacity: 1;visibility: visible;}

	.footer .nav{display: none;}
	.footer .contact .txt{line-height: 1.5;}
	.footer .links{flex-wrap: wrap;justify-content: space-between;}
	.footer .links li{width: calc(50% - 5px);margin: 5px 0;}
	.footer .links li:nth-of-type(even) .section{left: auto;right: 0;}
	.footer .links li .inner{background-size: 10px;}
	.footer .btm{padding: 20px 0;}
	.footer .copyright{text-align: center;margin-top: 15px;}
}	

@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;}
	h5,.fs20{font-size: 1.8em;}
}