*{margin:0;padding:0;list-style:none;outline:0;user-select:none}
a{text-decoration:none;-webkit-touch-callout:none}
.header{width:100%;box-sizing:border-box;position:fixed;top:0;left:0;z-index:2;transition:all .5s ease}
.headerBox{padding:10px 0;display:flex;align-items:center;justify-content:space-between}
.w1200{width:1200px;margin:0 auto}
.headerLeft{display:flex}
#logo{width:156px;height:62px;background-image:url(/home/images/index_logo.png);background-size:100% 100%;background-repeat:no-repeat}
#logo img{display:block;width:100%;height:100%}
.nav{display:flex;align-items:center;justify-content:space-between}
.navItem{color:#fff;box-sizing:border-box;padding:0 28px}
.navItem a{color:#fff}
.freeBtn{width:130px;height:40px;border:1px solid #fff;background-color:rgba(255,255,255,.2);text-align:center;line-height:40px;color:#fff;cursor:pointer;animation-name:xt;animation-duration:.8s;animation-iteration-count:infinite}
.banner{width:100%;position:relative;z-index:1;height:100vh;background:url(/home/images/index_banner.jpg) no-repeat center;background-size:1920px 1080px}
.banner img{display:block;width:100%;height:100%}
.bannerText{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:100%}
.Text{font-size:60px;color:#fff;margin-bottom:72px}
.bannerDesc{font-size:36px;color:#f6e7a5;margin-bottom:89px}
.bannerFbtn{width:180px;height:50px;border:1px solid #fff;background-color:rgba(255,255,255,.2);font-size:28px;text-align:center;line-height:50px;color:#fff;cursor:pointer}
.bannarBottom{position:absolute;bottom:0;width:100%;left:0;background-color:rgba(0,0,0,.6);box-sizing:border-box}
.bannerUl{display:flex;align-items:center;justify-content:space-between}
.bannerLi{width:calc(100% / 4);box-sizing:border-box;height:120px;display:flex;align-items:center;justify-content:center;color:#fff;padding:36px 0;transition:all .4s ease 0s}
.bannerLi:hover{background-color:rgba(26,124,255,.5)}
.bannerLiIcon{margin-right:20px;transition:all .4s ease 0s}
.bannerLiText{font-size:20px}
.section{margin-bottom:134px}
.sectionTitle{font-size:42px;color:#000;text-align:center;margin-top:70px;margin-bottom:50px}
.sectionUl{display:flex;flex-wrap:wrap;align-items:center}
.sectionLi{width:calc((100% - 20px)/ 3);height:263px;position:relative;box-sizing:border-box;margin:5px;transition:all .4s ease 0s;overflow:hidden}
.sectionLi:nth-of-type(3n){margin-right:0}
.sectionLi:nth-of-type(3n+1){margin-left:0}
.sectionLi img{display:block;width:100%;height:100%;transition:all 1.5s ease 0s}
.sectionLitext{width:100%;text-align:center;font-size:28px;color:#fff;position:absolute;left:50%;transform:translateX(-50%);top:76px}
.sectionLitext1{width:100%;height:70px;color:#fff;text-align:center;font-size:22px;position:absolute;left:0;bottom:0;background-color:rgba(26,124,255,.6);display:flex;align-items:center;justify-content:center;transition:all 1.5s ease 0s}
.sectionView{display:flex;justify-content:flex-start;margin-bottom:134px;overflow:hidden}
.sectionViewLeft{width:600px;height:421px;transition:all .4s ease 0s}
.sectionViewTitle{width:100%;font-size:40px;color:#000;position:relative;padding-bottom:50px;margin-bottom:40px}
.sectionViewLeft img{display:block;width:100%;height:100%}
.sectionViewRight{display:flex;flex-wrap:wrap;box-sizing:border-box;padding:0 50px;align-items:center;flex:1;transition:all .4s ease 0s}
.line{position:absolute;width:200px;background-color:#e6e7eb;height:2px;left:0;bottom:0}
.line::after{position:absolute;width:80px;height:5px;background-color:#1a7cff;left:0;bottom:0;content:''}
.sectionViewContent{color:#666;font-size:18px;line-height:38px}
.sectionViewBtn{color:#1a7cff;font-size:18px;margin-top:15px;cursor:pointer}
.sectionView:last-of-type{margin-bottom:0}
.caseTitle{text-align:center;font-size:42px;color:#000}
.sectionView3{display:flex;flex-wrap:wrap;justify-content:space-between;margin-top:60px}
.sectionView3Li{width:calc((100% - 100px)/ 3);position:relative;box-shadow:0 0 20px 0 rgba(0,0,0,.2);margin-bottom:40px;border-radius:10px;overflow:hidden}
.sectionView3LiImg{width:100%;height:209px;overflow:hidden;text-align:center}
.sectionView3LiImg img{display:block;width:100%;height:100%;transition:all .4s ease 0s}
.sectionView3SpanBox{width:100%;background:#fff;left:50%;bottom:20px;height:116px;border-radius:5px;box-sizing:border-box;padding:25px 20px}
.sectionView3Title{display:block;font-size:24px;color:#000}
.sectionView3Span{display:block;font-size:20px;color:#666;margin-top:5px}
.section3{margin-bottom:80px}
.sectionView4{display:flex;align-items:center}
.sectionView4Li{width:calc(100% / 4);box-sizing:border-box;padding:20px;display:flex;flex-direction:column;align-items:center;transition:all .4s ease 0s;border-radius:5px}
.sectionView4Li:hover{transition:all .4s ease 0s}
.sectionView4LiImg{margin-bottom:40px}
.sectionView4LiSpan{margin-bottom:20px;font-size:24px;color:#000}
.sectionView4LiP{font-size:20px;color:#666;line-height:36px;min-height:108px}
.sectionView4Title{font-size:42px;color:#000;text-align:center;padding-top:60px;margin-bottom:70px}
.section4{background-color:rgba(153,153,153,.08);padding-bottom:95px;margin-bottom:0}
.sectionView5 .sectionView4Li{align-items:flex-start}
.sectionView5 .sectionView4Li .sectionView4LiP{box-sizing:border-box;padding-left:35px;position:relative;min-height:auto}
.sectionView5 .sectionView4Li .sectionView4LiP::after{content:'';width:22px;height:22px;position:absolute;left:0;top:50%;transform:translateY(-50%);border-radius:50%;background-image:url(/home/images/duigou.png);background-size:100%}
.section6{width:100%;height:340px;background:url(/home/images/section6.jpg) no-repeat center;background-size:1920px 340px;margin:0}
.section6View{width:100%;height:100%;display:flex;align-items:center;justify-content:center;box-sizing:border-box;flex-direction:column}
.section6ViewSpan{font-size:46px;color:#fff}
.section6ViewBtn{width:171px;height:53px;line-height:53px;border:1px solid #fff;text-align:center;font-size:24px;color:#fff;border-radius:5px;margin-top:70px;cursor:pointer}
.fotter{box-sizing:border-box;padding:65px 0 50px 0;background-color:#2d3237}
.fotterView{display:flex;justify-content:space-between}
.fotterUlBoxSpan{font-size:16px;font-weight:700}
.fotterUlBoxLi{margin-top:20px;font-size:16px}
.fotterUlBoxLi a{color:#fff}
.fotterViewLeft{display:flex;color:#fff;flex:1;justify-content:space-between;padding-left:45px}
.fotterViewRight{display:flex;margin-left:140px}
.fotterViewRightImg{margin-right:45px}
.fotterViewRightImg img{display:block;width:140px;height:140px}
.fotterViewRightImg span{display:block;color:#fff;text-align:center;margin-top:20px}
.bottom{height:48px;line-height:48px;font-size:13px;text-align:center;background-color:#2d3237;color:#DADFE6}
.bottomLeft{float:left;padding-left:45px}
.bottomRight{float:right;padding-right:45px}
.bottomGh{position:relative;top:5px;margin-right:5px}
.bottomIcp{padding-left:12px}
.bottom a{color:#DADFE6}
.newheader{box-shadow:0 1px 10px rgb(0 0 0 / 10%);background:#fff}
.newheader .navItem a{color:#333!important}
.active{position:relative}
.active::after{content:'';width:100%;height:2px;background-color:#fff;position:absolute;left:0;bottom:-8px;border-radius:10px}
.newheader .active::after{background-color:#333}
.newheader #logo{background-image:url(/home/images/new_index_logo.png)}
.newheader .freeBtn{border:1px solid #333;color:#333}
.mask{position:fixed;width:100%;height:100vh;top:0;left:0;background-color:rgba(0,0,0,.5);z-index:3;display:none}
.popup{width:400px;box-sizing:border-box;background-color:#fff;border-radius:5px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);padding:30px}
.closeBtn{width:30px;height:30px;position:absolute;top:10px;right:10px;font-size:30px;line-height:1;cursor:pointer}
.popupTitle{font-size:30px;text-align:center;color:#1a7cff}
.popupSpan{font-size:16px;color:#999;text-align:center;line-height:1.5;margin:15px 0}
.bannerLiIcon img{transition:all .4s ease 0s}
.sectionLi:hover .sectionLitext1{width:100%;display:flex;align-items:center;justify-content:center;background-color:#1a7cff}
.sectionLi:hover img{transform:scale(1.1)}
.form{width:100%}
.input{height:44px;margin:5px 0;margin-bottom:15px}
input{height:100%;box-sizing:border-box;padding:0 15px;width:100%;outline:0;border:1px solid rgba(153,153,153,.5);border-radius:5px}
.form .title span{color:red}
.form .btn{width:100%;line-height:50px;display:block;margin:20px 0 0 0;background-color:#1a7cff;color:#fff;text-align:center;border-radius:5px;font-size:16px}
#popup{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);background-color:rgba(0,0,0,.8);color:#fff;box-sizing:border-box;padding:12px 20px;border-radius:5px;line-height:1.5;display:none;text-align:center;z-index:5}
.btnBox{width:80px;height:auto;position:fixed;right:10px;top:50%;transform:translateY(-50%);z-index:3}
.Btn_{width:80px;height:80px;display:flex;justify-content:center;flex-wrap:wrap;cursor:pointer;font-size:13px;align-items:center}
.btnBox_{border-radius:5px;background-color:#fff;box-shadow:0 10px 20px 0 rgb(0 0 0 / 12%)}
.Btn_Top{cursor:pointer;width:80px;height:80px;background-color:#fff;margin-top:10px;border-radius:5px;overflow:hidden;box-shadow:0 10px 20px 0 rgb(0 0 0 / 12%)}
.Btn_Top a{display:flex;align-items:center;justify-content:center;width:100%;height:100%}
.Btn_ img{display:block;width:32px;height:32px;margin:0 auto}
.sectionView3Li:hover .sectionView3LiImg img{transform:scale(1.2)}
@keyframes xt{0%{-webkit-transform:scale3d(1,1,1);transform:scale3d(1,1,1)}
	50%{-webkit-transform:scale3d(1.05,1.05,1.05);transform:scale3d(1.05,1.05,1.05)}
	100%{-webkit-transform:scale3d(1,1,1);transform:scale3d(1,1,1)}
}
.phoneView{font-size:30px;margin-top:30px}
.phoneViewBtn{width:100%;line-height:50px;background-color:#1a7cff;text-align:center;border-radius:50px;margin-top:30px;cursor:pointer}
.PhoneBtn,.ZxBtn{position:relative}
.PhoneBtnView{visibility:hidden;opacity:0;background:#fff;box-shadow:0 10px 20px 0 rgb(0 0 0 / 12%);position:absolute;right:64px;top:50%;transform:translateY(-50%);padding:13px 14px;white-space:nowrap;transition:all ease .35s;border-radius:5px;font-size:16px}
.PhoneBtnView a{color:#1a7cff;font-size:18px;font-weight:700}
.ZxBtnView{visibility:hidden;opacity:0;background:#fff;box-shadow:0 10px 20px 0 rgb(0 0 0 / 12%);position:absolute;right:64px;top:50%;transform:translateY(-50%);transition:all ease .35s;border-radius:5px;width:150px;height:150px}
.ZxBtnView img{width:100%;height:100%}
.ZxBtn:hover .ZxBtnView{visibility:visible;opacity:1;right:90px}
.PhoneBtn:hover .PhoneBtnView{visibility:visible;opacity:1;right:90px}
#text:active{background-color:#409eff}