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:#ff5348}
.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: #e61d10;}
.header .fr{padding: 33px 0; line-height: 22px;}
.header .topTel{color: #e61d10; float: left; margin-right: 16px;}
.header .topTel i{display: block; float: left; width: 20px; height: 22px; margin-right: 5px; background:url(/static21/images/icon_tel.png)no-repeat;}
.header .topPhone{float: left; margin-right: 16px;}
.header .topPhone a{color: #e61d10;}
.header .topPhone i{display: block; float: left; width: 20px; height: 22px; margin-right: 5px; background:url(/static21/images/icon_phone.png)no-repeat;}
.header .loginCont {color: #e8c9c7; float: left;}
.header .loginCont a{color: #e61d10; 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: #e61d10; float: left;}

.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}

.rightbar{position: fixed;right: 10px; top: 50%; width: 150px;z-index: 100;text-align: center;margin-top: -110px;background-color: #fff;padding-bottom: 6px;}
.rightbar img{width: 150px;}

.banner{width: 100%; height: 600px; background: url(../images/banner.png)no-repeat center center;}

.waterworld .banner{height:620px;position:relative}
.waterworld .banner .getphonenumber{height:178px;position:absolute;border-radius:6px;bottom:-136px;left:50%;margin-left:-600px;z-index:18;background-color:#fff;box-shadow:0 0 20px #f1f0f0;display:flex;justify-content:space-around;align-items:center}
.waterworld .banner .getphonenumber .mfty{width:174px;height:94px;background:url('../images/mfty.png') no-repeat center}
.waterworld .banner .getphonenumber .message{width:882px;height:66px;border-radius:66px;border:1px solid #ff5348;position:relative;overflow:hidden}
.waterworld .banner .getphonenumber .message .agreement{position:absolute;bottom:-42px;left:50%;margin-left:-200px;font-size:14px}
.waterworld .banner .getphonenumber .message .agreement label span{font-size:14px}
.waterworld .banner .getphonenumber .message .agreement label input{vertical-align:middle;display:inline-block;width:14px;height:20px;margin-top:-2px}
.waterworld .banner .getphonenumber .message .agreement a{color:#ff5348;text-decoration:none}
.waterworld .banner .getphonenumber .message .form2{display:flex;align-items:center;position:relative}
.waterworld .banner .getphonenumber .message .form2 .submitit{width:216px;height:66px;position:absolute;right:-1px;top:0}
.waterworld .banner .getphonenumber .message .form2 .submitit button{width:216px;height:66px;font-size:16px;position:absolute;background:url('../images/send1.png') no-repeat left;background-position-x:44px;background-color:#ff5348;right:0;top:0;color:#fff;border-top-right-radius:66px;border-bottom-right-radius:66px;outline:none;border:none}
.waterworld .banner .getphonenumber .message .form2 .submitit button:hover{cursor:pointer}
.waterworld .banner .getphonenumber .message .form2 .ipt{position:relative}
.waterworld .banner .getphonenumber .message .form2 .ipt .Telephone2{width:294px;height:62px;font-size:16px;position:relative;outline:none;border:none;background:transparent;padding-left:84px}
.waterworld .banner .getphonenumber .message .form2 .ev_r{position:relative}
.waterworld .banner .getphonenumber .message .form2 .ev_r .sel{width:218px;height:62px;font-size:16px;outline:none;border:none;background:transparent;padding-left:58px}
.waterworld .banner .getphonenumber .message .form2 .ipt2{position:relative}
.waterworld .banner .getphonenumber .message .form2 .ipt2 .reg-tel2{width:234px;height:62px;font-size:16px;position:relative;outline:none;border:none;background:transparent;padding-left:84px}
.waterworld .banner .getphonenumber .message .form2 .ipt2 .getphonecode{width:120px;height:38px;border-radius:38px;background-color:#f3f3f3;color:#999;outline:none;border:none}
.waterworld .banner .getphonenumber .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 .banner .getphonenumber .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 .banner .getphonenumber .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 .banner .getmyphone{height:620px;position:relative}
.waterworld .banner .swiper-container3{overflow:hidden;width:100%;height:620px;position:relative}
.waterworld .banner .swiper-container3 .page_fen{width:200px;position:absolute;height:20px;z-index:14;left:50%;margin-left:-100px;bottom:104px;text-align:center}
.waterworld .banner .swiper-container3 .page_fen .swiper-pagination-bullet{width:10px;height:10px;border-radius:10px;background-color:#fff;opacity:1}
.waterworld .banner .swiper-container3 .page_fen .swiper-pagination-bullet-active{width:20px;height:10px;border-radius:10px;background-color:#fff !important}
.waterworld .banner .swiper-container3 .swiper-slide:hover{cursor:pointer}

.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(to right,#ff7768,#fe4c54);outline:none;border:none;font-size:18px;color:#fff;border-radius:60px}
.waterworld .hotclass .registercon .re_more .knowmore:hover{cursor:pointer;background:linear-gradient(to right,#da6659,#d43f47)}

.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(to right,#ff7768,#fe4c54);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(to right,#da6659,#d43f47)}

.waterworld .allteacher{padding-top:54px}
.waterworld .allteacher .teachers{height:700px;background:url('../images/teacherbg.png') no-repeat center}
.waterworld .allteacher .teachers .switchnavs{margin-top:52px;margin-bottom:76px;padding:0 60px;display:flex;justify-content:space-around}
.waterworld .allteacher .teachers .switchnavs .every_swnav{width:160px;height:50px;border-radius:50px;border:1px solid #ebebeb;color:#666;line-height:50px;text-align:center}
.waterworld .allteacher .teachers .switchnavs .every_swnav:hover{cursor:pointer}
.waterworld .allteacher .teachers .switchnavs .switch_active{background:linear-gradient(to right,#ff7768,#fe4c54);color:#fff;border:none}
.waterworld .allteacher .teachers .swiper_teacher{position:relative}
.waterworld .allteacher .teachers .swiper_teacher .teacher_head{position:absolute;z-index:26;right:0;top:0}
.waterworld .allteacher .teachers .swiper_teacher .teacher_head .go_top{position:absolute;left:50%;margin-left:-12px;top:-44px;z-index:14;width:24px;height:14px;background:url('../images/teacherarr.png') no-repeat center}
.waterworld .allteacher .teachers .swiper_teacher .teacher_head .allheads{width:190px;height:380px;overflow:hidden;text-align:center;border:1px solid #e7e7e7}
.waterworld .allteacher .teachers .swiper_teacher .teacher_head .allheads .head_wrap .every_head{height:125px;background-color:#fefefe;padding:34px 0}
.waterworld .allteacher .teachers .swiper_teacher .teacher_head .allheads .head_wrap .every_head .ev_name{font-size:24px;color:#6c6c6c}
.waterworld .allteacher .teachers .swiper_teacher .teacher_head .allheads .head_wrap .every_head .ev_intro{font-size:16px;color:#999999;line-height:32px}
.waterworld .allteacher .teachers .swiper_teacher .teacher_head .allheads .head_wrap .head_active{background-color:#fff;position:relative;box-shadow:0 0 30px #e6e3e3}
.waterworld .allteacher .teachers .swiper_teacher .teacher_head .allheads .head_wrap .head_active .ev_name{font-size:24px;color:#ff3648}
.waterworld .allteacher .teachers .swiper_teacher .teacher_head .allheads .head_wrap .every_head:hover{cursor:pointer}
.waterworld .allteacher .teachers .swiper_teacher .teacher_head .allheads .head_wrap .head_active::after{content:'';position:absolute;left:0;bottom:0;width:100%;height:30px;box-shadow:0 10px 20px #f1efef;z-index:6}
.waterworld .allteacher .teachers .swiper_teacher .teacher_head .go_down{position:absolute;left:50%;margin-left:-12px;bottom:-44px;z-index:14;width:24px;height:14px;background:url('../images/teacherarr.png') no-repeat center;transform:rotate(180deg)}
.waterworld .allteacher .teachers .swiper_teacher .teacher_head .go_top:hover,.waterworld .allteacher .teachers .swiper_teacher .teacher_head .go_down:hover{cursor:pointer}
.waterworld .allteacher .teachers .swiper_teacher .teacher_con .teacher_wrap .every_teacher{height:380px;display:flex}
.waterworld .allteacher .teachers .swiper_teacher .teacher_con .teacher_wrap .every_teacher .teacher_left{width:480px;height:380px;position:relative}
.waterworld .allteacher .teachers .swiper_teacher .teacher_con .teacher_wrap .every_teacher .teacher_left::after{content:'';position:absolute;width:48px;height:28px;right:-48px;top:27px;background:url('../images/teacher_lot.png') no-repeat center}
.waterworld .allteacher .teachers .swiper_teacher .teacher_con .teacher_wrap .every_teacher .teacher_right{width:544px;height:380px;padding:26px 62px}
.waterworld .allteacher .teachers .swiper_teacher .teacher_con .teacher_wrap .every_teacher .teacher_right .tea_name{font-size:24px;font-weight:bold;margin-bottom:28px}
.waterworld .allteacher .teachers .swiper_teacher .teacher_con .teacher_wrap .every_teacher .teacher_right .tea_name span{font-weight:normal;font-size:16px;color:#999999}
.waterworld .allteacher .teachers .swiper_teacher .teacher_con .teacher_wrap .every_teacher .teacher_right .teacher_intro .intro_tit{font-size:18px;margin-bottom:8px}
.waterworld .allteacher .teachers .swiper_teacher .teacher_con .teacher_wrap .every_teacher .teacher_right .teacher_intro .intro_info{font-size:16px;color:#999;margin-bottom:16px;line-height:28px}
.waterworld .allteacher .teachers .swiper_teacher .teacher_con .teacher_wrap .every_teacher .teacher_right .tbtn button{border:1px solid #ffb732;color:#ffb732;width:160px;height:45px;font-size:16px;border-radius:45px;background-color:#fff;margin-right:20px}
.waterworld .allteacher .teachers .swiper_teacher .teacher_con .teacher_wrap .every_teacher .teacher_right .tbtn button:hover{cursor:pointer;background-color:#ffb732;color:#fff;box-shadow:0 0 20px #f5ce86}
.waterworld .allteacher .teachers .trynowit{width:100%;height:80px;margin-top:66px;z-index:14;text-align:center}
.waterworld .allteacher .teachers .trynowit .knowmore{width:380px;height:60px;line-height: 60px; display: inline-block; background:linear-gradient(to right,#ff7768,#fe4c54);outline:none;border:none;font-size:18px;color:#fff;border-radius:60px}
.waterworld .allteacher .teachers .trynowit .knowmore:hover{cursor:pointer;background:linear-gradient(to right,#da6659,#d43f47)}

.waterworld .ashore{overflow:hidden;height:980px;background:url('../images/ashorebg.png?2021') 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:#ff5348;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 #ff5348;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:#ff5348;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/send1.png') no-repeat left;background-position-x:44px;background-color:#ff5348;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 .shipin{padding:46px 0}
.waterworld .shipin .twopt{margin-top:40px;display:flex;justify-content:space-between}
.waterworld .shipin .twopt .lpt{position:relative}
.waterworld .shipin .twopt .lpt .lookmore{text-align:center}
.waterworld .shipin .twopt .lpt .lookmore a{color:#ff5348;text-decoration:underline;cursor:pointer}

.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:#ff5348}
.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:#ff5348}
.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 #ff5348;background-color:transparent;color:#ff5348;font-size:16px;border-radius:35px}
.waterworld .studydata .datacenter .every_data .ev_piece a:hover{cursor:pointer;background-color:#ff5348;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:#eb2424;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:#ff5348}
.waterworld .n_titile .n_tit .whitetit2{color:#333;background-color:transparent}
.waterworld .n_titile .n_tit .whitetit2 i{color:#ff5348}
.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:#ff5348}
.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(to right,#ff7768,#fe4c54);outline:none;border:none;font-size:18px;color:#fff;border-radius:60px}
.waterworld .study_process .trynowit .knowmore:hover{cursor:pointer;background:linear-gradient(to right,#da6659,#d43f47)}