@charset "utf-8";
@import url(iconfont.css);
html{-webkit-text-size-adjust:100%;font-size:5.2083333vw;overflow-x: hidden;}
html,body{height:100%;font-family: Barlow,Chinese-HarmonyOS,sans-serif;}
@font-face {
	font-family: 'Barlow';
	src: url('../fonts/Barlow-Regular.ttf') format('truetype');
	font-weight: 400;
	font-display: swap;
}
@font-face {
	font-family: 'Barlow';
	src: url('../fonts/Barlow-Medium.ttf') format('truetype');
	font-weight: 600;
	font-display: swap;
}
@font-face {
	font-family: 'Barlow';
	src: url('../fonts/Barlow-Bold.ttf') format('truetype');
	font-weight: 700;
	font-display: swap;
}

/*公用样式*/
.bodyon{ overflow:hidden;}
.w1560{ z-index:1; position:relative; clear:both; max-width:14.4rem;width: 96%; margin:0px auto;}
.w1440{ z-index:1; position:relative; clear:both; max-width:14.4rem;width: 96%; margin:0px auto;}
.nones{ position:absolute; visibility:hidden; opacity:0; top:0;width: 100%;z-index: -10;left: 0;}
.relative{position: relative;}
.tc{text-align: center;}

/*font*/
:root {
	--f000-color:#000000;
	--f333-color:#333333;
	--f555-color:#555555;
	--f666-color:#666666;
	--f999-color:#999999;
	--ffff-color:#ffffff;
	--blue-color:#004098;
	--blue2-color:#2b74d9;
	--blue3-color:#5680b9;
	--blue4-color:#46a9fe;
	--yellow-color:#f7e300;
	--orange-color:#ffca3c;
	--f14: 14px;
	--f16: 0.16rem;
	--f18: 0.18rem;
	--f20: 0.2rem;
	--f22: 0.22rem;
	--f24: 0.24rem;
	--f26: 0.26rem;
	--f28: 0.28rem;
	--f30: 0.30rem;
	--f32: 0.32rem;
	--f34: 0.34rem;
	--f36: 0.36rem;
	--f40: 0.40rem;
	--f44: 0.44rem;
	--f48: 0.48rem;
	--f60: 0.60rem;
}
.f20{font-size: 0.204rem;}
.f24{font-size: 0.24rem;}
.f000{color: var(--f000-color);}
.f333{color: var(--f333-color);}
.f555{color: var(--f555-color);}
.f666{color: var(--f666-color);}
.f999{color: var(--f999-color);}
.ffff{color: var(--ffff-color);}
.fblue{color: var(--blue-color);}
.fblue2{color: var(--blue2-color);}
.fblue3{color: var(--blue3-color);}
.fred{color: #c60019;}
.yellow{color: var(--yellow-color);}
.orange{color: var(--orange-color);}

.iconfont{ font-size:20px;display: inline-block;vertical-align: middle;}
.tit{ display:block;	text-overflow: ellipsis;display: -webkit-box;-webkit-box-orient: vertical; overflow:hidden; width:100%;-webkit-line-clamp: 1;}
.dot,.dot1,.dot2,.dot3,.dot4,.dot5,.dot6,.dot7{overflow: hidden;word-break:normal;	text-overflow: ellipsis;	display: -webkit-box;	-webkit-box-orient: vertical;}
.dot1{-webkit-line-clamp: 1;}
.dot2{-webkit-line-clamp: 2;}
.dot3{-webkit-line-clamp: 3;}
.dot4{-webkit-line-clamp: 4;}
.dot5{-webkit-line-clamp: 5;}
.dot6{-webkit-line-clamp: 6;}
.dot7{-webkit-line-clamp: 7;}

@media ( max-width:1440px){
	html{font-size:6.2vw}
}
@media ( max-width:1024px){
body{min-width:300px;}
::-webkit-scrollbar{width: 5px; height:5px;}
}
@media (min-width:769px) and (max-width:1024px) {
	html{font-size: calc((100 / 1000) * 100 * 1vw);} 
}
@media (max-width:768px) {
	html{font-size: calc((100 / 750) * 100 * 1vw);} 
}
	@media (max-width:640px) {
		select,input,textarea,button{font-size: 14px;}
		body{font-size: 14px;line-height: 24px;}
		:root {
			--f16: 14px;
			--f18: 15px;
			--f20: 15px;
			--f22: 16px;
			--f24: 16px;
			--f26: 16px;
			--f28: 16px;
			--f30: 16px;
			--f32: 18px;
			--f34: 18px;
			--f36: 19px;
			--f40: 20px;
			--f48: 22px;
			--f44: 22px;
			--f60: 24px;
		}
		.f24,.f20{font-size: 16px;}
		.l36,.l28,.l33,.l32,.l30,.l48,.l45,.l42,.l24,.l34,.l26,.l25,.l22{line-height: 24px;}
		.iconfont{font-size: 16px;}
}

/*effict*/
.Scale-img {zoom:1; overflow: hidden;}
.Scale-img img,.Scale-img span {opacity: 1;-webkit-transition: opacity 0.6s, -webkit-transform 0.6s;transition: opacity 0.6s, transform 0.6s;}
.Scale-img:hover img {opacity: 1;-webkit-transform: scale3d(1.05,1.05,1.05);transform: scale3d(1.05,1.05,1.05); top:0px; left:0px;}
.effict{transition: all ease 0.3s;}
.imgbox{ overflow:hidden; position:relative;}
.imgbox span{ background-position:center center; background-repeat:no-repeat; background-size:cover; position:absolute; left:0px; top:0px; width:100%; height:100%;display: flex;align-items: center;justify-content: center;}
.imgbox img{ width:100%; height:100%;object-fit: cover;}
.imgbox.auto img{ width:auto; height:auto;object-fit: contain;max-width: 100%;max-height: 100%;}

.itemhover{transition: all ease 0.3s;}
.activehover{-webkit-box-shadow: 0px 10px 10px 0px 	rgba(0, 64, 152, 0.05) !important;
	box-shadow: 0px 10px 10px 0px 	rgba(0, 64, 152, 0.05) !important;
	-webkit-transform: translate3d(0, -2px, 0);
	transform: translate3d(0, -2px, 0);}
.itemhover2{transition: all ease 0.3s;}
.activehover2{
		-webkit-transform: translate3d(0, -2px, 0);
		transform: translate3d(0, -2px, 0);}

/*Top*/
.Header2026{position:fixed; width:100%; left:0; top:0;z-index:1000;transition: all 0.5s;background:rgba(255,255,255,0.15);border-bottom: 1px solid rgba(255,255,255,0.1);color: #fff;}
.Header2026.down{transform: translateY(-110%);}
.Header2026.up{transform: translateY(0);}
.Header2026 .w1560{z-index: 100;height:1rem;max-width: 16rem;}
.Header2026 .Logo img{height: 0.46rem;transition: all 0.3s;}
.Header2026 .Logo .black{display: none;}
.Header2026 .Logo .code{margin: 0 0 0 0.15rem;padding-left: 0.14rem;position: relative;font-size: 0.14rem;line-height: 1;}
.Header2026 .Logo .code:before{position: absolute;left: 0;top: 50%;transform: translateY(-50%);width: 1px;background-color: rgba(255,255,255,0.2);content: "";height: 0.4rem;}
.Header2026 .Logo .code b{display: block;font-size: 0.2rem;margin-bottom: 0.08rem;}

.Searchico{ cursor:pointer;}
.Searchico:hover{color:var(--purple-color)}
.Searchico .icongb{ display:none;}
.Searchico.on .icongb{ display:block;}
.Searchico.on .iconso{ display:none;}
.Searchico .iconfont{ font-size:22px;vertical-align: top;}
.Searchico:hover{opacity: 0.6;}
.searchbox{position: relative;}
.searchbox .inner{position: absolute;right: 0;top: -0.08rem;width: 0;transition: all 0.5s;visibility: hidden;opacity: 0;z-index: 100;box-shadow: 0 0 10px rgba(0,0,0,0.1);}
.searchbox .inner .btn{position: absolute;right: 0.08rem;top: 0;height: 100%;background-color: transparent;}
.searchbox .inner .input{height: 0.45rem;background:#fff;border-radius: 3px;padding: 0 35px 0 0.2rem;width: 100%;}
.searchbox.on .inner {width: 3rem;visibility: visible;opacity: 1;right: 0.35rem;}

.Header2026{margin-right: 0.3rem;}
.Header2026 .Ver{margin:0 0 0 0.44rem;position: relative;z-index: 110;font-size: var(--f16);}
.Header2026 .Ver:before{width: 1px;height: 0.16rem;content: "";position: absolute;left: -0.24rem;top: 50%;margin-top: -0.08rem;background-color: rgba(255,255,255,0.3);}
.Header2026 .Ver dt{display: flex;align-items: center;}
.Header2026 .Ver dt:before{width: 20px;height: 20px;border:2px solid #fff;border-radius: 50%;background:url(../images/2026/diqiu.gif) no-repeat center center;background-size:118%;content: "";margin-right: 0.09rem;}
.Header2026 .Ver dt:after{font-family: iconfont;content: "\e63d";font-size: 16px;margin-left: 5px;}
.Header2026 .Ver dd{position: absolute;left: 50%;top: 110%;width: 100%;box-shadow: 0 5px 10px rgba(0,0,0,0.1);background-color:#fff;text-align: center;transform: translateX(-50%);border-radius: 0 0 5px 5px;opacity: 0;visibility: hidden;z-index: -1;transition: all 0.3s;}
.Header2026 .Ver dd a{display: block;line-height: 35px;}.Header2026 .Ver dd a:hover{color:var(--blue-color);}
.Header2026 .Ver.on dd{opacity: 1;z-index: 100;top: 100%;visibility: visible;}
.Header2026 .right{justify-content: flex-end;flex: 1;}

.MainNav2026 {margin-right: 0.3rem;font-family: 'Barlow';font-weight: 500;}
.MainNav2026 li{position: relative;}
.MainNav2026 li:after{position: absolute;width: 0.29rem;height: 0;content: "";left: 50%;transform: translateX(-50%);bottom: 0.27rem;background: url(../images/2026/navon.svg) no-repeat center center/100%;transition: height 0.3s ease;}
.MainNav2026 li:hover:after, .MainNav2026 li.onnav:after{height: 0.11rem;}
.MainNav2026 li span{font-size: var(--f16);}
.MainNav2026 li:not(:first-child){margin-left: 0.25rem;}
.MainNav2026 span a{ position:relative; z-index:100;display:block;transition: all ease 0s;color: #fff;line-height: 1rem;}
.MainNav2026 .arr{ display:none;}
.MainNav2026 .arr:after{font-family: iconfont;content: "\e616";color: #333;display: inline-block;transition: all 0.5s;}
.MainNav2026 li:hover span a,.MainNav2026 li.onnav span a{color:var(--blue-color) !important;}

.closebtn{ position:fixed; left:0px; top:1rem; width:100%; height:100%; z-index:99; display:none;background: rgba(0,0,0,0.5);}
.openbtn{ cursor:pointer; height:25px; position:absolute; right:2%; top:50%;transform: translateY(-50%); z-index:1001;display: none;display: none;line-height: normal;transition: all 0.3s;}
.openbtn span{ display:inline-block;vertical-align: middle;margin:0;}
.openbtn i{ display:block; height:2px; background-color:#fff; border-radius:4px; margin:5px 0;transition: all ease 0.3s;width: 24px;}
.openbtn.on .sp1 {
	-webkit-transform: translate(0, 7px) rotate(45deg) !important;
	-moz-transform: translate(0, 7px) rotate(45deg) !important;
	-ms-transform: translate(0, 7px) rotate(45deg) !important;
	-o-transform: translate(0, 7px) rotate(45deg) !important;
	transform: translate(0, 7px) rotate(45deg) !important;}
.openbtn.on .sp2 {
	-webkit-transform: translate(0, 0) rotate(-45deg) !important;
	-moz-transform: translate(0, 0) rotate(-45deg) !important;
	-ms-transform: translate(0, 0) rotate(-45deg) !important;
	-o-transform: translate(0, 0) rotate(-45deg) !important;
	transform: translate(0, 0) rotate(-45deg) !important;}
.openbtn.on .sp3 {width: 0;}

/* 头部滑过 */
.Header2026.on,.Header2026.fix{background: #fff;color: #333;}
.Header2026.on .Logo .white,.Header2026.fix .Logo .white{display: none;}
.Header2026.on .Logo .black,.Header2026.fix .Logo .black{display: block;}
.Header2026.on .Logo .code:before,.Header2026.fix .Logo .code:before{background-color: rgba(0,0,0,0.1);}
.Header2026.on .Ver:before,.Header2026.fix .Ver:before{background-color: rgba(0,0,0,0.1);}
.Header2026.fix{box-shadow: 0 10px 10px rgba(0,0,0,0.05);}
.Header2026.on .MainNav2026 span a,.Header2026.fix .MainNav2026 span a{color: #333;}
.Header2026.on .Ver dt:before,.Header2026.fix .Ver dt:before{background-image: url(../images/2026/diqiu2.gif);border-color:#333;}
.Header2026.on .openbtn i,.Header2026.fix .openbtn i{background-color: #333;}

/* 下拉 */
.MainNav2026 .NavPull{width:max-content;min-width:1.5rem;background: #fff;position: absolute;left: 50%;top: 100%;padding: 0.25rem;display: none;-webkit-box-shadow: 0px 3px 18px 0px 	rgba(0, 64, 152, 0.2);transform: translateX(-50%);}
.MainNav2026 .NavPull dl dd:not(:last-child){margin-bottom: 0.1rem;}
.MainNav2026 .NavPull dl dd a{display: block;padding-left: 15px;position: relative;}
.MainNav2026 .NavPull dl dd a:before{position: absolute;width: 4px;height: 4px;background-color: #555555;content: "";top: 50%;transform: translateY(-50%);left: 0;transition: all 0.5s;border-radius: 50%;}
.MainNav2026 .NavPull dl dd a:hover:before{background-color: var(--blue-color);transform: translateY(-50%) scale(1.4);}
.MainNav2026 .NavPull a:hover{color: var(--blue-color);}
.MainNav2026 .NavPull .info{width: 40.83%;}
.MainNav2026 .NavPull .imgbox img{height: 2.24rem;width: auto;}
.MainNav2026 .NavPull .desc{margin: 0.23rem 0 0.53rem;}
.MainNav2026 .NavPull.null{display: none !important;}

@media(max-width:1024px){
.Header2026 .openbtn {display: block;}

.MainNav2026{position: fixed;right: 0;top: 1rem;width: 80%;height: calc(100% - 1rem);right: -100%;transition: all 0.3s;opacity: 0;background-color:#ffffff;box-shadow: 0 0 10px rgba(0,0,0,0.2);padding: 20px 0 0 0;overflow-y: auto;z-index: 100;margin-right: 0;}
.MainNav2026 ul{display: block;}
.MainNav2026.on{right: 0;opacity: 1;}
.MainNav2026 li{width: auto;float: none;text-align: left;margin: 0 15px !important;position: relative !important;padding: 0;display: block;}
.MainNav2026 span a{text-align: left;font-size: 15px;padding-left: 15px;line-height: 40px;border-bottom: 1px solid #eee;color:#333 !important;}
.MainNav2026 li:hover span a, .MainNav2026 li.onnav span a{color:var(--blue-color);}
.MainNav2026 li:after{display: none;}
.MainNav2026 li:not(:first-child):After{display: none;}
.MainNav2026 .arr{display: block;width: 55px;position: absolute;right: 0;top: 0;height: 40px;line-height: 40px;z-index: 101;text-align: center;}
.MainNav2026 li.onnav .arr:after{transform: rotate(-90deg);}
.Header2026 .MainNav2026 span a:after{display: none;}

.searchbox{position: static;}
.searchbox .inner{top: 105%;width: 95% !important;right: 2.5% !important;}
.searchbox.on .inner{top: 100%;}

.MainNav2026 .NavPull{position: static;width: 100% !important;margin:0;padding:10px;transform: translateX(0) !important;line-height: 2.2;border-radius: 10px;background-color: transparent;text-align: center;box-shadow: 0 0 0 rgba(0,0,0,0);}
.MainNav2026 .NavPull dl dt,.MainNav2026 .NavPull .info,.MainNav2026 .NavPull:After{display: none;}
.MainNav2026 .NavPull dl{padding: 0;width: 100%;}
.MainNav2026 .NavPull dl dd{text-align: left;}

.Header2026 .right{padding-top: 0;padding-right: 36px;}
}
@media(max-width:640px){
	.MainNav2026 span a{font-size: 16px;line-height: 40px;}
	.MainNav2026 .arr{height: 40px;line-height: 40px;}
	.MainNav2026 .arr i{font-size: 20px;}
	.MainNav2026 .NavPull a{font-size: 14px;}
}
@media(max-width:480px){
	.Header2026 .Logo img{height: 0.33rem;}
	.searchbox .inner .input{height: 0.6rem;}
}

/*Bottom*/
.Footer2026{ position:relative;background: #02193c ;color: #fff;padding: 0.84rem 0 0.48rem;z-index: 1;overflow: hidden;font-family: 'Barlow';}
.Footer2026 a{color: #fff;}.Footer2026 a:hover{color: #fff !important;opacity: 1 !important;}
.Footer2026 .blank{position: absolute;left: 0;top: -100vh;height: 100vh;z-index: -2;width: 100%;visibility: hidden;}
.Footer2026 .SiteMap{margin-bottom: 0.75rem;}
.Footer2026 .SiteMap .item{flex:1;}
.Footer2026 .SiteMap .item dt{position: relative;margin-bottom: 0.23rem;font-size: var(--f24);}
.Footer2026 .SiteMap .item dd p,
.Footer2026 .SiteMap .item dd {margin-bottom: 0.1rem;}
.Footer2026 .SiteMap .item dd a{opacity: 0.6;}
.Footer2026 .SiteMap .item dd a:hover{opacity: 1;}

.Footer2026 .flink {padding-bottom: 0.2rem;border-bottom: 1px solid rgba(255,255,255,0.1);margin-bottom: 0.2rem;}
.Footer2026 .flink  dt{width: 0.67rem;}
.Footer2026 .flink  dd{flex: 1;}
.Footer2026 .flink  dd a{display: inline-block;}

.Footer2026 .copyRight{color: rgba(255,255,255,0.4);}
.Footer2026 .copyRight a{color: rgba(255,255,255,0.4);}
.Footer2026 .copyRight a:hover{color: #fff;}
.Footer2026 .copyRight .copy a{display:inline-block}
.Footer2026 .copyRight menu a:not(:last-child){margin-right: 0.26rem;position: relative;}
.Footer2026 .copyRight menu a:not(:last-child):after{content:"";position: absolute;right: -0.14rem;top: 50%;width: 0.03rem;height: 0.03rem;margin-top:0.01rem;border-radius:50%;background: rgba(255,255,255,0.6);}

.totop{text-align: center; cursor: pointer;overflow: hidden;visibility: hidden;opacity: 0;height:0;background-color:#dbb344;color: #fff;transition: all 0.5s;position: fixed;bottom: 0;right: 0.2rem;width: 0.5rem;height: 0.5rem;display: flex;align-items: center;justify-content: center;cursor: pointer;z-index: 100;}
.totop.cd-is-visible {visibility: visible;opacity: 1; cursor:pointer;bottom: 0.2rem;}

@media(max-width:1024px){
	.Footer2026{padding: 0.4rem 0;}
	.Footer2026 .SiteMap {display: none;}
}
@media(max-width:768px){
	.Footer2026 .copyRight .copy{width: 100%;}
	.Footer2026 .copyRight menu{width: 100%;text-align: left;}
}
/*Bottom*/

.wow {visibility: visible;}
.TabSlide{position: relative;}


.video_files{position: fixed;left: 50%;top: 50%;width: 70%;z-index: 1001;transform: translate(-50%,-50%);display: flex;justify-content: center;align-items: center;background-color: #fff;border-radius: 0.25rem;padding: 0.5rem;box-shadow: 0 0 0.3rem rgba(0,0,0,0.1);}
.video_files .close{position: absolute;right: 0.15rem;top: 0.1rem;text-align:center;width: 35px;height: 35px;line-height: 35px;background:var(--purple-color);color:var(--blue-color);z-index: 10;cursor: pointer;font-weight: bold;}
.video_files .close i{font-size: 0.3rem;}
.video_files video{width: 100%;object-fit: fill;background:#000;}
.video_files.nofix{position: absolute;width: 100%;height: 100%;padding: 0;border-radius: 0;}
.video_files.nofix video{object-fit: cover;height: 100%;}

@media(max-width:1204px){
	.video_files{width: 95%;}
}

/* flex布局 */
.flex1{flex: 1;}
[class*=flex-]{display:-webkit-box;display:-ms-flexbox;display:-webkit-flex;display:flex;}
[class*=-aic]{ -ms-flex-align: center;align-items: center;}
[class*=-aife]{-ms-flex-align: end;align-items: flex-end; }
[class*=-aifs]{-ms-flex-align: start;align-items: flex-start; }
[class*=-ais]{-ms-flex-align: stretch;align-items: stretch;}
[class*=-jcc]{ -ms-flex-pack: center;justify-content: center;}
[class*=-jcsb]{-ms-flex-pack: justify; justify-content: space-between;}
[class*=-jcfe]{-ms-flex-pack: end;justify-content: flex-end; }
[class*=-jcfs]{-ms-flex-pack: start;justify-content: flex-start; }
[class*=-row]{flex-direction: row;-ms-flex-direction: row; flex-wrap: wrap;}
[class*=-column]{flex-direction: column;-ms-flex-direction: column; }
@media (max-width:1024px) {
    [class*=flex-xy1024]{display: block;}
}
@media (max-width:768px) {
    [class*=flex-xy768]{display: block;}
}
@media (max-width:640px) {
    [class*=flex-xy640]{display: block;}
}