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;}
/* html:has(.header.toggle) {overflow: clip;} */
img{border:0;display: 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;}
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: #00509c;}
.wrapper{width: 92%;max-width: 1660px;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;}
.swiper-pagination-bullet-active{background-color: var(--primary-color);}
.color_primary{color: var(--primary-color);}
.color_white{color: #fff;}
.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;}
.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;}
.mg_b_10{margin-bottom: 10px;}
.mg_l_5{margin-left: 5px;}
.mg_r_5{margin-right: 5px;}
.pd_b_30{padding-bottom: 30px;}
.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;}
@keyframes floatRing {
  0% {
    transform: translate(0, 0);
  }
  25% {
    transform: translate(-8%, 2%);
  }
  50% {
    transform: translate(5%, -5%);
  }
  75% {
    transform: translate(-3%, 6%);
  }
  100% {
    transform: translate(10%, -3%);
  }
}
@keyframes floatSolid {
  0% {
    transform: translate(0, 0);
  }
  33% {
    transform: translate(4%, -6%);
  }
  66% {
    transform: translate(-6%, 3%);
  }
  100% {
    transform: translate(3%, 7%);
  }
}

.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: 8vh !important;padding-bottom: 8vh !important;}
.space_min{padding-top: 50px !important;padding-bottom: 50px !important;}

.header{width: 100%;height: 80px;padding: 0 40px;position: fixed;top: 0;left: 0;z-index: 999;display: flex; align-items: center;justify-content: space-between;transition: all .3s ease-out;}
.header .logo img{height: 46px;display: block;}
.header .right{height: 100%;display: flex;align-items: center;}

.header_circle{position: fixed;top: -5%;right: -4%;width: 300px;height: 300px;border: 1px solid rgba(255,255,255,.5);border-radius: 50%;pointer-events: none;transition: all .3s ease-out;z-index: 1;box-shadow: inset 0 0 1px rgba(0, 0, 0, 0.5);animation: floatRing 8s infinite alternate ease-in-out;opacity: 1;}
.header_circle span{position: fixed;top: -5%;right: -4%;width: 250px;height: 250px;background-color: rgba(0, 80, 156, .6);border-radius: 50%;pointer-events: none;transition: all .3s ease-out;z-index: 1;animation: floatSolid 6s infinite alternate ease-in-out;}

.header_circle.change{opacity: 0;}

.header .nav> ul{height: 100%;display: flex;flex-wrap: wrap;}
.header .nav> ul> li{margin-right: 50px;transition: all .3s ease-out;display: flex;align-items: center;}
.header .nav> ul> li:last-child{display: none;}
.header .nav> ul> li> a{line-height: 80px;font-size: 1.6em;color: #fff;display: block;position: relative;transition: inherit;}
.header .nav> ul> li.on> a{font-weight: bold;}
.header .nav .arrow{font-size: 14px;color: #fff;margin-left: 5px;transition: all .3s ease-out;}
.header .nav .children{position: absolute;top:90px;left:0;z-index: 3;width:100%; opacity: 0;visibility: hidden;background: rgba(255, 255, 255, .95);box-shadow: 0 2px 6px #ccc;}
.header .nav .children .wrapper{display: flex;flex-wrap: wrap;justify-content: center;padding: 30px 0;gap: 30px;}
.header .nav .children .pic{width: 300px;}
.header .nav .children .type_name{font-size: 2em;}
.header .nav .children ul{height: 230px;border-radius: 0 4px 4px 0;transition: inherit;display: flex;flex-direction: column;flex-wrap: wrap;gap: 0 30px;}
/* .header .nav .children ul::after{content: '';position: absolute;top: -10px;left: calc(50% - 5px);width: 0;height: 0;border-width: 5px;border-style: solid;border-color: transparent transparent #fff transparent;} */
.header .nav .children li{line-height: 36px;border-bottom: 1px solid #ccc;}
.header .nav .children li:last-child{border-bottom: 0;}
.header .nav .children li a{display: block;white-space: nowrap;font-size: 1.4em;color: #555;position: relative;padding-left: 13px;transition: all .3s linear;}
.header .nav .children li a::before{content: '';position: absolute;top: calc(50% - 2px);left: 0;width: 4px;height: 4px;background-color: #999;display: block;}
.header .nav .children li a:hover{color: var(--primary-color);}

.header .nav> ul> li:hover .children{top: 80px;opacity: 1;visibility: visible;transition: inherit;}
.header .nav> ul> li:hover> a i{transform: rotate(180deg);}

.header .search{margin: 0 50px 0 30px;}
.header .search .icon{cursor: pointer;height: 20px;}
.header .search form{position: absolute;top: calc(100% + 5px);right: 0;width: 300px;margin-top: 50px;opacity: 0;visibility: hidden;font-size: 1.5em;transition: all .3s ease-out;z-index: 99;}
.header .search form .keyword{width: calc(100% - 45px);height: 40px;background-color: #f3f3f3;border: 1px solid rgb(11 77 101 / 21%);border-radius: 6px 0 0 6px;padding: 0 10px;}
.header .search form .submit{width: 45px;height: 40px;background: #000 url(../images/icon02.png) center/18px no-repeat;color: #fff;border-radius: 0 6px 6px 0;cursor: pointer;border: 1px solid rgba(255,255,255,.3);transition: all .3s ease-out;text-align: center;}
.header .search.toggle form{margin-top: 0;opacity: 1;visibility: visible;}
.header .search.toggle .icon,
.header .search .icon:hover{filter: drop-shadow(4px 4px 4px rgba(0, 0, 0, 0.9));}
.header .search form .submit:hover{opacity: .9;}

.header .lang{position: relative;font-size: 1.6em;height: 50px;display: flex;align-items: center;z-index: 100;}
.header .lang .inner{cursor: pointer;color: #fff;}
.header .lang .inner .icon{height: 20px;margin-right: 10px;}
.header .lang .children{position: absolute;top: 100%;right: 0;padding: 10px 0 0;opacity: 0;visibility: hidden;margin-top: 50px;z-index: 99;}
.header .lang ul{padding: 10px 0;background-color: #fff;border-radius: 4px;box-shadow: 0 0 5px #eee;}
.header .lang ul li a{padding: 5px 15px;text-align: center;display: block;}
.header .lang:hover .children{margin-top: 0;opacity: 1;visibility: visible;transition: all .3s ease-out;}

.header .btn_contact{padding: 2px 15px;font-size: 1.5em;background-color: #fff;border-radius: 12px;box-shadow: 0 5px 5px rgba(0, 0, 0, 0.5);transition: all .3s ease-out;}

.menu_btn{width: 24px;height: 24px;cursor: pointer;display: none;position: relative;}
.menu_btn span{width: 100%;height: 2px;background: #fff;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;}

.header.change{background-color: #1970a2;}

.footer{background-color: #1a1a1a;color: #fff;}
.footer a:hover{text-decoration: underline;color: inherit;}
.footer .logo{height: 50px;display: block;}
.footer .top{padding: 20px 0;gap: 10px;border-bottom: 1px solid rgba(255,255,255,.3);}
.footer .top ul{display: flex;gap: 30px;font-size: 1.4em;}
.footer .center{padding: 30px 0;}
.footer .contact{width: 37%;gap: 15px 20px;align-items: flex-start;}
.footer .contact li:last-child{width: 100%;}
.footer .contact li .p1{font-size: 1.4em;color: #d1d0d0;}
.footer .contact li .p2{font-size: 1.6em;margin-top: 8px;}
.footer .form{width: 44%;display: flex;flex-wrap: wrap;gap: 20px 0;justify-content: space-between;}
.footer .form .input{width: 32%;height: 50px;font-size: 1.4em;border: none;border-bottom: 1px solid rgba(255,255,255,.3);background: none;color: #fff;}
.footer .form .textarea{width: 100%;height: 120px;font-size: 1.4em;border: none;border-bottom: 1px solid rgba(255,255,255,.3);background: none;color: rgba(255,255,255,.8);}
.footer .form .input::placeholder,
.footer .form .textarea::placeholder{color: rgba(255,255,255,.8);}
.footer .form .submit{padding: 10px 35px;font-size: 1.4em;color: rgba(255,255,255,.8);background-color: #3c3c3c;cursor: pointer;transition: all .3s ease-out;}
.footer .form .submit:hover{background-color: var(--primary-color);color: #fff;}
.footer .btm{font-size: 1.4em;color: #b6b6b6;padding: 50px 0 15px;}

.fixed_right{position: fixed;top: 45%;right: 10px;z-index: 999;}
.fixed_right a{margin: 15px 0;display: block;}
.fixed_right a .icon{width: 36px;height: 36px;object-fit: contain;margin: 0 auto;cursor: pointer;opacity: .8;transition: all .3s ease-out;}
.fixed_right a:last-child .icon{width: 50px;height: 50px;}
.fixed_right a:hover .icon{transform: scale(1.05);opacity: 1;}

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

@media screen and (max-width: 1366px){
	.header{height: 80px;}
	.header .nav> ul> li{margin-right: 30px;}
	.header .search{margin-right: 30px;}
	.header .nav> ul> li> a{font-size: 1.6em;}
	.header .nav .children li a{font-size: 1.5em;}
}

@media screen and (max-width: 1270px){
	.wrapper{max-width: 92%;min-width: 92%;}
	.space{padding-top: 50px !important;padding-bottom: 50px !important;}
	.space_min{padding-top: 40px !important;padding-bottom: 40px !important;}

	.header .logo img{height: 32px;}
	.header .nav> ul> li{margin-right: 20px;}
	.header .search{margin: 0 20px;}

	.footer .logo{height: 36px;}
	.footer .top ul{gap: 20px;}
}	

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

	.header{height: 60px;position: fixed;padding: 0 4%;}
	.header::after{content: '';position: absolute;top: 0;left: 0;z-index: -1;width: 100%;height: 0;background-color: #1970a2;transition:all .2s linear;}
    .menu_btn{display: block;}
    .header .nav{position: fixed;top: 60px;left: 0;z-index: 99;width: 100%;height: 0;background-color: #1970a2;padding: 0 4%;}
    .header.toggle::after{height: 100%;}
    .header.toggle .nav{height: calc(100vh - 60px);padding: 60px 4% 0;transition:all .4s linear .3s;}
    .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;display: block;}
	.header .nav> ul> li> a{line-height: 50px;padding: 0;display: block;}
	.header .nav> ul> li> a::after{background-color: #fff;height: 1px;}
	.header .nav> ul> li.on> a, 
	.header .nav> ul> li> a:hover,
	.header .nav .children li a:hover{color: #fff;}
	.header .nav .arrow{width: 100%;height: 50px;position:absolute; top:0; left:0;margin: 0;display: flex;justify-content: flex-end;align-items: center;}
	.header .nav .arrow.rotate i{transform: rotate(180deg);}
	.header .nav .arrow i{transition:all .3s linear;color: #fff;}
	.header .nav .children{position: static;width: 100%;display: none;transition: none !important;background: none;box-shadow: none;opacity: 1;visibility: visible;}
	.header .nav .children .wrapper{width: 100%;max-width: 100%;min-width: 100%;padding: 0 0 10px 20px;}
	.header .nav .children .pic{display: none;}
	.header .nav .children ul{width: 100%;height: auto;}
	.header .nav .children ul::after{display: none;}
	.header .nav .children li a{color: #fff;}

	.header.change{height: 60px;}
	.header.change .nav> ul> li.on> a{color: #fff;}

	.header .btn_contact{margin-right: 20px;}	
	
	.footer .contact{width: 47%;}
	.footer .form{width: 48%;}
	
	.fixed_right{right: 0;}
	.fixed_right a{margin: 10px 0;}
	.fixed_right a .icon{width: 30px;height: 30px;}
	.fixed_right a:last-child .icon{width: 40px;height: 40px;}
}

@media screen and (max-width: 768px){
	.space,
	.space_min{padding-top: 30px !important;padding-bottom: 30px !important;}
	
	.header .nav> ul> li:last-child{display: flex;}
	.header .search{margin: 0;}
	.header .search .icon{display: none;}
	.header .search form{width: 92%;position: fixed;top: 0;left: 4%;}

	.header .lang{margin-right: 20px;}
	.header .lang .inner{font-size: 14px;}
	.header .lang .inner .icon{margin-right: 5px;}
	
	.header .btn_contact{display: none;}
	.header.toggle .search form{opacity: 1;visibility: visible;margin-top: 0;top: 60px;transition-delay: .5s;}
	.header_circle{display: none;}

	.footer .contact{width: 100%;}
	.footer .form{width: 100%;margin-top: 20px;}
	.footer .btm{padding: 15px 0;}
}	

@media screen and (max-width: 525px){
	.header .logo img{height: 28px;}
	
	.footer .top ul{gap: 14px;}
}