body,html{margin:0;padding:0}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{-webkit-box-shadow:inset 0 0 6px #000}::-webkit-scrollbar-thumb{background:#193759;-webkit-box-shadow:inset 0 0 6px rgba(0,0,0,.1)}.mainContainer{width:100vw;margin:auto;height:100vh;overflow-x:hidden;overflow-y:auto;box-sizing:border-box;font-family:Microsoft YaHei}.mainContainer .headerCtn{position:fixed;max-height:100px;background:transparent;left:0;right:0;z-index:99;color:hsla(0,0%,100%,.9);overflow:hidden;transition:.2s linear}.mainContainer .headerCtn.headerShow{max-height:310px}.mainContainer .headerCtn.headerShow .nav{transform:translateX(0)!important;opacity:1!important}.mainContainer .headerCtn.animation{background:#fff;color:#333;box-shadow:0 0 10px rgba(15,91,183,.1)}.mainContainer .headerCtn .main{min-width:1200px;width:calc(100vw - 540px);margin:auto;min-height:100px;display:flex;justify-content:space-between}.mainContainer .headerCtn .main .leftLogo{height:100px;display:flex;align-items:center}.mainContainer .headerCtn .main .leftLogo .logo{height:50px}.mainContainer .headerCtn .main .leftLogo .name .span1{font-size:32px;letter-spacing:2px}.mainContainer .headerCtn .main .leftLogo .name .span2{font-size:24px}.mainContainer .headerCtn .main .rightNav{font-size:18px;display:flex;align-items:center}.mainContainer .headerCtn .main .rightNav .title{position:relative;cursor:pointer;margin-left:60px}.mainContainer .headerCtn .main .rightNav .title.phone{cursor:text}.mainContainer .headerCtn .main .rightNav .title:hover:not(.phone){color:#009bfb}.mainContainer .headerCtn .main .rightNav .title:hover:not(.phone) .line{left:6px;right:6px}.mainContainer .headerCtn .main .rightNav .title.active{color:#009bfb}.mainContainer .headerCtn .main .rightNav .title.active .line{left:6px;right:6px}.mainContainer .headerCtn .main .rightNav .title .line{position:absolute;height:4px;background:#009bfb;left:50%;right:50%;bottom:-10px;border-radius:2px;margin:auto;transition:.25s linear}.mainContainer .headerCtn .navCtn{width:calc(100vw - 540px);min-width:1200px;overflow:hidden;margin:auto}.mainContainer .headerCtn .navCtn .navMain{display:flex;width:725px;float:right;margin-right:146px;margin-bottom:22px}.mainContainer .headerCtn .navCtn .navLeft{flex:1;margin-right:24px}.mainContainer .headerCtn .navCtn .navLeft .nav{transform:translateX(-85px)}.mainContainer .headerCtn .navCtn .navMiddle{flex:1}.mainContainer .headerCtn .navCtn .navMiddle .nav{transform:translateY(55px)}.mainContainer .headerCtn .navCtn .navRight{flex:1}.mainContainer .headerCtn .navCtn .navRight .nav{transform:translateX(85px)}.mainContainer .headerCtn .navCtn .nav{opacity:0}.mainContainer .headerCtn .navCtn .nav:first-child .navText{cursor:default;font-size:18px;font-weight:700}.mainContainer .headerCtn .navCtn .nav:first-child .navText:hover{color:#333!important}.mainContainer .headerCtn .navCtn .nav .navText{cursor:pointer;line-height:36px;text-align:left}.mainContainer .headerCtn .navCtn .nav .navText:hover{color:#009bfb}.mainContainer .headerCtn .navCtn .nav:first-child{transition:transform .6s ease .1s}.mainContainer .headerCtn .navCtn .nav:nth-child(2){transition:transform .58s ease .12s}.mainContainer .headerCtn .navCtn .nav:nth-child(3){transition:transform .56s ease .14s}.mainContainer .headerCtn .navCtn .nav:nth-child(4){transition:transform .54s ease .16s}.mainContainer .headerCtn .navCtn .nav:nth-child(5){transition:transform .52s ease .18s}.mainContainer .detailScreen{width:100vw;padding-top:100px}.mainContainer .detailScreen .headImage{width:100vw;min-height:500px;background:rgba(0,0,0,.8);position:relative}.mainContainer .detailScreen .headImage .titleCtn{position:absolute;bottom:12%;width:40%;background:rgba(34,78,180,.8);padding:30px 40px;color:#fff}.mainContainer .detailScreen .headImage .titleCtn .title{font-weight:700;text-shadow:0 6px 10px rgba(0,0,0,.1);font-size:48px;margin-bottom:12px}.mainContainer .detailScreen .headImage .titleCtn .info{font-size:18px;line-height:42px;text-shadow:0 6px 10px rgba(0,0,0,.1)}.mainContainer .detailScreen .navCtn{line-height:60px;display:flex;padding-left:20px;box-shadow:0 0 10px rgba(15,91,183,.1)}.mainContainer .detailScreen .navCtn .tag{margin-right:20px}.mainContainer .detailScreen .navCtn .tag:after{content:">";margin-left:20px}.mainContainer .detailScreen .navCtn .tag:last-child{color:#009bfb}.mainContainer .detailScreen .navCtn .tag:last-child:after{content:""}.mainContainer .contentCtn{margin:40px auto;padding:40px 0;width:calc(100vw - 540px);min-width:1200px;position:relative}.mainContainer .contentCtn.hasBack:before{content:"";position:absolute;top:-40px;bottom:-40px;left:-270px;right:-270px;background:rgba(182,215,255,.1);z-index:-1}.mainContainer .contentCtn .titleCtn{text-align:center;transform:scale(.1);opacity:.1;transition:1s ease;margin-bottom:36px}.mainContainer .contentCtn .titleCtn.animation{transform:scale(1);opacity:1}.mainContainer .contentCtn .titleCtn .title{color:#262626;letter-spacing:2px;position:relative;z-index:2;font-size:32px;font-weight:700}.mainContainer .contentCtn .titleCtn .titleTranslate{color:#eee;letter-spacing:4px;transform:translateY(40px);z-index:1;font-family:Arial #262626;font-size:64px;font-weight:700}.mainContainer .contentCtn .infoCtn{margin:40px auto;text-align:center}.mainContainer .contentCtn .infoCtn .info{font-size:16px;color:#7a7a7a;line-height:32px;text-indent:2em;text-align:justify;opacity:0;transform:translateY(50px);transition:1s ease;display:inline-block}.mainContainer .contentCtn .infoCtn .info.animation{transform:translateY(0);opacity:1}.mainContainer .bottomBox{background:#333;color:#fff}.mainContainer .bottomBox .main{width:calc(100vw - 540px);min-width:1200px;margin:auto;display:flex;height:100%;box-sizing:border-box;padding:46px 0}.mainContainer .bottomBox .main .box{flex:1;display:flex;justify-content:start;flex-direction:column}.mainContainer .bottomBox .main .box:nth-child(2){flex:2;position:relative}.mainContainer .bottomBox .main .box:nth-child(2):before{content:"";width:1px;height:200px;background:#fff;position:absolute;left:-44px;top:0;bottom:0;margin:auto}.mainContainer .bottomBox .main .box:nth-child(2):after{content:"";width:1px;height:200px;background:#fff;position:absolute;right:80px;top:0;bottom:0;margin:auto}.mainContainer .bottomBox .main .box .title{font-size:16px;margin-bottom:28px}.mainContainer .bottomBox .main .box .title.click{cursor:pointer}.mainContainer .bottomBox .main .box .title.click:hover{color:#009bfb}.mainContainer .bottomBox .main .box .line{font-size:14px;line-height:36px}.mainContainer .bottomBox .main .box .line span{cursor:pointer}.mainContainer .bottomBox .main .box .line span.unclick{cursor:text}.mainContainer .bottomBox .main .box .line span.unclick:hover{color:#fff}.mainContainer .bottomBox .main .box .line span:hover{color:#009bfb}.mainContainer .bottomBox .main .box .line span:first-child{margin-right:12px}.mainContainer .bottomBox .main .box .ercode{display:flex;flex-direction:column;width:90px}.mainContainer .bottomBox .main .box .ercode img{width:90px;height:90px}.mainContainer .bottomBox .main .box .ercode span{margin-top:12px;text-align:center}.mainContainer .bottomBox .main .box .logo img{max-width:200px}.mainContainer .bottomBox .icpCtn{text-align:center;padding-bottom:20px;line-height:32px;display:flex;align-items:center;justify-content:center}.mainContainer .bottomBox .icpCtn img{width:20px;height:20px;margin-right:12px}.mainContainer .bottomBox .icpCtn a{cursor:pointer;text-decoration:none;color:inherit}.mainContainer .bottomBox .icpCtn a:hover{color:#009bfb}