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:1199px) {html{font-size: 8px;}}

html{width: 100%;}
body{position: relative;font-size: 1.6rem; background: #fff; font-family: "Arial","Microsoft Yahei"; line-height: 1.5; color: #333; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale;}
html,body{scroll-behavior: smooth;}
ol,ul,li{list-style: none;}
a{text-decoration: none; color: #333; -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; font-family: "Microsoft Yahei";}
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;height: 100%;}
.content_box {box-sizing: border-box;width: 100%;margin: auto;padding-top: 8rem;}
.pd50{padding: 0 5rem;}
.w1520{position: relative;width: 1520px;margin: 0 auto;}
.layui-layer-video{max-width: 1200px;}
.layui-layer-video video{display: block;width: 100%;}
.z9{position: relative;z-index: 9;}

.pdt5{padding-top: 5rem;}
.pdb5{padding-bottom: 5rem;}
.pdt10{padding-top: 10rem;}
.pdb10{padding-bottom: 10rem;}
.pdl1520{padding-left: calc((100% - 1520px)/2);}
.pdr1520{padding-right: calc((100% - 1520px)/2);}

@font-face {
	font-family: DIN;
	src: url(../fonts/DIN-BOLD.OTF);
}

.h50 {
    display: block;
    height: 5rem;
}
.h-header{position: sticky;top: 0;left: 0;width: 100%;z-index: 9998;background: #fff;box-shadow: 0 0 2rem 0 rgba(0,0,0,.1);transition: .4s;}
.h-header>div{display: flex;align-items: center;}
.h-logo{display: block;width: 30rem;}
.h-logo img{display:block;width: 100%;}
.h-nav{display: flex;margin: 0 auto;}
.h-nav .li{position: relative;}
.h-nav .li+.li{margin-left: 6rem;}
.h-nav .li.active>a{color: #005BA8;font-weight: bold;}
.h-nav .li>a{display: block;line-height: 10rem;font-size: 1.6rem;color: #666;}
.h-nav .li>a:hover{color: #005BA8;}
.h-phone{display: flex;align-items: center;}
.h-phone i{display: flex;height: 35px;width: 35px;background-image: url(../images/iconPhone1.png);background-position: center;background-repeat: no-repeat;}
.h-phone span{display: block;font-size: 3rem;line-height:1;font-family: DIN;font-weight: bold;color: #005BA8;margin-left: 1.2rem;}
.h-header.active .h-nav .li>a{line-height: 8rem;}

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

.wap_header{width: 100%; height: 7rem; padding: 0 3rem; display: none; justify-content: space-between; align-items: center; position: sticky;top: 0;left:0; z-index: 9999;box-sizing: border-box;background: #fff;}
.wap_header .w-logo{height: 5rem;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: 2rem;}
.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: #000;}
.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); 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: 1.8rem; 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: 1.8rem; color: #333;}
.wap_header .nav ul li a:active  {color: #005BA8 !important;}
.wap_header .nav ul li ul{display: none;}
.wap_header .nav ul li i{width: 3rem; height: 7rem; font-size: 1.8rem; color: #9c9c9c; position: absolute; right: 0; top: 0; transition: transform .5s;}
.wap_header .nav ul li i.down{color: #005BA8; 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: 1.6rem;}
.wap_header .nav ul li ul li i{top: -1rem;}




.mySwiperBanner{position: relative;overflow: hidden;}
.mySwiperBannerPC{display:block}
.mySwiperBannerWAP{display: none;}
.mySwiperBanner .img{display: block;width: 100%;}
.mySwiperBanner .img img{display: block;width: 100%;max-height: calc(100vh - 10rem);object-fit: cover;object-position: center;}
.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;}



.indTitBox{display: flex;}
.indTitBox .indA{margin-left: auto;margin-top: 0.5rem;}
.indTit .atit{font-size: 4.8rem;color: transparent;font-weight: bold;text-stroke: 1px #1A2C5C;-webkit-text-stroke: 1px #1A2C5C;line-height: 1.2;}
.indTit .atit img{display:block;height: 6rem;width: auto;}
.indTit .btit{font-size: 4rem;color: #1A2C5C;font-weight: bold;line-height: 1.2;margin-top: 0.5rem;}
.indTit.center{text-align: center;}
.indTit.center .atit img{margin:0 auto}
.indTit.white .atit{text-stroke: 0.5px #FFFFFF;-webkit-text-stroke: 0.5px #FFFFFF;}
.indTit.white .btit{color: #FFFFFF;}


.indA{display: flex;align-items: center;justify-content: center;width: 15rem;height: 5rem;border: 1px solid #005BA8;position: relative;transition: .4s;cursor: pointer;overflow: hidden;}
.indA::after{content: "";display: block;width: 100%;height: 100%;position: absolute;top: 0;left: -100%;background: #005BA8;transition: .5s;}
.indA span{display: block;font-size: 1.8rem;color: #005BA8;transition: .4s;position: relative;z-index: 9;}
.indA i{display: block;width: 8px;height: 15px;background-image: url(../images/iconRight1.png);background-repeat: no-repeat;margin-left: 1rem;transition: .4s;position: relative;z-index: 9;}
.indA.white{background: #fff;border: none;}
.indA:hover::after{left: 0;}
.indA:hover span{color: #fff;}
.indA:hover i{background-image: url(../images/iconRight111.png);}


.sec1,.sec2,.sec3,.sec4,.sec5,.sec6{overflow: hidden;}
.sec1{background: url(../images/sec1Bg.jpg) center/cover;}
.indAbout{display: flex;flex-wrap: wrap;padding: 12rem 0 11rem;}
.iAbDesc{width: calc(50% - 2rem);margin-right: auto;display: flex;flex-direction: column;}
.iAbDesc .indA{margin: auto 0 2rem;}
.iAbAtit{font-size: 1.6rem;color: #666666;line-height: 1.65;margin: 4rem 0;}
.iAbAtit p+p{margin-top: 1rem;}
.iAbImg{width: calc(50% - 5rem);border-radius: 2rem;overflow: hidden;position: relative;}
.iAbImg img{display: block;width: 100%;height: 100%;object-fit: cover;object-position: center;}

.iAbNumList{width: 100%;display: flex;flex-wrap: wrap;justify-content: space-between;margin-top: 7rem;}
.iAbNumItem{}
.iAbNumItem p{display: flex;line-height: 1.2;}
.iAbNumItem p strong{font-size: 6rem;font-weight: bold;font-family: DIN;color: #005BA8;background: linear-gradient(-55deg, #008ED6 0%, #005BA8 100%);-webkit-background-clip: text;-webkit-text-fill-color: transparent;}
.iAbNumItem p sup{font-size: 4.8rem;font-weight: bold;font-family: DIN;color: #008ED6;}
.iAbNumItem p sup.f3{font-size: 3rem;}
.iAbNumItem span{font-size: 1.6rem;color: #666666;}



.indPlanList{display: flex;background-size: cover;background-position: center;height: 75rem;transition: .4s;overflow: hidden;}
.indPlanItem{width: 20%;padding: 15rem 5rem 10rem;display: flex;flex-direction: column;position: relative;}
.indPlanItem+.indPlanItem::after{content: "";display: block;width: 1px;height: 100%;background: linear-gradient(0deg, #FFFFFF 40%, rgba(255,255,255,0) 100%);position: absolute;top: 0;left: 0;opacity: 0.5;}
.indPlanItem:before{content: "";display: block;width: 100%;height: 100%;position: absolute;top: 0;left: 0;background: linear-gradient(0deg, #005BA8 0%, rgba(0,91,168,0) 100%);opacity: 0;transition: .4s;}
.indPlanItem .icon{margin-bottom: auto;position: relative;z-index: 9;}
.indPlanItem .atit{font-size: 3rem;font-weight: bold;color: #FFFFFF;position: relative;z-index: 9;}
.indPlanItem .line{display: block;width: 3rem;height: 2px;background: #FFFFFF;margin: 2rem 0 2.5rem;position: relative;z-index: 9;}
.indPlanItem .btit{font-size: 1.6rem;color: #FFFFFF;line-height: 2.4rem;height: 0;display: -webkit-box;overflow: hidden;white-space: normal !important;text-overflow: ellipsis;word-wrap: break-word;-webkit-line-clamp: 5;-webkit-box-orient: vertical;transition: .4s;position: relative;z-index: 9;}
.indPlanItem .indA{display: none;}
.indPlanItem.active:before{opacity: 1;}
.indPlanItem.active .btit{height: 12rem;}




.SwiperIndCase{display: block;width: 100%;box-sizing: border-box;overflow: hidden;position: relative;}
.indCaseItem {display: block;width: 100%;overflow: hidden;}
.indCaseItem img{display: block;width: 100%;transition: .4s;}
.indCaseItem .font{display: block;width: auto;height: 8rem;display: flex;display: -webkit-flex;-webkit-justify-content: flex-start;justify-content: flex-start;-webkit-align-items: center;align-items: center;position: absolute;left: 0;bottom: 0;background-color: #005BA8;padding: 0 4rem;max-width: 90%;transition: all .3s;}
.indCaseItem .font h3{font-size: 2.4rem;color: #FFFFFF;font-weight: bold;}
.indCaseItem .r-text{position: absolute;display: flex;display: -webkit-flex;-webkit-align-items: center;align-items: center;-webkit-flex-flow: column;flex-flow: column;position: absolute;height: calc(100% - 14rem);left: 3rem;top: 4rem;}
.indCaseItem .r-text span{font-size: 1.4rem;color: #FFFFFF;text-transform: uppercase;writing-mode: tb;letter-spacing: 2px;}
.indCaseItem .r-text:after{content: '';display: block;width: 1px;height: 8rem;background-color: #FFFFFF;margin-top: 1rem;}
.indCaseItem:hover img{transform: scale(1.04);}
.indCaseItem:hover .font{background-color: #1A2C5C;}
.indCaseItem:hover .font h3{color: #ffffff;}

.indPNP{display: flex;display: -webkit-flex;position: relative;width: 100%;-webkit-align-items: center;align-items: center;box-sizing: border-box;padding: 5rem 0;}
.indPNP .swiper-button-next::after,.indPNP .swiper-button-prev::after{display: none;}
.indPNP .swiper-button-next,.indPNP .swiper-button-prev{position: relative;display: flex;justify-content: center;align-items: center;color: #005BA8;border: 1px solid #005BA8;border-radius: 4px;font-size: 1.4re,;width: 5rem;height: 5rem;box-sizing: border-box;margin: 0;padding: 0;left: 0;right: 0;top: 0;bottom: 0;background-image: url(../images/iconRight1.png);background-repeat: no-repeat;background-position: center;transition: .3s;}
.indPNP .swiper-button-prev{transform: rotate(180deg);}
.indPNP .swiper-button-next{margin-left: 1rem;}
.indPNP .swiper-button-next:hover,.indPNP .swiper-button-prev:hover{background-color: #005BA8;background-image: url(../images/iconRight111.png);}
.indPNP .swiper-pagination{position: relative;bottom: 0;left: 0;margin: 0;padding: 0;margin-left: 3rem;}
.indPNP .swiper-pagination-bullet{width: 0.8rem;height: 0.8rem;opacity: 1;background-color: #aaaaaa;margin-right: 1rem;outline: none;}
.indPNP .swiper-pagination-bullet:last-child{margin-right: 0;}
.indPNP .swiper-pagination-bullet-active{background-color: #005BA8;}





.sec4{background-size: cover;background-position: center;transition: .4s;position: relative;}
.sec4::after{content: "";display: block;width: 100%;height: 100%;position: absolute;top: 0;left:0;background: linear-gradient(90deg,#005BA8 45%,rgba(0,0,0,0));z-index: 1;}
.systemList{max-width: 75rem;margin-bottom: 5rem;position: relative;z-index: 9;}
.systemItem{font-size: 1.8rem;color: #FFFFFF;line-height: 1.55;display: none;}
.systemItem.active{display: block;animation: fadeInUp .6s ease both;animation-delay:0ms;}
.systemSelList{display: flex;flex-wrap: wrap;justify-content: space-between;max-width: 40rem;margin: -2.5rem 0;position: relative;z-index: 9;}
.systemSel{font-size: 4rem;line-height:1;font-weight: bold;color: transparent;text-stroke: 0.5px #FFFFFF;-webkit-text-stroke: 0.5px #FFFFFF;margin: 2.5rem 0;transition: .4s;cursor: pointer;}
.systemSel.active{color: #fff;}



.mySwiperIndNews{position: relative;overflow: hidden;}
.indNewsItem{display:block;width: 100%;}
.indNewsItem .img{overflow: hidden;}
.indNewsItem .img img{display: block;width: 100%;transition: .4s;}
.indNewsItem .desc{padding: 2.2rem 0 1.5rem;}
.indNewsItem .desc .atit{font-size: 1.8rem;font-weight: bold;font-family: DIN;color: #005BA8;}
.indNewsItem .desc .btit{font-size: 2.4rem;font-weight: bold;color: #000000;line-height: 3rem;height: 3rem;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;margin: 1rem 0 1.5rem;transition: .3s;}
.indNewsItem .desc .ctit{display: flex;align-items: center;}
.indNewsItem .desc .ctit span{display: block;color: #666666;font-size: 1.8rem;transition: .3s;}
.indNewsItem .desc .ctit i{display: block;width: 8px;height: 15px;margin-left:1rem;background-image: url(../images/iconRight11.png);background-repeat: no-repeat;transition: .3s;}
.indNewsItem:hover .img img{transform: scale(1.06);}
.indNewsItem:hover .desc .btit{color: #005BA8;}
.indNewsItem:hover .desc .ctit span{color: #005BA8;}
.indNewsItem:hover .desc .ctit i{background-image: url(../images/iconRight1.png);}



.sec6{background: url(../images/sec6Bg2.jpg) center/cover fixed;}
.sec6 .indA{margin: 0 auto;}




.f-footer{background: #0049A2;position: relative;overflow: hidden;}
.f-footer::after{content: "";display: block;width: 100%;height: 100%;position: absolute;top:0;right: calc((100% - 1520px)/2 + 1520px * 0.68);background: #004293;}
.foot1{padding: 8rem 0 4rem;position: relative;z-index: 99;}
.foot1>div{display: flex;}
.f-logo{display:block;width: 30rem;}
.f-logo img{display:block;width: 100%;}
.f-desc{width: 32%;}
.f-info{margin-top: 5rem;}
.f-info p{display: block;font-size: 1.6rem;color: #FFFFFF;line-height: 1.35;margin-bottom: 1.8rem;}
.f-info p span{color: #fff;}
.f-nav{width: 68%;padding-left: 10rem;display: flex;justify-content: space-between;}
.f-nav .dt::after{content: "";display: block;width: 3rem;height: 2px;background: #ffffff;margin: 2rem 0 2rem;}
.f-nav .dt a,.f-nav .dt span{display: block;font-size: 1.8rem;color: #FFFFFF;font-weight: bold;line-height: 1.35;}
.f-nav .dd a,.f-nav .dd span{display: block;font-size: 1.6rem;color: #FFFFFF;line-height: 1.35;}
.f-nav .dd{margin-bottom: 1.8rem;}

.ewmImgList .img{display: none;width: 15rem;}
.ewmImgList .img.active{display: block;}
.ewmImgList .img img{display: block;width: 100%;}
.ewmSelList{display: flex;justify-content: space-between;margin-top: 1.5rem;}
.ewmSel{display: flex;align-items: center;justify-content: center;position: relative;overflow: hidden;width: 4rem;height: 4rem;background: #005BA8;border-radius: 50%;transition: .3s;cursor: pointer;}
.ewmSel img{display: block;width: 2rem;}
.ewmSel::after{content: "";display: block;position: absolute;top: 0;left: 0;width: 100%;height: 100%;background: #004293;transition: .4s;opacity: 0;}
.ewmSel.active::after{opacity: 1;}

.foot2{padding: 1.4rem 0;border-top: 1px solid #004293;}
.foot2>div{display: flex;align-items: center;position: relative;z-index: 999;}
.f2l a,.f2l span{font-size: 1.4rem;color: #ffffff;line-height: 1.35;display: inline-block;}
.f2l{max-width: 32%;}
.f2r{margin-left: auto;}
.yqlj_box{position: relative;display: block;border: 1px solid #004293;}
.yqlj{display: flex;flex-direction: row-reverse;background:#0052B6;}
.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: 1.6rem;opacity: .7;}
.yqlj i.jt{display:block;height: 5rem;width: 5rem;margin: 0;background: url(../images/downjt.png) no-repeat #004293;background-position: center !important;cursor: pointer;transition: .3s;overflow: hidden;}
.yqlj_list{display: none;position: absolute;width: 100%;bottom: 5.1rem;left: 0;background: #0052B6;text-align: center;}
.yqlj_list a{display: block;color: #CCCCCC;height: 5rem;line-height: 5rem;}
.yqlj_list a:hover{color: #fff;}

.f-footer a:hover{opacity: 0.75;}





@media screen and (max-width:1720px){
	.w1520{width: 1320px;}
	.pdl1520{padding-left: calc((100% - 1320px) / 2);}
	.pdr1520{padding-right: calc((100% - 1320px)/2);}
	.f-footer::after{right: calc((100% - 1320px)/2 + 1320px * 0.68);}

}
@media screen and (max-width:1520px){
	.w1520{width: 1120px;}
	.pdl1520{padding-left: calc((100% - 1120px) / 2);}
	.pdr1520{padding-right: calc((100% - 1120px)/2);}
	.f-footer::after{right: calc((100% - 1120px)/2 + 1120px * 0.68);}
	
	.h-nav .li+.li {margin-left: 5rem;}
}
@media screen and (max-width:1320px){
	.w1520{width: 1020px;}
	.pdl1520{padding-left: calc((100% - 1020px) / 2);}
	.pdr1520{padding-right: calc((100% - 1020px)/2);}
	.f-footer::after{right: calc((100% - 1020px)/2 + 1020px * 0.68);}

}
@media screen and (max-width:1220px){
	.w1520{width: 980px;}
	.pdl1520{padding-left: calc((100% - 980px) / 2);}
	.pdr1520{padding-right: calc((100% - 980px)/2);}
	.f-footer::after{right: calc((100% - 980px)/2 + 980px * 0.68);}
	
	.h-nav .li+.li {margin-left: 3rem;}
	.mySwiperBanner .swiper-pagination{bottom:3rem;}
	
}
@media screen and (max-width:1024px) {
	.nyBanner{display: none;}
	.w1520{width: 100%;padding-left: 2rem;padding-right: 2rem;}
	.pdl1520{padding-left: 2rem;}
	.pdr1520{padding-right: 2rem;}
	.f-footer::after{right: 68%;}
	

	.h-header{display: none;}
	.wap_header{display: flex;}
	
	.indPlanItem{padding: 15rem 2rem 10rem;}
	.indPlanItem .icon{zoom: 0.75;}
	
}
@media screen and (max-width:768px) {
	.h-logo{width: auto;height: 3.5rem;}
	.h-logo img{width: auto;height: 100%;}
	.h-lang{width: 8rem;}

	
	.f-footer::after{display: none;}
	.foot1>div{flex-wrap: wrap;}
	.f-desc{width: calc(100% - 15rem);padding-right: 2rem;}
	.f-nav{padding-left: 0;width: auto;}
	.f-nav .dl.w{display: none;}
	.f-nav .dt a, .f-nav .dt span{font-size: 2rem;}
	.f-info p{font-size: 1.8rem;line-height: 1.5;}
	.f2l a, .f2l span{font-size: 1.6rem;}
	.f2l{max-width: 100%;text-align: center;}
	.f2r{display: none;}
	
	.mySwiperBannerPC{display:none;}
	.mySwiperBannerWAP{display: block;}
	.mySwiperBanner .swiper-pagination {bottom: 2rem;}
	
	.indTitBox{flex-wrap: wrap;}
	.indTitBox .indA{margin-left: 0;margin-top: 2rem;}
	.indTit .atit{font-size: 3.8rem;}
	.indTit .atit img{height: 4rem;}
	.indTit .btit{font-size: 3.2rem;line-height: 1.3;margin-top: 1rem;}
	
	
	.indAbout{padding: 8rem 0 8rem;}
	.iAbDesc{width: 100%;}
	.iAbImg{width: 100%;}
	.iAbNumList{margin: 3rem -1rem -1rem;justify-content: space-evenly;text-align: center;}
	.iAbNumItem{width: calc(33.333% - 2rem);margin: 1rem;}
	.iAbNumItem p{justify-content: center;}
	.iAbNumItem p strong{font-size: 4rem;}
	.iAbNumItem p sup{font-size: 3rem;}
	.iAbNumItem p sup.f3{font-size: 2.4rem;}
	
	.indPlanItem{width: 6rem;padding: 12rem 1rem 5rem;}
	.indPlanItem .icon{zoom: .5;}
	.indPlanItem .atit{writing-mode: vertical-rl;letter-spacing: 5px;font-size: 2.4rem;margin: 0 auto;}
	.indPlanItem .btit{-webkit-line-clamp: 5;}
	.indPlanItem .line{margin: 2rem auto 2.5rem;}
	.indPlanItem.active{width: calc(100% - 24rem);padding: 12rem 2rem 5rem;}
	.indPlanItem.active .icon{zoom: .75;}
	.indPlanItem.active .atit{writing-mode: unset;letter-spacing: 0;font-size: 3rem;margin: 0;}
	.indPlanItem.active .btit{height: 12rem;}
	.indPlanItem.active .line{margin: 2rem 0 2.5rem;}
	.indPlanItem.active .indA{display: flex;margin-top: 2rem;}
	
	
	.systemSelList{max-width: 30rem;}
	.systemSel{font-size: 3rem;}
	
	.pdt10{padding-top: 8rem;}
	.pdb10{padding-bottom: 8rem;}
	
	.f-logo{width: auto;height: 5rem;}
	.f-logo img{width: auto;height: 100%;}
}





.nyBanner{position: relative;}
.nyBanner .img img{display: block;width: 100%;min-height: 50rem;object-fit: cover;}
.nyBanner .desc{position: absolute;top: 50%;left: 0%;width: 100%;transform: translateY(-50%);display: flex;flex-direction: column;align-items: center;}
.nyBanner .desc .atit{height: 10rem;width:100%;}
.nyBanner .desc .atit text{font-family: Airal;font-size:10rem;font-weight: bold;text-transform: uppercase;letter-spacing: 2px;fill: transparent;stroke: white;stroke-width: 0.5;stroke-dasharray: 800;stroke-dashoffset: 800;animation: textDash 5s 1s linear infinite;opacity: .6;}
.nyBanner .desc .btit{font-size: 6rem;font-weight: bold;color: #FFFFFF;line-height: 1;margin-top: -5rem;position: relative;z-index: 9;}


.nyBanner .bannerBar{position: absolute;left:0;bottom: 0;width:100%;border-top: 1px solid rgba(255,255,255,.2);background-color: rgba(0,0,0,.2);}
.nyBanner .bannerBar>div{min-height: 8rem;display: flex;align-items: center;}
.barNav{display: flex;}
.barNav a{display: flex;align-items: center;justify-content: center;font-size: 1.8rem;color: #FFFFFF;height: 8rem;min-width: 16rem;border-right: 1px solid rgba(255,255,255,0.2);border-left: 1px solid rgba(255,255,255,0.2);}
.barNav a+a{margin-left: -1px;}
.barNav a i{display: block;width: 0.5rem;height: 0.5rem;background: #FFFFFF;margin-right: 1rem;}
.barNav a.active,.barNav a:hover{background: #005BA8;border-color: #005BA8;color: #fff;}
.barNav a.active+a,.barNav a:hover+a{border-left-color: #005BA8;}
.mbx{display: flex;align-items: center;justify-content: center;margin: auto 0 auto auto;}
.mbx img{margin-left: 2rem;}
.mbx span,.mbx a{display: block;font-size: 1.6rem;color: #FFFFFF;line-height: 1.2;margin-left: 2rem;}
.mbx a:hover{opacity: .8;}

.mbx2{position: absolute;bottom: 0;width: 100%;border-top: 1px solid rgba(255, 255, 255, 0.2);}
.mbx2>div{display: flex;justify-content: flex-end;align-items: center;height: 8rem;}
.mbx2 a,.mbx2 span{display: block;font-size: 1.6rem;color: #fff;line-height: 1.2;}
.mbx2 a{margin-right: 2rem;}
.mbx2 img{display: block;margin-right: 2rem;}
.mbx2 a:hover{opacity: .75;}



.nyNav{background: #fff;border-bottom: 1px solid #eee;}
.nyNav>div{display: flex;border-left: 1px solid #eee;border-right: 1px solid #eee;}
.nyNavItem{width: 100%;text-align: center;padding: 3rem 1.5rem;}
.nyNavItem+.nyNavItem{border-left: 1px solid #eee;}
.nyNavItem .img{position: relative;width: 5rem;margin: 0 auto 1.2rem;}
.nyNavItem .img img{display: block;width: 100%;transition: .3s;filter: grayscale(100%) brightness(0.5);}
.nyNavItem p{position: relative;display: block;font-size: 1.6rem;color: #000000;line-height: 1.35;transition: .3s;}
.nyNavItem:hover .img img,.nyNavItem.active .img img{filter: brightness(0) invert(1);}
.nyNavItem:hover p,.nyNavItem.active p{color: #fff;}


.nyTit{text-align: center;padding: 9rem 0 5rem;}
.nyTit .atit{font-size: 4rem;color: #1A2C5C;line-height: 1.2;font-weight: bold;}
.nyTit .line{display: block;width: 35px;height: 2px;background: linear-gradient(90deg, #005BA8, #008ED6);margin: 1.5rem auto 0;}


.nyProList{display: flex;flex-wrap: wrap;margin: -1.5rem;}
.nyProItem{display: block;width: calc(33.333% - 3rem);margin: 1.5rem;background: #fff;}
.nyProItem .img{overflow: hidden;background: #fff;position: relative;}
.nyProItem .img img{display: block;width: 100%;height: 100%;object-fit: cover;transition: .6s;}
.nyProItem .desc{padding: 2.5rem 3rem 4rem;position: relative;}
.nyProItem .desc::after{content: "";display: block;width: 0;height: 0;border-left: 1.5rem solid transparent;border-bottom: 1.5rem solid transparent;border-top: 1.5rem solid #005BA8;border-right: 1.5rem solid #005BA8;position: absolute;top: 0;right:0;transition: 0s 0s;}
.nyProItem .desc::before{content: "";display: block;position: absolute;top: 0;left:0;width: 0;height: 2px;background: linear-gradient(90deg, #005BA8, #008ED6);transition: .4s;}
.nyProItem .desc .atit{font-size: 2rem;color: #000000;line-height: 2.6rem;height: 2.6rem;font-weight: bold;margin-bottom:1rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;transition: .4s;}
.nyProItem .desc .btit{font-size: 1.6rem;color: #999999;line-height: 2.6rem;height: 5.2rem;overflow: hidden;text-overflow: ellipsis;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;}
.nyProItem:hover .desc::before{width: 100%;}
.nyProItem:hover .desc::after{border-top-color: #008ED6;border-right-color: #008ED6;transition: .15s .3s;}
.nyProItem:hover .img img{transform: scale(1.08);}
.nyProItem:hover .desc .atit{color: #005BA8;}



.productBox{background: url(../images/proDetailBg.jpg) center/cover;padding: 0rem 0 8rem;}
.productBox .mbx2{position: relative;border-top: none;}
.proDetail{display: flex;flex-wrap: wrap;align-items: center;}
.proDetail .imgs{width: calc(50% - 5rem);margin-right: auto;}
.proDetail .imgs .img{position: relative;}
.proDetail .imgs .img img{display: block;width: 100%;pointer-events: auto;}
.mySwiperPro{position: relative;overflow: hidden;background: #FFFFFF;border-radius: 2rem;}
.fdj{position: absolute;right: 4rem;bottom: 4rem;z-index: 9;}
.mySwiperPro .swiper-pagination{display: flex;flex-wrap: wrap;align-items: center;justify-content: center;bottom: 2rem;z-index: 9;}
.mySwiperPro .swiper-pagination-bullet{display: block;width: 1rem;height: 1rem;margin:0.5rem!important;background: #CCCCCC;border-radius: 50%;opacity: 1;}
.mySwiperPro .swiper-pagination-bullet-active{background: #005BA8;}
.proDetail .desc{width: calc(50% - 5rem);}
.proDetail .desc .atit{font-size: 4rem;color: #000000;font-weight: bold;line-height: 1.2;margin: 2rem 0 2rem;}
.proDetail .desc .btit{font-size: 1.8rem;color: #333333;line-height: 1.5;}
.proDetail .desc .ctit{font-size: 2rem;color: #000000;font-weight: bold;line-height: 1.2;margin: 5rem 0 2.5rem;}
.proDetail .desc .dtit{font-size: 1.8rem;color: #333333;line-height: 1.5;}
.proDetail .desc .dtit p:before{content: "●";color: #005BA8;margin-right: 0.8rem;opacity: 0.8;}
.proDetail .desc .dtit p+p{margin-top: 1.1rem;}
.proDetail .desc .etit{margin: 5rem 0 3rem;display: flex;flex-wrap: wrap;}
.proDetail .desc .etit .btn{display: flex;align-items: center;justify-content: center;font-family: DIN;background: linear-gradient(90deg, #005BA8, #008ED6);border-radius: 4px;height: 6rem;padding:0 3rem;transition: .3s;}
.proDetail .desc .etit .btn span{display: block;font-size: 2.4rem;color: #FFFFFF;line-height: 1.5;}
.proDetail .desc .etit .btn img{display: block;margin-right: 0.5rem;}
.proDetail .desc .etit .btn:hover{transform: translateY(-0.5rem);}
.proDetail .desc .etit .btn+.btn{margin-left: 2rem;}

.ZoomContainer{z-index: 999;pointer-events: none;}
.zoomWindowContainer>div{border: 1px solid #eee!important;border-radius: 2rem;}


.ptList{display: flex;flex-wrap: wrap;margin: -1.5rem;}
.ptItem{position: relative;overflow:hidden;width: calc(25% - 3rem);margin: 1.5rem;padding: 4rem 3rem;background: #FFFFFF;box-shadow: 0px 0px 3rem 0px rgba(0,0,0,0.05);border-radius: 2rem;}
.ptItem::after{content: "";display: block;position: absolute;top: 0;bottom: 0;left: 0;right: 0;z-index: 1;background: #005BA8;opacity: 0;transition: .3s;}
.ptItem .img{position: relative;z-index: 9;margin:0 auto 2.5rem;display: flex;align-items: center;justify-content: center;width: 10rem;height: 10rem;background-color: #005BA8;border-radius: 50%;transition: .3s;}
.ptItem .img img{display: block;width: 5rem;transition: .3s;}
.ptItem p{position: relative;z-index: 9;display: block;font-size: 1.6rem;color: #000000;line-height: 2.6rem;text-align: center;transition: .3s;}
.ptItem:hover .img{background: #fff;}
.ptItem:hover .img img{filter: brightness(0) invert(0);}
.ptItem:hover p{color: #fff;}
.ptItem:hover::after{opacity: 1;}


.proVideoBox{border-radius: 2rem;overflow: hidden;position: relative;}
.proVideoBox img{display: block;width: 100%;}
.proVideoBox .iconPlay{position: absolute;top: 50%;left: 50%;width: 10rem;height: 10rem;margin: -5rem 0 0 -5rem;}


.proTable{}
.proTable table{background: #fff;width: 100%;text-align: center;}
.proTable table tr{border-bottom: 1px solid #E1E1E1;}
.proTable table th{min-width:10rem;background: #005BA8;font-size: 2rem;color: #FFFFFF;line-height: 1.65;padding: 1.5rem 1rem;}
.proTable table th+th{border-left: 1px solid #fff;}
.proTable table td{background: #ffffff;font-size: 1.8rem;color: #333333;line-height: 1.65;padding: 1rem 1rem;border-left: 1px solid #E1E1E1;width: 50%;}
.proTable table td:last-child{border-right: 1px solid #E1E1E1;}


.fwBox{display: flex;margin: -1rem;}
.fwList{display: flex;flex-direction: column;}
.fwItem{display: block;position: relative;overflow: hidden;border-radius: 2rem;margin: 1rem;flex: 1;}
.fwItem img{display: block;width: 100%;height: 100%;object-fit: cover;object-position: center;transition: .3s;}
.fwItem p{display: block;height: 6rem;line-height: 6rem;min-width: 18rem;padding: 0 2rem;background: #005BA8;border-radius: 0 0 3rem 0;font-size: 2.4rem;color: #FFFFFF;text-align: center;position: absolute;top: 0;left: 0;}
.fwItem:hover img{transform: scale(1.04);}




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






@media screen and (max-width:1720px){
	.proDetail .desc .ctit{margin: 4rem 0 2rem;}
	.proDetail .desc .etit{margin: 4rem 0 2rem;}

}

@media screen and (max-width:1024px){
	.nyNav>div{padding: 0;}
	
	.proDetail .imgs{width: calc(50% - 1rem);}
	.proDetail .desc .ftit{display: none;}
	.proDetail .desc .etit .btn{min-width: 18rem;}
	.proDetail .desc .etit .btn img{zoom: .75;}
	.proDetail .desc .etit .btn.phone{padding: 0 2rem;}
	
	.nyTit{padding: 7rem 0 4rem;}
	
	.productBox{padding: 7rem 0 6rem;}
	
	.fdj{display: none;}
	.ZoomContainer{display: none!important;}
	
	.mbx{display: none;}
	
	
}
@media screen and (max-width:768px){
	
	

	.nyBanner .mbx2>div{min-height: 7rem;}
	.nyBanner .mbx2 a, .nyBanner .mbx2 span{font-size: 1.8rem;}
	
	.nyBanner .desc .atit{height: 6rem;}
	.nyBanner .desc .atit text{font-size: 6rem;}
	.nyBanner .desc .btit{font-size: 5rem;margin-top: -2.5rem;}
	
	.nyNavItem{padding: 2rem 1.2rem;}
	.nyNavItem .img{zoom: .75;}
	.nyNavItem p{font-size: 1.8rem;}
	
	.nyProList{margin: -1rem;}
	.nyProItem{width: calc(50% - 2rem);margin: 1rem;}
	.nyProItem .desc{padding: 2.5rem 2rem 3rem;}
	.nyProItem .desc .atit{font-size: 2.2rem;height: 3rem;line-height: 3rem;}
	.nyProItem .desc .btit{font-size: 1.8rem;height: 6rem;line-height: 3rem;}
	
	
	
	.proDetail .imgs{width: 100%;}
	.proDetail .desc{width: 100%;}
	.proDetail .desc .btit{font-size: 2rem;}
	.proDetail .desc .ctit{font-size: 2.2rem;}
	.proDetail .desc .dtit{font-size: 2rem;}
	
	.proDetail .desc .etit .btn{height: 6.5rem;}
	.proDetail .desc .etit .btn span{margin-right: 1rem;font-size: 2.2rem;}
	.proDetail .desc .etit .btn img{zoom: .75;}
	.proDetail .desc .etit .btn.phone{padding: 0 2rem;}
	.proDetail .desc .etit .btn.phone img{zoom: 1;}
	
	
	.ptList{margin: -0.5rem;}
	.ptItem{width: calc(50% - 1rem);margin: 0.5rem;padding: 3rem 2rem;}
	
	.ptItem p{font-size: 1.8rem;line-height: 3.2rem;}
	
	.proTable{overflow-y:auto;}
	
	.fwBox{display:block;margin: -0.5rem;}
	.fwList{flex-direction: row;}
	.fwItem{width: 100%;margin: 0.5rem;}
	.fwItem img{max-height: 30rem;}
	
	.fwItem p{font-size: 2.2rem;}
	
	.nyProList.recom .nyProItem:nth-of-type(3){display: none;}
	
	
	.mbx2 a{margin-right: 1rem;}
	.mbx2 img{margin-right: 1rem;}
	
	.proDetail .desc .etit .btn{padding:0 2rem;}
	.proDetail .desc .etit .btn+.btn {margin-left: 1rem;}
	
}
.hover{position: relative;overflow: hidden;}
.hover::after{content: "";display: block;position: absolute;top: 0;bottom: 0;left: 0;right: 0;background: #005BA8;z-index: 1;opacity: 0;transition: .3s;}
.hover:hover::after,.hover.active::after{opacity: 1;}


.rySelList{display: flex;flex-wrap: wrap;align-items: center;justify-content: center;transform: translateY(-2vw);}
.rySel{display: flex;align-items: center;justify-content: center;font-size: 1.8rem;background: #F8F8F8;border-radius: 2rem;line-height: 4rem;min-width: 15rem;padding: 0 1rem;margin: 0.75rem;cursor: pointer;}
.rySel:hover,.rySel.active{color: #fff;}



.mySwiperHonor{position:relative;overflow: hidden;}
.mySwiperHonor .swiper-slide{width: 420px;transition: .3s; height: auto;}
.mySwiperHonor .swiper-slide .img{display: flex;align-items: center;justify-content: center;height: 100%;}
.mySwiperHonor img{display: block;width: 100%;}
.mySwiperHonorText{position:relative;overflow: hidden;max-width: 72rem;margin: 2rem auto 0;text-align: center;}
.mySwiperHonorText .atit{font-weight: bold;font-size: 2.4rem;color: #000000;line-height: 1.35;}
.mySwiperHonorText .btit{font-size: 1.8rem;color: #333333;line-height: 1.5;margin-top: 1.2rem;}
@media screen and (max-width:1720px) {
	.mySwiperHonor .swiper-slide{width: 320px;}
}
@media screen and (max-width:1199px) {
	.mySwiperHonor .swiper-slide{width: 240px;}
}

.nyBtnA{}
.nyBtnA{display: flex;align-items: center;justify-content: center;width: 15rem;height: 5rem;border-radius: 2.5rem;border: 1px solid #ffffff;margin-top: 8rem;}
.nyBtnA span{display: block;font-size: 1.6rem;color: #ffffff;line-height: 1;}
.nyBtnA i{display: block;width: 8px;height: 15px;background: url(../images/iconRight22.png);margin-left: 1rem;}
.nyBtnA.active{border-color: transparent;}
.nyBtnA:hover{transform: translateY(-1rem);box-shadow: 0 0 1rem 0 rgba(0,0,0,.35);}



.videoPlay{position: absolute;top: 50%;left: 50%;transform: translate(-50%,-50%);width: 16rem;cursor: pointer;}
.videoPlay .img2{position: absolute;top: 0;left: 0;animation: circle 4s infinite linear;}
.videoPlay img{display: block;width: 100%;}
@keyframes circle{0%{transform: rotate(0deg);}100%{transform: rotate(365deg);}}
.videoOpen{cursor: pointer;}



.proTable img{display: block;max-width: 100%;height: auto!important;}

.greyBg{background: #F8F8F8;overflow: hidden;}
.whiteBg{background: #ffffff;overflow: hidden;}


.fwbContent img{display:block;max-width:100%;margin:0 auto;}