@font-face { font-family: 'hml'; src: url('fonts/HarmonyOS/Light.woff') format('woff'); font-weight: 100; font-display: swap; }
@font-face { font-family: 'hmr'; src: url('fonts/HarmonyOS/Regular.woff') format('woff'); font-weight: 400; font-display: swap; }
@font-face { font-family: 'hmm'; src: url('fonts/HarmonyOS/Medium.woff') format('woff'); font-weight: 500; font-display: swap; }
@font-face { font-family: 'hmb'; src: url('fonts/HarmonyOS/Bold.woff') format('woff'); font-weight: 700; font-display: swap; }
@font-face { font-family: 'Barlow-Bold'; src: url('fonts/Barlow-Bold.woff') format('woff'); font-weight: 700; font-display: swap; }
@font-face { font-family: 'Barlow-Medium'; src: url('fonts/Barlow-Medium.woff') format('woff'); font-weight: 700; font-display: swap; }
@font-face { font-family: 'Barlow-Regular'; src: url('fonts/Barlow-Regular.woff') format('woff'); font-weight: 700; font-display: swap; }
@font-face { font-family: 'Barlow-Light'; src: url('fonts/Barlow-Light.woff') format('woff'); font-weight: 700; font-display: swap; }
ul, li, form, dl, dt, dd, div, ul, li, p, em, i, address, ol { font-style: normal; list-style: none; padding: 0px; margin: 0px; }
h1, h2, h3, h4, h5, h6 { padding: 0px; margin: 0px; }
body { font-family: 'hml'; --hover-color: #0080C6; --white: #fff; --black: #000; --grey: #666; --grey2:#999; --rgb-white: 255, 255, 255; --rgb-black: 0, 0, 0; font-size: var(--font-size16); --rgb-hover: 0, 159, 124; --radius: .1rem; }
.Header { position: fixed; width: 100%; left: 0; top: 0; transition: .3s all;
	 z-index: 100; 
	 /* background: #fff  */
	}
.Header:after { content: ''; position: absolute; width: 100%; height: calc(100% + .3rem); left: 0; top: 0; background: linear-gradient(to bottom, rgba(0, 0, 0, 0.25) 0%, rgba(0, 0, 0, 0) 82%, rgba(0, 0, 0, 0) 100%); z-index: 1; display: none }
.Header .autoCon-1500 { position: relative; z-index: 10 }
.Header .logo img { max-height: .7rem; transition: .3s all }
.Header .logo img.img2 { margin-left: .1rem }
.Header .logo img.black { display: none; }

.top_main{
	display: flex;
	justify-content: space-between;
	height: .8rem;
}
.top_main .logo{
	display: flex;
	align-items: center;
	height: 100%;
}
.top_main .logo img{
	height: .6rem;
}


.Header .menu span { display: block; text-align: center; position: relative }
.Header .menu span a { 
	color: #fff;
	 transition: .3s all; position: relative; font-size: var(--font-size18); display: block; z-index: 10 }
.Header .menu span::before { content: ''; position: absolute; width: 100%; 
	/* height: 100%; */
	height: .02rem;

	 
	 background: #fff;
	  left: 0%; bottom: 0; transition: .3s all; opacity: 0; z-index: 0 }
.Header .top-right { 
	width: 60%;
}
/* .Header .top-h { }
.Header .top-h .top-hotline {font-size: var(--font-size18); color: #333; padding-left:3.8em; background: url(../images/top-hotline.svg)no-repeat center left; background-size: 3.3334em auto; display:flex; flex-direction:column; justify-content:center; align-items:flex-start;line-height:1.33em; height:3.99em;}
.Header .top-h .top-hotline dd span { font-family: 'hmb'; color: var(--hover-color) }
.Header .top-h .top-slogan { margin-left: 1.5rem; }
.Header .top-h .top-slogan .tit1 { font-size: var(--font-size36); color: #e67716; font-family: 'hmr'; text-align:center; padding-right: 4.5px;}
.Header .top-h .top-slogan .tit2 { font-size: var(--font-size20); color: #e67716; font-family: 'hmr'; letter-spacing: 9px; padding-left: 3px } */

.top-code { display: flex; margin-right: .2rem; align-items: center; position: relative; z-index: 10 }
.top-code dt { font-size: .14rem; color: #fff }
.top-code dd { position: relative; margin-right: .2rem; padding-right: .2rem; display: flex; align-items: center }
.top-code dd:not(:last-child)::before { content: ''; position: absolute; width: 1px; height: .12rem; background: #fff; right: 0; top: 50%; transform: translateY(-50%); opacity: .3 }
.top-code .top-code-img { }
.top-code .top-code-img img { max-height: 1rem }
.top-code span { font-size: .14rem; color: #fff; }
.top-code dd .top-code-img { position: absolute; left: 50%; top: calc(100% + 0.1rem); background-color: var(--white); width: 1.1rem; margin-left: -0.65rem; border-radius: 0.04rem; display: flex; align-items: center; justify-content: center; height: 1.1rem; transform: translateY(-0.3rem); opacity: 0; visibility: hidden; transition: 0.3s; box-shadow: 0 3px 12px rgba(0, 0, 0, .1) }
.top-code dd.show .top-code-img { transform: translateY(0); opacity: 1; visibility: visible; }
.top-code dd .top-code-img:after { position: absolute; content: ''; bottom: 100%; left: 50%; border: 5px solid transparent; border-bottom-color: var(--white); margin-left: -3px; }
/* .Header .top-b { background: var(--hover-color); } */
.top-lang { position: relative; z-index: 200; margin-right: .5rem }
.top-lang span { display: block; font-size: var(--font-size14); padding-left: 0.26rem; line-height: 1.57142857; background: no-repeat url(../images/top-lang-w.svg) left center; background-size: .18rem auto; cursor: pointer; color: #fff }
.top-lang .hover { position: absolute; top: 100%; left: 50%; width: max-content; background-color: #fff; padding: 1.2em 1em; visibility: hidden; opacity: 0; transform: translate(-50%, 0.3rem); transition: 0.3s; text-align: center; font-size: var(--font-size14); }
.top-lang .hover a:not(:hover) { color: #333 }
.top-lang .hover li + li { margin-top: 0.5em }
.top-lang.active .hover { visibility: visible; opacity: 1; transform: translate(-50%, 0) }
.Header .open-search { display: block; width: 0.2rem; height: .2rem; background: url(../images/search.svg) no-repeat center center; background-size: .18rem auto; cursor: pointer; transition: .3s all; }
.Header .top-search { width: 5rem; background-color: var(--white); border: 1px solid #ddd; display: flex; align-items: center; justify-content: center; border-radius: 0.1rem; overflow: hidden; transition: 0.3s; }
.Header .top-search .text { flex: 1; border: 0; height: .5rem; line-height: .5rem; padding: 0 1em; }
.Header .top-search .text:not(.focus) { color: rgba(var(--rgb-999), 1); }
.Header .top-search .btn { width: 1rem; height: .5rem; display: flex; align-items: center; justify-content: center; color: #fff; background: var(--hover-color); ; background-size: auto 0.22rem; cursor: pointer; }
.search-show .Header .open-search { }
.search-show .Header .top-search { opacity: 1; visibility: visible; transform: translateY(0); }
.Header_fixed { box-shadow: 0 3px 6px rgba(0, 0, 0, .05); }
.Header_fixed .logo img.white { display: none }
.Header_fixed .logo img.black { display: block }
.Header_fixed .menu a { }
.Header_fixed .open-search { }
.Header_fixed .top-lang span { color: #333; background: no-repeat url(../images/top-lang.svg) left center; background-size: .18rem auto; }
.Header_fixed .top-hotline span { color: var(--hover-color); }
.Header_fixed .top-hotline span::before { filter: none; }
.Header_fixed:after { display: none }
.Header .menu li:hover span a, .Header .menu li.aon span a { }
.Header .menu li:hover span::before, .Header .menu li.aon span::before { opacity: 1 }


.Header.white{
background: var(--hover-color);
}
.Header.white .menu li.aon span::before {
    height: 100%;
		background: #0493e1;
}


@media(min-width:1025px) {
	.Header .top-h .autoCon-1400 { height: 1.2rem; }
	.Header .top-mid { width: 46%; }
	.Header .menu { display: flex; justify-content: space-between; }
	.Header .menu li { line-height: .8rem; }
	.Header .open-menu { display: none }
	.Header menu li .sub { position: absolute; top: 100%; background-color: #fff; border-radius: 0 0 5px 5px; overflow: hidden; width: 100%; left: 0; margin-left: 0 }
}
@media(max-width:1024px) {
	.Header .top-h .top-hotline {font-size: var(--font-size18); color: #333; padding-left:3.2em; background: url(../images/top-hotline.svg)no-repeat center left; background-size:2.5em auto; display:flex; flex-direction:column; justify-content:center; align-items:flex-start;line-height:1.33em; height:3.57em;}
	/* .Header { border-bottom: 4px solid var(--hover-color) } */
	.Header .top-h .autoCon-1400 { position: relative; padding: 1.1rem 0 .2rem; height: 1.66rem }
	.Header .logo img { max-height: .52rem }
	.Header .logo img.img2 { margin-left: .1rem }
	.Header .top-h .top-slogan { margin-left: 0; position: absolute; top: .2rem; left: 0 }
	.Header .top-h .top-slogan .tit1 { font-size: var(--font-size30); }
	.Header .top-h .top-slogan .tit2 { font-size: var(--font-size16); letter-spacing: 7px;}
	.Header .top-h .top-hotline {font-size: var(--font-size16); position: absolute; right: 0; top: .2rem;}
	.Header .top-h .top-hotline dd span {display:block;}

	/* .Header .open-menu { background: var(--hover-color); } */
	/* .Header .open-menu i{
		background-color: #000;
	} */
	.Header .open-menu i { widtrgin-left: 6px }
	.Header .top-b { }
	.Header menu { position: fixed; right: -100%; top: .6rem; height: calc(100% - .8rem); overflow: auto; background-color: #fff; width: 3rem; opacity: 0; transition: 0.3s ease; }
	.menu-show .Header menu { right: 0; opacity: 1; transform: translateX(0); }
	.Header menu li { width: 100% !important; }
	.Header .menu span { line-height: .6rem; text-align: left; padding: 0 .5rem 0 .2rem }
	.Header .menu li:not(.aon, :hover) span a { color: #333 }
	.Header menu li .sub { background-color: rgba(0, 0, 0, 0.1); }
	.has-multi aside .op-multi:before, .has-multi aside .op-multi:after, .has-sub span .op:before, .has-sub span .op:after { background: #333 }
	.has-multi:hover aside .op-multi:before, .has-multi.aon aside .op-multi:before, .has-multi:hover aside .op-multi:after, .has-multi.aon aside .op-multi:after, .has-sub:hover span .op:before, .has-sub.aon span .op:before, .has-sub:hover span .op:after, .has-sub.aon span .op:after { background: #fff }
	.Header .top-right{
		width: auto;
		position: relative;
	}
	.Header .open-menu {
    right: 0;
	}
	.top_main .logo img {
    max-height: .36rem;
	}

	.top_main {
			height: .6rem;
	}

	

}
@media(max-width:768px) {
.open-menu {
    width: 30px;
    height: 20px;
	}
}
.banner a { }
.banner a video { width: 100%; }
.banner .slick-dots { position: absolute; left: 0; width: 100%; text-align: center; bottom: .4rem; z-index: 10; }
.banner .slick-dots li { width: .12rem; height: .12rem; border: 1px solid #fff; border-radius: 50%; cursor: pointer; display: inline-block; margin: 0 .1rem; }
.banner .slick-dots li button { display: none; }
.banner .slick-dots li.slick-active { background-color: #fff; }
@media (min-width:1025px) {
	.banner .wap { display: none; }
}
@media (max-width:1024px) {
	.banner .pc { display: none; }
}
.Banner003223 { position: relative; z-index: 1; --white: #fff; }
.Banner003223 .swiper-wrapper { height: auto; }
.Banner003223 .txt { position: absolute; left: 0; top: 0; height: 100%; width: 100%; display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -ms-flex-align: center; align-items: center; z-index: 13; color: var(--white); padding-bottom: .3rem }
.Banner003223 .txt:where(h3, p, .index-more) { opacity: 0; transform: translateX(1rem); transition: 0.5s; }
.Banner003223 .txt h3 { margin: 0; font-size: 0.6rem; line-height: 1.19047619; transition-delay: 0.5s; text-align: center; font-family: 'hmb'; }
.Banner003223 .txt h3 span { color: var(--hover-color) }
.Banner003223 .txt p { padding: .3rem 0 0 0; font-size: var(--font-size20); line-height: 1.2; max-width: 8.9rem; margin: 0 auto; transition-delay: 0.8s; text-align: center; line-height: 1 }
.Banner003223 .txt .index-more { transition-delay: 1.1s }
.Banner003223 .controls-page { bottom: 3.06826802%; position: absolute; z-index: 10; text-align: center; }
.Banner003223 .controls-page span { width: 0.14rem; height: 0.14rem; border: 1px solid rgba(255, 255, 255, 0.4); margin: 0 0.13rem; display: block; border-radius: 50%; opacity: 1; background: none; }
.Banner003223  .controls-page span.swiper-pagination-bullet-active { border-color: var(--hover-color); background-color: var(--hover-color); }
.Banner003223 .swiper-slide-active .txt:where(h3, p, .index-more) { opacity: 1; transform: translateX(0) }
.Banner003223 .swiper-slide img { transform: scale(1) rotate(0deg); }
.Banner003223 .swiper-slide-active img { }
.Banner003223 .banner_txt {
    position: absolute;
    bottom: 11%;
    left: 50%;
    right: 0;
    z-index: 3;
		transform: translate(-50%,0);
		width: 100%;
}
.Banner003223 .swiper-slide .banner_tit{
	transform: translate(0,-.3rem);
	transition: all .8s;
	color:#fff;
	font-size: .34rem;
	opacity: 0;
	font-weight: 700;
	text-align: center;
}
.Banner003223 .swiper-slide-active .banner_tit{
	opacity: 1;
	transform: unset;
}
@media (max-width:1024px) {
	.Banner003223 .txt h3 { font-size: var(--font-size32); }
	.Banner003223 .txt p { font-size: var(--font-size18); margin-bottom: 2em; }
	.Banner003223 .index-more a { line-height: 3; }
	.Banner003223 .index-more a:after, .Banner003223 .index-more a::before { width: calc(3em - 0.08rem); height: calc(3em - 0.08rem); }
	.Banner003223 .index-more a:after { margin-left: 0.3rem; }
}
@media (max-width:640px) {
.Banner003223 .swiper-slide .banner_tit {
    font-size: .24rem;
}
.Banner003223 .banner_txt {
    top: 50%;
    bottom: unset;
    transform: translate(-50%,-50%);
}
}



.home-title { padding-bottom: .3rem }
.home-title.ct { text-align: center; }
.home-title .home-title-tit { color: #000; font-size: var(--font-size40); font-family: 'hmb'; }
.home-title .home-title-tit::before { content: ''; display: block; width: .37rem; height: 3px; background: var(--hover-color); border-radius: 2px; margin-bottom: .16rem }
.home-title .home-title-desc { color: #000; font-size: var(--font-size19); line-height: 1.5; width: 60%; }
.home-title.ct .home-title-desc { margin: 0 auto; width: 40%; }
.home-title.ct .home-title-tit::before { margin: 0 auto .16rem }
.home-title .home-title-tit.home-title-tit1 { font-size: var(--font-size32); }
.home-title.white .home-title-tit, .home-title.white .home-title-desc { color: #fff; }
.home-title.hover span { color: var(--hover-color); }
.home-title.white .home-title-tit::before { background: #fff; }
.home-more span { display: flex; align-items: center; color: var(--hover-color); transition: .5s; transition: .3s all; border-radius: 36px; width: 1.6rem; height: .5rem; border: 1px solid var(--hover-color); justify-content: center; }
.home-more span i { width: .12rem; height: .12rem; background: url(../images/icon-jt2.svg)no-repeat center; background-size: .12rem auto; position: relative; margin-left: .2rem }
.home-more span:hover { border-color: var(--hover-color); color: #fff; background: var(--hover-color); }
.home-more span:hover i { filter: grayscale(100) brightness(100); }
.index_about { padding: var(--padMar100) 0; overflow: hidden; position: relative; }
.index_about::before { content: ""; position: absolute; top: -35.625vw; left: -98.9583333333vw; right: auto; bottom: auto; height: 90.0520833333vw; width: 139.84375vw; background-image: url(../images/index_about-bg2.png); background-position: 50%; background-repeat: no-repeat; background-size: cover; z-index: 0; opacity: .3 }
.index_about::after { content: ""; position: absolute; bottom: 0; right: 0; height: 32.0520833333vw; width: 49.84375vw; background-image: url(../images/index_about-bg3.png); background-position: 50%; background-repeat: no-repeat; background-size: cover; z-index: 0; opacity: .5 }
.index_about .autoCon-1400 { position: relative; z-index: 10 }
.index_about .desc { line-height: 1.75; color: #000 }
.index_about .desc p:not(:last-child) { margin-bottom: .1rem }
.index_about .home-more span { margin: .5rem 0 0; }
.index_about .pic { position: relative }
.index_about .pic figure { padding-bottom: 60.145%; border-radius: var(--radius); }
.index_about .slick-dots { position: absolute; z-index: 10; left: 0; width: 100%; bottom: 0%; text-align: center; background-image: linear-gradient(transparent, rgba(0, 0, 0, 0.4)); border-radius: var(--radius); padding: 0.14rem 0; }
.index_about .slick-dots li { display: inline-block; width: 22px; height: 22px; cursor: pointer; border: 1px solid  transparent; margin: 0 9px; position: relative; border-radius: 50%; }
.index_about .slick-dots li button { position: absolute; background: #fff; font-size: 0; width: 6px; height: 6px; border-radius: 50%; left: 50%; top: 50%; margin: -3px 0 0 -3px; border: 0; padding: 0; cursor: pointer; }
.index_about .slick-dots li.slick-active { border-color: #fff; }
.index_about .num_box { padding-top: .8rem }
.index_about .num_box ul { display: flex; justify-content: space-between; }
.index_about .num_box li .counter { color: var(--hover-color); font-size: var(--font-size50); font-family: 'Barlow-Medium'; }
.index_about .num_box li .unit1 { color: var(--hover-color); font-size: var(--font-size30); }
.index_about .num_box li .unit2 { color: var(--hover-color); font-size: var(--font-size20); }
.index_about .num_box li .tit { color: #000; padding-top: .05rem }
@media(min-width:1025px) {
	.index_about .left { flex: 1; padding-right: 10% }
	.index_about .right { width: 50%; flex: 0 0 auto }
}
@media(max-width:1024px) {
	.index_about .pic { margin-top: .3rem }
	.index_about .num_box { padding-top: .4rem; }
	.index_about .num_box ul { flex-wrap: wrap; }
	.index_about .num_box li { width: 50%; margin-top: .2rem }
}
.index_pro { padding: var(--padMar100) 0; background: #eaf3fc }
.index_pro .left { border-radius: var(--radius); overflow: hidden; background: url(../images/index_product-bg.jpg)no-repeat center; background-size: cover; padding: .3rem 1.5vw 0.3rem; }
.index_pro .left .title { background: var(--hover-color); color: #fff; font-size: var(--font-size22); padding: .2rem .3rem; font-family: 'hmm' }
.index_pro .left .slick-dots { }
.index_pro .left .slick-dots li { margin-bottom: .1rem; cursor: pointer; padding: .1rem 0; color: #fff; border-radius: var(--radius); }
.index_pro .left .slick-dots li span { display: block; line-height: 1.5; padding: 0 .2rem }
.index_pro .left .slick-dots li.slick-active { background: #fff; color: var(--hover-color) }
.index_pro .right .box .lis { display: flex; flex-wrap: wrap; 
padding-right: .1rem;
}
.index_pro .right .box li { border: 1px solid #f0f0f0; border-radius: var(--radius); overflow: hidden; width: calc(24.3% - 1px); margin-right: 1%; }
.index_pro .right .box li:not(:nth-child(-n+4)) { margin-top: .1rem }
.index_pro .right .box li:nth-child(4n) { margin-right: 0% }
.index_pro .right .box li .pic { overflow: hidden }
.index_pro .right .box li .pic figure { padding-bottom: 75.24%; transition: .5s }
.index_pro .right .box li .txt { background: #fff; padding: .1rem .2rem; text-align: center }
.index_pro .right .box li .txt .tit { color: #000; }
.index_pro .right .box li .txt span { font-size: 12px; color: #999 }
.index_pro .right .box li:hover .pic figure { transform: scale(1.1) }
.index_pro .right .box li:hover .txt { background: var(--hover-color) }
.index_pro .right .box li:hover .txt .tit, .index_pro .right .box li:hover .txt span { color: #fff }
.index_pro .right .slick-arrow { position: absolute; width: .4rem; height: .4rem; border-radius: 50%; font-size: 0; padding: 0; border: 0; background: url(../images/icon-jt3.svg)no-repeat center #ccc; background-size: .12rem auto; top: 46%; z-index: 10; cursor: pointer }
.index_pro .right .slick-prev { transform: rotateY(180deg); }
.index_pro .right .slick-next { right: .05rem; }
.index_pro .right .slick-arrow:hover { background: url(../images/icon-jt2-w.svg)no-repeat center #0082fc; background-size: .12rem auto; }
@media(min-width:1025px) {
	.index_pro .left { width: 18%; flex: 0 0 auto;margin-right: 0.2rem; }
	.index_pro .right { flex: 1 1 auto;overflow: hidden; }
	.index_pro .right .box { padding: 0 0 0 2%; }
}
@media(max-width:1600px) {
	.index_pro .left .slick-dots li span { padding: 0 .1rem }
}
@media(max-width:1024px) {
	.index_pro .left { padding: .3rem .2rem .6rem; }
	.index_pro .left .slick-dots { display: flex; justify-content: space-between; flex-wrap: wrap }
	.index_pro .left .slick-dots li { width: 46% }
	.index_pro .right .box { padding: .2rem 0 0 0; }
	.index_pro .right .box li { width: calc(49.3% - 1px) }
	.index_pro .right .box li:nth-child(2n) { margin-right: 0% }
}
.index_solu { padding: var(--padMar100) 0; position: relative; overflow: hidden; background: url(../images/index_solu-bg.jpg)no-repeat center top #f5f8fb }
.index_solu .bg { position: absolute; width: 100%; top: 0; left: 0; height: 5.4rem; background-size: cover; background-position: center; background-repeat: no-repeat; z-index: 0; display: none }
.index_solu .con { position: relative; z-index: 10 }
.index_solu .con .info { text-align: center; color: #333; line-height: 1.75; max-width: 65%; margin: 0 auto }
.index_solu .con .list { position: relative; z-index: 10 }
.index_solu .con .btn { display: flex; justify-content: center; margin-top: 0.6rem }
.index_solu .swiper { margin-top: .6rem }
.index_solu .swiper .swiper-slide .pic { overflow: hidden; border-radius: var(--radius); }
.index_solu .swiper .swiper-slide .pic figure { padding-bottom: 60%; transition: .3s all }
.index_solu .swiper .swiper-slide:hover .pic figure { transform: scale(1.05) }
.index_solu .swiper .swiper-slide .txt { padding-top: .2rem }
.index_solu .swiper .swiper-slide .txt .it { font-size: var(--font-size20); color: #000; padding-bottom: .15rem }
.index_solu .swiper .swiper-slide .txt .desc { color: #999; line-height: 1.75 }
.index_solu .controls a { position: absolute; ; width: 0.55rem; height: 0.55rem; border-radius: 50%; border: solid 1px var(--hover-color); background-position: center center; background-repeat: no-repeat; background-size: auto 0.14rem; cursor: pointer; transition: 0.3s; background-image: url(../images/icon-jt2.svg); top: 38%; margin-top: -.26rem; z-index: 10 }
.index_solu .controls a.prev { left: -.8rem; transform: rotate(180deg); }
.index_solu .controls a.next { right: -.8rem; }
.index_solu .controls a:hover { background-color: var(--hover-color); background-image: url(../images/icon-jt2-w.svg); border-color: var(--hover-color); }
@media(max-width:1024px) {
	.index_solu .con .info { max-width: 100%; }
	.index_solu .controls a.prev { left: .2rem; }
	.index_solu .controls a.next { right: .2rem; }
	.index_solu .controls a { border: solid 1px #fff; background-position: center center; background-repeat: no-repeat; background-size: auto 0.14rem; background-image: url(../images/icon-jt2-w.svg); }
}
.index_core { padding: var(--padMar100) 0; position: relative; overflow: hidden; background: url(../images/index_core-bg.jpg)no-repeat center; background-size: cover; }
.index_core .list { display: flex; flex-wrap: wrap; justify-content: space-between; padding-top: .2rem }
.index_core .list .item { width: calc(33.33% - .1rem); background: rgba(255, 255, 255, .85); border-radius: var(--radius); padding: .5rem; text-align: center; transition: .3s all }
.index_core .list .item .tit { font-size: var(--font-size24); color: #000; font-family: 'hmm'; padding-bottom: .2rem }
.index_core .list .item .desc { line-height: 1.75 }
.index_core .list .item .icon { text-align: center; margin-bottom: .3rem }
.index_core .list .item .icon img { max-height: .6rem }
.index_core .btn { display: flex; justify-content: center; margin-top: .6rem }
.index_core .btn .home-more span:not(:hover) { border-color: #fff; color: #fff; }
.index_core .btn .home-more span i { filter: grayscale(100) brightness(100); }
.index_core .list .item:hover { background: var(--hover-color) }
.index_core .list .item:hover .tit { color: #fff }
.index_core .list .item:hover .desc { color: #fff }
.index_core .list .item:hover .icon img { filter: grayscale(100) brightness(100); }
@media(max-width:1024px) {
	.index_core .list .item { width: 100%; margin-bottom: .1rem }
}
.index_process { padding: var(--padMar100) 0; position: relative; overflow: hidden; background: #eaf3fc }
.index_process .info { text-align: center; color: #333; line-height: 1.75; max-width: 65%; margin: 0 auto }
.index_process .con { padding-top: .8rem }
.index_process .btn { display: flex; justify-content: center; margin-top: 1rem }
.index_news { padding: var(--padMar100) 0; position: relative; overflow: hidden; z-index: 2; background-size: cover }
.index_news .title { display: flex; align-items: center; justify-content: space-between; margin-bottom: .8rem; }
.index_news .Hometitle { }
.index_news .main { position: relative; padding-top: .2rem }
.index_news .pic { position: relative; overflow: hidden; border-radius: var(--radius); }
.index_news .pic img { position: absolute; left: 0; top: 0; width: 100%; height: 100%; object-fit: cover; transition: .3s all }
.index_news .pic figure { padding-bottom: 61.795%; transition: .3s all }
.index_news .txt { border-bottom: 1px solid #ebebeb; padding-bottom: .2rem }
.index_news .txt .it { line-height: 1.4; height: .6rem; margin: 0; font-size: var(--font-size20); color: #010101; font-weight: normal; }
.index_news .txt .desc { line-height: 1.75; padding-top: .15rem; color: #999 }
.index_news .txt .btns { display: flex; align-items: center; justify-content: space-between; padding-top: .5rem }
.index_news .txt .tip { display: flex; align-items: center; }
.index_news .txt .tip .tt { height: .2rem; padding: 0 .04rem; line-height: .18rem; font-size: .12rem; color: var(--hover-color); background: #d4ecf9; border: 1px solid #b5dcf1; border-radius: 6px; margin-left: .2rem }
.index_news .txt .time { color: #999; font-size: var(--font-size14); padding: .15rem 0 }
.index_news .btn { display: flex; justify-content: center; margin-top: .5rem }
.index_news .controls a { position: absolute; ; width: 0.55rem; height: 0.55rem; border-radius: 50%; border: solid 1px var(--hover-color); background-position: center center; background-repeat: no-repeat; background-size: auto 0.14rem; cursor: pointer; transition: 0.3s; background-image: url(../images/icon-jt2.svg); top: 38%; margin-top: -.26rem }
.index_news .controls a.prev { left: -.8rem; transform: rotate(180deg); }
.index_news .controls a.next { right: -.8rem; }
.index_news .controls a:hover { background-color: var(--hover-color); background-image: url(../images/icon-jt2-w.svg); border-color: var(--hover-color); }
@media(max-width:1024px) {
	.index_news .controls a { top: auto; bottom: -1.02rem; margin-top: 0 }
	.index_news .controls a.prev { left: .4rem; transform: rotate(180deg); }
	.index_news .controls a.next { right: .4rem; }
}
.Bottom { background: #f4f4f4; background-size: cover; padding-top: .8rem; padding-bottom: 0.4rem; --white: #000; --white-rgb: 0, 0, 0; --white-opacity-10:rgba(var(--white-rgb), 0.1); --white-opacity-30:rgba(var(--white-rgb), 0.3); --white-opacity-50:rgba(var(--white-rgb), 0.5); --white-opacity-75:rgba(var(--white-rgb), 0.75); }
.Bottom, .Bottom a:not(:hover) { color: var(--white); }
.Bottom .logo { margin-bottom: .4rem }
.Bottom .logo img { max-height: .7rem; }
.Bottom .f-top { padding-bottom: 0.5rem; margin-bottom: .5rem; border-bottom: 1px solid rgba(0, 0, 0, .1) }
.Bottom .f-mid { padding-bottom: 0.5rem; }
.Bottom .f-bottom { padding: 0.3rem 0 0; font-size: var(--font-size14); }
.Bottom .f-bottom, .Bottom .f-bottom a:not(:hover) { color: var(--white-opacity-50); }
.Bottom .f-mid .f-mid-l aside { padding-bottom: .1rem; opacity: .5 }
.Bottom .f-mid .f-mid-r { text-align: right }
.Bottom .follow-us { display: flex; align-items: center; margin-top: .3rem }
.Bottom .follow-us ol { opacity: .75; }
.Bottom .follow-us li { position: relative; z-index: 10 }
.Bottom .follow-us li +li { margin-left: 0.2rem; }
.Bottom .follow-us li a { display: flex; border-radius: 50%; width: 0.5rem; height: 0.5rem; align-items: center; justify-content: center; transition: 0.3s; cursor: pointer; background: rgba(0, 0, 0, .08) }
.Bottom .follow-us li a:hover { background: var(--hover-color) }
.Bottom .follow-us li a:after { width: 0.2rem; height: 0.2rem; background-position: center center; background-repeat: no-repeat; background-size: .2rem auto; transition: 0.3s; content: ''; display: block; }
.Bottom .follow-us li a:hover:after { opacity: 1; }
.Bottom .follow-us li.li-in a:after { background-image: url(../images/Bottom-in.svg); }
.Bottom .follow-us li.li-wx a:after { background-image: url(../images/Bottom-wx.svg); }
.Bottom .follow-us li.li-wb a:after { background-image: url(../images/Bottom-wb.svg); }
.Bottom .follow-us li.li-dy a:after { background-image: url(../images/Bottom-douyin.svg); }
.Bottom .follow-us li.li-fb a:after { background-image: url(../images/Bottom-fb.svg); }
.Bottom .follow-us li.li-tw a:after { background-image: url(../images/Bottom-tw.svg); }
.Bottom .follow-us li.li-wx a:after { background-image: url(../images/Bottom-wx.svg); }
.Bottom .follow-us li.li-douyin a:after { background-image: url(../images/Bottom-douyin.svg); }
.Bottom .follow-us li .hover { position: absolute; left: 50%; bottom: calc(100% + 0.12rem); background-color: var(--white); width: 1.5rem; margin-left: -0.75rem; border-radius: 0.04rem; display: flex; align-items: center; justify-content: center; height: 1.5rem; transform: translateY(-0.3rem); opacity: 0; visibility: hidden; transition: 0.3s; }
.Bottom .follow-us li.show .hover { transform: translateY(0); opacity: 1; visibility: visible; }
.Bottom .follow-us li .hover:after { position: absolute; content: ''; top: 100%; left: 50%; border: 3px solid transparent; border-top-color: var(--white); margin-left: -3px; }
.Bottom .copyright { }
.Bottom .contact { }
.Bottom .contact dt { margin-bottom: .2rem; display: block; color: var(--hover-color); font-size: var(--font-size18); }
.Bottom .contact dd span { margin-bottom: .05rem; display: flex; align-items: center }
.Bottom .contact dd span.tel::before { content: ''; width: .2rem; height: .2rem; background: url(../images/icon-tel.svg)no-repeat center left; background-size: .2rem auto; margin-right: .07rem }
.Bottom .contact dd span.add { background: url(../images/icon-add.svg)no-repeat center left; background-size: .2rem auto }
.Bottom .contact dd .phone { font-size: .32rem; font-family: 'Barlow-Bold'; color: var(--hover-color) }
.Bottom .contact dd + dd { margin-top: 0.25rem; }
.Bottom nav dd { }
.Bottom nav dt { position: relative; font-weight: 500; font-size: var(--font-size18); padding-bottom: .15rem }
.Bottom nav dt a { color: var(--hover-color); }
.Bottom nav dd { line-height: .3rem; font-size: var(--font-size14); }
.Bottom nav dd a:not(:hover) { color: var(--white-opacity-75); }
.Bottom nav dd a:hover { color: var(--hover-color); }
.Bottom nav dd img { width: 1rem; }
.Bottom .icp { display: flex; align-items: center; }
.Bottom .icp a { display: flex; }
.Bottom .icp a:before { display: block; content: ''; background: url(../images/Bottom003207-security.png) no-repeat center center / contain; width: 0.18rem; height: 0.2rem; margin-right: 0.06rem; }
.Bottom .link a { display: inline-block; margin-left: .2rem }
.Bottom .code span { margin-left: .1rem }
.Bottom .code img { width: 1rem }
@media (min-width:1025px) {
	.Bottom .f-top { display: flex; align-items: center; justify-content: space-between }
	.Bottom .f-mid { display: flex; justify-content: space-between }
	.Bottom .f-mid nav { display: flex; justify-content: space-between }
	.Bottom .f-bottom { border-top: 1px solid var(--white-opacity-10); }
	.Bottom .contact { width: calc(450 / 1500 * 100%); }
	.Bottom nav { width: calc(950 / 1500 * 100%); }
	.Bottom nav dt { }
	.Bottom nav dd { display: block !important; }
}
@media (max-width:1024px) {
	.Bottom { padding: .5rem 0 }
	.Bottom .logo { margin: 0 auto 0.2rem; text-align: center }
	.Bottom .follow-us { justify-content: center; }
	.Bottom .contact dl { text-align: center }
	.Bottom .contact dd span { justify-content: center }
	.Bottom nav { border-top: 1px solid var(--white-opacity-10); display: none }
	.Bottom nav dl { border-bottom: 1px solid var(--white-border-radius:var(--radius); 237opacity-10); transition: 0.3s; }
	.Bottom nav dt { overflow: hidden; padding: 0.1rem 0; }
	.Bottom nav dd { display: none; }
	.Bottom .wap-b-op { position: absolute; right: 0; top: 0; width: 0.3rem; height: 100%; top: 0; background: url(../images/Bottom-open.svg) no-repeat center center / 50% auto; transition: 0.3s; }
	.Bottom dl.active { padding-bottom: 0.2rem; }
	.Bottom .active .wap-b-op { transform: rotate(45deg); }
	.Bottom .f-bottom { text-align: center; padding-top: 0 }
	.Bottom .icp { margin-top: 0.15rem; justify-content: center }
	.Bottom .icp a { display: inline-flex; margin: 0 .1rem }
	.Bottom .icp a:before { display: none; }
}
.Other { position: fixed; right: .1rem; top: 50%; transform: translateY(-50%); z-index: 99; }
.Other ul { border-radius: .1rem; box-shadow: 0 0px 8px rgba(0, 0, 0, .15); }
.Other li { position: relative; }
.Other li:first-child a { border-radius: .1rem .1rem 0 0 }
.Other li:last-child a { border-radius: 0 0 .1rem .1rem }
.Other li:not(:last-child) a { border-bottom: 1px solid #ebebeb }
.Other li a { display: flex; width: .6rem; height: .6rem; background: #fff; justify-content: center; flex-wrap: wrap; align-items: center; align-content: center; }
.Other li a span { font-size: .14rem; color: #333; width: 100%; text-align: center; line-height: 1 }
.Other li a.zx::before { content: ''; width: .3rem; height: .2rem; background: url(../images/icon-zx.svg)no-repeat center; background-size: .2rem auto; margin-bottom: 5px }
.Other li a.tel::before { content: ''; width: .3rem; height: .2rem; background: url(../images/icon-phone.svg)no-repeat center; background-size: .2rem auto; margin-bottom: 5px }
.Other li a.wx::before { content: ''; width: .3rem; height: .2rem; background: url(../images/icon-wx.svg)no-repeat center; background-size: .2rem auto; margin-bottom: 5px }
.Other li a.mail::before { content: ''; width: .3rem; height: .2rem; background: url(../images/icon-mail.svg)no-repeat center; background-size: .2rem auto; margin-bottom: 5px }
.Other li a.message::before { content: ''; width: .3rem; height: .2rem; background: url(../images/icon-message.svg)no-repeat center; background-size: .2rem auto; margin-bottom: 5px }
.Other li a.gotop { background: var(--hover-color) }
.Other li a.gotop::before { content: ''; width: .3rem; height: .2rem; background: url(../images/icon-top.svg)no-repeat center; background-size: .2rem auto; }
.Other .tipInfo { position: absolute; right: .6rem; top: 0; background-color: #fff; box-shadow: 0 0 18px rgba(1, 100, 183, 0.16); width: 2.5rem; border-radius: 0.1rem; padding: .3rem; visibility: hidden; opacity: 0; z-index: -1; transition: all 0.5s; }
.Other .tipInfo p { color: #333; line-height: 1.75 }
.Other .tipInfo p img { max-width: 1.5rem; display: block; margin: 0 auto }
.Other .tipInfo:after { width: 10px; height: 10px; background-color: #fff; content: ""; right: -5px; top: 25px; position: absolute; transform: rotate(45deg); }
.Other li:hover .tipInfo { z-index: 10; opacity: 1; visibility: visible; right: 1rem }
.Other li a:hover { background: var(--hover-color) }
.Other li a:hover span { color: #fff; }
.Other li a:hover::before { filter: grayscale(100) brightness(100); }
.cbanner { position: relative; background: var(--hover-color) }
.cbanner figure { height: 7.7rem; }
.cbanner .txt { position: absolute; left: 0; top: 0; width: 100%; height: 100%; display: flex; align-items: center; }
.cbanner .txt .tit { font-size: var(--font-size40); color: #fff; padding-bottom: .2rem; font-family: 'hmm' }
.cbanner .txt .desc { font-size: var(--font-size18); color: #fff; }
@media(max-width:1024px) {
	.cbanner figure { height: 3rem; }
}
.cmenu { border-bottom: 1px solid #ebebeb }
.cmenu .nav { flex-wrap:wrap }
.cmenu .nav li:not(:last-child) { margin-right: .6rem }
.cmenu .nav li a { display: block; line-height: .8rem; font-size: var(--font-size18); position: relative; color: #000 }
.cmenu .nav li a::after { content: ''; position: absolute; width: 100%; height: 2px; background: var(--hover-color); left: 0; bottom: -1px; opacity: 0; }
.cmenu .nav li:hover a, .cmenu .nav li.aon a { color: var(--hover-color); }
.cmenu .nav li:hover a, .cmenu .nav li.aon a::after { opacity: 1; }
.cmenu .location {font-family: 'hml';font-size: var(--font-size14);padding-left: .24rem;background: url(../images/icon-home.svg)no-repeat center left;background-size: .16rem auto;line-height: .8rem;white-space: nowrap;}
.cmenu .location a { color: #000; opacity: .5; }
.cmenu .location a:hover { opacity: 1; color: var(--hover-color); }
.cmenu .location span { color: var(--hover-color); }
.cmenu .location i { margin: 0 .05rem; color: #000; opacity: .5; }
.cmenu_prodetail { background: #f6f9fb; border-bottom: 0; }
.cmenu .location_prodetail { line-height: .8rem; }
@media(max-width:1024px) {
	.cmenu .nav { flex-wrap: wrap }
	.cmenu .nav li:not(:last-child) { margin-right: .2rem }
	.cmenu .nav li a { line-height: .6rem; }
	.cmenu .location { display: none }
}
.About { padding: var(--padMar100) 0; }
.About .txt { padding-bottom: .7rem; }
.About .txt .tit { font-size: var(--font-size40); color: #000; font-family: 'hmm'; padding-bottom: .3rem }
.About .txt .desc { line-height: 2; color: #000; }
.About .pic ul { display: grid; gap: .2rem; grid-template-areas: 'a b c' 'a d c' }
.About .pic li { position: relative; padding-bottom: 50% }
.About .pic li:nth-child(1) { grid-area: a; }
.About .pic li:nth-child(2) { grid-area: b; }
.About .pic li:nth-child(3) { grid-area: c; }
.About .pic li:nth-child(4) { grid-area: d; }
.About .pic li .imgbox { position: absolute; overflow: hidden; width: 100%; height: 100%; border-radius: var(--radius); }
.About .pic li .imgbox span { position: absolute; width: 100%; height: 100%; top: 0; left: 0; display: flex; justify-content: center; align-items: center }
.About .pic li .imgbox span img { width: 100%; height: 100%; object-fit: cover }
@media(max-width:1024px) {
	.About .txt .tit { font-size: var(--font-size36); }
	.About .pic ul { gap: .1rem; }
}
.Culture { padding: var(--padMar100) 0; overflow: hidden }
.Culture .title { font-size: var(--font-size60); color: #333; text-align: center; font-family: 'hmm'; padding-bottom: .5rem }
.Culture .box1 .list .item { display: flex; justify-content: space-between; margin-bottom: .14rem }
.Culture .box1 .list .item .txt { background: #f8f8f8; border-radius: var(--radius); padding: .1rem .5rem; display: flex; flex-direction: column; justify-content: center; }
.Culture .box1 .list .item .txt .entit { padding-bottom: .15rem; }
.Culture .box1 .list .item .txt .entit span { display: inline-block; font-size: var(--font-size46); font-family: 'Barlow-Bold'; background: linear-gradient(45deg, #9cc71b, #0080c6); background-clip: text; -webkit-background-clip: text; -webkit-text-fill-color: transparent; text-transform: uppercase; line-height: 1; }
.Culture .box1 .list .item .txt .tit span { display: inline-block; font-size: var(--font-size32); color: #333; font-family: 'hmm'; border-bottom: 2px solid #ddd; padding-bottom: .15rem; margin-bottom: .15rem }
.Culture .box1 .list .item .txt .desc { color: #333; font-size: var(--font-size18); }
.Culture .box1 .list .item .pic { position: relative; }
.Culture .box1 .list .item .pic figure { border-radius: var(--radius); position: absolute; width: 100%; height: 100% }
.Culture .box2 { padding-top: 1.5rem }
.Culture .box2 .list .item { position: relative; display: flex; justify-content: space-between; }
.Culture .box2 .list .item:not(:last-child) { margin-bottom: 1.5rem; }
.Culture .box2 .list .item .pic figure { padding-bottom: 60.042%; border-radius: var(--radius); }
.Culture .box2 .list .item .txt { background: url(../images/Culture-box2-line.png)no-repeat left .3rem bottom -.3rem #f8f8f8; background-size: auto auto; border-radius: var(--radius); padding: 1rem .7rem; }
.Culture .box2 .list .item .txt .tit { font-size: var(--font-size40); color: #333; font-family: 'hmm'; padding-bottom: .3rem }
.Culture .box2 .list .item .txt .desc { color: #333; line-height: 1.75 }
.Culture .box3 { padding: 1rem 0; }
.Culture .box3 .autoCon-1400 { position: relative }
.Culture .box3 .pic figure { padding-bottom: 35.715%; border-radius: var(--radius); }
.Culture .box3 .txt { position: absolute; width: calc(100% - (.7rem * 2)); left: 50%; bottom: -.6rem; transform: translateX(-50%); background: #f8f8f8; border-radius: var(--radius); padding: .7rem; display: flex; justify-content: space-between; }
.Culture .box3 .txt .tit { font-size: var(--font-size40); color: #333; font-family: 'hmm'; flex: 0 0 auto; width: 37% }
.Culture .box3 .txt .desc { flex: 1; }
.Culture .box3 .txt .desc dl { display: flex; justify-content: space-between; color: #333; line-height: 1.75 }
.Culture .box3 .txt .desc dl dd { width: 48% }
@media(min-width:1025px) {
	.Culture .box1 .list .item:nth-child(2n) { flex-direction: row-reverse }
	.Culture .box1 .list .item .txt { width: 30%; flex: 0 0 auto }
	.Culture .box1 .list .item .pic { width: calc(100% - 30% - .14rem); min-height: 3.3rem }
	.Culture .box2 .list .item { display: flex; justify-content: flex-end }
	.Culture .box2 .list .item:nth-child(2n) { flex-direction: row-reverse }
	.Culture .box2 .list .item .txt { width: 50%; position: absolute; left: 0; top: -.5rem; }
	.Culture .box2 .list .item:nth-child(2n) .txt { right: 0; left: auto; text-align: right; background: url(../images/Culture-box2-line.png)no-repeat right .3rem bottom -.3rem #f8f8f8; }
	.Culture .box2 .list .item .pic { width: 69%; }
}
@media(max-width:1024px) {
	.Culture .title { font-size: var(--font-size40); }
	.Culture .box1 .list .item { flex-wrap: wrap; margin-bottom: .2rem }
	.Culture .box1 .list .item .txt { width: 100%; padding: .5rem }
	.Culture .box1 .list .item .pic { padding-bottom: 36%; width: 100% }
}
.History { padding: var(--padMar100) 0 }
.History .tip { font-size: var(--font-size20); color: #333; max-width: 10rem; margin: 0 auto 6%; padding: 0 2rem; position: relative; line-height: 1.75 }
.History .tip:before { display: block; content: ''; position: absolute; left: 0; top: 0; width: 1.22rem; height: .9rem; background-image: url('../images/y.png'); background-size: 100%; z-index: 3; }
.History .tip:after { display: block; content: ''; position: absolute; right: 0; bottom: 0; width: 1.22rem; height: .9rem; background-image: url('../images/y.png'); background-size: 100%; z-index: 3; transform: rotateY(180deg); }
.History .list .item .tit { font-size: var(--font-size30); color: #333; font-family: 'hmm'; display: flex; align-items: center; margin-bottom: .3rem; border-bottom: 1px solid #ebebeb; padding-bottom: .3rem }
.History .list .item .tit::before { content: ''; width: .36rem; height: .36rem; background: url(../images/icon-time.svg)no-repeat center; background-size: .36rem auto; margin-right: .2rem; flex: 0 0 auto }
.History .list .item .con { background: #f6f9fb; padding: .5rem; line-height: 1.75; color: #333; border-radius: var(--radius); display: none; margin-bottom: .3rem }
.History .list .item .con p { position: relative; padding-left: .3rem; }
.History .list .item .con p:not(:last-child) { padding-bottom: .2rem }
.History .list .item .con p::before { content: ''; position: absolute; width: .12rem; height: .12rem; border-radius: 50%; border: 1px solid var(--hover-color); left: 0; top: .07rem; }
.History .list .item .con p::after { content: ''; position: absolute; width: .06rem; height: .06rem; border-radius: 50%; background: var(--hover-color); left: .03rem; top: .1rem; }
.History .list .item .tit.active { padding-bottom: 0; border-bottom: 0 }
@media(max-width:1024px) {
	.History .tip { max-width: 100%; margin: 0 auto 6%; padding: 0 1rem; }
	.History .tip:before { width: .6rem; height: .44rem; }
	.History .tip:after { width: .6rem; height: .44rem; }
	.History .list .item .tit { font-size: var(--font-size24); }
	.History .list .item .con { padding: .3rem; }
}
.Honor { padding: var(--padMar100) 0; }
.Honor .list { display: flex; flex-wrap: wrap; }
.Honor .item { background: #f6f9fb; padding: .15rem .15rem .15rem; width: 15%; margin-bottom: 2%; margin-right: 2%; border-radius: var(--radius); }
.Honor .item:nth-child(6n) { margin-right: 0 }
.Honor .item .pic { padding-bottom: .4rem; position: relative; display: flex; justify-content: center; }
.Honor .item .pot { display: -webkit-flex; display: flex; justify-content: space-between; position: absolute; top: 0; left: 0; width: 100%; padding: .05rem; }
.Honor .item .pot::before, .Honor .item .pot::after { width: .06rem; height: .06rem; content: ''; display: block; background-image: url(../images/pot2.png); background-repeat: no-repeat; background-position: center; background-size: cover; }
.Honor .item .pot:last-child { top: auto; bottom: 0; }
.Honor .item .iowbg { background-image: url(../images/patents-bg1.png); padding: .12rem; background-repeat: no-repeat; background-position: center; background-size: 100% 100%; box-shadow: 0 .2rem .15rem rgba(0, 0, 0, .1); position: relative }
.Honor .item .bgbox { width: 1.35rem; margin: 0 auto; }
.Honor .item .bgbox figure { padding-bottom: 141%; background-repeat: no-repeat; background-position: center; background-size: cover; }
.Honor .item .des { line-height: 1.5; color: #333; font-size: var(--font-size16); text-align: center; }
@media(max-width:1024px) {
	.Honor .item { width: 49%; }
	.Honor .item:nth-child(2n) { margin-right: 0 }
}
.Page002623 { padding: .2rem 0 0 0; text-align: center; }
.Page002623 .Pages a.a_first, .Page002623 .Pages a.a_end, .Page002623 .Pages > span:not(.p_page) { display: none; }
.Page002623 .Pages em { float: left; margin: 0 1.5vw; font-style: normal; }
.Page002623 .Pages .p_page { display: table; margin: 0 auto; }
.Page002623 .Pages a { float: left; line-height: .6rem; width: .6rem; margin: 0 5px; border-radius: 50%; color: #010101; background: #f5f5f5 }
.Page002623 .Pages a.a_cur, .Page002623 .Pages a:hover { color: #fff; background: var(--hover-color); border-color: var(--hover-color) }
.Page002623 .Pages .p_page > a { font-size: 0; height: .6rem; position: relative; border-radius: 50%; border: 1px solid var(--hover-color); background: #fff }
.Page002623 .Pages .p_page > a:before { position: absolute; width: 100%; height: 100%; content: ''; background: url(../images/icon-jt2.svg)no-repeat center; background-size: .2rem auto; left: 50%; top: 50%; transform: translate(-50%, -50%) }
.Page002623 .Pages a.a_prev { transform: rotate(180deg) }
.Page002623 .Pages a.a_next { background: var(--hover-color); border-color: var(--hover-color) }
.Page002623 .Pages a.a_next:before { filter: grayscale(100) brightness(100); }
.Page002623 .Pages .p_page > a:hover { background: var(--hover-color); border-color: var(--hover-color) }
.Page002623 .Pages .p_page > a:hover:before { filter: grayscale(100) brightness(100); }
@media(max-width:640px) {
	.Page002623 { padding: 6vw 0 50px 0; }
	.Page002623 .Pages em { display: none; }
}
.Partner { padding: var(--padMar100) 0 }
.Partner ul { display: flex; flex-wrap: wrap; margin-bottom: 2% }
.Partner li { width: 15.83%; margin-right: 1%; margin-bottom: 1%; }
.Partner li:nth-child(6n) { margin-right: 0; }
.Partner li a { display: block; padding-bottom: 47.245%; position: relative; overflow: hidden; background: #fff; border-radius: .1rem; border: 1px solid #ebebeb; }
.Partner li a img { max-height: 90%; max-width: 60%; position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); }
@media (max-width:1024px) {
	.Partner li { width: 25%; }
}
@media (max-width:768px) {
	.Partner .title { padding-bottom: 0.4rem; }
	.Partner li { width: calc(50% - 1%); }
	.Partner li:nth-child(2n) { margin-right: 0; }
}
.Product { padding: var(--padMar100) 0; }
.Product .promenu li a { display: flex; align-items: center; padding: .2rem 0; color: #333; border-bottom: 1px solid #ebebeb; justify-content: space-between; transition: .5s all }
.Product .promenu li a::after { content: ''; width: .2rem; height: .2rem; background: url(../images/icon-jt1.svg)no-repeat center; background-size: .18rem auto; margin-left: .15rem }
.Product .promenu li.aon a, .Product .promenu li:hover a { background: var(--hover-color); color: #fff; padding-right: .2rem; padding-left: .2rem; border-radius: var(--radius); }
.Product .promenu li.aon a::after, .Product .promenu li:hover a::after { filter: grayscale(100) brightness(100); }
.Product .prolist ul { display: flex; flex-wrap: wrap; margin-bottom: 3% }
.Product .prolist li { border: 1px solid #f0f0f0; border-radius: var(--radius); overflow: hidden; width: calc(24.3% - 1px); margin-right: 1%; }
.Product .prolist li:not(:nth-child(-n+4)) { margin-top: .1rem }
.Product .prolist li:nth-child(4n) { margin-right: 0% }
.Product .prolist li .pic { overflow: hidden }
.Product .prolist li .pic figure { padding-bottom: 75.24%; transition: .5s }
.Product .prolist li .txt { background: #fff; padding: .1rem .2rem; text-align: center }
.Product .prolist li .txt .tit { color: #000; }
.Product .prolist li .txt span { font-size: 12px; color: #999 }
.Product .prolist li:hover .pic figure { transform: scale(1.1) }
.Product .prolist li:hover .txt { background: var(--hover-color) }
.Product .prolist li:hover .txt .tit, .Product .prolist li:hover .txt span { color: #fff }
.promenu .search_main{ margin-top: 0; border: 1px solid var(--hover-color);border-radius: var(--radius);}
@media(min-width:1025px) {
	.Product .promenu { width: 20%; flex: 0 0 auto }
	.Product .promenu .side-open_menu { display: none }
	.Product .prolist { flex: 1; padding-left: 4% }
}
@media(max-width:1024px) {
	.Product .promenu .side-open_menu { display: flex; align-items: center; padding: .2rem; color: #fff; background: var(--hover-color); border-radius: var(--radius); }
	.Product .promenu .side-open_menu::after { content: ''; width: .2rem; height: .2rem; background: url(../images/icon-jt1.svg)no-repeat center; background-size: .18rem auto; margin-left: .15rem; filter: grayscale(100) brightness(100); }
	.Product .promenu .nav { display: none }
	.Product .prolist { margin-top: .3rem }
	.Product .prolist li { width: calc(49.3% - 1px); }
	.Product .prolist li:nth-child(2n) { margin-right: 0% }
}
.probanner { position: relative; background: url(../images/probanner-bg.jpg)no-repeat center; background-size: cover; }
.probanner .txt { position: absolute; left: 0; top: 0; width: 100%; height: 100%; display: flex; align-items: center; background: rgba(0, 0, 0, .35); text-align: center; padding-bottom: 4%;z-index: 10 }
.probanner .txt .tit { font-size: var(--font-size60); color: #fff; padding-bottom: .2rem; font-family: 'hmm'; }
.probanner .txt .desc { font-size: var(--font-size18); color: #fff; }
.probanner .pic .wap { display: none; }
@media(min-width:1025px) {
	.probanner .pic {padding-bottom:7rem; position:relative;}
	.probanner .pic img {display:block; position:absolute; left:0; top:0; width:100%; height:100%; object-fit:cover;}
}
@media(max-width:1024px) {
	.probanner .txt .tit { font-size: var(--font-size40); }
	.probanner .pic .pc { display: none; }
	.probanner .pic .wap { display: block; }
}
.ProductDetail .title { padding-bottom: .5rem; color: #333; position: relative; z-index: 10 }
.ProductDetail .title .tit1 { font-size: var(--font-size40); font-family: 'hmb'; }
.ProductDetail .title .tit2 { font-size: var(--font-size18); padding-top: .3rem }
.ProductDetail .title.tc { text-align: center; }
.ProductDetail .title.white { color: #fff }
.ProductDetail .box1 { background: #f2f9fb; padding: .7rem 0 }
.ProductDetail .box1 .left { display: flex; align-items: center; border-right: 1px solid #ebebeb; padding-right: .5rem }
.ProductDetail .box1 .left .tit { font-size: var(--font-size40); color: #333; font-family: 'hmb'; margin-left: .4rem }
.ProductDetail .box1 .left .num { display: flex; align-items: flex-start }
.ProductDetail .box1 .left .num .counter { font-size: 1.4rem; color: var(--hover-color); font-family: 'Barlow-Bold'; line-height: .9rem; }
.ProductDetail .box1 .left .num .unit { color: var(--hover-color); line-height: 1; padding-top: .1rem; display: flex; align-items: center; }
.ProductDetail .box1 .left .num .unit span { font-size: var(--font-size60); }
.ProductDetail .box1 .left .num .unit span:last-child { font-size: var(--font-size20); background: var(--hover-color); border-radius: 50%; color: #fff; padding: .06rem }
.ProductDetail .box1 .right { flex: 1; }
.ProductDetail .box1 .right ul { display: flex; justify-content: space-between; flex-wrap: wrap }
.ProductDetail .box1 .right li .counter { color: var(--hover-color); font-size: var(--font-size50); font-family: 'Barlow-Medium'; }
.ProductDetail .box1 .right li .unit1 { color: var(--hover-color); font-size: var(--font-size30); }
.ProductDetail .box1 .right li .unit2 { color: var(--hover-color); font-size: var(--font-size20); }
.ProductDetail .box1 .right li .tit { color: #000; padding-top: .05rem }
@media(max-width:1024px) {
	.ProductDetail .box1 { padding: .3rem 0 }
	.ProductDetail .box1 .right li { width: 33.3%; padding: .2rem 0 }
	.ProductDetail .box1 .right li .counter { font-size: var(--font-size36); }
	.ProductDetail .box1 .right li .unit1 { font-size: var(--font-size20); }
	.ProductDetail .box1 .right li .unit2 { font-size: var(--font-size16); }
}
.ProductDetail .box2 { position: relative; padding: var(--padMar100) 0; overflow: hidden; }
.ProductDetail .box2 .con .title { padding-bottom: .3rem }
.ProductDetail .box2 .text { }
.ProductDetail .box2 .text p { line-height: 1.8; margin: 0.12rem 0; font-size: 0.18rem; color: #333; }
.ProductDetail .box2 .text p b { color: #333; }
@media(min-width:1025px) {
	.ProductDetail .box2 .con { display: flex; justify-content: space-between; }
	.ProductDetail .box2 .con .left { width: 45%; }
	.ProductDetail .box2 .con .right { width: 50%; }
}
@media(max-width:1024px) {
	.ProductDetail .box2 .con .left { margin-bottom: .3rem }
	.ProductDetail .box2 .con .title { padding-bottom: .1rem }
	.ProductDetail .title .tit1 { font-size: var(--font-size30); }
}
.ProductDetail .box3 { position: relative; padding: var(--padMar100) 0; background: url(../images/ProductDetail-box3-bg.jpg)no-repeat center; background-size: cover; }
.ProductDetail .box3 ul { display: flex; flex-wrap: wrap; }
.ProductDetail .box3 ul li { width: 23.5%; float: left; background: rgba(255, 255, 255, 0.85); margin-right: 2%; padding: 0.45rem; border-radius: 0.1rem; }
.ProductDetail .box3 ul li:nth-child(4n) { margin-right: 0; }
.ProductDetail .box3 ul li .icon { margin-bottom: 0.2rem; text-align: center; }
.ProductDetail .box3 ul li h2 { text-align: center; font-size: 0.24rem; color: #333; font-weight: normal; font-family: "hmm"; margin-bottom: 0.15rem; }
.ProductDetail .box3 ul li p { font-size: 0.18rem; line-height: 2; color: #333; }
.ProductDetail .box3 ul li p span { display: flex; align-items: center; position: relative; }
.ProductDetail .box3 ul li p span:before { content: ''; width: 4px; height: 4px; background: var(--hover-color); display: block; border-radius: 50%; margin-right: .1rem; }
@media(max-width:1024px) {
	.ProductDetail .box3 ul li { width: 100%; margin-right: 0; margin-bottom: .1rem }
	.ProductDetail .box3 ul li p span { justify-content: center; }
}
.ProductDetail .box4 { padding: var(--padMar100) 0; background: url(../images/ProductDetail-box4-bg.jpg)no-repeat center; background-size: cover; }
.ProductDetail .box4 table { width: 100%; }
.ProductDetail .box4 table th { border: 1px solid rgba(255, 255, 255, 0.1); font-size: 0.18rem; padding: 0.12rem; background: var(--hover-color); color: #fff; }
.ProductDetail .box4 table td { width: 0%; border: 1px solid rgba(0, 0, 0, 0.05); background: rgba(255, 255, 255, 0.85); font-size: 0.16rem; text-align: center; padding: 0.12rem 0.1rem; color: #333; }
.ProductDetail .box4 .list { display: flex; }
.ProductDetail .box4 .list .item { width: 18.16%; height: 4.3rem; }
.ProductDetail .box4 .list .item_main { border-radius: 1.9rem; border: 1px solid #e7e8ea; width: 100%; padding: .35rem .25rem; text-align: center; height: 100%; cursor: pointer; background: rgba(255, 255, 255, .85) }
.ProductDetail .box4 .list .item:not(:nth-child(5n+1)) { margin-left: 2.48%; }
.ProductDetail .box4 .list .num { font-size: var(--font-size40); font-family: 'Barlow-Bold'; color: var(--hover-color) }
.ProductDetail .box4 .list .tit { color: #333333; font-family: "hmm"; font-size: var(--font-size24); }
.ProductDetail .box4 .list .desc { color: #333333; margin-top: .25rem; text-align: center; line-height: 1.75 }
.ProductDetail .box4 .list .item:nth-child(2n+1) { padding-bottom: .8rem; }
.ProductDetail .box4 .list .item:nth-child(2n) { padding-top: .8rem; }
.ProductDetail .box4 .list .text_box { margin-top: .3rem; }
.ProductDetail .box4 .list .item_main:hover { background-color: var(--hover-color); }
.ProductDetail .box4 .list .item_main:hover .img1 { display: none; }
.ProductDetail .box4 .list .item_main:hover .img2 { display: inline-block; }
.ProductDetail .box4 .list .item_main:hover .tit, .ProductDetail .box4 .list .item_main:hover .desc { color: #fff; }
.ProductDetail .box4 .list .item_main:hover .num { color: #fff; }
@media(max-width:1024px) {
	.ProductDetail .box4 .table { overflow: auto; }
	.ProductDetail .box4 table { width: 150%; }
}
.ProductDetail .box5 { padding: var(--padMar100) 0; background: var(--hover-color) }
.ProductDetail .box5 .list { display: flex; flex-wrap: wrap; }
.ProductDetail .box5 .list .item { width: 23.5%; margin-right: 2%; background: #fff; border-radius: var(--radius); overflow: hidden }
.ProductDetail .box5 .list .item:nth-child(4n) { margin-right: 0 }
.ProductDetail .box5 .list .item .pic figure { padding-bottom: 60.793%; }
.ProductDetail .box5 .list .item .txt { padding: .4rem; }
.ProductDetail .box5 .list .item .txt .tit { color: #333333; font-family: "hmm"; font-size: var(--font-size24); padding-bottom: .2rem }
.ProductDetail .box5 .list .item .txt .desc { color: #333333; line-height: 1.75; }
.TextList001202 li { padding-bottom: 12px; }
.TextList001202 dl { position: relative; padding-left: 58px; }
.TextList001202 dl dt, .TextList001202 dl dd { }
.TextList001202 dl dt { position: absolute; width: 50px; left: 0; top: 0; color: #fff; text-align: center; font-size: 24px; }
.TextList001202 dl.Q dt, .TextList001202 dl.Q dd, .TextList001202 dl.A dt { height: 50px; line-height: 50px; color: #fff; border: 1px solid rgba(255, 255, 255, 0.1); border-radius: 3px; }
.TextList001202 dl.A dd { padding: 2%; line-height: 1.8; color: #fff; border: 1px solid rgba(255, 255, 255, 0.1); border-radius: 3px; }
.TextList001202 dl.Q dd { padding: 0 2%; font-size: 0.18rem; }
.TextList001202 li figure { padding-top: 2%; }
.TextList001202 li figure a { display: inline-block; padding: 0 20px; line-height: 25px; color: #fff; background-color: #0088d2; }
.TextList001202 dl.A { display: none; padding-top: 10px; }
.TextList001202 dl.A dt { top: 10px; }
.TextList001202 dl.A p { margin: 0; }
.TextList001202 dl.Q_on dt { color: #fff; background-color: #9cc71b; border-color: #9cc71b; }
.TextList001202 dl.Q_on dd { background: #fff; color: #333; }
@media(max-width:480px) {
	.TextList001202 h1, .TextList001202 dl dt { font-size: 20px; }
	.TextList001202 dl.A dd { padding: .2rem }
}
.ProductDetail .box6 { padding: var(--padMar100) 0; background: #f6f9fb }
.ProductDetail .box6 .list { position: relative }
.ProductDetail .box6 .list .swiper-slide { border-radius: var(--radius); overflow: hidden }
.ProductDetail .box6 .list .pic { overflow: hidden }
.ProductDetail .box6 .list .pic figure { padding-bottom: 75.24%; transition: .5s }
.ProductDetail .box6 .list .txt { background: #fff; padding: .15rem .2rem; text-align: center }
.ProductDetail .box6 .list .txt .tit { color: #000; }
.ProductDetail .box6 .list .txt span { font-size: 12px; color: #999 }
.ProductDetail .box6 .list .swiper-slide:hover .pic figure { transform: scale(1.1) }
.ProductDetail .box6 .list .swiper-slide:hover .txt { background: var(--hover-color) }
.ProductDetail .box6 .list .swiper-slide:hover .txt .tit, .ProductDetail .box6 .list .swiper-slide:hover .txt span { color: #fff }
.ProductDetail .box6 .controls a { position: absolute; ; width: 0.55rem; height: 0.55rem; border-radius: 50%; border: solid 1px var(--hover-color); background-position: center center; background-repeat: no-repeat; background-size: auto 0.14rem; cursor: pointer; transition: 0.3s; background-image: url(../images/icon-jt2.svg); top: 50%; margin-top: -.26rem; z-index: 10 }
.ProductDetail .box6 .controls a.prev { left: -.8rem; transform: rotate(180deg); }
.ProductDetail .box6 .controls a.next { right: -.8rem; }
.ProductDetail .box6 .controls a:hover { background-color: var(--hover-color); background-image: url(../images/icon-jt2-w.svg); border-color: var(--hover-color); }
@media(max-width:1024px) {
	.ProductDetail .box6 .controls a { border: solid 1px #fff; background-position: center center; background-repeat: no-repeat; background-size: auto 0.14rem; background-image: url(../images/icon-jt2-w.svg); margin-top: -.46rem; }
	.ProductDetail .box6 .controls a.prev { left: .2rem; }
	.ProductDetail .box6 .controls a.next { right: .2rem; }
}
.ProductDetail .box7 { padding: var(--padMar100) 0; }
.ProductDetail .box7 .list { position: relative }
.ProductDetail .box7 .swiper .swiper-slide .pic { overflow: hidden; border-radius: var(--radius); }
.ProductDetail .box7 .swiper .swiper-slide .pic figure { padding-bottom: 60%; transition: .3s all }
.ProductDetail .box7 .swiper .swiper-slide:hover .pic figure { transform: scale(1.05) }
.ProductDetail .box7 .swiper .swiper-slide .txt { padding-top: .2rem }
.ProductDetail .box7 .swiper .swiper-slide .txt .it { font-size: var(--font-size22); font-family: "hmm"; font-weight: normal; color: #000; padding-bottom: .15rem }
.ProductDetail .box7 .swiper .swiper-slide .txt .desc { color: #999; line-height: 1.75 }
.ProductDetail .box7 .controls a { position: absolute; ; width: 0.55rem; height: 0.55rem; border-radius: 50%; border: solid 1px var(--hover-color); background-position: center center; background-repeat: no-repeat; background-size: auto 0.14rem; cursor: pointer; transition: 0.3s; background-image: url(../images/icon-jt2.svg); top: 38%; margin-top: -.26rem; z-index: 10 }
.ProductDetail .box7 .controls a.prev { left: -.8rem; transform: rotate(180deg); }
.ProductDetail .box7 .controls a.next { right: -.8rem; }
.ProductDetail .box7 .controls a:hover { background-color: var(--hover-color); background-image: url(../images/icon-jt2-w.svg); border-color: var(--hover-color); }
@media(max-width:1024px) {
	.ProductDetail .box7 .controls a { border: solid 1px #fff; background-position: center center; background-repeat: no-repeat; background-size: auto 0.14rem; background-image: url(../images/icon-jt2-w.svg); }
	.ProductDetail .box7 .controls a.prev { left: .2rem; }
	.ProductDetail .box7 .controls a.next { right: .2rem; }
}
.ProductDetail .box8 { padding: var(--padMar100) 0; background: #fff }
.ProductDetail .box8 .list { display: flex; flex-wrap: wrap; justify-content: space-between; padding: .3rem .5rem; background: #f6f9fb; border-radius: 3px; }
.ProductDetail .box8 .list .item { width: 48%; border-bottom: 1px solid #ebebeb }
.ProductDetail .box8 .list .item a { line-height: .7rem; padding-left: .35rem; background: url(../images/icon-pdf.svg)no-repeat center left; background-size: .24rem auto; color: #333; font-size: var(--font-size18); display: flex; justify-content: space-between; align-items: center }
.ProductDetail .box8 .list .item a::after { content: ''; width: .24rem; height: .24rem; background: url(../images/icon-down.svg)no-repeat center left; background-size: .24rem auto; margin-left: .2rem; filter: grayscale(0) brightness(0); opacity: .75 }
.ProductDetail .box8 .list .item:hover a { color: var(--hover-color); }
.ProductDetail .box8 .list .item:hover a::after { filter: none; opacity: 1 }
@media(max-width:1024px) {
	.ProductDetail .box8 .list { padding: .3rem; }
	.ProductDetail .box8 .list .item { width: 100%; }
}
.Industry { padding: var(--padMar100) 0; }
.Industry .list { display: flex; flex-wrap: wrap; }
.Industry .list .item { width: 23.12%; margin-right: 2.5%; margin-bottom: 4%; }
.Industry .list .item:nth-child(4n) { margin-right: 0; }
.Industry .list .item a { display: block; position: relative; }
.Industry .list .item a .pic { position: relative; border-radius: var(--radius); overflow: hidden; padding-bottom: 64% }
.Industry .list .item a .pic span { position: absolute; width: 100%; height: 100%; left: 0; top: 0; display: flex; justify-content: center; align-items: center; transition: .3s all }
.Industry .list .item a .pic span img { width: 100%; height: 100%; object-fit: cover; }
.Industry .list .item a .txt { padding-top: .2rem; }
.Industry .list .item a .txt .tit { font-size: var(--font-size20); color: #000; margin: .1rem 0 .2rem; height: .52rem; overflow: hidden }
.Industry .list .item a .txt .desc { color: #999; line-height: 1.75; font-size: var(--font-size14); }
.Industry .list .item a .txt .time { color: #666 }
.Industry .list .item a .txt i { display: flex; justify-content: center; align-items: center; width: .5rem; height: .5rem; border-radius: 50%; background: #f5f5f5; transition: .3s all; margin-top: .4rem }
.Industry .list .item a .txt i::before { content: ''; width: 100%; height: 100%; background: url(../images/icon-jt1.svg)no-repeat center; background-size: .16rem auto; }
.Industry .list .item a:hover .pic span { transform: scale(1.05); }
.Industry .list .item a:hover .tit { color: var(--hover-color); }
.Industry .list .item a:hover i { background: var(--hover-color); border-color: var(--hover-color) }
.Industry .list .item a:hover i::before { filter: grayscale(100) brightness(100); }
@media(max-width:1024px) {
	.Industry .list .item { width: 49%; margin-right: 2%; }
	.Industry .list .item:nth-child(2n) { margin-right: 0; }
}
.IndustryDetail { padding: var(--padMar100) 0; }
.IndustryDetail .left .title { position: relative; border-bottom: 1px solid #ebebeb; padding-bottom: .3rem; margin-bottom: .3rem }
.IndustryDetail .left .title::after { position: absolute; content: ''; width: 100%; height: 3px; background: #ebebeb; left: 0; bottom: -6px }
.IndustryDetail .left .title .tit { font-size: var(--font-size32); color: #000; font-family: 'hmm' }
.IndustryDetail .left .title .date { padding-top: .25rem; display: flex; align-items: center }
.IndustryDetail .left .title .date span { margin-right: .5rem }
.IndustryDetail .left .title .date span:not(:last-child) { border-right: 1px solid #ebebeb; padding-right: .5rem }
.IndustryDetail .left .con { line-height: 1.75; padding-top: .3rem }
.IndustryDetail .left .op { display: flex; align-items: center; justify-content: space-between; border-top: 1px solid #ebebeb; padding-top: .3rem; margin-top: .5rem }
.IndustryDetail .left .op .cont { flex: 1; }
.IndustryDetail .left .op .cont aside { padding: .05rem 0 }
.IndustryDetail .left .op .btn { flex: 0 0 auto; margin-left: .5rem }
.IndustryDetail .left .op .btn a { display: flex; align-items: center; justify-content: center; width: 1.6rem; border: 1px solid var(--hover-color); line-height: .5rem; border-radius: 36px; color: var(--hover-color); transition: .3s all }
.IndustryDetail .left .op .btn a:hover { background: var(--hover-color); color: #fff }
.IndustryDetail .right { padding-top: .7rem }
.IndustryDetail .right .title { font-size: var(--font-size26); color: #000; font-family: 'hmm'; border-bottom: 1px solid #ebebeb; padding-bottom: .2rem; margin-bottom: .2rem }
.IndustryDetail .right li { margin-bottom: .3rem; }
.IndustryDetail .right li .pic { border-radius: var(--radius); overflow: hidden; }
.IndustryDetail .right li .pic figure { padding-bottom: 70.24%; transition: .5s }
.IndustryDetail .right li .txt { background: #fff; padding: .1rem .2rem; text-align: center }
.IndustryDetail .right li .txt .tit { color: #000; }
.IndustryDetail .right li .txt span { font-size: 12px; color: #999 }
.IndustryDetail .right li:hover .pic figure { transform: scale(1.05) }
@media(min-width:1025px) {
	.IndustryDetail .left { width: 75%; flex: 0 0 auto; }
	.IndustryDetail .right { flex: 1; padding-left: 4% }
}
@media(max-width:1024px) {
	.IndustryDetail .left .op { display: block }
	.IndustryDetail .left .op .btn { margin: .3rem auto 0; text-align: center }
	.IndustryDetail .left .op .btn a { margin: auto 0; }
	.IndustryDetail .right ul { display: flex; flex-wrap: wrap }
	.IndustryDetail .right li { width: 49%; margin-right: 2% }
	.IndustryDetail .right li:nth-child(2n) { margin-right: 0 }
}
.News { padding: var(--padMar100) 0 }
.News .item_top { position: relative; }
.News .item_top .swiper-slide a { display: flex; align-items: center; background: #f6f9fb; border-radius: var(--radius); overflow: hidden; }
.News .item_top .swiper-slide a .pic { width: 45%; flex: 0 0 auto; }
.News .item_top .swiper-slide a .pic figure { padding-bottom: 75.3581%; }
.News .item_top .swiper-slide a .txt { padding: 0 .6rem }
.News .item_top .swiper-slide a .txt .time { color: #999; padding-bottom: .08rem; font-family: 'hml'; }
.News .item_top .swiper-slide a .txt .tit { color: #000; font-size: var(--font-size32); margin: .15rem 0 .3rem; }
.News .item_top .swiper-slide a .txt .desc { color: #666; line-height: 1.75 }
.News .item_top .swiper-slide a .txt .btn { width: 1.6rem; height: .5rem; border: 1px solid #999; ; line-height: .48rem; text-align: center; margin-top: .6rem; border-radius: 36px }
.News .item_top .swiper-slide a:hover .txt .btn { background: var(--hover-color); border-color: var(--hover-color); color: #fff }
.News .item_top .pages { position: absolute; right: .5rem; bottom: .5rem; z-index: 10; width: auto; left: auto }
.News .item_top .pages span { width: .08rem; height: .08rem; ; }
.News .item_bottom { padding-top: .9rem }
.News .item_bottom li { border-bottom: 1px solid #ebebeb; padding-bottom: .5rem; margin-bottom: .5rem }
.News .item_bottom li a { display: flex; align-items: center; }
.News .item_bottom li a .time { text-align: center; margin-right: 1rem; }
.News .item_bottom li a .time span { font-size: var(--font-size60); font-family: 'Barlow-Regular'; display: block; color: #000 }
.News .item_bottom li a .txt { flex: 1; border-left: 1px solid #ebebeb; padding-left: 1rem }
.News .item_bottom li a .tit { font-size: var(--font-size32); color: #000; margin-bottom: .2rem }
.News .item_bottom li a .desc { color: #666; line-height: 1.75 }
.News .item_bottom li a i { display: flex; justify-content: center; align-items: center; width: .5rem; height: .5rem; border-radius: 50%; background: #f5f5f5; transition: .3s all; margin-left: 1.5rem }
.News .item_bottom li a i::before { content: ''; width: 100%; height: 100%; background: url(../images/icon-jt1.svg)no-repeat center; background-size: .16rem auto; }
.News .item_bottom li a:hover .time span { color: var(--hover-color) }
.News .item_bottom li a:hover .tit { color: var(--hover-color) }
.News .item_bottom li a:hover i { background: var(--hover-color); border-color: var(--hover-color) }
.News .item_bottom li a:hover i::before { filter: grayscale(100) brightness(100); }
@media(max-width:1024px) {
	.News .item_top .swiper-slide a { flex-wrap: wrap; }
	.News .item_top .swiper-slide a .pic { width: 100%; margin-bottom: .2rem }
	.News .item_top .swiper-slide a .txt { padding: .3rem }
	.News .item_top .swiper-slide a .txt .tit { font-size: var(--font-size28); }
	.News .item_bottom li a .time { margin-right: .3rem; }
	.News .item_bottom li a .txt { padding-left: .3rem }
	.News .item_bottom li a .tit { font-size: var(--font-size22); }
	.News .item_bottom li a i { display: none }
}
.NewsDetail { padding: var(--padMar100) 0 }
.NewsDetail .title { position: relative; border-bottom: 1px solid #ebebeb; padding-bottom: .3rem; margin-bottom: .3rem; text-align: center }
.NewsDetail .title::after { position: absolute; content: ''; width: 100%; height: 3px; background: #ebebeb; left: 0; bottom: -6px }
.NewsDetail .title .tit { font-size: var(--font-size32); color: #000; font-family: 'hmm' }
.NewsDetail .title .date { padding-top: .25rem; display: flex; align-items: center; justify-content: center }
.NewsDetail .title .date span { margin: 0 .5rem }
.NewsDetail .con { line-height: 1.75; padding-top: .3rem }
.NewsDetail .op { display: flex; align-items: center; justify-content: space-between; border-top: 1px solid #ebebeb; padding-top: .3rem; margin-top: .5rem }
.NewsDetail .op .cont { flex: 1; }
.NewsDetail .op .cont aside { padding: .05rem 0 }
.NewsDetail .op .btn { flex: 0 0 auto; margin-left: .5rem }
.NewsDetail .op .btn a { display: flex; align-items: center; justify-content: center; width: 1.6rem; border: 1px solid var(--hover-color); line-height: .5rem; border-radius: 36px; color: var(--hover-color); transition: .3s all }
.NewsDetail .op .btn a:hover { background: var(--hover-color); color: #fff }
@media(max-width:1024px) {
	.NewsDetail .title .date span { margin: 0 .2rem }
	.NewsDetail .op { display: block }
	.NewsDetail .op .btn { margin: .3rem auto 0; text-align: center }
	.NewsDetail .op .btn a { margin: auto 0; }
}
.Service { padding: var(--padMar100) 0 }
.Service .form { padding-top: .8rem; border-top: 1px solid #666; margin-top: 1rem }
.Service .form .title { font-size: var(--font-size40); color: #000; font-family: 'hmm'; text-align: center; padding-bottom: .5rem }
.Service .form .form-ul li { margin-bottom: 10px; position: relative; }
.Service .form .form-ul li .tit { font-size: var(--font-size18); line-height: .5rem; color: #333333; }
.Service .form .form-ul li .tit i { color: #fe0000; }
.Service .form .form-ul li select, .Service .form .form-ul li .text { width: 100%; border-radius: 5px; border: solid 1px #ebebeb; font-size: var(--font-size16); line-height: .6rem; height: .6rem; background: none; padding: 0 .2rem; font-family: 'hml'; }
.Service .form .form-ul li textarea.text { height: 1.2rem; }
.Service .form .form-ul li .text::placeholder { color: #bbb; }
.Service .form .form-ul .btn { width: 2rem; background: var(--hover-color); border-radius: 5px; font-size: var(--font-size16); height: .6rem; color: #fff; cursor: pointer; border: 0; margin: .3rem auto 0; display: block; font-family: 'hml'; }
@media (min-width:1025px) {
	.Service .form .form-ul .row-2 li { float: left; width: calc(50% - 5px); }
	.Service .form .form-ul .row-2 li:nth-child(2n) { float: right; }
}
@media(max-width:1024px) {
	.Service .form { padding-top: .5rem; margin-top: .5rem }
}
.Business { padding: var(--padMar100) 0 }
.Business .title { padding-bottom: 1rem; color: #333 }
.Business .title .tit { font-size: var(--font-size30); color: #000; font-family: 'hmm'; padding-bottom: .2rem }
.Business .form .pic { margin-bottom: .5rem }
.Business .form .pic img { border-radius: var(--radius); }
.Business .form .form-ul li { margin-bottom: 10px; position: relative; }
.Business .form .form-ul li .tit { font-size: var(--font-size18); line-height: .5rem; color: #333333; }
.Business .form .form-ul li .tit i { color: #fe0000; }
.Business .form .form-ul li select, .Business .form .form-ul li .text { width: 100%; border-radius: 5px; border: 0; font-size: var(--font-size16); line-height: .5rem; height: .5rem; background: #f7f8fa; padding: 0 .2rem; font-family: 'hml'; }
.Business .form .form-ul li textarea.text { height: 1.2rem; }
.Business .form .form-ul li .text::placeholder { color: #bbb; }
.Business .form .form-ul .btn { width: 2rem; background: var(--hover-color); border-radius: 5px; font-size: var(--font-size16); height: .5rem; color: #fff; cursor: pointer; border: 0; font-family: 'hml'; }
.Business .Contact .txt { background: url(../images/Contact-bg.jpg)no-repeat center; background-size: cover; padding: .6rem .45rem; border-radius: var(--radius); }
.Business .Contact .txt .tit { font-size: var(--font-size34); color: #fff; padding-bottom: .3rem }
.Business .Contact .txt dl:not(:last-child) { padding-bottom: .4rem }
.Business .Contact .txt dl dt { color: #fff; padding-bottom: .1rem }
.Business .Contact .txt dl dd { color: #fff; }
.Business .Contact .txt dl dd.phone { font-size: var(--font-size34); color: #fff; line-height: 1; padding-bottom: .12rem }
@media(min-width:1025px) {
	.Business .form { width: 58%; flex: 0 0 auto }
	.Business .Contact { flex: 1; padding-left: 8% }
	.Business .form .form-ul .row-2 li { float: left; width: calc(50% - 5px); }
	.Business .form .form-ul .row-2 li:nth-child(2n) { float: right; }
}
@media(max-width:1024px) {
	.Business .title { padding-bottom: .3rem }
	.Business .Contact { margin-top: .5rem }
}
.jobs-list { padding: var(--padMar100) 0; }
.jobs-list .items:first-child { border-top: 1px solid rgba(0, 0, 0, .2); }
.jobs-list .items:last-child { margin-bottom: .5rem; }
.jobs-list .items { border-bottom: 1px solid rgba(0, 0, 0, .2); }
.jobs-list .tit { display: flex; cursor: pointer; }
.jobs-list .tit li { display: flex; }
.jobs-list .tit li:not(.btn) { flex-shrink: 0; }
.jobs-list .tit .inline { text-align: center; color: #333 }
.jobs-list .items.active { border-bottom: none }
.jobs-list .items.active .tit li { color: var(--hover-color); }
.jobs-list .tit .name { display: flex; align-items: center; width: calc(429 / 1400 * 100%); }
.jobs-list .tit .name p { margin: 0; font-size: .3rem; color: #333 }
.jobs-list .tit .num, .jobs-list .tit .age { display: flex; }
.jobs-list .tit .btn i { display: flex; justify-content: center; align-items: center; width: .5rem; height: .5rem; border-radius: 50%; background: #f5f5f5; transition: .3s all; margin-left: 1.5rem }
.jobs-list .tit .btn i::before { content: ''; width: 100%; height: 100%; background: url(../images/icon-jt1.svg)no-repeat center; background-size: .16rem auto; }
.jobs-list .items.active .btn i::before { transform: rotate(90deg) }
.jobs-list .label-name { display: block; font-weight: 100; color: #8a8a8a; margin-bottom: 1em; }
.jobs-list .details { padding: .2rem .57rem 0.57rem; color: #333; display: none; background: #f7f8f9; }
.jobs-list .details .infos .info { flex: 1; }
.jobs-list .details > .info { padding-top: .3rem }
.jobs-list .details .edit-singlepage { line-height: calc(34 / 16); }
.jobs-list .details .jl { display: flex; }
.jobs-list .details .jl .jlbox { background: var(--hover-color); display: flex; align-items: center; border: 2px solid var(--hover-color); height: .5rem; border-radius: 36px }
.jobs-list .details .jl .tit1 { color: #fff; padding: 0 .24rem }
.jobs-list .details .jl .tit2 { color: #333; padding: 0 .24rem; background: #fff; line-height: .46rem; border-radius: 36px; display: flex; align-items: center; }
.jobs-list .details .jl .tit2::after { content: ''; width: .14rem; height: .14rem; background: url(../images/icon-jt1.png)no-repeat center; background-size: contain; transform: rotate(180deg); margin-left: .4rem }
@media(min-width:1025px) {
	.jobs-list .tit { align-items: stretch; height: 1.41rem; }
	.jobs-list .tit li { align-items: center; }
	.jobs-list .tit .num { width: calc(269 / 1400 * 100%); }
	.jobs-list .tit .age { width: calc(267 / 1400 * 100%); }
	.jobs-list .tit .edu { width: calc(173 / 1400 * 100%); justify-content: center; }
	.jobs-list .details { }
}
@media (max-width:1024px) {
	.jobs-list .tit { flex-wrap: wrap; padding-top: 0.2rem; }
	.jobs-list .tit li { width: 25%; padding-bottom: 0.2rem; }
	.jobs-list .tit .name { width: 100%; }
	.jobs-list .details { padding-top: 0.3rem; }
}

/* 新增 */
.con_item{
	display: flex;
	align-items: center;
	justify-content: space-between;
	flex-wrap: wrap;
}
.con_item .imgbox{
	width: 48%;
	border-radius: .2rem;
	overflow: hidden;
}
.con_item .imgbox img{
	width: 100%;	
}
.con_item .text_main{
	width: 48%;
}
@media (max-width:768px) {
.con_item .imgbox{
	width: 100%;
}
.con_item .text_main{
	width: 100%;
	margin-top: .2rem;
}
}



.index_search {
    margin-bottom: .2rem;
}
.index_search .index_tit{
	color: #fff;
	position: relative;
	padding-left: .25rem;
}
.index_search .index_tit::before{
	content: '';
	display: block;
	position: absolute;
	width: 0;
	height: 0;
	border: .06rem solid transparent;
	border-bottom: .1rem solid #ffffff;
	border-top: 0;
	top: 50%;
	left: 0;
	transform: translate(0,-50%) rotate(90deg);
}

.search_main{
	display: flex;
	background-color: #ffff;
	margin-top: .2rem;
	padding: 0 0 0 .1rem;
	border-radius: .1rem;
	overflow: hidden;
}
.search_main .input{
	flex: 1;
	display: flex;
	align-items: center;
}
.search_main .input input{
	width: 100%;
	border: none;
}
.search_main .input_btn{
	background-image: url(../images/search_ico.svg);
	width: .4rem;
	height: .4rem;
	background-size: .3rem;
	background-repeat: no-repeat;
	background-position: center;
	cursor: pointer;
}


.search_single .txt .tit {
    font-size: var(--font-size40);
    color: #000;
    font-family: 'hmm';
    padding-bottom: .3rem;
		font-weight: 500;
}
.search_single .search_list{
	margin: .3rem 0 .4rem;

}
.search_list{
	display: flex;
	flex-wrap: wrap;
}
.search_list .search_item{
		width: calc((100% - .6rem)/4);
		margin-bottom: .2rem;
		border-radius: .2rem;
		overflow: hidden;
	box-shadow: 0 0 .1rem rgba(0, 0, 0, .1);
}
.search_list .search_item:not(:nth-child(4n+1)){
	margin-left: .2rem;
}
.search_list .imgbox{
	overflow: hidden;
	padding-bottom: 75.24%;
	position: relative;
}
.search_list .imgbox img{
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	object-fit: cover;
}
.search_list .text_box{
	background-color: #fff;
	padding: .15rem;
	text-align: center;
}
.search_list .search_item:hover .text_box{
	background-color: var(--hover-color);
}
.search_list .search_item:hover .desc{
	color: #fff;
}


@media (max-width:1024px) {
	.search_list .search_item {
			border-radius: .1rem;
			width: calc((100% - .4rem) / 3);
	}

	.search_list .search_item:not(:nth-child(4n+1)) {
			margin-left: 0;
	}

	.search_list .search_item:not(:nth-child(3n+1)) {
			margin-left: .2rem;
	}
}

@media (max-width:768px) {
	.search_list .search_item{
		width: calc((100% - .2rem)/2);
	}
	.search_list .search_item:not(:nth-child(3n+1)) {
			margin-left: 0;
	}
	.search_list .search_item:not(:nth-child(2n+1)) {
			margin-left: .2rem;
	}
}
.cbanner .txt.center {
    text-align: center;
}
.ProductDetail .box3 ul:has(li:nth-child(4)) {
    justify-content: flex-start;
}

.ProductDetail .box3 ul {
    justify-content: center;
}
.Page002623 {
    display: none;
}

.Page002623:has(.num a:nth-child(2)) {
    display: block;
}