
html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,input,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{margin:0;padding:0}
h1,h2,h3,h4,h5,h6{font-weight:normal}
article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}
ol,ul{list-style:none}
table{border-collapse:collapse;border-spacing:0}
.picFontSize0{font-size:0}
input{border:0;background-color:none}
input:focus{outline:none}
body{line-height:1.3}
.showBox{display:block !important}
a{text-decoration:none}
.cf:before,.cf:after{content:"";display:table}
.cf:after{clear:both}
.cf{*zoom:1}
.clear{clear:both}
.title{font-size:.36rem;color:#000000;font-weight:bold}
.title .icon{margin-right:.18rem}
.layerTop{height:.98rem}
.header{width:100%;height:.98rem;background:rgba(255,255,255,.7);position:fixed;top:0;left:0;z-index:100;box-shadow:0 0 .05rem rgba(153,149,149,0.5)}
.header .logo a{height:.98rem;display:flex;align-items:center}
.header .logo img{height:.5rem;padding-left:.24rem}
.header .menu{position:absolute;top:0;right:0;width:.88rem;height:.98rem;display:flex;align-items:center;justify-content:center}
.header .menu i{display:inline-block;width:.46rem;height:.38rem;background:url('../images/icon_menu.png') no-repeat;background-size:cover}
.header .menu_list{position:relative;z-index:100000;transition:all .3s;width:5.9rem;height:100%;position:fixed;top:0;right:-5.9rem;background:#fff;padding:.3rem .3rem;box-sizing:border-box}
.header .menu_list_show{right:0}
.header .menu_list li{border-bottom:1px dashed #bfbfbf}
.header .menu_list a{font-size:.32rem;color:#000000;display:flex;padding:.54rem 0;align-items:center}
.header .menu_list li a span{font-size:.32rem;color:#000000}
.header .menu_list a::before{margin:0 .35rem;display:inline-block;content:'';width:.46rem;height:.46rem}
.header .menu_list a.home::before{background:url('../images/navIcon_home.png') no-repeat center center;background-size:.41rem .42rem}
.header .menu_list a.product::before{background:url('../images/navIcon_product.png') no-repeat center center;background-size:.42rem .42rem}
.header .menu_list a.news::before{background:url('../images/navIcon_news.png') no-repeat center center;background-size:.43rem .45rem}
.header .menu_list a.media::before{background:url('../images/navIcon_mediaCenter.png') no-repeat center center;background-size:.44rem .43rem}
.header .menu_list a.about::before{background:url('../images/navIcon_about.png') no-repeat center center;background-size:.46rem .46rem}
.header .menu_list a.product img{width:.32rem}
.header .menu_list a.product{padding-bottom:.18rem}
.header .menu_list li .childNav a{padding:.18rem 0;color:#000000 !important}
.header .menu_list li .childNav a:last-child{margin-bottom:.38rem}
.header .menu_list li .childNav a.cur{color:#2577ff !important}
.header .menu_list span{display:inline-block;width:3.9rem}
.header .menu_list li.cur a{color:#2577ff}
.header .menu_list li.cur a span{color:#2577ff;font-weight:bold}
.header .menu_list li.cur a.home::before{background:url('../images/navIcon_home_on.png') no-repeat center center;background-size:.41rem .42rem}
.header .menu_list li.cur a.product::before{background:url('../images/navIcon_product_on.png') no-repeat center center;background-size:.42rem .42rem}
.header .menu_list li.cur a.news::before{background:url('../images/navIcon_news_on.png') no-repeat center center;background-size:.43rem .45rem}
.header .menu_list li.cur a.media::before{background:url('../images/navIcon_mediaCenter_on.png') no-repeat center center;background-size:.44rem .43rem}
.header .menu_list li.cur a.about::before{background:url('../images/navIcon_about_on.png') no-repeat center center;background-size:.46rem .46rem}
.bannerBox{height:10.28rem}
.bannerBox .swiper-container{height:100%}
.bannerBox .swiper-slide{position:relative}
.bannerBox .swiper-slide .textBox{position:absolute;top:0;left:0;width:100%;height:100%;padding-top:2.05rem;padding-left:.8rem;box-sizing:border-box}
.bannerBox .swiper-slide .textBox p.top{font-size:.26rem;color:#000000}
.bannerBox .swiper-slide .textBox h3{font-size:.52rem;color:#171e32;line-height:.72rem;font-weight:bold;margin-top:.2rem}
.bannerBox .swiper-slide .textBox p.more{margin-top:.2rem}
.bannerBox .swiper-slide .textBox p.more a{display:flex;align-items:center;height:.5rem}
.bannerBox .swiper-slide .textBox p.more span{font-size:.22rem;color:#0057ff;font-weight:bold;letter-spacing:.02rem}
.bannerBox .swiper-slide .textBox p.more img{width:.5rem;margin-left:.16rem}
.bannerBox .pagination{bottom:0 !important;position:absolute;z-index:10;width:100%;text-align:center}
.bannerBox .pagination .swiper-pagination-bullet{width:1.14rem;height:.1rem;background:rgba(255,255,255,.5);border-radius:.1rem}
.bannerBox .pagination .swiper-pagination-bullet-active{background:rgba(255,255,255,1)}
.bannerBox img{width:100%}
.onlineSchool{padding:0 .24rem}
.onlineSchool h3{font-size:.36rem;color:#000000;padding-top:.65rem}
.onlineSchool .tip{font-size:.22rem;color:#999999;line-height:.44rem;margin-top:.26rem}
.onlineSchool .contBox{background-color:#f2f3f5;margin-top:.5rem}
.onlineSchool .contBox ul{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;padding:.5rem .3rem .1rem}
.onlineSchool .contBox ul li{width:3.18rem;display:flex;height:.7rem;align-items:center;margin-bottom:.4rem}
.onlineSchool .contBox ul li .pic{width:.61rem;margin-right:.16rem;display:flex;justify-content:center;align-items:center}
.onlineSchool .contBox ul li .pic img{width:100%}
.onlineSchool .contBox ul li .text{flex:1}
.onlineSchool .contBox ul li .text h4{font-size:.28rem;color:#141739;line-height:.36rem}
.onlineSchool .contBox ul li .text p{font-size:.22rem;color:#999999;line-height:.36rem}
.entranceBox{padding:0 .24rem}
.entranceBox h3{font-size:.36rem;color:#000000;padding-top:.54rem}
.entranceBox .contBox ul{display:flex;flex-wrap:wrap;justify-content:space-between;margin-top:.35rem}
.entranceBox .contBox ul li{width:3.33rem;height:1.52rem;border-radius:.05rem;margin-bottom:.3rem;display:flex;justify-content:center;align-items:center}
.entranceBox .contBox ul li:nth-child(1){background-image:-moz-linear-gradient( 0deg,rgb(10,111,247) 0%,rgb(39,155,255) 100%);background-image:-webkit-linear-gradient( 0deg,rgb(10,111,247) 0%,rgb(39,155,255) 100%);background-image:-ms-linear-gradient( 0deg,rgb(10,111,247) 0%,rgb(39,155,255) 100%)}
.entranceBox .contBox ul li:nth-child(1) img{width:.45rem;height:.72rem}
.entranceBox .contBox ul li:nth-child(2){background-image:-moz-linear-gradient( 0deg,rgb(2,179,235) 0%,rgb(60,219,240) 100%);background-image:-webkit-linear-gradient( 0deg,rgb(2,179,235) 0%,rgb(60,219,240) 100%);background-image:-ms-linear-gradient( 0deg,rgb(2,179,235) 0%,rgb(60,219,240) 100%)}
.entranceBox .contBox ul li:nth-child(2) img{width:.73rem;height:.62rem}
.entranceBox .contBox ul li:nth-child(3){background-image:-moz-linear-gradient( 0deg,rgb(72,97,125) 0%,rgb(98,128,169) 100%);background-image:-webkit-linear-gradient( 0deg,rgb(72,97,125) 0%,rgb(98,128,169) 100%);background-image:-ms-linear-gradient( 0deg,rgb(72,97,125) 0%,rgb(98,128,169) 100%)}
.entranceBox .contBox ul li:nth-child(3) img{width:.56rem;height:.63rem}
.entranceBox .contBox ul li:nth-child(4){background-image:-moz-linear-gradient( 0deg,rgb(0,188,152) 0%,rgb(71,230,204) 100%);background-image:-webkit-linear-gradient( 0deg,rgb(0,188,152) 0%,rgb(71,230,204) 100%);background-image:-ms-linear-gradient( 0deg,rgb(0,188,152) 0%,rgb(71,230,204) 100%)}
.entranceBox .contBox ul li:nth-child(4) img{width:.77rem;height:.63rem}
.entranceBox .contBox ul li .pic{display:flex}
.entranceBox .contBox ul li .text{font-size:.24rem;color:#fff;margin-left:.3rem}
.teacherBox{width:100%;height:16.2rem;overflow:hidden;background:url('../images/bg_teacher.jpg') no-repeat center center;background-size:cover;position:relative}
.teacherBox h3{font-size:.4rem;color:#000000;padding-top:.6rem;text-align:center}
.teacherBox .tip{font-size:.22rem;color:#999999;margin-top:.06rem;text-align:center}
.teacherBox .moduleBox .contBox{position:relative;padding-top:2.5rem}
.teacherBox .moduleBox .contBox .topBox{position:absolute;top:.36rem;left:.2rem;padding-left:.09rem;padding-top:.04rem;width:5.49rem;height:1.91rem;background:url('../images/bg_teacher_top.png') no-repeat;background-size:cover}
.teacherBox .moduleBox .contBox .topBox h4{font-size:.28rem;color:#ffffff;font-weight:bold;width:2rem;text-align:center;line-height:.5rem}
.teacherBox .moduleBox .contBox .topBox .textBox{padding:.1rem .3rem}
.teacherBox .moduleBox .contBox .topBox p{font-size:.22rem;color:#010101;line-height:.38rem}
.teacherBox .moduleBox .contBox .botBox{position:absolute;top:8rem;right:.2rem;padding-left:.09rem;width:5.49rem;height:1.83rem;background:url('../images/bg_teacher_bot.png') no-repeat;background-size:cover}
.teacherBox .moduleBox .contBox .botBox h4{font-size:.28rem;color:#ffffff;font-weight:bold;width:2rem;text-align:center;line-height:.5rem;margin-top:.08rem}
.teacherBox .moduleBox .contBox .botBox .textBox{padding:0 .3rem;box-sizing:border-box;padding-top:.4rem;font-size:.22rem;color:#010101;line-height:.38rem}
.teacherBox .moduleBox .contBox .swiper-container-teacher{height:8.05rem}
.teacherBox .moduleBox .contBox .swiper-container-teacher .swiper-slide{position:relative;height:5.7rem}
.teacherBox .moduleBox .contBox .swiper-container-teacher .pic01{width:6.29rem;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);z-index:1}
.teacherBox .moduleBox .contBox .swiper-container-teacher .glass01{width:1.9rem;height:1.62rem;position:absolute;top:3.58rem;left:.36rem;z-index:2}
.teacherBox .moduleBox .contBox .swiper-container-teacher .glass02{width:2.15rem;height:1.4rem;position:absolute;top:.9rem;right:.62rem}
@keyframes stampRotate{0%{transform:rotate(0deg)}
100%{transform:rotate(360deg)}
}@keyframes stampScale{0%{transform:scale(0.9)}
50%{transform:scale(1)}
100%{transform:scale(0.9)}
}.teacherBox .contBox .swiper-container-teacher .stampBtn .round{border-radius:.72rem;position:absolute;top:0;left:0;animation:stampRotate 2s linear 0s infinite;width:1.42rem;height:1.42rem;border:1px solid #fff1df}
.teacherBox .contBox .swiper-container-teacher .swiper-slide .stampBtn .round::before{content:'';display:block;width:.1rem;height:.1rem;border-radius:.1rem;background-image:-moz-linear-gradient( 125deg,rgb(235,204,160) 0%,rgb(242,228,212) 100%);background-image:-webkit-linear-gradient( 125deg,rgb(235,204,160) 0%,rgb(242,228,212) 100%);background-image:-ms-linear-gradient( 125deg,rgb(235,204,160) 0%,rgb(242,228,212) 100%);position:absolute;top:-0.05rem;left:50%;margin-left:-0.05rem}
.teacherBox .contBox .swiper-container-teacher .swiper-slide .stampBtn .pic_stamp{width:1.2rem;height:1.2rem}
.teacherBox .contBox .swiper-container-teacher .swiper-slide .stampBtn{animation:stampScale 2s linear 0s infinite;position:absolute;top:3.81rem;left:4.67rem;width:1.44rem;height:1.44rem;z-index:3;display:flex;align-items:center;justify-content:center}
.teacherBox .contBox .swiper-container-teacher .pagination{text-align:center;position:absolute;bottom:0;height:.8rem;line-height:.8rem;display:flex;justify-content:center;align-items:center}
.teacherBox .contBox .swiper-container-teacher .pagination .swiper-pagination-bullet{background:rgba(255,255,255,1);opacity:1;border-radius:.18rem;width:.18rem;height:.18rem}
.teacherBox .contBox .swiper-container-teacher .pagination .swiper-pagination-bullet-active{background-color:#0057ff !important}
.teacherBox .courseBox{width:100%;height:4.2rem;position:absolute;bottom:0;left:0;background-image:-moz-linear-gradient( 90deg,rgb(216,232,247) 0%,rgb(245,252,255) 100%);background-image:-webkit-linear-gradient( 90deg,rgb(216,232,247) 0%,rgb(245,252,255) 100%);background-image:-ms-linear-gradient( 90deg,rgb(216,232,247) 0%,rgb(245,252,255) 100%)}
.teacherBox .courseBox .navBox{position:relative}
.teacherBox .courseBox .navBox .iconMore{width:.9rem;height:.9rem;background-color:#f1f9fe;position:absolute;right:0;top:0;display:flex;justify-content:center;align-items:center}
.teacherBox .courseBox .navBox .iconMore img{width:.36rem;height:.32rem}
.teacherBox .courseBox .navBox .iconMore::before{content:'';width:.23rem;height:.9rem;background:url('../images/bg_navMore.png') no-repeat center center;background-size:cover;position:absolute;left:-0.18rem;top:0}
.teacherBox .courseBox .navBox .scrollBox{width:100%;padding-right:.9rem;box-sizing:border-box;height:.9rem;overflow:hidden;overflow-x:scroll}
.teacherBox .courseBox .navBox .scrollBox ul{white-space:nowrap;width:auto;height:.9rem;line-height:0}
.teacherBox .courseBox .navBox .scrollBox ul li{width:1.5rem;display:inline-block;font-size:.24rem;color:#567d9f;line-height:.9rem;height:.9rem;text-align:center}
.teacherBox .courseBox .navBox .scrollBox ul li.cur{font-size:.28rem;color:#000000;font-weight:bold}
.teacherBox .courseBox .navBox .scrollBox ul li:last-child{padding-right:1rem}
.teacherBox .courseBox .tabBox .tabCont{display:none;padding:.1rem .24rem;line-height:0}
.teacherBox .courseBox .tabBox .tabCont a{font-size:.22rem;color:#000000;height:.5rem;line-height:.5rem;display:block;float:left;width:33%}
.bankBox{padding-bottom:.6rem}
.bankBox h3{font-size:.4rem;color:#000000;padding-top:.6rem;text-align:center}
.bankBox .tip{font-size:.22rem;color:#999999;margin-top:.06rem;text-align:center}
.bankBox .contBox{padding:.48rem .24rem 0}
.bankBox .contBox .navBox{display:flex}
.bankBox .contBox .navBox li{height:1.4rem;flex:1;text-align:center;line-height:0}
.bankBox .contBox .navBox li i{display:inline-block;width:.41rem;height:.38rem;margin-top:.3rem}
.bankBox .contBox .navBox li.cur{border-radius:.08rem .08rem 0 0;background-image:-moz-linear-gradient( 0deg,rgb(10,111,247) 0%,rgb(39,155,255) 100%);background-image:-webkit-linear-gradient( 0deg,rgb(10,111,247) 0%,rgb(39,155,255) 100%);background-image:-ms-linear-gradient( 0deg,rgb(10,111,247) 0%,rgb(39,155,255) 100%)}
.bankBox .contBox .navBox li:nth-child(1) i{display:inline-block;width:.35rem;height:.39rem;background:url('../images/pic_bankNum01.png') no-repeat center center;background-size:cover}
.bankBox .contBox .navBox li:nth-child(2) i{background:url('../images/pic_bankNum02.png') no-repeat center center;background-size:cover}
.bankBox .contBox .navBox li:nth-child(3) i{background:url('../images/pic_bankNum03.png') no-repeat center center;background-size:cover}
.bankBox .contBox .navBox li:nth-child(4) i{background:url('../images/pic_bankNum04.png') no-repeat center center;background-size:cover}
.bankBox .contBox .navBox li:nth-child(5) i{background:url('../images/pic_bankNum05.png') no-repeat center center;background-size:cover}
.bankBox .contBox .navBox li:nth-child(1).cur i{display:inline-block;width:.35rem;height:.39rem;background:url('../images/pic_bankNum01_on.png') no-repeat center center;background-size:cover}
.bankBox .contBox .navBox li:nth-child(2).cur i{background:url('../images/pic_bankNum02_on.png') no-repeat center center;background-size:cover}
.bankBox .contBox .navBox li:nth-child(3).cur i{background:url('../images/pic_bankNum03_on.png') no-repeat center center;background-size:cover}
.bankBox .contBox .navBox li:nth-child(4).cur i{background:url('../images/pic_bankNum04_on.png') no-repeat center center;background-size:cover}
.bankBox .contBox .navBox li:nth-child(5).cur i{background:url('../images/pic_bankNum05_on.png') no-repeat center center;background-size:cover}
.bankBox .contBox .navBox li p{font-size:.28rem;color:#9b9eb2;line-height:.34rem;margin-top:.1rem}
.bankBox .contBox .navBox li.cur p{font-weight:bold;color:#fff}
.bankBox .contBox .tabBox .tabCont{display:none}
.bankBox .contBox .tabBox .tabCont .textBox{padding:.24rem .3rem;box-sizing:border-box;width:100%;height:1.2rem;background-color:#f2f3f5;font-size:.22rem;color:#999999;line-height:.4rem}
.bankBox .contBox .tabBox .tabCont .picBox{width:6.28rem;margin:.5rem auto 0}
.bankBox .contBox .tabBox .tabCont .picBox img{width:100%}
.bankBox .contBox .swiper-container-bank{width:100%;overflow:hidden}
.bankBox .contBox .swiper-container-bank .textBox{padding:.24rem .3rem;box-sizing:border-box;width:100%;height:1.2rem;background-color:#f2f3f5;font-size:.22rem;color:#999999;line-height:.4rem}
.bankBox .contBox .swiper-container-bank .picBox{width:6.28rem;margin:.5rem auto 0}
.bankBox .contBox .swiper-container-bank .picBox img{width:100%}
.serviceBox{background:url('../images/bg_service.jpg') no-repeat center center;background-size:cover;padding-bottom:.6rem}
.serviceBox h3{font-size:.4rem;color:#fff;padding-top:.6rem;text-align:center}
.serviceBox .tip{font-size:.22rem;color:#fff;margin-top:.06rem;text-align:center}
.serviceBox .listBox{padding:.42rem .24rem 0}
.serviceBox .listBox h4{width:4.27rem;height:.69rem;font-size:.32rem;color:#fff;padding-left:.55rem;box-sizing:border-box;line-height:.69rem;font-weight:bold}
.serviceBox .listBox.blueBox h4{background:url('../images/bg_serviceTit_blue.png') no-repeat center center;background-size:cover}
.serviceBox .listBox.redBox h4{background:url('../images/bg_serviceTit_red.png') no-repeat center center;background-size:cover}
.serviceBox .listBox ul{padding-top:.46rem}
.serviceBox .listBox ul li{display:flex;margin-bottom:.32rem}
.serviceBox .listBox ul li:last-child{margin-bottom:0}
.serviceBox .listBox ul li .tit{width:1.55rem;height:.97rem;position:relative}
.serviceBox .listBox ul li .tit span{padding-left:.1rem;font-size:.28rem;font-weight:bold;display:block;width:.64rem;margin:0 auto;line-height:1.2;letter-spacing:0.03rem;margin-top:-0.1rem}
.serviceBox .listBox.blueBox ul li .tit span{color:#1350c8}
.serviceBox .listBox.redBox ul li .tit span{color:#b43123}
.serviceBox .listBox.redBox ul li .tit{font-size:.28rem;color:#b43123;font-weight:bold}
.serviceBox .listBox.redBox ul li .tit em{font-weight:normal}
.serviceBox .listBox ul li .tit em{font-size:.16rem;color:#fff;font-style:italic;display:block;text-align:center;line-height:.23rem;width:.23rem;border-radius:.23rem;position:absolute;top:.57rem;left:.68rem}
.serviceBox .listBox.blueBox ul li .tit{background:url('../images/bg_serviceSubTit_blue.png') no-repeat center center;background-size:cover}
.serviceBox .listBox.redBox ul li .tit{background:url('../images/bg_serviceSubTit_red.png') no-repeat center center;background-size:cover}
.serviceBox .listBox ul li .text{width:5.44rem;height:1.16rem;font-size:.24rem;color:#111111;padding:0 .32rem 0 .42rem;padding-bottom:.26rem;box-sizing:border-box;display:flex;align-items:center}
.serviceBox .listBox.blueBox ul li .text{background:url('../images/bg_serviceText_blue.png') no-repeat center center;background-size:cover}
.serviceBox .listBox.redBox ul li .text{background:url('../images/bg_serviceText_red.png') no-repeat center center;background-size:cover}
.serviceBox .listBox.redBox ul li .text p{line-height:.36rem}
.publicizeBox{background:url('../images/bg_publicize.jpg') no-repeat center center;background-size:cover;height:10.05rem}
.publicizeBox .logoBox{padding-top:.96rem;text-align:center}
.publicizeBox .logoBox img{width:1.08rem;height:1.08rem}
.publicizeBox h3{font-size:.42rem;color:#000000;line-height:.6rem;text-align:center}
.publicizeBox h4{font-size:.46rem;color:#0057ff;font-weight:bold;line-height:.46rem;text-align:center;padding-top:.23rem}
.publicizeBox .contBox{padding:1.55rem .55rem 0;text-align:right}
.publicizeBox .contBox .tit{font-size:.32rem;color:#ffffff;font-weight:bold;height:.55rem;line-height:.65rem;float:right;width:2.05rem;text-align:center;padding-right:.34rem}
.publicizeBox .videoBox{width:100%;height:3.6rem;box-sizing:border-box;border:.03rem solid transparent;overflow:hidden;border-radius:.16rem}
.publicizeBox .videoBox .videoMain{width:100%;height:100%}
.operateBox{padding-bottom:.3rem}
.operateBox h3{font-size:.4rem;color:#000000;padding-top:.64rem;text-align:center}
.operateBox .tip{font-size:.22rem;color:#999999;margin-top:.06rem;text-align:center}
.operateBox .listBox{padding:.4rem .24rem 0}
.operateBox .listBox li{margin-bottom:.36rem}
.operateBox .listBox li:last-child{margin-bottom:0}
.operateBox .listBox li a{display:flex}
.operateBox .listBox li .pic{width:2.16rem;height:1.43rem}
.operateBox .listBox li img{width:100%;height:100%}
.operateBox .listBox li .text{flex:1;padding-left:.3rem}
.operateBox .listBox li .text h4{font-size:.24rem;color:#111111;line-height:.4rem;overflow:hidden;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;text-overflow:ellipsis}
.operateBox .listBox li .text p{font-size:.22rem;color:#999999;line-height:.34rem;overflow:hidden;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;text-overflow:ellipsis}
.operateBox .moreBox{padding-top:.5rem;text-align:center;width:100%}
.operateBox .moreBox a{margin:0 auto;font-size:.24rem;color:#999999;display:inline-block;width:4rem;height:.65rem;border:1px solid #d7d7d7;border-radius:.1rem;display:flex;justify-content:center;align-items:center}
.operateBox .moreBox a img{width:.49rem;height:.16rem;margin-right:.1rem}
.cooperationBox{padding-bottom:.3rem}
.cooperationBox h3{font-size:.4rem;color:#000000;padding-top:.3rem;text-align:center}
.cooperationBox .tip{font-size:.22rem;color:#999999;margin-top:.06rem;text-align:center}
.cooperationBox ul{padding:.5rem .24rem 0;display:flex;flex-wrap:wrap;justify-content:space-between}
.cooperationBox ul li{width:2.04rem;height:2.03rem;box-shadow:0 .03rem .08rem 0 rgba(167,200,237,0.4);border-radius:.1rem;background:#fff;margin-bottom:.3rem}
.cooperationBox ul li .pic{height:1.07rem;text-align:center;padding-top:.18rem}
.cooperationBox ul li .pic img{height:100%}
.cooperationBox ul li h4{font-size:.24rem;color:#333333;text-align:center;margin-top:.24rem}
.scaleBox{height:13.08rem;background:url('../images/bg_scale.jpg') no-repeat center center;background-size:cover}
.scaleBox .dataBox{position:relative}
.scaleBox .dataBox .list h4 span{font-size:.22rem;margin-left:.08rem;font-weight:normal}
.scaleBox .dataBox .list h4{font-size:.46rem;color:#000000;font-weight:bold}
.scaleBox .dataBox .list p{font-size:.24rem;color:#000;line-height:.34rem}
.scaleBox .dataBox .list:nth-child(1){position:absolute;top:1.05rem;left:.5rem}
.scaleBox .dataBox .list:nth-child(1) p{margin-top:.25rem}
.scaleBox .dataBox .list:nth-child(2){position:absolute;top:0.6rem;left:4.07rem}
.scaleBox .dataBox .list:nth-child(2) p{width:2.25rem;text-align:right;padding-left:.5rem;margin-top:-0.05rem}
.scaleBox .dataBox .list:nth-child(3){position:absolute;top:4.9rem;left:.77rem}
.scaleBox .dataBox .list:nth-child(3) p{padding-left:.56rem;margin-top:-0.05rem}
.scaleBox .dataBox .list:nth-child(4){position:absolute;top:4.73rem;left:4.48rem}
.scaleBox .dataBox .list:nth-child(4) p{padding-left:.56rem;margin-top:-0.05rem}
.scaleBox .formBox{padding:6.74rem .24rem 0}
.scaleBox .formBox .contBox{width:100%;padding:.6rem .64rem .7rem;border:.07rem solid #9b9eb2;box-sizing:border-box}
.scaleBox .formBox .contBox h3{font-size:.32rem;color:#000000}
.scaleBox .formBox .contBox .from{padding-top:.24rem}
.scaleBox .formBox .contBox .from p{width:100%;border-bottom:1px solid #dcdddd;margin-bottom:.3rem;box-sizing:border-box;height:.6rem}
.scaleBox .formBox .contBox .from p input{line-height:.56rem;border:0;background-color:transparent;background-color:transparent;float:left}
.scaleBox .formBox .contBox .from .applyBtn{margin-top:.4rem;display:block;width:3.08rem;height:.6rem;display:flex;justify-content:center;align-items:center;font-size:.22rem;color:#fefefe;background-color:#0057ff;border-radius:.05rem}
.scaleBox .formBox .contBox .from .applyBtn img{width:.38rem;height:.12rem}
.maskBox{background:rgba(0,0,0,.7);width:100%;height:100%;position:fixed;top:0;left:0;z-index:100}
.loginPopup{position:relative;width:5.22rem;padding:0 .4rem;box-sizing:border-box;height:6.96rem;background:url('../images/bg_popup.png') no-repeat center center;background-size:cover;position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);z-index:100}
.loginPopup h2{margin-bottom:.2rem;font-size:.38rem;color:#111111;font-weight:bold;padding-top:2.1rem;text-align:center}
.loginPopup p{font-size:.24rem;margin-top:.2rem}
.loginPopup input{border:0;border-bottom:1px solid #dadada;line-height:.6rem;font-size:.24rem;color:#000000;width:100%}
.loginPopup a{margin-top:.58rem;display:block;width:100%;height:.6rem;line-height:.6rem;font-size:.24rem;color:#fff;text-align:center;background-color:#216de9;border-radius:.08rem}
.loginPopup a img{width:.6rem;margin-right:.1rem}
.loginPopup .closeBtn{position:absolute;bottom:-1.29rem;left:50%;transform:translate(-50%,0)}
.loginPopup .closeBtn img{width:.66rem}
.footer{background-color:#000000}
.footer .topBox{padding:.6rem 0 .4rem}
.footer .topBox ul{display:flex;padding:0 1.16rem;justify-content:space-between;align-items:center;height:.4rem}
.footer .topBox ul li{height:.4rem}
.footer .topBox ul li a{font-size:.28rem;color:#ffffff;line-height:.4rem;display:block}
.footer .topBox p{font-size:.24rem;color:#999999;line-height:.36rem;padding:0.3rem .9rem 0;text-align:center}
.footer .botBox{border-top:1px solid #393841;padding:.45rem 0}
.footer .botBox p{font-size:.24rem;color:#999999;line-height:.42rem;text-align:center}
.footer .botBox p a{color:#999999}
.banner{font-size:0}
.banner img{width:100%}
.platform h3{font-size:.4rem;color:#000000;padding-top:.64rem;text-align:center}
.platform .tip{font-size:.22rem;color:#999999;margin-top:.06rem;text-align:center}
.platform .contBox{font-size:0;padding:.45rem .24rem .64rem}
.platform .contBox img{width:7.01rem}
.online{padding-bottom:.66rem;background:url('../images/bg_online.jpg') no-repeat center center;background-size:cover}
.online h3{font-size:.4rem;color:#000000;padding-top:.64rem;text-align:center}
.online .tip{font-size:.22rem;color:#999999;margin-top:.06rem;text-align:center}
.online .textBox{padding:.5rem .45rem 0}
.online .textBox h4{font-size:.28rem;color:#ffffff;width:2.61rem;height:.92rem;text-align:center;line-height:.62rem;font-weight:bold}
.online .textBox h4.blue_bg{background:url('../images/bg_onlineTitBule.png') no-repeat;background-size:cover}
.online .textBox h4.red_bg{background:url('../images/bg_onlineTitRed.png') no-repeat;background-size:cover}
.online .textBox p{font-size:.24rem;color:#000000;line-height:.4rem;margin-bottom:.24rem;padding-left:.2rem;width:5.8rem}
.online .picBox{padding-top:.24rem;text-align:center}
.online .picBox img{width:6.7rem}
.educational h3{font-size:.4rem;color:#000000;padding-top:.64rem;text-align:center}
.educational .tip{font-size:.22rem;color:#999999;margin-top:.06rem;text-align:center}
.educational .contBox ul{display:flex;flex-wrap:wrap;padding:0 .3rem;justify-content:space-between;padding-top:.94rem}
.educational .contBox ul li{width:3.2rem;margin-bottom:.7rem}
.educational .contBox ul li .pic::before{content:'';display:block;position:absolute;top:-0.42rem;left:50%;transform:translate(-50%,0)}
.educational .contBox ul li .pic{height:.74rem;text-align:center;position:relative;font-size:0}
.educational .contBox ul li .pic img{position:relative;z-index:2}
.educational .contBox ul li:nth-child(1) .pic::before{width:.34rem;height:.63rem;background:url('../images/pic_educationalNum01.png') no-repeat;background-size:cover}
.educational .contBox ul li:nth-child(2) .pic::before{width:.45rem;height:.64rem;background:url('../images/pic_educationalNum02.png') no-repeat;background-size:cover}
.educational .contBox ul li:nth-child(3) .pic::before{width:.47rem;height:.65rem;background:url('../images/pic_educationalNum03.png') no-repeat;background-size:cover}
.educational .contBox ul li:nth-child(4) .pic::before{width:.49rem;height:.63rem;background:url('../images/pic_educationalNum04.png') no-repeat;background-size:cover}
.educational .contBox ul li:nth-child(1) .pic img{width:.96rem;height:.74rem}
.educational .contBox ul li:nth-child(2) .pic img{width:.96rem;height:.7rem}
.educational .contBox ul li:nth-child(3) .pic img{width:.96rem;height:.7rem}
.educational .contBox ul li:nth-child(4) .pic img{width:.96rem;height:.74rem}
.educational .contBox ul li h4 span{position:relative;top:-0.06rem;left:-0.06rem;font-size:.28rem;color:#ffffff;text-align:center;line-height:.56rem;display:block;width:2.02rem;height:.56rem;border-radius:0.05rem;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:.05rem .06rem .04rem 0 rgba(212,234,255,0.004)}
.educational .contBox ul li h4{width:2.02rem;height:.56rem;background-color:#d4eaff;border-radius:0.05rem;margin:.2rem auto 0}
.educational .contBox ul li p{margin-top:.2rem;font-size:.24rem;color:#999999;line-height:.4rem}
.selfStudy{background:url('../images/bg_selfStudy.jpg') no-repeat center center;background-size:cover;padding-bottom:.64rem}
.selfStudy h3{font-size:.4rem;color:#000000;padding-top:.64rem;text-align:center;margin-bottom:.28rem}
.selfStudy .infoList{text-align:center}
.selfStudy .infoList h4{font-size:.28rem;color:#000000;line-height:.4rem}
.selfStudy .infoList p{font-size:.24rem;color:#999999;line-height:.4rem;width:5.6rem;margin:0 auto .2rem}
.selfStudy .picBox{text-align:center;width:100%}
.selfStudy .picBox img{width:6.99rem}
.dataAnalysis{padding-bottom:.64rem}
.dataAnalysis h3{font-size:.4rem;color:#000000;padding-top:.64rem;text-align:center}
.dataAnalysis .tip{font-size:.22rem;color:#999999;margin-top:.06rem;text-align:center;margin-bottom:.28rem}
.dataAnalysis .infoList{text-align:center}
.dataAnalysis .infoList h4{font-size:.28rem;color:#000000;line-height:.4rem}
.dataAnalysis .infoList p{font-size:.24rem;color:#999999;line-height:.4rem;width:6.15rem;margin:0 auto .2rem}
.dataAnalysis .picBox{text-align:center;width:100%;padding-top:.1rem}
.dataAnalysis .picBox img{width:6.88rem}
.multiport{background:url('../images/bg_multiport.jpg') no-repeat center center;background-size:cover}
.multiport h3{font-size:.4rem;color:#000000;padding-top:.64rem;text-align:center}
.multiport .tip{font-size:.22rem;color:#999999;margin-top:.06rem;text-align:center;margin-bottom:.28rem}
.multiport .contBox .navList{display:flex;padding:0 .2rem;width:100%;box-sizing:border-box}
.multiport .contBox .navList li{flex:1;box-sizing:border-box;border:1px solid #0056ff;border-right:0;font-size:.24rem;color:#0056ff;text-align:center;line-height:.62rem}
.multiport .contBox .navList li:last-child{border-right:1px solid #0056ff}
.multiport .contBox .navList li.cur{background-color:#0056ff;color:#fff}
.multiport .contBox .switchBox{padding-top:.6rem}
.multiport .contBox .swiper-slide{display:flex;justify-content:space-between;padding:0 .25rem;box-sizing:border-box;height:4.16rem;overflow:hidden;position:relative}
.multiport .contBox .swiper-slide .picBox{font-size:0;width:2.61rem}
.multiport .contBox .swiper-slide .textBox{flex:1;padding-left:.4rem;padding-top:.25rem}
.multiport .contBox .swiper-slide .textBox h4{font-size:.24rem;color:#000000}
.multiport .contBox .swiper-slide .textBox .tip{font-size:.22rem;color:#999999;line-height:.34rem;text-align:left}
.multiport .contBox .swiper-slide .textBox .wx_code{display:flex}
.multiport .contBox .swiper-slide .textBox .wx_code .list{margin-right:.3rem}
.multiport .contBox .swiper-slide .textBox .wx_code .list .pic{width:1.48rem;height:1.48rem;border-radius:.1rem;background-color:#fff;display:flex;align-items:center;justify-content:center}
.multiport .contBox .swiper-slide .textBox .wx_code .list .pic img{width:1.33rem;height:1.33rem}
.multiport .contBox .swiper-slide .textBox .wx_code .list h5{font-size:.22rem;color:#000000;text-align:center;margin-top:.15rem}
.multiport .contBox .multiportList02 .picBox{width:4.61rem}
.multiport .contBox .multiportList02 .textBox{padding-left:0;padding-top:.38rem}
.multiport .contBox .multiportList02 .btnBox{position:absolute;bottom:.55rem;width:100%}
.multiport .contBox .multiportList02 .btnBox a{margin:0 auto;width:2.88rem;height:.6rem;display:flex;justify-content:center;align-items:center;font-size:.24rem;color:#ffffff;background-color:#ff7e71;border-radius:.6rem}
.multiport .contBox .multiportList02 .btnBox a img{width:.22rem;height:.19rem;margin-left:.12rem}
.multiport .contBox .multiportList03 .textBox{padding-top:.98rem}
.multiport .contBox .multiportList03 .btnBox{margin-top:.35rem}
.multiport .contBox .multiportList03 .btnBox a{width:2.88rem;height:.6rem;display:flex;justify-content:center;align-items:center;font-size:.24rem;color:#ffffff;background-color:#ff7e71;border-radius:.6rem}
.multiport .contBox .multiportList03 .btnBox a img{width:.22rem;height:.19rem;margin-left:.12rem}
.multiport .contBox .multiportList04 .textBox{padding-top:.48rem}
.multiport .contBox .multiportList04 .wx_code .list{text-align:center}
.multiport .contBox .multiportList04 .wx_code .list .pic{margin:0 auto}
.multiport .contBox .multiportList04 .wx_code .list:last-child{margin-right:0}
.multiport .contBox .multiportList01 .picBox img{width:2.61rem;height:5.27rem}
.multiport .contBox .multiportList02 .picBox img{width:4.61rem;height:2.7rem}
.multiport .contBox .multiportList03 .picBox img{width:2.61rem;height:5.27rem}
.multiport .contBox .multiportList04 .picBox img{width:2.61rem;height:5.27rem}
.courseModule{padding-bottom:.4rem}
.courseModule h3{font-size:.4rem;color:#000000;padding-top:.64rem;text-align:center}
.courseModule .tip{font-size:.22rem;color:#999999;margin-top:.06rem;text-align:center;margin-bottom:.28rem;text-transform:uppercase}
.courseModule .contBox{padding:0 .25rem}
.courseModule .contBox .examList{border:1px solid #ebebeb;position:relative;border-radius:.1rem;padding:.24rem 0;margin-bottom:.2rem}
.courseModule .contBox .examList em{font-size:.24rem;font-weight:bold;color:#dfdfdf;position:absolute;top:.28rem;left:.3rem;font-style:normal}
.courseModule .contBox .examList .picBox{font-size:0}
.courseModule .contBox .examList .picBox h4{font-size:.28rem;color:#999999;margin-top:.2rem}
.courseModule .contBox .examList .courseList{font-size:0;line-height:1}
.courseModule .contBox .examList .courseList a{font-size:.22rem;color:#000}
.courseModule .contBox .listA{display:flex}
.courseModule .contBox .listA .picBox{width:2.16rem;text-align:center;padding-top:1.3rem}
.courseModule .contBox .listA .picBox img{width:.62rem;height:.62rem}
.courseModule .contBox .listA .courseList{flex:1;display:flex;flex-wrap:wrap}
.courseModule .contBox .listA .courseList a{width:50%;line-height:.42rem}
.courseModule .contBox .listB .picBox img{width:.4rem;height:.63rem}
.courseModule .contBox .sliceBox{display:flex;justify-content:space-between}
.courseModule .contBox .sliceBox .leftBox{width:3.35rem}
.courseModule .contBox .sliceBox .rightBox{width:3.5rem}
.courseModule .contBox .listC{height:3.78rem}
.courseModule .contBox .listC .picBox{text-align:center;padding-top:.24rem}
.courseModule .contBox .listC .picBox img{width:.62rem;height:.62rem}
.courseModule .contBox .listC .courseList{padding:.2rem .28rem 0;display:flex;flex-wrap:wrap}
.courseModule .contBox .listC .courseList a{width:50%;line-height:.42rem}
.courseModule .contBox .listD{display:flex}
.courseModule .contBox .listD .picBox{width:.95rem;text-align:center;padding-top:.6rem}
.courseModule .contBox .listD .picBox img{width:.53rem;height:.53rem}
.courseModule .contBox .listD .courseList{padding-right:.1rem}
.courseModule .contBox .listD .courseList h4{font-size:.28rem;color:#999999;margin-bottom:.2rem}
.courseModule .contBox .listD .courseList{flex:1}
.courseModule .contBox .listD .courseList a{width:50%;line-height:.42rem;display:inline-block}
.courseModule .contBox .listF{display:flex}
.courseModule .contBox .listF .detailsList{width:3.54rem}
.courseModule .contBox .listF .otherList{flex:1;padding:0 .5rem;border-left:1px solid #ebebeb}
.courseModule .contBox .listF .picBox{text-align:center;padding-top:.65rem}
.courseModule .contBox .listF .picBox img{width:.59rem;height:.51rem}
.courseModule .contBox .listF .courseList{flex:1;display:flex;flex-wrap:wrap;padding:.2rem .4rem 0}
.courseModule .contBox .listF .courseList a{width:50%;line-height:.42rem}
.courseModule .contBox .listF .otherList h5{font-size:.24rem;color:#999999;font-weight:bold;margin-bottom:.1rem}
.courseModule .contBox .listF .otherList a{font-size:.22rem;color:#000000;line-height:.38rem;display:block}
.classroom{background:url('../images/bg_classroom.jpg') no-repeat center center;background-size:cover}
.classroom h3,.studyCase h3{font-size:.5rem;color:#000000;padding-top:.64rem;text-align:center}
.classroom b,.studyCase b{width:.4rem;height:.05rem;background:#ff7e71;margin:.28rem auto 0;display:block}
.classroom .infoList,.studyCase .infoList{padding:0.2rem .32rem 0;text-align:center}
.classroom .infoList p,.studyCase .infoList p{font-size:.22rem;color:#000000;line-height:.46rem}
.classroom .picBox{padding-top:.4rem;padding-left:.77rem}
.classroom .picBox img{width:6.31rem;height:5.77rem}
.package{padding:0 .15rem .5rem}
.package h3{font-size:.5rem;color:#000000;padding-top:.64rem;text-align:center}
.package .tip{font-size:.22rem;color:#999999;margin-top:.06rem;text-align:center;margin-bottom:.28rem;text-transform:uppercase;line-height:.42rem;padding:0 .2rem}
.package .listBox{border:1px dashed #ff7e71;padding:0 .2rem .2rem;border-radius:.1rem;margin-bottom:.3rem}
.package .listBox h4{font-weight:bold;font-size:.28rem;color:#ff7e71;text-align:center;width:1.4rem;margin:0 auto;line-height:.66rem;padding-top:.2rem;border-bottom:2px solid #ff7e71}
.package .listBlue h4{border-bottom-color:#095dff;color:#095dff}
.package .listBox .list{display:flex;flex-wrap:wrap;margin-top:.2rem}
.package .listBlue{border:1px dashed #095dff}
.package .listBox li{margin-bottom:.2rem;margin-right:.1rem;text-align:center;line-height:.53rem;font-size:.22rem;color:#ffffff;width:1.61rem;height:.53rem;border-radius:.05rem;background-color:rgb(255,126,113);box-shadow:.02rem .02rem .07rem 0 rgba(255,126,113,0.5)}
.package .listBox li:nth-child(4n){margin-right:0}
.package .listBlue li{font-size:.22rem;color:#ffffff;width:1.61rem;height:.53rem;border-radius:.05rem;background-color:rgb(9,93,255);box-shadow:.02rem .02rem .07rem 0 rgba(33,109,233,0.5)}
.package .listBlue li:nth-child(4n){margin-right:0}
.studyCase{padding-bottom:.68rem;background-image:-moz-linear-gradient( -90deg,rgb(84,98,142) 0%,rgb(47,59,96) 100%);background-image:-webkit-linear-gradient( -90deg,rgb(84,98,142) 0%,rgb(47,59,96) 100%);background-image:-ms-linear-gradient( -90deg,rgb(84,98,142) 0%,rgb(47,59,96) 100%)}
.studyCase h3{color:#fff}
.studyCase .infoList p{color:#fff}
.studyCase .picBox{padding-top:.22rem;text-align:center}
.studyCase .picBox img{width:7.23rem;height:4.94rem}
.teacher .topBox{height:6.47rem;background:url('../images/bg_teacher.jpg') no-repeat center center;background-size:cover;padding:0 .25rem}
.teacher h3{font-size:.5rem;color:#000;padding-top:.64rem;text-align:center;font-weight:bold}
.teacher .contBox{background-color:#fff;height:4.82rem;margin-top:.36rem}
.teacher .contBox .showInfo{display:flex;padding:0 .1rem;position:relative}
.teacher .contBox .showInfo::before{content:'';display:block;width:6.56rem;height:1px;background-color:#e6e6e6;bottom:0;left:50%;transform:translate(-50%,0);position:absolute}
.teacher .contBox .showInfo .headPic{position:relative;width:3.73rem;height:4.82rem;background:url('../images/bg_teacherHead.png') no-repeat center bottom;background-size:3.73rem 3.58rem;text-align:center}
.teacher .contBox .showInfo .headPic img{width:2.81rem;position:absolute;bottom:0;left:50%;margin-left:-1.4rem}
.teacher .contBox .showInfo .text{flex:1;padding-left:.26rem;padding-top:.6rem}
.teacher .contBox .showInfo .text .name{font-size:.38rem;color:#111111}
.teacher .contBox .showInfo .text .postText{font-size:.28rem;color:#111111;font-weight:bold;margin-top:.2rem}
.teacher .contBox .showInfo .text .courseText{font-size:.22rem;color:#111111;margin-top:.1rem}
.teacher .contBox .showInfo .text .des{font-size:.22rem;color:#6d7388;line-height:.38rem;margin-top:.1rem;overflow:hidden;text-overflow:ellipsis;display:-webkit-box}
.teacher .switchBox{padding:.28rem .2rem;box-sizing:border-box}
.teacher .switchBox .swiper-container{width:100%;height:1.84rem}
.teacher .switchBox .swiper-slide ul{display:flex}
.teacher .switchBox .swiper-slide ul li{flex:1}
.teacher .switchBox .swiper-slide ul li .pic{margin:0 auto;width:.94rem;height:.94rem;border-radius:.94rem;background-color:#8e94a0;text-align:center;overflow:hidden}
.teacher .switchBox .swiper-slide ul li .pic img{width:.64rem;margin-top:.1rem}
.teacher .switchBox .swiper-slide ul li .text{font-size:.22rem;color:#111111;text-align:center;margin-top:.1rem}
.teacher .switchBox .swiper-slide ul li.cur .pic{background-color:#6488c6}
.teacher .switchBox .swiper-slide ul li.cur .text{color:#095dff}
.teacher .switchBox .pagination{display:flex;text-align:center;position:absolute;height:.18rem;bottom:0;align-items:center;justify-content:center}
.teacher .switchBox .pagination .swiper-pagination-bullet{width:.18rem;height:.18rem}
.serveBox{padding-bottom:.38rem}
.serveBox h3{font-size:.4rem;color:#000000;padding-top:.4rem;text-align:center}
.serveBox .tip{font-size:.22rem;color:#999999;margin-top:.1rem;text-align:center;margin-bottom:.28rem}
.serveBox .contBox ul{padding:0 .25rem}
.serveBox .contBox ul li{height:2rem;box-shadow:0 0 .15rem 0 rgba(52,138,255,0.2);border-radius:.1rem;display:flex;align-items:center;margin-bottom:.26rem}
.serveBox .contBox ul li .picBox{width:2.56rem;text-align:center;font-size:0;position:relative;height:2rem;display:flex;align-items:center;justify-content:center}
.serveBox .contBox ul li .picBox::after{content:'';width:.72rem;height:.05rem;background-color:#216de9;position:absolute;bottom:0;left:50%;margin-left:-0.36rem}
.serveBox .contBox ul li:nth-child(1) .picBox img{width:.77rem;height:.72rem}
.serveBox .contBox ul li:nth-child(2) .picBox img{width:.77rem;height:.7rem}
.serveBox .contBox ul li:nth-child(3) .picBox img{width:.75rem;height:.66rem}
.serveBox .contBox ul li:nth-child(4) .picBox img{width:.71rem;height:.71rem}
.serveBox .contBox ul li .picBox h4{font-size:.28rem;color:#141739;margin-top:.16rem;font-weight:bold}
.serveBox .contBox ul li .text{display:flex;align-items:center;flex:1;padding-right:.3rem;font-size:.24rem;color:#999999;line-height:.4rem}
.bankSystem{padding-bottom:.25rem}
.bankSystem h3{font-size:.4rem;color:#000000;padding-top:.64rem;text-align:center}
.bankSystem .tip{font-size:.22rem;color:#999999;margin-top:.06rem;text-align:center;text-transform:uppercase}
.bankSystem .contBox{padding:.35rem .1rem}
.bankSystem .contBox ul{display:flex;flex-wrap:wrap;padding:0}
.bankSystem .contBox ul li{width:25%;text-align:center;margin-bottom:.3rem}
.bankSystem .contBox ul li .pic{font-size:0}
.bankSystem .contBox ul li .pic img{width:.66rem}
.bankSystem .contBox ul li h4{font-size:.28rem;color:#000000;margin-top:.18rem}
.bankSystem .contBox ul li p{font-size:.22rem;color:#999999;margin-top:.1rem}
.prediction{padding-bottom:.7rem;background:url("../images/bg_prediction.jpg") no-repeat center center;background-size:cover}
.prediction .picBox{padding-top:.2rem;text-align:center}
.prediction .picBox img{width:6.11rem;height:3.64rem}
.moduleBank h3{font-size:.5rem;color:#000000;padding-top:.64rem;text-align:center}
.moduleBank .infoList{padding:0.25rem .32rem 0;text-align:center}
.moduleBank .infoList h4{font-size:.28rem;color:#000000}
.moduleBank .infoList p{font-size:.24rem;color:#999999;margin-bottom:.2rem;line-height:.4rem}
.wrongQuestion{padding-bottom:.7rem}
.wrongQuestion .picBox{padding-top:.2rem;text-align:center}
.wrongQuestion .picBox img{width:6.81rem;height:4.16rem}
.testBox{padding-bottom:.3rem;background:url('../images/bg_test.jpg') no-repeat center center;background-size:cover}
.testBox .infoList ul li{display:flex;margin-bottom:.1rem;justify-content:center}
.testBox .infoList ul li h4{margin-bottom:0;margin-right:.16rem}
.testBox .infoList ul li p{margin-bottom:0;line-height:auto}
.testBox .picBox{padding-top:.05rem;text-align:center}
.testBox .picBox img{width:6.25rem;height:6.15rem}
.practicalBank{padding-bottom:.6rem;background:url('../images/bg_practicalBank.jpg') no-repeat center center;background-size:cover}
.practicalBank h3 em{font-size:.4rem;font-style:normal}
.practicalBank .infoList p{margin-bottom:0}
.practicalBank .picBox{padding-top:.3rem;text-align:center}
.practicalBank .picBox img{width:5.39rem;height:3.56rem}
.oemBox{padding-bottom:.6rem;background:url('../images/bg_oem.jpg') no-repeat center center;background-size:cover}
.oemBox .infoList p{margin-bottom:0}
.oemBox .picBox{padding-top:.4rem;text-align:center}
.oemBox .picBox img{width:5.69rem;height:6.15rem;margin-right:.13rem}
.crmModule{width:100%;padding-top:.7rem;padding-bottom:.6rem}
.crmModule h3{font-size:.5rem;text-align:center;line-height:.82rem;display:flex;justify-content:center}
.crmModule h3 img{width:.82rem;height:.82rem;margin-right:.2rem}
.crmModule p{font-size:.24rem;line-height:.4rem;text-align:center;color:#666666;padding-top:.2rem}
.crmModule .picBox{text-align:center;padding-top:.3rem}
.crmModule .picBox img{width:100%}
.customer,.statsBox,.systemBox{background-color:#e0f4ff}
.marketingModule{padding-bottom:.56rem}
.marketingModule h3{font-size:.5rem;color:#000000;text-align:center;padding-top:.64rem;margin-bottom:.2rem}
.marketingModule p.tip{font-size:.24rem;color:#666666;text-align:center;line-height:.4rem}
.marketingModule b{width:.4rem;height:.05rem;background:#ff7e71;display:block;margin:.2rem auto 0}
.marketingModule p.text{font-size:.22rem;color:#000000;line-height:.4rem;margin-top:.2rem;text-align:center}
.marketingModule .picBox{text-align:center;padding-top:.3rem}
.marketingModule .picBox img{width:100%}
.marketingModule .infoList{margin-top:.2rem}
.marketingModule .infoList h4{font-size:.28rem;color:#000000;text-align:center}
.marketingModule .infoList p{font-size:.24rem;color:#999999;line-height:.4rem;text-align:center;margin-bottom:.2rem}
.trialStudy,.dataLibrary,.onlineService{background:url('../images/bg_onlineService.jpg') no-repeat center center;background-size:cover}
.dataLibrary .picBox{padding-top:0}
.distribution p.tip{color:#999}
.materialPoster{padding-bottom:.56rem}
.materialPoster h3{font-size:.5rem;color:#000000;text-align:center;padding-top:.64rem;margin-bottom:.2rem}
.materialPoster p.tip{font-size:.24rem;color:#666666;text-align:center;line-height:.4rem}
.materialPoster .picBox{text-align:center;padding-top:.3rem}
.materialPoster .picBox img{width:100%}
.materialVideo{padding-bottom:.56rem;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 h3{font-size:.5rem;color:#000000;text-align:center;padding-top:.64rem;margin-bottom:.2rem}
.materialVideo p.tip{font-size:.24rem;color:#666666;text-align:center;line-height:.4rem}
.materialVideo .picBox{text-align:center;padding-top:.3rem;padding-bottom:1.8rem;position:relative}
.materialVideo .picBox img{width:100%}
.materialVideo .picBox a.guide{width:2.85rem;height:1.8rem;position:absolute;bottom:0;left:.24rem}
.materialVideo .picBox a.message{width:3.15rem;height:1.29rem;position:absolute;bottom:0.02rem;left:3.32rem}
.materialVideo .picBox a.publicize{width:2.85rem;height:1.29rem;position:absolute;bottom:1.4rem;right:.21rem}
.onlineService{padding-bottom:.45rem}
.onlineService h3{font-size:.5rem;color:#000000;text-align:center;padding-top:.64rem;margin-bottom:.2rem}
.onlineService ul{padding:0.2rem .34rem 0}
.onlineService ul li{display:flex;padding:.25rem 0;background-color:#fff;border-radius:.25rem;margin-bottom:.3rem}
.onlineService ul li .pic{width:1.2rem;display:flex;align-items:center;justify-content:center}
.onlineService ul li .pic img{width:.64rem;height:.64rem}
.onlineService ul li .text{flex:1;padding-right:.62rem}
.onlineService ul li .text h4{font-size:.24rem;color:#000000}
.onlineService ul li .text p{font-size:.24rem;color:#666666;line-height:.4rem}
.styleModule .picBox{position:relative}
@keyframes run{to{transform:translateY(-4.16rem)}
}.styleModule .picBox .moduleSelect{padding:.15rem .2rem;width:1.4rem;height:1.47rem;border-radius:.1rem;background-color:#ff7e71;position:absolute;top:.8rem;right:.38rem}
.styleModule .picBox .moduleSelect h4{font-size:.22rem;color:#ffffff;display:flex;justify-content:space-between;align-items:center}
.styleModule .picBox .moduleSelect h4 i{display:block;float:right;width:.11rem;height:.11rem;background:url('../images/styleModule_icon.png') no-repeat;background-size:cover;margin-top:.02rem}
.styleModule .picBox .moduleSelect .scrollBox{margin-top:.1rem;height:.95rem;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:.27rem;background-color:#ff8f84;font-size:.22rem;color:#fff;text-align:center;margin-bottom:.05rem}
.newsBox{padding:0 .3rem .65rem}
.newsBox .newsList li:last-child{border:0}
.newsBox .newsList li{padding:.38rem 0;border-bottom:1px solid #ebebeb}
.newsBox .newsList li h3{font-size:.24rem;color:#111111;font-weight:bold}
.newsBox .newsList li .contBox{display:flex;margin-top:.26rem;align-items:center}
.newsBox .newsList li .contBox .picBox{width:2.2rem;height:1.45rem}
.newsBox .newsList li .contBox .picBox img{width:100%;height:100%}
.newsBox .newsList li .contBox .text{flex:1;padding-left:.36rem;font-size:.22rem;color:#999999;line-height:.4rem;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:4}
.pageBox{display:flex;justify-content:center;margin-top:.2rem}
.pageBox a{display:block;margin-right:.05rem;width:.5rem;height:.5rem;text-align:center;line-height:.5rem;font-size:.24rem;color:#666666;border:1px solid #dbdbde;border-radius:.1rem;box-sizing:border-box}
.pageBox a.prev,.pageBox a.next{width:1.1rem;height:.5rem}
.pageBox a.cur{background-color:#ff7e71;color:#fff;border:#fff}
.backBox{padding:1rem 0 0;font-size:0}
.backBox a{display:inline-block;line-height:.88rem;align-items:center;padding-left:.3rem;font-size:.24rem;color:#999999}
.backBox a img{width:.3rem;height:.26rem;margin-right:.14rem;margin-top:-0.01rem}
.newsDetails{padding-bottom:.6rem}
.newsDetails .topBox{padding:.3rem;border-bottom:1px solid #e3e3e3}
.newsDetails .topBox h3{font-size:.32rem;line-height:.52rem;font-weight:bold;line-height:.52rem}
.newsDetails .topBox p{display:flex;justify-content:center;padding-top:.28rem}
.newsDetails .topBox p span{font-size:.22rem;color:#333333;margin:0 .15rem}
.newsDetails .topBox p img{width:.23rem;height:.23rem;margin-right:.1rem;vertical-align:-0.02rem}
.newsDetails .contBox{font-size:.24rem}
.newsDetails .contBox{padding:.3rem .24rem}
.newsDetails .contBox p{font-size:.24rem;color:#666666;line-height:.42rem;margin-bottom:.2rem}
.newsDetails .contBox p img{width:100%}
.newsDetails .contBox h2{font-size:.24rem;color:#000000}
.nextOrPre{padding:0 .24rem}
.nextOrPre p{display:flex;padding:0 1.3rem 0 .3rem;align-items:center;background-color:#efefef;height:.86rem}
.nextOrPre p:last-child{background-color:#dfdfdf}
.nextOrPre a{font-size:.22rem;color:#333333;display:block;line-height:.34rem}
.moreNews{padding:.66rem .24rem 0}
.moreNews h3{font-size:.24rem;color:#111111;font-weight:bold}
.moreNews ul{font-size:0;padding-top:.25rem}
.moreNews ul li{margin-bottom:.28rem}
.moreNews ul li a{font-size:.22rem;color:#333333}
.moreNews ul li u{display:inline-block;width:.11rem;height:.2rem;background:url('../images/icon_arrowText.png') no-repeat center center;background-size:cover;margin-right:.2rem}
.moreNews ul li:last-child{margin-bottom:0}
.introduce{padding-bottom:.2rem}
.introduce h3{font-size:.4rem;color:#000000;padding-top:.64rem;text-align:center}
.introduce p.tip{font-size:.3rem;color:#999999;text-transform:uppercase;text-align:center;line-height:.38rem}
.introduce .picBox{padding:.3rem .5rem 0}
.introduce .picBox img{width:100%}
.introduce .infoList{padding:.3rem .5rem 00}
.introduce .infoList p{font-size:.24rem;color:#333333;line-height:.42rem;margin-bottom:.46rem}
.honorBox{padding-bottom:.6rem;background:url('../images/bg_honor.jpg') no-repeat center center;background-size:cover}
.honorBox h3{font-size:.4rem;color:#000000;padding-top:.64rem;text-align:center}
.honorBox p.tip{font-size:.22rem;color:#999999;text-align:center;line-height:.4rem}
.honorBox .honorNav{display:flex;padding:.3rem;justify-content:space-between}
.honorBox .honorNav a{display:block;width:2.2rem;height:.57rem;line-height:.57rem;text-align:center;font-size:.24rem;color:#0056ff;border:1px solid #0056ff;border-radius:.08rem}
.honorBox .honorNav a.cur{color:#fff;background:#0056ff}
.honorBox .botBox .listBox{display:none;overflow:hidden;overflow-x:scroll}
.honorBox .botBox .listBox ul{white-space:nowrap;padding:0 .3rem}
.honorBox .botBox .listBox ul li{box-sizing:border-box;display:inline-block;width:2.65rem;height:3.7rem;box-shadow:0 0 .15rem 0 rgba(215,241,248,.4);border-radius:.05rem;background-color:#fff;padding:0 .24rem}
.honorBox .botBox .listBox ul li .pic img{width:100%}
.honorBox .botBox .listBox ul li .pic{height:3rem;border-bottom:1px solid #dbdbde;display:flex;align-items:center}
.honorBox .botBox .listBox ul li h4{text-align:center;font-size:.22rem;color:#333333;line-height:.68rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.culture{padding-bottom:.65rem}
.culture .textBox{padding:0 .65rem}
.culture h3{font-size:.42rem;color:#000000;padding-top:.64rem;text-align:center;width:.95rem;height:.95rem;font-weight:bold;line-height:.5rem;letter-spacing:.02rem}
.culture h4{display:flex;align-items:center}
.culture h4 em{display:inline-block;width:.3rem;font-size:.22rem;line-height:.3rem;font-style:normal;text-align:center}
.culture h4 em u{display:inline-block;width:.15rem;height:.15rem;border-radius:.15rem;background-color:#0056ff}
.culture h4 span{font-size:.8rem;color:#0056ff;font-weight:bold;margin-left:.26rem}
.culture ul{padding-top:.35rem;padding-bottom:.25rem;background:url('../images/watermark_culture.png') no-repeat;background-size:2.35rem 2.28rem;background-position:1rem .1rem}
.culture ul li{font-size:.24rem;color:#999999;margin-bottom:.2rem}
.culture ul li i{display:inline-block;width:14px;height:14px;vertical-align:-0.02rem;border:0.03rem solid #0056ff;box-sizing:border-box;border-radius:.14rem;margin-right:.1rem}
.culture ul li em{font-style:normal;color:#111111}
.culture .picBox{padding:0 .35rem}
.culture .picBox img{width:100%}
.history{padding-bottom:.7rem;background:url('../images/bg_history.jpg') no-repeat center center;background-size:cover}
.history h3{font-size:.4rem;color:#000000;padding-top:.64rem;text-align:center}
.history p.tip{font-size:.3rem;color:#999999;text-align:center;line-height:.38rem;text-transform:uppercase;margin-bottom:.15rem}
.history p.text{font-size:.24rem;color:#000000;line-height:.42rem;text-align:center}
.history .switchBox{padding:.3rem .45rem 0}
.history .switchBox .swiper-slide{width:100%;font-size:0}
.history .switchBox .swiper-slide img{width:100%}
.history .histroyInfo{padding:0 .75rem;margin-top:-.88rem;position:relative;z-index:10}
.history .histroyInfo ul{width:100%;height:4.12rem;background-color:#0056ff;border-radius:.05rem;overflow:hidden;overflow-y:scroll;padding:.3rem .3rem;box-sizing:border-box}
.history .histroyInfo ul li{border-left:1px dotted #4080ff;padding-left:.28rem;padding-bottom:.1rem}
.history .histroyInfo ul li h5::before{content:'';width:.11rem;height:.11rem;border-radius:.11rem;background-color:#fff;position:absolute;left:-0.34rem;top:50%;margin-top:-0.05rem}
.history .histroyInfo ul li h5{font-size:.28rem;color:#ffffff;font-weight:bold;position:relative}
.history .histroyInfo ul li h5 em{font-style:normal;font-size:.24rem}
.history .histroyInfo ul li .text p{font-size:.24rem;color:#bbd5ff;line-height:.38rem}
.moduleMedia h3{font-size:.4rem;color:#000000;padding-top:.64rem;text-align:center}
.moduleMedia p.tip{font-size:.3rem;color:#999999;text-align:center;line-height:.38rem;text-transform:uppercase}
.moduleMedia .contBox ul li{width:3.2rem;height:4.29rem;margin-bottom:.38rem}
.moduleMedia .contBox ul{display:flex;padding:0 .35rem;flex-wrap:wrap;justify-content:space-between;padding-top:.3rem}
.studyCenter .contBox ul li{width:3.2rem;height:4.29rem;background:url('../images/studyCenter_bg.png') no-repeat;background-size:cover}
.mediaCenter .contBox ul li{width:3.2rem;height:4.29rem;background:url('../images/mediaCenter_bg.png') no-repeat;background-size:cover}
.mediaCenter{padding-bottom:.3rem}
.mediaCenter h3{padding-top:.3rem}
.moduleMedia .contBox ul li h5{font-size:.22rem;color:#000000;padding-top:.52rem;text-align:center}
.moduleMedia .contBox ul li .code{width:1.9rem;height:1.9rem;margin:.4rem auto}
.moduleMedia .contBox ul li .code img{width:100%}
.moduleMedia .contBox ul li h4{font-size:.24rem;color:#ffffff;text-align:center;margin-top:.7rem}
.videoPopup{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);z-index:101;display:none}
.videoPopup .contBox{width:6.4rem;height:3.6rem;border-radius:.18rem;border:0.03rem solid #88c7fe;overflow:hidden}
.videoPopup .contBox video{width:100%;height:100%}
.videoPopup .closeBtn{position:absolute;bottom:-1.29rem;left:50%;transform:translate(-50%,0)}
.videoPopup .closeBtn img{width:.66rem}