@charset "utf-8";* html,* html body{background-attachment:fixed}
body{background:#fff;font-size:14px;font-family:"Microsoft YaHei","微软雅黑","SimSun","宋体";color:#293237}
html,body,div,ul,li,ol,dl,dt,dd,form,fieldset,h1,h2,h3,h4,h5,h6,p,br,pre,form,fieldset,textarea,blockquote,p,span,button{margin:0px;padding:0px;border:0px}
li{list-style-type:none}
label{cursor:pointer}
img{vertical-align:top;border:0}
em,i,u{font-style:normal}
u{text-decoration:none}
ol,ul,li{list-style:none}
.cf:before,.cf:after,.clearfix:before,.clearfix:after{content:"";display:table}
.cf:after,.clearfix:after{clear:both}
.cf,.clearfix{*zoom:1}
.clear{clear:both}
.clearfix{clear:both}
h1,h2,h3,h4,h5,h6{font-weight:normal}
a:link,a:visited{text-decoration:none;color:#293237}
a:hover,a:active{color:#f00}
.fl{float:left}
.banner{width:100%;height:640px;overflow:hidden;min-width: 1200px;}
.swiper-container-banner{position:relative;height:100%}
.swiper-container-banner .swiper-slide{width:100%;height:640px;position:relative}
.swiper-container-banner .swiper-slide .textBox{display:flex;align-items:center;flex-wrap:wrap;box-sizing:border-box;padding-top:70px;width:1200px;height:640px;position:absolute;top:0;left:50%;margin-left:-600px}
.swiper-container-banner .swiper-slide .textBox p.tip{font-size:24px;color:#000000;width:100%}
.swiper-container-banner .swiper-slide .textBox h3{font-size:48px;color:#171e32;font-weight:bold;width:100%;margin-top:28px;line-height:66px}
.swiper-container-banner .swiper-slide .textBox a{margin-top:25px;font-size:18px;text-transform:uppercase;color:#0057ff;letter-spacing:2px;display:flex;align-items:center}
.swiper-container-banner .swiper-slide .textBox i{margin-left:22px;width:48px;height:48px;border:1px solid #0057ff;border-radius:48px;display:flex;align-items:center;justify-content:center}
.swiper-container-banner .pagination{position:absolute;z-index:20;bottom:30px;width:100%;width:1200px;left:50%;margin-left:-600px}
.swiper-container-banner .swiper-pagination-switch{display:inline-block;width:70px;height:6px;border-radius:6px;background:#fff;margin:0 5px;opacity:0.5;border:1px solid #fff;cursor:pointer}
.swiper-container-banner .swiper-active-switch{opacity:1}
.heart{animation:heart 1s ease-in-out infinite alternate}
.onlineSchool{height:775px;background:url('../images/bg_onlineSchool.jpg') no-repeat center center;padding:110px 0 60px;min-width:1200px;box-sizing:border-box}
.onlineSchool .module_center{position:relative}
.onlineSchool .picBox{transition:all .3s;position:absolute;top:0;left:91px}
.onlineSchool .creatWeb{width:770px;padding-left:430px;height:396px}
.onlineSchool .creatWeb h3{font-size:26px;color:#000000}
.onlineSchool .creatWeb .introduce{font-size:16px;color:#999999;line-height:2;margin-top:25px}
.onlineSchool .creatWeb .infoBox{width:100%;margin-top:45px}
.onlineSchool .creatWeb .infoBox ul{display:flex;flex-wrap:wrap}
.onlineSchool .creatWeb .infoBox ul li{height:54px;margin-bottom:64px;width:242px;display:flex;align-items:center}
.onlineSchool .creatWeb .infoBox ul li:nth-child(3n){margin-right:0}
.onlineSchool .creatWeb .infoBox ul li:nth-child(2),.onlineSchool .creatWeb .infoBox ul li:nth-child(5){width:286px}
.onlineSchool .creatWeb .infoBox ul li .pic{width:50px;text-align:center;margin-right:15px}
.onlineSchool .creatWeb .infoBox ul li .text{flex:1}
.onlineSchool .creatWeb .infoBox ul li .text h4{font-size:18px;color:#141739;margin-top:1px}
.onlineSchool .creatWeb .infoBox ul li .text p{font-size:16px;color:#999999;margin-top:10px}
.onlineSchool .creatWeb .infoBox ul li .pic img{transition:all .3s;transform:rotate(0)}
.onlineSchool .creatWeb .infoBox ul li:hover .pic img{transform:rotate(360deg)}
.onlineSchool .entranceBox{margin-top:10px}
.onlineSchool .entranceBox h3{font-size:28px;color:#000000;font-weight:bold}
.onlineSchool .entranceBox h3 i{display:inline-block;width:29px;height:29px;background:url('../images/icon_onlineSchool.png') no-repeat;vertical-align:-4px;margin-right:14px}
.onlineSchool .entranceBox .listBox{margin-top:30px}
.onlineSchool .entranceBox .listBox li{padding:0 50px 0 55px;display:flex;justify-content:space-between;align-items:center;box-sizing:border-box;float:left;width:288px;height:135px;border-radius:5px;margin-right:16px}
.onlineSchool .entranceBox .listBox 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%)}
.onlineSchool .entranceBox .listBox 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%)}
.onlineSchool .entranceBox .listBox 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%)}
.onlineSchool .entranceBox .listBox li:nth-child(4){margin-right:0;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%)}
.onlineSchool .entranceBox .listBox li .pic{float:left;width:65px;text-align:center;}
.onlineSchool .entranceBox .listBox li:hover .pic img{animation:heart1 .3s cubic-bezier(0.25,0.1,0.25,1) infinite alternate;-webkit-animation:heart1 .3s cubic-bezier(0.25,0.1,0.25,1) infinite alternate}
.onlineSchool .entranceBox .listBox li .text{float:right;font-size:18px;color:#fff;line-height:28px;width:120px;padding-left:20px}
.onlineSchool .entranceBox .listBox li:nth-child(3) .text{margin-top:-6px}
.teacherBox{position: relative;height:1027px;background:url('../images/bg_teacherBox.jpg') no-repeat center top;min-width:1200px;padding-top:66px;box-sizing:border-box}
.teacherBox .title{text-align:center}
.teacherBox .title h3{font-size:40px;color:#000000}
.teacherBox .title .tip{font-size:20px;color:#999999;padding-top:18px}
.teacherBox .topBox{height:710px}
.teacherBox .courseBox{height:251px;min-width:1200px}
.teacherBox .courseBox.navBg01{background:url('../images/teacher_navBg01.jpg') no-repeat center top}
.teacherBox .courseBox.navBg02{background:url('../images/teacher_navBg02.jpg') no-repeat center top}
.teacherBox .courseBox.navBg03{background:url('../images/teacher_navBg03.jpg') no-repeat center top}
.teacherBox .courseBox.navBg04{background:url('../images/teacher_navBg04.jpg') no-repeat center top}
.teacherBox .courseBox.navBg05{background:url('../images/teacher_navBg05.jpg') no-repeat center top}
.teacherBox .courseBox.navBg06{background:url('../images/teacher_navBg06.jpg') no-repeat center top}
.teacherBox .courseBox .navBox ul{display:flex;height:64px;align-items:center}
.teacherBox .courseBox .navBox ul li{margin-right:28px;cursor:pointer}
.teacherBox .courseBox .navBox ul li em{display:none;width:30px;height:30px;background-color:#3d5673;position:relative;bottom:-10px}
.teacherBox .courseBox .navBox ul li.cur em{display:inline-block}
.teacherBox .courseBox .navBox ul li.cur u{display:inline-block;text-decoration:none;width:30px;line-height:30px;font-size:20px;color:#fff;font-weight:bold;text-align:center;position:absolute;top:-6px;right:-5px;background-color:rgba(0,87,255,.8)}
.teacherBox .courseBox .navBox ul li.cur{width:284px;text-align:center}
.teacherBox .courseBox .navBox ul li.cur span{background-color:transparent;font-size:28px;color:#000000;width:auto;margin-left:22px}
.teacherBox .courseBox .navBox ul li span{color:#567d9f;border-radius:33px;width:114px;line-height:33px;display:inline-block;background-color:#d7e9fa;text-align:center}
.teacherBox .courseBox .tabBox .tabCont{display:none;padding-top:38px}
.teacherBox .courseBox .tabBox .tabCont.showBox{display:flex !important;flex-wrap:wrap}
.teacherBox .courseBox .tabBox .tabCont a{font-size:16px;color:#000000;position:relative;width:145px;margin-bottom:30px;margin-right:20px}
.teacherBox .courseBox .tabBox .tabCont a span{position:relative}
.teacherBox .courseBox .tabBox .tabCont a:hover span::after{content:'';display:inline-block;padding:0 5px;width:100%;height:6px;border-radius:6px;background-color:rgba(21,106,253,.3);position:absolute;left:-6px;bottom:0}
.teacherBox .contBox{position:relative;height:556px;margin-top:40px}
.teacherBox .prevBtn{z-index:10;cursor:pointer;width:75px;height:75px;background:url('../images/switch_arrow.png') no-repeat center center;position:absolute;left:50px;top:50%;margin-top:-37px}
.teacherBox .nextBtn{z-index:10;cursor:pointer;width:75px;height:75px;transform:rotate(180deg);background:url('../images/switch_arrow.png') no-repeat center center;position:absolute;right:50px;top:50%;margin-top:-37px}
.teacherBox .contBox .leftBox{animation:moveLeft 1s ease-in-out 0s infinite alternate;z-index:10;width:266px;height:317px;background:url('../images/teacher_bg_left.png') no-repeat center center;position:absolute;top:70px;left:-9px}
.teacherBox .contBox .leftBox h4{font-size:28px;color:#ffffff;font-weight:bold;line-height:55px;padding-left:44px}
.teacherBox .contBox .leftBox .textBox{padding:25px 54px 0 30px}
.teacherBox .contBox .leftBox .textBox h5{font-size:20px;color:#010101;font-weight:bold;line-height:38px}
.teacherBox .contBox .leftBox .textBox p{font-size:20px;color:#010101;line-height:38px}
.teacherBox .contBox .rightBox{animation:moveLeft 1s ease-in-out 0s infinite alternate;z-index:10;width:266px;height:317px;background:url('../images/teacher_bg_right.png') no-repeat center center;position:absolute;top:168px;right:-9px}
.teacherBox .contBox .rightBox h4{font-size:28px;color:#ffffff;font-weight:bold;line-height:55px;padding-left:100px}
.teacherBox .contBox .rightBox .textBox{padding:25px 30px 0 48px;font-size:20px;color:#010101;line-height:38px}
.teacherBox .contBox .rightBox .textBox b{font-weight:bold}
.teacherBox .contBox .swiper-container-teacher{width:1200px;position:relative;overflow:hidden;height: 560px;}
.teacherBox .contBox .swiper-container-teacher .swiper-slide{display:flex;align-items:center;justify-content:center;position:relative}
.teacherBox .contBox .swiper-container-teacher .swiper-slide .glass01{position:absolute;top:357px;left:264px;z-index:3;animation:moveLeft .8s ease 0s infinite alternate}
.teacherBox .contBox .swiper-container-teacher .swiper-slide .glass02{position:absolute;top:86px;left:703px;z-index:1;animation:moveTop .8s ease 0s infinite alternate}
.teacherBox .contBox .swiper-container-teacher .swiper-slide .pic01{position:relative;z-index:2}
.teacherBox .contBox .swiper-container-teacher .swiper-slide .stampBtn{animation:stampScale 2s linear 0s infinite;position:absolute;top:374px;left:702px;width:144px;height:144px;z-index:3;display:flex;align-items:center;justify-content:center}
.teacherBox .contBox .swiper-container-teacher .swiper-slide .stampBtn .round{border-radius:72px;position:absolute;top:0;left:0;animation:stampRotate 2s linear 0s infinite;width:144px;height:144px;border:1px solid #fff1df}
.teacherBox .contBox .swiper-container-teacher .swiper-slide .stampBtn .round::before{content:'';display:block;width:9px;height:9px;border-radius:9px;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:-4px;left:50%;margin-left:-4px}

.bankBox{height:927px;padding-top:60px;overflow:hidden;box-sizing:border-box;min-width: 1200px;}
.bankBox .title{text-align:center}
.bankBox .title h3{font-size:40px;color:#000000}
.bankBox .title .tip{font-size:20px;color:#999999;padding-top:18px}
.bankBox .contBox{padding-top:49px;display:flex}
.bankBox .contBox ul{width:417px;margin-right:114px}
.bankBox .contBox ul li{width:100%;height:140px;position:relative}
.bankBox .contBox ul li .leftBox{padding-left:40px;display:flex;align-items:center;height:140px}
.bankBox .contBox ul li .leftBox .num{height:39px;width:41px;margin-right:16px}
.bankBox .contBox ul li .leftBox .text h3{font-size:24px;color:#9b9eb2}
.bankBox .contBox ul li .leftBox .text p{font-size:16px;color:#9b9eb2;padding-top:8px}
.bankBox .contBox ul li:nth-child(1) .leftBox .num{background:url('../images/bankList_num01.png') no-repeat center center}
.bankBox .contBox ul li:nth-child(2) .leftBox .num{background:url('../images/bankList_num02.png') no-repeat center center}
.bankBox .contBox ul li:nth-child(3) .leftBox .num{background:url('../images/bankList_num03.png') no-repeat center center}
.bankBox .contBox ul li:nth-child(4) .leftBox .num{background:url('../images/bankList_num04.png') no-repeat center center}
.bankBox .contBox ul li:nth-child(5) .leftBox .num{background:url('../images/bankList_num05.png') no-repeat center center}
.bankBox .contBox ul li i{transition:all .3s;position:absolute;right:33px;top:45px;display:block;width:40px;height:40px;background:url('../images/icon_bank_arrow.png') no-repeat center center;border-radius:40px}
.bankBox .contBox ul li.cur{border-radius:5px;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 ul li.cur:nth-child(1) .leftBox .num{background:url('../images/bankList_num01_on.png') no-repeat center center}
.bankBox .contBox ul li.cur:nth-child(2) .leftBox .num{background:url('../images/bankList_num02_on.png') no-repeat center center}
.bankBox .contBox ul li.cur:nth-child(3) .leftBox .num{background:url('../images/bankList_num03_on.png') no-repeat center center}
.bankBox .contBox ul li.cur:nth-child(4) .leftBox .num{background:url('../images/bankList_num04_on.png') no-repeat center center}
.bankBox .contBox ul li.cur:nth-child(5) .leftBox .num{background:url('../images/bankList_num05_on.png') no-repeat center center}
.bankBox .contBox ul li.cur i{right:25px;display:block;width:40px;height:40px;background:url('../images/icon_bank_arrow_blue.png') no-repeat center center #fff;border-radius:40px}
.bankBox .contBox ul li.cur .leftBox .text h3{color:#fff}
.bankBox .contBox ul li.cur .leftBox .text p{color:#fff}
.bankBox .contBox ul li.cur::after{content:'';display:block;width:417px;height:132px;background:url('../images/bg_bankBox_list.png') no-repeat;position:absolute;top:138px;left:0}
.bankBox .contBox .swiper-container-bank{width:669px;height:684px;margin-top:25px;box-sizing:border-box;overflow:hidden}
.bankBox .contBox .swiper-slide{width:669px;height:684px;overflow:hidden}
.bankBox .contBox .swiper-slide h4{font-size:28px;color:#000001}
.bankBox .contBox .swiper-slide i.icon_more{display:inline-block;width:27px;height:6px;background:url('../images/icon_more.png') no-repeat center;margin-top:20px}
.bankBox .contBox .swiper-slide p{font-size:16px;color:#999999;padding-top:15px;line-height:26px}
.bankBox .contBox .swiper-slide .picBox{padding-top:30px}
.serveBox{height:800px;background:url('../images/bg_server.jpg') no-repeat center center;padding-top:85px;box-sizing:border-box;min-width:1200px}
.serveBox h3{font-size:40px;color:#ffffff;text-align:center}
.serveBox .contBox{position:relative}
.serveBox .contBox .centerBox{width:308px;height:290px;position:absolute;left:442px}
.serveBox .contBox .centerBox .line_gif{position: absolute;top: 152px;left: 75px;z-index: 10;animation:moveTop 2s ease-in-out 0s infinite alternate}
.serveBox .contBox .centerBox .pic_head{position:absolute;top:68px;left:68px;z-index:4;animation:moveTop 2s ease-in-out 0s infinite alternate}
.serveBox .contBox .centerBox .pic_arrow{position:absolute;top:-19px;right:-45px;z-index:3;animation:swing 2s ease-in-out 0s infinite alternate}
.serveBox .contBox .centerBox .pic_book{position:absolute;top:205px;left:158px;z-index:5;animation:moveLeft 2s ease-in-out 0s infinite alternate}
.serveBox .contBox .centerBox .pic_ebook{position:absolute;top:129px;left:0;z-index:2;animation:moveLeft 2s ease-in-out 0s infinite alternate}
.serveBox .outsideRound{cursor:pointer;width:155px;height:54px;background:url('../images/outsideRound_red.png') no-repeat center center;position:relative}
.serveBox .copyRound{width:155px;height:54px;border-radius:50%;border:1px solid transparent;position:absolute;top:-8px;left:-4px;box-sizing:border-box}
.serveBox .copyRound em{width:9px;height:9px;display:flex;justify-content:center;align-items:center;border-radius:9px;background:rgba(240,79,63,.5);position:absolute;bottom:-5px;left:0px}
.serveBox .copyRound u{display:block;width:5px;height:5px;border-radius:5px;background-color:#f04f3f}
.serveBox .info{transition:all .8s;display:none;width:216px;border-radius:5px;box-sizing:border-box;box-shadow:0px 4px 5px 0px rgba(243,181,175,.61);padding:20px 20px 30px;font-size:16px;color:#111111;line-height:30px;background-color:#fff;background-image:-moz-linear-gradient( 0deg,rgb(255, 239, 237) 0%,rgb(253, 211, 207) 100%);background-image:-webkit-linear-gradient( 0deg,rgb(255, 239, 237) 0%,rgb(253, 211, 207) 100%);background-image:-ms-linear-gradient( 0deg,rgb(255, 239, 237) 0%,rgb(253, 211, 207) 100%);position:absolute;top:50px;left:38px}
.serveBox .info::before{content:'';display:block;border: 10px solid rgb(255, 237, 234);width:0;border-right-color:transparent;border-left-color:transparent;border-top:0;position:absolute;top:-10px;left:30px}
.serveBox .info::after{border-radius:0 0 5px 5px;content:'';display:block;width:100%;position:absolute;left:0;bottom:0;height:17px;background-image:-moz-linear-gradient( 0deg,rgb(255,219,215) 0%,rgb(243,181,175) 100%);background-image:-webkit-linear-gradient( 0deg,rgb(255,206,201) 0%,rgb(248,134,124) 100%);background-image:-ms-linear-gradient( 0deg,rgb(255,219,215) 0%,rgb(243,181,175) 100%)}
.serveBox .lui-column-bg{transition:all .8s;position:absolute;top:6px;left:50%;transform:translate(-50%,0);width:113px;height:16px;background-color:transparent;background-image:-moz-linear-gradient( 0deg,rgb(254,126,114) 0%,rgb(240,78,62) 100%);background-image:-webkit-linear-gradient( 0deg,rgb(254,126,114) 0%,rgb(240,78,62) 100%);background-image:-ms-linear-gradient( 0deg,rgb(254,126,114) 0%,rgb(240,78,62) 100%)}
.serveBox .lui-column-bg:before{position:absolute;content:'';display:block;height:40px;width:100%;border-radius:50%;top:-20px;z-index:1;background-image:-moz-linear-gradient( 0deg,rgb(255,219,215) 0%,rgb(243,181,175) 100%);background-image:-webkit-linear-gradient( 0deg,rgb(255,219,215) 0%,rgb(243,181,175) 100%);background-image:-ms-linear-gradient( 0deg,rgb(255,219,215) 0%,rgb(243,181,175) 100%)}
.serveBox .lui-column-bg:after{position:absolute;content:'';display:block;height:40px;width:100%;border-radius:50%;bottom:-20px;background-image:-moz-linear-gradient( 0deg,rgb(254,126,114) 0%,rgb(240,78,62) 100%);background-image:-webkit-linear-gradient( 0deg,rgb(254,126,114) 0%,rgb(240,78,62) 100%);background-image:-ms-linear-gradient( 0deg,rgb(254,126,114) 0%,rgb(240,78,62) 100%)}
.serveBox .lui-inner:before{position:absolute;content:'';display:block;height:32px;width:100px;border-radius:50%;margin-left:6px;top:-16px;z-index:1;background:url('../images/pic_cylinder_inner.png') no-repeat}
.serveBox .mask{position:relative;width:113px;height:87px;top:-67px;z-index:1;background:url('../images/pic_cylinder_mask_red.png') no-repeat}
.serveBox .text{transition:all .3s;font-size:18px;color:#b43123;z-index:3;position:absolute;top:-17px;left:0;text-align:center;width:100%}
.serveBox .num{position:absolute;width:23px;height:23px;z-index:3;top:8px;left:50%;margin-left:-11px;display:flex;align-items:center;justify-content:center;border:1px solid rgb(255,215,211);border-radius:50%;font-size:16px;color:#fff;font-weight:bold;background-image:-moz-linear-gradient( -55deg,rgb(253,122,110) 0%,rgb(212,51,35) 100%);background-image:-webkit-linear-gradient( -55deg,rgb(253,122,110) 0%,rgb(212,51,35) 100%);background-image:-ms-linear-gradient( -55deg,rgb(253,122,110) 0%,rgb(212,51,35) 100%)}
.serveBox .blueBox.outsideRound{width:155px;height:54px;background:url('../images/outsideRound_blue.png') no-repeat center center;position:relative;z-index:10}
.serveBox .blueBox .copyRound{width:155px;height:54px;border-radius:50%;border:1px solid transparent;position:absolute;top:-8px;left:-4px;box-sizing:border-box}
.serveBox .blueBox .copyRound em{width:9px;height:9px;display:flex;justify-content:center;align-items:center;border-radius:9px;background:rgba(16,170,254,.5);position:absolute;bottom:-5px;left:0}
.serveBox .blueBox .copyRound u{display:block;width:5px;height:5px;border-radius:5px;background-color:#10aafe}
.serveBox .blueBox .info{box-shadow:0px 4px 5px 0px rgba(124,174,218,0.61);padding:20px 20px 30px;font-size:16px;color:#111111;line-height:30px;background-color:#fff;background-image:-moz-linear-gradient( -90deg,rgb(245,251,255) 0%,rgb(218,240,255) 100%);background-image:-webkit-linear-gradient( -90deg,rgb(245,251,255) 0%,rgb(218,240,255) 100%);background-image:-ms-linear-gradient( -90deg,rgb(245,251,255) 0%,rgb(218,240,255) 100%);position:absolute;top:50px;left:38px}
.serveBox .blueBox .info::before{content:'';display:block;border:10px solid #f4faff;width:0;border-right-color:transparent;border-left-color:transparent;border-top:0;position:absolute;top:-10px;left:30px}
.serveBox .blueBox .info::after{content:'';display:block;width:100%;position:absolute;left:0;bottom:0;height:17px;background-image:-moz-linear-gradient( 0deg,rgb(170,228,255) 0%,rgb(117,199,255) 100%);background-image:-webkit-linear-gradient( 0deg,rgb(170,228,255) 0%,rgb(117,199,255) 100%);background-image:-ms-linear-gradient( 0deg,rgb(170,228,255) 0%,rgb(117,199,255) 100%)}
.serveBox .outsideRound:hover .lui-column-bg{height:0;top:22px}
.serveBox .outsideRound:hover .text{font-weight:bold}
.serveBox .outsideRound:hover .info{display:block;top:66px}
.serveBox .outsideRound:hover .copyRound em{animation:animX 2s cubic-bezier(0.36,0,0.64,1) -1s infinite alternate,animY 2s cubic-bezier(0.36,0,0.64,1) 0s infinite alternate,scale 4s cubic-bezier(0.36,0,0.64,1) 0s infinite alternate}
.serveBox .blueBox .lui-column-bg{position:absolute;top:6px;left:50%;transform:translate(-50%,0);width:113px;height:16px;background-color:transparent;background-image:-moz-linear-gradient( 0deg,rgb(16,171,254) 0%,rgb(0,69,232) 100%);background-image:-webkit-linear-gradient( 0deg,rgb(16,171,254) 0%,rgb(0,69,232) 100%);background-image:-ms-linear-gradient( 0deg,rgb(16,171,254) 0%,rgb(0,69,232) 100%)}
.serveBox .blueBox .lui-column-bg:before{position:absolute;content:'';display:block;height:40px;width:100%;border-radius:50%;top:-20px;z-index:1;background-image:-moz-linear-gradient( 0deg,rgb(222,246,255) 0%,rgb(190,223,255) 100%);background-image:-webkit-linear-gradient( 0deg,rgb(222,246,255) 0%,rgb(190,223,255) 100%);background-image:-ms-linear-gradient( 0deg,rgb(222,246,255) 0%,rgb(190,223,255) 100%)}
.serveBox .blueBox .lui-column-bg:after{position:absolute;content:'';display:block;height:40px;width:100%;border-radius:50%;bottom:-20px;background-image:-moz-linear-gradient( 0deg,rgb(16,171,254) 0%,rgb(0,69,232) 100%);background-image:-webkit-linear-gradient( 0deg,rgb(16,171,254) 0%,rgb(0,69,232) 100%);background-image:-ms-linear-gradient( 0deg,rgb(16,171,254) 0%,rgb(0,69,232) 100%)}
.serveBox .blueBox .lui-inner:before{position:absolute;content:'';display:block;height:32px;width:100px;border-radius:50%;margin-left:6px;top:-16px;z-index:1;background:url('../images/pic_cylinder_inner_blue.png') no-repeat}
.serveBox .blueBox .mask{position:relative;width:113px;height:87px;top:-67px;z-index:1;background:url('../images/pic_cylinder_mask_blue.png') no-repeat}
.serveBox .blueBox .text{font-size:18px;color:#1350c8;z-index:3;position:absolute;top:-17px;left:0;text-align:center;width:100%}
.serveBox .blueBox .num{position:absolute;width:23px;height:23px;z-index:3;top:8px;left:50%;margin-left:-11px;display:flex;align-items:center;justify-content:center;border:1px solid rgb(172,224,255);border-radius:50%;font-size:16px;color:#fff;font-weight:bold;background-image:-moz-linear-gradient( -55deg,rgb(134,222,255) 0%,rgb(0,123,237) 100%);background-image:-webkit-linear-gradient( -55deg,rgb(134,222,255) 0%,rgb(0,123,237) 100%);background-image:-ms-linear-gradient( -55deg,rgb(134,222,255) 0%,rgb(0,123,237) 100%)}
.serveBox .leftBox{width:460px;position:absolute;top:0;left:0;z-index:30}
.serveBox .leftBox .round01{position:absolute;top:78px;left:287px}
.serveBox .leftBox .round01 .copyRound em{left:71px;bottom:-12px}
.serveBox .leftBox .round02{position:absolute;top:88px;left:24px;z-index:30}
.serveBox .leftBox .round02 .copyRound em{left:101px;bottom:-10px}
.serveBox .leftBox .round03{position:absolute;top:251px;left:161px}
.serveBox .leftBox .round03 .copyRound em{left:123px;bottom:-6px}
.serveBox .leftBox .round04{position:absolute;top:400px;left:62px}
.serveBox .leftBox .round04 .copyRound em{left:152px;bottom:18px}
.serveBox .leftBox .round05{position:absolute;top:511px;left:303px}
.serveBox .leftBox .round05 .copyRound em{left:152px;bottom:15px}
.serveBox .rightBox{width:537px;position:absolute;top:0;right:0;z-index:30}
.serveBox .rightBox .round01 .copyRound em{left:76px;bottom:-12px}
.serveBox .rightBox .round01{position:absolute;top:128px;right:191px}
.serveBox .rightBox .round02 .copyRound em{left:9px;bottom:1px}
.serveBox .rightBox .round02{position:absolute;top:231px;right:27px}
.serveBox .rightBox .round03 .copyRound em{left:-2px;bottom:14px}
.serveBox .rightBox .round03{position:absolute;top:400px;right:144px}
.serveBox .rightBox .round04 .copyRound em{left:152px;bottom:18px}
.serveBox .rightBox .round04{position:absolute;top:523px;right:389px}
.publicize{height:700px;background:url('../images/bg_publicize.jpg') no-repeat center center;background-size:cover;min-width: 1200px;}
.publicize .leftBox{padding-top:150px}
.publicize .leftBox .logo{width:82px}
.publicize .leftBox h3{font-size:34px;color:#000000;line-height:52px;padding-top:36px}
.publicize .leftBox h4{font-size:38px;color:#0057ff;font-weight:bold;padding-top:32px}
.publicize .leftBox a{margin-top:40px;display:flex;width:166px;height:46px;border:1px solid #fff;border-radius:23px;background-color:#ff7e71;font-size:18px;color:#fff;justify-content:center;align-items:center}
.publicize .leftBox a img{margin-left:10px;}
.publicize .leftBox a:hover img{animation:moveLeft .6s ease-in-out 0s infinite alternate;}
.publicize .videoBox{display:block;width:640px;height:360px;position:absolute;right:2px;top:202px;border-radius:10px;overflow:hidden;box-sizing: border-box;border: 3px solid #e8f2ff;}
.operate{padding:60px 0 24px}
.operate .title{text-align:center}
.operate .title h3{font-size:40px;color:#000000}
.operate .title .tip{font-size:20px;color:#999999;padding-top:15px}
.operate .contBox{padding-top:40px}
.operate .contBox ul{display:flex;justify-content:space-between}
.operate .contBox ul li{width:270px}
.operate .contBox ul li .pic{height:177px;width:100%;overflow:hidden}
.operate .contBox ul li .pic img{width:100%}
.operate .contBox ul li .pic:hover img{animation:bigScale 2s linear 0s infinite;}
.operate .contBox ul li .text{padding-top:20px}
.operate .contBox ul li .text h4{font-size:18px;color:#111111;line-height:32px}
.operate .contBox ul li .text p{font-size:14px;color:#999999;line-height:26px;margin-top:6px}
.cooperation{padding:24px 0 30px}
.cooperation .title{text-align:center}
.cooperation .title h3{font-size:40px;color:#000000}
.cooperation .title .tip{font-size:20px;color:#999999;padding-top:15px}
.cooperation .contBox ul{display:flex;flex-wrap:wrap;padding-top:40px}
.cooperation .contBox ul li{width:169px;height:169px;margin-right:37px;text-align:center;margin-bottom:30px;cursor: pointer;transition: all .3s;border-radius: 10px;}
.cooperation .contBox ul li:nth-child(6n){margin-right:0}
.cooperation .contBox ul li .pic{height:120px;display:flex;justify-content:center;align-items:center}
.cooperation .contBox ul li .pic img{transition: all .3s;}
.cooperation .contBox ul li .text{font-size:16px;color:#333333;margin-top:12px}
.cooperation .contBox ul li:hover{box-shadow: 0px 3px 8px 0px rgba(167, 200, 237, 0.35);}
.cooperation .contBox ul li:hover .pic img{transform: rotateY(360deg);}