html{width: 100%;font-size: 10px;}
@media screen and (max-width:1720px) {html{font-size: 9px;}}
@media screen and (max-width:1520px) {html{font-size: 8px;}}
@media screen and (max-width:1320px) {html{font-size: 7px;}}
@media screen and (max-width:1024px) {html{font-size: 8px;}}
@media screen and (max-width:376px) {html{font-size: 7px;}}
:root{
	--main-color:#054AFD;
	--secondary-color:#ff8700;
	--black1:#000000;
	--black2:#333333;
	--black3:#666666;
	--white:#FFFFFF;
	--gray:#F5F5F5;
	--linear-bg:linear-gradient(135deg, #95BDFF 0%, #0b1f4f 100%);
	--linear-bg2:linear-gradient(90deg, #496fae 0%, #0b1f4f 100%);
	--font12: clamp(12px, 1.2rem, 12px);
	--font14: clamp(12px, 1.4rem, 14px);
	--font15: clamp(12px, 1.5rem, 15px);
	--font16: clamp(13px, 1.6rem, 16px);
	--font17: clamp(13px, 1.7rem, 17px);
	--font18: clamp(14px, 1.8rem, 18px);
	--font20: clamp(15px, 2rem, 20px);
	--font22: clamp(16px, 2.2rem, 22px);
	--font24: clamp(17px, 2.4rem, 24px);
	--font26: clamp(18px, 2.6rem, 26px);
	--font28: clamp(18px, 2.8rem, 28px);
	--font30: clamp(20px, 3rem, 30px);
	--font32: clamp(20px, 3.2rem, 32px);
	--font34: clamp(22px, 3.4rem, 34px);
	--font36: clamp(22px, 3.6rem, 36px);
	--font38: clamp(24px, 3.8rem, 38px);

	/* --- font40 */
	--font40: clamp(23px, 4rem, 40px);
	--font42: clamp(24px, 4.2rem, 42px);
	--font44: clamp(24px, 4.4rem, 44px);
	--font46: clamp(25px, 4.6rem, 46px);
	--font48: clamp(26px, 4.8rem, 48px);

	/* --- font50 */
	--font50: clamp(28px, 5rem, 50px);
	--font52: clamp(28px, 5.2rem, 52px);
	--font54: clamp(28px, 5.4rem, 54px);
	--font56: clamp(28px, 5.6rem, 56px);
	--font58: clamp(29px, 5.8rem, 58px);

	/* --- font60 */
	--font60: clamp(30px, 6rem, 60px);
	--font64: clamp(31px, 6.6rem, 64px);
	--font66: clamp(31px, 6.6rem, 66px);

	/* --- font70 */
	--font70: clamp(32px, 7rem, 70px);
	--font72: clamp(32px, 7.2rem, 72px);
	--font80: clamp(32px, 8rem, 80px);

	--font100: 10rem;
	--font120: 12rem;
	--font160: 16rem;

}

body{position: relative;overflow-x: hidden;font-size: var(--font16); background: #fff;line-height: 1.5; color: var(--black1); -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale;font-family: 'ABEL', -apple-system, BlinkMacSystemFont,"PingFang SC", "Arial", "Microsoft YaHei", sans-serif;}
/*html,body{scroll-behavior: smooth;}*/
ol,ul,li{list-style: none;}
a{text-decoration: none; color: var(--black2); -webkit-tap-highlight-color: rgba(255,0,0,0); transition: all .4s ease; cursor: pointer;}
em,i{font-style: normal;}
h1,h2,h3,h4,h5,h6,th{font-weight: normal;}
strong{font-weight: 800;}
img{border: 0; height: auto; vertical-align: middle;pointer-events: none;/*display: block;*/}
table{border-collapse: collapse; border-spacing: 0;}
input,textarea,select,button{border: 0; background: none; outline: 0;}
input[type="button"],input[type="text"],input[type="submit"]{appearance: none; -moz-appearance: none; -webkit-appearance: none;}
input,input:focus,input:active{user-select: text;}
button:focus{outline: 0;}
textarea{resize: none;}
video{outline: none;display: block;}
*{margin: 0;padding: 0;box-sizing: border-box;}

@keyframes textDash {to {stroke-dashoffset: 0;}}
.clearfix:after{content: ""; *zoom: 1; display: block; visibility: hidden; height: 0; clear: both;overflow: hidden;}
.relative{position: relative;}
.fl{float: left;}
.fr{float: right;}
.flex {display: flex;}
.content_box {box-sizing: border-box;width: 100%;margin: auto;padding-top: 8rem;}
.pd50{padding: 0 5rem;}
.w1720{position: relative;max-width: 1720px;margin: 0 auto;padding-left: 10rem;padding-right: 10rem;}
.w1460{position: relative;width: 1460px;margin: 0 auto;}
.layui-layer-video{max-width: 1200px;}
.layui-layer-video video{display: block;width: 100%;}
.z9{position: relative;z-index: 9;}
.hide{display: none;}

.pdb4{padding-bottom: 4rem;}
.pdt5{padding-top: 5rem;}
.pdb5{padding-bottom: 5rem;}
.pdt10{padding-top: 9rem;}
.pdb10{padding-bottom: 10rem;}
.pdl1460{padding-left: calc((100vw - 1460px)/2);}
.pdr1460{padding-right: calc((100vw - 1460px)/2);}
.dhsn {
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}
@media screen and (max-width:1620px){
	.w1460{width: 1320px;}
	.pdl1460{padding-left: calc((100vw - 1320px)/2);}
	.pdr1460{padding-right: calc((100vw - 1320px)/2);}
}
@media screen and (max-width:1520px){
	.w1460{width: 1120px;}
	.pdl1460{padding-left: calc((100vw - 1120px)/2);}
	.pdr1460{padding-right: calc((100vw - 1120px)/2);}
}
@media screen and (max-width:1320px){
	.w1460{width: 1020px;}
	.pdl1460{padding-left: calc((100vw - 1020px)/2);}
	.pdr1460{padding-right: calc((100vw - 1020px)/2);}
}
@media screen and (max-width:1220px){
	.w1460{width: 980px;}
	.pdl1460{padding-left: calc((100vw - 980px)/2);}
	.pdr1460{padding-right: calc((100vw - 980px)/2);}
}
@media screen and (max-width:1024px){
	.w1460{width: 100%;padding-left: 2rem;padding-right: 2rem;}
	.pdl1460{padding-left: 2rem;}
	.pdr1460{padding-right: 2rem;}
	.pdt10{padding-top: 8rem;}
	.pdb10{padding-bottom: 8rem;}
	.pdb5{padding-bottom: 4rem;}
}
@media screen and (max-width:768px){
	.pdb4{padding-bottom: 3rem;}
	.pdb5{padding-bottom: 3rem;}
}






.swiper-button-prev:after, .swiper-button-next:after{display: none;}
.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0;}


.h-header{position: sticky;top: 0;left: 0;width: 100%;z-index: 9998;background: #FFFFFF;box-shadow: 0 0 1rem 0 rgba(0, 0, 0, 0.15);font-family: BarlowSemiCondensed;transition: .4s;}
.h-header>div{display: flex;align-items: center;}
.h-logo{display: block;width: 130px;}
.h-logo img{display:block;width: 100%;}
.h-nav{display: flex;margin: 0 auto;gap: 2rem;}
.h-nav .li{position: relative;padding: 3.25rem 0;}
.h-nav .li svg{width: 1.8rem;}
.h-nav .li>a{display: block;font-size: var(--font16);}
.h-nav .li>a span{display: flex;line-height: 3.5rem;min-width: 10rem;padding:0 1rem;text-align: center;border-radius: 3.5rem;align-items: center;justify-content: center;transition: .3s;}
.h-nav .li.active>a span,.h-nav .li:hover>a span{background: var(--main-color);color: #FFFFFF;}

.maxNav{position: fixed;top: 10rem;left: 0;background: #FFFFFF;width: 100%;z-index: 1;display: none;border-top: 1px solid #eee;}
.h-nav .li:hover .maxNav{display: block;}
.maxNav>div{display: flex;max-width: 110rem;margin: 0 auto;padding: 5rem 0;}
.mNavList{width: 55%;display: flex;flex-wrap: wrap;padding-right: 5rem;align-content: flex-start;gap: 3rem 0;}
.mNavList a{display: block;font-size: var(--font14);color: #666666;width: 25%;}
.mNavList a:hover{color: var(--main-color);}
.mNavImg{width: 45%;position: relative;}
.mNavImg img{display: block;width: 100%;}
.mNavImg p{position: absolute;bottom: 0;left: 0;width: 100%;background: rgba(0,0,0,.5);color: #fff;font-size: var(--font15);text-align: center;padding: 1rem;}

.h-subnav {width:20rem;background:#FFFFFF;font-size:var(--font16);text-align:left;position:absolute;left:50%;transform: translateX(-50%);top:100%;height:0;opacity:0;visibility:hidden;transition:all .4s;box-shadow:0 0 1.6rem -4px rgba(0,0,0,.3);margin-top:2rem;-webkit-transition:all .4s;-moz-transition:all .4s;-ms-transition:all .4s;-o-transition:all .4s;z-index:9999;}
.h-subnav ol li{width: 100%;margin: 0 !important;position: relative;}
.h-subnav a {transition: .4s; padding: 1.5rem 2rem;line-height:1.3;box-sizing: border-box; width: 100%; display:block;line-height:2.4rem;color:#333;font-size: var(--font16);text-align: left;font-weight: normal;color: #333;}
.h-subnav a:hover {background:var(--main-color);color:#fff!important;}
.h-subnav .h-subnav {left: 100%;transform: none;top: 0;width: 24rem;}
.h-subnav li:hover>.h-subnav{height:auto;opacity:1;visibility:visible;margin-top:0;}
.h-nav .li:hover>.h-subnav{height:auto;opacity:1;visibility:visible;margin-top:0;}


.h-lang{display: flex;align-items: center;position: relative;line-height: 4rem;cursor: pointer;}
.h-lang span{font-size: var(--font16);margin-left: 0.5rem;transition: .4s;}
.h-lang i{display: block;width: 18px;height: 18px;background-image: url(../images/iconLang1.png);transition: .4s;}
.h-lang .h-subnav{width:12rem;top:100%!important;}
.h-lang:hover{background:var(--secondary-color)!important;border-color: var(--secondary-color)!important;}
.h-lang:hover span{color: #fff!important;}
.h-lang:hover i{background-image: url(../images/iconLang1.png)!important;}
.h-lang:hover .h-subnav{height:auto;opacity:1;visibility:visible;margin-top:0;}


.h-header.active{background: #fff;box-shadow: 0 0 2rem 0 rgba(0,0,0,.1);}
.h-header.active .h-nav .li>a{line-height: 8rem;color: var(--black1);}
.h-header.active .h-subnav{top: 8rem;}
.h-header.active .h-lang span{color: #000;}
.h-header.active .h-lang i{background: url(../images/iconLang2.png);}


.wap_header{width: 100%; height: 7rem; padding: 0 3rem; display: none; justify-content: space-between; align-items: center; position: sticky;top: 0;left:0;font-family: BarlowSemiCondensed; z-index: 9999;box-sizing: border-box;background: #fff;box-shadow: 0 0 4px 0 rgba(0,0,0,.1);}
.wap_header .w-logo{height: 45px;background-repeat: no-repeat;margin-right: auto;}
.wap_header .w-logo img{height: 100%;display: block;}
.wap_header .toggle{display: block; width: 3rem; height: 2.4rem; position: relative; z-index: 6;margin-left: 1rem;}
.wap_header .toggle i{display: block; width: 3rem; height: 0.2rem; background: #666; position: absolute; left: 0; transition: all ease .35s;}
.wap_header .toggle i:nth-of-type(1){top: 0;}
.wap_header .toggle i:nth-of-type(2){top: 1rem;}
.wap_header .toggle i:nth-of-type(3){top: 2rem;}
.wap_header .toggle.on i{background: var(--black1);}
.wap_header .toggle.on i:nth-of-type(1){top: 0.8rem; transform: rotate(45deg);}
.wap_header .toggle.on i:nth-of-type(2){width: 0;}
.wap_header .toggle.on i:nth-of-type(3){top: 0.8rem; transform: rotate(-45deg);}
.wap_header .maskbg{width: 100%; height: 100vh; background: rgba(0,0,0,.5); display: none; position: fixed; left: 0; top: 0; z-index: 3;}
.wap_header .maskbg.on{display: block;}
.wap_header .nav{width: 30rem; background: #fff; height: 100vh; padding: 5.6rem 0 2rem 0; position: fixed; right: 0; top: 0; z-index: 5; transform: translateX(100%); opacity: 0; transition: transform .4s,opacity .4s;}
.wap_header .nav.open{transform: translateX(0); opacity: 1;}
.wap_header .nav > ul{height: calc(100vh - 7rem);width: 100%; margin: 0 auto; position: relative; overflow-y: auto; -webkit-overflow-scrolling: touch;}
.wap_header .nav ul li{border-top: 1px solid #ddd; margin: 0 2rem; line-height: 4rem; font-size: var(--font18); position: relative;overflow: hidden;}
.wap_header .nav > ul > li:first-child{border-top: 0 none;}
.wap_header .nav ul li a{height: 7rem; line-height: 7rem; display: block; padding-right: 3rem; font-size: var(--font18); color: var(--black2);}
.wap_header .nav ul li a:active  {color: var(--main-color) !important;}
.wap_header .nav ul li ul{display: none;}
.wap_header .nav ul li i{width: 3rem; height: 7rem; font-size: var(--font18); color: #9c9c9c; position: absolute; right: 0; top: 0; transition: transform .5s;}
.wap_header .nav ul li i.down{color: var(--main-color); transform: rotate(90deg);}
.wap_header .nav ul li .icon{background: url(../images/yjt.png)no-repeat;background-size: 2rem !important;background-position: center !important;}
.wap_header .nav ul li ul li{margin-right: 0;}
.wap_header .nav ul li ul li a{color: #666; height: 6rem; line-height: 6rem; font-size: var(--font16);}
.wap_header .nav ul li ul li i{top: -1rem;}


@media screen and (max-width:1620px) {
	.h-header{padding: 0 10rem 0 10rem;}
}
@media screen and (max-width:1420px) {
	.h-nav .li{margin-right: 4rem;}
}
@media screen and (max-width:1024px) {
	.h-header{display: none;}
	.wap_header{display: flex;}
	
	.h-lang{padding: 0 1.5rem;}
	.h-link{margin-right: 1rem;}
	.wap_header .h-lang span{color: #000;}
	.wap_header .h-lang i{background: url(../images/iconLang2.png);}
}
@media screen and (max-width:768px) {
	.wap_header{padding: 0 2rem;}
}





.mySwiperBanner{position: relative;overflow: hidden;}
.mySwiperBannerPC{display:block}
.mySwiperBannerWAP{display: none;}
.mySwiperBanner .swiper-pagination{display: flex;align-items: center;justify-content: center;bottom: 5rem;}
.mySwiperBanner .swiper-pagination-bullet{display: block;width: 1rem;height: 1rem;position: relative;background: #FFFFFF;border-radius: 50%;opacity: 0.5;margin: 0 1rem!important;transition: .3s;}
.mySwiperBanner .swiper-pagination-bullet::after{content: "";display: block;width: 2rem;height: 2rem;border-radius: 50%;border: 1px solid #fff;position: absolute;box-sizing: border-box;top: 50%;left: 50%;transform: translate(-50%,-50%);opacity: 0;transition: .3s;}
.mySwiperBanner .swiper-pagination-bullet-active{opacity: 1;}
.mySwiperBanner .swiper-pagination-bullet-active::after{opacity: 1;}

.bannerItem{position: relative;overflow: hidden;}
.bannerItem .img{display: block;width: 100%;}
.bannerItem .img img,.bannerItem .img video{display: block;width: 100%;max-height: 100vh;object-fit: cover;object-position: center;}

@media screen and (max-width:1220px){
	.mySwiperBanner .swiper-pagination{bottom:3rem;}
}
@media screen and (max-width:768px) {
	.mySwiperBannerPC{display:none;}
	.mySwiperBannerWAP{display: block;}
	.mySwiperBanner .swiper-pagination {bottom: 2rem;}
	.bannerItem .img img, .bannerItem .img video{max-height: none;}
}





.indTitle{text-align: center;padding: 10rem 0 4rem;}
.indTitle .atit{font-size: var(--font24);color: #333;}
.indTitle .line{display: block;margin: 1.5rem auto;width: 5rem;height: 2px;background: var(--main-color);}
.indTitle .btit{font-size: var(--font14);color: #666;}
@media screen and (max-width:768px){
	.indTitle {padding: 8rem 0 3rem;}
}


.indMore{display: flex;align-items: center;justify-content: center;border-radius: 4rem;font-size: var(--font15);height: 4rem;width: 16rem;border: 1px solid #ccc;background: #fff;color: #666;margin: 5rem auto 0;}
.indMore:hover{background: var(--main-color);border-color: var(--main-color);color: #FFFFFF;}


.sec1{background: #f7f7f7;}
.indProList{display: flex;flex-wrap: wrap;}
.indProItem{display: flex;width: 50%;background: #fff;border-top: 2px solid #f7f7f7;}
.indProItem:nth-child(4n+3),.indProItem:nth-child(4n+4) {flex-direction: row-reverse;}
.indProItem .img{overflow: hidden;width: 50%;}
.indProItem .img img{display: block;width: 100%;height: 100%;object-fit: cover;object-position: center;transition: .4s;}
.indProItem .desc{width: 50%;padding: 3rem 3rem;display: flex;flex-direction: column;justify-content: center;}
.indProItem .desc .atit{font-size: var(--font16);}
.indProItem .desc .line{display: block;margin: 1.5rem 0;width: 5rem;height: 1px;background: var(--main-color);}
.indProItem .desc .btit{font-size: var(--font14);color: #666;line-height: 2;}
.indProItem .img:hover img{transform: scale(1.08);}
@media screen and (max-width:768px){
	.indProItem{width: 100%;flex-direction: row!important;}
	.indProItem:nth-of-type(2n){flex-direction: row-reverse!important;}
}


.indNumList{display: flex;flex-wrap: wrap;justify-content: space-between;}
.indNumItem{text-align: center;line-height: 1.2;}
.indNumItem p strong{font-size: var(--font40);font-weight: normal;color: var(--main-color);}
.indNumItem p sub{font-size: var(--font14);padding-left: 0.5rem;}
.indNumItem span{font-size: var(--font14);color: #666666;}



.swiper-button-prev,.swiper-button-next{display: flex;align-items: center;justify-content: center;width: 5rem;height: 5rem;top: 50%;margin-top: -2.5rem;background: rgba(255,255,255,.8);border-radius: 100%;transition: .3s;}
.swiper-button-prev svg,.swiper-button-next svg{display: block;width: 2rem;fill:#000;color: #000;transition: .3s;}
.swiper-button-prev{transform: rotate(180deg);}
.swiper-button-prev:hover,.swiper-button-next:hover{background: var(--main-color);}
.swiper-button-prev:hover svg,.swiper-button-next:hover svg{color: #fff;}

.sec3{background: #f7f7f7;}
.indApp{position: relative;}
.mySwiperApp{position: relative;overflow: hidden;}
.indAppItem{display: block;position: relative;overflow: hidden;border-radius: 2rem;margin: 1rem;box-shadow: 0 0.2rem 1rem 0 rgba(0,0,0,.1);}
.indAppItem .img img{display: block;width: 100%;transition: .4s;}
.indAppItem p{display: block;width: 100%;position: absolute;bottom: 0;left: 0;padding: 0 2rem;background: rgba(0,0,0,.5);color: #FFFFFF;text-align: center;font-size: var(--font16);height: 5rem;line-height: 5rem;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
.indAppItem:hover .img img{transform: scale(1.06);}


.sec4{background: url(../images/sec4Bg.jpg) center/cover;padding: 10rem 0;}
.indAbout{width: 50%;margin-left: auto;background: rgba(87, 56, 251, 0.7);padding-top: 8rem;padding-bottom: 8rem;padding-left: 8rem;}
.indAbout .atit{font-size: var(--font24);color: #FFFFFF;}
.indAbout .line{display: block;margin: 1.5rem 0 3rem;width: 5rem;height: 1px;background: #FFFFFF;}
.indAbout .btit{font-size: var(--font14);color: #666;line-height: 3;color: #FFFFFF;}
.indAbout .indMore{margin-left: 0;}
@media screen and (max-width:768px){
	.indAbout{width: calc(100% - 3rem);padding-left: 3rem;}
}


.indNewsList{display: flex;flex-wrap: wrap;}
.indNewsItem{display: block;width: 33.3333%;padding: 3rem;border-bottom: 1px solid #ECECEC;}
.indNewsItem:nth-last-child(1),.indNewsItem:nth-last-child(2),.indNewsItem:nth-last-child(3){border: none;}
.indNewsItem .atit{display: flex;}
.indNewsItem .atit p{display: block;width: calc(100% - 10rem);font-size: var(--font16);overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
.indNewsItem .atit span{display: block;width: 10rem;text-align: right;font-size: var(--font14);color: #666;}
.indNewsItem .btit{font-size: var(--font14);color: #666;line-height: 2rem;height: 4rem;display: -webkit-box;overflow: hidden;white-space: normal !important;text-overflow: ellipsis;word-wrap: break-word;-webkit-line-clamp: 2;-webkit-box-orient: vertical;margin-top: 2rem;}
.indNewsItem:hover{box-shadow: 0 0 2rem rgba(0, 0, 0, .12);}
.indNewsItem:hover .atit{color: var(--main-color);}
@media screen and (max-width:768px){
	.indNewsItem{width: 100%;padding: 3rem 0;border-bottom: 1px solid #ECECEC!important;}
	.indNewsItem:nth-last-child(1){border: none!important;}
	.indNewsItem .btit{margin-top: 1rem;}
}



.rightMenu{position: fixed;right: 3rem;bottom: 5rem;z-index: 9999;}
.rmItem{position: relative;margin-bottom: 1rem;cursor: pointer;}
.rmItem i{display: block;width: 5rem;height: 5rem;border-radius: 100%;background: #fff;box-shadow: 0 0 1rem 0 rgba(0, 0, 0, .12);background-size: 2rem;background-repeat: no-repeat;background-position: center;}
.rmItem i.phone{background-image: url(../images/iconPhone1.svg);}
.rmItem i.ct{background-image: url(../images/iconCt1.svg);}
.rmItem .tcBox{text-align: center;position: absolute;right: 100%;top: 0;white-space: nowrap;animation: spservhover .3s ease-out 0s forwards;background: #fff;border-radius: 0.6rem;box-shadow: 0 0 1rem 0 rgba(0, 0, 0, .12);color: #333;display: none;font-size: var(--font14);left: 0;line-height: 1.5;max-width: 25rem;padding: 1.5rem;position: absolute;top: 50%;transform: translate(-100%, -50%);width: max-content;}
.rmItem:hover .tcBox{display: block;}
@keyframes spservhover {
	0% {opacity: .5;transform: translate(calc(-100% - 16px),-50%) scale(.5)}
	60% {opacity: 1;transform: translate(calc(-100% - 16px),-50%) scale(1)}
	to {opacity: 1;transform: translate(calc(-100% - 16px),-50%) scale(1)}
}
.returnTop{width: 5rem;cursor: pointer;display: none;}


.f-footer{background: #202020;}
.foot1{padding: 6rem 0 4rem;position: relative;z-index: 99;}
.f-logo{display:block;width: 130px;}
.f-logo img{display:block;width: 100%;}
.f-desc{}
.f-info{margin-top: 5rem;}
.f-info p{display: flex;align-items: center;font-size: var(--font14);color: #ffffff;line-height: 1.35;margin-bottom: 1.8rem;}
.f-info p img{display: block;margin-right: 1rem;}
.f-info p span{color: #FFFFFF;}
.f-info p b{font-size: var(--font20);color: var(--main-color);font-family: DIN;}
.f-nav{display: flex;justify-content: space-between;}
.f-nav .dl{display: flex;flex-wrap: wrap;align-content: flex-start;max-width: 40rem;}
.f-nav .dt{width: 100%;}
.f-nav .dt::after{content: "";display: block;width: 1rem;height: 2px;background: var(--main-color);margin: 1.5rem 0;}
.f-nav .dl.w .dt::after{opacity: 0;}
.f-nav .dt a,.f-nav .dt span{display: block;font-size: var(--font16);color: #FFFFFF;line-height: 1.5;}
.f-nav .dd a,.f-nav .dd span{display: block;font-size: var(--font14);color: #ffffff;line-height: 1.5;opacity: .8;}
.f-nav .dd{margin-bottom: 1.8rem;margin-right: 2rem;}

.ewmBox{overflow: hidden;display: flex;gap: 1rem;}
.ewmBox .img{width: 10rem;}
.ewmBox .img img{display: block;width: 100%;}
.ewmBox p{display: block;text-align: center;font-size: var(--font14);color: #ffffff;margin-top: 3rem;}

.foot2{padding: 1.4rem 0;}
.foot2>div{display: flex;align-items: center;position: relative;z-index: 999;justify-content: center;}
.foot2 a,.foot2 span{font-size: var(--font14);color: #3B3B3B!important;line-height: 1.35;display: inline-block;}
.f2r{margin-left: auto;}
.yqlj_box{position: relative;display: block;border: 1px solid #272D36;}
.yqlj{display: flex;flex-direction: row-reverse;background:#32373F;}
.yqlj span{display: block;height: 5rem;line-height: 4.8rem;color: #ffffff;box-sizing: border-box;padding: 0 1.8rem 0 5rem;background: url(../images/yqlj.png) no-repeat;background-position: 1.5rem 1.4rem;font-size: var(--font16);opacity: .7;}
.yqlj i.jt{display:block;height: 5rem;width: 5rem;margin: 0;background: url(../images/downjt.png) no-repeat #272D36;background-position: center !important;cursor: pointer;transition: .3s;overflow: hidden;}
.yqlj_list{display: none;position: absolute;width: 100%;bottom: 5.1rem;left: 0;background: #32373F;text-align: center;}
.yqlj_list a{display: block;color: #999;height: 5rem;line-height: 5rem;}
.yqlj_list a:hover{color: #FFFFFF;}

.f-footer a:hover{color: #FFFFFF;}
@media screen and (max-width:768px){
	.f-footer::before{display: none;}
	.f-footer::after{display: none;}
	.foot1>div{flex-wrap: wrap;}
	.f-desc{width: calc(100% - 15rem);margin-bottom: 5rem;}
	.f-nav{padding-left: 0;width: auto;flex-wrap: wrap;}
	.f-nav .dl.w{display: none;}
	.ewmBox{margin-top: 3rem;}
	.f2l{max-width: 100%;text-align: center;}
	.f2r{display: none;}
	.f-info{margin-top: 3rem;}
	.f-info p{margin-bottom: 1rem;}
	
}




.nyBanner{}
.nyBanner img{display: block;width: 100%;min-height: 20rem;object-fit: cover;}
.mbx{border-bottom: 1px solid #A9A9A9;}
.mbx>div{display: flex;line-height: 5rem;font-size: var(--font14);color: #666666;gap: 0.5rem;}
.mbx span:nth-last-child(1){color: var(--main-color);}



.selClassBox{display: flex;flex-wrap: wrap;padding: 3rem 0 5rem;align-items: center;}
.selClassBox .atit{margin-right: auto;font-size: var(--font20);color: var(--main-color);font-weight: bold;}

.searchBox{display: flex;}
.searchBox .int{width: 20rem;height: 4.5rem;border: 1px solid #eeeeee;border-radius: 5rem 0 0 5rem;padding: 0 2rem;font-size: var(--font14);}
.searchBox .btn{width: 5rem;height: 4.5rem;background-color: var(--main-color);border-radius: 0 5rem 5rem 0;background-image: url(../images/search.png);background-size: 2rem;background-repeat: no-repeat;background-position: center;cursor: pointer;}

.classList{display: grid;width: 100%;gap:5rem 0;grid-template-columns: repeat(6,1fr);margin-top: 4rem;}
.classList .classItem{display:flex;justify-content: center;font-size: var(--font14);text-align: center;position: relative;}
.classList a{display: block;position: relative;overflow: hidden;background-image: linear-gradient(0deg, currentcolor, currentcolor);background-position: 100% 100%;background-repeat: no-repeat;background-size: 0 1px;transition: background-size 1s cubic-bezier(.2, .75, .5, 1), color .3s ease;}
.classList a:hover{background-position: 0 100%;background-size: 100% 1px;color: var(--main-color);}
@media screen and (max-width:768px){
	.classList{gap: 3rem 0;grid-template-columns: repeat(3, 1fr);}
}

.BgF7{background: #f7f7f7;}
.BgF7 .indTitle{padding: 6rem 0;}

.proSelList{display: flex;flex-wrap: wrap;gap: 2rem 1rem;margin: 3rem 0;}
.proSel{display: flex;align-items: center;justify-content: center;padding: 0 2rem;height: 4rem;border:1px solid #F0F0F0;font-size: var(--font14);}
.proSel.active{background: var(--main-color);color: #FFFFFF;box-shadow: 0 0.2rem 1rem 0 var(--main-color);border-color: var(--main-color);}

.proList{display: flex;flex-wrap: wrap;gap: 3rem 2rem;}
.proItem{display: block;width: calc(25% - 1.5rem);padding: 1.5rem;}
.proItem .img{overflow: hidden;}
.proItem .img img{display: block;width: 100%;}
.proItem .desc{padding-top: 2rem;}
.proItem .desc p{display: block;font-size: var(--font16);margin: 1rem 0;}
.proItem .desc span{display: block;font-size: var(--font14);color: #666;}
.proItem:hover .desc p{color: var(--main-color);}
.proItem:hover{box-shadow: 0 0 1.5rem rgba(0, 0, 0, .1);}
@media screen and (max-width:768px){
	.proList{gap: 3rem 1rem;}
	.proItem{width: calc(50% - 0.5rem);padding: 0.5rem;}
}

.pagesDiv{padding: 5rem 0 6rem;}
.pagination{display: flex;align-items: center;justify-content: center;flex-wrap: wrap;}
.pagination li{display: block;margin: 0.5rem;}
.pagination li span,.pagination li a{display: flex;align-items: center;justify-content: center;font-size: var(--font18);font-weight: bold;width: 4rem;height: 4rem;background: #EFEFEF;border-radius: 50%;}
.pagination li a:hover{background: var(--main-color);color: #fff;}
.pagination li.active span{background: var(--main-color);color: #fff;}
.pagination li.disabled span{color: #666;cursor: no-drop;}



.productBox{position: relative;display: flex;padding: 5rem 0 8rem;}
.proImg{width: 42rem;}
.proImg .img{display: block;width: 100%;}
.proImg .img img{display: block;width: 100%;}
.proImg .swiper-slide-thumb-active .img{border: 1px solid var(--main-color);}
.mySwiperBig,.mySwiperSml{position: relative;overflow: hidden;width: 100%;}
.mySwiperBig{margin-bottom: 10px;}
.npBox{display: flex;justify-content: space-between;margin-top: 2rem;}
.npBox a{display: flex;align-items: center;justify-content: center;width: 8rem;height: 3rem;font-size: var(--font14);border: 1px solid #E9E9E9;border-radius: 3rem;}
.npBox a:not(.none):hover{background: var(--main-color);color: #FFFFFF;}
.npBox a.none{color: #E9E9E9;cursor: no-drop;}
.proDesc{width: calc(100% - 42rem);padding-left: 5rem;display: flex;flex-direction: column;align-items: flex-start;}
.proDesc h1{font-size: var(--font42);font-weight: bold;line-height: 1.2;}
.proDesc .desc{font-size: var(--font16);color: #666666;margin: 2rem 0;}
.xPhone{display: flex;align-items: center;justify-content: center;background: var(--main-color);font-size: var(--font16);color: #fff;padding: 0 3rem;height: 4rem;border-radius: 4rem;}
.xPhone svg{width: 3rem;fill: #fff;}


.productDetail{padding-bottom: 5rem;}
.pDetailTit{border: 1px solid #F0F0F0;}
.pDetailTit span{display: flex;height: 5rem;width:16rem;align-items: center;justify-content: center;border-top: 3px solid var(--main-color);color: var(--main-color);border-right: 1px solid #F0F0F0;}
.fwbContent{padding: 5rem 0;}
.fwbContent img{display: block;max-width: 100%;margin: 0 auto;}
.fwbContent h2{font-size: var(--font20);font-weight: bold;color: var(--main-color);border-left: 3px solid var(--main-color);padding-left: 2rem;margin: 4rem 0 2rem;}

@media screen and (max-width:768px){
	.productBox{flex-wrap: wrap;}
	.proImg{width: 100%;}
	.proDesc{width: 100%;padding-left: 0;padding-top: 4rem;}
}



.appList{display: flex;flex-wrap: wrap;gap: 2rem;}
/*.appItem{display: block;width: calc(25% - 1.5rem);position: relative;}*/
.appItem .img{overflow: hidden;}
.appItem .img img{display: block;width: 100%;transition: .4s;}
.appItem p{display: block;width: 100%;position: absolute;bottom: 0;left: 0;padding: 0 2rem;background: rgba(0,0,0,.5);color: #FFFFFF;text-align: center;font-size: var(--font16);height: 5rem;line-height: 5rem;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
.appItem:hover .img img{transform: scale(1.06);}

@media screen and (max-width:768px){
	.appList{gap: 1rem;}
	.appItem{width: calc(50% - 0.5rem);}
}




.newsList{display: flex;flex-wrap: wrap;gap:2rem;}
.newsItem{display: block;width: calc(25% - 1.5rem);padding: 2rem;}
.newsItem .img{overflow: hidden;}
.newsItem .img img{display: block;width: 100%;transition: .4s;}
.newsItem .desc{padding-top: 1.5rem;}
.newsItem .desc .atit{font-size: var(--font16);color: #333;line-height:2.4rem;height:2.4rem;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
.newsItem .desc .btit{font-size: var(--font14);color: #999;margin: 0.5rem 0 1rem;}
.newsItem .desc .ctit{font-size: var(--font14);color: #666;line-height:2rem;height:4rem;display: -webkit-box;overflow: hidden;white-space: normal !important;text-overflow: ellipsis;word-wrap: break-word;-webkit-line-clamp: 2;-webkit-box-orient: vertical;}
.newsItem .desc .dtit{display: flex;align-items: center;margin-top: 1.5rem;}
.newsItem .desc .dtit i{margin-left: auto;flex-shrink: 0;display: block;width: 24px;height: 11px;background: url(../images/iconRight1.png);transition: .3s;}
.xtags{display: flex;flex-wrap: wrap;gap: 1rem;}
.xtags span{display: block;font-size: var(--font12);border: 1px solid #e5e5e5;padding: 0.2rem 1rem;border-radius: 0.5rem;color: #666;}
.newsItem:hover{box-shadow: 0 0 2rem rgba(0, 0, 0, .12);}
.newsItem:hover .desc .atit{color: var(--main-color);}
.newsItem:hover .desc .dtit i{transform: translateX(0.5rem);}

@media screen and (max-width:768px){
	.newsList{gap: 1rem;}
	.newsItem{width: calc(50% - 0.5rem);padding: 1rem;}
	
}




.newsDetail{}
.newsDetail h1{text-align: center;font-size: var(--font24);font-weight: bold;}
.newsDetailInfo{display: flex;flex-wrap: wrap;font-size: var(--font14);color: #999999;padding:2rem 0 1.5rem;border-bottom: 1px solid #ebebeb;}
.newsDetailInfo span+span{margin-left: 2rem;}
.newsDetailInfo svg{width: 2rem;margin-left: auto;padding-right: 0.5rem;}
.fwbContent+.xtags{border-top: 1px dashed #ebebeb;padding: 3rem 0;}

.npHref span,.npHref a{font-size: var(--font14);color: #333333;}
.npHref .npbtn+.npbtn{margin-top: 2rem;}
.npHref .npbtn a:hover{color: var(--main-color);}



.about1 .img img{display:block;width: 100%;}


.about2{background: #f7f7f7;}
.about2>div{display: flex;flex-wrap: wrap;}
.about2 .img{width: 50%;}
.about2 .img img{display: block;width: 100%;}
.about2 .desc{width: 50%;padding: 4rem;}
.about2 .desc .atit{text-align: left;}
.about2 .desc .line{margin-left: 0;}
@media screen and (max-width:768px){
	.about2 .img{width: 100%;}
	.about2 .desc{width:100%;}
}

.about3>div{display: flex;align-items: center;flex-wrap: wrap;}
.about3 .img{width: 40rem;}
.about3 .img img{width: 100%;display:block;}
.historyBox{width: calc(100% - 43rem);margin-left: auto;position: relative;display: flex;align-items: center;}
.historyBox .prev,.historyBox .next{display: flex;align-items: center;justify-content: center;width: 3rem;height: 3rem;border: 2px solid var(--main-color);border-radius: 100%;z-index: 99;cursor: pointer;}
.historyBox .prev svg,.historyBox .next svg{display:block;width:3rem;}
.historyBox .history{width: calc(100% - 6rem);}
.mySwiperS1{width: 100%;position: relative;overflow: hidden;}
.mySwiperS1::after{content: "";display: block;width: 100%;height: 1px;background: #E0E0E0;position: absolute;top: 50%;left: 0;}
.mySwiperS1 .swiper-slide{height: 30rem;}
.historyItem{display: flex;flex-direction: column;position: absolute;top: 50%;transform: translateY(-50%);left: 0;margin-top: 1.5rem;}
.historyItem .atit{font-size: var(--font24);font-weight: bold;text-align: center;}
.historyItem .line{display: block;height: 4rem;width: 1px;background: var(--main-color);margin: 0 auto;}
.historyItem .point{display: block;width: 2rem;height: 2rem;background: var(--main-color);border: 0.5rem solid #D4D0E2;border-radius: 100%;margin: 0.5rem auto;}
.historyItem .btit{text-align: center;font-size: var(--font16);}
.swiper-slide:nth-of-type(2n) .historyItem{flex-direction: column-reverse;margin-top: -1.5rem;}
.swiper-button-disabled{opacity: .6;}
@media screen and (max-width:768px){
	.about3 .img{width: 100%;}
	.historyBox{width: 100%;}
}


.about4{background: #f7f7f7;}
.honorList{display: flex;flex-wrap: wrap;gap: 2rem;justify-content: center;}
.honorItem{width: calc(55% - 1.5rem);}
.honorItem img{display: block;width: 100%;transition: .4s;}
.honorItem:hover img{transform: scale(1.05);}
@media screen and (max-width:768px){
	.honorList{gap: 1rem;}
	.honorItem{width: calc(50% - 0.5rem);}
}




.ctList{display: flex;flex-wrap: wrap;gap: 2rem 4rem;}
.ctList+.ctList{margin-top: 8rem;}
.ctTitle{font-size: var(--font20);width: 100%;}
.ctItem{width: calc(25% - 3rem);background: #F2F2F2;padding: 4rem;}
.ctItem img{width: 4rem;}
.ctItem p{font-size: var(--font16);margin: 2rem 0 0.5rem;}
.ctItem span{font-size: var(--font16);color: #666;}

.addressItem{margin-bottom: 3rem;}
.addressItem strong{font-size: var(--font20);font-weight: normal;}
.addressItem p{font-size: var(--font16);color: #333;}

@media screen and (max-width:768px){
	.ctList{gap: 2rem 2rem;}
	.ctItem{width: calc(50% - 1rem);}
}



.fts a,.fts p{color:#fff;font-size: var(--font14);line-height: 1.5;}
@media screen and (max-width:768px){
	.f-nav{flex-direction: column;}
	.f-desc{width: 100%;}
	.ewmBox{justify-content: space-evenly;}
	.ewmBox .img{width: 12rem;}
	.fts{margin-bottom: 2rem;}
	.foot1{padding: 4rem 0 2rem;}
}



.appList{
    display:grid;
    grid-template-columns:repeat(4,1fr);
    gap:22px;
}


.appItem{
    display:block;
    background:#fff;
    border-radius:12px;
    overflow:hidden;
    box-shadow:0 5px 18px rgba(0,0,0,.08);
    transition:.3s;
    color:#333;
}


.appItem:hover{
    transform:translateY(-5px);
    box-shadow:0 10px 25px rgba(0,0,0,.12);
}


/* 图片区域 */
.appItem .img{

    height:240px;
    background:#f5f6f8;
    overflow:hidden;

}


.appItem .img img{

    width:100%;
    height:100%;
    object-fit:cover;

}


/* 内容 */
.appItem .info{

    padding:18px;

}


/* 标题 */
.appItem h3{

    margin:0 0 12px;
    font-size:18px;
    font-weight:600;
    color:#111;

    overflow:hidden;
    white-space:nowrap;
    text-overflow:ellipsis;

}


/* 描述 */
.appItem .desc{

    font-size:14px;
    line-height:22px;
    color:#666;

    height:44px;

    overflow:hidden;

}


/* 标签 */
.tags{

    display:flex;
    flex-wrap:wrap;
    gap:8px;
    margin-top:15px;

}


.tags span{

    background:#f4f6f8;
    color:#666;

    font-size:12px;

    padding:4px 10px;

    border-radius:4px;

}


/* 查看详情 */
.more{

    margin-top:18px;

    color:#1559ff;

    font-size:14px;

}


.more i{

    font-style:normal;
    margin-left:5px;

}

@media(max-width:768px){

    .appList{

        grid-template-columns:repeat(2,1fr);
        gap:15px;

    }


    .appItem .img{

        height:150px;

    }


    .appItem .info{

        padding:12px;

    }


    .appItem h3{

        font-size:15px;

    }

}
.productTag{

    position:absolute;

    left:12px;
    top:12px;

    padding:4px 12px;

    color:#fff;

    font-size:12px;

    border-radius:15px;

    z-index:2;

}
.appItem .img{

    position:relative;

}
.appItem h3{

    display:flex;

    align-items:center;

    gap:10px;

}
/* 标题文字 */
.titleText{

    flex:1;

    overflow:hidden;

    white-space:nowrap;

    text-overflow:ellipsis;
    min-width:0;
}


.titleIcon{

    width:32px;

    height:32px;

    border-radius:8px;

    background:#356cff;

    display:flex;

    align-items:center;

    justify-content:center;

    flex:none;

}



.titleIcon img{

    width:18px;

    height:18px;

    object-fit:contain;

}