html,body,div,ul,li,h1,h2,h3,h4,h5,h6,p,dl,dt,dd,ol,form,input,textarea,th,td,select{margin:0;padding:0}
h1,h2,h3,h4,h5,h6{font-weight:normal}
ul,ol,a{list-style:none;text-decoration:none}
*{box-sizing:border-box}
button{outline:none;text-align:center}

.linetwo{background-image:linear-gradient(to top,#fff,#fff,#fff,#fafafa,#f8f8f8,#f8f8f8);-webkit-background-clip:text;-webkit-text-fill-color:transparent}
.center{width:1200px; margin:0 auto}
.ntit{font-size:16px;text-align:center;text-transform:uppercase}
.ntit span{color:#4e80ff}
.ntit i{color:#2f4dc0}
input:-internal-autofill-selected{background-color:transparent!important}
.clear{zoom:1;}
.clear:after{clear:both; height:0; visibility:hidden; font-size:0; display:block; content:"";}
.allwidth{width:100%;min-width:1200px}
.fl{float:left;}
.fr{float:right;}

.header{width: 100%; background: #fff; box-shadow: 2px 2px 6px 0px rgb(204 204 204 / 50%);}
.header .logo{display: block; height: 88px; padding: 8px 0; float: left; margin-right: 39px;}
.header .logo img{height: 100%;}
.header ul {float: left;}
.header ul li{float: left;}
.header ul li a{display: block; font-size: 18px; line-height: 18px; font-weight: bold; padding: 35px 17px;}
.header ul li a:hover{color: #1f86ff;}
.header .fr{padding: 33px 0; line-height: 22px;}
.header .topTel{color: #1f86ff; float: left; margin-right: 16px;}
.header .topTel i{display: block; float: left; width: 20px; height: 22px; margin-right: 5px; background:url(../images/icon_tel.png)no-repeat;}
.header .topPhone{float: left; margin-right: 16px;}
.header .topPhone a{color: #1f86ff;}
.header .topPhone i{display: block; float: left; width: 20px; height: 22px; margin-right: 5px; background:url(../images/icon_phone.png)no-repeat;}
.header .loginCont {color: #c7dde8; float: left;}
.header .loginCont a{color: #1f86ff; padding: 0 6px}
.header .loginCont a:hover{text-decoration: underline;}
.header .loginCont .userImg{display: block; height:20px; height:20px; float:left; margin-right: 5px;}
.header .loginCont span{color: #1f86ff; float: left;}

/* banner */
.banner{width:100%; height:500px;}
.banner .flexslider{position:relative; width:100%; height:500px; overflow: hidden; z-index:1;}
.banner .flexslider .slides{z-index:2; overflow:hidden;}
.banner .flexslider .slides li{width:100%; height:500px; overflow:hidden; text-align: center;}
.flex-control-nav{position:absolute; bottom:8px; z-index:2; width: 100%; text-align:center;}
.flex-control-nav li{ display:inline-block;  margin:0 5px; *display:inline; zoom:1;}
.flex-control-nav a{ display:inline-block; width:10px; height:10px; line-height:40px; overflow:hidden; background:#FFF; opacity:.5; border-radius:5px; cursor:pointer;}
.flex-control-nav .flex-active{width: 30px !important; opacity:1;}


.waterworld{background:#fff; min-width: 1200px; overflow: hidden;}
.waterworld .leftbar{position:fixed;width:128px;height:312px;background-position-x:0;background-color:#ffa100;top:50%;margin-top:-180px;left:0;z-index:99;text-align:center;padding:18px 10px;overflow:hidden}
.waterworld .leftbar .barclose{background-color:#fdd9d9;color:#ff4949;font-size:16px;padding-top:15px;width:40px;height:40px;border-radius:20px;position:absolute;right:-16px;padding-left:10px;text-align:left;top:-16px}
.waterworld .leftbar .barclose:hover{cursor:pointer}
.waterworld .leftbar .clk_ask{font-size:20px;color:#fff;line-height:40px}
.waterworld .leftbar .f_item{background:#fff;width:100px;height:212px;margin:0 auto}
.waterworld .leftbar .f_item .every_item{margin:0 auto;width:100px;height:40px;font-size:15px;line-height:40px;border-bottom:1px solid #ededed}
.waterworld .leftbar .f_item .every_item a{color:#333}
.waterworld .leftbar .f_item .every_item:hover{cursor:pointer}
.waterworld .leftbar .f_item .every_item:last-child{border-bottom:none}
.waterworld .leftbar .gotop{font-size:16px;color:#fff;line-height:38px;position:relative}
.waterworld .leftbar .gotop::after{content:'<';transform:rotate(90deg);position:absolute;right:31px;bottom:-2px}
.waterworld .leftbar .gotop:hover{cursor:pointer}
.waterworld .rightbar{position: fixed;right: 10px; top: 50%; width: 150px;z-index: 100;text-align: center;margin-top: -110px;background-color: #fff;padding-bottom: 6px;}
.waterworld .rightbar img{width: 150px;}



.waterworld .mfty{width: 1920px; height:158px; padding-top:40px; background: url(../images/mfty.png)center center no-repeat;}
.waterworld .message{width:1200px;height:66px;border-radius:66px; margin: 0 auto;}
.waterworld .message .agreement{font-size:14px; text-align: center; margin-top: 10px;}
.waterworld .message .agreement label span{font-size:14px}
.waterworld .message .agreement label input{vertical-align:middle;display:inline-block;width:14px;height:20px;margin:-2px 3px 0 0;}
.waterworld .message .agreement a{color:#4e80ff;text-decoration:none}
.waterworld .message .form2{display:flex;align-items:center;position:relative; margin:0 95px 0 226px;}
.waterworld .message .form2 .submitit{width:216px;height:66px;position:absolute;right:-1px;top:0}
.waterworld .message .form2 .submitit button{width:210px;height:65px;font-size:18px;position:absolute; text-indent: 1.5em; background:url(../images/send1.png)no-repeat 44px center,linear-gradient(to top,#EFC214,#FFE377);  right:0;top:0;color:#333;border-radius:66px;outline:none;border:none}
.waterworld .message .form2 .submitit button:hover{cursor:pointer}
.waterworld .message .form2 .ipt{position:relative; margin-right:20px;}
.waterworld .message .form2 .ipt .Telephone2{width:310px;height:64px;font-size:16px;position:relative;outline:none;border:none;background:#fff; border:1px solid #cecece; border-radius: 3px;padding-left: 84px;}
.waterworld .message .form2 .ev_r{position:relative}
.waterworld .message .form2 .ev_r .sel{width:218px;height:62px;font-size:16px;outline:none;border:none;background:transparent;padding-left:58px}
.waterworld .message .form2 .ipt2{position:relative}
.waterworld .message .form2 .ipt2 .reg-tel2{width:310px;height:64px;font-size:16px;position:relative;outline:none;border:none;background:#fff;padding-left:84px;  border:1px solid #cecece; border-radius: 3px;}
.waterworld .message .form2 .ipt2 .getphonecode{width:120px;height:38px;border-radius:38px;background-color:#f3f3f3;color:#999;outline:none;border:none}
.waterworld .message .form2 .ipt::before{content:'';position:absolute;width:74px;height:30px;background:url(../images/phone1.png) no-repeat center;border-right:1px solid #cccccc;left:0;top:16px;z-index:14}
.waterworld .message .form2 .ev_r::before{content:'';position:absolute;width:46px;height:30px;background:url(../images/class1.png) no-repeat left;border-right:1px solid #cccccc;left:0;top:16px;z-index:14}
.waterworld .message .form2 .ipt2::before{content:'';position:absolute;width:74px;height:30px;background:url(../images/lock1.png) no-repeat center;border-right:1px solid #cccccc;left:0;top:16px;z-index:14}


.waterworld .hotclass{height:1020px;padding-top:184px;position:relative}
.waterworld .hotclass .registercon .re_center{margin-top:50px;display:flex;justify-content:space-between;flex-wrap:wrap}
.waterworld .hotclass .registercon .re_center .every_re{width:380px;height:160px;margin-bottom:27px;position:relative;padding:36px 0 0 189px}
.waterworld .hotclass .registercon .re_center .every_re .xuhao{position:absolute;top:0;left:18px;width:34px;height:36px;background:url('../images/numberbg.png') no-repeat center;color:#fff;font-weight:bold;font-size:16px;text-align:center;line-height:36px}
.waterworld .hotclass .registercon .re_center .every_re .pre_bd .bd_title{font-size:24px;margin-bottom:10px;font-weight:bold;color:#333}
.waterworld .hotclass .registercon .re_center .every_re .pre_bd .bd_word{font-size:16px;color:#999999;line-height:26px}
.waterworld .hotclass .registercon .re_center .every_re1{background:url('../images/prepare1.png') no-repeat center}
.waterworld .hotclass .registercon .re_center .every_re2{background:url('../images/prepare2.png') no-repeat center}
.waterworld .hotclass .registercon .re_center .every_re3{background:url('../images/prepare3.png') no-repeat center}
.waterworld .hotclass .registercon .re_center .every_re4{background:url('../images/prepare4.png') no-repeat center}
.waterworld .hotclass .registercon .re_center .every_re5{background:url('../images/prepare5.png') no-repeat center}
.waterworld .hotclass .registercon .re_center .every_re6{background:url('../images/prepare6.png') no-repeat center}
.waterworld .hotclass .registercon .re_center .every_re7{background:url('../images/prepare7.png') no-repeat center}
.waterworld .hotclass .registercon .re_center .every_re8{background:url('../images/prepare8.png') no-repeat center}
.waterworld .hotclass .registercon .re_center .every_re9{background:url('../images/prepare9.png') no-repeat center}
.waterworld .hotclass .registercon .re_more{margin-top:20px;text-align:center}
.waterworld .hotclass .registercon .re_more .knowmore{width:380px;height:60px; line-height: 60px; display: inline-block; background:linear-gradient(102deg, #88a9ff, #4e80ff);outline:none;border:none;font-size:18px;color:#fff;border-radius:60px}
.waterworld .hotclass .registercon .re_more .knowmore:hover{cursor:pointer;background:linear-gradient(102deg, #4e80ff,#88a9ff);}

.waterworld .dastall{height:894px;padding-top:50px;background:url('../images/dastbg.png') no-repeat center / cover;position:relative}
.waterworld .dastall .dastin{height:712px;background:url('../images/dastinbg.png') no-repeat center;position:relative}
.waterworld .dastall .dastin .ps1{left:0;bottom:196px}
.waterworld .dastall .dastin .ps2{bottom:382px;left:54px}
.waterworld .dastall .dastin .ps3{left:50%;margin-left:-190px;top:22px}
.waterworld .dastall .dastin .ps4{right:54px;bottom:382px}
.waterworld .dastall .dastin .ps5{bottom:196px;right:0}
.waterworld .dastall .dastin .every_da{position:absolute;padding:19px 40px;width:324px;height:98px;background-color:#fff;box-shadow:0 0 20px #eeeaea;border-radius:8px;display:flex}
.waterworld .dastall .dastin .every_da .da_center{display:flex}
.waterworld .dastall .dastin .every_da .da_center .da_intro{font-size:18px;color:#666;line-height:28px}
.waterworld .dastall .dastin .every_da .da_center .singleword{width:56px;height:56px;border-radius:100%;color:#fff;font-size:28px;line-height:56px;text-align:center;background:linear-gradient(to right,#ffcd5a,#ffb530)}
.waterworld .dastall .dastin .every_da:hover{transform:scale(1.1);cursor:pointer}
.waterworld .dastall .dastin .da_left{text-align:right}
.waterworld .dastall .dastin .da_left .da_intro{margin-right:24px}
.waterworld .dastall .dastin .da_right{text-align:left}
.waterworld .dastall .dastin .da_right .da_intro{margin-left:24px}
.waterworld .dastall .dastin .da_left::before{position:absolute;right:-12px;top:50%;margin-top:-12px;content:'';width:0;height:0;border-left:12px dashed #fff;border-top:12px solid transparent;border-bottom:12px solid transparent}
.waterworld .dastall .dastin .da_right::before{position:absolute;left:-12px;top:50%;margin-top:-12px;content:'';width:0;height:0;border-right:12px dashed #fff;border-top:12px solid transparent;border-bottom:12px solid transparent}
.waterworld .dastall .dastin .da_middle::before{position:absolute;top:110px;left:50%;margin-left:-12px;content:'';width:0;height:0;border-top:12px dashed #fff;border-left:12px solid transparent;border-right:12px solid transparent}
.waterworld .dastall .trynowit{position:absolute;width:100%;height:80px;bottom:156px;left:0;z-index:14;text-align:center}
.waterworld .dastall .trynowit .knowmore{width:380px;height:60px;line-height: 60px;background:linear-gradient(102deg, #88a9ff, #4e80ff);outline:none;border:none;font-size:18px;color:#fff;border-radius:60px;display: inline-block;}
.waterworld .dastall .trynowit .knowmore:hover{cursor:pointer;background:linear-gradient(102deg, #4e80ff,#88a9ff);}



.teacherTeam{ padding: 30px 0 15px 0; position: relative; background: url(../images/teacher_bg.png)no-repeat center top;}
.teacherTeam .title03 {background: url(../images/title03.png)no-repeat center center; width: 100%; height: 62px;}
.teacherTeam .teacher_tit02 { color: #666; padding: 24px 0 10px; text-align: center;}
.teacherTeam .teacher_tit03 {display: block; width: 174px; height: 24px; line-height: 24px; background: linear-gradient(102deg, rgb(136, 169, 255), rgb(78, 128, 255)); color: #fff; margin: 0 auto; text-align: center; border-radius: 20px;}
.teacherTeam .viewCon{width: 1200px; margin:30px auto 0; position: relative; height: 486px; background: #fff;}
.teacherTeam .view{width:100%; height: 440px; position: absolute; left: 0; top:33px;}
.teacherTeam .view .t_left{margin-left: 122px; }
.teacherTeam .view .t_left h5{font-size: 24px; line-height: 24px; margin-bottom: 26px;}
.teacherTeam .view .t_left h5 a{display: inline-block; width: 27px; height: 19px; margin-left: 20px; position: relative; top: 2px;  background: url(/static26/images/teacher_shiting.png);}
.teacherTeam .view .t_left h5:after{display: block; content: ''; width: 93px; height: 5px; margin-top: 8px; background: url(/static26/images/teacher_line.png); }
.teacherTeam .view .t_left p{line-height: 28px; margin-bottom: 15px;}
.teacherTeam .view .t_left p:after{content:""; display:block; visibility:hidden; height:0; clear:both;}
.teacherTeam .view .t_left p b{color: #4e80ff; float: left; display: block;}
.teacherTeam .view .t_left p span{width: 577px; float: left; display: block; display: -webkit-box; overflow: hidden; text-overflow: ellipsis; -webkit-line-clamp: 5; -webkit-box-orient: vertical;}
.teacherTeam .view .t_right{width: 378px; height: 400px; text-align: center; position: absolute; right:0; bottom: 0; background:url(/static22/images/teacher_big_bg.png)no-repeat center; overflow: hidden;}
.teacherTeam .view .t_right img{vertical-align: bottom;}
.teacherTeam .preview{position: absolute; left: 10px; bottom: 10px; width: 680px; padding: 10px 46px 10px 36px; background: #F5F5F5; cursor: pointer;}
.teacherTeam .preview .swiper-container{width:630px; height: 160px; overflow: hidden;}
.teacherTeam .preview .swiper-slide{opacity: 0.7; width: 142px; height: 160px; margin: 0 7px; text-align: center; background:url(/static22/images/teacher_small_bg.png); overflow: hidden;}
.teacherTeam .preview .swiper-slide img{width: 130px; margin-top: 10px;}
.teacherTeam .preview .btn{position:absolute; top: 0; width: 24px; height: 100%; z-index: 2; background-repeat: no-repeat; background-position: center;}
.teacherTeam .preview .prev{background-image:url(/static22/images/teacher_arrow_prev.png); left:0;}
.teacherTeam .preview .next{background-image:url(/static22/images/teacher_arrow_next.png); right:0;}
.teacherTeam .preview .active{opacity: 1;}
.teacherTeam .preview .btn:hover{opacity: .8;}


.waterworld .ashore{overflow:hidden;height:980px;background:url('../images/ashorebg.png') no-repeat top / cover;position:relative;background-size:100% 844px;padding-top:42px;z-index:18}
.waterworld .ashore .ashoreback{position:absolute;width:1920;height:844px;top:0;left:50%;margin-left:-960px;z-index:-1}
.waterworld .ashore .allashore{margin-top:42px;display:flex;justify-content:space-between;flex-wrap:wrap;position:relative}
.waterworld .ashore .allashore .every_ashore{margin-bottom:46px;width:370px;height:206px;padding:32px 40px;border-radius:6px;background-color:#fff}
.waterworld .ashore .allashore .every_ashore .shore_tit{display:flex;align-items:center;margin-bottom:50px}
.waterworld .ashore .allashore .every_ashore .shore_tit span{font-size:22px;position:relative}
.waterworld .ashore .allashore .every_ashore .shore_tit span::after{position:absolute;content:'';width:41px;height:3px;background-color:#4e80ff;left:0;bottom:-27px}
.waterworld .ashore .allashore .every_ashore .shore_tit .shore_time{margin-left:8px;font-size:14px;width:70px;height:21px;color:#fff;text-align:center;align-items:center;background:linear-gradient(to right,#ffcb52,#ffb32c)}
.waterworld .ashore .allashore .every_ashore .shore_intro{font-size:16px;line-height:32px;color:#666}
.waterworld .ashore .allashore .every_ashore .shore_intro span{color:#333}
.waterworld .ashore .allashore .shore1{background:url('../images/01.png') no-repeat top;background-color:#fff;background-position-x:214px;background-position-y:72px}
.waterworld .ashore .allashore .shore2{background:url('../images/02.png') no-repeat top;background-color:#fff;background-position-x:214px;background-position-y:72px}
.waterworld .ashore .allashore .shore3{background:url('../images/03.png') no-repeat top;background-color:#fff;background-position-x:214px;background-position-y:72px}
.waterworld .ashore .allashore .shore4{background:url('../images/04.png') no-repeat top;background-color:#fff;background-position-x:214px;background-position-y:72px}
.waterworld .ashore .allashore .shore5{background:url('../images/05.png') no-repeat top;background-color:#fff;background-position-x:214px;background-position-y:72px}
.waterworld .ashore .allashore::before{content:'';position:absolute;width:250px;height:140px;background:url('../images/ashoresucc.png') no-repeat center;left:60px;top:0;z-index:22}

.waterworld .ashore .concat_as{height:270px;background-color:#fff;border-radius:4px;box-shadow:0 10px 40px #f2f2f2;padding-top:20px}
.waterworld .ashore .concat_as .message{width:1110px;height:66px;border-radius:66px;border:1px solid #4e80ff;overflow:hidden;margin:0 auto;margin-top:44px;position:relative}
.waterworld .ashore .concat_as .message .agreement{position:absolute;bottom:-42px;left:50%;margin-left:-200px;font-size:14px}
.waterworld .ashore .concat_as .message .agreement label span{font-size:14px}
.waterworld .ashore .concat_as .message .agreement label input{vertical-align:middle;display:inline-block;width:14px;height:20px;margin-top:-2px}
.waterworld .ashore .concat_as .message .agreement a{color:#4e80ff;text-decoration:none}
.waterworld .ashore .concat_as .message .form1{display:flex;align-items:center;position:relative}
.waterworld .ashore .concat_as .message .form1 .submitit{width:216px;height:66px;position:absolute;right:-1px;top:0}
.waterworld .ashore .concat_as .message .form1 .submitit button{width:216px;height:66px;font-size:16px;position:absolute;background:url('../images/send2.png') no-repeat left;background-position-x:44px;background-color:#4e80ff;right:0;top:0;color:#fff;border-top-right-radius:66px;border-bottom-right-radius:66px;outline:none;border:none}
.waterworld .ashore .concat_as .message .form1 .submitit button:hover{cursor:pointer}
.waterworld .ashore .concat_as .message .form1 .ipt{position:relative}
.waterworld .ashore .concat_as .message .form1 .ipt .Telephone2{width:294px;height:62px;font-size:16px;position:relative;outline:none;border:none;background:transparent;padding-left:84px}
.waterworld .ashore .concat_as .message .form1 .ev_r{position:relative}
.waterworld .ashore .concat_as .message .form1 .ev_r .sel{width:218px;height:62px;font-size:16px;outline:none;border:none;background:transparent;padding-left:58px}
.waterworld .ashore .concat_as .message .form1 .ipt2{position:relative}
.waterworld .ashore .concat_as .message .form1 .ipt2 .reg-tel2{width:234px;height:62px;font-size:16px;position:relative;outline:none;border:none;background:transparent;padding-left:84px}
.waterworld .ashore .concat_as .message .form1 .ipt2 .getphonecode{width:120px;height:38px;border-radius:38px;background-color:#f3f3f3;color:#999;outline:none;border:none}
.waterworld .ashore .concat_as .message .form1 .ipt::before{content:'';position:absolute;width:74px;height:30px;background:url(../images/phone1.png) no-repeat center;border-right:1px solid #cccccc;left:0;top:16px;z-index:14}
.waterworld .ashore .concat_as .message .form1 .ev_r::before{content:'';position:absolute;width:46px;height:30px;background:url(../images/class1.png) no-repeat left;border-right:1px solid #cccccc;left:0;top:16px;z-index:14}
.waterworld .ashore .concat_as .message .form1 .ipt2::before{content:'';position:absolute;width:74px;height:30px;background:url(../images/lock1.png) no-repeat center;border-right:1px solid #cccccc;left:0;top:16px;z-index:14}


.waterworld .studydata{height:692px;background-color:#f7f7f7;padding-top:36px}
.waterworld .studydata .datacenter{height:504px;background:url('../images/databg.png') no-repeat center;background-position-x:0;margin-top:30px;padding:94px 46px;display:flex;position:relative}
.waterworld .studydata .datacenter .qrcodewrap{position:absolute;right:-4px;top:0;width:286px;height:448px;text-align:center;padding:63px 0}
.waterworld .studydata .datacenter .qrcodewrap .scanit{color:#fff;font-size:22px;font-weight:bold;margin-top:52px}
.waterworld .studydata .datacenter .qrcodewrap .getmore{margin-bottom:24px;margin-top:6px;color:#fff;font-size:16px}
.waterworld .studydata .datacenter .qrcodewrap .getinfo ._getinfo{font-size:14px;outline:none;background:#fff;border:none;width:210px;height:42px;line-height: 42px;display: inline-block;border-radius:42px;color:#4e80ff}
.waterworld .studydata .datacenter .qrcodewrap .getinfo ._getinfo b{font-size:15px}
.waterworld .studydata .datacenter .qrcodewrap .getinfo ._getinfo:hover{cursor:pointer}
.waterworld .studydata .datacenter .every_data{width:360px;margin-right:50px}
.waterworld .studydata .datacenter .every_data .data_title{margin-bottom:18px;font-size:20px;font-weight:bold;border-bottom:1px solid #dbdedb;line-height:54px;padding-left:6px}
.waterworld .studydata .datacenter .every_data .data_title span{position:relative;padding-left:15px}
.waterworld .studydata .datacenter .every_data .data_title span::before{position:absolute;content:'';width:6px;height:20px;left:0;top:4px;background-color:#4e80ff}
.waterworld .studydata .datacenter .every_data .ev_piece{margin-bottom:24px;display:flex;justify-content:space-between;align-items:center}
.waterworld .studydata .datacenter .every_data .ev_piece span{position:relative;padding-left:28px}
.waterworld .studydata .datacenter .every_data .ev_piece span::before{content:'';position:absolute;left:2px;top:0;width:16px;height:17px;background:url('../images/datatit.png') no-repeat center}
.waterworld .studydata .datacenter .every_data .ev_piece a{width:110px;height:35px;line-height: 35px;text-align: center; outline:none;border:1px solid #4e80ff;background-color:transparent;color:#4e80ff;font-size:16px;border-radius:35px}
.waterworld .studydata .datacenter .every_data .ev_piece a:hover{cursor:pointer;background-color:#4e80ff;color:#fff}
.waterworld .studydata .datacenter .every_data2{width:410px}

.waterworld .scence{height:570px;background:url('../images/scencebg.png') no-repeat center / cover;background-size:100% 100%;padding-top:40px}
.waterworld .n_titile{font-size:36px;display:flex;justify-content:center;font-weight:bold;line-height:60px}
.waterworld .n_titile .n_tit{position:relative;z-index:4;color:#333}
.waterworld .n_titile .n_tit .letterbg{position:absolute;width:800px;left:50%;margin-left:-400px;bottom:16px;font-size:44px;z-index:-1;color:#f9f9f9;font-weight:600;text-align:center;text-transform:uppercase}
.waterworld .n_titile .n_tit span{font-size:34px;position:relative}
.waterworld .n_titile .n_tit span i{color:#4e80ff;font-style:normal}
.waterworld .n_titile .n_tit span::before{content:'';width:82px;height:30px;background:url('../images/title_before.png') no-repeat center;position:absolute;left:-36px;bottom:-10px}
.waterworld .n_titile .n_tit span::after{content:'';width:143px;height:32px;background:url('../images/title_aft.png') no-repeat center;position:absolute;right:-32px;bottom:-2px}
.waterworld .n_titile .n_tit .span1{color:#fff}
.waterworld .n_titile .n_tit .span1 i{color:#fffc00;font-style:normal}
.waterworld .n_titile .n_tit .span1::before{content:'';width:82px;height:30px;background:url('../images/title_before2.png') no-repeat center;position:absolute;left:-36px;bottom:-10px}
.waterworld .n_titile .n_tit .span1::after{content:'';width:143px;height:32px;background:url('../images/title_aft2.png') no-repeat center;position:absolute;right:-32px;bottom:-2px}
.waterworld .n_titile .n_tit .whitetit{color:#fff;background-color:transparent}
.waterworld .n_titile .n_tit .whitetit i{color:#4e80ff}
.waterworld .n_titile .n_tit .whitetit2{color:#333;background-color:transparent}
.waterworld .n_titile .n_tit .whitetit2 i{color:#4e80ff}
.waterworld .n_titile .n_tit .whitetit::before{content:'';width:146px;height:26px;background:url('../images/title_before.png') no-repeat center;position:absolute;left:-160px;bottom:9px}
.waterworld .n_titile .n_tit .whitetit::after{content:'';width:146px;height:26px;background:url('../images/title_aft2.png') no-repeat center;position:absolute;right:-160px;bottom:9px}
.waterworld .n_titile .n_tit .whitetit2::before{content:'';width:32px;height:25px;background:url('../images/content.png') no-repeat center;position:absolute;left:-50px;bottom:5px}
.waterworld .n_titile .n_tit .whitetit2::after{content:'';width:32px;height:25px;background:url('../images/content.png') no-repeat center;position:absolute;right:-50px;bottom:5px}
.waterworld .n_titile .n_tit2{color:#fff}

.waterworld .science_all{margin-top:-2px;padding:30px 0;border-radius:10px}
.waterworld .science_all .sc_wrap{margin-top:42px;width:1200px;height:552px;position:relative;background-size:107%}
.waterworld .science_all .sc_wrap .every_sc{position:absolute;width:308px;height:200px}
.waterworld .science_all .sc_wrap .every_sc .img{text-align:left}
.waterworld .science_all .sc_wrap .every_sc .scenceword{position:absolute;width:160px;left:78px;top:0}
.waterworld .science_all .sc_wrap .every_sc .scenceword .tit{width:116px;color:#fff;font-size:22px;font-weight:500;text-align:left;margin-bottom:32px;position:relative}
.waterworld .science_all .sc_wrap .every_sc .scenceword .tit::before{content:'';position:absolute;width:25px;height:2px;background-color:#fff;bottom:-20px;left:0}
.waterworld .science_all .sc_wrap .every_sc .scenceword .sc_inner{color:#fff;text-align:left;line-height:28px;font-size:16px}
.waterworld .science_all .sc_wrap .sc1{left:0;top:110px}
.waterworld .science_all .sc_wrap .sc2{left:190px;top:0}
.waterworld .science_all .sc_wrap .sc3{left:406px;top:130px}
.waterworld .science_all .sc_wrap .sc4{left:590px;top:0}
.waterworld .science_all .sc_wrap .sc5{left:794px;top:120px}
.waterworld .science_all .sc_wrap .sc6{left:1000px;top:20px}

.waterworld .study_process{padding:60px 0 0 0}
.waterworld .study_process .process_tit{font-size:36px;color:#333;font-weight:bold;width:190px;margin:0 auto;text-align:center;position:relative}
.waterworld .study_process .process_wrap{display:flex;justify-content:space-between;margin-top:40px}
.waterworld .study_process .process_wrap .every_pro{width:220px;height:264px;border-radius:6px;border:1px solid #e8e8e8;position:relative;text-align:center;box-shadow:0 2px 5px #eeebeb;background-color:#fff;border-radius:10px;padding-top:202px}
.waterworld .study_process .process_wrap .every_pro .stbg{position:absolute;width:100%;height:100px;font-size:50px;top:16px;left:0;text-align:center;text-transform:uppercase;font-weight:bold}
.waterworld .study_process .process_wrap .every_pro .liuc_info{color:#333;font-size:16px;line-height:28px}
.waterworld .study_process .process_wrap .every_pro .mybtn{position:absolute;width:34px;height:52px;right:0;bottom:20px;z-index:10;line-height:52px;padding-left:8px;color:#fff;background-color:#d9d9d9;cursor:pointer}
.waterworld .study_process .process_wrap .every_pro .mybtn:hover{background-color:#4e80ff}
.waterworld .study_process .process_wrap .pro1{background:url('../images/liuc1.png') no-repeat center;background-color:#fff;border-top-style:inset;border-radius:6px;border-top:4px solid #ff568a}
.waterworld .study_process .process_wrap .pro2{background:url('../images/liuc2.png') no-repeat center;background-color:#fff;border-top-style:inset;border-radius:6px;border-top:4px solid #7e4fff}
.waterworld .study_process .process_wrap .pro3{background:url('../images/liuc3.png') no-repeat center;background-color:#fff;border-top-style:inset;border-radius:6px;border-top:4px solid #ff6756}
.waterworld .study_process .process_wrap .pro4{background:url('../images/liuc4.png') no-repeat center;background-color:#fff;border-top-style:inset;border-radius:6px;border-top:4px solid #18e3e9}
.waterworld .study_process .process_wrap .pro5{background:url('../images/liuc5.png') no-repeat center;background-color:#fff;border-top-style:inset;border-radius:6px;border-top:4px solid #ffc156}
.waterworld .study_process .process_wrap .every_pro:hover .mybtn{background-color:#ffa100}
.waterworld .study_process .process_tit::before{content:'';width:32px;height:30px;position:absolute;left:-24px;top:10px;background:url('../images/content.png') no-repeat center}
.waterworld .study_process .process_tit::after{content:'';width:32px;height:30px;position:absolute;right:-24px;top:10px;background:url('../images/content.png') no-repeat center}
.waterworld .study_process .trynowit{width:100%;height:130px;margin-top:66px;z-index:14;text-align:center}
.waterworld .study_process .trynowit .knowmore{width:380px;height:60px;line-height: 60px;display: inline-block;background:linear-gradient(102deg, #88a9ff, #4e80ff);outline:none;border:none;font-size:18px;color:#fff;border-radius:60px}
.waterworld .study_process .trynowit .knowmore:hover{cursor:pointer;background:linear-gradient(102deg, #4e80ff,#88a9ff);}