@CHARSET "UTF-8";
/*导航*/
/*.menu_nav { width: 100%; background-color: #fff; position: fixed; top: 0; max-width: 1920px; z-index: 99; box-shadow: 0 1px 12px 0 rgba(236, 236, 236, 0.50); font-size: 22px; height: 70px; line-height: 70px; }*/
/*.menu_nav .menu { width: 1128px; margin: 0 auto; }*/
/*.menu_nav .menu_ul > li { float: left; position: relative;padding-right: 26px;padding-left: 6px; }*/
/*.menu_nav .menu_ul > li:hover { background-color: #000142; color: #fff; }*/
/*.menu_nav .menu_ul > li:hover > a { color: #fff; }*/
/*.menu_nav .logo { margin: 9px 0; }*/
/*.menu_nav .menu_ewm { height: 38px; background-color: #000142; border-radius: 10px; color: #fff; line-height: 38px; text-align: center; margin: 16px 0; padding: 0 8px; font-size: 20px; cursor: pointer; }*/
/*.menu_nav .menu_ul > li, .menu_nav .logo { margin-right: 19px; }*/
/*.menu_nav .menu_ul > li > a:after { width: 12px; height: 7px; content: ""; display: block; position: absolute; top: 50%; background: url(/static/images/zt/brand/xiala.png) no-repeat center; right: 6px; }*/
/*.menu_nav .menu_ul > li:hover > a:after { background: url(/static/ztimages/sq_jixunying_2020/xiala_b.png) no-repeat center; }*/
/*.menu_nav .menu_ul > li ul { background-color: #fff; padding: 10px 0; width: 268px; position: absolute; left: 0; z-index: 999; display: none; font-size: 18px; padding-right: 25px; }*/
/*.menu_nav .menu_ul > li ul li { float: left; margin-left: 25px; height: 40px; line-height: 40px; }*/
/*.menu_nav .menu_ul > li.on ul { display: block; }*/
/*.menu_nav .menu_ewm img { display: none; margin-top: 16px; }*/
/*.menu_nav .menu_ewm:hover img { display: block; }*/

/*banner*/
.banner { margin-top: 70px; }
/*pannel-1*/
.pannel-1 { width: 100%; margin: 0 auto; height: 94px; line-height: 94px; text-align: center; font-size: 32px; border-bottom: 6px solid #01dffc; color: #535353; }
.pannel-1 a { color: #ff215c; text-decoration: underline; }

.pannel1_left { margin-top: 30px; }
.pannel1_right { width: 335px; height: 467px; background: rgba(0,0,0,.2); padding: 42px 26px 0 26px; position: absolute;
    top: 60px; right: 12%  ;}
.pannel1_right .title { font-size: 30px; color: #ffea00; text-align: center; font-weight: 600; }
.pannel1_right .min_tit { font-size: 26px; color: #fff; text-align: center; margin-bottom: 48px; }
.banner_bg2 { width: 100%; height: auto; margin-top: -152px; position: absolute; z-index: 19; bottom: 0; }
.pannel1_right input[type=text], .form-group .getyzm { background-color: rgba(255,255,255,.5); color: #fff; font-size: 20px; line-height: 48px; }
.pannel1_right input[type=text] { width: 325px; height: 48px; border-radius: 10px; margin-bottom: 25px; border: none; display: block; padding-left: 10px; outline: none; }
.pannel1_right input::-webkit-input-placeholder { color: #fff; }
.pannel1_right input::-moz-placeholder { /* Mozilla Firefox 19+ */ color: #fff; }
.pannel1_right input:-moz-placeholder { /* Mozilla Firefox 4 to 18 */ color: #fff; }
.pannel1_right input:-ms-input-placeholder { /* Internet Explorer 10-11 */ color: #fff; }
.form-group input[type=text] { width: 195px; float: left; border-radius: 10px 0 0 10px; }
.form-group .verification_img, .form-group .getyzm { width: 130px; height: 48px; float: left; border-radius: 0 10px 10px 0; }
.form-group .verification_img img { width: 100%; height: 48px; }
.form-group .getyzm { text-align: center; border-left: 1px solid #fff; width: 129px; }
.btn_submit { width: 100%; height: 48px; display: block; background-image: linear-gradient(90deg, #ffab86 0%, #ff205c 100%), linear-gradient( #ffffff, #ffffff); background-blend-mode: normal, normal; border-radius: 10px; color: #fff; text-align: center; line-height: 48px; font-size: 20px; }


/*pannel-2*/
.max-tit { width: 1198px; margin: 0 auto; font-size: 56px; color: #535353; letter-spacing: 2px; padding-left: 2px; padding-bottom: 18px; border-bottom: 1px solid #535353; text-align: center; font-weight: 600; }
.min-tit { width: 448px; height: 44px; line-height: 44px; text-align: center; border-radius: 20px; background-color: #01dffc; font-size: 30px; color: #fff; letter-spacing: 2px; padding-left: 2px; margin: 0 auto; margin-top: 16px; }
.pannel-2 { margin-top: 70px; }
.pannel2_cont, .TabContent2 { width: 1065px; border-radius: 25px; border: solid 10px #000142; margin: 0 auto; margin-top: 32px; overflow: hidden; margin-bottom: 42px; clear: both; }
.pannel2_cont .TabTitle1 { margin: 30px 0; overflow: hidden; }
.pannel2_cont .TabTitle1 li { text-align: center; float: left; font-size: 30px; position: relative; padding-bottom: 10px; cursor: pointer; margin: 0 40px; }
.pannel2_cont .TabTitle1 li.active { color: #000142; border-bottom: 5px solid #000142; }
.pannel2_cont .TabContent1 { width: 960px; margin: 0 auto; }
.pannel2_cont .TabContent1 table { width: 100%; margin-bottom: 40px; }
.pannel2_cont table th { height: 44px; background-color: #000142; color: #fff; font-size: 30px; text-align: center; }
.pannel2_cont .TabContent1 table th:nth-child(2) { width: 414px; }
.pannel2_cont .TabContent1 table th, .pannel2_cont .TabContent1 table td { border: 1px solid #eee; }
.pannel2_cont .TabContent1 table ul { margin: 0 10px; margin-top: 28px; }
.pannel2_cont .TabContent1 table ul li { margin-bottom: 28px; font-size: 22px; line-height: 30px; }
.pannel2_cont .TabContent1 table ul li p:first-child { color: #535353; }
.pannel2_cont .TabContent1 table ul li p:first-child span { color: #000142; margin-right: 2px; }
.pannel2_cont .TabContent1 table ul li p:last-child { color: #666; margin-left: 16px; }
.pannel2_cont .TabContent1 table th:first-child { width: 290px; }
.btn { width: 908px; height: 64px; margin: 0 auto; }
.btn a, .pannel4_btn { width: 414px; height: 64px; line-height: 64px; background-image: linear-gradient(90deg, #00deff 0%, #23f9a2 100%), linear-gradient( #ffff00, #ffff00); background-blend-mode: normal, normal; border-radius: 16px; color: #000142; font-size: 32px; text-align: center; display: block; letter-spacing: 2px; padding-left: 2px; }
/*pannel-3*/
.pannel-3 { margin-top: 80px; }
.pannel-3 .min-tit { width: 740px; background-color: #ff9435; }
.pannel3 .TabTitle2 { width: 900px; margin: 0 auto; margin-top: 64px;  display: flow}
.pannel3 .TabTitle2 li { width: 184px; height: 76px; border: 2px solid #ff1a6f; float: left; color: #ff1a6f; letter-spacing: 2px; margin-left: 2px; text-align: center; font-size: 30px; border-radius: 12px; border-bottom: none; cursor: pointer; margin: 0 10px;}
/*.pannel3 .TabTitle2 li:nth-child(2) { margin: 0 40px; }*/
.pannel3 .TabTitle2 li.active { background-color: #ff1a6f; color: #fff; }
.pannel3 .TabTitle2 li p:last-child { font-size: 18px; letter-spacing: 0; margin-left: 0; }
.pannel3 table { width: 960px; margin: 30px auto; text-align: center; }
.pannel3 table th { background-color: #000142; height: 44px; font-size: 26px; color: #fff; text-align: center; border: 1px solid #eee; }
.pannel3 table td { height: 50px; border: 1px solid #eee; font-size: 22px; color: #535353; }
.pannel3 table .last { font-size: 20px; }
.pannel3 table .last span { color: #ff1a6f; }
.pannel3 .TabContent2 { margin-bottom: 60px; }
/*pannel-4*/
.pannel-4 { margin-top: 90px; }
.pannel-4 .min-tit { width: 860px; background-color: #ff215c; }
.pannel-4 img { margin: 70px auto 48px auto; }
/*pannel-5*/
.pannel-5 { background-color: #7abffa; padding-top: 25px; margin-top: 70px; padding-bottom: 62px; }
.pannel-5 .min-tit { width: 902px; color: #7abffa; background-color: #fff; }
.pannel-5 ul { width: 1088px; margin: 0 auto; overflow: hidden; margin-top: 68px; margin-bottom: 60px; }
.pannel-5 ul li { width: 272px; height: 199px; float: left; background-color: #fff; text-align: center; font-size: 22px; color: #535353; position: relative; }
.pannel-5 ul li img { width: 100%; }
.pannel-5 ul li img.jiantou { width: 22px; position: absolute; left: 50%; margin-left: -11px; bottom: 8px; }
.pannel-5 ul li p:first-child { font-size: 24px; color: #7abffa; padding-top: 22px; }
.pannel-5 ul li:nth-child(5) p:first-child { padding-top: 10px; }
/*pannel-6*/
.pannel-6 { background-color: #F5F4F0; padding-top: 50px; padding-bottom: 60px; }
.pannel-6 .min-tit { background-color: #ff215c; width: 600px; }
.pannel-6 img { margin: 20px auto 38px auto; width: 1083px; }
/*pannel-7*/
.pannel-7 { margin-top: 60px; }
.pannel-7 .min-tit { background-color: #ff9435; width: 635px; }
.pannel-7 .TabTitle3 { margin: 40px auto 24px auto; overflow: hidden; width: 820px; }
.pannel-7 .TabTitle3 li { width: 125px; margin: 0 40px; float: left; cursor: pointer; }
.pannel-7 .TabContent3 {width: 1082px;height: 620px;background-color: #ff9435;margin: 0 auto;padding: 14px 0;}
.pannel7 {width: 1058px;background-color: #fff;margin: 0 auto;height: 620px;border-radius: 10px;position:relative;}
.pannel7 .content { width: 973px; margin: 0 auto;font-size: 22px;color: #535353; }
.pannel7 img { padding-top: 30px; width: 100%; }
.pannel7 .yuan { width: 16px; height: 16px; background-color: #ff9435;position:absolute;border-radius:50%; }
.pannel7 .yuan1{top:8px;left:8px;}
.pannel7 .yuan2{top:8px;right:8px;}
.pannel7 .yuan3{bottom:8px;left:8px;}
.pannel7 .yuan4{bottom:8px;right:8px;}
.pannel7 .title{font-size: 24px;color: #ff9435;margin-top:20px;margin-bottom:4px;}
.pannel7 .pannel4_btn{width:200px;height:30px;line-height:30px;float:right;font-size: 20px;color:#fff;border-radius:8px;}
/*pannel-8*/
.pannel-8{margin-top:40px;}
.pannel8 {width: 1030px;background-color: #01dffc;height: 508px;border: 1px solid #01dffc;margin:38px auto 54px auto;}
.TabTitle4 { width: 265px; float: left; }
.TabTitle4 li {width: 263px;height: 101px;line-height: 101px;font-size: 22px;background-color: #fff;text-align: center;border-bottom: 1px dashed #D7D7D7;letter-spacing: 2px;padding-left: 2px;cursor: pointer;}
.TabTitle4 li:last-child { border-bottom: none; }
.TabTitle4 li.active { background-color: #01dffc; color: #fff; border-bottom: none; }
.TabContent4 { width: 720px; height: 488px; float: right; position: relative; margin-top: 16px; margin-right: 22px; }
.TabContent4 img{width:720px;}
.focuss .bd { overflow: hidden; }
.focuss .bd li { width: 720px; }
.focuss .bd img { width: 720px; height: auto; }
.focuss .hd {width: 56px;margin: 0 auto;overflow: hidden;margin-top: 16px;}
.focuss .hd li, .focuss1 .hd li{ float: left; width: 12px; background-color: #fff; border-radius: 100%; height: 12px; margin-right: 10px; cursor: pointer; }
.focuss .hd li:last-child, .focuss1 .hd li:last-child, .focuss1 .bd li .teacher:last-child{ margin-right: 0 !important; }
.focuss .hd li.on { background-color: #abeffb; }
/*pannel-9*/
.pannel-9{margin-top:80px;}
.pannel-9 .min-tit{background-color: #07d59f;}
.pannel9 { width: 1030px; background-color: #07d59f; height: 338px; border: 1px solid #07d59f; margin: 42px auto 0 auto; }
.pannel9 .TabTitle1 { width: 265px; float: left; }
.pannel9 .TabTitle1 li { width: 263px; height: 67px; line-height: 67px; font-size: 22px; background-color: #fff; text-align: center; border-bottom: 1px dashed #D7D7D7; letter-spacing: 2px; padding-left: 2px; cursor: pointer; }
.pannel9 .TabTitle1 li:last-child { border-bottom: none; }
.pannel9 .TabTitle1 li.active { background-color: #07d59f; color: #fff; border-bottom: none; }
.pannel9 .TabContent1 { float: right; position: relative; margin-top: 16px; height: 322px; width: 730px; margin-right: 18px; }
.focuss1 { width: 730px; height: 320px; position: relative; overflow: hidden; margin: 0 auto; }
.focuss1 .bd { position: relative; z-index: 0; width: 730px; margin: 0 auto; }
.focuss1 .bd li .teacher { width: 238px; height: 284px; float: left; margin-right: 8px; position: relative; cursor: pointer; }
.focuss1 .bd li .teacher img { width: 100%; height: 284px; }
.focuss1 .bd li { width: 730px; }
.focuss1 .hd li { color: #fff; font-size: 12px; line-height: 12px; text-align: center; float: left; width: 12px; background-color: #fff; border-radius: 100%; height: 12px; margin-right: 10px; cursor: pointer; }
.focuss1 .hd li.on { background-color: #5ff0ca; color: #5ff0ca; }
.focuss1 .hd { margin: 0 auto; overflow: hidden; margin-top: 14px; width: 34px; }
.focuss1 .content { width: 210px; height: 284px; position: absolute; top: 0; color: #fff; padding: 0 14px; background: rgba(0,0,0,.8); display: none; }
.focuss1 .content p:first-child { font-size: 26px; text-align: center; letter-spacing: 3px; margin-left: 3px; margin-top: 32px; }
.focuss1 .content p:nth-child(2) { font-size: 18px; text-align: center; margin-top: 18px; margin-bottom: 22px; }
.focuss1 .content p:nth-child(3) { font-size: 16px; }
.focuss1 .teacher:hover .content { display: block; }
/*pannel-10*/
.pannel-10{margin-top:44px;}
.pannel-10 .min-tit{background-color: #ff215c;}
.pannel10 { width: 1030px; background-color: #000142; height: 463px; border: 1px solid #000142; margin: 0 auto; margin-top: 22px; }
.pannel10 .TabTitle1 li { height: 92px; line-height: 92px; }
.pannel10 .TabTitle1 li.active { background-color: #000142; }
.pannel10 .TabContent3 img { width: 719px; height: 401px; }
/*pannel-14*/
.pannel-14 {width: 100%;height: auto;background: url("/static/ztimages/bn_jixunying_2020/pannel11_bg.jpg") no-repeat;background-size: cover;padding-top: 80px;padding-bottom: 54px;margin-top: 84px;}
.pannel14 { width: 1152px; margin: 0 auto; overflow: hidden; }
.pannel14 .brand { margin-right: 64px; }
.pannel14 .title { width: 1152px; height: 60px; clear: both; padding-top: 44px; }
.pannel14 .title p { font-size: 20px; letter-spacing: 1px; color: #fff; width: 816px; margin-top: 4px; }
.focus15 { width: 1112px; height: 238px; position: relative; overflow: hidden; margin: 0 auto; margin-top: 40px; }
.focus15 .bd { position: relative; z-index: 0; width: 1044px; margin: 0 auto; }
.focus15 .bd li img { width: 328px; height: 237px; }
.focus15 .bd li { margin: 0 10px; float: left; _display: inline; overflow: hidden; text-align: center; }
.focus15 .prev,.focus15 .next { width: 24px; height: 47px; margin-top: -23.5px;position: absolute; top: 50%; cursor: pointer;}
.focus15 .prev { background: url(/static/ztimages/sq_jixunying_2020/left1.png) no-repeat; left: 0px; }
.focus15 .next { background: url(/static/ztimages/sq_jixunying_2020/right2.png) no-repeat; right: 0px; }
.focus15 .hd ul,.focus15 .hd span{display:none;}
.height10 { height: 100px; }
/*footer_bg*/
.footer_bg { width: 100%; background: url("/static/ztimages/bn_jixunying_2020/footer_bg.jpg") no-repeat center; background-size: cover; overflow: hidden; position: fixed; bottom: 0; height: 100px; max-width: 1920px; z-index: 99; }
.footer_bg .footer_btn { width: 757px; margin: 0 auto; }
.footer_bg .footer { width: 1112px; margin: 0 auto; position: relative; }
.footer_bg .guanbi { position: absolute; right: 0; top: -18px; color: #fff; font-size: 45px; cursor: pointer; }
.footer_bg .footer_btn a { display: inline-block; height: 52px; line-height: 52px; text-align: center; font-size: 26px; color: #fff; padding: 0 10px; background-color: #ff9435; border-radius: 20px; margin:24px 0;}
.footer_bg .footer_btn a:last-child{padding:0 30px;}
/*弹窗*/
#hui-mask { position: fixed; z-index: 20; background: rgba(0,0,0, 0.5); width: 100%; left: 0px; top: 0px; height: 100%; z-index: 99;  }
.indexfloat { width: 309px; height: 318px; position: fixed; top: 50%; left: 50%; margin-left: -154.5px; margin-top: -159px; z-index: 9999; display: none; }
.indexfloat .close { float: right; margin-top: -323px; display: block; position: relative; width: 50px; height: 50px; margin-right: -5px; }
/*悬浮*/
.mgjx_float{width: 188px;height: 489px;position:fixed;top:50%;right:38px;margin-top: -244.5px;z-index:90;}
/*15周年弹窗 */
.anniversary{width: 590px;height: 586px;position: fixed;top: 50%;left: 50%;margin-left: -295px;margin-top: -293px;z-index: 9999;background: url("/static/images/zt/bn_jixunying_2020/tanchuang1.png") no-repeat center;background-size: cover;}
.choujiang{position: absolute;width: 273px;height: 80px;display: block;/* left: 50%; *//* margin-left: -115px; */bottom: 88px;left: 153px;}
.guanbi1{position: absolute;width: 50px;height: 50px;display: block;right: 2px;top: 9px;}
.tiepian{margin:0 auto;margin-bottom:40px;}
.tiepian1{margin-top:40px;}