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: #f4f5f7; font-family: "Microsoft YaHei","Arial";} 
/* html,body{width: 100%;overflow-x: hidden;} */
html:has(.header.toggle) {overflow: clip;}
img{border:0;display: block;max-width: 100%;}
.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: #257798;}
.wrapper{width: 88%;max-width: 1660px;min-width: 1200px;margin: 0 auto;}
.w1200{width: 1200px;max-width: 92%;margin: 0 auto;}
.pic_constant{overflow: hidden;}
.pic_constant .inner{width: 100%;position: relative;transition: all .3s ease-out;}
.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;}
.swiper-pagination-bullet-active{background-color: var(--primary-color);}
.color_primary{color: var(--primary-color);}
.color_white{color: #fff;}
.colorPrimaryDecorationNone{color: var(--primary-color);text-decoration: none !important;}
.underline{color: var(--primary-color);text-decoration: underline;}
.flex_center{display: flex;justify-content: center;align-items: center;}
.flex_between{display: flex;flex-wrap: wrap;justify-content: space-between;}
.flex_between_center{display: flex;flex-wrap: wrap;justify-content: space-between;align-items: center;}
.flex_align_center{display: flex;align-items: center;}
.align_end{align-items: flex-end;}
.flex{display: flex;}
.flex_wrap{display: flex;flex-wrap: wrap;}
.flex_gap20{display: flex;flex-wrap: wrap;gap: 20px;}
.flex_gap15{display: flex;flex-wrap: wrap;gap: 15px;}
.flex_gap10{display: flex;flex-wrap: wrap;gap: 10px;}
.flex_gap5{display: flex;flex-wrap: wrap;gap: 5px;}
.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_15{margin-top: 15px;}
.mg_t_10{margin-top: 10px;}
.mg_t_5{margin-top: 5px;}
.mg_l_5{margin-left: 5px;}
.mg_l_25{margin-left: 25px;}
.mg_r_5{margin-right: 5px;}
.mg_r_25{margin-right: 25px;}
.pd_0_20{padding: 0 20px;}
.pd_b_50{padding-bottom: 50px;}
.pd_b_30{padding-bottom: 30px;}
.wd_auto{width: auto;}
.wd_full{width: 100%;}
.wd_190{width: 190px;}
.wd_110{width: 110px;}
.indent{text-indent: 2em;}
.text_center{text-align: center;}
.text_right{text-align: right;}
.font_bold{font-weight: bold;}
.fs20{font-size: 2em;}
.fs18{font-size: 1.8em;}
.fs16{font-size: 1.6em;}
.fs14{font-size: 1.4em;}

.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: 60px !important;padding-bottom: 60px !important;}

.header{position: fixed;top: 0;left: 0;width: 100%;height: 80px;z-index: 999;background-color: #fff;box-shadow: 0 0 3px #eee;}
.header .wrapper{height: 100%;display: flex; align-items: center;justify-content: space-between;}
.header .logo img{height: 46px;}

.header .rt{height: 100%;display: flex;align-items: center;}
.header .children{position: absolute;top: 100%;left: 50%;z-index: 3;transform: translateX(-50%);min-width:100%; opacity: 0;margin-top: 20px;padding-top: 2px;visibility: hidden;}
.header .children .section{border-radius: 4px;background: #fff;padding: 15px 0;box-shadow: 0 2px 6px #ccc;}
.header .children li a{display: block;white-space: nowrap;font-size: 1.5em;color: #666;padding: 10px 25px;text-align: center;transition: all .3s ease-out;}
.header .children li a:hover{color: var(--primary-color);background-color: #f3fcff;}

.header .nav{height: 100%;display: flex;}
.header .nav> li{height: 100%;position: relative;margin-left: 50px;transition: all .3s ease-out;display: flex;align-items: center;}
.header .nav> li> a{font-size: 1.6em;line-height: 1.2;display: block;position: relative;transition: inherit;text-align: center;}
.header .nav> li.on> a{color: var(--primary-color);}
.header .nav> li> a:hover{color: var(--primary-color);}
.header .nav .arrow{display: none;}
.header .nav> li:hover .children{margin-top: 0;opacity: 1;visibility: visible;transition: all .3s ease-out;}
.header .nav> li:hover> a i{transform: rotate(180deg);}

.header .lang{height: 100%;position: relative;margin-left: 100px;}
.header .lang> a{font-size: 1.6em;height: 100%;display: flex;align-items: center;}
.header .lang:hover .children{margin-top: 0;opacity: 1;visibility: visible;transition: all .3s ease-out;}

.header .btn_publish{border-radius: 50px;background-color: #1f1f21;margin: 0 30px;}
.header .btn_publish:hover{background-color: var(--primary-color);}

.header .btn_member{display: flex;align-items: center;}
.header .btn_member a{padding: 0 15px;font-size: 1.5em;line-height: 1;position: relative;}
.header .btn_member a:first-child{padding-left: 0;}
.header .btn_member a:last-child{padding-right: 0;}
.header .btn_member a:not(:last-child)::after{content: '';position: absolute;top: 20%;right: 0;width: 2px;height: 60%;background-color: #333;}
.header .btn_member a:hover{opacity: .85;}

.header .member_info{height: 100%;display: flex;align-items: center;position: relative;cursor: pointer;}
.header .member_info .photo{width: 36px;height: 36px;padding: 2px;border-radius: 50px;border: 1px solid var(--primary-color);}
.header .member_info .photo img{width: 100%;height: 100%;border-radius: 50px;object-fit: contain;}
.header .member_info:hover .children{margin-top: 0;opacity: 1;visibility: visible;transition: all .3s ease-out;}

.menu_btn{width: 24px;height: 24px;cursor: pointer;display: none;position: relative;margin-left: 20px;}
.menu_btn span{width: 100%;height: 2px;background: #000;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(-8px) 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(8px) 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: url(../images/bg_footer.jpg) no-repeat center/cover;}
.footer .links{padding: 20px 0;display: flex;flex-wrap: wrap;font-size: 1.6em;color: #fefefe;}
.footer .links .type_name{margin-right: 12px;}
.footer .links .type_name .icon{height: 20px;margin-right: 8px;}
.footer .links ul{display: flex;flex-wrap: wrap;}
.footer .links ul li a{padding: 0 12px;position: relative;}
.footer .links ul li a::after{content: '';position: absolute;top: 25%;left: 0;width: 1px;height: 50%;background-color: rgba(255, 255, 255, .4);}
.footer .links ul li a:hover{text-decoration: underline;}
.footer .main{padding: 40px 0;border-top: 1px solid rgba(0,0,0,.15);border-bottom: 1px solid rgba(0,0,0,.15);}
.footer .about{width: 260px;}
.footer .about p{font-size: 1.4em;color: #a1a3a3;margin-top: 20px;}
.footer .logo{height: 34px;filter: brightness(0) invert(1);}
.footer .nav{display: flex;}
.footer .nav dl + dl{margin-left: 80px;}
.footer .nav dt{font-size: 1.6em;color: #fff;margin-bottom: 20px;}
.footer .nav dl dd{margin-top: 12px;}
.footer .nav a{font-size: 1.4em;color: #76848f;line-height: 1.2;}
.footer .nav a:hover{text-decoration: underline;color: #fff;}
.footer .contact{width: 290px;}
.footer .contact .title{font-size: 1.6em;color: #fff;}
.footer .contact .tel{font-size: 2.5em;color: #fff;font-weight: bold;font-family: Arial;}
.footer .contact .address{font-size: 1.5em;color: #a1a3a3;}
.footer .btm{font-size: 1.4em;color: #a1a3a3;padding: 15px 4%;text-align: center;display: flex;justify-content: center;flex-wrap: wrap;}
.footer .btm p{margin: 0 5px;}
.footer .btm a:hover{text-decoration: underline;}

.footer.en .about{width: 200px;}
.footer.en .contact{width: 266px;}
.footer.en .contact .address{font-size: 1.4em;}
.footer.en .nav dl + dl{margin-left: 30px;}

@media screen and (max-width: 1660px){
	.wrapper{width: 92%;max-width: 92%;min-width: 92%;}

	.header .nav> li{margin-left: 40px;}
	.header.en .lang{margin-left: 60px;}
}

@media screen and (max-width: 1440px){
	.footer.en .nav dl + dl{margin-left: 20px;}
	.footer.en .nav dd{max-width: 165px;}
}

@media screen and (max-width: 1366px){
	.header .logo img{height: 30px;}
	.header .nav> li{margin-left: 30px;}
	.header .lang{margin-left: 60px;}
	.header .btn_publish{height: 32px;line-height: 30px;padding: 0 10px;}

	.footer .nav dl + dl{margin-left: 50px;}
}

@media screen and (max-width: 1280px){
	.header.en .lang{margin-left: 30px;}
	.header.en .nav> li{margin-left: 20px;}

}

@media screen and (max-width: 1000px){
	.mg_t_50{margin-top: 30px;}
	.mg_t_40{margin-top: 25px;}
	.mg_t_30{margin-top: 20px;}
	.mg_t_20{margin-top: 15px;}
	.mg_l_25{margin-left: 15px;}
	.mg_r_25{margin-right: 15px;}
	
	.flex_gap20{gap: 15px;}

	.header{height: 60px;}
    .menu_btn{display: block;}
    .header .nav{position: fixed;top: 60px;left: 0;z-index: 999;width: 100%;height: 0;background-color: #fff;padding: 0 4%;display: block;overflow-y: auto;overflow-x: hidden;}
    .header.toggle .nav{height: calc(100vh - 60px);padding: 0 4% 65px;transition:all .4s linear .3s;}
	.header .nav> li{width: 100%;height: auto;border-bottom: 1px solid rgba(0,0,0,.05);position: relative;margin-left: 0 !important;display: block;}
	.header .nav> li:last-child{border-bottom: 0;}
	.header .nav> li> a{line-height: 50px;padding: 0;font-weight: bold;text-align: left;}
	.header .nav> li> a::after{background-color: #333;height: 1px;}
	.header .nav> li.on> a, 
	.header .nav> li> a:hover,
	.header .nav .children li a:hover{color: #333;}
	.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: #333;}
	.header .nav .arrow.rotate i{transform: rotate(180deg);}
	.header .nav .children{position: static;width: 100%;transform: none;margin-top: 0;padding-top: 0;opacity: 1;visibility: visible;display: none;transition: none !important;}
	.header .nav .children .section{padding-top: 0;}
	.header .nav .children ul{background: none;box-shadow: none;}
	.header .nav .children ul::after{display: none;}
	.header .nav .children li a{color: #333;text-align: left;}

	.footer .nav{width: 100%;flex-wrap: wrap;justify-content: space-between;}
	.footer .nav dl{margin: 30px 0 0 0 !important;}
	.footer .about,
	.footer .contact{width: 100% !important;}
	.footer.en .nav dd{max-width: none;}
}

@media screen and (max-width: 768px){
	.m_gap5{gap: 5px !important;}
	.space{padding-top: 50px !important;padding-bottom: 50px !important;}

	.header .btn_publish{position: fixed;bottom: -50px;left: 0;z-index: 9999;width: 100%;border-radius: 0;margin: 0;}
	.header.toggle .btn_publish{bottom: 0;transition:all .4s linear .3s;}
	.header .lang{margin: 0 10px !important;z-index: 9999;}
	.header .member_info{z-index: 9999;}

	.footer .main{padding: 20px 0;}
	.footer .about{width: 100% !important;}
	.footer .logo{height: 26px;}
	.footer .about p{margin-top: 5px;}
	.footer.en .nav dl{width: calc(50% - 10px);}
	.footer .contact{width: 100% !important;margin-top: 20px;}
}	

@media screen and (max-width: 420px){
	.header .logo img{height: 25px;}
	.header .lang> a{font-size: 1.4em;}
	.header .btn_member a{padding: 0 10px;font-size: 1.4em;}
}