.productBanner{height:520px;background:url('../images/product_banner.jpg') no-repeat center center;min-width:1200px;padding-top:70px;box-sizing:border-box}
.productBanner .module_center{padding-top:140px}
.productBanner h3{font-size:56px;color:#095dff;font-weight:bold}
.productBanner h4{font-size:48px;color:#111111;margin-top:30px}
.productBanner p{font-size:24px;color:#6d7388;padding-top:20px}
.platform{height:882px}
.platform .module_center{border-top:1px solid #fff}
.platform .topBox{position:absolute;left:0;top:0;padding-left:48px}
.platform h3{font-size:40px;margin-top:68px}
.platform p{font-size:20px;color:#999999;padding-top:16px}
.platform .contBox{margin-top:96px}
.platform .contBox .bgBox{position:relative;width:1008px;height:715px;background:url('../images/pic_platform.png') no-repeat bottom center;margin:0 auto}
.platform .contBox .bgBox span{width:197px;height:49px;display:block;background:url('../images/bg_platform_text.png') no-repeat center center;text-align:center;line-height:43px}
.platform .contBox .bgBox span em{font-size:22px;font-weight:bold;color:#bdcddb;margin-right:8px;vertical-align:-2px}
.platform .contBox .bgBox .text01{position:absolute;top:0px;left:671px;animation:heart 1s ease-in-out 100ms infinite alternate}
.platform .contBox .bgBox .text02{position:absolute;top:196px;left:859px;animation:heart 1s infinite alternate-reverse}
.platform .contBox .bgBox .text03{position:absolute;top:339px;left:620px;animation:heart 1s infinite alternate}
.platform .contBox .bgBox .text04{position:absolute;top:555px;left:408px;animation:heart 1s infinite alternate-reverse}
.platform .contBox .bgBox .text05{position:absolute;top:404px;left:162px;animation:heart 1s infinite alternate}
.platform .contBox .bgBox .text06{position:absolute;top:111px;left:97px;animation:heart 1s infinite alternate-reverse}
.online{height:620px;background:url('../images/bg_onlineBox.jpg') no-repeat center center;min-width:1200px}
.online .module_center{display:flex}
.online .textBox{width:494px}
.online .textBox .topBox{padding-top:105px}
.online .textBox .topBox h3{font-size:50px;color:#000000}
.online .textBox .topBox p{font-size:22px;color:#999999;padding-top:15px}
.online .textBox .botBox{padding-top:30px}
.online .textBox .botBox .listBox{width:388px;margin-bottom:18px}
.online .textBox .botBox .listBox h4{position:relative;left:-10px;width:195px;height:78px;background:url('../images/online_tit_bg01.png') no-repeat center center;text-align:center;line-height:55px;font-size:22px;color:#fff;font-weight:bold}
.online .textBox .botBox .listBox p{font-size:16px;color:#000000;line-height:26px}
.online .textBox .botBox .listBox:last-child h4{background:url('../images/online_tit_bg02.png') no-repeat center center}
.online .picBox{flex:1;position:relative}
.online .picBox img{position:absolute}
.online .picBox img.online_pic03{top:80px;left:0;z-index:1}
.online .picBox img.online_pic02{top:130px;right:0;z-index:2}
.online .picBox img.online_pic01{top:260px;left:347px;z-index:3;animation:stampScale 2s linear 0s infinite}
.educational{height:657px;padding-top:60px;box-sizing:border-box}
.educational .title{text-align:center}
.educational .title h3{font-size:40px;color:#000000}
.educational .title .tip{font-size:20px;color:#999999;padding-top:16px}
.educational .contBox{padding-top:38px}
.educational .contBox ul{display:flex;justify-content:space-between;padding:0 70px}
.educational .contBox ul li{width:205px;text-align:center}
.educational .contBox ul li .num{display:block;margin:0 auto;position:relative;z-index:1}
.educational .contBox ul li:nth-child(1) .num{width:34px;height:63px;background:url('../images/educational_num01.png') no-repeat center center;left:-7px}
.educational .contBox ul li:nth-child(2) .num{width:45px;height:64px;background:url('../images/educational_num02.png') no-repeat center center;left:-2px}
.educational .contBox ul li:nth-child(3) .num{width:47px;height:65px;background:url('../images/educational_num03.png') no-repeat center center}
.educational .contBox ul li:nth-child(4) .num{width:49px;height:63px;background:url('../images/educational_num04.png') no-repeat center center}
.educational .contBox ul li .pic{text-align:center;position:relative;top:-15px;height:77px}
.educational .contBox ul li .pic img{transition:all .3s}
.educational .contBox ul li h4{margin:5px auto 30px;font-size:22px;color:#ffffff;text-align:center;line-height:46px;width:162px;height:46px;border-radius:5px;background-image:-moz-linear-gradient( 156deg,rgb(74,123,255) 0%,rgb(118,186,255) 100%);background-image:-webkit-linear-gradient( 156deg,rgb(74,123,255) 0%,rgb(118,186,255) 100%);background-image:-ms-linear-gradient( 156deg,rgb(74,123,255) 0%,rgb(118,186,255) 100%);box-shadow:5.142px 6.128px 4px 0px rgba(212,234,255,0.4)}
.educational .contBox ul li .arrow{transition:all .3s;width:37px;height:72px;background:url('../images/educational_arrow.png') no-repeat center center;margin:0 auto}
.educational .contBox ul li p{font-size:16px;color:#999999;line-height:32px;text-align:left;margin-top:25px}
.educational .contBox ul li:hover .pic img{transform:rotateY(360deg)}
.educational .contBox ul li:hover .arrow{animation:moveTop .5s linear 0s infinite alternate}
.selfStudy{height:620px;background:url('../images/bg_selfStudy.jpg') no-repeat center center}
.selfStudy .module_center{display:flex;border-top:1px solid #fff}
.selfStudy .textBox{width:410px;padding-top:148px}
.selfStudy .textBox h3{font-size:50px;color:#000000}
.selfStudy .textBox ul{margin-top:25px}
.selfStudy .textBox ul li{width:390px;margin-bottom:18px}
.selfStudy .textBox ul li h4{font-size:22px;color:#000000}
.selfStudy .textBox ul li p{font-size:16px;color:#999999;margin-top:10px;line-height:26px}
.selfStudy .picBox{flex:1;position:relative;height:620px}
.selfStudy .picBox .selfStudy_pic01{position:absolute;z-index:4;top:486px;left:158px;animation:stampScale 1.5s linear 0s infinite}
.selfStudy .picBox .selfStudy_pic02{position:absolute;z-index:3;top:70px;left:494px;animation:stampScale 3s linear 0s infinite}
.selfStudy .picBox .selfStudy_pic03{position:absolute;z-index:2;top:217px;left:240px}
.selfStudy .picBox .selfStudy_pic04{position:absolute;z-index:1;top:93px;left:-10px}
.dataAnalysis{height:519px}
.dataAnalysis .module_center{display:flex}
.dataAnalysis .textBox{width:519px;padding-top:130px}
.dataAnalysis .textBox h3{font-size:50px;color:#000000}
.dataAnalysis .textBox .tip{font-size:22px;color:#999999;margin-top:15px}
.dataAnalysis .textBox ul{margin-top:25px}
.dataAnalysis .textBox ul li{width:405px;margin-bottom:18px}
.dataAnalysis .textBox ul li h4{font-size:22px;color:#000000}
.dataAnalysis .textBox ul li p{font-size:16px;color:#999999;margin-top:10px;line-height:26px}
.dataAnalysis .picBox{flex:1;position:relative}
.dataAnalysis .picBox .dataAnalysis_pic01{position:absolute;z-index:3;top:396px;left:56px;animation:moveLeft 1s linear 0s infinite alternate}
.dataAnalysis .picBox .dataAnalysis_pic02{position:absolute;z-index:2;top:60px;right:0;animation:moveTop 1s linear 0s infinite alternate}
.dataAnalysis .picBox .dataAnalysis_pic03{position:absolute;z-index:1;top:88px;left:0}
.multiport{height:671px;padding-top:68px;background:url('../images/bg_multiport.jpg') no-repeat center center;min-width:1200px;box-sizing:border-box}
.multiport .module_center{height:100%}
.multiport .title{text-align:center}
.multiport .title h3{font-size:40px;color:#000000}
.multiport .title .tip{font-size:20px;color:#999999;padding-top:16px}
.multiport .contBox ul{display:flex;justify-content:center;align-items:center;padding-top:35px}
.multiport .contBox ul li{transition:all .3s;cursor:pointer;margin-right:30px;width:158px;line-height:43px;border-radius:5px;border:1px solid #0056ff;font-size:16px;color:#0056ff;text-align:center}
.multiport .contBox ul li:last-child{margin-right:0}
.multiport .contBox ul li.cur{background-color:#0056ff;color:#fff}
.multiport .contBox .switchBox{height:399px;overflow:hidden;position:absolute;bottom:0}
.multiport .contBox .switchBox .swiper-container{height:100%;width:1200px}
.multiport .contBox .switchBox .swiper-container .swiper-slide{padding:0 220px;box-sizing:border-box;display:flex;align-items:center;justify-content:space-between}
.multiport .contBox .switchBox .swiper-container .swiper-slide .picBox{position:relative;height:100%;width:358px}
.multiport .contBox .switchBox .swiper-container .swiper-slide .picBox img{position:absolute;top:0}
.multiport .contBox .switchBox .swiper-container .swiper-slide.multiportList01 .textBox{width:380px}
.multiport .contBox .switchBox .swiper-container .swiper-slide .textBox .codeBox{display:flex;padding-top:20px}
.multiport .contBox .switchBox .swiper-container .swiper-slide .textBox .codeBox .item{margin-right:30px;width:150px;text-align:center}
.multiport .contBox .switchBox .swiper-container .swiper-slide .textBox .codeBox .item .pic{width:150px;height:150px;background-color:#fff;border-radius:10px;padding:8px;box-sizing:border-box}
.multiport .contBox .switchBox .swiper-container .swiper-slide .textBox .codeBox img{width:133px}
.multiport .contBox .switchBox .swiper-container .swiper-slide .textBox .codeBox h4{font-size:16px;color:#000000;padding-top:15px}
.multiport .contBox .switchBox .swiper-container .swiper-slide .textBox .btnBox{padding-top:44px}
.multiport .contBox .switchBox .swiper-container .swiper-slide .textBox .btnBox a{font-size:18px;color:#ffffff;display:block;width:164px;height:44px;border-radius:44px;background-color:#ff7e71;display:flex;align-items:center;justify-content:center}
.multiport .contBox .switchBox .swiper-container .swiper-slide .textBox .btnBox a img{width:17px;height:14px;margin-left:8px}
.multiport .contBox .switchBox .swiper-container .swiper-slide.multiportList02{padding:0 150px}
.multiport .contBox .switchBox .swiper-container .swiper-slide.multiportList02 .picBox img{padding-top:60px}
.multiport .contBox .switchBox .swiper-container .swiper-slide .textBox h3{font-size:22px;color:#000000}
.multiport .contBox .switchBox .swiper-container .swiper-slide .textBox p{font-size:16px;color:#999999;line-height:26px;margin-top:15px}
.multiport .contBox .switchBox #prevBtn{position:absolute;left:0;top:50%;margin-top:-38px;z-index:2;cursor:pointer}
.multiport .contBox .switchBox #nextBtn{transform:rotate(180deg);position:absolute;right:0;top:50%;margin-top:-38px;z-index:2;cursor:pointer}
.onlineCourseBanner{background:url('../images/onlineSchool_banner.jpg') no-repeat center center;min-width:1200px}
.courseModule{padding:68px 0 60px}
.courseModule .title{text-align:center}
.courseModule .title h3{font-size:40px;color:#000000}
.courseModule .title .tip{font-size:30px;color:#999999;padding-top:16px;text-transform:uppercase}
.courseModule .contBox{padding-top:38px}
.courseModule .contBox .examList{border:1px solid #ebebeb;border-radius:5px;position:relative}
.courseModule .contBox .examList h4{font-size:26px;color:#999999}
.courseModule .contBox .examList h5{font-size:18px;color:#999999;font-weight:bold}
.courseModule .contBox .examList em{font-size:22px;color:#dfdfdf;font-weight:bold;position:absolute;top:30px;left:30px}
.courseModule .contBox .examList .courseList{flex:1;display:flex;flex-wrap:wrap}
.courseModule .contBox .examList .courseList a{display:block;width:50%;font-size:15px;color:#000000;margin-bottom:20px}
.courseModule .contBox .examList .courseList a.red{color:#ff7e71}
.courseModule .contBox .examList .picBox{text-align:center}
.courseModule .contBox .topBox{display:flex;justify-content:space-between;align-items:center}
.courseModule .contBox .topBox .examList{width:584px;height:354px}
.courseModule .contBox .topBox .listA{display:flex;align-items:center}
.courseModule .contBox .topBox .listA .picBox{width:206px;text-align:center}
.courseModule .contBox .examList .picBox img{transition:all .3s}
.courseModule .contBox .examList:hover .picBox img{transform:rotate(360deg) scale(1.1)}
.courseModule .contBox .topBox .listA .picBox h4{padding-top:18px}
.courseModule .contBox .botBox{display:flex;justify-content:space-between;margin-top:30px}
.courseModule .contBox .botBox .leftBox{display:flex;width:846px}
.courseModule .contBox .botBox .rightBox{flex:1;display:flex;flex-wrap:wrap;margin-left:30px}
.courseModule .contBox .listB{width:276px;padding:46px 30px 0;box-sizing:border-box}
.courseModule .contBox .listB h4{margin-top:16px}
.courseModule .contBox .listB .courseList{margin-top:30px}
.courseModule .contBox .listC{width:538px;display:flex}
.courseModule .contBox .listC .detailsList{width:268px;padding:48px 40px 0;box-sizing:border-box}
.courseModule .contBox .listC .detailsList h4{margin-top:16px}
.courseModule .contBox .listC .detailsList .courseList{margin-top:30px}
.courseModule .contBox .listC .otherList{flex:1;margin:25px 0;border-left:1px solid #ebebeb;padding-left:40px}
.courseModule .contBox .listC .otherList h5{margin-bottom:16px}
.courseModule .contBox .listC .otherList a{display:block;width:100%;font-size:15px;color:#000000;margin-bottom:15px}
.courseModule .contBox .listC .otherList a:last-child{margin-bottom:0}
.courseModule .contBox .listD{width:322px;display:flex;height:176px}
.courseModule .contBox .listD .picBox{width:106px;padding-top:80px}
.courseModule .contBox .listD h4{width:100%;margin-top:25px;margin-bottom:15px}
.courseModule .contBox .listE{height:147px;margin-top:13px}
.classroom{height:630px;background:url('../images/bg_classroom.jpg') no-repeat center center;min-width:1200px}
.classroom .contBox{display:flex;align-items:center;height:630px}
.classroom .contBox .picBox{width:682px}
.classroom .contBox .textBox{flex:1}
.classroom .contBox h3{font-size:58px;color:#000000;font-weight:bold}
.classroom .contBox u.line{display:block;width:40px;height:5px;background-color:#ff7e71;margin-top:40px}
.classroom .contBox .text{padding-top:40px}
.classroom .contBox .text p{font-size:16px;color:#000000;margin-bottom:20px}
.classroom .contBox .arrow{margin-top:60px}
.classroom .contBox .arrow i{display:inline-block;width:38px;height:38px;background:url('../images/arrow_classroom.png') no-repeat}
.package{background-color:#fff;min-width:1400px;padding-bottom:60px}
.package h3{text-align:center;font-size:50px;color:#111111;padding-top:86px}
.package .introduce{width:1070px;margin:24px auto 0;line-height:1.6;text-align:center;font-size:16px;color:#6d7388}
.package .contBox{padding-top:40px}
.package .listBox{display:flex;width:1174px;padding:27px 0 12px;border:1px dashed #ff7e71;box-sizing:border-box;margin:0 auto;margin-bottom:40px;border-radius:10px}
.package .listBox h4{padding:0 58px 20px;width:28px;font-size:20px;color:#ff7e71;line-height:1.2;position:relative;display:flex;align-items:center}
.package .listBox h4::after{display:inline-block;content:'';height:80%;width:1px;background-color:#ff7e71;position:absolute;right:0;top:5%}
.package .listBox ul{width:1018px;padding-left:60px;box-sizing:border-box}
.package .listBox ul li{cursor:pointer;position:relative;transition:all .3s;text-align:center;line-height:46px;float:left;margin-bottom:16px;margin-right:26px;font-size:16px;color:#fff;border-radius:5px;width:161px;height:46px;background-color:rgb(255,126,113);box-shadow:2.331px 1.888px 7px 0px rgba(255,126,113,0.5)}
.package .listBox ul li:nth-child(5n){margin-right:0}
.package .listBox ul li:hover{transform:translate(0,-5px);z-index:10}
.package .listBox ul li:hover span{opacity:1}
.package .listBox ul li span{transition:all .3s;position:absolute;display:block;padding:0 28px;background:rgba(0,0,0,.7);color:#fff;font-size:16px;line-height:35px;top:32px;left:38px;white-space:nowrap;z-index:10;border-radius:3px;opacity:0}
.package .listBox:last-child{border-color:#216de9;margin-bottom:0}
.package .listBox:last-child h4{color:#216de9}
.package .listBox:last-child h4::after{background-color:#216de9}
.package .listBox:last-child ul li{background-color:#216de9;box-shadow:2.331px 1.888px 7px 0px rgba(33,109,233,0.5)}
.studyCase{height:800px;background:url('../images/bg_studyCase.jpg') no-repeat center center;min-width:1200px}
.studyCase .contBox{display:flex}
.studyCase .contBox .textBox{width:650px}
.studyCase .contBox h3{font-size:58px;color:#fff;padding-top:260px}
.studyCase .contBox u.line{display:block;width:40px;height:5px;background-color:#ff7e71;margin-top:40px}
.studyCase .contBox .text{padding-top:40px}
.studyCase .contBox .text p{font-size:16px;color:#fff;margin-bottom:20px}
.teacher{height:817px;background:url('../images/bg_teacher.jpg') no-repeat center center;min-width:1200px}
.teacher h3{text-align:center;font-size:50px;color:#111111;padding-top:58px}
.teacher .contBox{background-color:#fff;margin-top:50px}
.teacher .contBox .showInfo{margin:0 47px;height:488px;border-bottom:1px solid #e6e6e6;box-sizing:border-box}
.teacher .contBox .showInfo .listBox{display:none}
.teacher .contBox .showInfo .info{width:158px;padding-top:138px}
.teacher .contBox .showInfo .info .name{font-size:38px;color:#111111}
.teacher .contBox .showInfo .info .post{font-size:18px;color:#333333;padding-top:20px}
.teacher .contBox .showInfo .headPic{position:relative;width:380px;height:488px;background:url('../images/bg_teacher_pic.png') no-repeat center bottom;background-size:contain;text-align:center}
.teacher .contBox .showInfo .headPic img{width:275px;position:absolute;bottom:0;left:50%;margin-left:-157px}
.teacher .contBox .showInfo .text{width:475px;padding-top:128px;padding-left:90px}
.teacher .contBox .showInfo .text h4{font-size:20px;color:#111111;font-weight:bold}
.teacher .contBox .showInfo .text h5{font-size:20px;color:#111111;font-weight:normal;margin-top:18px}
.teacher .contBox .showInfo .text p{font-size:16px;color:#6d7388;padding-top:28px;line-height:1.6;display:-webkit-box;-webkit-box-orient:vertical;overflow:hidden;-webkit-line-clamp:3}
.teacher .contBox .showInfo .text a{transition:all .3s;margin-top:54px;width:248px;height:55px;display:block;border-radius:55px;border:2px solid #ff7e71;text-align:center;line-height:55px;color:#333;font-size:18px}
.teacher .contBox .showInfo .text a:hover{background-color:#ff7e71;color:#fff;transform:translate(0,-2px)}
.teacher .contBox .switchBox{height:168px;border-bottom:1px solid #e6e6e6;box-sizing:border-box}
.teacher .contBox .switchBox .swiper-container{height:175px}
.teacher .contBox .switchBox .pagination{position:absolute;z-index:20;bottom:-2px;left:50%;background-color:#fff;padding:0 25px;box-sizing:border-box;transform:translate(-50%,0)}
.teacher .contBox .switchBox ul{padding:36px 0;height:168px;box-sizing:border-box}
.teacher .contBox .switchBox ul li{float:left;width:300px;cursor:pointer}
.teacher .contBox .switchBox ul li.cur .pic{background-color:#6488c6}
.teacher .contBox .switchBox ul li.cur .pic img{transform:scale(1.05)}
.teacher .contBox .switchBox ul li.cur .text h4{color:#216de9;font-weight:bold}
.teacher .contBox .switchBox ul li .pic{float:left;width:95px;height:95px;background-color:#8e94a0;border-radius:95px;overflow:hidden;text-align:center}
.teacher .contBox .switchBox ul li .pic img{width:65px;margin-top:4px;transition:all .3s;transform:scale(.95)}
.teacher .contBox .switchBox ul li .text{float:left;margin-left:10px}
.teacher .contBox .switchBox ul li .text h4{font-size:18px;color:#111111;padding:15px 0 10px}
.teacher .contBox .switchBox ul li .text p{font-size:14px;color:#6d7388;margin-bottom:8px}
.teacher .contBox .switchBox .swiper-pagination-switch{display:inline-block;width:12px;height:12px;border-radius:8px;background:#216de9;margin:0 5px;opacity:0.8;border:1px solid #fff;cursor:pointer;border:2px solid #fff}
.teacher .contBox .switchBox .swiper-active-switch{background:#fff;border:2px solid #ff7e71}
.serveBox{padding-bottom:55px;min-width:1400px}
.serveBox h3{text-align:center;font-size:50px;color:#111111;padding-top:85px}
.serveBox .introduce{line-height:1.6;text-align:center;font-size:16px;color:#6d7388;margin-top:16px;padding:0}
.serveBox .contBox{margin-top:44px}
.serveBox .contBox ul{display:flex;justify-content:space-between}
.serveBox .contBox li{position:relative;text-align:center;float:left;width:274px;height:371px;border-radius:10px;background-color:rgb(255,255,255);box-shadow:0px 0px 15px 0px rgba(52,138,255,0.2)}
.serveBox .contBox li img{transition:all .3s}
.serveBox .contBox li:hover img{transform:rotate(360deg)}
.serveBox .contBox li:last-child{margin-right:0}
.serveBox .contBox li .icon{padding-top:54px;height:75px}
.serveBox .contBox li h4{font-size:20px;color:#141739;font-weight:bold;padding-top:18px}
.serveBox .contBox li .text{padding:0 30px;font-size:16px;color:#6d7388;padding-top:20px;line-height:1.8;display:-webkit-box;-webkit-box-orient:vertical;overflow:hidden;-webkit-line-clamp:4}
.serveBox .contBox li::after{display:block;content:'';width:72px;height:5px;background-color:#216de9;position:absolute;bottom:0;left:50%;margin-left:-36px}
.bankBanner{height:512px;min-width:1200px}
.bankSystem{padding-top:55px}
.bankSystem .title{text-align:center}
.bankSystem .title h3{font-size:40px;color:#000000}
.bankSystem .title .tip{font-size:20px;color:#999999;padding-top:16px}
.bankSystem .contBox{padding-top:36px}
.bankSystem .contBox ul{display:flex;justify-content:space-between;flex-wrap:wrap}
.bankSystem .contBox ul li{width:240px;text-align:center;margin-bottom:50px}
.bankSystem .contBox ul li:nth-child(5n){margin-right:0}
.bankSystem .contBox .pic{transition:all .3s;margin:0 auto;display:flex;align-items:center;justify-content:center;width:54px;height:61px;background:url('../images/bankSystem_icon_bg.png') no-repeat center center}
.bankSystem .contBox li:hover .pic{transform:rotate(360deg)}
.bankSystem .contBox h4{font-size:22px;color:#000000;padding-top:14px}
.bankSystem .contBox p{font-size:16px;color:#999999;padding-top:6px}
.moduleBank .contBox{display:flex;align-items:center;justify-content:space-between}
.moduleBank .textBox{flex:1}
.moduleBank .textBox h3{font-size:50px;color:#000000}
.moduleBank .textBox ul{padding-top:30px}
.moduleBank .textBox ul li{margin-bottom:20px}
.moduleBank .textBox ul li:last-child{margin-bottom:0}
.moduleBank .textBox ul li h4{font-size:22px;color:#000000}
.moduleBank .textBox ul li p{font-size:16px;color:#999999;padding-top:6px;line-height:26px}
.prediction{height:560px;background:url('../images/bg_prediction.jpg') no-repeat center center;min-width:1200px}
.prediction .picBox{width:730px;height:560px;position:relative}
.prediction .picBox .prediction_pic01{position:absolute;top:335px;left:6px;z-index:3;animation:moveLeft 1.5s linear 0s infinite alternate}
.prediction .picBox .prediction_pic02{position:absolute;top:98px;left:444px;z-index:2;animation:moveLeft 1s linear 0s infinite alternate}
.prediction .picBox .prediction_pic03{position:absolute;top:129px;left:74px;z-index:1}
.prediction .contBox{height:560px}
.wrongQuestion{height:560px}
.wrongQuestion .picBox{width:730px;height:560px;position:relative}
.wrongQuestion .picBox .wrongQuestion_pic01{position:absolute;top:69px;right:278px;z-index:3;animation:stampScale 1.5s linear 0s infinite alternate}
.wrongQuestion .picBox .wrongQuestion_pic02{position:absolute;top:148px;right:-32px;z-index:2}
.wrongQuestion .contBox{height:560px}
.testBox{height:560px;background:url('../images/bg_textBox.jpg') no-repeat center center;min-width:1200px}
.testBox .picBox{width:780px;height:560px;position:relative;overflow:hidden}
.testBox .picBox .test_pic01{position:absolute;top:104px;left:0;z-index:3}
.testBox .picBox .test_pic02{position:absolute;bottom:128px;left:330px;z-index:2}
.testBox .contBox{height:560px}
.testBox .textBox ul li{display:flex;align-items:center}
.testBox .textBox ul li h4{margin-right:10px}
.practicalBank{height:540px;background:url('../images/bg_practicalBank.jpg') no-repeat center center;min-width:1200px}
.practicalBank .picBox{width:575px;height:560px;position:relative;overflow:hidden}
.practicalBank .picBox .practicalBank_pic01{position:absolute;top:334px;left:226px;z-index:3;animation:stampScale 1.5s linear 0s infinite alternate}
.practicalBank .picBox .practicalBank_pic02{position:absolute;top:158px;left:0;z-index:2}
.practicalBank .picBox .practicalBank_pic03{position:absolute;top:95px;left:38px;z-index:1}
.practicalBank .contBox{height:560px}
.practicalBank .textBox h3 em{font-size:40px}
.practicalBank .textBox .text{margin-top:20px}
.practicalBank .textBox p{font-size:22px;color:#666666;line-height:42px}
.oemBox{height:543px;background:url('../images/bg_oemBox.jpg') no-repeat center center;min-width:1200px}
.oemBox .picBox{width:770px;height:543px;position:relative;overflow:hidden}
.oemBox .picBox .oem_pic01{position:absolute;top:260px;left:43px;z-index:3;animation:stampScale 1.5s linear 0s infinite alternate}
.oemBox .picBox .oem_pic02{position:absolute;top:80px;left:328px;z-index:2}
.oemBox .picBox .oem_pic03{position:absolute;top:115px;left:96px;z-index:1}
.oemBox .contBox{height:543px}
.oemBox .textBox .text{margin-top:20px}
.oemBox .textBox p{font-size:22px;color:#666666;line-height:42px}
.crmBanner{background:url('../images/crm_banner.jpg') no-repeat center center;min-width:1200px}
.crmModule{height:540px}
.crmModule .module_center{display:flex;justify-content:space-between;align-items:center;height:540px}
.crmModule .picBox{width:720px;position:relative;height:540px}
.crmModule .textBox{flex:1;box-sizing:border-box}
.crmModule .textBox h3{font-size:50px;color:#000000;padding-top:28px}
.crmModule .textBox p{font-size:22px;color:#666666;line-height:42px;padding-top:15px}
.basicBox .pic01{position:absolute;top:145px;left:38px}
.basicBox .pic02{position:absolute;top:202px;left:430px;animation:stampScale 1.5s linear 0s infinite alternate}
.basicBox .pic03{position:absolute;top:75px;left:328px;animation:stampScale 1.5s linear 0s infinite alternate}
.basicBox .pic04{position:absolute;top:90px;left:462px;animation:stampScale 1.5s linear 0s infinite alternate}
.basicBox .pic05{position:absolute;top:209px;left:505px;animation:stampScale 1.5s linear 0s infinite alternate}
.basicBox .textBox{padding-right:42px}
.customer{background-color:#e0f4ff}
.customer .pic01{position:absolute;top:40px;right:70px}
.customer .textBox{padding-left:66px}
.channel .pic01{position:absolute;top:75px;left:40px}
.channel .textBox{padding-right:50px}
.statsBox{background-image:-moz-linear-gradient( 90deg,rgb(197,225,255) 0%,rgb(230,249,255) 100%);background-image:-webkit-linear-gradient( 90deg,rgb(197,225,255) 0%,rgb(230,249,255) 100%);background-image:-ms-linear-gradient( 90deg,rgb(197,225,255) 0%,rgb(230,249,255) 100%)}
.statsBox .pic01{position:absolute;top:53px;right:20px}
.statsBox .pic02{position:absolute;top:375px;right:430px;animation:stampScale 1.5s linear 0s infinite alternate}
.statsBox .pic03{position:absolute;top:237px;right:474px;animation:stampScale 1.5s linear 0s infinite alternate}
.statsBox .pic04{position:absolute;top:110px;right:530px;animation:stampScale 1.5s linear 0s infinite alternate}
.statsBox .pic05{position:absolute;top:335px;right:565px;animation:stampScale 1.5s linear 0s infinite alternate}
.statsBox .textBox{padding-left:60px}
.goldBox .pic01{position:absolute;top:73px;left:2px}
.goldBox .textBox{padding-right:40px}
.systemBox{background-color:#e0f4ff}
.systemBox .pic01{position:absolute;top:50px;left:79px}
.systemBox .textBox{padding-left:64px}
.marketingBanner{background:url('../images/marketing_banner.jpg') no-repeat center center;height:512px}
.marketingModule{height:540px}
.marketingModule .module_center{display:flex;align-items:center;height:540px}
.marketingModule .picBox{width:760px;position:relative;height:540px}
.marketingModule h3{font-size:50px;color:#000000}
.marketingModule .tip{font-size:22px;color:#999999;margin-top:10px;line-height:34px}
.marketingModule b{width:40px;height:5px;display:block;margin-top:26px;background-color:#ff7e71}
.marketingModule .textBox{flex:1}
.marketingModule .text{margin-top:20px;color:#000;line-height:30px}
.marketingModule ul{padding-top:25px}
.marketingModule ul li{padding-bottom:18px}
.marketingModule ul li h4{font-size:22px;color:#000000;margin-bottom:8px}
.marketingModule ul li p{font-size:16px;color:#999999;line-height:26px}
.agentBox .picBox .pic01{position:absolute;top:80px;left:16px}
.trialStudy{background:url('../images/bg_trialStudy.jpg') no-repeat center center;min-width:1200px}
.trialStudy .picBox .pic01{position:absolute;top:68px;right:60px;z-index:1}
.trialStudy .picBox .pic02{position:absolute;top:48px;right:287px;z-index:1;animation:moveLeft 1.5s linear 0s infinite alternate}
.trialStudy .picBox .pic03{position:absolute;top:361px;right:391px;z-index:1;animation:moveTop 1.5s linear 0s infinite alternate}
.trialStudy .picBox .pic04{position:absolute;top:345px;right:55px;z-index:1;animation:stampScale 2s linear 0s infinite alternate}
.materialPoster{padding:68px 0 53px}
.materialPoster .title{text-align:center}
.materialPoster .title h3{font-size:40px;color:#000000}
.materialPoster .title .tip{font-size:20px;color:#999999;margin-top:18px}
.materialPoster .contBox{text-align:center;padding-top:40px}
.materialVideo{padding:68px 0 53px;background-image:-moz-linear-gradient( 90deg,rgb(197,225,255) 0%,rgb(230,249,255) 100%);background-image:-webkit-linear-gradient( 90deg,rgb(197,225,255) 0%,rgb(230,249,255) 100%);background-image:-ms-linear-gradient( 90deg,rgb(197,225,255) 0%,rgb(230,249,255) 100%)}
.materialVideo .title{text-align:center}
.materialVideo .title h3{font-size:40px;color:#000000}
.materialVideo .title .tip{font-size:20px;color:#999999;margin-top:18px}
.materialVideo .contBox{display:flex;padding-top:60px;width:1200px}
.materialVideo .contBox .picBox{width:858px;position:relative}
.materialVideo .contBox .picBox .pic01{position:absolute;left:100px}
.materialVideo .contBox .picBox .pic02{position:absolute;top:-28px;left:728px;animation:stampScale 2s linear 0s infinite alternate}
.materialVideo .contBox .picBox .pic03{position:absolute;top:307px;left:295px;animation:stampScale 2s linear 0s infinite alternate}
.materialVideo .contBox .picBox .pic04{position:absolute;top:437px;left:276px;animation:moveTop 1s linear 0s infinite alternate}
.materialVideo .contBox .picBox .pic05{position:absolute;top:128px;left:50px}
.materialVideo .contBox .videoBox{flex:1}
.materialVideo .contBox .videoBox .videoList{cursor:pointer}
.materialVideo .contBox .videoBox .videoList.playVideo{height:180px}
.materialVideo .contBox .videoBox .videoList.playVideo .titPic01{position:absolute;bottom:20px;left:50%;transform:translate(-50%,0);display:flex;justify-content:center;align-items:center}
.materialVideo .contBox .videoBox .videoList{padding:11px;box-sizing:border-box;display:flex;align-items:center;border-radius:10px;background-color:#216de9;width:285px;margin-bottom:14px;height:128px;position:relative}
.materialVideo .contBox .videoBox .videoList .picBox{width:87px}
.materialVideo .contBox .videoBox .videoList .textBox{flex:1;padding-left:10px}
.materialVideo .contBox .videoBox .videoList span{display:block;font-size:14px;color:#ffffff;margin-top:10px}
.materialVideo .contBox .videoBox .videoList h4{font-size:17px;color:#ffffff;font-weight:bold;margin-top:6px}
@keyframes run{to{transform:translateY(-416px)}
}.styleModule .picBox .pic01{position:absolute;top:66px;left:30px}
.styleModule .picBox .pic02{position:absolute;top:325px;left:-38px;animation:stampScale 3s linear 0s infinite alternate}
.styleModule .picBox .moduleSelect{padding:15px 20px;box-sizing:border-box;width:140px;height:147px;border-radius:10px;background-color:#ff7e71;position:absolute;top:120px;left:534px}
.styleModule .picBox .moduleSelect h4{font-size:14px;color:#ffffff}
.styleModule .picBox .moduleSelect h4 i{display:block;float:right;width:11px;height:11px;background:url('../images/styleModule_icon.png') no-repeat;margin-top:2px}
.styleModule .picBox .moduleSelect .scrollBox{margin-top:10px;height:95px;overflow:hidden;position:relative}
.styleModule .picBox .moduleSelect ul{animation-play-state:running;animation:run 20s linear infinite;padding-top:0;position:absolute;top:0;left:0;width:100%}
.styleModule .picBox .moduleSelect:hover ul{animation-play-state:paused}
.styleModule .picBox .moduleSelect ul li{padding:0;line-height:27px;background-color:#ff8f84;font-size:12px;color:#fff;text-align:center;margin-bottom:5px}
.dataLibrary{background:url('../images/bg_dataLibrary.jpg') no-repeat center center;min-width:1200px}
.dataLibrary .textBox{padding-left:60px}
.dataLibrary .picBox{width:730px}
.dataLibrary .picBox .pic01{position:absolute;right:53px;top:78px}
.distribution .picBox .pic01{position:absolute;left:14px;top:53px;z-index:1}
.distribution .picBox .pic02{position:absolute;left:517px;top:144px;z-index:2;animation:moveLeft 1s linear 0s infinite alternate}
.distribution .picBox .pic03{position:absolute;left:15px;top:319px;z-index:3;animation:stampScale 3s linear 0s infinite alternate}
.onlineService{height:600px;background:url('../images/bg_onlineService.jpg') no-repeat center center;min-width:1200px;padding-top:40px;box-sizing:border-box}
.onlineService .picBox{width:818px;height:492px;margin:0 auto;background:url('../images/onlineService_pic02.png') no-repeat center center;position:relative}
@keyframes roundScale{0%{transform:rotateY(0deg) scale(1)}
50%{transform:rotateY(180deg) scale(.95)}
100%{transform:rotateY(360deg) scale(1)}
}@keyframes roundScale2{0%{transform:rotateY(45deg) scale(1)}
50%{transform:rotateY(135deg) scale(.95)}
100%{transform:rotateY(405deg) scale(1)}
}@keyframes roundScale3{0%{transform:rotateY(90deg) scale(1)}
50%{transform:rotateY(270deg) scale(.95)}
100%{transform:rotateY(450deg) scale(1)}
}@keyframes roundScale4{0%{transform:rotateY(105deg) scale(1)}
50%{transform:rotateY(315deg) scale(.95)}
100%{transform:rotateY(465deg) scale(1)}
}@keyframes roundScale5{0%{transform:scale(1)}
50%{transform:scale(.95)}
100%{transform:scale(1)}
}.onlineService .picBox .picBox01{position:absolute;top:62px;left:356px;width:151px;height:151px;animation:roundScale5 3s linear 0s infinite;background:rgba(95,144,255);border-radius:151px;text-shadow:0px 0px 5px rgba(50,87,178,0.4)}
.onlineService .picBox .pic01{position:absolute;top:62px;left:356px;transform:rotateY(0);opacity:.5;animation:roundScale5 3s linear 0s infinite}
.onlineService .picBox .pic02{position:absolute;top:62px;left:356px;transform:rotateY(0deg);animation:roundScale 3s linear 0s infinite;opacity:.2}
.onlineService .picBox .pic03{position:absolute;top:62px;left:356px;transform:rotateY(45deg);animation:roundScale2 3s linear 0s infinite;opacity:.05}
.onlineService .picBox .pic05{position:absolute;top:62px;left:356px;transform:rotateY(90deg);animation:roundScale3 3s linear 0s infinite;opacity:.2}
.onlineService .picBox .pic06{position:absolute;top:62px;left:356px;transform:rotateY(105deg);animation:roundScale4 3s linear 0s infinite;opacity:.05}
.onlineService .picBox .pic04{position:absolute;top:95px;left:370px;animation:roundScale5 3s linear 0s infinite}
.onlineService .contBox{height:492px;position:absolute;top:0;left:0;width:100%}
.onlineService .contBox ul li h4{font-size:22px;color:#000000}
.onlineService .contBox ul li p{font-size:16px;color:#666666;line-height:26px;margin-top:8px}
.onlineService .contBox ul li{position:relative}
.onlineService .contBox ul li:nth-child(1){width:278px;text-align:right;position:absolute;top:61px;left:105px}
.onlineService .contBox ul li:nth-child(1) img{position:absolute;right:-82px;bottom:-50px;animation:stampScale 2s linear 0s infinite alternate}
.onlineService .contBox ul li:nth-child(2){width:315px;text-align:left;position:absolute;top:51px;right:35px}
.onlineService .contBox ul li:nth-child(2) img{position:absolute;left:-72px;bottom:-40px;animation:stampScale 1.5s linear 0s infinite alternate}
.onlineService .contBox ul li:nth-child(3){width:315px;text-align:left;position:absolute;top:320px;right:0}
.onlineService .contBox ul li:nth-child(3) img{position:absolute;left:-84px;top:-40px;animation:stampScale 2s linear 0s infinite alternate}
.onlineService .contBox ul li:nth-child(4){width:220px;text-align:center;position:absolute;left:505px;top:392px}
.onlineService .contBox ul li:nth-child(4) em{position:absolute;left:101px;top:-58px;font-size:16px;color:#fff}
.onlineService .contBox ul li:nth-child(5){width:298px;text-align:right;position:absolute;top:326px;left:26px}
.onlineService .contBox ul li:nth-child(5) img{position:absolute;right:-113px;top:-51px;animation:stampScale 1.5s linear 0s infinite alternate}
.newsBanner{background:url('../images/news_banner.jpg') no-repeat center center;min-width:1200px}
.newsBox{padding-top:45px}
.newsBox .module_center{display:flex;justify-content:space-between}
.newsBox .newsList{width:850px;padding-bottom:135px}
.newsBox .newsList ul li{border-bottom:1px solid #ebebeb;padding-top:20px}
.newsBox .newsList ul li h3{font-size:20px;color:#111111;font-weight:bold;transition:all .3s}
.newsBox .newsList ul li .contBox{display:flex;padding:20px 0 30px;align-items:center}
.newsBox .newsList ul li .contBox .picBox{width:220px;height:145px;overflow:hidden;margin-right:25px}
.newsBox .newsList ul li .contBox .picBox img{width:100%;height:100%;transition:all .3s}
.newsBox .newsList ul li .contBox .text{flex:1;font-size:16px;color:#999999;line-height:36px}
.newsBox .newsList ul li:last-child{border-bottom:0}
.newsBox .newsList ul li:hover h3{color:#ff7e71}
.newsBox .newsList ul li:hover .picBox img{transform:scale(1.05)}
.newsBox .pageBox{display:flex;width:100%;justify-content:center;padding-top:35px}
.newsBox .pageBox a.prev,.newsBox .pageBox a.next{width:110px}
.newsBox .pageBox a{margin-right:5px;display:inline-block;box-sizing:border-box;border:1px solid #dbdbde;border-radius:5px;width:50px;line-height:50px;text-align:center;font-size:18px;color:#666666}
.newsBox .pageBox a.cur{background-color:#ff7e71;color:#fff !important;border-color:transparent}
.newsBox .pageBox a:hover{border-color:#ff7e71;color:#ff7e71}
.newsBox .rightBox{width:310px}
.newsBox .rightBox .wxCode{border:1px solid #ebebeb;padding:0 17px 26px;margin-top:20px}
.newsBox .rightBox .wxCode h4{font-size:18px;color:#000000;text-align:center;padding-top:30px}
.newsBox .rightBox .wxCode .codeCont{height:280px;background:url('../images/scanCode_bg.png') no-repeat center center;position:relative;margin-top:25px}
.newsBox .rightBox .wxCode .codeCont .picTit{position:absolute;top:19px;left:50%;transform:translate(-50%,0)}
.newsBox .rightBox .wxCode .codeCont .codeBox{width:165px;height:165px;background-color:#fff;position:absolute;top:76px;left:50%;transform:translate(-50%,0)}
.newsBox .rightBox .wxCode .codeCont .codeBox img{width:100%;height:100%}
.newsBox .rightBox .hotInfo{border:1px solid #ebebeb;margin-top:20px;position:sticky;top:70px;left:0}
.newsBox .rightBox .hotInfo h4{font-size:24px;color:#111111;font-weight:bold;line-height:65px;border-bottom:1px solid #ebebeb;padding-left:20px}
.newsBox .rightBox .hotInfo .listBox{padding:20px}
.newsBox .rightBox .hotInfo .listBox p{margin-bottom:20px;font-size:15px;color:#333333;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.newsBox .rightBox .hotInfo .listBox p.top u{background:url('../images/hot_icon_top.png') no-repeat center center}
.newsBox .rightBox .hotInfo .listBox p a{color:#333333}
.newsBox .rightBox .hotInfo .listBox p a span{flex:1}
.newsBox .rightBox .hotInfo .listBox p a:hover{color:#ff7e71}
.newsBox .rightBox .hotInfo .listBox p u{font-style:normal;text-decoration:none;text-align:center;font-size:14px;color:#999999;margin-right:15px;display:inline-block;width:12px;height:12px}
.newsBox .rightBox .hotInfo .listBox p:nth-child(2) u{font-size:14px;color:#f73131}
.newsBox .rightBox .hotInfo .listBox p:nth-child(3) u{font-size:14px;color:#ff6600}
.newsBox .rightBox .hotInfo .listBox p:nth-child(4) u{font-size:14px;color:#faa90e}
.newsBox .rightBox .hotInfo .listBox p:last-child{margin-bottom:0}
.breadcrumb{padding-top:88px;font-size:16px;color:#999999}
.breadcrumb img{margin-right:8px;vertical-align:-1px}
.breadcrumb a{color:#999999}
.breadcrumb span{color:#000}
.newsBox .newsDetails{width:850px;padding-bottom:45px}
.newsBox .newsDetails .topBox{border-bottom:1px solid #ededed;padding-bottom:25px}
.newsBox .newsDetails .topBox h3{font-size:26px;color:#0e0a0a;font-weight:bold;padding-top:15px}
.newsBox .newsDetails .topBox p{font-size:14px;color:#333333;padding-top:15px}
.newsBox .newsDetails .topBox p img{vertical-align:-2px;margin-right:5px}
.newsBox .newsDetails .topBox p span{margin-right:20px}
.newsBox .newsDetails .contBox{padding:25px 0;line-height:30px}
.newsBox .newsDetails .contBox p{margin-bottom:20px}
.newsBox .newsDetails .contBox h2 b{font-weight:bold}
.newsBox .newsDetails .nextOrPre{padding:20px 30px;display:flex;background-color:#efefef;justify-content:space-between}
.newsBox .newsDetails .nextOrPre a{display:block;width:330px;font-size:14px;color:#111111;line-height:22px}
.newsBox .newsDetails .nextOrPre a:hover{color:#ff7e71}
.newsBox .moreNews{padding-top:35px}
.newsBox .moreNews h3{font-size:24px;color:#111111;font-weight:bold}
.newsBox .moreNews ul{display:flex;justify-content:space-between;flex-wrap:wrap;padding-top:25px}
.newsBox .moreNews ul li{width:370px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;margin-bottom:28px}
.newsBox .moreNews ul li a{font-size:16px;color:#333333}
.newsBox .moreNews ul li a:hover{color:#ff7e71}
.newsBox .moreNews ul li u{vertical-align:2px;text-decoration:none;margin-right:10px;display:inline-block;width:6px;height:9px;background:url('../images/news_arrow.png') no-repeat center center}
.introduceBox{padding:60px 0}
.introduceBox .title{text-align:center}
.introduceBox .title h3{font-size:40px;color:#000000}
.introduceBox .title .tip{font-size:30px;color:#999999;margin-top:18px;text-transform:uppercase}
.introduceBox .contBox{display:flex;padding-top:36px;align-items:center}
.introduceBox .contBox .picBox{width:647px;height:431px;overflow:hidden}
.introduceBox .contBox .picBox img{width:100%;height:100%}
.introduceBox .contBox .textBox{flex:1;padding-left:50px}
.introduceBox .contBox .textBox p{font-size:16px;color:#333333;line-height:32px;margin-bottom:38px}
.introduceBox .contBox .textBox p:last-child{margin-bottom:0}
.honorBox{min-height:635px;background:url('../images/bg_honorBox.jpg') no-repeat center center;min-width:1200px;padding:60px 0;box-sizing:border-box}
.honorBox .title{text-align:center}
.honorBox .title h3{font-size:40px;color:#000000}
.honorBox .title .tip{font-size:20px;color:#999999;margin-top:18px;text-transform:uppercase}
.honorBox .honorNav{padding-top:30px}
.honorBox .honorNav a{text-align:center;line-height:43px;display:inline-block;width:158px;height:43px;border:1px solid #216de9;box-sizing:border-box;margin-right:30px;border-radius:5px}
.honorBox .honorNav a.cur{background:#216de9;color:#fff}
.honorBox .botBox{margin-top:40px;position:relative}
.honorBox .botBox .listBox{position:relative;z-index:1;padding-top:10px;opacity:0;top:0;left:0;display:none}
.honorBox .botBox .zIndex{opacity:1;z-index:10;display:block}
.honorBox .swiper-container01{width:1200px;overflow:hidden;height:310px}
.honorBox .swiper-container02{width:1200px;overflow:hidden;height:auto}
.honorBox .swiper-container03{width:1200px;overflow:hidden;height:auto}
.honorBox .botBox .listBox .prevBtn{cursor:pointer;display:inline-block;width:75px;height:75px;background:url('../images/switch_arrow.png') no-repeat;position:absolute;left:-170px;top:50%;margin-top:-37px}
.honorBox .botBox .listBox .nextBtn{cursor:pointer;display:inline-block;width:75px;height:75px;transform:rotate(180deg);background:url('../images/switch_arrow.png') no-repeat;position:absolute;right:-170px;top:50%;margin-top:-37px}
.honorBox .botBox .zIndex{z-index:10}
.honorBox .botBox .swiper-wrapper{padding-left:20px}
.honorBox .botBox .swiper-slide{margin-bottom:20px;margin-right:18px;border-radius:5px;background-color:rgb(255,255,255);box-shadow:0px 0px 15px 0px rgba(215,241,248,0.4);width:220px !important;height:310px}
.honorBox .botBox .swiper-slide .pic{height:252px;border-bottom:1px solid #e2e2e2;display:flex;align-items:center;justify-content:center}
.honorBox .botBox .swiper-slide .pic img{width:100%}
.honorBox .botBox .swiper-slide h4{font-size:16px;color:#333333;text-align:center;line-height:57px}
.culture{height:597px;background-color:#fff;min-width:1200px}
.culture .contBox{display:flex;justify-content:space-between;align-items:center;height:597px}
.culture .contBox .pic{width:679px;height:419px;overflow:hidden;border-radius:10px}
.culture .contBox .text{width:420px}
.culture .contBox .text h3{font-size:42px;color:#000;width:100px;font-weight:bold;letter-spacing:4px;line-height:1.1}
.culture .contBox .text h4{padding-top:32px}
.culture .contBox .text h4 span{font-size:80px;color:#0056ff;font-weight:bold;display:inline-block}
.culture .contBox .text h4 em{width:15px;font-size:16px;color:#111111;display:inline-block;margin-right:30px}
.culture .contBox .text h4 em u{display:inline-block;width:15px;height:15px;border-radius:15px;background-color:#0056ff;margin-top:10px}
.culture .contBox .text ul{margin-top:30px;padding:43px 0;height:228px;box-sizing:border-box;background:url('../images/watermark_culture.png') no-repeat center center}
.culture .contBox .text ul li{font-size:16px;color:#111111;margin-bottom:22px}
.culture .contBox .text ul li i{display:inline-block;width:13px;height:13px;border-radius:13px;border:2px solid #2670ea;background-color:#fff;vertical-align:-3px;margin-right:12px}
.culture .contBox .text ul li span{color:#999999;display:inline-block}
.culture .contBox .text ul li em{display:inline-block}
.history{height:759px;background:url('../images/bg_history.jpg') no-repeat center center;min-width:1400px}
.history .contBox{padding-top:90px}
.history .contBox .leftBox{position:relative}
.history .contBox .leftBox h3{font-size:40px;color:#000000;padding-top:14px}
.history .contBox .leftBox h4{font-size:30px;color:#999999;text-transform:uppercase;padding-top:14px}
.history .contBox .leftBox .cont{padding-top:30px}
.history .contBox .leftBox .cont p{font-size:16px;line-height:2;color:#6d7388}
.history .contBox .leftBox .pic{padding-top:69px;position:relative}
.history .contBox .leftBox .pic .progressLine{transition:all 1.5s;height:200px;width:0;overflow:hidden;position:absolute;top:90px}
.history .contBox .leftBox .pic .progressLine.show{width:338px}
.history .contBox .leftBox .histroyInfo{padding:30px;border-radius:8px;box-sizing:border-box;position:absolute;z-index:20;width:351px;height:412px;background-color:#216de9;top:188px;left:409px}
.history .contBox .leftBox .histroyInfo ul{height:100%;overflow-y:scroll;margin-left:0px;padding-left:5px;padding-top:5px}
.history .contBox .leftBox .histroyInfo ul li{padding-bottom:40px;border-left:2px dotted #5992ef;padding-left:25px;width:240px}
.history .contBox .leftBox .histroyInfo ul li h5{position:relative}
.history .contBox .leftBox .histroyInfo ul li h5 span{font-size:24px;color:#ffffff;font-weight:bold;margin-top:-10px;position:relative;top:-6px}
.history .contBox .leftBox .histroyInfo ul li h5::before{display:block;content:'';width:11px;height:11px;background-color:#fff;border-radius:11px;position:absolute;left:-32px;top:0}
.history .contBox .leftBox .histroyInfo ul li h5 em{font-size:16px;font-weight:bold;margin-left:2px}
.history .contBox .leftBox .histroyInfo ul li p{font-size:14px;color:#bbd5ff;line-height:1.6}
.history .contBox .leftBox .histroyInfo ul li:last-child{padding-bottom:0}
.history .contBox .leftBox .histroyInfo ul::-webkit-scrollbar{width:3px;height:3px;background-color:#fff;border-radius:10px}
.history .contBox .leftBox .histroyInfo ul::-webkit-scrollbar-track{border-radius:10px;background-color:#fff}
.history .contBox .leftBox .histroyInfo ul::-webkit-scrollbar-thumb{width:5px;height:5px;border-radius:10px;background-color:#fff}
.history .contBox .rightBox{width:660px}
.history .contBox .rightBox .switchBox .arrow{width:157px;height:60px;position:absolute;top:146px;right:-66px;z-index:99}
.history .contBox .rightBox .switchBox .arrow::before{animation:stampScale 3s linear 0s infinite alternate;content:'';display:block;width:157px;height:60px;background:url('../images/arrow_history.png') no-repeat}
.history .contBox .rightBox .switchBox{width:660px;height:429px;position:relative}
.history .contBox .rightBox .switchBox .swiper-container{height:429px}
.history .contBox .rightBox .switchBox .swiper-slide{width:660px;height:429px}
.history .contBox .rightBox .switchBox .swiper-slide img{width:100%}
.history .contBox .rightBox .switchBox .pagination{position:absolute;z-index:20;bottom:-2px;left:50%;padding:0 25px;box-sizing:border-box;transform:translate(-50%,0)}
.history .contBox .rightBox .switchBox .swiper-pagination-switch{display:inline-block;width:12px;height:12px;border-radius:8px;background:#216de9;margin:0 5px;opacity:0.8;border:1px solid #fff;cursor:pointer;border:2px solid #fff}
.history .contBox .rightBox .switchBox .swiper-active-switch{background:#fff;border:2px solid #ff7e71}
.history .contBox .rightBox .botBox{text-align:center;padding-top:46px}
.history .contBox .rightBox .botBox span{display:inline-block;padding:0 16px;color:#999999}
.history .contBox .rightBox .botBox span .cur{font-size:20px;color:#0056ff;margin-right:3px}
.history .contBox .rightBox .botBox span .total{font-size:14px;color:#999999;margin-left:3px}
.history .contBox .rightBox .botBox #prev{display:inline-block;width:25px;height:19px;background:url('../images/arrow_left_history.png') no-repeat}
.history .contBox .rightBox .botBox #next{display:inline-block;width:25px;height:19px;background:url('../images/arrow_right_history.png') no-repeat}
.about_scale{height:659px;background:#fff}
.about_scale .formBox{margin-top:70px}
.moduleMedia{padding:65px 0 20px}
.moduleMedia .title{text-align:center}
.moduleMedia .title h3{font-size:40px;color:#000000}
.moduleMedia .title p.tip{font-size:30px;color:#999999;margin-top:14px;text-transform:uppercase}
.moduleMedia .contBox{padding-top:40px}
.moduleMedia .contBox ul{display:flex;justify-content:space-between;align-items:center}
.moduleMedia .contBox ul li{width:266px;height:357px}
.moduleMedia .contBox ul li .codeBox{height:301px;text-align:center}
.moduleMedia .contBox ul li .codeBox h5{font-size:18px;color:#000000;padding-top:44px}
.moduleMedia .contBox ul li .codeBox .code{width:168px;height:168px;overflow:hidden;margin:30px auto}
.moduleMedia .contBox ul li .codeBox .code img{width:100%;height:100%}
.moduleMedia .contBox ul li h4{font-size:20px;color:#ffffff;text-align:center;margin-top:18px}
.studyCenter .contBox ul li{background:url('../images/studyCenter_bg.png') no-repeat center center}
.mediaCenter .contBox ul li{background:url('../images/mediaCenter_bg.png') no-repeat center center}
.mediaCenter{padding-bottom:60px}