/* 自定义动画 */
.animate {-webkit-animation-duration: 1s;animation-duration: 1s;-webkit-animation-duration: var(--animate-duration);animation-duration: var(--animate-duration);-webkit-animation-fill-mode: both;animation-fill-mode: both;}

@font-face{font-family:'harsc-bold';src:url(../fonts/HarmonyOS_Sans_SC_Bold.eot);src:url(../fonts/HarmonyOS_Sans_SC_Bold.eot) format('embedded-opentype'),url(../fonts/HarmonyOS_Sans_SC_Bold.woff2) format('woff2'),url(../fonts/HarmonyOS_Sans_SC_Bold.woff) format('woff'),url(../fonts/HarmonyOS_Sans_SC_Bold.ttf) format('truetype'),url(../fonts/HarmonyOS_Sans_SC_Bold.svg) format('svg')}
@font-face{font-family:'din';src:url(../fonts/DIN-Medium.eot);src:url(../fonts/DIN-Medium.eot) format('embedded-opentype'),url(../fonts/DIN-Medium.woff2) format('woff2'),url(../fonts/DIN-Medium.woff) format('woff'),url(../fonts/DIN-Medium.ttf) format('truetype'),url(../fonts/DIN-Medium.svg) format('svg')}
@font-face{font-family:'din-b';src:url(../fonts/DIN-Bold.eot);src:url(../fonts/DIN-Bold.eot) format('embedded-opentype'),url(../fonts/DIN-Bold.woff2) format('woff2'),url(../fonts/DIN-Bold.woff) format('woff'),url(../fonts/DIN-Bold.ttf) format('truetype'),url(../fonts/DIN-Bold.svg) format('svg')}
html,body, input, textarea, select, button{font-family:'思源黑体','Msyh(Microsoft YaHei)';}
body{position: relative; background: #1A1A1A; overflow: hidden;}
.body-bg{z-index: -1;}
.wrap{width: 1280px; margin: 0 auto;}
@media only screen and (max-width:1024px){
	.div_pc{display: none !important;}
	html,body{max-width: 750px; margin: 0 auto;}
	div,img,a { -webkit-tap-highlight-color: rgba(0, 0, 0, 0); -webkit-tap-highlight-color: transparent; outline: none;}
	.wrap{width: 100%;}
}
@media only screen and (min-width:1024px) and (max-width:1440px){
	.wrap{width: 90%;}
}
@media only screen and (min-width:1024px){
	.div_m{display: none !important;}
}

/*<<<<<<<<<<<<<<<<<<<<<< 头部+底部 >>>>>>>>>>>>>>>>>>>>>>>*/
.head{position: fixed; top: 0; height: 0.9rem; width: 100%; z-index: 999999999; padding: 0 0.5rem;}
.head::after{content: " "; display: block; position: absolute; left: 0; top: 0; z-index: -1; width: 100%; height: 0; background: linear-gradient(0deg,rgba(0,0,0,0) 0%,rgba(0,0,0,.98)); opacity: 0; transition: all 0.3s;}
.head.onshow::after{height: 100%; opacity: 1;}
.head .logo a img{height: 0.2rem; width: auto;}
.head .nav li{margin-left: 0.5rem;}
.head .nav li a{font-size: 0.2rem; color: #FFFFFF; transition: all 0.3s;}
.head .nav li.nav-ing a,
.head .nav li a:hover{color: #007CC3; font-weight: bold;}

.footer{background: #1B1B1B; padding-top: 0.7rem;}
.footer .foot{width: 73%; max-width: 1920px; margin: 0 auto;}
.footer .foot1{display: flex; justify-content: space-between; align-items: center; padding-bottom: 0.2rem; border-bottom: #2C2C2C solid 1px;}
.footer .foot1>a{display: block; height: 0.24rem;}
.footer .foot1>a img{width: auto; height: 100%;}
.footer .foot1 .contents{display: flex;}
.footer .foot1 .contents .li{margin-left: 0.2rem; width: 0.36rem; height: 0.36rem; position: relative;}
.footer .foot1 .contents .li>img{width: 100%; height: 100%; object-fit: cover; border-radius: 50%; cursor: pointer;}
.footer .foot1 .contents .li .li-img{display: inline-block; opacity: 0; width: auto; height: auto; position: absolute; left: 50%; bottom: 100%; z-index: 999; transform: translate(-50%,50%) scale(0); transition: all 0.5s;}
.footer .foot1 .contents .li .li-img img{max-width: 1.5rem; height: auto;}
.footer .foot1 .contents .li .li-img.li-open{opacity: 1; transform:translate(-50%,0) scale(1); transition: all 0.5s;}
.footer .foot2{display: flex; justify-content: space-between; margin: 0.4rem 0 0.8rem;}
.footer .foot2 .foot-uls{display: flex;}
.footer .foot2 .foot-uls ul{margin-right: 0.8rem;}
.footer .foot2 .foot-uls ul li.ul-top{margin-bottom: 0.1rem;}
.footer .foot2 .foot-uls ul li.ul-top a{font-size: 0.16rem; color: #FFFFFF;}
.footer .foot2 .foot-uls ul li a{font-size: 0.14rem; line-height: 200%; color: #A9AAAA; transition: all 0.3s;}
.footer .foot2 .foot-uls ul li a:hover{color: #0095D9;}
.footer .foot2 .info-li {text-align: right; color: #A9AAAA; font-size: 0.14rem; line-height: 200%;}
.footer .foot2 .info-li .foot-phone{font-size: 0.3rem; font-weight: bold; color: #FFF; transition: all 0.3s;}
.footer .foot2 .info-li .foot-phone:hover{color: #0095D9;}
.footer .foot2 .info-li:nth-child(n+2){margin-top: 0.3rem;}
.footer .foot2 .info-li span{display: block;}
.footer .foot3{padding-bottom: 0.3rem;}
.footer .foot3 span,.footer .foot3 a{display: inline-block; color: #646B70; margin-right: 0.1rem; font-size: 0.14rem;}
.footer .foot3 a:hover{color: #0095D9; transition: all 0.3s;}
.footer .foot3 span em{margin-left: 0.1rem;}

@media only screen and (max-width:1024px){
	.head{max-width: 750px; height: auto; padding: 0; flex-direction: column; justify-content: flex-start; align-items: flex-start;}
	.head.onshow{backdrop-filter: blur(4px);}
	.head.onshow::after{background: rgba(0, 0, 0, .8);}
	.head .div-mtop{width: 100%; padding: 0 .3rem; height: .9rem;}
	.head .logo a img{height: .25rem;}
	.head .nav{position: relative; display: none; width: 100%; height: calc(100vh - 0.9rem);}
	.head .nav li a{display: block; font-size: 0.36rem; line-height: 200%;}
	.head .nav li{margin: 0 auto; width: 100%; padding: 0.1rem .3rem; border-bottom: rgba(0, 149, 217, .2) solid 1px;}
	.navBox{cursor: pointer;}
	.navBox .menu{display: block; width: 0.4rem; height: 0.25rem; position: relative; z-index: 99; transition-duration: 0.3s;}
	.burger_lin .icon{height: 2px; width: 100%; top: 50%;background-color: #007CC3;border-radius: 20px;position: absolute;transition-duration: 0.3s;transition-delay: 0.5s;}
	.burger_lin .icon:before {content: ""; width: 0.4rem; height: 100%; position: absolute; left: 0; top: calc(-0.12rem + 1px); background-color: #007CC3; border-radius: 50px; transition: transform 0.3s, top 0.3s 0.3s;transition-delay: 0.5s;}
	.burger_lin .icon:after {content: ""; width: 0.4rem; height: 100%; position: absolute; left: 0; top: 0.12rem; background-color: #007CC3; border-radius: 50px; transition: transform 0.3s, top 0.3s 0.3s;transition-delay: 0.5s;}
	.burger_lin.open .icon {transition-duration: 0.1s;transition-delay: 0.3s;background: transparent;width: 0;}
	.burger_lin.open .icon:before {transition: top 0.3s, transform 0.3s 0.3s;top: 0;transform: rotateZ(-45deg);}
	.burger_lin.open .icon:after {transition: top 0.3s, transform 0.3s 0.3s;top: 0;transform: rotateZ(45deg);}
	.footer{padding-top: .5rem;}
	.footer .foot{width: 100%; padding: 0 .4rem;}
	.footer .foot1{padding-bottom: .3rem;}
	.footer .foot1 .contents .li{width: .5rem; height: .5rem;}
	.footer .foot1 .contents .li .li-img.li-open{transform: translate(-70%,0) scale(1);}
	.footer .foot2{margin: auto; padding: .4rem 0; border-bottom: #2C2C2C solid 1px;}
	.footer .foot2 .foot-uls{display: none;}
	.footer .foot2 .info-li{text-align: left; font-size: .24rem;}
	.footer .foot2 .info-li .foot-phone{font-size: .32rem;}
	.footer .foot2 .info-li p{font-size: .28rem;}
	.footer .foot3{padding: .4rem 0;}
	.footer .foot3 span, .footer .foot3 a{font-size: .24rem; line-height: 200%;}
	.footer .foot3 span:first-child{display: block;}
}

/* 首页标题 */
.h-title{position: relative;}
.h-title h2{position: absolute; width: 100%; text-align: center; margin: 0 auto; bottom: 0; font-size: 0.72rem; font-family: 'harsc-bold'; color: #0095D9; font-style: oblique;}
.h-title img{height: 1.9rem; width: auto; margin: 0 auto;}

/* 了解跟更多 */
.getmore{text-align: center;}
.getmore a{display: inline-block; position: relative;width: auto;  height: 0.6rem; border-radius: 50%; background: #FFCC00; transition: all 0.3s;}
.getmore a::before{content: "+"; position: absolute; display: block; left: 50%; transform: translateX(-50%); font-size: 0.3rem; font-weight: bold; color: #FFFFFF; line-height: 0.6rem; transition: all 0.5s;}
.getmore a em{display: block; width: 0.6rem; white-space: nowrap; line-height: 0.6rem; color: #FFFFFF; transform: scaleX(0) translateX(-50%); transition: all 0.5s;}
.getmore a:hover{padding: 0 0.3rem; border-radius: 50px;}
.getmore a:hover em{ width: auto; transform: scaleX(1) translateX(0);}
.getmore a:hover::before{ left: 80%; transform: rotate(179deg); opacity: 0;}

/* 内页banner */
.nbanner{width: 100%; height: auto; position: relative;}
.nbanner img{width: 100%; height: auto;}
.nbanner .txt{position: absolute; left: 10%; top: 50%; z-index: 1;}
.nbanner .txt h1{font-family: 'din-b'; font-size: 1.2rem; text-transform: uppercase; color: #FFF;}
.nbanner .txt h3{font-family: 'harsc-bold'; font-size: 54px; background-image: linear-gradient(to bottom, #0085FF, #00B0FF); -webkit-background-clip: text; background-clip: text; color: transparent;}
.nbanner.searbanner h1{display: none;}
.nbanner.searbanner .txt{left: 15%; top: 70%;}
.nbanner.searbanner h3{font-size: 0.5rem;}
@media only screen and (max-width:1024px){
	.nbanner .txt{top: 30%;}
	.nbanner .txt h1{font-size: .8rem;}
	.nbanner .txt h3{font-size: .48rem; margin-top: .3rem;}
}

/*<<<<<<<<<<<<<<<<<<<<<< 首页内容板块 >>>>>>>>>>>>>>>>>>>>>>>*/
/* 首页banner */
.banner .h-banner{width: 100vw;height: 100vh; overflow: hidden;}
.banner .h-banner .swiper-slide img{width: 100%; height: 100%; object-fit: cover;}
.banner .h-banner .swiper-slide video{width: 100%; height: 100%; object-fit: cover;}
.banner .h-banner .swiper-slide .h-banner-txt{position: absolute; color: #FFFFFF; left: 9%; top: 35%; z-index: 9; padding-left: 0.9rem; background: url(../images/icon1.png) no-repeat left 0.1rem; background-size: 0.54rem;}
.banner .h-banner .swiper-slide .h-banner-txt h1{font-size: 0.8rem; line-height: 0.94rem; font-family: 'harsc-bold';}
.banner .h-banner .swiper-slide .h-banner-txt h3{font-size: 0.44rem; line-height: 0.54rem; color: #CCCCCC; margin-top: 0.2rem;}
.banner .h-banner .h-pag{position: absolute; bottom: 2rem; left: 13.5%; z-index: 8;}
.banner .h-banner .h-pag .swiper-pagination-bullet{width: 0.6rem; height: 2px; border-radius: 50px; background-color: #6A6A6A; position: relative;}
.banner .h-banner .h-pag .swiper-pagination-bullet.swiper-pagination-bullet-active::before{content: " "; font-size: 0; display: block; width: 100%; height: 100%; background-color: #FFCC00; position: absolute; z-index: 1; animation: h-pag 3s;}
@keyframes h-pag {
	0%{width: 0;}
	100%{width: 100%;}
}
/* 关于力帆 */
.hom1{width: 100%; position: relative; z-index: -1; padding: 0.6rem 0 0.8rem;}
.hom1 .hom1_bg{position: fixed; top: 0; width: 100%; height: 100%;}
.hom1 .hom1_bg::after{content: ""; display: block; position: absolute; top: 20%; left: 15%; z-index: -1;
	width: 6rem; height: 5.1rem; border-radius: 50%; opacity: 0.5;  background: rgba(0, 149, 217, 0.5); filter: blur(90px);}
.hom1 .hom1_bg::before{content: ""; display: block; position: absolute; top: 40%; left: 40%; z-index: -1;
	width: 8rem; height: 6.3rem; border-radius: 50%; opacity: 0.5;  background: rgba(0, 149, 217, 0.5); filter: blur(90px);}
.hom1 .pro-nav{display: flex; justify-content: center; margin-top: 0.2rem;}
.hom1 .pro-nav .pi{margin: 0 0.1rem; transition: all 0.3s; transform:skew(-26deg);-webkit-transform: skew(-26deg);-moz-transform: skew(-26deg);-o-transform:skew(-26deg);-ms-transform:skew(-26deg);cursor: pointer; line-height: 0.6rem; font-size: 0.2rem; color: #FFFFFF; padding: 0 0.6rem;}
.hom1 .pro-nav .pi em{display: inline-block; transform:skew(26deg);-webkit-transform: skew(26deg);-moz-transform: skew(26deg);-o-transform:skew(26deg);-ms-transform:skew(26deg);}
.hom1 .pro-nav .pi.pic{border: #FFFFFF solid 1px;}
.hom1 .pro-nav .pi.pic.pi-ing{border: #0095D9 solid 1px; background: rgba(0,133,255,1)}
.hom1 .pro-nav .pi.pic:hover{border: #0095D9 solid 1px; color: #0095D9;}
.hom1 .pro-nav .pil{background: url(../images/pro-nav1.svg) no-repeat right center; background-size: auto 100%;}
.hom1 .pro-nav .pir{background: url(../images/pro-nav3.svg) no-repeat left center; background-size: auto 100%;}
.hom1 .pro-nav .pil:hover{background: url(../images/pro-nav1-1.svg) no-repeat right center; background-size: auto 100%; color: #0095D9;}
.hom1 .pro-nav .pir:hover{background: url(../images/pro-nav3-1.svg) no-repeat left center; background-size: auto 100%; color: #0095D9;}
.hom1 .pro-nav .pil.pi-ing{background: linear-gradient(90deg,rgba(0,176,255,0),rgba(0,133,255,1));}
.hom1 .pro-nav .pir.pi-ing{background: linear-gradient(-90deg,rgba(0,176,255,0),rgba(0,133,255,1));}
.hom1 .pro-nav .pi.pi-ing:hover{color: #FFFFFF;}
.hom1 .swiper-ul{width: 73%; max-width: 1920px; margin: 0.6rem auto 0;}
.hom1 .swiper-ul .swiper-slide{display: block; color: #333; padding: 0.45rem 0.2rem; text-align: center; cursor: pointer; transition: all 0.3s;}
.hom1 .swiper-ul .swiper-slide:hover{color: #FFFFFF;}
.hom1 .swiper-ul .swiper-slide:nth-child(odd){background: linear-gradient(45deg, transparent 0.3rem, #FFFFFF 0) bottom left,linear-gradient(-135deg, transparent 0.3rem, #FFFFFF 0) top left;background-size: 100% 55%;background-repeat: no-repeat; transition: all 0.3s;}
.hom1 .swiper-ul .swiper-slide:nth-child(even){background: linear-gradient(-45deg, transparent 0.3rem, #FFFFFF 0) bottom right,linear-gradient(135deg, transparent 0.3rem, #FFFFFF 0) top right;background-size: 100% 55%;background-repeat: no-repeat; transition: all 0.3s;}
.hom1 .swiper-ul .swiper-slide:nth-child(odd):hover{background: linear-gradient(45deg, transparent 0.3rem, #0095D9 0) bottom left,linear-gradient(-135deg, transparent 0.3rem, #0095D9 0) top left;background-size: 100% 55%;background-repeat: no-repeat; transition: all 0.3s;}
.hom1 .swiper-ul .swiper-slide:nth-child(even):hover{background: linear-gradient(-45deg, transparent 0.3rem, #0095D9 0) bottom right,linear-gradient(135deg, transparent 0.3rem, #0095D9 0) top right;background-size: 100% 55%;background-repeat: no-repeat; transition: all 0.3s;}
.hom1 .swiper-ul .swiper-slide .pi-img{width: 100%; height: 4rem;}
.hom1 .swiper-ul .swiper-slide .pi-img img{width: 100%; height: 100%; object-fit: contain;}
.hom1 .swiper-ul .swiper-slide .pi-txt{margin-top: 0.2rem;}
.hom1 .swiper-ul .swiper-slide .pi-txt h3{font-size: 0.24rem; line-height: 0.36rem;white-space:nowrap;overflow: hidden;text-overflow: ellipsis;}
.hom1 .swiper-ul .swiper-slide .pi-txt h6{font-size: 0.2rem; line-height: 0.36rem; transition: all 0.3s; color: rgba(55, 55, 55, 0.5); white-space:nowrap;overflow: hidden;text-overflow: ellipsis;}
.hom1 .swiper-ul .swiper-slide:hover .pi-txt h6{color: rgba(255, 255, 255, 0.5);}
.hom1 .swiper-ul .pi-pag{text-align: center; margin-top: 0.7rem;}
.hom1 .swiper-ul .pi-pag .swiper-pagination-bullet{width: 0.6rem; height: 2px; border-radius: 0; background-color: #6A6A6A; position: relative;}
.hom1 .swiper-ul .pi-pag .swiper-pagination-bullet.active{width: 0.6rem; height: 2px; border-radius: 50px; background-color: #6A6A6A; position: relative;}
.hom1 .swiper-ul .pi-pag .swiper-pagination-bullet-active::before{content: " "; font-size: 0; display: block; width: 100%; height: 100%; background-color: #FFCC00; position: absolute; z-index: 1; animation: h1-pag 3s;}
@keyframes h1-pag {
	0%{width: 0;}
	100%{width: 100%;}
}
.hom1 .getmore,.hom2 .getmore,.hom3 .getmore{margin-top: 0.5rem;}

/* 销售网络 */
.hom2 {padding-bottom: 0.6rem;background: #1A1A1A;}
.hom2 .earths{position: relative;}
.hom2 .earths img{width: 100%; height: auto;}
.hom2 .earths .ear1{position: relative; z-index: 2;}
.hom2 .earths .ear2{position: absolute; top: -1rem; z-index: 1; animation: earths 5s linear infinite;}
@keyframes earths {
	0%{opacity: 1;}
	50%{opacity: 0.6;}
	100%{opacity: 1;}
}
.hom2 .hom2-conts{position: relative;}
.hom2 .hom2-conts .hom2-txt{position: absolute; left: 50%; bottom: 0; z-index: 999; text-align: center; transform: translateX(-50%);}
.hom2 .hom2-conts .hom2-txt h3{display: inline-block; line-height: 1.2rem; padding: 0 0.6rem; font-size: 0.48rem; color: #FFF; border: #FFF solid 0.04rem;}
.hom2 .hom2-conts .hom2-txt .txt-p{font-size: 0.36rem; color: #AAAAAA; margin-top: 0.2rem; white-space: nowrap; letter-spacing: 0.2em;}

/* 新闻中心 */
.hom3 {padding: 0.4rem 0 1rem; background: #1A1A1A url(../images/hom3-bg.svg) no-repeat center; background-size: contain;}
.hom3 .new{width: 73%; max-width: 1920px; margin: 0.4rem auto 0; display: flex; justify-content: space-between;}
.hom3 .new .h-news{width: 50%;}
.hom3 .new .swiper-slide{height: 5.4rem; overflow: hidden; position: relative;}
.hom3 .new .swiper-slide img{width: 100%; height: 100%; object-fit: cover; transition: all 0.6s;}
.hom3 .new .swiper-slide .new-title{width: 100%; opacity: 0; transition: all 0.5s; position: absolute; bottom: -100%; z-index: 2; font-size: 0.3rem; color: #FFF; line-height: 200%; padding:0.2rem 0.4rem 0.1rem; white-space:nowrap;overflow: hidden;text-overflow: ellipsis;}
.hom3 .new .swiper-slide .new-title::after{content: ""; display: block; width: 100%; height: 100%; background: linear-gradient(0deg,rgba(0,0,0,1),rgba(0,0,0,0)); position: absolute; left: 0; top: 400%; z-index: -1; transition: all 1s;}
.hom3 .new .swiper-slide:hover img{transform: scale(1.05);}
@media only screen and (min-width:1024px){
	.hom3 .new .swiper-slide:hover .new-title{opacity: 1; bottom: 0;}
	.hom3 .new .swiper-slide:hover .new-title::after{top: 0;}
}
.hom3 .new .new-ul{width: calc(50% - 0.5rem); margin-left: 0.5rem;}
.hom3 .new .new-ul .new-li{display: block; padding:0 0.1rem 0.3rem; margin-bottom: 0.35rem; border-bottom: #444444 solid 1px; transition: all 0.3s;}
.hom3 .new .new-ul .new-li:last-child{margin-bottom: 0;}
.hom3 .new .new-ul .new-li .new-title{display: flex; justify-content: space-between; align-items: flex-end;}
.hom3 .new .new-ul .new-li .new-title h3{font-size: 0.3rem; line-height: 0.42rem; color: #FFF; width: 70%;white-space:nowrap;overflow: hidden;text-overflow: ellipsis;transition: all 0.3s; }
.hom3 .new .new-ul .new-li .new-title .new-time{font-size: 0.18rem; color: #565656; width: 25%; text-align: right; transition: all 0.3s;}
.hom3 .new .new-ul .new-li>p{margin-top: 0.2rem; font-size: 0.16rem; line-height: 200%; color: #AAAAAA;display: -webkit-box;overflow: hidden;-webkit-line-clamp: 2;-webkit-box-orient: vertical;text-overflow: ellipsis;transition: all 0.3s; }
.hom3 .new .new-ul .new-li:hover{border-bottom: #FFCC00 solid 1px; backdrop-filter: blur(30px);}
.hom3 .new .new-ul .new-li:hover .new-title .new-time{color: #0095D9;}
.hom3 .new .new-ul .new-li:hover .new-title h3{color: #0095D9;}
.hom3 .new .new-ul .new-li:hover>p{color: #0095D9;}

/* 关于我们 */
.hom4{width: 100%; height: auto; position: relative;}
.hom4>img.hom4-bg{width: 100%; height: auto;}
.hom4 .hom4c{position: absolute; top: 0.5rem; width: 74%; left: 50%; transform: translateX(-50%); display: flex; justify-content: space-between; align-items: flex-end;}
.hom4 .hom4-txt{width: 50%; text-align: right;}
.hom4 .hom4-txt .h-title img{margin: auto; margin-right: 0;}
.hom4 .hom4-txt p{color: #AAAAAA; font-size: 0.22rem; line-height: 0.36rem; margin-top: 0.4rem;}
.hom4 .hom4-txt .getmore{text-align: right; margin-top: 1.4rem;}
.hom4-data .data-box{display: flex; justify-content: center; color: #FFF; align-items: center; flex-direction: column; text-align: center; position: relative; width: 2.8rem; height: 2.8rem;}
.hom4-data .data-box h4{font-size: 0.48rem; font-family: 'harsc-bold'; line-height: 200%;}
.hom4-data .data-box p{font-size: 0.16rem; line-height: 0.24rem;}
.hom4-data .data-box::after{content: " "; display: block; width: 100%; height: 100%; position: absolute; z-index: -1;}
.hom4-data .data1.data-box::after{background: url(../images/hom4-icon.png) no-repeat center; background-size: contain;}
.hom4-data .data21.data-box::after{background: url(../images/hom4-iconl.png) no-repeat center; background-size: contain;}
.hom4-data .data22.data-box::after{background: url(../images/hom4-iconr.png) no-repeat center; background-size: contain;}
.hom4-data .data-box:hover::after{animation: data-box 2s linear infinite;}
.hom4-data .data1{margin: 0 auto; transform: translateY(18%);}
.hom4-data .data2{display: flex;}
.hom4-data .data21.data-box{transform: translateX(2%);}
.hom4-data .data22.data-box{transform: translateX(-2%);}
@keyframes data-box {
	0%{opacity: 1;}
	50%{opacity: 0.2;}
	100%{opacity: 1;}
}

@media only screen and (max-width:1024px){
	.banner .h-banner{width: 100%; height: 9rem;}
	.banner .h-banner .swiper-slide .h-banner-txt{width: 100%; left: 0; top: 26%; padding: 0 .4rem; text-align: center; background: transparent;}
	.banner .h-banner .swiper-slide .h-banner-txt h1{font-size: .56rem; line-height: 150%;}
	.banner .h-banner .swiper-slide .h-banner-txt h3{font-size: .32rem; line-height: 150%;}
	.banner .h-banner .h-pag{left: 0; text-align: center; bottom: .6rem;}
	.hom4{padding-top: 5.8rem; background: #1A1A1A;}
	.hom4 .hom4c{flex-direction: column-reverse; width: 100%;}
	.hom4 .hom4-txt{width: 100%; padding: 0 .4rem; text-align: center;}
	.h-title img{height: 1.2rem;}
	.h-title h2{font-size: .56rem;}
	.hom3 .h-title{padding: 0 .4rem;}
	.hom3 .h-title img{height: 1.2rem; margin-left: 0;}
	.hom3 .h-title h2{font-size: .56rem; text-align: left;}
	.hom4 .hom4-txt .h-title img{margin: 0 auto; height: 1.3rem;}
	.hom4 .hom4-txt p{font-size: .26rem; text-align: justify;}
	.hom4 .hom4-txt .getmore{text-align: center; margin-top: .4rem;}
	.hom4 .hom4c .hom4-data{width: 100%; display: flex; margin-top: .1rem;}
	.hom4-data .data1{transform: translate(0,0);}
	.hom4-data .data-box{flex-shrink: 0; flex: 1; height: 2.6rem;}
	.hom4-data .data-box p{font-size: .2rem; line-height: 150%;}
	.hom4-data .data-box h4{line-height: 150%;}
	.hom4-data .data-box::after{width: 108%; height: 108%;}
	.hom4-data .data22.data-box,
	.hom4-data .data21.data-box{transform: translateX(0);}
	.hom1 .pro-nav{margin-top: .5rem; padding: 0 .3rem; flex-wrap: wrap; -ms-flex-wrap: wrap;}
	.hom1 .pro-nav .pi{font-size: .24rem; padding: 0 .4rem; margin-bottom: .2rem;}
	.hom1 .swiper-ul .swiper-slide .pi-img{height: 3.6rem;}
	.hom1 .swiper-ul{width: calc(100% - .8rem);}
	.hom1 .swiper-ul .swiper-slide .pi-txt h3{font-size: .28rem; line-height: 150%;}
	.hom1 .swiper-ul .swiper-slide .pi-txt h6{font-size: .24rem; line-height: 150%;}
	.hom2{padding: .6rem 0;}
	.hom2 .earths{margin-top: .2rem;}
	.hom2 .earths .ear2{top: -.4rem;}
	.hom2 .hom2-conts .hom2-txt{position: static; transform: translate(0,0);}
	.hom2 .hom2-conts .hom2-txt h3{font-size: .42rem; line-height: 1.1rem;}
	.hom2 .hom2-conts .hom2-txt .txt-p{font-size: .32rem; margin-top: .3rem; letter-spacing: .1em;}
	.hom3 .new{width: 100%; padding: 0 .4rem; flex-direction: column;}
	.hom3 .new .h-news{width: 100%;}
	.hom3 .new .swiper-slide.swiper-slide-active .new-title{opacity: 1; bottom: 0; font-size: .32rem; padding: .2rem .3rem .1rem; transition: all 0.5s;}
	.hom3 .new .swiper-slide.swiper-slide-active .new-title::after{top: 0; transition: all 0.5s;}
	.hom3 .new .new-ul{width: 100%; margin: .4rem auto 0;}
	.hom3{background:#1B1B1B url(../images/mhom3-bg.jpg) no-repeat center bottom; background-size: contain;}
	.hom3 .new .new-ul .new-li>p{display: none;}
	.hom3 .new .new-ul .new-li .new-title{display: block;}
	.hom3 .new .new-ul .new-li .new-title h3{width: 100%; font-size: .32rem; line-height: 150%; text-align: justify; white-space: pre-wrap; display: -webkit-box;overflow: hidden;-webkit-line-clamp: 2;-webkit-box-orient: vertical;text-overflow: ellipsis;}
	.hom3 .new .new-ul .new-li .new-title .new-time{display: block; width: 100%; text-align: left; font-size: .24rem; margin-top: .2rem;}
}

/*<<<<<<<<<<<<<<<<<<<<<< 关于力帆 >>>>>>>>>>>>>>>>>>>>>>>*/
/* 内页标题 */
.n-title .h2{font-size: 0.8rem; font-family: 'din-b';  text-transform: uppercase; color: rgba(255, 255, 255, 0.1); }
.n-title .h1{font-size: 0.48rem; font-weight: bold; color: #FFF; margin-top: -0.45rem;}
.n-title .h1::after{content: "";display: block;width: 0.46rem; height: 0.04rem; background: #FFF; margin-top: 0.15rem;}
.n-title2{position: relative;}
.n-title2 .h2{position: absolute; left: 0; top: -0.2rem; right: 0; margin: auto; height: auto;}
.n-title2 .h1::after{margin: 0.15rem auto 0;}

.abo1{padding: 0.5rem 0 1rem;}
.abo1 .info{padding: 0.3rem 0; width: 50.78125%;}
.abo1 .p{margin-top: 0.5rem; font-size: 0.16rem; line-height: 180%; color: #FFF; justify-content: space-between;}
.abo1 .more-p{cursor: pointer; margin-top: 0.4rem; font-size: 0.16rem; line-height: 200%; display: inline-block; color: #0095D9; padding-right: 0.35rem; background: url(../images/more-p.svg) no-repeat right center; background-size: 0.3rem; transition: all 0.3s;}
.abo1 .more-p:hover{opacity: 0.5;}
.abo2{width: 100%; padding: 0.2rem 0 1.6rem; color: #FFF; background: url(../images/abo2-bg.jpg) no-repeat center; background-size: cover;}
.abo2 .h1{font-size: 0.6rem; padding-top: 3rem; line-height: 200%; font-weight: bold; background: url(../images/abo2-hbg.png) no-repeat center top; background-size: 3.2rem;}
.abo2 .h1 span{color: #0095D9;}
.abo2 .p{font-size: 0.24rem; line-height: 180%; margin-bottom: 0.5rem;}

.abo3 .section{margin: 0.5rem 0 0; width: 100%; display: flex;}
.abo3 .section .li{width: 16.66666666666667%; height: 6rem; cursor: pointer; overflow: hidden; position: relative; transition: all 0.5s;}
.abo3 .section .li img{width: 100%; height: 100%; object-fit: cover;}
.abo3 .section .li .min-img{display: block;}
.abo3 .section .li .max-img{display: none;}
.abo3 .section .li::after{content: ""; display: block; width: 100%; height: 100%; background: rgba(0, 0, 0, .2); position: absolute; left: 0; top: 0; z-index: 1;}
.abo3 .section .li .txt{position: absolute; bottom: 0.5rem; left: 0.4rem; z-index: 2; transform: translateY(90%); color: #FFF; transition: all 0.8s;}
.abo3 .section .li .txt .p1{font-size: 0.24rem; font-weight: bold; transition: all 0.5s;}
.abo3 .section .li .txt .p1 span{display: inline-block; position: relative;}
.abo3 .section .li .txt .p1 span::after{content: ""; display: block; position: absolute; left: 110%; top: 50%; width: 1.2rem; height: 1px; background: #FFCC00; opacity: 0; transition: all 0.3s;}
.abo3 .section .li .txt .p2{font-size: 0.3rem; line-height: 180%; opacity: 0; transform: scale(0); transition: all 0.5s;}
.abo3 .section .li.li-ing{width: 50%;}
.abo3 .section .li.li-ing .txt{transform: translateY(0);}
.abo3 .section .li.li-ing .txt .p1{color: #FFCC00;}
.abo3 .section .li.li-ing .txt .p1 span::after{opacity: 1;}
.abo3 .section .li.li-ing .txt .p2{opacity: 1; transform: scale(1);}
.abo3 .section .li.li-ing .min-img{display: none;}
.abo3 .section .li.li-ing .max-img{display: block;}

/*<<<<<<<<<<<<<<<<<<<<<< 关于力帆-发展历程 >>>>>>>>>>>>>>>>>>>>>>>*/
.course-content{width: 100%; padding-bottom: 1.7rem;}
.content-bg{background: url(../images/content-bg.jpg) no-repeat center bottom; background-size: 100% auto;}
.course{position: relative; padding-bottom: 1.2rem;}
.course::before{content: ""; display: block; width: 1px; height: calc(100% - 80px); background: #0095D9; position: absolute; left: calc(50% - 1px); top: 40px; z-index: 0;}
.course .more-li{font-size: 0; width: 80px; height: 80px; position: absolute; left: 0; top: auto; right: 0; bottom: 0; z-index: 1; margin: auto; background: #0095D9 url(../images/more-li.svg) no-repeat center center; background-size: 36px; cursor: pointer; border-radius: 50%; transition: all 0.3s;}
.course .more-li:hover{opacity: .9;}
.course .more-li::after{content: "";animation: more_li 2s linear infinite; display: block; width: 120px; height: 120px; border-radius: 50%; background: rgba(0, 149, 217, .2); position: absolute; left: 50%; top: 50%; transform: translate(-50%,-50%);}
.course .more-li.nomore{background: #E5E5E5 url(../images/more-li.svg) no-repeat center; background-size: 36px;}
@keyframes more_li {
	0%{opacity: 1;}
	50%{opacity: 0.8;}
	100%{opacity: 1;}
}
.course .li{color: #FFF; position: relative; width: 40%;}
.course .li:nth-child(odd){float: right; margin-left: 60%;}
.course .li:nth-child(even){float: left; margin-right: 60%;}
.course .li .h1{color: #0095D9;font-weight: bold;}
.course .li:nth-child(even) .h1{text-align: right;}
.course .li .h1 .year{font-size: 0.72rem; font-family: 'din';}
.course .li .h1 .unit{font-size: 0.3rem;}
.course .li .ps{font-size: 0.15rem; letter-spacing: -0.02em; line-height: 200%; text-align: justify; margin-top: 0.4rem;}
.course .li:nth-child(even) .ps{text-align: right;}
.course .li .icon{position: absolute; top: 0; width: 120px; height: 120px; border-radius: 50%; border: dashed 1px #0095D9; }
.course .li:nth-child(odd) .icon{right: 113.3%;}
.course .li:nth-child(even) .icon{left: 113.3%;}
.course .li .icon::after{content: ""; display: block; width: 80px; height: 80px; border-radius: 50%; background: #0095D9; position: absolute; left: 0; top: 0; bottom: 0; right: 0; margin: auto;}

@media only screen and (max-width:1024px){
	.n-title2 .h2{top: -.5rem;}
	.abo1{padding: .5rem 0 .6rem; display: block;}
	.abo1 .info{width: 100%; padding: 0 .5rem;}
	.abo1 .p{font-size: .28rem; text-align: right;}
	.abo1 .p .p1,.abo1 .p .p2{text-align: justify;}
	.abo1 .more-p{margin-top: .5rem; font-size: .26rem;}
	.abo1 .hom4-data{width: 100%; display: flex; margin-top: .6rem;}
	.abo2{background: url(../images/mabo2-bg.jpg) no-repeat center; background-size: cover; padding: .5rem 0 1.4rem;}
	.abo2 .p{font-size: .26rem;}
	.abo4 .swiper-slide{height: 8rem;}
	.abo4 .swiper-slide img{width: 100%; height: auto;}
	.abo4 .swiper-slide .txt{width: 100%; display: block; position: absolute; left: 0; top: .9rem; color: #FFF;}
	.abo4 .swiper-slide .txt .p1{position: relative; text-align: center; font-size: .36rem; line-height: 200%;}
	.abo4 .swiper-slide .txt .p1::after{content: ""; display: block; width: .6rem; height: .02rem; background: #0095D9; margin: .3rem auto 0;}
	.abo4 .swiper-slide .txt .p2{font-size: .40rem; margin-top: .4rem; line-height: 150%; text-align: center; transform: translate(0,.5rem); opacity: 0; transition: all .8s; transition-delay: 0.3s;}
	.abo4 .swiper-slide.swiper-slide-active .txt .p2{transform: translate(0,0); opacity: 1;}
	.abo4 .page-but{width: .36rem; height: .36rem; position: absolute; bottom: .4rem; z-index: 3; cursor: pointer;}
	.abo4 .page-but.abo4-prev{left: 35%; background: url(../images/prev-white.svg) no-repeat center; background-size: contain;}
	.abo4 .page-but.abo4-next{right: 35%; background: url(../images/next-white.svg) no-repeat center; background-size: contain;}
	.content-bg{background: url(../images/mhom3-bg.jpg) no-repeat center bottom; background-size: 100% auto; padding: .6rem 0 1rem;}
	.course{padding: 0 .4rem;}
	.course::before{left: .8rem; top: 0.24rem; height: calc(100% - .8rem);}
	.course .li{width: 100%; padding-left: 1.1rem; margin-bottom: .7rem;}
	.course .li:nth-child(odd),
	.course .li:nth-child(even){margin: 0 auto .7rem; float: none;}
	.course .li:nth-child(even) .h1,
	.course .li:nth-child(even) .ps{text-align: left;}
	.course .li:nth-child(odd) .icon,
	.course .li:nth-child(even) .icon{left: 0;}
	.course .li .icon{width: .8rem; height: .8rem; font-size: 0;}
	.course .li .icon::after{width: .56rem; height: .56rem;}
	.course .more-li,
	.course .more-li.nomore{width: .56rem; height: .56rem; background-size: .24rem; right: auto; left: .545rem;}
	.course .more-li::after{width: .8rem; height: .8rem;}
	.course .li .ps{font-size: .28rem;}
}

/*<<<<<<<<<<<<<<<<<<<<<< 新闻动态 >>>>>>>>>>>>>>>>>>>>>>>*/
.menu2-content{width: 100%; position: relative; background: url(../images/menul.svg) no-repeat left top; background-size: 16rem auto;}
.menu2-content::after{content: ""; display: block; width: 100%; height: 100%; position: absolute; left: 0; top: 0; z-index: -1; background: url(../images/menur.svg) no-repeat right bottom; background-size: 16rem auto;}
.menu2-content .menu2{width: 66.66666666666667%; padding: 0.1rem 0 0.1rem 0.3rem;}
.menu2-content .menu2 .li{display: inline-block; padding: 0.2rem 0.4rem 0.2rem 0.5rem; font-size: 0.2rem; color: #666; transition: all 0.3s;}
.menu2-content .menu2 .li:hover,
.menu2-content .menu2 .li.li-ing{font-weight: bold; color: #0095D9;}
.menu2-content .menu2 .li:nth-child(n+2){background: url(../images/menu2-li.svg) no-repeat left center;}
.new-content{margin-top: 1rem; padding-bottom: 0.9rem;}
.news .li{display: flex; width: 100%; position: relative; justify-content: space-between; margin-bottom: 0.8rem; transition: all 0.3s; overflow: hidden;}
.news .li::after{content: ""; display: block; width: 0; height: 100%; background: rgba(0,149,217,.2); position: absolute; left: 0; top: 0; z-index: -1;transition: all 0.3s;}
.news .li .img{width: 400px; height: 300px; flex-shrink: 0; overflow: hidden;}
.news .li .img img{width: 100%; height: 100%; object-fit: cover; transition: all 0.5s;}
.news .li .txt{width: calc(100% - 400px); padding: 20px 20px 30px 50px; }
.news .li .txt .h1{font-size: 28px; transition: all 0.3s; line-height: 150%; color: #FFF;white-space:nowrap;overflow: hidden;text-overflow: ellipsis;}
.news .li .txt .p{font-size: 16px; line-height: 200%; color: #989898; text-align: justify; margin-top: 0.3rem;display: -webkit-box;overflow: hidden;-webkit-line-clamp: 4;-webkit-box-orient: vertical;text-overflow: ellipsis;}
.news .li .txt .time{margin-top: auto; font-size: 15px; color: #5D5D5D; line-height: 200%; padding-left: 25px; background: url(../images/times.svg) no-repeat left center; background-size: 17px;}
.news .li:hover{border-radius: 0.1rem; backdrop-filter: blur(10px); -webkit-box-shadow:0 2px 10px rgba(0, 0, 0, .1);-moz-box-shadow:0 0 10px rgba(0, 0, 0, .1);box-shadow:0 0 10px rgba(0, 0, 0, .2); border-radius: 0.16rem;}
.news .li:hover::after{width: 100%;}
.news .li:hover .img img{transform: scale(1.05);}
.news .li:hover .txt .h1{color: #0095D9;}

.pages{text-align: center; margin: .3rem auto .5rem; text-align: center;}
.pages a,.pages b{display: inline-block; font-size: .0.16rem; line-height: 120%; margin: 0 .1rem; padding: 0.05rem .1rem; min-width: .35rem; transition: all 0.3s;}
.pages b{background:#0095D9; color:#FFF;}
.pages a{background: #E8E8E8;}
.pages a:hover{ background:#0095D9; color: #FFF;}

.new-detail{background: #FFF; padding: 0.8rem 0.5rem 1rem; border-radius: 0.16rem;}
.new-detail .h1{font-size: 0.36rem; text-align: center; font-family: 'harsc-bold';}
.new-detail .infos{text-align: center; margin: 0.3rem auto 0.5rem; border-bottom: rgba(255, 204, 0, 0.5) solid 1px; padding-bottom: 0.2rem;}
.new-detail .infos span{font-size: 0.14rem; color: #999;}
.new-detail .detail-content{line-height: 200%; font-size: 0.18rem; color: #333;}
.new-detail .detail-content img{max-width: 100%; margin: 0.2rem auto 0.3rem; display: inline-block; vertical-align: middle;}


@media only screen and (max-width:1024px){
	.menu4{display:box;display:-webkit-box;display:-moz-box;display:-ms-flexbox;display:-webkit-flex;display:flex; justify-content: center; -ms-flex-wrap: wrap; flex-wrap: wrap; margin: 0.4rem auto;}
	.menu4 .li{display: block; text-align: center; margin: 0 0.1rem 0.2rem; transition: all 0.3s; transform:skew(-26deg);-webkit-transform: skew(-26deg);-moz-transform: skew(-26deg);-o-transform:skew(-26deg);-ms-transform:skew(-26deg);cursor: pointer; line-height: 120%; font-size: 0.3rem; color: #FFFFFF; padding: 0.15rem 0.4rem;}
	.menu4 .li span{display: inline-block; transform:skew(26deg);-webkit-transform: skew(26deg);-moz-transform: skew(26deg);-o-transform:skew(26deg);-ms-transform:skew(26deg);}
	.menu4 .li{border: #FFFFFF solid 1px;}
	.menu4 .li.li-ing{border: #0095D9 solid 1px; background: rgba(0,133,255,1)}
	.menu4 .li:first-child{background: url(../images/pro-nav1.svg) no-repeat right center; background-size: auto 100%;}
	.menu4 .li:last-child{background: url(../images/pro-nav3.svg) no-repeat left center; background-size: auto 100%;}
	.menu4 .li:first-child.li-ing{background: linear-gradient(90deg,rgba(0,176,255,0),rgba(0,133,255,1)); border: transparent;}
	.menu4 .li:last-child.li-ing{background: linear-gradient(-90deg,rgba(0,176,255,0),rgba(0,133,255,1)); border: transparent;}
	.new-content{margin-top: .8rem; padding: 0 .4rem 1rem;}
	.news .li{margin-bottom: .6rem;}
	.news .li .img{width: 2.4rem; height: 1.85rem;}
	.news .li .txt{width: calc(100% - 2.4rem); padding: .1rem .1rem .1rem .3rem; }
	.news .li .txt .h1{font-size: .32rem; white-space: pre-wrap; display: -webkit-box; overflow: hidden; -webkit-line-clamp: 2; -webkit-box-orient: vertical; text-overflow: ellipsis;}
	.news .li .txt .p{display: none;}
	.news .li .txt .time{font-size: .24rem; padding-left: 0.35rem; background-size: 0.25rem;}
	.new-detail{padding: .8rem .2rem 1rem;}
	.new-detail .infos span{font-size: .24rem; display: inline-block;}
	.new-detail .detail-content{font-size: .28rem;}
	.pages a, .pages b{font-size: .24rem; margin-bottom: .2rem; min-width: .4rem;}
}
@media only screen and (min-width:1024px) and (max-width:1440px){
	.news .li .img{width: 4rem; height: 3rem;}
	.news .li .txt{width: calc(100% - 4rem); padding: .2rem .2rem .3rem .5rem;}
	.news .li .txt .h1{font-size: .28rem;}
	.news .li .txt .p{font-size: .20rem;}
	.news .li .txt .time{font-size: .15rem; padding-left: .25rem; background-size: .17rem;}
}
/*<<<<<<<<<<<<<<<<<<<<<< 产品中心-产品列表 >>>>>>>>>>>>>>>>>>>>>>>*/
.product-content{padding-bottom: 1rem;}
.menu3{width: 100%; margin: 0.5rem auto; position: relative;}
.menu3 .forms{
	padding: 0.2rem 0.4rem;
	transition:all 0.35s;-moz-transition:all 0.35s;-webkit-transition:all 0.35s;-o-transition:all 0.35s;
	background: 
	linear-gradient(-45deg, transparent 0.15rem, #3D3D3D 0) bottom right,
	linear-gradient(135deg, transparent 0.15rem, #3D3D3D 0) top right;
	background-size: 100% 55%;
	background-repeat: no-repeat;
}
.menu3 .forms.inp-ing{
	background: 
	linear-gradient(-45deg, transparent 0.15rem, #0095D9 0) bottom right,
	linear-gradient(135deg, transparent 0.15rem, #0095D9 0) top right;
	background-size: 100% 55%;
	background-repeat: no-repeat;
}
.menu3 .forms .inp{width: calc(100% - 0.5rem); font-size: .24rem; line-height: 150%; color: #FFF; background: transparent; outline: none; border: transparent solid 1px;transition:all 0.35s;-moz-transition:all 0.35s;-webkit-transition:all 0.35s;-o-transition:all 0.35s;}
.menu3 .forms .inp:focus{border-bottom: #FFCC00 solid 1px;}
.menu3 .forms .sub{font-size: 0; width: .25rem; height: .25rem; cursor: pointer; border: transparent; outline: none; background: url(../images/searchs.svg) no-repeat center; background-size: contain;transition:all 0.35s;-moz-transition:all 0.35s;-webkit-transition:all 0.35s;-o-transition:all 0.35s;}
.menu3 .forms .sub:hover{background: url(../images/searchs-on.svg) no-repeat center; background-size: contain;}

.products{flex-wrap: wrap;}
.products .li{width: 31.25%; margin: 0 calc(6.25% / 2) 0.4rem 0; display: block; color: #333; padding: 0.45rem 0.2rem; text-align: center; cursor: pointer; transition: all 0.3s;}
.products .li:nth-child(3n){margin: 0 0 0.4rem 0;}
.products .li:hover{color: #FFFFFF;}
.products .li:nth-child(odd){background: linear-gradient(45deg, transparent 0.3rem, #FFFFFF 0) bottom left,linear-gradient(-135deg, transparent 0.3rem, #FFFFFF 0) top left;background-size: 100% 55%;background-repeat: no-repeat; transition: all 0.3s;}
.products .li:nth-child(even){background: linear-gradient(-45deg, transparent 0.3rem, #FFFFFF 0) bottom right,linear-gradient(135deg, transparent 0.3rem, #FFFFFF 0) top right;background-size: 100% 55%;background-repeat: no-repeat; transition: all 0.3s;}

.products .li:nth-child(odd):hover{background: linear-gradient(45deg, transparent 0.3rem, #0095D9 0) bottom left,linear-gradient(-135deg, transparent 0.3rem, #0095D9 0) top left;background-size: 100% 55%;background-repeat: no-repeat; transition: all 0.3s;}
.products .li:nth-child(even):hover{background: linear-gradient(-45deg, transparent 0.3rem, #0095D9 0) bottom right,linear-gradient(135deg, transparent 0.3rem, #0095D9 0) top right;background-size: 100% 55%;background-repeat: no-repeat; transition: all 0.3s;}

.products .li .pi-img{width: 100%; height: 4rem;}
.products .li .pi-img img{width: 100%; height: 100%; object-fit: contain;}
.products .li .pi-txt{margin-top: 0.2rem;}
.products .li .pi-txt h3{font-size: 0.24rem; line-height: 150%; white-space:nowrap;overflow: hidden;text-overflow: ellipsis;}
.products .li .pi-txt h6{font-size: 0.16rem; line-height: 220%; transition: all 0.3s; color:#888888; white-space:nowrap;overflow: hidden;text-overflow: ellipsis;}
.products .li:hover .pi-txt h6{color: rgba(255, 255, 255, 0.6);}


/*<<<<<<<<<<<<<<<<<<<<<< 产品中心-产品详情 >>>>>>>>>>>>>>>>>>>>>>>*/
.prods{margin: 0.9rem auto;}
.prods .prods1 .info{flex: 1; margin-right: 5%; color: #FFF;}
.prods .prods1 .info .h1{font-family: 'harsc-bold'; font-size: .6rem;}
.prods .prods1 .info .h2{font-family: 'harsc-bold'; font-size: .36rem; color: #0095D9;}
.prods .prods1 .info .p1{font-size: 0.24rem; line-height: 150%; display: inline-block; padding-top: 0.1rem; border-top: #FFF solid 2px; margin-top: 0.2rem;}
.prods .prods1 .info .p2{font-size: 0.2rem; line-height: 180%; color: #C2C2C2; text-align: justify; margin-top: .6rem;}
.prods .prods1 .img{width: 40%; position: relative; height: 0; padding-bottom: 40%; flex-shrink: 0;}
.prods .prods1 .img img{position: absolute; left: 0; top: 0; bottom: 0; right: 0; z-index: 1; margin: auto; width: 100%; height: 100%; object-fit: contain; }
.prods .prods2{margin-top: .5rem; color: #FFF;}
.prods .prods2 .h1{font-size: .3rem; line-height: .8rem; font-family: 'harsc-bold'; background: #0095D9; padding: 0 .3rem;}
.prods .prods2 table,
.prods .prods2 table tbody tr td{border: none;}
.prods .prods2 table{width: 100%; margin-bottom: 0.5rem;}
.prods .prods2 table tbody tr{border-bottom: rgba(255, 255, 255, 0.1) solid 1px;}
.prods .prods2 table tbody tr td{font-size: 0.2rem; padding: 0.15rem 0.3rem; line-height: 150%; text-align: justify;}
.prods .prods2 table tbody tr td:first-child{white-space: nowrap;}
.prods .prods2 img{margin: 0.5rem auto; max-width: 100%; height: auto !important;}
.prods .prods3{width: 100%; height: 0; padding-bottom: 56.25%; position: relative;}
.prods .prods3 video{position: absolute; left: 0; top: 0; right: 0; bottom: 0; z-index: 2; margin: auto; width: 100%; height: 100%; object-fit: contain;}

@media only screen and (max-width:1024px){
	.menu3{margin: 0.5rem auto 0.4rem;}
	.menu3 .inp .h2{font-size: .32rem;}
	.menu3 .child a{font-size: .28rem;}
	.product-content{padding: .2rem .35rem 1rem;}
	.products .li{width: calc(50% - 0.1rem); margin:0 0.2rem 0.2rem 0; padding: .2rem;}
	.products .li:nth-child(3n){margin: 0 0.2rem 0.2rem 0;}
	.products .li:nth-child(2n){margin: 0 0 0.2rem 0;}
	.products .li .pi-img{height: 3.3rem;}
	.products .li .pi-txt h3{font-size: .32rem;}
	.products .li .pi-txt h6{font-size: .24rem; line-height: 150%; overflow: auto; white-space: pre-wrap; text-overflow: unset;}
	.prods{margin: .2rem auto 1rem;}
	.prods .prods1{flex-direction: column;}
	.prods .prods1 .info{width: 100%; margin-right: 0;}
	.prods .prods1 .info .h1{font-size: .72rem;}
	.prods .prods1 .info .h2{font-size: .4rem;}
	.prods .prods1 .info .p1{font-size: .32rem; border: transparent;}
	.prods .prods1 .info .p2{font-size: .28rem; line-height: 180%;}
	.prods .prods1 .img{width: 100%; padding-bottom: 100%; border: #FFF solid 1px; margin-top: .6rem;}
	.prods .prods2 .h1{font-size: .4rem; line-height: 1rem;}
	.prods .prods2 table tbody tr{display: block; padding: .3rem .1rem;}
	.prods .prods2 table tbody tr td:first-child{white-space: pre-wrap; color: rgba(255, 255, 255, 0.6); margin-bottom: .1rem;}
	.prods .prods2 table tbody tr td{display: block; font-size: .28rem; padding: 0;}
	.prods .prods3{margin-top: .5rem;}
}

/*<<<<<<<<<<<<<<<<<<<<<< 客户服务 >>>>>>>>>>>>>>>>>>>>>>>*/
.cus1-content{padding: 2.7rem 0 1.3rem; background: url(../images/cus1-bg.png) no-repeat center; background-size: 100% auto;}
.cus1 .ul{margin-top: .4rem; flex-wrap: wrap;}
.cus1 .ul .li{width: 32.8125%; margin-right: calc(1.5625% / 2); margin-bottom: 0.1rem; background: #FFF; height: 160px; padding: 0.3rem;}
.cus1 .ul .li:nth-child(3n){margin-right: 0;}
.cus1 .ul .li .li-h{font-size: 0.18rem; line-height: 200%;}
.cus1 .ul .li .p .sp{font-size: 0.14rem; line-height: 150%; margin: 0.05rem 0; color: #666; display: inline-block; padding: 0 .1rem;}
.cus1 .ul .li .p .sp:first-child{padding-left: 0;}
.cus1 .ul .li .p .sp:last-child{padding-right: 0;}
.cus1 .ul .li .p .sp:nth-child(n+2){border-left: solid 1px #666;}
.cus1 .ul .li .p a.sp{transition: all 0.3s;}
.cus1 .ul .li .p a.sp:hover{color: #0095D9;}
.cus2-content{width: 100%; padding: 1.4rem 0; background: url(../images/cus2-bg.jpg) no-repeat center; background-size: cover; background-attachment: fixed;}
.cus2{width: 66.66666666666667%; margin: 0 auto; text-align: center; color: #FFF;}
.cus2 img{margin: 0 auto; width: 4rem; height: auto;}
.cus2 .h1{font-size: .48rem; font-family: 'harsc-bold'; line-height: 1.2rem; margin-top: .7rem;}
.cus2 .p{font-size: .18rem; line-height: 200%;}
.cus2 .icon{width: 7.2rem; height: 7.2rem; position: absolute; margin: auto; left: 50%; top: -25%; z-index: 0;transform: translate(-50%,0); background: url(../images/sanjiao1.svg) no-repeat center; background-size: contain;}
.cus2 .icon::after{content: "";animation: cus2_icon1 6s linear infinite; display: block; width: 100%; height: 100%;position: absolute;  left: 0; top: 0; bottom: 0; right: 0; z-index: -1; background: url(../images/sanjiao2.svg) no-repeat center; background-size: contain;}
.cus2 .icon::before{content: "";animation: cus2_icon2 6s linear infinite; display: block; width: 100%; height: 100%;position: absolute; margin: auto; left: 0; top: 0; bottom: 0; right: 0; z-index: -1; background: url(../images/sanjiao2.svg) no-repeat center; background-size: contain;}
@keyframes cus2_icon1 {
	0%{transform: rotate(-3deg);}
	50%{transform: rotate(3deg);}
	100%{transform: rotate(-3deg);}
}
@keyframes cus2_icon2 {
	0%{transform: rotate(3deg);}
	50%{transform: rotate(-3deg);}
	100%{transform: rotate(3deg);}
}
.cus3-content{padding: 1rem 0 1.3rem;}
.cus3{width: 76.82291666666667%; margin: 0 auto;}
.cus3 form{display: flex; justify-content: space-between; flex-wrap: wrap; margin-top: 0.5rem;}
.cus3 form .formlist{width: 49.6%; margin-bottom: 0.1rem;}
.cus3 form .formlist input{width: 100%; border: #E5E5E5 solid 1px; font-size: 0.15rem; height: 0.7rem; padding: 0 0.2rem; transition: all 0.3s;}
.cus3 form .formlist input:focus{background: #F5F5F5;outline: none; border: rgba(0, 149, 217, 0.5) solid 1px;}
.cus3 form .formlist.form4{width: 100%;}
.cus3 form .formlist.form4 textarea{width: 100%; resize: none; height: 2rem; font-size: 0.15rem; line-height: 200%; border: #E5E5E5 solid 1px; padding:0.2rem; transition: all 0.3s;}
.cus3 form .formlist.form4 textarea:focus{background: #F5F5F5; outline: none; border: rgba(0, 149, 217, 0.5) solid 1px;}
.cus3 form .notice{width: 100%; margin: 0.1rem 0 0.3rem; font-size: 0.16rem; color: #CCCCCC;}
.cus3 form .bbtn,.cus3 form .clear{width: 49%;}
.cus3 form .clear input{cursor: pointer; width: 100%; font-size: 0.24rem; height: 0.76rem; border: #BCB8B8 solid 1px; background-color: #BCB8B8; color: #FFFFFF; transition: all 0.5s;}
.cus3 form .clear input:hover{background-color: rgba(255, 204, 0, 0.8); border: transparent solid 1px;}
.cus3 form button{width: 100%; cursor: pointer; font-size: 0.24rem; height: 0.76rem;color: #FFFFFF; line-height: 200%; background-color: #0095D9; border: none; transition: all 0.5s;}
.cus3 form button:hover{line-height: 200%; background-color: rgba(0, 149, 217, 0.6);}
.cus3 form .formlist.form5{position: relative;}
.cus3 form .formlist.form5 .yzm{cursor: pointer; text-align: center; color: #333; line-height: 0.5rem; position: absolute; right: 0.1rem; top: 0.1rem; z-index: 1; height: calc(100% - 0.2rem); background: #868686;}
.cus3 form .formlist.form5 .yzm img{height: 100%; width: auto; margin: auto;}

@media only screen and (max-width: 1024px){
	.cus3 form .formlist{width: 100%; margin-bottom: .15rem;}
	.cus3 form .formlist input{height: 0.8rem; font-size: 0.28rem; padding: 0 0.3rem;}
	.cus3 form .formlist.form4 textarea{font-size: 0.28rem; padding: .1rem .3rem;}
	.cus3 form .notice{font-size: 0.24rem; text-align: center;}
	.cus3 form button,.cus3 form .clear input{height: 0.9rem; font-size: 0.28rem;}
	.cent1 .cent12 .loader{width: 0.2rem; height: 0.2rem;}
	.cus1-content{padding: 1rem 0 1.2rem; background: url(../images/mcus1-bg.png) no-repeat center 1rem; background-size: 100% auto;}
	.cus1 .ul{padding: 0 .3rem;}
	.cus1 .ul .li,.cus1 .ul .li:nth-child(3n){width: calc(50% - 0.1rem); min-height: 2.4rem; margin-right: .2rem; margin-bottom: .2rem;}
	.cus1 .ul .li:nth-child(2n){margin-right: 0;}
	.cus1 .ul .li .li-h{font-size: .36rem;}
	.cus1 .ul .li .p .sp{font-size: .24rem; display: block; padding: 0;}
	.cus1 .ul .li .p .sp:nth-child(n+2){border: transparent;}
	.cus2-content{padding: 1.7rem 0 3rem; background: url(../images/mcus2-bg.jpg) no-repeat center; background-size: 100% auto; background-attachment:fixed;}
	.cus2{width: 100%; padding: 0 .5rem;}
	.cus2 .h1{font-size: .54rem; line-height: 200%; margin-top: 1.2rem;}
	.cus2 .p{font-size: .28rem;}
	.cus2 .icon{top: 18%;}
	.cus3{width: 100%; padding: 0 .4rem;}
	.cus3 form{margin-top: 1rem;}
	.cus3 form .formlist input#key{padding-right: 30%;}
	.cus3 form .bbtn, .cus3 form .clear{width: 100%; margin-bottom: .15rem;}
}


/*<<<<<<<<<<<<<<<<<<<<<< 联系我们 >>>>>>>>>>>>>>>>>>>>>>>*/
.cent1{width: 100%; position: relative;}
.cent1 .n-title h2{font-size: 1.2rem; color: #FFF; font-family: 'din-b'; text-transform: uppercase;}
.cent1 .n-title h5{font-size: .54rem; color: #0095D9; font-family: 'harsc-bold';}
.cent1 .cent1_bg img{width: 100%; height: auto; display: block;}
.cent1 .cen11{position: absolute; top: 50%; left: 16.66666%; transform: translateY(-50%); width: 5.6rem; color: #FFFFFF;}
.cent1 .cen11 .cen_t h1{font-size: 0.48rem; line-height: 0.7rem;}
.cent1 .cen11 .cen_t h3{font-size: .24rem; line-height: .32rem; text-transform: uppercase;}
.cent1 .cen11 .cen_infor{margin-top: 0.6rem; padding: 0.4rem 0; border-top: 1px #FFF solid;border-bottom: 1px #FFF solid;}
.cent1 .cen11 .cen_infor p{font-size: 0.2rem; line-height: 200%; padding-left: 0.6rem;}
.cent1 .cen11 .cen_infor p a{display: inline-block; font-size: 0.2rem; color: #FFF; transition: all 0.3s;}
.cent1 .cen11 .cen_infor p a:hover{color: #0095D9;}
.cent1 .cen11 .cen_infor p:nth-child(n+2){margin-top: 0.2rem;}
.cent1 .cen11 .cen_infor .p1{background: url(../images/icon-phone.svg) no-repeat left center; background-size: 0.4rem;}
.cent1 .cen11 .cen_infor .p2{background: url(../images/icon-address.svg) no-repeat left center; background-size: 0.4rem;}
.cent1 .cen11 .infs{display: flex; margin-top: 0.6rem; align-items: center;}
.cent1 .cen11 .infs img{width: 1.4rem; height: auto;}
.cent1 .cen11 .infs .infs-txt{margin-left: 0.3rem; font-size: 0.24rem; line-height: 200%;}
.cent1 .cent12{position: absolute; left: 64%; top: 48%;z-index: 99;}
.cent1 .cent12 a.go{position: relative; display: block; cursor: pointer; padding: 0.2rem 0.4rem 0.2rem 0.3rem; background-color: #0095D9;}
.cent1 .cent12 a.go::after{content: ""; display: block; clear: both;}
.cent1 .cent12 a.go .img{float: left; padding-right: 0.3rem; height: 0.57rem; border-right: rgba(255, 255, 255, .2) solid 1px; }
.cent1 .cent12 a.go .img img{width: auto; height: 0.3rem; transition: all 0.5s;}
.cent1 .cent12 a.go span{float: right; display: block;width: 0.57rem; height: 0.57rem; border: 1px rgb(225 225 225 / .1) solid; margin-left: 0.3rem; background: url(../images/getaddress.svg) no-repeat center center; background-size: 0.35rem;}
@media only screen and (min-width: 1025px){
	.cent1 .cent12 a.go:hover img{transform: translateX(-0.05rem);}
	.cent1 .cent12 a.go:hover span{animation: go_span 1.5s linear infinite;}
}
@keyframes go_span {
	0%{transform: translateX(0);}
	50%{transform: translateX(0.15rem);}
	100%{transform: translateX(0);}
}
.cent1 .cent12 .icon{margin: 0 auto; width: 0.24rem;height: 0.12rem;border-left: 0.12rem solid transparent;border-right: 0.12rem solid transparent;border-top: 0.12rem solid #0095D9;}
.cent1 .cent12 .loader{width: 0.16rem; height: 0.16rem; background-color: #FDFDFD; border-radius: 50%; box-sizing: border-box; position: absolute; left: 50%; top: 94%; transform: translate(-50%,0); z-index: -1;}
.cent1 .cent12 .loader::before{content: ''; display: block; width: 0; height: 0; position: absolute; left: 50%; top: 50%; transform: translate(-50%,-50%);z-index: -1; box-sizing: border-box; border-radius: 50%;animation: loaders 2s linear infinite;}
.cent1 .cent12 .loader::after{content: ''; display: block; width: 0; height: 0;  position: absolute; left: 50%; top: 50%; transform: translate(-50%,-50%);z-index: -2; box-sizing: border-box; border-radius: 50%;animation: loaders 2s linear infinite; animation-delay: 1s;}
.cent1 .cent12 .txt{text-align: center; margin-top: 1.5rem; color: #FFF; width: 100%; font-size: .2rem; position: absolute; left: 0; top: 50%; z-index: 9;}
@keyframes loaders {
	0%{width: 0; height: 0;border: 2px solid #FFFFFF;opacity: 1; box-shadow: 0 0 0.1rem #0095D9;}
	30%{opacity: 0.6;}
	60%{opacity: 0.2;}
	90%{opacity: 0.1;}
	100%{width: 2rem; height: 2rem;border: 2px solid #FFFFFF;opacity: 0; box-shadow: 0 0 0.1rem #0095D9;}
}
.cent2{width: 100%; padding-top: .8rem; background: url(../images/cent2-bg.jpg) no-repeat center; background-size: cover; background-attachment: fixed;}
.cent2 .txt{margin: 0 auto 0.9rem;}
.cent2 .txt .p{font-size: 0.15rem; line-height: 200%; color: #FFF; text-align: justify; margin-top: 0.6rem;}
.cent2 .imgs{margin: 0 auto;}
.cent2 .imgs img{width: 100%; height: auto; margin-top: .5rem;}
.cent2 .swiper-slide {width:1280px; transition-timing-function:linear;}
@media only screen and (max-width:1680px){.cent2 .swiper-slide{width:1000px;}}
@media only screen and (max-width:1440px){.cent2 .swiper-slide{width:978px;}}
@media only screen and (max-width:1366px){.cent2 .swiper-slide{width:770px;}}
@media only screen and (max-width:1200px){.cent2 .swiper-slide{width:700px;}}
@media only screen and (max-width:980px){.cent2 .swiper-slide{width:471px;}}
@media only screen and (max-height:480px){.cent2 .swiper-slide{width:471px;}}
.cent2 .swiper-slide img{width:100%;}
.cent2 .swiper-slide::after{content: ""; display: block; width: 100%; height: 100%; position: absolute; left: 0; top: 0; z-index: 1; background: rgba(0, 0, 0, 0); transition: all 0.3s; transition-delay: 0.4s;}
.cent2 .swiper-slide.swiper-slide-prev::after,
.cent2 .swiper-slide.swiper-slide-next::after{background: rgba(0, 0, 0, .6);}
.cent2 .swiper-next{background:url(../images/cursor-next.svg) no-repeat center; right: 0.8rem;}
.cent2 .swiper-prev{background:url(../images/cursor-prev.svg) no-repeat center; left: 0.8rem;}
.cent2 .swiper-next:hover{background:url(../images/cursor-nexts.svg) no-repeat center; background-size: contain;}
.cent2 .swiper-prev:hover{background:url(../images/cursor-prevs.svg) no-repeat center; background-size: contain;}
.cent2 .swiper-next, .cent2 .swiper-prev{position: absolute; top: 50%; z-index: 1; margin-top: -0.5rem; width:1rem; height:1rem; cursor: pointer; background-size:contain; outline:none; transition: all 0.3s;}

@media only screen and (max-width: 1024px){
	.cent1 .cen11{width: 100%; padding: 0 0.4rem; left: 0; top: 2rem; transform: translateY(0);}
	.cent1 .cent12{left: 22%; top: 65%;}
	.cent1 .n-title h2{font-size: .8rem;}
	.cent1 .n-title h5{font-size: 0.48rem; margin-top: .2rem;}
	.cent1 .cen11 .cen_infor{margin-top: .4rem;}
	.cent1 .cen11 .cen_infor p,.cent1 .cen11 .cen_infor p a{font-size: .24rem; line-height: 150%;}
	.cent1 .cent12 .txt{font-size: .28rem;}
	.cent2 .txt.swiper-slide{padding: 0 .4rem; width: 100%;}
	.cent2 .txt .n-title{text-align: center;}
	.cent2 .txt .n-title .h1::after{margin: 0.15rem auto 0;}
	.cent2 .txt .p{margin-top: .9rem; font-size: .28rem; line-height: 180%;}
	.cent2 .swiper-next, .cent2 .swiper-prev{width: .5rem; height: .5rem; margin-top: -0.25rem;}
	.cent2 .swiper-next{right: .4rem;}
	.cent2 .swiper-prev{left: .4rem;}
}