#banner{width:100%}#banner .activityDetail{position:relative}#banner .activityDetail .hot_icon{position:absolute;top:15px;left:47px}#banner .bannerBox{position:relative;width:100%;height:528px;overflow:hidden}#banner .bannerBox .leftArrowBox{z-index:100;position:absolute;top:0;left:0;width:37px;height:528px}#banner .bannerBox .leftArrowBox img{transition:all .3s;opacity:0;position:absolute;margin-top:-28.5px;top:50%;left:7px;width:30px;height:57px;cursor:pointer}#banner .bannerBox .leftArrowBox:hover img{opacity:1}@media(max-width:520px){#banner .bannerBox .leftArrowBox{display:none}}#banner .bannerBox .rightArrowBox{z-index:100;position:absolute;top:0;right:0;width:37px;height:528px}#banner .bannerBox .rightArrowBox img{transition:all .3s;opacity:0;position:absolute;margin-top:-28.5px;top:50%;right:7px;width:30px;height:57px;cursor:pointer}#banner .bannerBox .rightArrowBox:hover img{opacity:1}@media(max-width:520px){#banner .bannerBox .rightArrowBox{display:none}}#banner .bannerBox .indexBox{z-index:100;position:absolute;left:50%;bottom:40px;width:170px;margin-left:-85px;height:4px;background-color:none}#banner .bannerBox .indexBox .indexDetail{z-index:100;float:left;width:32px;height:8px;border-bottom:4px solid rgba(110,120,139,.5);cursor:pointer;transition:all .3s;-webkit-transition:all .3s}#banner .bannerBox .indexBox .indexDetail:hover{border-color:#fff}#banner .bannerBox .indexBox .indexDetail:first-child,#banner .bannerBox .indexBox .indexDetail:nth-child(2),#banner .bannerBox .indexBox .indexDetail:nth-child(3){margin-right:14px}#banner .bannerBox .indexBox .activeIndex{border-color:#fff}#banner .bannerBox .indexBox:after{clear:both}#banner .bannerBox .bannerContainer{position:absolute;top:0;left:0;width:500%;background-color:#000}#banner .bannerBox .bannerContainer:after{clear:both}#banner .bannerBox .firstBanner{float:left;width:20%;height:528px;background:url(/template/images/firstbanner.jpg);overflow:hidden}#banner .bannerBox .firstBanner .leftBox{z-index:20;padding-top:130px}#banner .bannerBox .firstBanner .leftBox .title{-webkit-transform:translateY(-25px);transform:translateY(-25px);opacity:0;font-size:42px;font-weight:400;color:#fff;cursor:default;width:600px;line-height:64px;white-space:nowrap;-webkit-transition:all .6s cubic-bezier(.645,.045,.355,1);transition:all .6s cubic-bezier(.645,.045,.355,1)}@media(max-width:520px){#banner .bannerBox .firstBanner .leftBox .title{margin-top:0;width:100%;font-size:26px;line-height:36px;text-align:center}}@media(max-width:350px){#banner .bannerBox .firstBanner .leftBox .title{width:100%;font-size:22px;line-height:26px;text-align:center}}#banner .bannerBox .firstBanner .leftBox .solgan{-webkit-transform:translateY(-25px);transform:translateY(-25px);opacity:0;font-size:20px;color:#fff;cursor:default;line-height:50px;-webkit-transition:all .6s cubic-bezier(.645,.045,.355,1);transition:all .6s cubic-bezier(.645,.045,.355,1)}@media(max-width:520px){#banner .bannerBox .firstBanner .leftBox .solgan{margin-top:20px;width:100%;font-size:16px;line-height:16px;text-align:center}}@media(max-width:350px){#banner .bannerBox .firstBanner .leftBox .solgan{margin-top:20px;width:100%;font-size:14px;line-height:14px;text-align:center}}#banner .bannerBox .firstBanner .leftBox .intro{-webkit-transform:translateY(-25px);transform:translateY(-25px);opacity:0;margin-bottom:40px;font-size:20px;color:#62c4f5;cursor:default;-webkit-transition:all .6s cubic-bezier(.645,.045,.355,1);transition:all .6s cubic-bezier(.645,.045,.355,1)}@media(max-width:520px){#banner .bannerBox .firstBanner .leftBox .intro{margin-top:15px;width:100%;font-size:14px;line-height:14px;text-align:center}}@media(max-width:350px){#banner .bannerBox .firstBanner .leftBox .intro{margin-top:15px;width:100%;font-size:12px;line-height:12px;text-align:center}}#banner .bannerBox .firstBanner .leftBox .tryBtnBox{-webkit-transform:translateY(-25px);transform:translateY(-25px);opacity:0;-webkit-transition:all .6s cubic-bezier(.645,.045,.355,1);transition:all .6s cubic-bezier(.645,.045,.355,1)}@media(max-width:520px){#banner .bannerBox .firstBanner .leftBox .tryBtnBox{display:none}}#banner .bannerBox .firstBanner .leftBox .mobileImg{display:none}@media(max-width:520px){#banner .bannerBox .firstBanner .leftBox .mobileImg{display:block;width:90%;margin:0 auto;margin-top:50px;max-width:520px}}@media(max-width:380px){#banner .bannerBox .firstBanner .leftBox .mobileImg{margin-left:0;width:100%}}#banner .bannerBox .firstBanner .leftBox .tryBtn{float:left;width:130px;height:40px;line-height:40px;text-align:center;color:#fff;border:1px solid #fff;border-radius:3px;cursor:pointer;-webkit-transition:all .3s cubic-bezier(.645,.045,.355,1);transition:all .3s cubic-bezier(.645,.045,.355,1)}#banner .bannerBox .firstBanner .leftBox .tryBtn a{display:block;width:100%;height:40px}#banner .bannerBox .firstBanner .leftBox .tryBtn:hover{border-color:#149df0;background-color:#149df0}#banner .bannerBox .firstBanner .leftBox .playBtn{position:relative;margin-left:20px;float:left;width:50px;height:40px;line-height:40px;font-size:12px;color:#fff;cursor:pointer;overflow:hidden}#banner .bannerBox .firstBanner .leftBox .playBtn .line{position:absolute;left:0;bottom:0;width:50px;height:2px;border-bottom:2px solid #fff}#banner .bannerBox .firstBanner .leftBox .playBtn .leftLine{z-index:10;position:absolute;left:0;bottom:0;width:25px;height:2px;border-bottom:2px solid #149df0;-webkit-transition:all .3s cubic-bezier(.645,.045,.355,1);transition:all .3s cubic-bezier(.645,.045,.355,1)}#banner .bannerBox .firstBanner .leftBox .playBtn .rightLine{z-index:10;position:absolute;left:25px;bottom:0;width:25px;height:2px;border-bottom:2px solid #149df0;-webkit-transition:all .3s cubic-bezier(.645,.045,.355,1);transition:all .3s cubic-bezier(.645,.045,.355,1)}#banner .bannerBox .firstBanner .leftBox .playBtn:hover .leftLine{-webkit-transform:translateX(-25px);transform:translateX(-25px)}#banner .bannerBox .firstBanner .leftBox .playBtn:hover .rightLine{-webkit-transform:translateX(25px);transform:translateX(25px)}@media(max-width:520px){#banner .bannerBox .firstBanner .leftBox{padding-top:0}}#banner .bannerBox .firstBanner .rightBox{position:relative}#banner .bannerBox .firstBanner .rightBox .firstBorder{z-index:1;position:absolute;top:-25px;right:50px;width:578px;height:578px;border-radius:289px;border:1px solid #023256;background-color:rgba(16,36,87,.2);-webkit-animation:firstBanner 3s linear infinite;animation:firstBanner 3s linear infinite}#banner .bannerBox .firstBanner .rightBox .secondBorder{z-index:10;position:absolute;top:-25px;right:50px;width:578px;height:578px;border-radius:289px;border:1px solid #023256}#banner .bannerBox .firstBanner .rightBox .thirdBorder{z-index:10;position:absolute;margin-top:-196.5px;margin-left:-196.5px;top:50%;left:50%;width:393px;height:393px;border-radius:196.5px;border:1px solid #0c5679}#banner .bannerBox .firstBanner .rightBox .thirdBorder .borderImg{position:absolute;top:43.5px;left:43.5px}#banner .bannerBox .firstBanner .rightBox .thirdBorder .logoImg{position:absolute;right:-80px}#banner .bannerBox .firstBanner .rightBox .dockerImg{z-index:1;position:absolute;margin-top:-42.5px;margin-left:-42.5px;top:50%;left:50%;width:85px;height:85px;text-align:center;border-radius:42.5px;background-color:rgba(22,73,126,.5);-webkit-animation:firstBannerDocker 45s linear infinite;animation:firstBannerDocker 45s linear infinite}#banner .bannerBox .firstBanner .rightBox .dockerImg img{margin-top:24px}#banner .bannerBox .firstBanner .rightBox .ksImg{z-index:1;position:absolute;margin-top:-42.5px;margin-left:-42.5px;top:50%;left:50%;width:64px;height:64px;text-align:center;border-radius:42.5px;background-color:rgba(18,71,123,.5);-webkit-animation:firstBannerks 45s linear infinite;animation:firstBannerks 45s linear infinite}#banner .bannerBox .firstBanner .rightBox .ksImg img{margin-top:11px}#banner .bannerBox .firstBanner .rightBox .trImg{z-index:1;position:absolute;margin-top:-42.5px;margin-left:-42.5px;top:50%;left:50%;width:85px;height:85px;text-align:center;border-radius:42.5px;background-color:rgba(22,73,126,.5);-webkit-animation:firstBannertr 45s linear infinite;animation:firstBannertr 45s linear infinite}#banner .bannerBox .firstBanner .rightBox .trImg img{margin-top:17px}#banner .bannerBox .firstBanner .rightBox .containerIcon{z-index:20;position:absolute;margin-top:-10px;margin-left:-10px;top:50%;left:50%;width:20px;height:20px;font-size:12px;color:#fff;-webkit-animation:firstBannerContainerIcon 30s linear infinite;animation:firstBannerContainerIcon 30s linear infinite}#banner .bannerBox .firstBanner .rightBox .containerIcon p{display:block;margin-top:8px;margin-left:-13px;width:50px;color:#60e8f8}#banner .bannerBox .firstBanner .rightBox .cicdIcon{z-index:20;position:absolute;margin-top:-10px;margin-left:-10px;top:50%;left:50%;width:20px;height:20px;font-size:12px;color:#fff;-webkit-animation:firstBannerCicdIcon 30s linear infinite;animation:firstBannerCicdIcon 30s linear infinite}#banner .bannerBox .firstBanner .rightBox .cicdIcon p{display:block;margin-top:-20px;margin-left:8px;width:50px;color:#60e8f8;transform:rotate(-90deg)}#banner .bannerBox .firstBanner .rightBox .serviceIcon{z-index:20;position:absolute;margin-top:-10px;margin-left:-10px;top:50%;left:50%;width:20px;height:20px;font-size:12px;color:#fff;-webkit-animation:firstBannerServiceIcon 30s linear infinite;animation:firstBannerServiceIcon 30s linear infinite}#banner .bannerBox .firstBanner .rightBox .serviceIcon p{display:block;margin-top:-43px;margin-left:-24px;width:50px;color:#60e8f8;transform:rotate(-180deg)}#banner .bannerBox .firstBanner .rightBox .devIcon{z-index:20;position:absolute;margin-top:-10px;margin-left:-10px;top:50%;left:50%;width:20px;height:20px;font-size:12px;color:#fff;-webkit-animation:firstBannerDevIcon 30s linear infinite;animation:firstBannerDevIcon 30s linear infinite}#banner .bannerBox .firstBanner .rightBox .devIcon p{display:block;margin-top:-15px;margin-left:-39px;width:50px;color:#60e8f8;transform:rotate(-270deg)}@media screen and (min-width:1200px){#banner .bannerBox .firstBanner .rightBox .firstBorder{right:-25px}#banner .bannerBox .firstBanner .rightBox .secondBorder{right:-25px}}@media(max-width:520px){#banner .bannerBox .firstBanner .rightBox{display:none}}#banner .bannerBox .secondBanner{position:relative;z-index:20;float:left;width:20%;height:528px;background:url(thirdbanner.jpg) no-repeat;background-size:100% 100%;overflow:hidden}#banner .bannerBox .secondBanner .leftBox{z-index:20;padding-top:150px}#banner .bannerBox .secondBanner .leftBox .title{-webkit-transform:translateY(-25px);transform:translateY(-25px);opacity:0;font-size:42px;font-weight:400;color:#fff;cursor:default;width:600px;line-height:64px;white-space:nowrap;-webkit-transition:all .6s cubic-bezier(.645,.045,.355,1);transition:all .6s cubic-bezier(.645,.045,.355,1)}@media(max-width:520px){#banner .bannerBox .secondBanner .leftBox .title{margin-top:0;width:100%;font-size:26px;line-height:36px;text-align:center}}@media(max-width:350px){#banner .bannerBox .secondBanner .leftBox .title{margin-top:40px;width:100%;font-size:22px;line-height:26px;text-align:center}}#banner .bannerBox .secondBanner .leftBox .solgan{-webkit-transform:translateY(-25px);transform:translateY(-25px);opacity:0;margin-bottom:40px;font-size:20px;color:#fff;cursor:default;line-height:50px;-webkit-transition:all .6s cubic-bezier(.645,.045,.355,1);transition:all .6s cubic-bezier(.645,.045,.355,1)}@media(max-width:520px){#banner .bannerBox .secondBanner .leftBox .solgan{margin-top:20px;width:100%;font-size:16px;line-height:16px;text-align:center}}@media(max-width:350px){#banner .bannerBox .secondBanner .leftBox .solgan{margin-top:20px;width:100%;font-size:14px;line-height:14px;text-align:center}}#banner .bannerBox .secondBanner .leftBox .intro{-webkit-transform:translateY(-25px);transform:translateY(-25px);opacity:0;margin-bottom:60px;font-size:24px;color:#33c8e6;cursor:default;-webkit-transition:all .6s cubic-bezier(.645,.045,.355,1);transition:all .6s cubic-bezier(.645,.045,.355,1)}@media(max-width:520px){#banner .bannerBox .secondBanner .leftBox .intro{margin-top:15px;width:100%;font-size:14px;line-height:14px;text-align:center}}@media(max-width:350px){#banner .bannerBox .secondBanner .leftBox .intro{margin-top:15px;width:100%;font-size:12px;line-height:12px;text-align:center}}#banner .bannerBox .secondBanner .leftBox .tryBtnBox{-webkit-transform:translateY(-25px);transform:translateY(-25px);opacity:0;-webkit-transition:all .6s cubic-bezier(.645,.045,.355,1);transition:all .6s cubic-bezier(.645,.045,.355,1)}@media(max-width:520px){#banner .bannerBox .secondBanner .leftBox .tryBtnBox{display:none}}#banner .bannerBox .secondBanner .leftBox .mobileImg{display:none}@media(max-width:520px){#banner .bannerBox .secondBanner .leftBox .mobileImg{display:block;width:90%;max-width:520px;margin:0 auto;margin-top:-50px}}@media(max-width:380px){#banner .bannerBox .secondBanner .leftBox .mobileImg{margin-left:0;width:100%}}#banner .bannerBox .secondBanner .leftBox .tryBtn{float:left;width:130px;height:40px;line-height:40px;text-align:center;color:#fff;border:1px solid #fff;border-radius:3px;cursor:pointer;-webkit-transition:all .3s cubic-bezier(.645,.045,.355,1);transition:all .3s cubic-bezier(.645,.045,.355,1)}#banner .bannerBox .secondBanner .leftBox .tryBtn a{display:block;width:100%;height:40px}#banner .bannerBox .secondBanner .leftBox .tryBtn:hover{border-color:#149df0;background-color:#149df0}#banner .bannerBox .secondBanner .leftBox .playBtn{position:relative;margin-left:20px;float:left;width:50px;height:40px;line-height:40px;font-size:12px;color:#fff;cursor:pointer;overflow:hidden}#banner .bannerBox .secondBanner .leftBox .playBtn .line{position:absolute;left:0;bottom:0;width:50px;height:2px;border-bottom:2px solid #fff}#banner .bannerBox .secondBanner .leftBox .playBtn .leftLine{z-index:10;position:absolute;left:0;bottom:0;width:25px;height:2px;border-bottom:2px solid #149df0;-webkit-transition:all .3s cubic-bezier(.645,.045,.355,1);transition:all .3s cubic-bezier(.645,.045,.355,1)}#banner .bannerBox .secondBanner .leftBox .playBtn .rightLine{z-index:10;position:absolute;left:25px;bottom:0;width:25px;height:2px;border-bottom:2px solid #149df0;-webkit-transition:all .3s cubic-bezier(.645,.045,.355,1);transition:all .3s cubic-bezier(.645,.045,.355,1)}#banner .bannerBox .secondBanner .leftBox .playBtn:hover .leftLine{-webkit-transform:translateX(-25px);transform:translateX(-25px)}#banner .bannerBox .secondBanner .leftBox .playBtn:hover .rightLine{-webkit-transform:translateX(25px);transform:translateX(25px)}@media(max-width:520px){#banner .bannerBox .secondBanner .leftBox{padding-top:0}}#banner .bannerBox .secondBanner .rightBox{position:relative;height:528px}#banner .bannerBox .secondBanner .rightBox .innerImg{z-index:20;position:absolute;margin-top:-141px;margin-left:-155.5px;top:50%;left:50%;width:311px;height:282px}#banner .bannerBox .secondBanner .rightBox .outterImg{z-index:1;position:absolute;margin-top:-193.5px;margin-left:-324.5px;top:50%;left:50%;width:675px;height:387px}#banner .bannerBox .secondBanner .rightBox .spinIconFirst{position:absolute;top:70px;left:-80px;-webkit-transform:scale(.5,.5);transform:scale(.5,.5)}#banner .bannerBox .secondBanner .rightBox .spinIconSecond{position:absolute;top:80px;left:50px;-webkit-transform:scale(.3,.3);transform:scale(.3,.3)}#banner .bannerBox .secondBanner .rightBox .spinIconThird{position:absolute;top:50px;right:-50px;-webkit-transform:scale(.8,.8);transform:scale(.8,.8)}#banner .bannerBox .secondBanner .rightBox .spinIconForth{position:absolute;top:150px;right:0;-webkit-transform:scale(.7,.7);transform:scale(.7,.7)}#banner .bannerBox .secondBanner .rightBox .spinIconFifth{position:absolute;top:400px;right:50px;-webkit-transform:scale(.8,.8);transform:scale(.8,.8)}#banner .bannerBox .secondBanner .rightBox .u_p3d{z-index:15;-webkit-transform-style:preserve-3d!important;transform-style:preserve-3d!important}#banner .bannerBox .secondBanner .rightBox .ui_base{position:absolute;width:400px;height:0;left:-51px;top:131px;-webkit-perspective:1000px;-webkit-perspective-origin:50% 0;perspective:1000px;perspective-origin:50% 0}#banner .bannerBox .secondBanner .rightBox .base{-webkit-transform:rotateX(80deg) rotateY(-10deg);transform:rotateX(80deg) rotateY(-10deg);position:relative;width:684px;height:342px;-webkit-backface-visibility:hidden;backface-visibility:hidden;-webkit-animation:secondBannerLittleCircle 30s linear 0s infinite;animation:secondBannerLittleCircle 30s linear 0s infinite}#banner .bannerBox .secondBanner .rightBox .ball_base{-webkit-transform-origin:342px 0;transform-origin:342px 0;position:absolute;top:175px;left:-50px;width:225px;height:127px}#banner .bannerBox .secondBanner .rightBox .ball{-webkit-transition:all 2s ease-out 0;transition:all 2s ease-out 0;-webkit-transform-origin:50% 50%;transform-origin:50% 50%;position:absolute;width:90px;height:90px;line-height:90px;text-align:center;background-size:100% 100%;left:0;top:0;color:transparent;font-size:12px;opacity:1;overflow:hidden}#banner .bannerBox .secondBanner .rightBox .ball{color:#fff;opacity:1}#banner .bannerBox .secondBanner .rightBox .ball_1 .ball{-webkit-animation:secondBannerFirstIcon 30s linear 0s infinite;animation:secondBannerFirstIcon 30s linear 0s infinite}#banner .bannerBox .secondBanner .rightBox .ball_2 .ball{-webkit-animation:secondBannerSecondIcon 30s linear 0s infinite;animation:secondBannerSecondIcon 30s linear 0s infinite}#banner .bannerBox .secondBanner .rightBox .ball_3 .ball{-webkit-animation:secondBannerThirdIcon 30s linear 0s infinite;animation:secondBannerThirdIcon 30s linear 0s infinite}#banner .bannerBox .secondBanner .rightBox .ball_4 .ball{-webkit-animation:secondBannerForthIcon 30s linear 0s infinite;animation:secondBannerForthIcon 30s linear 0s infinite}#banner .bannerBox .secondBanner .rightBox .ball_1{-webkit-transform:rotateX(-90deg) rotateY(90deg) translateY(-60px);transform:rotateX(-90deg) rotateY(90deg) translateY(-60px)}#banner .bannerBox .secondBanner .rightBox .ball_1 .imgBox{opacity:.8;z-index:20;width:70px;height:70px;border-radius:35px;text-align:center;background-color:#066c92}#banner .bannerBox .secondBanner .rightBox .ball_1 .imgBox img{margin-bottom:18px}#banner .bannerBox .secondBanner .rightBox .ball_2{-webkit-transform:rotateX(-90deg) rotateY(180deg) translateY(-60px);transform:rotateX(-90deg) rotateY(180deg) translateY(-60px)}#banner .bannerBox .secondBanner .rightBox .ball_2 .imgBox{opacity:.8;z-index:20;width:70px;height:70px;border-radius:35px;text-align:center;background-color:#066c92}#banner .bannerBox .secondBanner .rightBox .ball_2 .imgBox img{margin-bottom:18px}#banner .bannerBox .secondBanner .rightBox .ball_3{-webkit-transform:rotateX(-90deg) rotateY(270deg) translateY(-60px);transform:rotateX(-90deg) rotateY(270deg) translateY(-60px)}#banner .bannerBox .secondBanner .rightBox .ball_3 .imgBox{opacity:.8;z-index:20;width:70px;height:70px;border-radius:35px;text-align:center;background-color:#066c92}#banner .bannerBox .secondBanner .rightBox .ball_3 .imgBox img{margin-bottom:18px}#banner .bannerBox .secondBanner .rightBox .ball_4{-webkit-transform:rotateX(-90deg) rotateY(360deg) translateY(-60px);transform:rotateX(-90deg) rotateY(360deg) translateY(-60px)}#banner .bannerBox .secondBanner .rightBox .ball_4 .imgBox{opacity:.8;z-index:20;width:50px;height:50px;border-radius:25px;text-align:center;background-color:#066c92}#banner .bannerBox .secondBanner .rightBox .ball_4 .imgBox img{margin-bottom:43px}@media(max-width:520px){#banner .bannerBox .secondBanner .rightBox{display:none}}#banner .bannerBox .thirdBanner{position:relative;float:left;width:20%;height:528px;background:#112645}#banner .bannerBox .thirdBanner .leftBox{z-index:20;padding-top:150px}#banner .bannerBox .thirdBanner .leftBox .title{-webkit-transform:translateY(-25px);transform:translateY(-25px);opacity:0;font-size:42px;font-weight:400;color:#fff;cursor:default;width:600px;line-height:64px;white-space:nowrap;-webkit-transition:all .6s cubic-bezier(.645,.045,.355,1);transition:all .6s cubic-bezier(.645,.045,.355,1)}@media(max-width:520px){#banner .bannerBox .thirdBanner .leftBox .title{margin-top:0;width:100%;font-size:26px;line-height:36px;text-align:center}}@media(max-width:350px){#banner .bannerBox .thirdBanner .leftBox .title{margin-top:40px;width:100%;font-size:22px;line-height:26px;text-align:center}}#banner .bannerBox .thirdBanner .leftBox .solgan{-webkit-transform:translateY(-25px);transform:translateY(-25px);opacity:0;margin-bottom:40px;font-size:20px;color:#fff;cursor:default;line-height:50px;-webkit-transition:all .6s cubic-bezier(.645,.045,.355,1);transition:all .6s cubic-bezier(.645,.045,.355,1)}@media(max-width:520px){#banner .bannerBox .thirdBanner .leftBox .solgan{margin-top:20px;width:100%;font-size:16px;line-height:16px;text-align:center}}@media(max-width:350px){#banner .bannerBox .thirdBanner .leftBox .solgan{margin-top:20px;width:100%;font-size:14px;line-height:14px;text-align:center}}#banner .bannerBox .thirdBanner .leftBox .intro{-webkit-transform:translateY(-25px);transform:translateY(-25px);opacity:0;margin-bottom:60px;font-size:24px;color:#33c8e6;cursor:default;-webkit-transition:all .6s cubic-bezier(.645,.045,.355,1);transition:all .6s cubic-bezier(.645,.045,.355,1)}@media(max-width:520px){#banner .bannerBox .thirdBanner .leftBox .intro{margin-top:15px;width:100%;font-size:14px;line-height:14px;text-align:center}}@media(max-width:350px){#banner .bannerBox .thirdBanner .leftBox .intro{margin-top:15px;width:100%;font-size:12px;line-height:12px;text-align:center}}#banner .bannerBox .thirdBanner .leftBox .tryBtnBox{-webkit-transform:translateY(-25px);transform:translateY(-25px);opacity:0;-webkit-transition:all .6s cubic-bezier(.645,.045,.355,1);transition:all .6s cubic-bezier(.645,.045,.355,1)}@media(max-width:520px){#banner .bannerBox .thirdBanner .leftBox .tryBtnBox{display:none}}#banner .bannerBox .thirdBanner .leftBox .mobileImg{display:none}@media(max-width:520px){#banner .bannerBox .thirdBanner .leftBox .mobileImg{width:90%;max-width:520px;margin:0 auto;margin-top:-50px;display:block}#banner .bannerBox{height:570px}#banner .bannerBox .bannerContainer>div{height:570px}}@media(max-width:479px){#banner .bannerBox .leftBox .mobileImg{max-width:350px!important;margin-top:-50px}#banner .bannerBox{height:450px}#banner .bannerBox .bannerContainer>div{height:450px}#banner .bannerBox .leftBox .title{font-size:22px!important}#banner .bannerBox .leftBox .solgan{margin:10px 0 0!important}#banner .bannerBox .leftBox .intro{margin:10px 0 0!important}}@media(max-width:380px){#banner .bannerBox .thirdBanner .leftBox .mobileImg{margin-left:0;width:100%}}#banner .bannerBox .thirdBanner .leftBox .tryBtn{float:left;width:130px;height:40px;line-height:40px;text-align:center;color:#fff;border:1px solid #fff;border-radius:3px;cursor:pointer;-webkit-transition:all .3s cubic-bezier(.645,.045,.355,1);transition:all .3s cubic-bezier(.645,.045,.355,1)}#banner .bannerBox .thirdBanner .leftBox .tryBtn a{display:block;width:100%;height:40px}#banner .bannerBox .thirdBanner .leftBox .tryBtn:hover{border-color:#149df0;background-color:#149df0}#banner .bannerBox .thirdBanner .leftBox .playBtn{position:relative;margin-left:20px;float:left;width:50px;height:40px;line-height:40px;font-size:12px;color:#fff;cursor:pointer;overflow:hidden}#banner .bannerBox .thirdBanner .leftBox .playBtn .line{position:absolute;left:0;bottom:0;width:50px;height:2px;border-bottom:2px solid #fff}#banner .bannerBox .thirdBanner .leftBox .playBtn .leftLine{z-index:10;position:absolute;left:0;bottom:0;width:25px;height:2px;border-bottom:2px solid #149df0;-webkit-transition:all .3s cubic-bezier(.645,.045,.355,1);transition:all .3s cubic-bezier(.645,.045,.355,1)}#banner .bannerBox .thirdBanner .leftBox .playBtn .rightLine{z-index:10;position:absolute;left:25px;bottom:0;width:25px;height:2px;border-bottom:2px solid #149df0;-webkit-transition:all .3s cubic-bezier(.645,.045,.355,1);transition:all .3s cubic-bezier(.645,.045,.355,1)}#banner .bannerBox .thirdBanner .leftBox .playBtn:hover .leftLine{-webkit-transform:translateX(-25px);transform:translateX(-25px)}#banner .bannerBox .thirdBanner .leftBox .playBtn:hover .rightLine{-webkit-transform:translateX(25px);transform:translateX(25px)}@media(max-width:520px){#banner .bannerBox .thirdBanner .leftBox{padding-top:0}}#banner .bannerBox .thirdBanner .rightBox{position:relative;height:528px}#banner .bannerBox .thirdBanner .rightBox .boxImg{z-index:20;position:absolute;margin-left:-282.5px;left:50%;bottom:0;width:565px;height:289px}#banner .bannerBox .thirdBanner .rightBox .lightImg{z-index:10;position:absolute;margin-left:-304px;left:50%;top:0;width:576px;height:328px;-webkit-animation:thirdBannerLight 2s linear infinite;animation:thirdBannerLight 2s linear infinite}#banner .bannerBox .thirdBanner .rightBox .firstIcon{position:absolute;margin-left:-120px;top:200px;left:50%;-webkit-animation:thirdBannerIcon 2s linear infinite;animation:thirdBannerIcon 2s linear infinite;-webkit-animation-delay:100ms;animation-delay:100ms}#banner .bannerBox .thirdBanner .rightBox .secondIcon{position:absolute;margin-left:-10px;top:180px;left:50%;-webkit-animation:thirdBannerIcon 2s linear infinite;animation:thirdBannerIcon 2s linear infinite;-webkit-animation-delay:300ms;animation-delay:300ms}#banner .bannerBox .thirdBanner .rightBox .thirdIcon{position:absolute;margin-left:80px;top:100px;left:50%;-webkit-animation:thirdBannerIcon 2s linear infinite;animation:thirdBannerIcon 2s linear infinite;-webkit-animation-delay:500ms;animation-delay:500ms}#banner .bannerBox .thirdBanner .rightBox .forthIcon{position:absolute;margin-left:-130px;top:130px;left:50%;-webkit-animation:thirdBannerIcon 2s linear infinite;animation:thirdBannerIcon 2s linear infinite;-webkit-animation-delay:800ms;animation-delay:800ms}#banner .bannerBox .thirdBanner .rightBox .fifthIcon{position:absolute;margin-left:0;top:80px;left:50%;-webkit-animation:thirdBannerIcon 2s linear infinite;animation:thirdBannerIcon 2s linear infinite;-webkit-animation-delay:500ms;animation-delay:500ms}#banner .bannerBox .thirdBanner .rightBox .sixthIcon{position:absolute;margin-left:-200px;top:60px;left:50%;-webkit-animation:thirdBannerIcon 2s linear infinite;animation:thirdBannerIcon 2s linear infinite}#banner .bannerBox .thirdBanner .rightBox .spinIconFirst{position:absolute;top:240px;left:30px;-webkit-transform:scale(.6,.6);transform:scale(.6,.6)}#banner .bannerBox .thirdBanner .rightBox .spinIconSecond{position:absolute;top:320px;left:-50px;-webkit-transform:scale(.8,.8);transform:scale(.8,.8)}#banner .bannerBox .thirdBanner .rightBox .spinIconThird{position:absolute;top:460px;left:-300px;-webkit-transform:scale(.7,.7);transform:scale(.7,.7)}@media(max-width:520px){#banner .bannerBox .thirdBanner .rightBox{display:none}}#banner .bannerBox .forthBanner{position:relative;float:left;width:20%;height:528px;text-align:center;color:#fff;overflow:hidden}#banner .bannerBox .forthBanner .forthContainer{position:absolute;margin-left:-960px;top:0;left:50%;padding-top:134px;width:1920px;height:100%;background:url(forthbannerbg.png) no-repeat;background-size:100% 100%;background-color:#1d1847}@media(max-width:1366px){#banner .bannerBox .forthBanner .forthContainer{margin-left:-840px;width:1680px}}@media(max-width:1280px){#banner .bannerBox .forthBanner .forthContainer{margin-left:-840px;width:1680px}}@media(max-width:1200px){#banner .bannerBox .forthBanner .forthContainer{margin-left:-740px;width:1480px}}#banner .bannerBox .forthBanner .containerSvg{opacity:0;margin-bottom:32px;width:250px;height:75px;-webkit-transform:translateY(-25px);transform:translateY(-25px);-webkit-transition:all .3s cubic-bezier(.645,.045,.355,1);transition:all .3s cubic-bezier(.645,.045,.355,1)}#banner .bannerBox .forthBanner h1{opacity:0;z-index:20;margin-top:0;margin-bottom:32px;font-size:48px;line-height:48px;-webkit-transform:translateY(-25px);transform:translateY(-25px);-webkit-transition:all .3s cubic-bezier(.645,.045,.355,1);transition:all .3s cubic-bezier(.645,.045,.355,1)}@media(max-width:520px){#banner .bannerBox .forthBanner h1{padding:0 20px;font-size:34px;line-height:34px}}@media(max-width:350px){#banner .bannerBox .forthBanner h1{font-size:28px;line-height:28px}}#banner .bannerBox .forthBanner p{opacity:0;z-index:20;font-size:24px;line-height:24px;-webkit-transform:translateY(-25px);transform:translateY(-25px);-webkit-transition:all .3s cubic-bezier(.645,.045,.355,1);transition:all .3s cubic-bezier(.645,.045,.355,1)}@media(max-width:520px){#banner .bannerBox .forthBanner p{padding:0 15px;font-size:18px;line-height:18px}}@media(max-width:350px){#banner .bannerBox .forthBanner p{font-size:16px;line-height:16px}}#banner .bannerBox .forthBanner .innerLight{z-index:10;position:absolute;margin-left:-21.35%;bottom:71px;left:50%;width:42.5%;height:340px;-webkit-animation:thirdBannerLight 2s linear infinite;animation:thirdBannerLight 2s linear infinite;-webkit-animation-delay:1s;animation-delay:1s}#banner .bannerBox .forthBanner .outerLight{z-index:10;position:absolute;margin-left:-36.5%;bottom:41px;left:50%;width:73.125%;height:562px;-webkit-animation:thirdBannerLight 2s linear infinite;animation:thirdBannerLight 2s linear infinite}#banner .bannerBox .forthBanner .bottomCircle{position:absolute;margin-left:-24%;left:50%;bottom:20px;opacity:.3;z-index:-1;width:49.635%;height:195px;border-radius:50%;border:1px dashed #1d4792;background-color:#103d7e;-webkit-animation:forthBannerLight 4.5s linear infinite;animation:forthBannerLight 4.5s linear infinite}#banner .bannerBox .forthBanner .spinIcon{position:absolute}#banner .bannerBox .forthBanner .firstSpinIcon{opacity:.7;top:220px;left:33%;-webkit-transform:scale(.5,.5);transform:scale(.5,.5)}#banner .bannerBox .forthBanner .secondSpinIcon{opacity:.9;top:330px;left:67%;-webkit-transform:scale(.7,.7);transform:scale(.7,.7)}#banner .bannerBox .forthBanner .thirdSpinIcon{top:370px;left:10%;-webkit-transform:scale(.4,.4);transform:scale(.4,.4)}#banner .bannerBox .forthBanner .forthSpinIcon{opacity:.7;top:500px;left:80%;-webkit-transform:scale(.3,.3);transform:scale(.3,.3)}#banner .bannerBox .forthBanner .commonForthIcon{position:absolute;-webkit-transform-origin:50% 50%;transform-origin:50% 50%;-webkit-animation:secondBoxOutterCircle 4s linear infinite;animation:secondBoxOutterCircle 4s linear infinite}#banner .bannerBox .forthBanner .firstIcon{opacity:.2;top:20px;left:13%;width:13px;height:13px}#banner .bannerBox .forthBanner .secondIcon{opacity:.3;top:300px;left:25%;width:17px;height:17px;-webkit-animation-delay:300ms;animation-delay:300ms}#banner .bannerBox .forthBanner .thirdIcon{opacity:.4;top:420px;left:33%;width:10px;height:10px;-webkit-animation-delay:500ms;animation-delay:500ms}#banner .bannerBox .forthBanner .forthIcon{opacity:.3;top:100px;left:82%;width:13px;height:13px;-webkit-animation-delay:300ms;animation-delay:300ms}@media(max-width:520px){#banner .bannerBox .forthBanner{background:url(mobileforthbannerbg.png) no-repeat;background-size:100% 100%}#banner .bannerBox .forthBanner .containerSvg{width:200px;height:60px}#banner .bannerBox .forthBanner .bottomCircle,#banner .bannerBox .forthBanner .innerLight,#banner .bannerBox .forthBanner .outerLight{display:none}}#banner .bannerBox .fifthBanner{position:relative;z-index:20;float:left;width:20%;height:528px;background-color:#089d9b;overflow:hidden}#banner .bannerBox .fifthBanner .leftBox{z-index:999;padding-top:130px}#banner .bannerBox .fifthBanner .leftBox .title{-webkit-transform:translateY(-25px);transform:translateY(-25px);opacity:0;font-size:46px;font-weight:400;color:#fff;cursor:default;width:600px;line-height:64px;height:64px;white-space:nowrap;-webkit-transition:all .6s cubic-bezier(.645,.045,.355,1);transition:all .6s cubic-bezier(.645,.045,.355,1);margin-top:20px}@media(max-width:520px){#banner .bannerBox .fifthBanner .leftBox .title{margin:0;width:100%;font-size:26px;height:36px;line-height:36px;text-align:center}}@media(max-width:350px){#banner .bannerBox .fifthBanner .leftBox .title{margin-top:0;width:100%;font-size:22px;line-height:26px;height:26px;text-align:center}}#banner .bannerBox .fifthBanner .leftBox .solgan{-webkit-transform:translateY(-25px);transform:translateY(-25px);opacity:0;height:50px;font-size:23px;color:#fff;cursor:default;line-height:50px;-webkit-transition:all .6s cubic-bezier(.645,.045,.355,1);transition:all .6s cubic-bezier(.645,.045,.355,1)}@media(max-width:520px){#banner .bannerBox .fifthBanner .leftBox .solgan{margin:20px 0 0;width:100%;font-size:16px;height:16px;line-height:16px;text-align:center}}@media(max-width:350px){#banner .bannerBox .fifthBanner .leftBox .solgan{margin:20px 0 0;width:100%;font-size:14px;line-height:14px;height:14px;text-align:center}}#banner .bannerBox .fifthBanner .leftBox .intro{-webkit-transform:translateY(-25px);transform:translateY(-25px);opacity:0;margin-bottom:40px;font-size:20px;height:28px;line-height:28px;color:#149df0;cursor:default;-webkit-transition:all .6s cubic-bezier(.645,.045,.355,1);transition:all .6s cubic-bezier(.645,.045,.355,1)}@media(max-width:520px){#banner .bannerBox .fifthBanner .leftBox .intro{margin:15px 0 40px;width:100%;font-size:14px;height:14px;line-height:14px;text-align:center}}@media(max-width:350px){#banner .bannerBox .fifthBanner .leftBox .intro{margin:15px 0 40px;width:100%;font-size:12px;line-height:12px;height:12px;text-align:center}}#banner .bannerBox .fifthBanner .leftBox .tryBtnBox{-webkit-transform:translateY(-25px);transform:translateY(-25px);opacity:0;-webkit-transition:all .6s cubic-bezier(.645,.045,.355,1);transition:all .6s cubic-bezier(.645,.045,.355,1)}@media(max-width:520px){#banner .bannerBox .fifthBanner .leftBox .tryBtnBox{display:none}}#banner .bannerBox .fifthBanner .leftBox .mobileImg{display:none}@media(max-width:520px){#banner .bannerBox .fifthBanner .leftBox .mobileImg{display:block;margin:0 auto;width:90%;max-width:520px;margin-top:50px}}@media(max-width:380px){#banner .bannerBox .fifthBanner .leftBox .mobileImg{margin-left:0;width:100%}}#banner .bannerBox .fifthBanner .leftBox .tryBtn{float:left;width:130px;height:40px;line-height:40px;text-align:center;color:#fff;border:1px solid #fff;border-radius:3px;cursor:pointer;-webkit-transition:all .3s cubic-bezier(.645,.045,.355,1);transition:all .3s cubic-bezier(.645,.045,.355,1)}#banner .bannerBox .fifthBanner .leftBox .tryBtn a{display:block;width:100%;height:40px}#banner .bannerBox .fifthBanner .leftBox .tryBtn:hover{border-color:#149df0;background-color:#149df0}#banner .bannerBox .fifthBanner .leftBox .playBtn{position:relative;margin-left:20px;float:left;width:50px;height:40px;line-height:40px;font-size:12px;color:#fff;cursor:pointer;overflow:hidden}#banner .bannerBox .fifthBanner .leftBox .playBtn .line{position:absolute;left:0;bottom:0;width:50px;height:2px;border-bottom:2px solid #fff}#banner .bannerBox .fifthBanner .leftBox .playBtn .leftLine{z-index:10;position:absolute;left:0;bottom:0;width:25px;height:2px;border-bottom:2px solid #149df0;-webkit-transition:all .3s cubic-bezier(.645,.045,.355,1);transition:all .3s cubic-bezier(.645,.045,.355,1)}#banner .bannerBox .fifthBanner .leftBox .playBtn .rightLine{z-index:10;position:absolute;left:25px;bottom:0;width:25px;height:2px;border-bottom:2px solid #149df0;-webkit-transition:all .3s cubic-bezier(.645,.045,.355,1);transition:all .3s cubic-bezier(.645,.045,.355,1)}#banner .bannerBox .fifthBanner .leftBox .playBtn:hover .leftLine{-webkit-transform:translateX(-25px);transform:translateX(-25px)}#banner .bannerBox .fifthBanner .leftBox .playBtn:hover .rightLine{-webkit-transform:translateX(25px);transform:translateX(25px)}@media(max-width:520px){#banner .bannerBox .fifthBanner .leftBox{padding-top:0}}#banner .bannerBox .fifthBanner .rightBox{position:relative;height:528px;padding:75px 0 0;float:right}#banner .bannerBox .fifthBanner .rightBox .fifthImg{position:relative;width:100%;height:100%;z-index:100}#banner .bannerBox .fifthBanner .rightBox .fifthImg .fifthWord{position:relative;padding:140px 0 0 25px;width:600px;height:400px;margin:0;background:url(2.jpg) no-repeat left top;-webkit-background-size:100% 100%;background-size:100% 100%}#banner .bannerBox .fifthBanner .rightBox .fifthImg .fifthWord .fifthWordOne{position:absolute;opacity:1}#banner .bannerBox .fifthBanner .rightBox .fifthImg .fifthWord .fifthWordOne .fifthWordOneOne{font-size:14px;width:373px;height:24px;line-height:24px;color:#57dced;margin:0}#banner .bannerBox .fifthBanner .rightBox .fifthImg .fifthWord .fifthWordOne .fifthWordOneOne .fifthWordOneTwo{font-size:14px;width:373px;height:24px;line-height:24px;color:#57dced;margin:0;word-wrap:break-word;white-space:normal;word-break:break-all}#banner .bannerBox .fifthBanner .rightBox .fifthImg .fifthWord .fifthWordOne .fifthWordOneOne .fifthWordOneThird{display:inline-block;width:16px;height:18px;margin-top:3px;border-bottom:3px solid #57dced;position:absolute;-webkit-animation:fifthBannerSpan 1s infinite linear;animation:fifthBannerSpan 1s infinite linear}#banner .bannerBox .fifthBanner .rightBox .fifthImg .fifthWord .fifthWordThird .fifthBannerIconOne{top:-100px;left:-250px}#banner .bannerBox .fifthBanner .rightBox .fifthImg .fifthWord .fifthWordThird .fifthWordScale{-webkit-transform:scale(.3,.3);transform:scale(.3,.3)}#banner .bannerBox .fifthBanner .rightBox .fifthImg .fifthWord .fifthWordThird .fifthBannerIconTwo{top:130px;left:-350px}#banner .bannerBox .fifthBanner .rightBox .fifthImg .fifthWord .fifthWordThird .fifthBannerIconThird{top:-105px;left:-210px}#banner .bannerBox .fifthBanner .rightBox .fifthImg .fifthWord .fifthWordThird .fifthBannerIconforth{top:60px;left:-140px}#banner .bannerBox .fifthBanner .rightBox .fifthImg .fifthWord .fifthWordThird .fifthBannerIconfifth{top:-125px;left:-110px}#banner .bannerBox .fifthBanner .rightBox .fifthImg .fifthWord .fifthWordThird .fifthBannerIconSixth{top:-180px;left:70px}#banner .bannerBox .fifthBanner .rightBox .fifthImg .fifthWord .fifthWordThird .fifthBannerIconSeventh{top:10px;left:420px}#banner .bannerBox .fifthBanner .rightBox .fifthImg .fifthWord .fifthWordThird .fifthBannerCloud1{width:79px;height:27px;position:absolute;z-index:-1;top:170px;left:-140px;background:url(fifthbannercould1.png) no-repeat -11px -37px}#banner .bannerBox .fifthBanner .rightBox .fifthImg .fifthWord .fifthWordThird .fifthBannerCloud2{width:79px;height:27px;position:absolute;z-index:15;top:282px;left:485px;background:url(fifthbannercould1.png) no-repeat -11px -37px}#banner .bannerBox .fifthBanner .rightBox .fifthImg .fifthWord .fifthWordThird .fifthBannerCloud3{width:235px;height:100px;position:absolute;top:47px;left:283px;z-index:15;background:url(fifthbannercould2.png) no-repeat -32px -11px}#banner .bannerBox .fifthBanner .rightBox .fifthImg .fifthWord .fifthWordTwo{position:absolute;opacity:0}#banner .bannerBox .fifthBanner .rightBox .fifthImg .fifthWord .fifthWordTwo p{font-size:14px;color:#57dced;height:24px;line-height:24px;margin:0}@media(max-width:520px){#banner .bannerBox .fifthBanner .rightBox{display:none}}#banner .bannerBox .activeBanner .leftBox .title,#banner .bannerBox .activeBanner .leftBox .solgan,#banner .bannerBox .activeBanner .leftBox .intro,#banner .bannerBox .activeBanner .leftBox .tryBtnBox{-webkit-transform:translateY(0px)!important;transform:translateY(0px)!important;opacity:1!important}#banner .bannerBox .activeBanner .forthContainer .containerSvg,#banner .bannerBox .activeBanner .forthContainer h1,#banner .bannerBox .activeBanner .forthContainer p{-webkit-transform:translateY(0px)!important;transform:translateY(0px)!important;opacity:1!important}#banner .firstBox{padding-top:70px;min-height:720px;text-align:center}#banner .firstBox .title{margin-top:0;margin-bottom:20px;font-size:24px;color:#414141}#banner .firstBox .secondTitle{margin-bottom:50px;font-size:14px;color:#545454}#banner .firstBox .serviceDetail{margin-bottom:20px;padding:30px 50px 0;height:235px;-webkit-transition:all .3s cubic-bezier(.645,.045,.355,1);transition:all .3s cubic-bezier(.645,.045,.355,1)}#banner .firstBox .serviceDetail .serviceTitle{font-size:16px;font-weight:600;color:#1e1e1e}#banner .firstBox .serviceDetail .serviceIntro{line-height:25px;font-size:12px;color:#8b8b8b}#banner .firstBox .serviceDetail svg{margin-bottom:20px;width:50px;height:50px}#banner .firstBox .serviceDetail svg use{fill:#919191}#banner .firstBox .serviceDetail:hover{-webkit-transform:translateY(-10px);transform:translateY(-10px);box-shadow:0 7px 7px #e9e9e9}@media(max-width:520px){#banner .firstBox .serviceDetail{margin-bottom:0;padding:30px;height:auto}#banner .firstBox .serviceDetail svg{float:left}#banner .firstBox .serviceDetail .serviceTitle{padding-left:70px;text-align:left}#banner .firstBox .serviceDetail .serviceIntro{padding-left:70px;text-align:left}}#banner .secondBox{padding-top:70px;width:100%;min-height:720px;text-align:center;background-color:#fafafa}#banner .secondBox .middleSpin{display:none}#banner .secondBox .title{margin-top:0;margin-bottom:20px;font-size:24px;color:#414141}#banner .secondBox .secondTitle{margin-bottom:60px;font-size:14px;color:#545454}@media(min-width:521px) and (max-width:767px){#banner .bannerBox .leftBox{float:left;width:400px}#banner .bannerBox .leftBox .title{font-size:30px!important}#banner .bannerBox .leftBox .solgan{font-size:18px!important;white-space:nowrap;line-height:1.5}#banner .bannerBox .leftBox .intro{font-size:16px!important;white-space:nowrap;line-height:1.5}#banner .bannerBox .fifthBanner .rightBox{padding-left:0;position:absolute;right:0}#banner .bannerBox .fifthBanner .rightBox .fifthImg .fifthWord{width:360px;padding:100px 0 0}#banner .bannerBox .fifthBanner .rightBox .fifthImg .fifthWord .fifthWordOne{left:15px}#banner .bannerBox .fifthBanner .rightBox .fifthImg .fifthWord .fifthWordOne .fifthWordOneOne{width:330px}}@media(max-width:520px){#banner .secondBox .secondTitle{padding:0 30px}}#banner .secondBox .leftBox{text-align:right}#banner .secondBox .leftBox .top{position:relative;cursor:pointer}#banner .secondBox .leftBox .top p{margin-bottom:20px;color:#4d4d4d;font-weight:600;font-size:16px;text-align:right}#banner .secondBox .leftBox .top span{line-height:25px;color:#888;font-size:14px;text-align:right}#banner .secondBox .leftBox .top .spinIcon{z-index:15;display:none;position:absolute;top:4px;right:-30px}#banner .secondBox .leftBox .top .spinIcon img{z-index:1;position:absolute;top:9px;left:20px}#banner .secondBox .leftBox .top .spinIcon .cover{z-index:10;position:absolute;top:-10px;left:20px;width:120px;height:50px;background-color:#fafafa}#banner .secondBox .leftBox .middle{position:relative;margin-top:90px;cursor:pointer}#banner .secondBox .leftBox .middle p{margin-bottom:20px;color:#4d4d4d;font-weight:600;font-size:16px;text-align:right}#banner .secondBox .leftBox .middle span{line-height:25px;color:#888;font-size:14px;text-align:right}#banner .secondBox .leftBox .middle .spinIcon{z-index:15;display:none;position:absolute;top:4px;right:-30px}#banner .secondBox .leftBox .middle .spinIcon img{position:absolute;top:9px;left:20px}#banner .secondBox .leftBox .middle .spinIcon .cover{z-index:10;position:absolute;top:-10px;left:20px;width:120px;height:50px;background-color:#fafafa}@media(min-width:1024px) and (max-width:1250px){#banner .secondBox .leftBox .middle{margin-top:40px}}#banner .secondBox .leftBox .bottom{position:relative;margin-top:90px;cursor:pointer}#banner .secondBox .leftBox .bottom p{margin-bottom:20px;color:#4d4d4d;font-weight:600;font-size:16px;text-align:right}#banner .secondBox .leftBox .bottom span{line-height:25px;color:#888;font-size:14px;text-align:right}#banner .secondBox .leftBox .bottom .spinIcon{z-index:15;display:none;position:absolute;top:4px;right:-30px}#banner .secondBox .leftBox .bottom .spinIcon img{position:absolute;top:-9px;left:20px}#banner .secondBox .leftBox .bottom .spinIcon .cover{z-index:10;position:absolute;top:-10px;left:20px;width:120px;height:50px;background-color:#fafafa}@media(min-width:1024px) and (max-width:1250px){#banner .secondBox .leftBox .bottom{margin-top:40px}}@media(max-width:520px){#banner .secondBox .leftBox{display:none}}#banner .secondBox .rightBox{text-align:left;cursor:pointer}#banner .secondBox .rightBox .top{position:relative}#banner .secondBox .rightBox .top p{margin-bottom:20px;color:#4d4d4d;font-weight:600;font-size:16px;text-align:left}#banner .secondBox .rightBox .top span{line-height:25px;color:#888;font-size:14px;text-align:left}#banner .secondBox .rightBox .top .spinIcon{z-index:15;display:none;position:absolute;top:4px;left:-30px}#banner .secondBox .rightBox .top .spinIcon img{position:absolute;top:9px;right:20px}#banner .secondBox .rightBox .top .spinIcon .cover{z-index:10;position:absolute;top:-10px;right:20px;width:120px;height:50px;background-color:#fafafa}#banner .secondBox .rightBox .middle{position:relative;margin-top:90px;cursor:pointer}#banner .secondBox .rightBox .middle p{margin-bottom:20px;color:#4d4d4d;font-weight:600;font-size:16px;text-align:left}#banner .secondBox .rightBox .middle span{line-height:25px;color:#888;font-size:14px;text-align:left}#banner .secondBox .rightBox .middle .spinIcon{z-index:15;display:none;position:absolute;top:4px;left:-30px}#banner .secondBox .rightBox .middle .spinIcon img{position:absolute;top:9px;right:20px}#banner .secondBox .rightBox .middle .spinIcon .cover{z-index:10;position:absolute;top:-10px;right:20px;width:120px;height:50px;background-color:#fafafa}@media(min-width:1024px) and (max-width:1250px){#banner .secondBox .rightBox .middle{margin-top:40px}}#banner .secondBox .rightBox .bottom{position:relative;margin-top:90px;cursor:pointer}#banner .secondBox .rightBox .bottom p{margin-bottom:20px;color:#4d4d4d;font-weight:600;font-size:16px;text-align:left}#banner .secondBox .rightBox .bottom span{line-height:25px;color:#888;font-size:14px;text-align:left}#banner .secondBox .rightBox .bottom .spinIcon{z-index:15;display:none;position:absolute;top:4px;left:-30px}#banner .secondBox .rightBox .bottom .spinIcon img{position:absolute;top:-9px;right:20px}#banner .secondBox .rightBox .bottom .spinIcon .cover{z-index:10;position:absolute;top:-10px;right:20px;width:120px;height:50px;background-color:#fafafa}@media(min-width:1024px) and (max-width:1250px){#banner .secondBox .rightBox .bottom{margin-top:40px}}@media(max-width:520px){#banner .secondBox .rightBox{display:none}}#banner .secondBox .middleBox{position:relative}#banner .secondBox .middleBox .outterCircle{z-index:20;position:absolute;margin-left:-236.5px;top:0;left:50%;width:100%;max-width:473px;border-radius:50%;background-color:#fafafa;-webkit-transform-origin:50% 50%;transform-origin:50% 50%;-webkit-animation:secondBoxOutterCircle 90s linear infinite;animation:secondBoxOutterCircle 90s linear infinite}@media(min-width:1024px) and (max-width:1250px){#banner .secondBox .middleBox .outterCircle{margin-left:-194px;width:80%}}#banner .secondBox .middleBox .innerCircle{z-index:25;position:absolute;margin-left:-201.5px;top:35px;left:50%;width:100%;max-width:403px;border-radius:50%;background-color:#fafafa;-webkit-animation:secondBoxInnerCircle 90s linear infinite;animation:secondBoxInnerCircle 90s linear infinite}@media(min-width:1024px) and (max-width:1250px){#banner .secondBox .middleBox .innerCircle{margin-left:-165px;top:27px;width:68.1%}}#banner .secondBox .middleBox .imgList{z-index:30}#banner .secondBox .middleBox .imgList li{z-index:30;position:absolute;margin-left:-168.5px;top:68px;left:50%;width:337px;height:337px}#banner .secondBox .middleBox .imgList li img{z-index:30;opacity:0;transition:all .3s}@media(max-width:520px){#banner .secondBox .middleBox{display:none}}#banner .secondBox .activeService{display:block!important;-webkit-animation:secondBoxLine 1s linear;animation:secondBoxLine 1s linear}#banner .secondBox .activeServiceImg img{opacity:1!important}#banner .secondBox .mobileBox{position:relative;display:none;min-height:520px}@media(max-width:520px){#banner .secondBox .mobileBox{display:block}}#banner .secondBox .mobileBox .leftArrowBox{z-index:20;position:absolute;top:150px;left:10px;width:10px;height:30px}#banner .secondBox .mobileBox .leftArrowBox img{width:10px}#banner .secondBox .mobileBox .rightArrowBox{z-index:20;position:absolute;top:150px;right:10px;width:10px;height:30px}#banner .secondBox .mobileBox .rightArrowBox img{width:10px}#banner .secondBox .mobileBox .bigCircleImg{position:absolute;left:10%;width:80%;-webkit-transform-origin:50% 50%;transform-origin:50% 50%;-webkit-animation:secondBoxOutterCircle 90s linear infinite;animation:secondBoxOutterCircle 90s linear infinite}#banner .secondBox .mobileBox .littleCircleImg{position:absolute;top:4%;left:15%;width:70%;-webkit-transform-origin:50% 50%;transform-origin:50% 50%;-webkit-animation:secondBoxInnerCircle 90s linear infinite;animation:secondBoxInnerCircle 90s linear infinite}@media(max-width:380px){#banner .secondBox .mobileBox .littleCircleImg{top:3.5%}}@media(max-width:350px){#banner .secondBox .mobileBox .littleCircleImg{top:3%}}#banner .secondBox .mobileBox .imgBox{display:block;width:70%}#banner .secondBox .mobileBox .imgBox .imgDetail{z-index:10;opacity:0;position:absolute;top:8%;left:20%;width:60%;-webkit-transition:all .3s linear;transition:all .3s linear}#banner .secondBox .mobileBox .imgBox .imgDetail img{margin-bottom:50px;width:100%}#banner .secondBox .mobileBox .imgBox .imgDetail p{font-size:14px;font-weight:600;text-align:center}#banner .secondBox .mobileBox .imgBox .imgDetail span{font-size:12px;text-align:center}@media(max-width:380px){#banner .secondBox .mobileBox .imgBox .imgDetail{top:7%}}@media(max-width:350px){#banner .secondBox .mobileBox .imgBox .imgDetail{top:6%}}#banner .secondBox .mobileBox .imgBox .activeImgDetail{opacity:1}#banner .thirdBox{padding-top:70px;min-height:720px;text-align:center}#banner .thirdBox .title{margin-top:0;margin-bottom:20px;font-size:24px;color:#414141}@media(max-width:520px){#banner .thirdBox .title{padding:0 20px}}#banner .thirdBox .secondTitle{margin-bottom:40px;font-size:14px;color:#545454}@media(max-width:520px){#banner .thirdBox .secondTitle{padding:0 50px}}#banner .thirdBox .careerDetail{position:relative;padding:20px 15px;height:243px}#banner .thirdBox .careerDetail .imgBox{width:100%;height:203px;border-radius:3px;overflow:hidden}@media(min-width:1024px) and (max-width:1250px){#banner .thirdBox .careerDetail .imgBox{height:173px}}@media(max-width:520px){#banner .thirdBox .careerDetail .imgBox{height:153px}}@media(max-width:350px){#banner .thirdBox .careerDetail .imgBox{height:133px}}#banner .thirdBox .careerDetail .imgBox .coverBox{transition:all .3s;padding:5px 20px;min-height:60px;color:#fff;background-color:rgba(0,0,0,.7);-webkit-transform:translateY(168px);transform:translateY(168px)}@media(min-width:1024px) and (max-width:1250px){#banner .thirdBox .careerDetail .imgBox .coverBox{padding:5px 15px;-webkit-transform:translateY(138px);transform:translateY(138px)}}@media(max-width:520px){#banner .thirdBox .careerDetail .imgBox .coverBox{padding:5px;border-top-left-radius:5px;border-top-right-radius:5px;-webkit-transform:translateY(118px);transform:translateY(118px)}}@media(max-width:350px){#banner .thirdBox .careerDetail .imgBox .coverBox{padding:5px;-webkit-transform:translateY(98px);transform:translateY(98px)}}#banner .thirdBox .careerDetail .imgBox .coverBox .careerTitle{margin-bottom:0;line-height:30px;font-size:16px;text-align:left;cursor:default}@media(max-width:520px){#banner .thirdBox .careerDetail .imgBox .coverBox .careerTitle{font-size:14px}}#banner .thirdBox .careerDetail .imgBox .coverBox .intro{margin-bottom:0;line-height:20px;font-size:14px;text-align:left;cursor:default}@media(min-width:1024px) and (max-width:1250px){#banner .thirdBox .careerDetail .imgBox .coverBox .intro{font-size:12px}}#banner .thirdBox .careerDetail .imgBox:hover .coverBox{background-color:#149df0;-webkit-transform:translateY(143px);transform:translateY(143px)}@media(min-width:1024px) and (max-width:1250px){#banner .thirdBox .careerDetail .imgBox:hover .coverBox{-webkit-transform:translateY(113px);transform:translateY(113px)}}@media(max-width:520px){#banner .thirdBox .careerDetail .imgBox:hover .coverBox{-webkit-transform:translateY(73px);transform:translateY(73px)}}@media(max-width:350px){#banner .thirdBox .careerDetail .imgBox:hover .coverBox{-webkit-transform:translateY(53px);transform:translateY(53px)}}#banner .thirdBox .careerDetail .internetBox{background:url(internetcareer.png) no-repeat;background-size:100% 100%}#banner .thirdBox .careerDetail .cashBox{background:url(cashcareer.png) no-repeat;background-size:100% 100%}#banner .thirdBox .careerDetail .carBox{background:url(carcareer.png) no-repeat;background-size:100% 100%}#banner .thirdBox .careerDetail .buildBox{background:url(buildcareer.png) no-repeat;background-size:100% 100%}#banner .thirdBox .careerDetail .eduBox{background:url(educareer.png) no-repeat;background-size:100% 100%}#banner .thirdBox .careerDetail .electBox{background:url(electcareer.png) no-repeat;background-size:100% 100%}#banner .thirdBox .careerDetail .runBox{background:url(runcareer.png) no-repeat;background-size:100% 100%}#banner .thirdBox .careerDetail .manBox{background:url(mancareer.png) no-repeat;background-size:100% 100%}@media(min-width:1024px) and (max-width:1250px){#banner .thirdBox .careerDetail{height:193px}}@media(max-width:520px){#banner .thirdBox .careerDetail{height:183px}}@media(max-width:350px){#banner .thirdBox .careerDetail{height:163px}}#banner .forthBox{position:relative;padding-top:70px;width:100%;height:400px;text-align:center;background-color:#fafafa}#banner .forthBox .title{margin-top:0;margin-bottom:20px;font-size:24px;color:#414141}@media(max-width:520px){#banner .forthBox .title{padding:0 20px}}#banner .forthBox .secondTitle{margin-bottom:47.5px;font-size:14px;color:#545454}@media(max-width:520px){#banner .forthBox .secondTitle{padding:0 35px}}#banner .forthBox .leftArrowBox{z-index:10;position:absolute;top:0;left:0;width:30px;height:150px;line-height:150px;cursor:pointer}#banner .forthBox .leftArrowBox img{margin-left:5.5px}#banner .forthBox .rightArrowBox{z-index:10;position:absolute;top:0;right:0;width:30px;height:150px;line-height:150px;cursor:pointer}#banner .forthBox .rightArrowBox img{margin-left:5.5px}#banner .forthBox .imgBox{position:relative;padding:0 30px;height:150px;line-height:150px;overflow:hidden}#banner .forthBox .imgContainer{position:relative;width:100%;height:150px;overflow:hidden}#banner .forthBox .imgList{position:absolute;top:9px;left:0;z-index:1;width:220%}#banner .forthBox .imgList .imgDetail{position:relative;float:left;margin-top:17.5px;width:9.09090909%;height:115px;border-radius:4px}#banner .forthBox .imgList .imgDetail img{position:absolute;top:50%;left:50%}#banner .forthBox .imgList .imgDetail .bgi{margin-top:-25.5px;margin-left:-66.5px;width:123px;height:51px}@media(max-width:520px){#banner .forthBox .imgList .imgDetail .bgi{margin-top:-20.5px;margin-left:-30%;width:60%;height:41px}}#banner .forthBox .imgList .imgDetail .Benz{margin-top:-30px;margin-left:-88.5px;width:177px;height:60px}@media(max-width:520px){#banner .forthBox .imgList .imgDetail .Benz{margin-top:-18px;margin-left:-30%;width:60%;height:36px}}#banner .forthBox .imgList .imgDetail .Haier{margin-top:-20px;margin-left:-70.5px;width:141px;height:40px}@media(max-width:520px){#banner .forthBox .imgList .imgDetail .Haier{margin-top:-18px;margin-left:-30%;width:60%;height:36px}}#banner .forthBox .imgList .imgDetail .pekingUniversity{margin-top:-24.5px;margin-left:-86px;width:172px;height:49px}@media(max-width:520px){#banner .forthBox .imgList .imgDetail .pekingUniversity{margin-top:-18px;margin-left:-30%;width:60%;height:36px}}#banner .forthBox .imgList .imgDetail .chinaMobile{margin-top:-21px;margin-left:-68px;width:136px;height:42px}@media(max-width:520px){#banner .forthBox .imgList .imgDetail .chinaMobile{margin-top:-20.5px;margin-left:-30%;width:60%;height:41px}}#banner .forthBox .imgList .imgDetail .cloancn{margin-top:-21px;margin-left:-75.5px;width:151px;height:42px}@media(max-width:520px){#banner .forthBox .imgList .imgDetail .cloancn{margin-top:-20.5px;margin-left:-30%;width:60%;height:41px}}#banner .forthBox .imgList .imgDetail:hover{box-shadow:0 2px 4px #dbdbdb;background-color:#fff}@media(max-width:520px){#banner .forthBox .imgList .imgDetail:hover{box-shadow:0 0 0;background-color:transparent}}@media(max-width:520px){#banner .forthBox .imgList .imgDetail{margin-left:.5%;width:12%;height:61px;border:1px solid #dadada;background-color:#fff}}@media(max-width:520px){#banner .forthBox .imgList .mobileImg{display:none}}#banner .forthBox .imgList:after{clear:both}@media(max-width:520px){#banner .forthBox .imgList{top:30px;width:400%}}@media(max-width:520px){#banner .forthBox{background-color:#fff}}#banner .bottomBox{width:100%;min-width:1250px;height:160px;background:url(testnow.png) no-repeat;background-size:100% 100%}#banner .bottomBox .title{margin:0;float:left;line-height:160px;font-size:34px;font-weight:500;color:#fff;text-align:center}#banner .bottomBox .loginBtnBox{height:160px;line-height:160px}#banner .bottomBox .loginBtnBox .loginBtn{margin-top:62px;width:130px;height:36px;line-height:36px;color:#fff;text-align:center;border:1px solid #fff;border-radius:3px;cursor:pointer;float:right;margin-right:25%;-webkit-transition:all .3s cubic-bezier(.645,.045,.355,1);transition:all .3s cubic-bezier(.645,.045,.355,1)}#banner .bottomBox .loginBtnBox .loginBtn:hover{color:#149df0;background-color:#fff}#banner .cover{display:none;z-index:2000;position:fixed;width:100%;height:100%;top:0;left:0;background-color:rgba(96,96,96,.7);-webkit-transition:all .3s cubic-bezier(.645,.045,.355,1);transition:all .3s cubic-bezier(.645,.045,.355,1)}#banner .videoBox{opacity:0;z-index:-1;position:fixed;margin-left:-300px;top:50px;left:50%;width:600px;height:420px;border-radius:5px;background-color:#fff;overflow:hidden;-webkit-transition:all .3s cubic-bezier(.645,.045,.355,1);transition:all .3s cubic-bezier(.645,.045,.355,1)}#banner .activeBox{display:block!important;top:150px;opacity:1;z-index:3000}@keyframes firstBanner{0%{opacity:1;transform:scale(1,1)}100%{opacity:0;transform:scale(1.5,1.5)}}@keyframes firstBannerDocker{0%{transform:rotate(0deg) translate(289px) rotate(0deg)}100%{transform:rotate(360deg) translate(289px) rotate(-360deg)}}@keyframes firstBannerks{0%{transform:rotate(120deg) translate(279px) rotate(0deg)}100%{transform:rotate(480deg) translate(279px) rotate(-360deg)}}@keyframes firstBannertr{0%{transform:rotate(240deg) translate(289px) rotate(0deg)}100%{transform:rotate(600deg) translate(289px) rotate(-360deg)}}@keyframes firstBannerContainerIcon{0%{transform:rotate(0deg) translate(196px) rotate(0deg)}100%{transform:rotate(360deg) translate(196px) rotate(-360deg)}}@keyframes firstBannerCicdIcon{0%{transform:rotate(90deg) translate(196px) rotate(0deg)}100%{transform:rotate(450deg) translate(196px) rotate(-360deg)}}@keyframes firstBannerServiceIcon{0%{transform:rotate(180deg) translate(196px) rotate(0deg)}100%{transform:rotate(540deg) translate(196px) rotate(-360deg)}}@keyframes firstBannerDevIcon{0%{transform:rotate(270deg) translate(196px) rotate(0deg)}100%{transform:rotate(630deg) translate(196px) rotate(-360deg)}}@keyframes secondBoxOutterCircle{0%{transform:rotate(0deg)}100%{transform:rotate(360deg)}}@keyframes secondBoxInnerCircle{0%{transform:rotate(360deg)}100%{transform:rotate(0deg)}}@keyframes secondBannerFirstIcon{0%{transform:rotateY(-90deg) rotateZ(10deg)}100%{transform:rotateY(-450deg) rotateZ(10deg)}}@keyframes secondBannerSecondIcon{0%{transform:rotateY(-180deg) rotateZ(10deg)}100%{transform:rotateY(-540deg) rotateZ(10deg)}}@keyframes secondBannerThirdIcon{0%{transform:rotateY(-270deg) rotateZ(10deg)}100%{transform:rotateY(-630deg) rotateZ(10deg)}}@keyframes secondBannerForthIcon{0%{transform:rotateY(-360deg) rotateZ(10deg)}100%{transform:rotateY(-720deg) rotateZ(10deg)}}@keyframes secondBannerLittleCircle{0%{transform:rotateX(80deg) rotateY(-10deg) rotateZ(0deg)}100%{transform:rotateX(80deg) rotateY(-10deg) rotateZ(-360deg)}}@keyframes thirdBannerLight{0%{opacity:1}50%{opacity:.3}100%{opacity:1}}@keyframes thirdBannerIcon{0%{transform:translateY(0px)}25%{transform:translateY(3px)}50%{transform:translateY(0px)}75%{transform:translateY(-3px)}100%{transform:translateY(0px)}}@keyframes forthBannerLight{0%{transform:scale(1,1)}100%{background-color:#16284d;opacity:0;transform:scale(1.7,1.7)}}@-webkit-keyframes firstBanner{0%{opacity:1;transform:scale(1,1)}100%{opacity:0;transform:scale(1.5,1.5)}}@-webkit-keyframes firstBannerDocker{0%{transform:rotate(0deg) translate(289px) rotate(0deg)}100%{transform:rotate(360deg) translate(289px) rotate(-360deg)}}@-webkit-keyframes firstBannerks{0%{transform:rotate(120deg) translate(279px) rotate(0deg)}100%{transform:rotate(480deg) translate(279px) rotate(-360deg)}}@-webkit-keyframes firstBannertr{0%{transform:rotate(240deg) translate(289px) rotate(0deg)}100%{transform:rotate(600deg) translate(289px) rotate(-360deg)}}@-webkit-keyframes firstBannerContainerIcon{0%{transform:rotate(0deg) translate(196px) rotate(0deg)}100%{transform:rotate(360deg) translate(196px) rotate(-360deg)}}@-webkit-keyframes firstBannerCicdIcon{0%{transform:rotate(90deg) translate(196px) rotate(0deg)}100%{transform:rotate(450deg) translate(196px) rotate(-360deg)}}@-webkit-keyframes firstBannerServiceIcon{0%{transform:rotate(180deg) translate(196px) rotate(0deg)}100%{transform:rotate(540deg) translate(196px) rotate(-360deg)}}@-webkit-keyframes firstBannerDevIcon{0%{transform:rotate(270deg) translate(196px) rotate(0deg)}100%{transform:rotate(630deg) translate(196px) rotate(-360deg)}}@-webkit-keyframes secondBoxOutterCircle{0%{transform:rotate(0deg)}100%{transform:rotate(360deg)}}@-webkit-keyframes secondBoxInnerCircle{0%{transform:rotate(360deg)}100%{transform:rotate(0deg)}}@-webkit-keyframes secondBannerFirstIcon{0%{transform:rotateY(-90deg) rotateZ(10deg)}100%{transform:rotateY(-450deg) rotateZ(10deg)}}@-webkit-keyframes secondBannerSecondIcon{0%{transform:rotateY(-180deg) rotateZ(10deg)}100%{transform:rotateY(-540deg) rotateZ(10deg)}}@-webkit-keyframes secondBannerThirdIcon{0%{transform:rotateY(-270deg) rotateZ(10deg)}100%{transform:rotateY(-630deg) rotateZ(10deg)}}@-webkit-keyframes secondBannerForthIcon{0%{transform:rotateY(-360deg) rotateZ(10deg)}100%{transform:rotateY(-720deg) rotateZ(10deg)}}@-webkit-keyframes secondBannerLittleCircle{0%{transform:rotateX(80deg) rotateY(-10deg) rotateZ(0deg)}100%{transform:rotateX(80deg) rotateY(-10deg) rotateZ(-360deg)}}@-webkit-keyframes thirdBannerLight{0%{opacity:1}50%{opacity:.3}100%{opacity:1}}@-webkit-keyframes thirdBannerIcon{0%{-webkit-transform:translateY(0px)}25%{-webkit-transform:translateY(3px)}50%{-webkit-transform:translateY(0px)}75%{-webkit-transform:translateY(-3px)}100%{-webkit-transform:translateY(0px)}}@-webkit-keyframes forthBannerLight{0%{-webkit-transform:scale(1,1)}100%{background-color:#16284d;opacity:0;-webkit-transform:scale(1.7,1.7)}}@keyframes fifthBannerSpan{0%{opacity:1}25%{opacity:.5}50%{opacity:0}75%{opacity:.75}100%{opacity:1}}@-webkit-keyframes fifthBannerSpan{0%{opacity:1}25%{opacity:.5}50%{opacity:0}75%{opacity:.75}100%{opacity:1}}