@charset "UTF-8";

html {
	font-size: 6.25vw;
}

@media screen and (min-width:1600px) {

	/*主体宽度*/
	html {
		font-size: 100px;
	}
}

@media screen and (max-width:300px) {
	html {
		font-size: 100px;
	}
}

html {
	scrollbar-width: thin;
	scrollbar-color: #3272EA rgba(255, 255, 255, .75);
}

html::-webkit-scrollbar {
	width: 8px;
}

html::-webkit-scrollbar-thumb {
	background-color: #d71518;
	border-radius: 8px;
}

html::-moz-scrollbar {
	width: 8px;
}

html::-moz-scrollbar-thumb {
	background-color: #d71518;
	border-radius: 8px;
}


.w_width {
	max-width: 1600px;
	margin-right: auto;
	margin-left: auto;
}

.w1027 {
	max-width: 1027px;
	margin-right: auto;
	margin-left: auto;
}

.w1920 {
	max-width: 1920px;
	margin-right: auto;
	margin-left: auto;
}

.ctext {
	padding-left: 0.4rem;
	padding-right: 0.4rem;
}

@media screen and (max-width: 1024px) {
	.ctext {
		padding-left: 16px;
		padding-right: 16px;
	}
}






/*PC head*/
.t_navs {
	width: 100%;
	position: fixed;
	left: 0;
	top: 0;
	z-index: 160;
}

.t_navs .top {
	width: 100%;
	position: relative;
	z-index: 60;
	padding-left: 0.6rem;
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	justify-content: space-between;
	height: 0.8rem;
	border-bottom: 1px solid rgba(157, 157, 157, 0.2);
}

.t_navs .logo {
	float: left;
	line-height: 0;
}

.t_navs .logo a {
	float: left;
}

.t_navs .logo a img {
	height: 0.39rem;
}

.t_navs .logo a .img1 {
	display: block;
}

.t_navs .logo a .img2 {
	display: none;
}

.t_navs .right {
	display: flex;
	align-items: center;
}

.t_navs ._zixun {
	display: flex; position: relative; min-width: 0.9rem;height: 0.8rem; align-items: center; justify-content: center;
}
.t_navs ._zixun .tel{padding: 0 0.41rem;border-right: 1px solid rgba(157, 157, 157, 0.2);
	border-left: 1px solid rgba(157, 157, 157, 0.2);}
.t_navs ._search{border-left: 1px solid rgba(157, 157, 157, 0.2);}
.t_navs ._search .sousuo{ display: flex; align-items: center; justify-content: center; width: 100%; height: 100%;}
.t_navs ._zixun .a{
	display: flex;
	align-items: center;
	justify-content: center;
	line-height: 1;
	height: 0.8rem;
	font-size: calc(14px + 0.02rem);
	color: #fff;
	
}

.t_navs ._zixun .a span {
	padding-bottom: 2px;
	font-size: 16px;
	font-weight: 800;
}

.t_navs ._zixun .a img {
	width: 0.16rem;
	height: 0.16rem;
	margin-right: 0.08rem;
}

.t_navs ._zixun:hover{
	background: #0A3A95;
}
.t_navs ._zixun .down{ display: block; position: absolute;top:100%; left:50%;transform: translateX(-50%); -ms-transform: translateX(-50%);opacity: 0;visibility: hidden; width:100%; box-shadow:0 2px 4px rgba(0,0,0,0.1); }
.t_navs ._zixun:hover .down{ -webkit-transition: all .85s;opacity: 1;visibility: visible;}
.t_navs ._zixun .down .li{ display: block; width:100%;  border-bottom: 1px solid rgba(157, 157, 157, 0.2); -webkit-transform: translateY(5px);opacity: 0;
transition: All 0s ease-in-out;
-webkit-transition: All 0s ease-in-out;
-moz-transition: All 0s ease-in-out;
-o-transition: All 0s ease-in-out;}
.t_navs ._zixun .down .li a{display: block; width:100%; text-align: center; color: #0A3A95; line-height:0.3rem; font-size:0.18rem; padding:0.1rem 0.2rem; background:#f5f5f5; }
.t_navs ._zixun:hover .down .li{-webkit-transition: all .5s ease 0s;-webkit-transform: translateY(0px);opacity: 1;}
.t_navs ._zixun .down .li:hover a{background: #0A3A95;color: #fff;}

.t_navs ._yuyan .a img {
	width: 0.12rem;
	height: 0.12rem;
	margin-left: 0.08rem;
}

.t_navs ._search .a1 img {
	width: 0.24rem;
	height: 0.24rem;
}

.t_navs .menu {
	display: flex;
	margin-right: .29rem;
}

.t_navs .menu ul {
	display: flex;
}

.t_navs .menu .nli {
	float: left;
	position: relative;
	margin: 0 5px;
}

.t_navs .menu .nli span a {
	display: block;
	position: relative;
	line-height: 0.8rem;
	font-size: 16px;
	color: #fff;
	padding: 0 24px;
}

.t_navs .menu .nli span a::after {
	content: '';
	display: block;
	position: absolute;
	left: 50%;
	bottom: 0;
	height: 2px;
	width: 0;
	background: #fff;
	transform: translateX(-50%);
	-ms-transform: translateX(-50%);
}




/*bct*/

.t_navs.bct {
	background: #fff;
}

.t_navs.bct .top {
	border-bottom: 1px solid rgba(157, 157, 157, 0.2);
	height: 0.8rem;
}

.t_navs.bct .logo a .img1 {
	display: none;
}

.t_navs.bct .logo a .img2 {
	display: block;
}

.t_navs.bct ._zixun .a .img2 {
	display: none;
}

.t_navs.bct ._zixun .a .img1 {
	display: block;
}


.t_navs.bct ._zixun .a .img1 {
	display: none;
}

.t_navs.bct ._zixun .a .img2 {
	display: block;
}
.t_navs.bct ._zixun:hover .a .img2 {
	display: none;
}

.t_navs.bct ._zixun:hover .a .img1 {
	display: block;
}

/**/
.t_navs.bct ._zixun .a1 .img2 {
	display: none;
}

.t_navs.bct ._zixun .a1 .img1 {
	display: block;
}


.t_navs.bct ._zixun .a1 .img1 {
	display: none;
}

.t_navs.bct ._zixun .a1 .img2 {
	display: block;
}
.t_navs.bct ._zixun:hover .a1 .img2 {
	display: none;
}

.t_navs.bct ._zixun:hover .a1 .img1 {
	display: block;
}



.t_navs.bct .menu .nli span a {
	color: #000;
	line-height: 0.79rem;
}

.t_navs.bct .menu .nli:hover span a {
	color: #3272EA;
}

.t_navs.bct .menu .nli span a i {
	background: url(img/xia1.png) center no-repeat;
	background-size: 100% !important;
}

.t_navs.bct .menu .nli:hover span a i {
	background: url(img/xia2.png) center no-repeat;
	background-size: 100% !important;
}

.t_navs.bct ._zixun .a {
	color: #0A3A95;
}
.t_navs.bct ._zixun:hover .a {
	color: #fff;
}


/*bet*/
.t_navs.bet { background: none;}
.t_navs.bet .top{  border-bottom: 0;}
.t_navs.bet ._zixun .tel{ border-right: 1px solid rgba(157, 157, 157, 0);
  border-left: 1px solid rgba(157, 157, 157, 0);}
.t_navs.bet ._search{    border-left: 1px solid rgba(157, 157, 157, 0);}




.t_navs.act {
	background: #fff;
}

.t_navs.act .top {
	border-bottom: 1px solid rgba(157, 157, 157, 0.2);
	height: 0.8rem;
}

.t_navs.act .logo a .img1 {
	display: none;
}

.t_navs.act .logo a .img2 {
	display: block;
}

.t_navs ._zixun .a .img2 {
	display: none;
}

.t_navs ._zixun .a .img1 {
	display: block;
}


.t_navs.act ._zixun .a .img1 {
	display: none;
}

.t_navs.act ._zixun .a .img2 {
	display: block;
}
.t_navs.act ._zixun:hover .a .img2 {
	display: none;
}

.t_navs.act ._zixun:hover .a .img1 {
	display: block;
}

/**/
.t_navs ._zixun .a1 .img2 {
	display: none;
}

.t_navs ._zixun .a1 .img1 {
	display: block;
}


.t_navs.act ._zixun .a1 .img1 {
	display: none;
}

.t_navs.act ._zixun .a1 .img2 {
	display: block;
}
.t_navs.act ._zixun:hover .a1 .img2 {
	display: none;
}

.t_navs.act ._zixun:hover .a1 .img1 {
	display: block;
}



.t_navs.act .menu .nli span a {
	color: #000;
	line-height: 0.79rem;
}

.t_navs.act .menu .nli:hover span a {
	color: #3272EA;
}

.t_navs.act .menu .nli span a i {
	background: url(img/xia1.png) center no-repeat;
	background-size: 100% !important;
}

.t_navs.act .menu .nli:hover span a i {
	background: url(img/xia2.png) center no-repeat;
	background-size: 100% !important;
}

.t_navs.act ._zixun .a {
	color: #0A3A95;
}
.t_navs.act ._zixun:hover .a {
	color: #fff;
}



@media screen and (max-width: 1780px) {
	.t_navs .menu .nli span a {
		padding: 0 0.12rem;
	}

}

@media screen and (max-width: 1680px) {

	.t_navs ._zixun .tel{
		padding: 0 0.3rem;
	}
	
}

@media screen and (max-width: 1460px) {
	.t_navs .menu {
		margin-right: 0.16rem;
	}

	
}

@media screen and (max-width: 1280px) {
	.t_navs .menu .nli {
		margin: 0;
	}

	.t_navs .menu .nli span a {
		font-size: 14px;
	}

}


@media screen and (max-width: 1024px) {
	.t_navs .top {
		padding: 0 0 0 15px;
		height: 50px;
	}

	.t_navs.act .top {
		height: 50px;
	}

	.t_navs .menu {
		display: none
	}

	.t_navs .logo a img {
		height: 32px;
	}
	.t_navs ._zixun .tel {
		display: none;
	}

	.t_navs ._zixun .a {
		font-size: 15px;
	}

	.t_navs ._zixun .a img {
		width: 12px;
		height: 12px;
		margin-left: 8px;
	}
   .t_navs ._zixun .a1 img {
   	width: 20px;
   	height: 20px;
   }
   .t_navs ._search {  border-right: 1px solid rgba(157, 157, 157, 0.2);}
	.t_navs ._zixun .search1 {
		width: 24px;
		height: 24px;
	}
	.t_navs ._zixun{ min-width: 50px; height:50px;}
	.t_navs ._zixun .a{ height:50px;}
	.t_navs ._yuyan{ border-left: 1px solid rgba(157, 157, 157, 0.2);}
	.t_navs ._yuyan .a{ padding:0 16px;}
	.t_navs ._zixun .down .li a{line-height:24px; font-size:14px; padding:4px 15px; }
	
	.t_navs .top.active{ background: #fff;}
	.t_navs .top.active .logo a .img1 {
	display: none;
}

	.t_navs .top.active .logo a .img2 {
	display: block;
}
.t_navs .top.active ._zixun .a{ color: #0A3A95;}
.t_navs .top.active ._zixun .a:hover{ color: #fff;}
.t_navs .top.active ._zixun .a .img2 {
	display: block;
}

.t_navs .top.active ._zixun .a .img1 {
	display: none;
}
.t_navs .top.active ._zixun:hover  .a .img2 {
	display: none;
}

.t_navs .top.active ._zixun:hover  .a .img1 {
	display: block;
}
.t_navs .top.active ._zixun .a1 .img1 {
	display: none;
}

.t_navs .top.active  ._zixun .a1 .img2 {
	display: block;
}
.t_navs .top.active ._zixun:hover  .a1 .img1 {
	display: block;
}

.t_navs .top.active  ._zixun:hover  .a1 .img2 {
	display: none;
}
.t_navs.bet ._search {
  border-left:0; border-right:0;
}
.t_navs.bet ._yuyan{border-left:0; }
.t_navs.bct .top {
    height: 50px;
}

}


.t_navs .sub4{ display:none; position: absolute; top:100%; left:50%; z-index: 10; transform: translateX(-50%); -ms-transform: translateX(-50%); }
.t_navs .sub4 .u2{ display: flex; flex-direction: column; white-space: nowrap; padding:10px 0; background:#fff; border-radius: 3px;}
.t_navs .sub4 .u2 li{ display: block; width:100%; padding:5px 20px;}
.t_navs .sub4 .u2 li a{ display: block; width:100%; color: #000; line-height:26px; font-size:16px; padding:0 16px; position: relative;}
.t_navs .sub4 .u2 li a:hover{color: #0A3A95;}


.t_navs.act .sub4{ box-shadow:0 2px 4px rgba(0,0,0,0.1);}
.t_navs.act .menuSub{box-shadow:0 2px 4px rgba(0,0,0,0.1);}
.t_navs.bct .sub4{ box-shadow:0 2px 4px rgba(0,0,0,0.1);}
.t_navs.bct .menuSub{box-shadow:0 2px 4px rgba(0,0,0,0.1);}


.t_navs .menuSub{ display:none; position: absolute; top:100%; left:0; z-index: 10; width:100%; background:#fff; overflow: hidden; border-top: 1px solid #D1D1D1; }
.t_navs .menuSub::after{ content:''; display: block; position: absolute; right:50%;  top:0; height:100%; width:50%; background:rgba(242, 243, 244, 1); }
.t_navs .menuSub .sect{ display: flex; justify-content: space-between; width:100%; z-index: 6; position: relative; }
.t_navs .menuSub .u1{ display: block; width:265px; min-width:265px; padding:0.53rem 0 ;}
.t_navs .menuSub .u1 .box{ display: block; width:100%;  }
.t_navs .menuSub .u1 .l1{ display: block; width:100%;}
.t_navs .menuSub .u1 .l1 .a1{ position: relative;  display: flex; align-items: center; min-height:0.55rem; padding:0 16px; width:100%; color: #333; line-height:0.25rem; font-size:0.18rem;  border-bottom: 1px solid #D1D1D1;}
.t_navs .menuSub .u1 .l1 .a1::after{ display: block; content: ''; position: absolute; right:16px; width:24px; height: 100%; opacity:0; background:url(img/right2.png) center no-repeat; background-size:100% auto !important; }
.t_navs .menuSub .u1 .l1:hover .a1{color: #fff; background:#0A3A95;  }
.t_navs .menuSub .u1 .l1.on .a1{color: #fff; background:#0A3A95; }
.t_navs .menuSub .u1 .l1:hover .a1::after{opacity:1;  }
.t_navs .menuSub .u1 .l1.on .a1::after{opacity:1; }
.t_navs .menuSub .u2{ display: flex; flex-wrap: wrap; width:100%; position: relative; padding:0.53rem 0.48rem 0.53rem 0.41rem;background: #fff;  }
.t_navs .menuSub .u2 .box{ display:flex; width:100%; justify-content:space-between; align-items: flex-start;}
.t_navs .menuSub .u2 .sect{ display: flex; justify-content: space-between; align-content: flex-start; width:100%;}
.t_navs .menuSub .u2 .left{ display: block; width: 46%;}
.t_navs .menuSub .u2 .a2{ position: relative;  display: flex; align-items: center; min-height:0.55rem; width:100%; color: #000; font-weight: 400; line-height:0.25rem; font-size:calc(14px + 0.02rem); border-bottom: 1px solid #F2F3F4;}
.t_navs .menuSub .u2 .a2::after{ display: block; content: ''; position: absolute; right:0; width:24px; height: 100%;  background:url(img/right3.png) center no-repeat; background-size:100% auto !important; }
.t_navs .menuSub .u2 .dd.on .a2{color: #0A3A95; }
.t_navs .menuSub .u2 .dl{ display: flex; flex-wrap: wrap; width:100%; }
.t_navs .menuSub .u2 .dd{ display: block; width:100%;}
.t_navs .menuSub .u2 .inBd{ display: block;   width: 47.8%;}
.t_navs .menuSub .pic{ display: block; width:100%;}
.t_navs .menuSub ._img{ padding-bottom: 77.62%; border-radius: 16px; background:#F2F3F4;}
.t_navs .menuSub ._img img{ object-fit: contain;}


.t_navs .lxfs{ border-left: 1px solid #F2F3F4; width:3.68rem;  min-width:3.68rem; display: flex; flex-wrap: wrap; align-content: flex-start; padding:0.53rem 0 0.53rem 0.48rem;}
.t_navs .lxfs .tit1{ display: block; width:100%; color: #333; font-weight: 400; line-height:23px; font-size:calc(14px + 0.02rem); }
.t_navs .lxfs .tit2{ display: block; width:100%; color: #7E7E7E; font-weight: 400; line-height:23px; font-size:14px;  margin-top: 0.2rem; }
.t_navs .lxfs .tit3{ display: flex; align-items: center; width:100%; color:#0A3A95; font-weight: 400; line-height:22px; font-size:calc(14px + 0.02rem); margin-top: 6px; }
.t_navs .lxfs .tit3 img{ min-width: 16px;width: 16px; height: 16px; margin-right: 8px; object-fit: contain;}
.t_navs .lxfs .er{ display:flex; flex-direction: column; justify-content: center; align-items: center; margin-top: 0.2rem;}
.t_navs .lxfs .er i{ display: inline-flex; width:90px; line-height:0;border: 1px solid #F2F3F4;}
.t_navs .lxfs .er span{ display: inline-flex; text-align:center; color:#7E7E7E; font-weight: 400; line-height:28px; font-size:14px; margin-top: 2px; }





.t_navs ._b{width: 100%;height: 120px;background:rgba(255,255,255,1);box-shadow:3px 3px 3px rgba(0,0,0,0.1);z-index: 99;position: fixed;left: 0;top:0.8rem;  display: none;}
.t_navs ._b .input{width: 800px;position: absolute;left: 50%;top: 50%;transform: translate(-50%,-50%); display: flex; overflow: hidden; border-radius: 4px; overflow: hidden;}
.t_navs ._b .input input{width: 100%;height:48px;display: block; border-radius:4px 0 0 4px;background:none;border:1px solid rgba(0,0,0,0.1);  font-size:16px; line-height:30px; padding:8px 24px; color: #000; text-transform: capitalize;}
.t_navs ._b .input input::placeholder{color:#555; opacity:1 !important;}
.t_navs ._b .input .img{display: block; cursor: pointer; min-width:73px;height: 48px;background: url(img/search.svg) center no-repeat #0A3A95; background-size:24px 24px !important;border-radius:0 4px 4px 0;}
.t_navs ._b .input .img:hover{background: url(img/search.svg) center no-repeat #3272ea;}

@media screen and (max-width:1024px) {
.t_navs ._b .input{width: 90%;}
.t_navs ._b{top:50px;}
.t_navs ._b .input input{ font-size:14px; padding:8px 14px; }	
}

.menuph {
	display: none;
	float: right;
	width: 50px; align-items: center; justify-content: center;
	height: 50px;
	cursor: pointer;
	text-align: center;
}

.menuph .point {
	float: left;
	width: 26px;
	height: 20px;
	position: relative;

}

.menuph .point:hover .navbtn,
.menuph .point:hover .navbtn::after,
.menuph .point:hover .navbtn::before {
	width: 100%;
}

.menuph .navbtn {
	position: absolute;
	top: 9px;
	right: 0;
	display: inline-block;
	width: 100%;
	height: 2px;
	background: #fff;
	-webkit-transition: all .3s ease-out 0s;
	-moz-transition: all .3s ease-out 0s;
	-ms-transition: all .3s ease-out 0s;
	-o-transition: all .3s ease-out 0s;
	transition: all .3s ease-out 0s;
}

.menuph .navbtn::after,
.menuph .navbtn::before {
	position: absolute;
	right: 0;
	display: inline-block;
	width: 100%;
	height: 2px;
	content: '';
	background: #fff;
	-webkit-transition: all .3s ease-out 0s;
	-moz-transition: all .3s ease-out 0s;
	-ms-transition: all .3s ease-out 0s;
	-o-transition: all .3s ease-out 0s;
	transition: all .3s ease-out 0s;
}

.menuph .navbtn::after {
	top: -9px;
}

.menuph .navbtn::before {
	top: 9px;
}

.menuph.active .point .navbtn {
	background: transparent !important;
}

.menuph.active .point .navbtn::after {
	-webkit-transform: rotate(45deg);
	-moz-transform: rotate(45deg);
	-ms-transform: rotate(45deg);
	-o-transform: rotate(45deg);
	transform: rotate(45deg);
	top: 0px;
}

.menuph.active .point .navbtn::before {
	-webkit-transform: rotate(-45deg);
	-ms-transform: rotate(-45deg);
	-o-transform: rotate(-45deg);
	transform: rotate(-45deg);
	top: 0px;
}



.t_navs.act .menuph .navbtn,
.t_navs.act .menuph .navbtn::after,
.t_navs.act .menuph .navbtn::before {
	background: #1a1a1a;
}

.t_navs.bct .menuph .navbtn,
.t_navs.bct .menuph .navbtn::after,
.t_navs.bct .menuph .navbtn::before {
	background: #1a1a1a;
}



@media screen and (max-width:1024px) {
	.menuph {
		display: flex;
	}
	
.t_navs .top.active .menuph .navbtn,
.t_navs .top.active .menuph .navbtn::after,
.t_navs .top.active .menuph .navbtn::before {
background: #1a1a1a;
}

	
}

.xialaph {
	position: fixed;
	left: 0;
	top: 50px;
	float: left;
	width: 100%;
	height: 100vh;
	z-index: 15;
	display: none;
	background: #fff;
	padding: 10px 15px 80px 15px;
	overflow-y: auto;
}

.xialaph .l1 {
	width: 100%;
	display: inline-flex;
	flex-wrap: wrap;
	border-bottom: 1px solid rgba(157, 157, 157, 0.2);
}

.xialaph .a1box {
	width: 100%;
	position: relative;
}

.xialaph .a2box {
	width: 100%;
	position: relative;
}

.xialaph .a1 {
	font-size: 16px;
	color: #000;
	text-transform: capitalize;
	font-size: 16px;
	line-height: 24px;
	position: relative;
	padding: 14px 20px 14px 0;
	display: block;
	width: 100%;
	text-transform: capitalize;
}

.xialaph .on .a1 {
	color: #0A3A95;
}

.xialaph .icobox {
	width: 50px;
	height: 100%;
	position: absolute;
	right: 0;
	top: 0;
}

.xialaph .icobox::after {
	display: block;
	content: '';
	width: 8px;
	height: 8px;
	position: absolute;
	right: 2px;
	top: 50%;
	transform: translate(0, -50%) rotate(45deg);
	-ms-transform: translate(0, -50%) rotate(45deg);
	border-top: 1px solid #000;
	border-right: 1px solid #000;
}

.xialaph .on .icobox::after {
	transform: translate(0, -50%) rotate(135deg);
	-ms-transform: translate(0, -50%) rotate(135deg);
	margin-top: -3px;
	border-top: 1px solid #0A3A95;
	border-right: 1px solid #0A3A95;
}

.xialaph .u2 {
	width: 100%;
	padding: 0 0 15px 15px;
	display: none;
}

.xialaph .u2 .l2 {
	width: 100%;
	display: block;
	margin-bottom: 8px;
}

.xialaph .u2 .a2 {
	width: 100%;
	display: block;
	font-size: 15px;
	color: #333;
	line-height: 24px;
	text-transform: capitalize;
}

.xialaph .on .a2 {
	color: #0A3A95;
}

.xialaph .u3 {
	width: 100%;
	padding: 10px 0 2px 5px;
	display: none;
}

.xialaph .u3 .l3 {
	width: 100%;
	display: block;
	margin-bottom: 8px;
}

.xialaph .u3 .l3 a {
	width: 100%;
	display: block;
	font-size: 15px;
	color: #333;
	line-height: 24px;
	position: relative;
	padding-left: 16px;
}
.xialaph .input{width: 100%; display: none; overflow: hidden; border-radius: 4px; overflow: hidden; margin-top: 40px;}
.xialaph .input input{width: 100%;height:44px;display: block; border-radius:4px 0 0 4px;background:none;border:1px solid rgba(0,0,0,0.1);  font-size:14px; line-height:26px; padding:10px 14px; color: #000; text-transform: capitalize;}
.xialaph .input input::placeholder{color:#555; opacity:1 !important;}
.xialaph .input .img{display: block; cursor: pointer; min-width:60px;height: 44px;background: url(img/search.svg) center no-repeat #0A3A95; background-size: 20px 20px !important;border-radius:0 4px 4px 0;}






/* footer1 */
.footer1 {
	overflow: hidden;
}

.footer1 .down {
	display: flex;
	flex-wrap: wrap;
	width: 100%;
	justify-content: space-between;
	padding: 0.29rem 0;
	position: relative;
	z-index: 6;
	border-top: 1px solid #373737;
}

.footer1 .Copyright {
	display: block;
	color: #818181;
	font-size: 14px;
	line-height: 24px;
}

.footer1 .Copyright a {
	color: #818181;
}

.footer1 .Copyright a:hover {
	color: #3272EA;
}

.footer1 .sjkf {
	display: inline-flex;
	color: #828282;
	font-size: 14px;
	line-height: 24px;
}

.footer1 .sjkf i {
	color: #828282;
	padding: 0 8px;
	font-size: 12px;
}

.footer1 .sjkf a {
	color: #828282;
}

.footer1 .sjkf a:hover {
	color: #3272EA;
}

.footer1 .sjkf .links {
	cursor: pointer;
	position: relative;
}

.footer1 .sjkf .links span {
	display: block;
	width: 100%;
	position: relative;
	padding-right: 18px;
	background: url(img/img204.png) right center no-repeat;
	background-size: 10px auto !important;
}

.footer1 .sjkf .links:hover span {
	color: #3272EA;
}

.footer1 .sjkf .donw {
	display: none;
	width: 150px;
	position: absolute;
	right: 0;
	bottom: 100%;
	z-index: 6;
	background: #fff;
	padding: 12px 0;
	overflow-y: auto;
	max-height: 264px;
	border-radius: 10px;
	box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
}

.footer1 .sjkf .donw a {
	display: block;
	width: 100%;
	color: #818181;
	font-size: 14px;
	line-height: 24px;
	padding: 1px 5px;
	text-align: center;
}

.footer1 .sjkf .donw a:hover {
	color: #3272EA;
}

.footer1 .wrap {
	display: flex;
	flex-direction: column;
	width: 100%;
}

.footer1 .nav {
	display: flex;
	flex-wrap: wrap;
	align-content: flex-start;
	justify-content: space-between;
	width: 100%;
	padding: 0.48rem 0 0.6rem 0;
}

.footer1 .nav .u2 {
	display: flex;
	flex-direction: column;
}

.footer1 .nav .li {
	display: flex;
	flex-direction: column;
}

.footer1 .nav img {
	margin-right: 6px;
	width: 0.2rem;
	height: 0.2rem;
}

.footer1 .nav .a1 {
	display: inline-flex;
	align-items: center;
	color: #fff;
	font-size: 18px;
	line-height: 24px;
	margin-bottom: 0.26rem;
}

.footer1 .nav .a1:hover {
	color: #3272EA;
}

.footer1 .nav .a1:hover::after {
	width: 100%;
}

.footer1 .nav .a2 {
	display: inline-flex;
	color: #fff;
	font-size: 14px;
	line-height: 36px;
}

.footer1 .nav .a2:hover {
	color: #3272EA;
}

.footer1 .logo {
	display: block;
	line-height: 0;
}

.footer1 .logo img {
	height: 0.55rem;
}

.footer1 .top {
	display: flex;
	justify-content: space-between;
	align-items: center;
	width: 100%;
	border-bottom: 1px solid #373737;
	padding: 35px 0;
}

.footer1 .right {
	display: flex;
}

.footer1 .right .fwrx {
	font-size: 14px;
	line-height: 28px;
	font-weight: 800;
	color: #fff;
	white-space: nowrap;
}

.footer1 .right .tel-footer {
	font-size: 26px;
	line-height: 28px;
	font-weight: 800;
	color: #fff;
	white-space: nowrap;
}

.footer1 .right .hotline {
	display: flex;
	align-items: center;
	gap: 10px;
	font-size: 16px;
	margin-right: 0.44rem;
}

.footer1 .right .hotline-text {
	display: flex;
	flex-direction: column;
}

.footer1 .shejiao {
	display: flex;
	gap: 0.16rem
}

.footer1 .er {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	width: 90px;
}

.footer1 .er i {
	display: block;
	width: 100%;
	line-height: 0;
}

.footer1 .er span {
	display: block;
	width: 100%;
	text-align: center;
	color: #fff;
	font-size: 14px;
	line-height: 24px;
	margin-top: 7px;
}

.footer1 .info {
	display: block;
	width: 100%;
	color: #666666;
	font-size: calc(14px + 0.02rem);
	line-height: calc(22px + 0.08rem);
	margin-top: 28px;
}

.footer1 .tel-img{ width:32px; line-height:0;}
.footer1 .tel-img img{ width:100%;}


@media (max-width: 1024px) {
	.footer1 .down {
		justify-content: center;
		padding: 20px 0;
	}

	.footer1 .sjkf {
		margin-top: 2px;
	}

	.footer1 .Copyright {
		width: 100%;
		text-align: center;
	}

	.footer1 .nav {
		display: none;
	}

	.footer1 .logo img {
		height: 40px;
	}

	.footer1 .top {
		justify-content: space-between;
	}



	.footer1 .tel {
		font-size: 24px;
		line-height: 30px;
	}

	.footer1 .sect1 {
		margin-top: 10px;
		font-size: 14px;
		line-height: 24px;
	}


	.footer1 .info {
		margin-top: 15px;
		font-size: 14px;
		line-height: 24px;
	}
	.footer1 .right .fwrx{ line-height:18px;}
	.footer1 .right .tel-footer{ font-size:20px; line-height:24px;}
	.footer1 .tel-img{ width:26px; line-height:0;}
}

@media (max-width: 767px) {
	.footer1{ padding-bottom: 52px;}
	.footer1 .left {
		width: 100%;
		position: relative;
		border-right: 0;
		border-bottom: 1px solid #efefef;
	}
.footer1 .Copyright a{ display: block;}


	.footer1 .right {
		width: 100%;
		flex-wrap: wrap;
	}

	.footer1 .comt {
		margin-bottom: 15px;
	}

	.footer1 .sect1 {
		padding-right: 110px;
	}

	.footer1 .er {}

	.footer1 .er span {}

	.footer1 .top {
		flex-wrap: wrap;
		position: relative;
	}


	.footer1 .er i {
		margin: 0;
	}

	.hotline {
		position: absolute;
		right: 0;
		top: 35px;
		margin: 0;
	}

	.footer1 .shejiao {
		width: 100%;
		justify-content: space-around;
		margin-top: 24px;
	}
}


.index-banner .swiper-notification {
	display: none;
}

.index-banner {
	display: block;
	width: 100%;
	line-height: 0;
	overflow: hidden;
	z-index: 5;
	position: relative;
}

.index-banner .swiper-wrapper {
	position: relative;
	z-index: 1;
	display: flex;
	transition-property: transform;
	box-sizing: content-box;
	width: 100%;
}

.index-banner .swiper-slide {
	flex-shrink: 0;
	position: relative;
	transition-property: transform;
	width: 100%;
}

.index-banner .div {
	width: 100%;
	line-height: 0;
}

.index-banner .pc_show1 {
	width: 100%;
	height: 100vh;
	object-fit: cover;
}

.index-banner .ph_show1 {
	width: 100%;
}

.index-banner .box {
	display: block;
	width: 100%;
	position: absolute;
	left: 0;
	top: 60%;
	z-index: 6;
	transform: translate(0%, -50%);
	-ms-transform: translate(0%, -50%);
}

.index-banner .box .cont {
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	width: 100%;
}

.index-banner .box .tit1 {
	display: block;
	width: 100%;
	color: #fff;
	font-weight: bold;
	font-size: 0.50rem;
	line-height: 0.8rem;
	/* letter-spacing: 8px; */
	text-align: center;
}

.index-banner .box .tit2 {
	display: block; text-transform: uppercase;
	width: 100%;
	color: #fff;
	font-size: 0.2rem;
	line-height: 0.24rem;
	text-align: center;
}

.index-banner .box .btn {
	background-color: #3470b4;
	color: #ffffff;
	border: 1px solid #ffffff;
	padding: 12px 45px;
	font-size: 18px;
	line-height: 24px;
	cursor: pointer;
	margin-top: 32px;
	margin-bottom: 48px;
	transition: background-color 0.3s ease, border-color 0.3s ease;
}

.index-banner .box .btn:hover {
	background-color: #2a5ca0;
	border-color: #ffffff;
}

.index-banner .swiper-pagination {
	cursor: pointer;
	display: inline-flex;
	position: absolute;
	left: 50%;
	margin-left: -800px;
	bottom: 0.48rem;
	z-index: 10;
	justify-content: center;
}

.index-banner .swiper-pagination-bullet {
	cursor: pointer;
	border-radius: 9px;
	width: 9px;
	height: 9px;
	margin: 0 0.24rem 0 0;
	display: block;
	background: #fff;
}

.index-banner .swiper-pagination-bullet-active {
	width: 0.35rem;
	background: #0A3A95;
}

.index-banner .swiper-prev,
.index-banner .swiper-next {
	cursor: pointer;
	width: 47px;
	height: 35px;
	border: 1px solid #fff;
	border-radius: 8px;
	display: block;
	position: absolute;
	right: 50%;
	bottom: 0.48rem;
	z-index: 10;
	background: url(img/right5.png) center no-repeat;
	background-size: auto 17px !important;
}

.index-banner .swiper-prev {
	margin-right: -725px;
	transform: rotateY(180deg);
	-ms-transform: rotateY(180deg);
}

.index-banner .swiper-next {
	margin-right: -800px;
}

.index-banner .swiper-prev:hover,
.index-banner .swiper-next:hover {
	background: url(img/right5.png) center no-repeat #0A3A95;
	border: 1px solid #0A3A95;
}
  .index-banner .box .pro{ text-align: center; width:100%; display: block; line-height: 0;}
    .index-banner .box .pro img{ width:8.74rem;}


@media screen and (max-width:1760px) {
	.index-banner .swiper-pagination {
		left: 0.8rem;
		margin-left: 0;
	}

	.index-banner .swiper-prev,
	.index-banner .swiper-next {
		right: 0.8rem;
	}

	.index-banner .swiper-prev {
		margin-right: 75px;
	}

	.index-banner .swiper-next {
		margin-right: 0;
	}
}

@media screen and (max-width:1024px) {
	.index-banner .pc_show1 {
		height: auto;
	}

	.index-banner .swiper-pagination {
		left: 15px;
		bottom: 30px;
	}

	.index-banner .swiper-pagination-bullet {
		margin: 0 12px 0 0;
	}

	.index-banner .swiper-pagination-bullet-active {
		width: 20px;
	}

	.index-banner .swiper-prev,
	.index-banner .swiper-next {
		border-radius: 5px;
		bottom: 25px;
		right: 15px;
		width: 33px;
		height: 27px;
		background-size: auto 13px !important;
	}

	.index-banner .swiper-prev {
		margin-right: 40px;
	}

	.index-banner .swiper-next {
		margin-right: 0;
	}

	.index-banner .box .cont {
		display: flex;
		flex-wrap: wrap;
		justify-content: center;
	}

	.index-banner .box .line {
		width: 40px;
		height: 3px;
		border-radius: 3px;
	}
.index-banner .box{ top:52%;}
	.index-banner .box .tit1 {
		font-size:18px;
		line-height:28px;/* letter-spacing:1px; */
		text-align: center;
	}

	.index-banner .box .tit2 {
		font-size: 13px;
		line-height: 24px;
		text-align: center;
		margin-top:4px;
	}
	.index-banner .box .btn {
		
		padding: 6px 20px;
		font-size: 14px;
		line-height: 20px;
		margin-top: 20px;
		margin-bottom:25px;
	}
	.index-banner .box .pro img{ width:300px;}
}

@media screen and (max-width:767px) {
	
}





/* main */
.news-item .biaoti2,
.xwxq .fanye a,
.card-overlay .tit2 {
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 1;
}

.news-item p.wenben2,
.pro-del .product-description,
.news-card .wenben{
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 2;
}

/* 首页产品 */
.cp .-slider {


	text-align: center;

}

.cp-slider {
	width: 100%;
	text-align: center;
}

.slider-container {
	display: flex;/* transform: translateX(-0.91rem); -ms-transform: translateX(-0.91rem); */
	align-items: center;
	justify-content: space-between;
	margin-bottom: 40px;
	position: relative;
	overflow: visible;
}

/* 箭头样式 */
.cp-slider .arrow {
	z-index: 20;
	position: absolute;
	top: 45%;

}

.cp-slider .left {
	left: calc(50% - 2.98rem);
}

.cp-slider .right {
	right: calc(50% - 2.98rem);
}


/* 产品列表 */
.cp-slider .cp-list {
	align-items: center;
	width: 100%;

}

/* 产品项 */
.cp-slider .cp-item {
	width: 2.32rem; margin:0 15px;
	display: flex;
}
.cp-slider .cp-item a{
	display: flex;  flex-wrap: wrap; align-items: center;
	 width: 100%;
}
.cp-slider .cp-pic{
	display: flex; position: relative;
	align-items: center;
	justify-content: center;
	aspect-ratio: 100 / 100; width: 100%;
}
.cp-slider .cp-pic img{ width:55%; height:55%; object-fit: contain;}

/* 产品背景 */
.cp-slider .cp-bg {
	position: absolute;
	top:50%;
	left:50%;
	width:129.56%;
	height:129.56%;
	  background: url('img/pro-bg1.png') no-repeat center center;
	 background-size: 100% 100% !important;
	transform:translate(-50%,-50%); -ms-transform:translate(-50%,-50%);
	z-index: -1;
}


/* 激活状态的产品背景 */
.cp-slider .cp-item.swiper-slide-active .cp-bg{width:118.79%;
	height:118.79%;
background: url('img/pro-bg.png') no-repeat center center;
}

/* 产品信息 */
.cp-info {
	margin-top: -0.66rem;
	text-align: center;
	z-index: 100; display: flex; justify-content: center;
	position: relative;
}

.cp-name { text-align: center;opacity:0; display: block; width: 100%; position: absolute; left: 0; bottom:0.54rem; z-index: 6;
	font-size: 0.28rem;
	font-weight: bold;
	color: #0A3A95;
	line-height: 0.38rem;
 overflow: hidden;text-overflow: ellipsis; display: -webkit-box; -webkit-box-orient: vertical;-webkit-line-clamp:1;
}
.cp-slider .cp-item.swiper-slide-active{ width: 5.96rem;}
.cp-slider .cp-item.swiper-slide-active .cp-name{ opacity:1;}
.slider-container.om{ transform: translateX(1.82rem);}

/* 响应式设计 */
@media (max-width: 1024px) {

	.cp-slider .cp-item{  width:140px; margin:0 10px;}
	.cp-slider .cp-item.swiper-slide-active{  width:280px;}
.cp-info{ margin-top: -25px;}
	.cp .arrow {
		margin: 10px;
		width: 40px;
		height: 40px;
	}

	.cp-slider .cp-list {
		width: 100%;
		
	}

	
	.cp-name{  bottom:10px;
		font-size: 16px; line-height: 26px;
	}

	.cp-slider .view-all-btn {
		padding: 8px 20px;
		font-size: 14px;
	}
	.cp-slider .left {
		left: calc(50% - 140px);
	}
	
	.cp-slider .right {
		right: calc(50% - 140px);
	}
.slider-container.om{ transform: translateX(70px);}
	
}




/* 首页应用领域板块 */

.applications-container { overflow: hidden;
	margin-bottom: 0.54rem;
	display: block;width: 100%;
	/* grid-template-columns: repeat(4, 1fr); */
/* 	gap: 0.4rem; */
}

.application-card { margin-top: 10px;
	border-radius: 8px;
	overflow: hidden;
	transition: transform 0.3s ease, box-shadow 0.3s ease;
	position: relative;
	
	cursor: pointer;
}

.application-card:hover {
	transform: translateY(-5px);
	box-shadow: 0 10px 20px rgba(0, 0, 0, 0.1);
}

.application-card.featured {
	background-color: #1e40af;
	color: #ffffff;
	display: flex;
	align-items: center;
	padding: 30px;
}

.card-content {
	width: 100%;
}

.card-content h3 {
	font-size: 18px;
	font-weight: bold;
	margin-bottom: 20px;
}

.card-content ul {
	list-style: none;
	margin-bottom: 30px;
}

.card-content li {
	font-size: 14px;
	margin-bottom: 8px;
	position: relative;
	padding-left: 15px;
}

.card-content li::before {
	content: '•';
	position: absolute;
	left: 0;
	color: #ffffff;
}


.card-overlay .arrow {
	width: 32px; min-width: 32px;
	height: 32px;
	background: url('img/arrow3.svg') no-repeat center center; background-size: 100% 100% !important;
	background-size: contain;
	transition: transform 0.3s ease;
}

.application-card:hover .arrow {
	background: url('img/arrow3hover.svg') no-repeat center center;
	background-size: contain;
	margin-top: auto;
	transform: translateY(-5px);
}
.application-card a{ display: block; width: 100%;}
.card-image {
	width: 100%;
line-height: 0;
	position: relative;aspect-ratio: 100 / 133.25;
    display:block;
}

.card-image img {
	width: 100%;
	height: 100%;
	object-fit: cover;
}

.card-overlay {
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
	padding:0.48rem 0.24rem;
	color: #ffffff;
	transition: all 0.3s ease;
	display: flex; flex-wrap: wrap;
	/* flex-direction: column; */
	align-items: center; justify-content: center;
	text-align: center; z-index: 6;
}
.application-card::after{background: linear-gradient(to top, rgba(0, 0, 0, 0.8), transparent); display: block; content: ''; position: absolute; left: 0; bottom: 0; width: 100%; height: 100%;}
.application-card:hover .card-overlay::after {
	opacity: 0;
}
.application-card:hover .card-overlay {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	padding: 0.48rem 0.24rem;
	border-radius: 8px;
	background: rgba(10, 58, 149, 0.83);
	  justify-content: center; align-content: center; align-items: center;
}

.card-overlay .tit2 {width: 100%;
	font-size: 0.24rem; line-height:0.32rem;
	font-weight: bold;
	margin-bottom: 0.16rem;
    color:#fff;
}

.application-card:hover .card-overlay .tit2 {
	margin-bottom: 0.4rem;
}


.category-list {
	width: 100%;
	margin-bottom: 0.4rem;
	display: none;
}

.application-card:hover .category-list {
	display: block;
}

.category-list li {
	font-size: 16px; line-height:24px;
	margin-bottom: 0.08rem;
}
.category-list li a{color:#fff;}
.h-yyly{ padding-bottom: 1.78rem;}


@media (max-width: 1680px) {
	.application-card:hover .card-overlay .tit2 {
		margin-bottom: 0.3rem;
	}
.category-list {
	margin-bottom: 0.3rem;
}

}

@media (max-width: 1280px) {
	.applications-container {
		grid-template-columns: repeat(3, 1fr);
	}
.category-list li{ font-size:14px; line-height:24px;}
	.application-card:hover .card-overlay .tit2 {
		margin-bottom: 0.2rem;
	}
	.category-list li{ margin-bottom: 0;}
	.application-card:hover .card-overlay .tit2 {
		margin-bottom: 0.25rem;
	}
.category-list {
	margin-bottom: 0.25rem;
}
}

@media (max-width: 768px) {
	.applications-container {
		margin-bottom: 25px;
	}
.card-image{aspect-ratio: 100 / 170;}


	.application-card.featured {
		padding: 20px;
	}

	.card-content h3 {
		font-size: 16px;
		margin-bottom: 15px;
	}

	.card-content li {
		font-size: 13px; line-height:20px;
		margin-bottom: 0;
	}
	.h-yyly{ padding-bottom: 60px !important;}

	.applications-container {
		gap: 10px;
	}
	.application-card .card-overlay .tit2 {
			margin-bottom:8px;
		}
.application-card:hover .card-overlay .tit2 {
		margin-bottom:8px;
	}
.category-list {
	margin-bottom:12px;
}
.card-overlay{ padding:16px 10px;}


	.card-overlay .tit2 {
		font-size: 15px; line-height:23px;  -webkit-line-clamp: 2;
	}

	.card-overlay .category-list li {
		font-size: 12px; line-height:16px;
		margin-bottom: 0;
	}
	.card-overlay .arrow {
		min-width: 26px; width: 26px;
		height: 26px;
	}
}
@media (max-width: 768px) {
	.applications-container {
		grid-template-columns: repeat(2, 1fr); 
	}

}




/* 标题 */
.header { display: flex; justify-content: center; flex-direction: column; align-items: center;
	text-align: center;
	position: relative;  z-index: 10;
}
.header1{text-align: left;}



.header .size56 {
	color: rgba(0, 0, 0, 1);
	font-style: Bold;
	font-size: 0.56rem;
	font-weight: 700;
	line-height: 0.6rem;
	margin-bottom: 8px;
	text-align: center;
}

.news-cont-box{ position: relative; display: block;}
.header .size20 {
	color: #0A3A95;
	font-size: 20px;
	font-weight: 700;
	line-height: 28px;
	text-align: center;
	margin-bottom: 12px;
}

.all-news {
	position: absolute;
	top: 70px;
	right: 0;
	text-decoration: none;
	padding: 5px 0;
	border-bottom: 1px solid #0A3A95;
	color: #0A3A95;
	font-size: 16px;
	line-height: 24px; display: inline-flex; gap:0 10px;
	text-align: left;z-index: 10;
}

.logo-icon {
	display: inline-block;
	width: 22px;
	height: 22px;
	background: url('img/icon2.png') no-repeat center center;
	background-size: contain;
}
.all-news:hover { gap:0 15px;}

.logo-icon-white {
	display: flex;
	width: 22px;
	height: 22px;
	background: url('img/icon2.1.png') no-repeat center center;
	background-size: contain;
}
.lf {
	text-align: left;

}

@media (max-width:1024px) {
	.header .size56 {
		font-size: 24px;
		line-height:30px;
		margin-bottom: 6px;
	}
	
	.header .size20 {
		font-size: 15px;
		line-height: 25px;
		margin-bottom: 8px; padding:0 14px;
	}
	
.all-news{ top:auto; bottom:0; right: 50%; transform: translateX(50%); -ms-transform: translateX(50%);}
.news-cont-box{ padding-bottom: 60px;}
}

/* 首页新闻板块-新闻内容 */
.news-content.mt65{ position: relative;}
.news-content {
	display: flex;
	flex-wrap: wrap;
	/* width: 100%; */
	justify-content: space-between;
	align-items: flex-start;
}

.news-left {
	display: flex;
	flex-wrap: wrap;
	width: 68%;
}

.news-card {
	transition: transform 0.3s ease, box-shadow 0.3s ease;
	position: relative;
	display: flex;
	flex-wrap: wrap;
	width: 50%;
	justify-content: space-between;
	align-items: flex-start;
	padding: 0 0.48rem 0 0;
}

.news-card::after {
	content: '';
	position: absolute;
	bottom: -7px;
	left: 0;
	width: 90%;
	height: 1px;
	background-color: #D1D1D1;
	transition: background-color 0.3s ease;
}

.news-card:hover::after {
	background-color: #0A3A95;
	height: 2px;
}

.news-card:hover {
	transform: translateY(-5px);
}

.news-card .text {
	padding: 32px 0;
}

.news-date {
	color: rgba(122, 122, 122, 1);
	font-size: 16px;
	font-weight: 500;
	line-height: 24px;
	text-align: left;
	margin-bottom: 8px;
}

.news-card .image {
	border-radius: 8px;
	overflow: hidden;
	display: flex;
	width: 100%;
	position: relative;
	padding-bottom: 315px;
}

.news-card .image img {
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	object-fit: cover;
}

.news-card .biaoti {
	color: #0A3A95;
	line-height: 30px;
	margin-bottom: 12px;
	font-size: 20px;
	overflow: hidden;
	  text-overflow: ellipsis;
	  display: -webkit-box;
	  -webkit-box-orient: vertical;
	  -webkit-line-clamp: 1;
}

.news-card .wenben {
	color: rgba(51, 51, 51, 1);
	font-size: 16px;
	font-weight: 400;
	line-height: 24px;
}


.news-right {
	display: flex;
	flex-wrap: wrap;
	width: 32%;
}

.news-right .right-ul {
	display: flex;
	flex-wrap: wrap;
	align-content: center;
	width: 100%;
	height: 505px;
	overflow: hidden;
}

.news-item {
	width: 100%;
	padding: 40px;
	transition: all 0.3s ease;
	color: #333333;
	cursor: pointer;
	position: relative;
	overflow: hidden;
}

.news-item::after {
	content: '';
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
	height: 1px;
	background-color: #D1D1D1;
	transition: background-color 0.3s ease;
}

.news-item:hover::after,
.news-item.active::after {
	background-color: #0A3A95;
	height: 1px;
}

.news-item:hover,
.news-item.active {
	background-color: #0A3A95;
	padding: 32px 32px;
	color: #ffffff;
	box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
	border-radius: 8px;

}



.news-item:hover .biaoti2,

.news-item.active .biaoti2 {
	color: #ffffff;
	font-size: 0.2rem;
}

.news-item:hover .news-date {
	color: #ffffff;
}
.news-item.active .news-date {
	color: #ffffff;
}
.news-item .biaoti2 {
	font-size: 0.2rem;
}

.news-item p.wenben2 {
	font-size: 14px;
	color: #666666;
	margin: 10px 0;
	transition: color 0.3s ease;
	display: none;
}

.news-item:hover p.wenben2,
.news-item.active p.wenben2 {
	color: rgba(255, 255, 255, 0.8);
	display: -webkit-box !important;
	overflow: hidden !important;
	text-overflow: ellipsis !important;
	-webkit-box-orient: vertical !important;
	-webkit-line-clamp: 2 !important;
}

.read-more {
	display: none;
	color: #ffffff;
	font-size: 12px;
	margin-top: 10px;
}


.news-item .more {
	background: url(img/arrow2.svg) no-repeat center center;
	display: inline-block;
	width: 12px;
	height: 12px;
	background-size: contain;
	vertical-align: middle;
}

.news-item:hover .read-more,
.news-item.active .read-more {
	display: inline-block;
}

@media (max-width: 1024px) {
	.news-content {
		grid-template-columns: 1fr 1fr;
	}

.news-card::after {
	
	width: 100%;

}
	.news-left {
		width: 100%;
		justify-content: space-between;
	}

	.news-right {
		width: 100%;
		/* grid-column: 1 / -1; */
		/* flex-direction: row;
		flex-wrap: wrap; */
	}

	.news-card {
		width: 48%;
		padding: 0;
		margin-bottom: 25px;
	}
.news-date{ margin-bottom: 2px;}
	.news-right .right-ul {
		height: auto;
	}
   .news-item .biaoti2 {
   	font-size: 15px;
   }
   .news-item.active .biaoti2 {
   	font-size: 15px;
   }
.news-item:hover, .news-item.active{ padding:20px 15px;}
.read-more{ margin-top: 0;}
.news-card .wenben{ font-size:14px; line-height:24px;}
.news-card .biaoti{ font-size: 16px; line-height:26px; margin-bottom: 4px;}

		.news-item.active .biaoti2 {
			font-size: 16px;
		}
		.news-card .text{ padding: 15px 0;}
}

@media (max-width: 768px) {
	.news-content {
		grid-template-columns: 1fr;
	}

	/* .news-right {
		flex-direction: column;
	} */

	.news-header {
		padding-right: 80px;
	}

	
	.news-card{width: 100%;}

	.news-card .image {
		padding-bottom: 400px;
	}
}

	@media (max-width: 480px) {
		.news-header h1 {
			font-size: 24px;
		}

		.news-card img {
			height: 150px;
		}

		.news-item {
			padding: 15px;
		}

		.news-card .image {
			padding-bottom: 240px;
		}

		
	}


/* 按钮 */
.toggle-buttons {
	display: flex;
	justify-content: center;
	align-items: center;
	
}

.toggle-buttons2 {
	
}

.toggle-btn1 {
	padding: 12px 24px;
	border: none;
	border-radius: 8px;
	font-size: 16px;
	cursor: pointer;
	transition: all 0.3s ease;
	background: none; border-radius: 6px;height: 50px; border: 1px solid #1e40af; color: #1e40af;
	display: flex;
	align-items: center;
	justify-content: center; margin: 0 20px;
}

.toggle-btn.prev,
.toggle-btn.next {
	width: 50px;
	height: 50px;
	padding: 0; border-radius: 6px;
	background-color: #1e40af;
	display: flex;
	align-items: center;
	justify-content: center;
}

.toggle-btn.view-all {
	color: #1e40af;
	border: 1px solid #1e40af;
}

.toggle-btn.view-all1 {
	color: #fff;
	border: 1px solid #fff;
}

.toggle-btn1:hover {
	transform: translateY(-2px);
	box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
}
.toggle-btn:hover {
	transform: translateY(-2px);
	box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
}

.arrow-icon {
	width: 18px;
	height: 18px;
	background: url('img/arrow4.svg') no-repeat center center;
	background-size: contain;
	display: block;
}

.toggle-btn.prev .arrow-icon {
	transform: rotate(180deg);
}

.toggle-btn.next .arrow-icon {
	transform: rotate(0deg);
}


/* 关于我们 */
.h-about { position: relative; /* overflow: hidden; */
	z-index: 100;
}

.h-about .fl {
	justify-content: flex-end;
	margin-right: 1.38rem;
	margin-top:0.41rem;
	margin-bottom:0.1rem;
}

.h-about .cont {
	width: 39%;
	color: #fff;
}
.h-about  .HUA{white-space: nowrap;
	 position: absolute; left:41%; top:1.93rem; z-index: 1; font-size:2.18rem; line-height:2.34rem; font-weight: bold; font-family: 'Open Sans'; text-transform: uppercase;
	mix-blend-mode: overlay;
  color: white;}
.h-about .header .size20{ text-align: left;}
.h-about .tl {
	text-align: left !important;
}

.h-about .desc {
	color: #fff;
	font-size: 16px;
	font-weight: 400;
	line-height: 32px;
	margin-top: 0.24rem;
	margin-bottom: 0.8rem;
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 7;
}
.h-about .bg{ content: ''; position: absolute; left:0; width: 100%; height:calc(100% + 1.19rem); top: -1.19rem; z-index: 1;}

.h-about .header{ justify-content:flex-start; align-items: flex-start;}
.h-about .toggle-btn1{ color: #fff; border: 1px solid #fff; margin:0 !important;}


@media (max-width: 1400px) {
	.h-about .cont {
		width: 60%;
	}
}

@media (max-width: 1024px) {
	.h-about .cont {
		width: 60%;
	}
	.h-about .desc{ font-size:14px; line-height:26px;margin-top:20px;
margin-bottom:30px;}
	.toggle-btn1 {
	  padding: 6px 14px;
	  font-size: 14px; height: 30px; margin: 0 14px;
	}
}

@media (max-width: 767px) {
	.h-about .cont {
		width: 100%;
	}
.h-about .bg{ top: -50px; height: calc(100% + 50px); }
	.h-about .fl {
		justify-content: center;
		margin-top: 0;
		margin-bottom: 0;
		padding:20px 0 20px 0;
		margin-right: 0;
	}
.h-about .HUA{ top:70px}

}



/* ---------合作伙伴------- */
.wzyh_section6 {
	width: 100%;
	overflow: hidden;
	position: relative;
	z-index: 6;
}
.wzyh_section6::after,
.wzyh_section6::before{ content: ''; position: absolute; top:0; z-index: 6; width:4.1rem; height: 100%;}
.wzyh_section6::after{ left: 0;background: linear-gradient(90.00deg, rgba(255, 255, 255, 1),rgba(255, 255, 255, 0) 100%);}
.wzyh_section6::before{ right:0;background: linear-gradient(-90.00deg, rgba(255, 255, 255, 1),rgba(255, 255, 255, 0) 100%);}
.wzyh_section6 .content {
	width: 100%;
	position: relative;
	overflow: hidden;
}

.wzyh_section6 .content .w100 {
	display: flex;
	position: relative;
}

.wzyh_section6 .content .tempWrap {
	display: flex;
	overflow: visible !important;
}

.wzyh_section6 .content .box {
	display: flex;
	width: 100%;
	margin-top: 16px;
}

.wzyh_section6 .content .box:nth-child(1) {
	margin-top: 0 !important;
}

.wzyh_section6 .content .ul {
	display: flex;
	white-space: nowrap;
	will-change: transform;
	overflow: visible !important;
	width: auto;
	gap: 20px;
}

.wzyh_section6 .content li {
	display: inline-flex;
	line-height: 0;
	width: auto !important;
	flex-shrink: 0;
}

.wzyh_section6 .content li .a {
	display: flex;
	line-height: 0;
	overflow: hidden;
	position: relative;
	width: 1.76rem;
	min-width: 1.76rem;
	border-radius: 8px;
	overflow: hidden;
	/* background: #fff; */
	padding-bottom: 43.18%;
	/* border: 1px solid rgba(233, 233, 233, 1); */
	border: 1px solid var(--#F2F3F4, rgba(242, 243, 244, 1));
	border-radius: 12px;
	box-shadow: 0px 9px 7px 0px rgba(0, 0, 0, 0.03);
	background: rgba(255, 255, 255, 1);
}

.wzyh_section6 .content li .a img {
	position: absolute;
	left: 0;
	top: 0;
	display: block;
	width: 100%;
	height: 100%;
	object-fit: contain;
	-webkit-transition: all 0.5s ease-out 0s;
	-moz-transition: all 0.5s ease-out 0s; 
	-o-transition: all 0.5s ease-out 0s; 
	transition: all 0.5s ease-out 0s;
}

.wzyh_section6 .content li .a .img1 {
	opacity: 1;
}

.wzyh_section6 .content li .a .img2 {
	position: absolute;
	left: 0;
	top: 0;
	opacity: 0;
}

.wzyh_section6 .content li .a:hover img{ transform: scale(1.05); -ms-transform: scale(1.05);}

.wzyh_section6 .content li .a:hover .img1 {
	opacity: 0;
}

.wzyh_section6 .content li .a:hover .img2 {
	opacity: 1;
}

@media screen and (max-width:1024px) {
	.wzyh_section6 .content li .a {
		
		width:140px;
		min-width:140px;
		
		border-radius: 8px;
	}
	.wzyh_section6::after,
	.wzyh_section6::before{ width:160px;}
}
@media screen and (max-width:767px) {
	.wzyh_section6::after,
	.wzyh_section6::before{ width:185px;}
	
}	

/* ------------------王莹切 ------------------*/
.pt100 {
	padding-top: 1rem;
}

.pt80 {
	padding-top: 0.8rem;
}

.pd114 {
	padding-bottom: 1.14rem;
}

@media screen and (max-width:1024px) {
	.pt100 {
		padding-top: 35px;
	}

	.pt80 {
		padding-top: 35px;
	}

	.pd114 {
		padding-bottom: 35px;
	}
}



/* 分页 */
.wack1 {
	width: 100%;
}

.wack1 .pz_fy {
	display: flex;
	justify-content: center;
	align-items: center;
}

.wack1 .pz_fy span{line-height: 0.4rem; margin-right: 10px;
	color: #000;
	text-align: center;
	font-size: 14px;}
.wack1 .pz_fy a {
	display: flex;
	justify-content: center;
	align-items: center;
	position: relative;
	float: left;
	border-radius: 0.5rem;
	width: 0.4rem;
	height: 0.4rem;
	/* background: #fff; */
	line-height: 0.4rem;
	color: #000;
	text-align: center;
	font-size: 14px;
	margin: 0 4px;
}

.wack1 .pz_fy a:hover,
.wack1 .pz_fy a.on {
	background:#0A3A95;
	color: #fff;
}

.wack1 .pz_fy .prev,
.wack1 .pz_fy .next {
	width: 0.4rem;
}

.wack1 .pz_fy .prev::after,
.wack1 .pz_fy .next::after {
	display: block;
	content: '';
	position: absolute;
	left: 50%;
	top: 50%;
	width: 10px;
	height: 10px;
	border-top: 1px solid #000;
	border-right: 1px solid #000;
	transform: translate(-50%, -50%) rotate(45deg);
	-ms-transform: translate(-50%, -50%) rotate(45deg);
	margin-left: -0.04rem;
}

.wack1 .pz_fy .prev {
	transform: rotate(180deg);
	-ms-transform: rotate(180deg);
}

.wack1 .pz_fy .prev:hover::after,
.wack1 .pz_fy .next:hover::after,
.wack1 .pz_fy .prev.on::after,
.wack1 .pz_fy .next.on::after {
	border-top: 1px solid #fff;
	border-right: 1px solid #fff;
}

.wack1 .fy_pc {
	display: none;
	flex-wrap: wrap;
	width: 100%;
	justify-content: center;
	align-items: center;
	text-align: center;
	font-size: 14px;
	color: #000;
}

.wack1 .fy_pc .prev,
.wack1 .fy_pc .next {
	display: flex;
	position: relative;
	height: 32px;
	width: 32px;
	border-radius: 4px;
}

.wack1 .fy_pc .prev::after,
.wack1 .fy_pc .next::after {
	display: block;
	content: '';
	position: absolute;
	left: 50%;
	top: 50%;
	width: 9px;
	height: 9px;
	border-top: 1px solid #000;
	border-right: 1px solid #000;
	transform: translate(-50%, -50%) rotate(45deg);
	-ms-transform: translate(-50%, -50%) rotate(45deg);
	margin-left: -0.04rem;
}

.wack1 .fy_pc .prev {
	transform: rotate(180deg);
	-ms-transform: rotate(180deg);
}

.wack1 .fy_pc span {
	padding: 0 22px;
}


@media screen and (max-width:1024px) {
	.wack1 .pz_fy {
		display: none;
	}

	.wack1 .fy_pc {
		display: flex;
	}
}





/* 联系我们 */

.lianxi1 .contact-content {
	display: flex;
	justify-content: space-between;
	align-items: center;
}

.lianxi1 .contact-info {
	flex: 1;  padding: 0 15px 0 0;
}

.lianxi1 .contact-item {
	display: flex;
	align-items: center;
}

.lianxi1 .contact-item1 {
	display: flex;
	align-items: center;
	margin-bottom: 12px;
}

.lianxi1 .icon {
	margin-right: 16px;
	width: 0.32rem;
	max-width: 0.32rem;
	aspect-ratio: 100/100;
	overflow: hidden;
	display: flex;
	align-items: center;
	justify-content: center;
}

.lianxi1 .icon img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	transition: transform 0.5s ease;
}

.lianxi1 .contact-item1 .text {
	font-size: 0.24rem;
	line-height: 0.3rem;
	color: #0A3A95;
	font-weight: bold;
}

.lianxi1 .contact-item .text {
	font-size: 16px;
	line-height: 0.32rem;
	color: #333;
}

.lianxi1 .qrcode-section {
	display: flex;
	gap: 0.19rem;
}

.lianxi1 .qrcode-item {
	text-align: center;
	background-color: white;
	padding: 0.22rem 0.2rem 0.12rem 0.2rem;
	box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);
	transition: transform 0.3s ease;
}

.lianxi1 .qrcode-item:hover {
	transform: translateY(-5px);
}

.lianxi1 .qrcode-image {
	width: 0.9rem;
	max-width: 0.9rem;
	margin:0 auto 0.22rem auto;
	aspect-ratio: 100/100;
	overflow: hidden;
	display: flex;
	align-items: center;
	justify-content: center;
}

.lianxi1 .qrcode-image img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	transition: transform 0.5s ease;
}

.lianxi1 .qrcode-label {
	font-size: 14px;
	line-height: 0.32rem;
	color: #333;
}

.map-image {
	width: 100%;
	height: 5.5rem;
	overflow: hidden;
}

.map-image img {
	width: 100%;
	height: 100%;
	object-fit: cover;
}


@media screen and (max-width:1440px) {
	.lianxi1 .qrcode-image {
		width: 70px;
		max-width: 70px;
		
	}

	.lianxi1 .qrcode-section {
		display: flex;
		gap: 20px;
	}
}

@media screen and (max-width:1024px) {
	.lianxi1 .icon {
		margin-right: 4px;
		width: 20px;
		max-width: 20px;
	}

	.lianxi1 .contact-item1 .text {
		font-size: 20px;
		line-height: 30px;
	}

	.lianxi1 .contact-item .text {
		font-size: 15px;
		line-height: 24px;
	}

	.lianxi1 .qrcode-item {
		padding: 16px 16px 16px 16px;
	}

	.lianxi1 .qrcode-label {
		line-height:18px;
	}
}

@media screen and (max-width:767px) {
	.lianxi1 .contact-content {
		display: block;
	}

	.lianxi1 .contact-info {
		width: 100%;  padding: 0;
	}

	.lianxi1 .qrcode-section {
		display: flex; gap:0 14px;
		flex-wrap: wrap;
		width: 100%;
		align-items: flex-start;
		justify-content: space-between;
		padding-top: 30px;
	}
.lianxi1 .qrcode-item{ flex: 1;}
	.map-image {
		height: 350px;
	}
}



.lianxi2 {
	position: relative;
}

.lianxi2-bg {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 6.19rem;
	z-index: 0;
}

.lianxi2 .form-container {
	position: relative;
	z-index: 1;
	margin: 0 auto;
	padding: 1.3rem 0 0 0;
	height: 100%;
	display: flex;
	flex-direction: column;
	justify-content: center;
}

.lianxi2 .form-title {
	text-align: center;
	margin-bottom: 1.13rem;
}

.lianxi2 .form-title .biaoti {
	color: white;
	font-size: 0.36rem;
	line-height: 0.5rem;
	font-weight: bold;
}

.pd20 {
	margin-bottom: 0.2rem;
}

.form2 {
	display: flex;
	flex-wrap: wrap;
	width: 100%;
	align-items: flex-start;
	justify-content: space-between;
	border-radius: 8px;
	background: #fff;
	padding: 0.8rem 0.88rem;
}

.form2 .lab {
	position: relative;
	display: flex;
	margin-bottom: 0.24rem;
	align-items: center;
	border-box;
	border-radius: 4px;
	background: #F9F9F9;
	padding: 0 16px;
}

.form2 .lab1 {
	position: relative;
	display: flex;
	margin-bottom: 0.24rem;
	border-box;
	border-radius: 4px;
	background: #F9F9F9;
	padding: 0 16px;
}

.form2 .w32 {
	width: 49.16%;
}

.form2 .w100 {
	width: 100%;
}

.form2 .text {
	width: 100%;
	box-sizing: color:#1D2129;
	font-size: 16px;
	line-height: 50px;
	height: 70px;
	padding: 10px 0 10px 10px;
	letter-spacing: 0px;
	text-align: left;
}

.form2 .textarea {
	width: 100%;
	background: #F9F9F9;
	padding: 12px 16px 12px 16px;
	color: #1D2129;
	font-size: 16px;
	line-height: 38px;
	height: 128px;
	letter-spacing: 0px;
	text-align: left;
}

.form2 .jing {
	color: #1D2129;
	font-size: 16px;
	line-height: 38px;
	letter-spacing: 0px;
	text-align: left;
	white-space: nowrap;
}

.form2 .jing span {
	color: #ff0000;
}

.form2 .yanzhengma {
	width: 1.23rem;
	min-width: 1.23rem;
	height: 0.7rem;
	object-fit: contain;
	box-sizing: border-box;
	border-radius: 4px;
	background: #F9F9F9;
}

.form2 ._btn1 {
	width: 100%;
	display: flex;
	justify-content: center;
}

.form2 ._btn1 .a {
	white-space: nowrap;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	padding: 7px 73px;
	background: #0A3A95;
	border-radius: 4px;
	color: #fff;
	font-size: 18px;
	line-height: 1;
	height: 54px;
}

.form2 ._btn1 .a i {
	display: block;
	width: 24px;
	height: 24px;
	margin-left: 12px;
	background: url(img/lx3.svg) center no-repeat;
	background-size: 100% auto !important;
}

.form2 ._btn1 .a:hover {
	background: #3272ea;
}


@media screen and (max-width:1024px) {
	.lianxi2 .form-container {
		padding: 35px 0 0 0;
	}
.lianxi2-bg {

	height: 310px;
}
	.lianxi2 .form-title {
		margin-bottom: 35px;
	}

	.lianxi2 .form-title .biaoti {
		font-size: 18px;
		line-height: 26px;
	}

	.pd20 {
		margin-bottom: 10px;
	}

	.form2 {
		padding: 20px;
	}

	.form2 .lab {
		margin-bottom: 14px;
	}

	.form2 .text {
		font-size: 14px;
		line-height: 22px;
		height: 40px;
		padding: 8px 14px;
	}

	.form2 .textarea {
		font-size: 14px;
		padding: 8px 14px;
	}

	.form2 .yanzhengma {
		min-width: 100px;
		height: 40px;
		margin-left: 12px;
	}

	.form2 ._btn1 .a {
		padding: 4px 50px;
		font-size: 16px;
		height: 40px;
	}

	.form2 ._btn1 .a i {
		width: 20px;
		height: 20px;
		margin-left: 8px;
	}
}

@media screen and (max-width:767px) {
	.form2 .w32 {
		width: 100%;
	}
}




/* 合作伙伴 */
.hz1 .partners-grid {
	display: grid;
	grid-template-columns: repeat(6, 1fr);
	gap: 0.4rem;
}

.hz1 .section-title {
	margin-bottom: 0.55rem;
	position: relative;
	display: inline-block;
}

.hz1 .section-title .biaoti {
	font-size: 0.24rem;
	line-height: 0.3rem;
	font-weight: 500;
	color: #000;
}

.hz1 .section-title::after {
	content: '';
	position: absolute;
	bottom: -15px;
	left: 0;
	width: 25px;
	height: 4px;
	background-color: #0A3A95;
}

.hz1 .partner-item {
	text-align: center;
}

.hz1 .partner-logo {
	margin-bottom: 16px;
	    display: flex;
	    align-items: center;
	    justify-content: center;
	    background-color: white;
	    border: #F2F3F4 solid 1px;
	    border-radius: 14px;
	    box-shadow: 0 10px 10px rgb(0 0 0 / 4%);
	    stransition: transform 0.3s ease, box-shadow 0.3s ease;
}

.hz1 .logo {
	width: 100%;
	    aspect-ratio: 100 / 42.91;
	    overflow: hidden;
	    display: flex;
	    align-items: center;
	    justify-content: center;
}

.hz1 .logo img {
	width: 90%;
	    height: 80%;
	    object-fit: contain;
	    transition: transform 0.5s ease;
}

.hz1 .partner-item:hover img {
	transform: scale(1.05);
}

.hz1 .partner-name {
	font-size: 16px;
	line-height: 0.2rem;
	color: #000;
}

.hz1 .partner-item:hover .partner-name {
	color: #0A3A95;
}

@media screen and (max-width:1024px) {
	.hz1 .partners-grid {
		grid-template-columns: repeat(4, 1fr);
		    gap: 14px;
	}

	.hz1 .section-title {
		margin-bottom: 40px;
	}

	.hz1 .section-title .biaoti {
		font-size: 20px;
		line-height: 30px;
	}

	.hz1 .partner-logo {
		border-radius: 8px;
		
	}

	.hz1 .partner-name {
		font-size: 16px;
		line-height: 20px;
		color: #000;
	}
}

@media screen and (max-width: 768px) {
	.hz1 .partners-grid {
		grid-template-columns: repeat(2, 1fr);
	}

	.hz1 .section-title {
		margin-bottom: 35px;
	}

	.hz1 .section-title .biaoti {
		font-size: 18px;
		line-height: 24px;
	}


}



/* 成功案例 */
.anli .products-grid {
	display: grid;
	grid-template-columns: repeat(4, 1fr);
	gap: 0.4rem;
}

.anli .product-item {
	background: #F2F3F4;
	border-radius: 12px;
	padding: 10px 10px 0.25rem 10px;
	text-align: center;
	transition: all 0.3s ease;
}

.anli .product-item:hover {
	background: #0A3A95;
}

.anli .product-images {
	display: flex;
	justify-content: center;
	margin-bottom: 0.25rem;
}

.anli .product-image {
	width: 100%;
	background: #fff;
	padding: 20px 21px 14px 20px;
	border-radius: 12px;
}

.anli .tu {
	width: 100%;
	aspect-ratio: 100/50;
	overflow: hidden;
	display: flex;
	align-items: center;
	justify-content: center;
}

.anli .tu img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	transition: transform 0.5s ease;
}

.anli .product-name {
	font-size: 0.18rem;
	line-height: 0.28rem;
	color: #000;
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 1;
}

.anli .product-item:hover .product-name {
	color: #fff;
}

@media screen and (max-width: 1024px) {
	.anli .products-grid {
		gap: 14px;
	}

	.anli .product-name {
		font-size: 15px;
		line-height: 26px;
	}
	.anli .product-item {
		border-radius: 4px;
		padding: 10px 10px 16px 10px;
	}
	
	.anli .product-images {
		margin-bottom: 12px;
	}
	

}

@media screen and (max-width: 767px) {
	.anli .products-grid {
		grid-template-columns: repeat(2, 1fr);

	}
}




/* 资源中心-视频分享 */
.zyzx .showcase-grid {
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	gap: 0.41rem;
}

.zyzx .showcase-item {
	background: #F2F3F4;
	border-radius: 12px;
	transition: all 0.3s ease;
}

.zyzx .showcase-image {
	width: 100%;
	aspect-ratio: 100/51.58;
	border-radius: 12px 12px 0 0;
	overflow: hidden;
	display: flex;
	align-items: center;
	justify-content: center;
}

.zyzx .showcase-image img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	transition: transform 0.5s ease;
}

.zyzx .showcase-item:hover .showcase-image img {
	transform: scale(1.05);
}

.zyzx .showcase-content {
	padding: 0.32rem;
}

.zyzx .showcase-title {
	font-size: 0.2rem;
	font-weight: bold;
	line-height: 0.3rem;
	margin-bottom: 10px;
	color: #000;
}

.zyzx .showcase-item:hover .showcase-title {
	color: #0A3A95;
}

.zyzx .showcase-description {
	font-size: calc(14px + 0.02rem);
	color: rgba(0, 0, 0, 0.72);
	margin-bottom: 0.32rem;
	line-height: 0.24rem;
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 2;
}

.zyzx .play-icon {
	width: 0.32rem;
	max-width: 0.32rem;
	aspect-ratio: 100/100;
	overflow: hidden;
}

.zyzx .play-icon img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	transition: transform 0.5s ease;
}

._pop ._col {
	background: url(img/colse.svg) center no-repeat;
}


@media screen and (max-width: 1440px) {
	.zyzx .showcase-title {
		font-size: 18px;
		line-height: 30px;
	}

	.zyzx .showcase-description {
		font-size: 16px;
		margin-bottom: 20px;
		line-height: 24px;
	}
}

@media screen and (max-width: 1024px) {
	.zyzx .showcase-grid {
		display: grid;
		grid-template-columns: repeat(2, 1fr);
		gap:14px;
	}

	.zyzx .showcase-content {
		padding:20px 14px;
	}

	.zyzx .play-icon {
		width: 24px;
		max-width: 24px;
	}

	.zyzx .showcase-title {
		font-size: 15px;
		line-height: 24px;margin-bottom:2px;
	}

	.zyzx .showcase-description {
		font-size: 14px;
		margin-bottom:8px;
		line-height: 24px;
	}
}



/* 新闻动态 */
.xwdt .news-card1 {
	display: flex;
	background-color: #F2F3F4;
	border-radius: 12px;
	overflow: hidden;
	transition: all 0.3s ease;
}

.xwdt .news-content1 {
	flex: 1;
	padding: 0.6rem 0.7rem 0.6rem 0.52rem;
	display: flex;
	flex-direction: column;
	justify-content: center;
}

.xwdt .news-title {
	font-size: 0.24rem;
	line-height: 0.36rem;
	font-weight: bold;
	margin-bottom: 0.24rem;
	color: #000;
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 1;
}

.xwdt .news-card1:hover .news-title {
	color: #0A3A95;
}

.xwdt .news-description {
	font-size: 0.18rem;
	color: rgba(0, 0, 0, 0.6);
	line-height: 0.31rem;
	margin-bottom: 0.24rem;
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 2;
}

.xwdt .news-date {
	font-size: calc(14px + 0.02rem);
	color: #676972;
	line-height: 0.24rem;
	margin-bottom: 0.32rem;
}

.xwdt .news-button {
	display: inline-block;
	border: #0A3A95 solid 1px;
	color: #0A3A95;
	padding: 0.11rem 0.31rem;
	border-radius: 4px;
	text-decoration: none;
	font-size: calc(14px + 0.02rem);
	line-height: 0.24rem;
	transition: background-color 0.3s ease;
	align-self: flex-start;
}

.xwdt .news-card1:hover .news-button {
	background-color: #0A3A95;
	color: #fff;
}

.xwdt .news-image {
	width: 5.67rem;
	max-width: 5.67rem;
	aspect-ratio: 100/67.2;
	overflow: hidden;
}

.xwdt .news-image img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	transition: transform 0.5s ease;
}

.xwdt .news-card1:hover img {
	transform: scale(1.05);
}

@media screen and (max-width: 1440px) {
	.xwdt .news-description {
		font-size: calc(14px + 0.02rem);
	}
}

@media screen and (max-width: 1024px) {
	.xwdt .news-content1 {
		padding: 20px 40px 20px 40px;
	}

	.xwdt .news-title {
		font-size: 18px;
		line-height: 30px;
		margin-bottom: 10px;
	}

	.xwdt .news-description {
		font-size: 16px;
		line-height: 24px;
		margin-bottom: 10px;
	}

	.xwdt .news-date {
		font-size: 16px;
		line-height: 24px;
		margin-bottom: 16px;
	}

	.xwdt .news-button {
		padding: 6px 20px;
		font-size: 16px;
		line-height: 24px;
	}
}

@media screen and (max-width: 767px) {
	.xwdt .news-card1 {
		display: block;
	}

	.xwdt .news-content1 {
		width: 100%;
		padding: 30px;
		display: flex;
		flex-direction: column;
		justify-content: center;
	}

	.xwdt .news-title {
		font-size: 16px;
		line-height: 24px;
		margin-bottom: 10px;
	}

	.xwdt .news-description {
		font-size: 14px;
		line-height: 24px;
		margin-bottom: 10px;
	}

	.xwdt .news-date {
		font-size: 14px;
		line-height: 24px;
		margin-bottom: 16px;
	}

	.xwdt .news-button {
		padding: 4px 16px;
		font-size: 14px;
		line-height: 24px;
	}

	.xwdt .news-image {
		width: 100%;
		max-width: 100%;
	}
}



.xwdt1 .news-grid {
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	gap: 0.49rem;
}

.xwdt1 .news-item2 {
	border-radius: 9px;
	overflow: hidden;
	transition: transform 0.3s ease;
}

.xwdt1 .news-image {
	width: 100%;
	;
	aspect-ratio: 100/67.5;
	overflow: hidden;
	border-radius: 9px;
}

.xwdt1 .news-image img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	transition: transform 0.3s ease;
}

.xwdt1 .news-item2:hover .news-image img {
	transform: scale(1.05);
}

.xwdt1 .news-content2 {
	padding: 0.32rem 0;
	border-bottom: #D1D1D1 solid 1px;
}

.xwdt1 .news-item2:hover .news-content2 {
	border-bottom: #0A3A95 solid 1px;
}

.xwdt1 .news-date {
	font-size: calc(14px + 0.02rem);
	line-height: 0.24rem;
	color: #7A7A7A;
	margin-bottom: 8px;
}

.xwdt1 .news-title {
	font-size: 0.18rem;
	line-height: 0.26rem;
	font-weight: bold;
	margin-bottom: 12px;
	color: #0A3A95;
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 1;
}

.xwdt1 .news-description {
	font-size: calc(14px + 0.02rem);
	color: #333333;
	line-height: 0.24rem;
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 2;
}

@media screen and (max-width: 1440px) {
	.xwdt1 .news-date {
		font-size: 14px;
		line-height: 20px;
	}

	.xwdt1 .news-title {
		font-size: 18px;
		line-height: 24px;
	}

	.xwdt1 .news-description {
		font-size: 16px;
		line-height: 24px;
	}
}

@media screen and (max-width: 1440px) {
	.xwdt1 .news-date {
		font-size: 14px;
		line-height: 20px;
		margin-bottom: 4px;
	}

	.xwdt1 .news-title {
		font-size: 16px;
		line-height: 24px;
		margin-bottom: 8px;
	}

	.xwdt1 .news-description {
		font-size: 14px;
		line-height: 24px;
	}
}

@media screen and (max-width: 767px) {
	.xwdt1 .news-grid {
		display: grid;
		grid-template-columns: repeat(1, 1fr);
		gap: 20px;
	}

	.xwdt1 .news-content2 {
		padding: 20px 0;
	}

	.xwdt1 .news-date {
		font-size: 14px;
		line-height: 20px;
		margin-bottom: 4px;
	}

	.xwdt1 .news-title {
		font-size: 16px;
		line-height: 24px;
		margin-bottom: 8px;
	}

	.xwdt1 .news-description {
		font-size: 14px;
		line-height: 24px;
	}
}

/* 应用领域 */
.yy-list {
	display: flex;
	flex-direction: column;
}

.yy-item {
	display: flex;
	align-items: center;
	gap: 95px;
	padding: 48px 0;
	transition: all 0.3s ease;
	border-bottom: 1px solid #D1D1D1;
}

.yy-item .yy-item-hover {
	position: relative;
}

/* 日期样式 */
.yy-item .yy-date {
	position: relative;
	min-width: 80px;
	height: 80px;
	flex-shrink: 0;
}

.yy-item .yy-date::before {
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: rgba(255, 255, 255, 1);
	border-radius: 12.08px;
	box-shadow: 0px -1px 18px 0px rgba(10, 58, 149, 0.14);
	transform: rotate(45deg);
	transition: all 0.3s ease;
}

.yy-item .yy-date-content {
	position: relative;
	z-index: 1;
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	width: 100%;
	height: 100%;
	color: #0A3A95;
}

.yy-item .date-day {
	font-size: 18px;
	font-weight: 600;
	line-height: 1.2;
	text-align: center;
}

.yy-item .date-year {
	font-size: 12px;
	opacity: 0.9;
	margin-top: 2px;
	text-align: center;
}

/* 内容区域 */
.yy-item .yy-content {
	flex: 1;
	min-width: 0;
	margin-right: -200px;
}

.yy-item-hover:hover .yy-content {
	margin-right: 0;
}

.yy-item .yy-title {
	font-size: 22px;
	color: #000;
	margin-bottom: 12px;
	line-height: 1.4;	display: -webkit-box;
	-webkit-line-clamp: 1;
	-webkit-box-orient: vertical;
	overflow: hidden;
}

.yy-item-hover:hover .yy-title {
	color: #0A3A95;
}

.yy-item .yy-desc {
	font-size: 18px;
	color: rgba(0, 0, 0, 0.6);
	line-height: 32px;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
	overflow: hidden;
}

/* 操作按钮区域 */
.yy-item .yy-action {
	display: flex;
	align-items: center;
	flex-shrink: 0;
	opacity: 0;
	transform: translateX(10px);
	transition: all 0.3s ease;
}

.yy-item .view-more-btn {
	padding: 7px 36px;
	background-color: transparent;
	border: 1px solid #1e3a8a;
	color: #1e3a8a;
	font-size: 14px; line-height:25px;
	border-radius: 4px;
	cursor: pointer;
	transition: all 0.3s ease;
	white-space: nowrap;
}

.yy-item .view-more-btn:hover {
	background-color: #1e3a8a;
	color: #fff;
}

/* Hover效果 - 第一条新闻 */
.yy-item-hover:hover {}

.yy-item-hover:hover .yy-date::before {
	background: #0A3A95;
}

.yy-item-hover:hover .yy-date-content {
	color: #fff;
}

.yy-item-hover:hover .yy-action {
	opacity: 1;
	transform: translateX(0);
}

/* 响应式设计 - 平板 */
@media (max-width: 992px) {
.yy-item .yy-date::before {box-shadow: 0px -1px 9px 0px rgba(10, 58, 149, 0.14);}

	.yy-item {
		gap: 40px;
		padding: 48px 0;
	}

	.yy-item .yy-content {
		margin-right: 0;
	}

	.yy-item .yy-date {
		min-width: 70px;
		height: 70px;
	}

	.yy-item .date-day {
		font-size: 18px;
	}

	.yy-item .yy-action {
		display: none;
	}
}

/* 响应式设计 - 手机 */
@media (max-width: 768px) {



	.yy-item .yy-date {
		min-width: 70px;
		height: 70px;
		padding: 0;
	}

	.yy-item .date-day {
		font-size: 16px;
	}

	.yy-item .date-year {
		margin-top: 2px;line-height: 1.2;
	}

	.yy-item .yy-title {
		margin-bottom: 8px;
	}

	.yy-item .yy-action {
		display: none;
	}

	.yy-item .view-more-btn {
		display: none;
	}
	
	.yy-container {
		padding: 15px;
	}

	.yy-item {
		padding: 12px 0;
		gap:0 20px;
	}

	.yy-item .yy-date {
		min-width: 60px;
		height: 60px;
		padding: 0;
	}
	.yy-item .yy-title {
		font-size: 16px; line-height:24px;
	}

	.yy-item .yy-desc {
		font-size:14px; line-height: 24px;
	}

	
}

/* 产品中心 */
.pro-list {
	background-color: #EDF1F7;
}

.product-list {
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	gap: 30px;
}

.product-list .product-item {
	display: flex;
	flex-direction: column;
	justify-content: space-between;

	
}

.product-list .product-item .product-image {
	width: 100%;
	aspect-ratio: 1/1;
	position: relative;
	overflow: hidden;
	border-radius: 15px;
	margin-bottom: 40px;
	transition: all 0.3s ease;/*mix-blend-mode: multiply;*/
}

.product-list .product-item .product-image img {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	object-fit: contain;
	transition: all 0.3s ease;
}

.product-list .product-item .product-info {
	text-align: center;
}

.product-list .product-item .product-title {
	font-style: SemiBold;transition: all 0.5s ease;
	font-size: 20px;
	font-weight: 600;
	line-height: 30px;
	color: #000;
}
.product-list .product-item a{ display: block; width: 100%; position: relative; overflow: hidden;padding: 0.41rem 0.43rem;	background: #fff; 
	border-radius: 20px;}
.product-list .product-item .product-desc {
	font-size: 16px;
	color: rgba(0, 0, 0, 0.6);
	line-height: 24px;
	 position: absolute; left:0; bottom:-0.8rem; width: 100%;
	transition: all 0.5s ease;padding: 0 0.43rem;
}

/* Hover效果 - 所有产品 */
.product-list .product-item:hover a{
	background: linear-gradient(180.00deg, rgba(10, 58, 149, 0.54), rgba(255, 255, 255, 1) 100%);
}

.product-list .product-item:hover .product-image {
	transform:translateY(-12%) scale(0.84); -ms-transform:translateY(-12%)  scale(0.84);
}

.product-list .product-item:hover .product-title {
	color: #0A3A95;
	transform: translateY(-0.65rem);
}

.product-list .product-item:hover .product-desc {
	 bottom:0.41rem;
}

.product-list-1{ display: block; margin:0 -15px; width: calc(100% + 30px);}
.product-list-1 .product-item{ padding:0 15px;}



/* 响应式设计 - 平板 */
@media (max-width: 1200px) {
	.product-list {
		grid-template-columns: repeat(2, 1fr);
	}
}

@media (max-width: 992px) {
	.product-container {
		padding: 0;
	}

	.product-list {
		grid-template-columns: repeat(2, 1fr);
		gap: 14px;
	}

.product-list .product-item a{
		padding: 20px  14px;  border-radius: 10px;
	}

.product-list 	.product-item .product-title {
		font-size: 15px;
		line-height: 22px;
	}

.product-list 	.product-item .product-desc { bottom:-80px; 
		font-size: 14px; line-height: 22px; padding: 0 14px;
	}
.product-list .product-item:hover .product-title {
	transform: translateY(-70px);
}

.product-list .product-item:hover .product-desc {
	 bottom:18px;
}
.product-list .product-item .product-desc{-webkit-line-clamp: 3;}


.product-list-1{ display: block; margin:0 -7px; width: calc(100% + 14px);}
.product-list-1 .product-item{ padding:0 7px;}

}



/* 产品详情 */
/* 产品详情 */
/* 产品详情 */
/* 产品详情 */
/* 产品详情 */
/* 产品详情 */
.pro-del {
	display: flex;
	width: 100%;
}

/* 左侧区域 */
.pro-del .left-section {
	flex: 1;
	display: flex;
	flex-direction: column;
	background-color: #0A3A95;
}




/* 面包屑导航 */
.breadcrumb {
	padding: 0.36rem 1.6rem;
	font-size: 14px;
	opacity: 0.8;
}
.breadcrumb a{ color: #fff;}
.breadcrumb span {
	margin-right: 10px;
	color: white;
}

.breadcrumb .current {
	font-weight: bold;
	opacity: 1;
}

.breadcrumb1 {
	padding: 0.36rem 0;
	position: absolute;
	z-index: 10;
}
.breadcrumb2 {
	padding: 0.38rem 0 0.37rem 0;
	z-index: 10;
}
/* 左侧产品介绍 */
.pro-del .product-info-section {
	flex: 1;
	padding: 0 1.6rem;
	display: flex;
	flex-direction: column;
	justify-content: center;
}

/* 产品内容容器 */
.pro-del .product-content {
	display: flex;
	flex-direction: column;
	justify-content: center;
	gap: 0.48rem;
	height: 100%;
}


/* 产品标题 */
.pro-del .product-title {
	font-style: Medium;
	font-size: calc(12px + 0.3rem);
	font-weight: 500;
	line-height: 49px;
	color: #fff;
}


/* 产品详情介绍 */
.pro-del .product-description {
	font-size: calc(12px + 0.06rem);
	line-height: 32px;
	color: #fff;
}

.pro-del .product-description p {
	margin-bottom: 0;
}

/* 按钮区域 */
.pro-del .product-buttons {
	display: flex;
	flex-direction: column;
	gap: 15px;
	width: 40%;
}

.pro-del .contact-btn,
.pro-del .related-btn {
	display: flex;
	justify-content: space-between;
	align-items: center;
	background-color: rgba(255, 255, 255, 0.2);
	border: 1px solid rgba(255, 255, 255, 0.3);
	border-radius: 8px;
	padding:0.15rem 20px;
	color: white;
	font-size: 16px;
	cursor: pointer;
	transition: all 0.3s ease;
}

.pro-del .contact-btn div,
.pro-del .related-btn div {
	display: flex;
	align-items: center;
	gap: 8px;
}

.pro-del .tel-icon,
.pro-del .pro-icon {
	width: 16px;
	height: 16px;
	background-size: contain;
	background-repeat: no-repeat;
	background-position: center;
}

.pro-del .tel-icon {
	background-image: url('img/tel3.svg');
}

.pro-del .pro-icon {
	background-image: url('img/proicon.svg');
}

.pro-del .contact-btn:hover,
.pro-del .related-btn:hover {
	background-color: rgba(255, 255, 255, 0.3);
	transform: translateY(-2px);
}

/* 右侧产品图片 */
.pro-del .product-image-section {
	width: 37.6%; background: #F2F3F4; overflow: hidden;
	display: flex;
	align-items: center;
	position: relative;
	padding: 0.6rem;
}
.pro-del .image-container{
 width: 100%;
	display: flex;
	justify-content: center;
	align-items: center;
	overflow: hidden;
}
.pro-del .image-pic{
	aspect-ratio: 1/1; max-width: 6rem;
	display: flex;
	justify-content: center;
	align-items: center;
	overflow: hidden;
}

.pro-del .image-container img {
	max-width: 100%;
	max-height: 100%;
	object-fit: contain;
}







/* 产品头部 */
.product-header {
	display: flex;
	justify-content: space-between;
	align-items: center;
	margin-top: 30px;
	padding-bottom: 20px;
	border-bottom: 1px solid #e0e0e0;
}

.product-name {
	font-size: 24px;
	font-weight: bold;
	color: #333;
}

.product-tabs {
	display: flex;
	gap: 10px;
}

.tab-btn {
	padding: 10px 20px;
	border: 1px solid #e0e0e0;
	background-color: #f5f5f5;
	border-radius: 4px;
	cursor: pointer;
	transition: all 0.3s ease;
}

.tab-btn:hover {
	background-color: #e0e0e0;
}

.tab-btn.active {
	background-color: #0A3A95;
	color: white;
	border-color: #0A3A95;
}

/* 产品内容 */

.blue-bg {
	background-color: #EDF1F7;
}

.xq .tab-content {
	display: none;
	padding: 0.8rem 0;
}

.xq .tab-content.active {
	display: block;
}

.xqflex {
	display: flex;
	align-items: center;
	border-bottom: 1px solid #e0e0e0;
	padding-bottom: 32px;
	margin-bottom: 0.32rem;
	font-weight: 600px;
}

.xqtitle1 {
	font-size: 32px;
	font-weight: 500;
	color: #0A3A95;
	margin-left: 12px;
	line-height: 32px;
}

.xq .xq-text {
	line-height: 1.8;
	line-height: 32px;
	margin: 16px 0;
	color: #000;
}

.xq .fl1 {
	margin-bottom: 0.8rem;
}

/* 技术参数表格 */
.tech-specs {
	width: 100%;
	border-collapse: collapse;
	margin: 16px 0;
	border-top: 1px solid #e0e0e0;
	table-layout: fixed;
}

.tech-specs tr {
	border-bottom: 1px solid #e0e0e0;
}

.tech-specs td {
	padding: 15px;
	color: #000;
	line-height: 40px;
	padding: 24px 0.4rem;
	word-wrap: break-word;
}

.tech-specs tr:nth-child(odd) {
	background-color: #f9f9f9;
}

.tech-specs td:first-child {
	font-weight: bold;
	width: 200px;
	white-space: nowrap;
}

/* 产品参数表格 */
.spec-table {
	width: 100%;
	border-collapse: collapse;
}

.spec-table tr {
	border-bottom: 1px solid #e0e0e0;
}

.spec-table td {
	padding: 12px;
}

.spec-table tr:nth-child(even) {
	background-color: #f5f5f5;
}

.spec-table td:first-child {
	font-weight: bold;
	width: 30%;
}


@media (max-width: 1680px) {
	.pro-del .product-info-section {
		
		padding: 0 0.6rem;
		
	}
	.breadcrumb{ padding:0.36rem 0.6rem;}
}

/* 响应式设计 */
@media (max-width: 1024px) {
	.pro-del .product-buttons {
			display: flex;
			gap: 15px;
			width: 100%; flex-direction: row;
	
		}
	
	
		.pro-del .image-pic {
			max-width:300px;
		}
	
		.pro-del .product-content {
			gap: 15px 0;
		}
	
		.pro-del .contact-btn,
		.pro-del .related-btn {
			padding: 8px 14px;
	 width: 48.5%;
		}
	
		.pro-del .breadcrumb {
			padding: 0.24rem 15px;
			font-size: 14px;
			opacity: 0.8;
		}
	
		.pro-del .product-description {
			line-height: 26px;font-size: 14px;
		}


}


@media (max-width: 768px) {
	.pro-del {
		flex-direction: column;
	}

	.pro-del .left-section {
		width: 100%;
	}

	.pro-del .product-info-section {
		padding:10px 15px 50px 15px;
	}

	.pro-del .product-image-section {
		width: 100%;
		padding: 40px 0;
	}


	.tech-specs td {
		font-size: 16px;
	}

	.product-header {
		flex-direction: column;
		align-items: flex-start;
		gap: 15px;
	}

	.product-tabs {
		width: 100%;
	}

	.tab-btn {
		flex: 1;
		text-align: center;
	}

	.product-name {
		font-size: 20px;
	}

	.xq .title1 {
		font-size: 28px;
		line-height: 32px;
	}

	.tech-specs td,
	.spec-table td {
		padding: 8px;
	}

	.tech-specs td:first-child,
	.spec-table td:first-child {
		width: 110px; white-space: normal;
	}

	.xq .xq-text {
		line-height: 24px;

	}

	/* 缩小图片切换按钮 */
	.toggle-btn.prev,
	.toggle-btn.next {
		width: 30px;
		height: 30px;
	}

	.toggle-btn.prev .arrow-icon,
	.toggle-btn.next .arrow-icon {
		width: 16px;
		height: 16px;
	}
	.pro-del .product-title {
		font-size: 20px; line-height: 30px;
	}
}

@media (max-width: 480px) {
	.pro-del .breadcrumb {
		padding: 15px 20px;
	}


	.product-detail {
		padding: 15px;
	}

	.product-name {
		font-size: 18px;
	}

	.tab-btn {
		padding: 8px 12px;
		font-size: 14px;
	}

	.xq .title1 {
		font-size: 24px;
		line-height: 28px;
	}

	.tech-specs td,
	.spec-table td {
		font-size: 14px;
		line-height: 22px;
	}

	.tech-specs td:first-child,
	.spec-table td:first-child {
		width: 100px;
	}

	.xqflex {
		padding-bottom: 16px;margin-bottom:20px;
	}

	.xqtitle1 {
		font-size:17px;
	}
}

/* ----应用领域列表页面-----------应用领域列表页面------- */
.yy-flex {
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	gap: 0.3rem;
}


/* 应用领域页面响应式设计 */
@media (max-width: 768px) {
	.yy-flex {
		grid-template-columns: repeat(2, 1fr);
		gap:14px;
	}

}

/* -----------新闻详情通用页面------------ */
.xwxq-bt {
	position: relative; padding-bottom: 0.89rem;
}

.xwxq-bt .cont {
	position: relative;
}

.xwxq-bt .xwxq-cont1 {
	padding: 90px 0;
	display: flex;
	flex-direction: column;
	gap: 8px;
}

.xwxq-bt .tit {
	color: #FFFFFF;
	font-style: Bold;
	font-size: 26px;
	font-weight: 700;
	line-height: 40px;
}

.xwxq-bt .dt { width: 100%; margin-top: 14px;
	color: #FFFFFF;
	font-size: 14px;
	line-height: 32px;
}

.xwxq .cont {
	display: flex;
}

.xwxq .left {
	width: 73%;
	padding-right: 0.56rem;
	padding-top: 0.56rem;
	padding-bottom: 0.8rem;
	border-right: 1px solid rgba(237, 237, 237, 1);
}

.xwxq .right {
	width: 27%;
	margin-bottom: 0.8rem;
}

.xwxq .yangshi {
	color: #000;
	font-size: 16px;
	line-height: 30px;
}

.xwxq .pre,
.xwxq .next {
	display: -webkit-box;
-webkit-line-clamp: 1;
-webkit-box-orient: vertical;
overflow: hidden; width: 100%;
}

.xwxq .pre {
	
}

.xwxq .fanye { display: flex; flex-wrap: wrap;  gap:24px 0; width: 100%;
	margin-top: 0.56rem;
}

.xwxq .fanye a {border-radius: 4px; width: 100%;
	background: #F2F3F4;
	padding: 30px 24px;
	color: #000;
	font-size: 14px;
	line-height: 24px;
}

.xwxq .fanye a span {
	margin-right: 24px;
	color: #4B4B4B; white-space: nowrap;
}

.xwxq .fanye a:hover{
	background: #0A3A95;
	color: #fff;
}

.xwxq .fanye a:hover span {
	color: #fff;
}

.xwxq .right .title {
	color: #0A3A95;
	font-size: 24px;
	line-height: 36px;
	padding: 32px;
	border-bottom: 1px solid rgba(237, 237, 237, 1);text-transform:capitalize;
}

.xwxq .right .item {
	padding: 24px 32px;
	border-bottom: 1px solid rgba(237, 237, 237, 1);
}

.xwxq .right .tit {
	font-size: 14px;
	line-height: 26px;
	margin-bottom: 0.16rem;
	color: #333;display: -webkit-box;
-webkit-line-clamp: 1;
-webkit-box-orient: vertical;
overflow: hidden;
}

.xwxq .right .item:hover .tit {
	color: #0A3A95;
}

.xwxq .right .date {
	font-size: 14px;
	line-height: 20px;
	color: #666;
}

.xwxq .right .item:hover {
	box-shadow: 0px 4px 37px 0px rgba(0, 0, 0, 0.07);
}


@media (max-width: 1024px) {
.xwxq-bt .tit {

	font-size: 18px;
	
	line-height:28px; padding-top:15px;
}
.xwxq-bt {
	; padding-bottom:40px;
}
.xwxq .fanye a span{ margin-right: 14px;}
	.xwxq .fanye a {padding:14px 14px;}
	.xwxq .right .title {
			padding: 24px 0;font-size: 18px;
	
	line-height:28px;
		}
	.xwxq .fanye{ gap:15px 0;}
	.xwxq .right .item{padding: 15px 0;}
	.xwxq .cont {
		flex-direction: column;
	}

	.xwxq .left {
		width: 100%; padding:35px 0;
		border-bottom: 1px solid rgba(237, 237, 237, 1);
		border-right: none;
		padding-right: 0;
	}
.xwxq .right .tit{ margin-bottom: 6px;}
	.xwxq .right { margin-bottom: 40px;
		width: 100%;
	}




}


.about {
	padding-top: 2rem;
	padding-bottom: 1.2rem;
}

.about .cont1 {
	display: flex; flex-wrap: wrap; width: 100%; justify-content: space-between;
	margin: 0.64rem 0 0.67rem 0;
}

.about .cont1 .left {
	width: 50%;color: #000000;
	font-size: calc(14px + 0.04rem);
	line-height: calc(20px + 0.1rem);
}


.about .cont1 .right {
	width: 44.875%;
}

.about .cont2 {
	display: flex; flex-wrap: wrap;
	gap:0 0.63rem;
	justify-content: center;
}

.about .cont2 .img-cont {aspect-ratio: 100 / 66.92;
	overflow: hidden; display: flex; align-items: flex-end;
	width:16.4%; line-height: 0;
	box-shadow: 0px -5px 20px 0px rgba(0, 0, 0, 0.16);
}
.about .cont2 .img-cont img{ width:100%; height: 100%; object-fit:cover;}

.about .cont{display: flex; flex-wrap: wrap; justify-content: space-between; width: 100%;}
.about .cont .box{ display: flex; flex-wrap: wrap;width: 33.33%; text-align: center; align-content: flex-start; position: relative;}
.about .cont .box::after,
.about .cont .box::before{ display:block; content: ''; position: absolute; width:8px; height:101px; background:url("img/bg10.png") top center repeat; background-size:100% auto !important;}
.about .cont .box::after{ left: 0; top:0.78rem; opacity:0.32;}
.about .cont .box:nth-child(3)::after{ left: 0; top:0.69rem;}
.about .cont .box::before{ left:50%; top:1.29rem;}
.about .cont .box:nth-child(2n){ margin-top:0.42rem;}
.about .cont .box:nth-child(2n)::after{ left: 0; top:0; }
.about .cont .box:nth-child(2n)::before{  height:66px; background:url("img/bg10.1.png") top center repeat;}

.about .cont .box .num{ display: flex; align-items: flex-end;width:100%; justify-content: center;}
.about .cont .box .countUp{ display: inline-flex; font-size:0.78rem; line-height:1;color: #0A3A95; font-weight: 600; margin-right:4px;}
.about .cont .box .dw{ display: inline-flex; font-size:0.2rem; line-height:0.44rem;color: #0A3A95; font-weight: 400;}
.about .cont .box .p3{ width:100%; font-size:0.18rem; line-height:0.36rem; color:#4C4C4C;  }

@media screen and (max-width:1600px) {
.about .cont1 .left{  line-height: calc(20px + 0.1rem);}

}
@media screen and (max-width:1024px) {
.about{padding-top: 80px;
	padding-bottom:40px;}	
.about .cont1{ flex-wrap: wrap; margin:20px 0;}	
.about .cont1 .left{ width:100%;font-size: 15px; line-height: 28px;}
.about .cont1 .right{ width:100%;}	
.about .cont2{ margin-top:30px; gap:16px;}
.about .cont2 .img-cont{ width:22%;}
.about .cont{ margin-top:30px; padding-bottom: 60px;}
.about .cont .box .countUp{ font-size:28px;}
.about .cont .box .dw{ font-size:15px; line-height:26px;}
.about .cont .box .p3{ font-size:13px; line-height:20px;padding: 0 6px;}
.about .cont .box::after,
.about .cont .box::before{  height:66px; background:url("img/bg10.1.png") top center repeat;}
.about .cont .box::after{ left: 0; top:40px; opacity:0.32;}
.about .cont .box:nth-child(3)::after{ left: 0; top:35px;}
.about .cont .box::before{ left:50%; top:80px;}
.about .cont .box:nth-child(2n){ margin-top:20px;}
}	
@media screen and (max-width:767px) {
.about .cont2{grid-template-columns: repeat(2, 1fr); display: grid;}
.about .cont2 .img-cont{ width:100%;}
}	

.about2 {
	display: flex;
	align-items: center;
}


.about2 .fl {
	display: flex;
	justify-content: center;
	gap: 1.24rem;
}

.about2 .item {
	display: flex;
	flex-direction: column;
	align-items: center;
	text-align: center;
	gap: 0.72rem;
	width: 28%;backdrop-filter: blur(17px);
	padding: 0.72rem 0.52rem;
	border: 1px solid rgba(159, 192, 216, 0.28);
	border-radius: 16px;
	box-shadow: 0px 18px 37px 2px rgba(11, 63, 148, 0.57);
}

.about2 ._img {
	aspect-ratio: 1/1;
	max-width: 1.54rem;
}

.about2 .item .title {
	color: #FFFFFF;
	font-size: 32px;
	font-weight: 500;
	line-height: 39px;
	text-align: center;
	margin-top: 0.2rem;
}

.about2 .item .desc {
	color: #FFFFFF;
	font-size: 18px;
	font-weight: 400;
	line-height: 32px;
	text-align: center;
	margin-top: 0.3rem;
}

.about2 .item:hover {
	box-shadow: 0px 0px 30px 0px rgba(0, 0, 0, 0.26);
	/* 投影加深10% */
	background-color: white;
	opacity: 1;
	padding: 0.62rem 0.52rem 0.82rem 0.52rem;
	border-radius: 20px;
	transition: all 0.3s ease;
}

.about2 .item:hover .title,
.about2 .item:hover .desc {
	color: #0A3A95;
	/* 蓝色 */
}

.about2 .item:hover ._img img {
	filter: brightness(1.1);
}

.about2 .item ._img .img2{display:none;}
.about2 .item:hover ._img .img1 {display:none;}
.about2 .item:hover ._img .img2 {display:block;}

/* 图标hover切换效果 */
.about2 .item ._img {
	position: relative;
}

/*.about2 .item1:hover ._img {
	background-image: url('img/icon3.1.png');
	background-size: contain;
	background-repeat: no-repeat;
	background-position: center;
}

.about2 .item1:hover ._img img {
	opacity: 0;
}

.about2 .item2:hover ._img {
	background-image: url('img/icon4.1.png');
	background-size: contain;
	background-repeat: no-repeat;
	background-position: center;
}

.about2 .item2:hover ._img img {
	opacity: 0;
}

.about2 .item3:hover ._img {
	background-image: url('img/icon5.1.png');
	background-size: contain;
	background-repeat: no-repeat;
	background-position: center;
}

.about2 .item3:hover ._img img {
	opacity: 0;
}*/


@media screen and (max-width:1600px) {
.about2 .fl {
	gap: 0.8rem;
}

.about2 .item {
	gap: 0.2rem;
	padding: 0.52rem 0.42rem;
}
.about2 .item:hover {
	
	padding: 0.42rem 0.42rem 0.62rem 0.42rem;
}
}	

@media screen and (max-width:1024px) {
.about2 .fl{ flex-wrap: wrap; gap:16px;}	
.about2 ._img {
	max-width: 90px;
}

.about2 .item .title {

	font-size: 18px;
	
	line-height: 26px;
	
	margin-top: 10px;
}

.about2 .item .desc {
	
	font-size: 15px;
	
	line-height: 24px;
	
	margin-top:15px;
}
.about2 .item{  gap:5px;  padding: 20px 15px 30px 15px;}	

}	
@media screen and (max-width:767px) {
.about2 .fl{grid-template-columns: repeat(1, 1fr); display: grid;}
.about2 .item{ width: 100%; flex-direction: row;gap:0 10px;padding: 20px 15px 20px 15px;}
.about2 .item .text{ width: 100%;  }
.about2 .item .title{text-align: left; margin-top: 0;}
.about2 .item .desc{text-align: left; margin-top: 8px;}
.about2 .item:hover {
	padding: 20px 15px 20px 15px;
}
}


.model2{ overflow: hidden;}
.model2 .inner-big-swiper-wrapper {
	position: relative;padding:0 0.5rem;
}

.model2 .swiper-container_inner-big-swiper .swiper-slide {
	width: 100%;
	line-height: 0;
	 padding:0 0.5rem;
	aspect-ratio: 100/57.14;
}

.model2 .swiper-container_inner-big-swiper .swiper-slide img {
	width: 100%;
	height: 100%;
	object-fit: cover;
}

.model2 .inner-big-swiper-button-prev {
	transform: rotate(180deg);
	-ms-transform: rotate(180deg);
	left:0.5rem; margin-left: -25px;
}

.model2 .inner-big-swiper-button-next {
	right:0.5rem; margin-right: -25px;
}

.model2 .swiper-scrollbar-drag {
	background: rgba(22, 94, 164, 1) !important;
}

.swiper-container {
	margin-left: auto;
	margin-right: auto;
	position: relative;
	padding: 0;
	z-index: 1;
}

.swiper-wrapper {
	position: relative;
	width: 100%;
	height: 100%;
	z-index: 1;
	display: flex;
	transition-property: transform;
	box-sizing: content-box;
}

.swiper-slide {
	flex-shrink: 0;
	width: 100%;
	height: 100%;
	position: relative;
	transition-property: transform;
}

.inner-big-swiper-button {
	position: absolute;
	width: 50px;
	height:50px;
	display: flex;
	cursor: pointer;
	background: url(img/arrow3.svg) center no-repeat;
	background-size:100% auto !important;
	top: 50%;
	margin-top: -25px;
	z-index: 20;
	transition: all 0.5s ease-in-out;
}

@media screen and (max-width:1024px) {
.model2 .inner-big-swiper-wrapper{padding:0 40px;}	
	.model2 .swiper-container_inner-big-swiper .swiper-slide {
		padding:0 8px;
	}

	.model2 .inner-big-swiper-button-prev {
		left: 15px;
	}

	.model2 .inner-big-swiper-button-next {
		right: 15px;
	}
	.inner-big-swiper-button {
		width: 30px;
		height:30px;
		margin-top: -15px;
	}
}




.Honors .f1 {
	
	padding:1.21rem 0 1.16rem 0;
	
}

.Honors .f1 .t {
	font-size: 26px;
	font-weight: bold;
	text-align: center;
}

.Honors .f1 .f1swiper {
	width: 100%; display: block;
	overflow: hidden;
	position: relative;
	 padding-top: 90px;
}

.Honors .f1 .f1swiper .swiper-slide {
	text-align: center;
	font-size: 14px;
}

.Honors .f1 .f1swiper .swiper-slide .img {
	width: 100%;
	aspect-ratio: 100 / 142.91;
	background-size: contain !important;
	transform: scale(0.84);
	transition: 0.3s all ease-in-out;
}

.Honors .f1 .f1swiper .swiper-slide .h-t{
	margin-top:52px;
	opacity: 0;
}
.Honors .f1 .f1swiper .swiper-slide-prev{ transform: translateX(-8%);}
.Honors .f1 .f1swiper .swiper-slide-next{ transform: translateX(8%);}
.Honors .f1 .f1swiper .swiper-slide-active .img {
	transform: scale(1.16);
}

.Honors .f1 .f1swiper .swiper-slide-active .h-t {
	opacity: 1;
}

.Honors .f1 .f1swiper .swiper-button-next {
	width: 2vw;
	height: 2vw;
	border: 1px solid #666666;
	border-radius: 50%;
	right: 25vw;
	bottom: 0;
	top: inherit;
}

.Honors .f1 .f1swiper .swiper-button-next:hover {
	background: #f5a21b;
	border: 1px solid #f5a21b;
}

.Honors .f1 .f1swiper .swiper-button-next:hover:after {
	color: white;
}

.Honors .f1 .f1swiper .swiper-button-prev {
	width: 2vw;
	height: 2vw;
	border: 1px solid #666666;
	border-radius: 50%;
	left: 25vw;
	right: inherit;
	bottom: 0;
	top: inherit;
}

.Honors .f1 .f1swiper .swiper-button-prev:hover {
	background: #f5a21b;
	border: 1px solid #f5a21b;
}

.Honors .f1 .f1swiper .swiper-button-prev:hover:after {
	color: white;
}

.Honors .f1 .f1swiper .swiper-button-next:after,
.Honors .f1 .f1swiper .swiper-button-prev:after {
	font-size: 0.9vw;
	color: #666666;
}

.Honors .f1 .f1swiper .swiper-button-next::after,
.Honors .f1 .f1swiper .swiper-button-prev::after {
	font-size: 0.9vw;
	color: #666666;
}
.Honors .toggle-btn.prev{ z-index: 6; position: absolute; left: 50%; bottom: 0; margin-left: -270px;}
.Honors .toggle-btn.next{ z-index: 6;  position: absolute; right: 50%; bottom: 0; margin-right: -270px;}

.swiper-button-next::after,
.swiper-rtl .swiper-button-prev::after {
	content: 'next';
}

.swiper-button-next::after,
.swiper-button-prev::after {
	font-family: swiper-icons;
	font-size: var(--swiper-navigation-size);
	text-transform: none !important;
	letter-spacing: 0;
	font-variant: initial;
	line-height: 1;
}



.Honors .f1 .f1swiper .swiper-button-next {
	width: 2vw;
	height: 2vw;
	border: 1px solid #666666;
	border-radius: 50%;
	right: 25vw;
	bottom: 0;
	top: inherit;
}

.Honors .swiper-button-next,
.swiper-rtl .swiper-button-prev {
	right: 10px;
	left: auto;
}

.Honors .swiper-button-next,
.swiper-button-prev {
	position: absolute;
	top: 50%;
	width: calc(var(--swiper-navigation-size)/ 44 * 27);
	height: var(--swiper-navigation-size);
	margin-top: calc(0px - (var(--swiper-navigation-size)/ 2));
	z-index: 10;
	cursor: pointer;
	display: flex;
	align-items: center;
	justify-content: center;
	color: var(--swiper-navigation-color, var(--swiper-theme-color));
}

.Honors .h-t {
	color: #000000;
	font-size: 18px;
	line-height: 20px; min-height: 50px; display: flex; align-items: center; justify-content: center; text-align: center; width: 100%;
	text-align: center;
}

@media screen and (max-width:1024px) {
.Honors .f1 {
	
	padding:30px 0 40px 0;
	
}
.Honors .f1 .f1swiper{ padding:40px 0 0 0;}
.Honors .f1 .f1swiper .swiper-slide .h-t{ margin-top: 25px;}
.Honors .toggle-btn.prev{ left:0; margin-left: 0;}
.Honors .toggle-btn.next{ right: 0; margin-right: 0;}
.Honors .h-t {
	font-size: 15px;
	line-height: 20px; min-height: 30px;  
}
}
@media screen and (max-width:767px) {
	.toggle-buttons2{ width:100%; gap:0; justify-content: space-between;}
.Honors .h-t{ width: 200%; margin-left: -50%;}
}



.mt-top{ display:block; width:100%; margin-top: 0.8rem;}

@media screen and (max-width:1024px) {
.mt-top{ margin-top:50px;}
}	

.inbaner{ position: relative; line-height:0; overflow: hidden;}
.inbaner .div{ display:block; width:100%; text-align: center;}
.inbaner .div img{width:100%;}
.inbanerbox0{ position: absolute; left: 0; bottom:0.44rem; width: 100%; z-index: 6; }
.inbanerbox1{ position: absolute; left: 0; top:51.2%; width: 100%; z-index: 6; transform: translateY(-50%); -ms-transform: translateY(-50%);}
.inbanerbox1 .tit{ display:block; width:100%; color: #fff; font-size:0.48rem; line-height: 1;}
.inbanerbox1 .info{ display:block; width:100%; color: #fff;font-size:0.2rem; line-height:0.48rem; margin-top:0.15rem;}
@media screen and (max-width:1024px) {
.inbanerbox1 .tit{ font-size:22px; line-height: 1;}
.inbanerbox1 .info{font-size:14px; line-height:24px; margin-top:5px;}
.inbanerbox0{ bottom:15px; padding:0; }
}	


.mbx{ display: block; color: #fff; font-size:0.2rem; line-height:0.48rem; margin-top:0.15rem;}
.mbx a{ color: #fff;}
.mbx a:hover{ text-decoration: underline;}
@media screen and (max-width:1024px) {
.mbx{display: none;font-size:14px; line-height:24px;}	
}	


.slide1{ display:inline-flex;}
.slide1 .ul{ display:inline-flex; gap:0 10px;}
.slide1 .li{ display: inline-flex;}
.slide1 .li a{ display: inline-flex;color: #fff;font-size:0.2rem; line-height:0.3rem; border:1px solid rgba(255, 255, 255, 0.44); padding:7px 0.24rem; border-radius: 4px;}
.slide1 .li:hover a{border:1px solid rgba(255, 255, 255, 1); background:rgba(255, 255, 255, 0.8); color:#0A3A95;}
.slide1 .li.on a{border:1px solid rgba(255, 255, 255, 1);background:rgba(255, 255, 255, 0.8);  color:#0A3A95;}


@media screen and (max-width:1024px) {
.slide1{ width: 100%;}	
.slide1 .li a{ font-size:14px; line-height:24px; padding:4px 14px;}
}
@media screen and (max-width:767px) {
.slide1{ overflow-x: auto; padding:0 15px; }	
.slide1 .ul{ justify-content: flex-start; white-space: nowrap;}
}



.pf-right{display:block; z-index:111; position:fixed; right:0.35rem; bottom:10vh; width:0.48rem;}
.pf-right .ul{ display:flex; flex-wrap:wrap; justify-content: center; width:100%;}
.pf-right .li{ position: relative; display: block; width:100%;padding:3px 0;}
.pf-right .li .a{ display:flex; flex-wrap:wrap; width:100%; justify-content: center; align-items: center; line-height: 0; width:100%; height:0.48rem; border-radius:0.48rem; background:#F2F3F4; border-radius: 8px;}
.pf-right .li .a:hover{background:#0A3A95;}
.pf-right .li .a img{ width:24px; height:24px;}
.pf-right .li .a .img1{ display:block;}
.pf-right .li .a .img2{ display:none;}
.pf-right .li .a:hover .img1{ display:none;}
.pf-right .li .a:hover .img2{ display:block;}
.pf-right .tel{ position: absolute; right:100%; top:50%; background: #fff; border-radius:8px;color:#000; white-space: nowrap;
font-size: 18px;
font-weight: 400; display: flex; flex-wrap: wrap; flex-direction: column;
line-height: 0.48rem; padding:0 24px;
box-shadow:0 0 10px rgba(0,0,0,0.2); margin:0 22px 0 0;
-webkit-transition: all 500ms cubic-bezier(.5, 1, .4, 1);
	-moz-transition: all 500ms cubic-bezier(.5, 1, .4, 1);
	transition: all 500ms cubic-bezier(.5, 1, .4, 1);
	-webkit-transform-origin:90% 50%;
	-moz-transform-origin:90% 50%;
	-ms-transform-origin:90% 50%;
	-o-transform-origin:90% 50%;
	transform-origin:90% 50%;
	-webkit-transform: translateY(-50%) scale(0);
	-moz-transform: translateY(-50%) scale(0);
	-ms-transform: translateY(-50%) scale(0);
	-o-transform: translateY(-50%) scale(0);
	transform: translateY(-50%) scale(0)
}
.pf-right .tel::after{ display: block; content: ''; position: absolute; left: 100%; top:50%; margin:-10px 0 0 -2px; border-top: 10px solid transparent; border-bottom:10px solid transparent;border-left:12px solid #fff; }
.pf-right .li:hover .tel{opacity: 1;
	filter: alpha(opacity=100);
	display: block \9;
	pointer-events: auto;
	-webkit-transform: translateY(-50%) scale(1);
	-moz-transform: translateY(-50%) scale(1);
	-ms-transform: translateY(-50%) scale(1);
	-o-transform: translateY(-50%) scale(1);
	transform: translateY(-50%) scale(1);
}
.pf-right .er{ position: absolute; right:100%; top:50%; background: #fff;border-radius:8px; width:100px; line-height: 0; 
display: flex; flex-wrap: wrap; flex-direction: column; padding:4px;
box-shadow:0 0 10px rgba(0,0,0,0.2); margin:0 22px 0 0;
-webkit-transition: all 500ms cubic-bezier(.5, 1, .4, 1);
	-moz-transition: all 500ms cubic-bezier(.5, 1, .4, 1);
	transition: all 500ms cubic-bezier(.5, 1, .4, 1);
	-webkit-transform-origin:90% 50%;
	-moz-transform-origin:90% 50%;
	-ms-transform-origin:90% 50%;
	-o-transform-origin:90% 50%;
	transform-origin:90% 50%;
	-webkit-transform: translateY(-50%) scale(0);
	-moz-transform: translateY(-50%) scale(0);
	-ms-transform: translateY(-50%) scale(0);
	-o-transform: translateY(-50%) scale(0);
	transform: translateY(-50%) scale(0)
}
.pf-right .er::after{ display: block; content: ''; position: absolute; left: 100%; top:50%; margin:-10px 0 0 -2px; border-top: 10px solid transparent; border-bottom:10px solid transparent;border-left:12px solid #fff; }
.pf-right .li:hover .er{opacity: 1;
	filter: alpha(opacity=100);
	display: block \9;
	pointer-events: auto;
	-webkit-transform: translateY(-50%) scale(1);
	-moz-transform: translateY(-50%) scale(1);
	-ms-transform: translateY(-50%) scale(1);
	-o-transform: translateY(-50%) scale(1);
	transform: translateY(-50%) scale(1);
}


@media screen and (max-width:1700px) {
.pf-right{ right: 10px;}
}	
@media screen and (max-width:1024px) {
.pf-right{ display:none !important;}
}

.wap_hei{ width: 100%; height:52px; display:none; }	
.pf_down{ display:none;background:#F2F3F4; position: fixed; left: 0; bottom: 0; z-index:111; width: 100%; box-shadow:0 0 13px rgba(0,0,0,0.1);padding-bottom: constant(safe-area-inset-bottom);padding-bottom: env(safe-area-inset-bottom);}
.pf_down ul{ width: 100%; display: inline-flex; flex-wrap: wrap;}
.pf_down ul li{ width: 25%; text-align: center;}
.pf_down ul li a{ width: 100%; color: #000; font-size:13px; line-height:16px; display: inline-flex; flex-wrap: wrap; flex-direction: column; justify-content: center; align-items: center; padding:8px 0; }
.pf_down ul li a img{ width:18px; height: 18px;}
.pf_down ul li a span{ margin-top: 2px;}
.pf_down ul li a .img1{display:block; }
.pf_down ul li a .img2{display:none; }
.pf_down ul li a:hover .img2{display:block; }
.pf_down ul li a:hover .img1{display:none; }
.pf_down ul li a:hover{background:#0A3A95; color: #fff;}


@media screen and (max-width:767px) {
.pf_down{ display:block;}
/* .wap_hei{ display:block; }	 */

}

.dialog{
	width: 100%;
	height: 100%;
	background: rgba(0,0,0,.5);
	position: fixed;
	top: 0;
	left: 0;
	display: none;
	z-index: 9999999;
}
.dialog .msgBox{
	text-align: center;
	width: 14.9rem;
	margin: 0 auto;
	position: absolute;
	left: 50%;
	top: 50%;
	transform: translate(-50%,-50%);
	background: #FFF;
	box-shadow: 0 0 .1rem 0 #E6E6E6;
	box-sizing: border-box;
	border-radius: .1rem;
}
.dialog .msgBox img{
	display: block;
	margin: 0 auto;
	width: 2rem;
	margin-top: 1.49rem;
	margin-bottom: 0.85rem;
}
.dialog .msgBox .h2{
	font-size: 0.85rem;
	font-family: Source Han Sans CN;
	font-weight: bold;
	color: #000000;
	margin-bottom: 1.15rem;
}
.dialog .msgBox p{
	font-size: 0.72rem;
	font-family: Source Han Sans CN;
	font-weight: 400;
	color: #666666;
	margin-top:0.42rem;
}
.dialog .msgBox .h4{
	font-size: 0.72rem;
	font-family: Source Han Sans CN;
	font-weight: bold;
	color:#0A3A95;
	/* letter-spacing: 50px; */
	border-top: 1px solid #E5E5E5;
	line-height: 2.1rem;
	margin-top: 1.91rem;
}
#closeBook {
	width: .25rem;
	height: .25rem;
	background: rgba(255, 255, 255);
	border-radius: 50%;
	position: absolute;
	right: -.125rem;
	top: -.125rem;
	font-size: 0.125rem;
	text-align: center;
	line-height: .25rem;
}


.pagecon{padding-top:0.5rem; padding-bottom:0.5rem;}

.sitemap{ width:100%;float:left;}
.sitemap li{border-bottom:1px dashed #d2d2d2; padding:7px 0; float:left; line-height:40px;width:98%; padding-left:2%;  }
.sitemap li a{ margin-right:10px;font-size:12px; float:left; white-space: nowrap; font-size:14px;}
.sitemap li a:hover{color:#0A3A95;}
.sitemap li .font16{ font-size:16px;  /*color:#135fb1*/}
.sitemap li .font14{font-size:14px; }
.sitemap li .font12{ font-size:12px;  color:#999}