/*
@author: sunke
*/
body,input,textarea,button{font:14px/1.5 "Microsoft YaHei","\5FAE\8F6F\96C5\9ED1,\9ED1\4F53","PingFang SC","Heiti SC",tahoma,arial,Hiragino Sans GB,"\5B8B\4F53",sans-serif;}
body{margin:0 auto;color:#333;min-width:1200px;background:#fff;}
p,ul,ol,dl,dt,dd,h1,h2,h3,h4,h5,h6,form,input,select,button,textarea,iframe{margin:0;padding:0;}
img{border:0 none;vertical-align:top;}
ul,li,ol{list-style-type:none;}
i,em,address,caption,cite,code,dfn,th,var{font-style: normal;}
a{text-decoration:none;color:#333;}
a:hover{text-decoration:underline;}
input,button,textarea,a,a:hover{outline:none;}
textarea{resize:none;}
.clearfix:after{content:".";display:block;height:0;clear:both;visibility:hidden;}
.clearfix{*zoom:1;}
.fl{float:left; _display:inline;}
.fr{float:right; _display:inline;}
.pr{position:relative;}
.abs{position:absolute;}
.layout{width:1200px;margin:0 auto;}

/**/
.topHeader-wrap{ width:100%; height:547px;}

/**/
.teacher-wrap{ width:100%; height:488px;}
.topTeacher-mod{ height:488px;}
.topTeacher-mod .btn{ display:block; float:left; width:20%; height:488px; line-height:0; font-size:0;}

/**/
.benchmark-wrap{ width:100%; height:620px; background:url("/images/chujizhicheng/project/2027project/index/benchmark-bg.jpg") no-repeat center top;}
.benchmark-mod{}
.benchmark-mod .title{ line-height:170px; text-align:center; font-size:56px; color:#222; font-weight:bold;}
.benchmark-mod .top-con{ padding:0 0 20px;}
.benchmark-mod .mar20{ margin-right:20px;}

/**/
.course-wrap{ width:100%; background:#d9e0ff; padding-bottom:50px;}
.shukebao-mod{}
.shukebao-mod .top-title{ height:158px; text-align:center; color:#fff; background:url("/images/chujizhicheng/project/2027project/index/shukebao-bg01.png") no-repeat;}
.shukebao-mod .top-title h4{ line-height:69px; font-size:50px; padding-top:26px;}
.shukebao-mod .top-title h4 .ico01{ vertical-align:middle; margin-left:23px;}
.shukebao-mod .top-title p{ line-height:46px; font-size:22px;}
.shukebao-mod .top-title p i{ display:inline-block; width:18px; height:19px; margin-left:13px; background:url("/images/chujizhicheng/project/2027project/index/shukebao-ico02.png") no-repeat;}
.shukebao-mod .con{ border-radius:0 0 20px 20px; background:url("/images/chujizhicheng/project/2027project/index/shukebao-bg02.jpg") no-repeat center top #6b02de;}
.shukebao-mod .con .tab-tit{ padding:37px 0 0; text-align:center;}
.shukebao-mod .con .tab-tit .btn{ display:inline-block; width:276px; height:56px; line-height:56px; font-size:26px; text-align:center; text-decoration:none; color:#fff; border:2px solid #9860fd; border-radius:40px; margin:0 15px; position:relative; background:#9962ff; background-image:-webkit-linear-gradient(left, #6b14df, #9962ff); background-image:-moz-linear-gradient(left, #6b14df, #9962ff); background-image:linear-gradient(left,#6b14df,#9962ff);}
.shukebao-mod .con .tab-tit .btn span{ display:block; width:118px; height:37px; line-height:34px; text-align:center; color:#ffb64e; font-size:16px; position:absolute; right:-4px; top:-23px; background:url("/images/chujizhicheng/project/2027project/index/shukebao-ico03.png") no-repeat;}
.shukebao-mod .con .tab-tit .btn.on{ width:280px; height:71px; color:#b21500; line-height:60px; border:0; font-weight:bold; background:url("/images/chujizhicheng/project/2027project/index/shukebao-btn01.png") no-repeat;}
.shukebao-mod .con .tab-con{ display:none; padding:30px 0 0;}
.shukebao-mod .con .box{ width:1160px; background:#f5f7fc; margin:0 auto; border-radius:8px 8px 16px 16px;}
.shukebao-mod .con .top-con{}
.shukebao-mod .con .top-con .pic{ float:left; width:534px; min-height:333px;}
.shukebao-mod .con .top-con .text{ float:right; width:573px; padding:29px 0 0;}
.shukebao-mod .con .top-con .text .top-tips p{ display:block; float:left; width:170px; height:70px; line-height:28px; padding-top:15px; font-size:16px; background:#fff; border-radius:12px; text-align:center; margin-right:18px; box-shadow:0 4px 8px #efeefa;}
.shukebao-mod .con .top-con .text .top-tips p strong{ font-size:36px;}
.shukebao-mod .con .top-con .text .top-tips p strong.c1{ color:#7319fa;}
.shukebao-mod .con .top-con .text .top-tips p strong.c2{ color:#ff9805;}
.shukebao-mod .con .top-con .text .top-tips p strong.c3{ color:#26d0fb;}
.shukebao-mod .con .top-con .text .bottom-tips{ width:345px; padding:7px 0 17px 182px; background:#fff; border-radius:12px; margin:20px 0 0 20px; position:relative; box-shadow:0 5px 10px #ebe8f9;}
.shukebao-mod .con .top-con .text .bottom-tips p{ display:block; float:left; width:120px; height:40px; line-height:40px; padding-left:40px; background:url("/images/chujizhicheng/project/2027project/index/shukebao-ico04.png") no-repeat 12px center #f1f4fb; border-radius:12px; margin:10px 10px 0 0;}
.shukebao-mod .con .top-con .text .bottom-tips p.t1{ width:277px;}
.shukebao-mod .con .top-con .text .bottom-tips .icon{ position:absolute; top:-2px; left:-29px;}
.shukebao-mod .con .top-con .text .bottom-tips.pt38{ padding-bottom:38px; padding-top:17px;}
.shukebao-mod .con .bottom-con{ height:80px; overflow:hidden; border-radius:0 0 20px 20px; background:#9962ff; background-image:-webkit-linear-gradient(left, #fee5ff, #ffd4e2); background-image:-moz-linear-gradient(left, #fee5ff, #ffd4e2); background-image:linear-gradient(left,#fee5ff,#ffd4e2);}
.shukebao-mod .con .bottom-con .buy-btn{ display:block; float:right; height:50px; line-height:50px; padding:0 40px; font-size:20px; color:#fff; font-weight:bold; text-decoration:none; border-radius:40px; margin:15px 24px 0 0; background:#9962ff; background-image:-webkit-linear-gradient(left, #fb1498, #f3300f); background-image:-moz-linear-gradient(left, #fb1498, #f3300f); background-image:linear-gradient(left,#fb1498,#f3300f);}
.shukebao-mod .con .bottom-con .coupon{ float:right; display:block; width:268px; height:55px; margin:12px 29px 0 0; background:url("/images/chujizhicheng/project/2027project/index/shukebao-bg03.png") no-repeat;}
.shukebao-mod .con .bottom-con .coupon strong{ display:block; float:left; width:85px; text-align:center; line-height:55px; font-size:30px; color:#fff;}
.shukebao-mod .con .bottom-con .coupon strong em{ font-size:15px; font-weight:normal;}
.shukebao-mod .con .bottom-con .coupon p{ display:block; float:left; width:115px; line-height:18px; font-size:12px; color:#fff; padding:11px 0 0 14px;}
.shukebao-mod .con .bottom-con .coupon .btn{ display:block; float:left; width:42px; height:32px; line-height:32px; text-align:center; font-size:12px; color:#fff; margin-top:10px; background:url("/images/chujizhicheng/project/2027project/index/shukebao-bg04.png") no-repeat;}
.shukebao-mod .con .bottom-con .price{ display:block; float:right; line-height:80px; font-size:16px; color:#222;}
.shukebao-mod .con .bottom-con .price span{ font-size:20px;}
.shukebao-mod .con .bottom-con .price del{ color:#999; margin:0 8px 0 38px;}
.shukebao-mod .con .bottom-con .price strong{ font-size:44px; color:#f4362d; margin:0 18px 0; vertical-align:middle;}
.shukebao-mod .con .bottom-con .price strong b{ font-size:24px;}
.shukebao-mod .bottom-tags{ height:78px; line-height:78px; border-radius:0 0 20px 20px; text-align:center; font-size:16px; color:#fff;}
.shukebao-mod .bottom-tags i{ display:inline-block; width:34px; height:34px; line-height:34px; font-size:22px; color:#ffe25d; margin-right:12px; border:2px solid #ffe25d; border-radius:50px;}
.shukebao-mod .bottom-tags strong{ color:#ffe25d;}
/*background:-webkit-linear-gradient(left,#f24c51,#f0614a 40%,#ee7f41 60%,#ee7f41);-webkit-background-clip: text; -webkit-text-fill-color: transparent; color:#f24c51;*/

/**/
.aiShukebao-mod{ margin-top:133px; background:url("/images/chujizhicheng/project/2027project/index/aiShukebao-bg01.jpg") no-repeat center top #841604; padding-bottom:17px; border-radius:0 0 20px 20px;}
.aiShukebao-mod .top-title{ height:303px;}
.aiShukebao-mod .top-title .icon01{ left:23px; top:-96px;}
.aiShukebao-mod .top-title .icon02{ height:84px; width:100%; left:0; top:-84px; text-align:center; overflow:hidden;}
.aiShukebao-mod .top-title .tips{ width:316px; height:36px; line-height:36px; text-align:center; font-size:16px; color:#fff; right:0; top:-18px; background:url("/images/chujizhicheng/project/2027project/index/aiShukebao-ico02.png") no-repeat;}
.aiShukebao-mod .top-title .teacher-pic{ right:58px; top:39px;}
.aiShukebao-mod .top-title .tit{ line-height:99px; padding:27px 0 0 114px;}
.aiShukebao-mod .top-title .tit span{ font-size:50px; font-weight:bold; background:-webkit-linear-gradient(left,#fff7da,#fff9e3 40%,#fffdf8 60%,#fff);-webkit-background-clip: text; -webkit-text-fill-color: transparent; color:#fff;}
.aiShukebao-mod .top-title .tit em{ font-size:22px; color:#fff; margin-left:31px;}
.aiShukebao-mod .top-title .tit em i{ display:inline-block; width:18px; height:19px; margin-left:13px; background:url("/images/chujizhicheng/project/2027project/index/shukebao-ico02.png") no-repeat;}
.aiShukebao-mod .top-title .data{ display:inline-block; height:68px; width:auto; border:1px solid #a8523e; border-radius:12px; background:rgba(255,255,255,.07); text-align:center; margin:0 0 0 98px;}
.aiShukebao-mod .top-title .data p{ display:inline-block; width:125px; line-height:22px; font-size:12px; color:#fff; padding-top:12px; position:relative;}
.aiShukebao-mod .top-title .data p strong{ font-size:22px;}
.aiShukebao-mod .top-title .data p:before{ content:""; width:1px; height:32px; background:#c7675c; position:absolute; right:0; top:18px;}
.aiShukebao-mod .top-title .data p:last-child:before{ display:none;}
.aiShukebao-mod .top-title .tags{ margin:27px 0 0 114px;}
.aiShukebao-mod .top-title .tags p{ display:block; float:left; line-height:30px; font-size:18px; color:#fff; font-weight:bold; padding-left:30px; margin-right:50px; background:url("/images/chujizhicheng/project/2027project/index/shukebao-ico04.png") no-repeat left center;}
.aiShukebao-mod .con{ width:1160px; margin:0 auto; background:#f5f7fc; border-radius:6px 6px 16px 16px; padding-bottom:30px;}
.aiShukebao-mod .tit02{ height:148px;}
.aiShukebao-mod .con01{ width:1100px; background:#fff9f2; border:1px solid #f18116; border-radius:20px; margin:0 auto;}
/*.aiShukebao-mod .con01 .top-con{ padding:0 20px 0 21px;}*/
.aiShukebao-mod .con01 .list{ width:613px; padding:85px 0 0 21px;}
.aiShukebao-mod .con01 .list .box{ background:#fff; height:100px; box-shadow:0 5px 10px #ffe8d9; padding:0 0 0 102px; border-radius:8px; margin:10px 0 0; }
.aiShukebao-mod .con01 .list .box.num01{ background:url("/images/chujizhicheng/project/2027project/index/aiShukebao-num01.png") no-repeat 28px 27px #fff;}
.aiShukebao-mod .con01 .list .box.num02{ background:url("/images/chujizhicheng/project/2027project/index/aiShukebao-num02.png") no-repeat 28px 27px #fff;}
.aiShukebao-mod .con01 .list .box.num03{ background:url("/images/chujizhicheng/project/2027project/index/aiShukebao-num03.png") no-repeat 28px 27px #fff;}
.aiShukebao-mod .con01 .list .tea{ float:left; padding:11px 0 0 0;}
.aiShukebao-mod .con01 .list .tea .head{ display:inline-block; width:80px; height:80px; border-radius:50%; margin-right:10px; box-shadow:0 5px 5px #eceff7;}
.aiShukebao-mod .con01 .list .tips{ float:left; width:314px; padding:16px 0 0 0;}
.aiShukebao-mod .con01 .list .tips p{ display:block; float:left; width:144px; height:32px; line-height:32px; text-indent:39px; border-radius:40px; margin:0 11px 5px 0; background:url("/images/chujizhicheng/project/2027project/index/aiShukebao-ico04.png") no-repeat left center #f8f8f8;}
.aiShukebao-mod .con01 .list .tips.pt34{ padding-top:34px;}
.aiShukebao-mod .con01 .list .tit03{ text-align:center; width:603px; height:57px; left:21px; top:28px; overflow:hidden;}
.aiShukebao-mod .con01 .book-pic{ width:424px; height:350px; text-align:center; background:url("/images/chujizhicheng/project/2027project/index/aiShukebao-bg02.png") no-repeat center bottom; margin:54px 21px 0 0;}
.aiShukebao-mod .con01 .book-pic p{ display:block; width:358px; height:42px; line-height:42px; background:#000; border-radius:40px; border:1px solid #80492a; position:absolute; left:50%; margin-left:-179px; top:270px;}
.aiShukebao-mod .con01 .book-pic p:before{ content:""; width:10px; height:6px; position:absolute; top:-6px; left:56px; background:url("/images/chujizhicheng/project/2027project/index/aiShukebao-ico03.png") no-repeat;}
.aiShukebao-mod .con01 .book-pic p span{ background:-webkit-linear-gradient(left,#ff9e2c,#ffa434 40%,#ffdf88 60%,#ffdf88);-webkit-background-clip: text; -webkit-text-fill-color: transparent; color:#ffdf88;}
.aiShukebao-mod .tiku-btn{ display:block; width:1048px; margin:19px auto 0;}
.aiShukebao-mod .bottom-con{ height:80px; overflow:hidden; border-radius:0 0 20px 20px; background:#f18116; background-image:-webkit-linear-gradient(left, #f18116,#e03707, #6e2013); background-image:-moz-linear-gradient(left, #f18116,#e03707, #6e2013); background-image:linear-gradient(left,#f18116, #e03707,#6e2013);}
.aiShukebao-mod .bottom-con .buy-btn{ display:block; float:right; width:160px; height:50px; line-height:50px; text-align:center; font-size:20px; color:#3b0001; font-weight:bold; text-decoration:none; border-radius:40px; margin:15px 24px 0 0; background:url("/images/chujizhicheng/project/2027project/index/aiShukebao-btn01.png") no-repeat}
.aiShukebao-mod .bottom-con .coupon{ float:right; display:block; width:268px; height:55px; margin:12px 29px 0 0; background:url("/images/chujizhicheng/project/2027project/index/shukebao-bg03.png") no-repeat;}
.aiShukebao-mod .bottom-con .coupon strong{ display:block; float:left; width:85px; text-align:center; line-height:55px; font-size:30px; color:#fff;}
.aiShukebao-mod .bottom-con .coupon strong em{ font-size:15px; font-weight:normal;}
.aiShukebao-mod .bottom-con .coupon p{ display:block; float:left; width:115px; line-height:18px; font-size:12px; color:#fff; padding:11px 0 0 14px;}
.aiShukebao-mod .bottom-con .coupon .btn{ display:block; float:left; width:42px; height:32px; line-height:32px; text-align:center; text-decoration:none; font-size:12px; color:#fff; margin-top:10px; background:url("/images/chujizhicheng/project/2027project/index/shukebao-bg04.png") no-repeat;}
.aiShukebao-mod .bottom-con .price{ display:block; float:right; height:80px; line-height:80px; overflow:hidden; font-size:16px; color:#fff;}
.aiShukebao-mod .bottom-con .price span{ font-size:22px;}
.aiShukebao-mod .bottom-con .price span i{ font-size:43px; margin:0 5px;}
.aiShukebao-mod .bottom-con .price span em{ font-size:32px; font-weight:bold;}
.aiShukebao-mod .bottom-con .price del{ margin:0 8px 0 29px;}
.aiShukebao-mod .bottom-con .price strong{ font-size:44px; color:#ffde00; margin:0 18px 0 0; vertical-align:0;}
.aiShukebao-mod .bottom-con .price strong b{ font-size:24px;}
.aiShukebao-mod .con02{ width:1100px; background:#fff9f2; border:1px solid #f18116; border-radius:20px; margin:19px auto 0;}
.aiShukebao-mod .con02:before{ content:""; width:137px; height:134px; position:absolute; left:209px; top:33px; background:url("/images/chujizhicheng/project/2027project/index/aiShukebao-ico07.png") no-repeat;}
.aiShukebao-mod .con02 .tit01{ text-align:center; line-height:48px; font-size:32px; color:#000; padding-top:36px; font-weight:bold;}
.aiShukebao-mod .con02 .tit01 strong{ font-size:44px; color:#ff0000;}
.aiShukebao-mod .con02 .tit01 strong b{ font-size:32px;}
.aiShukebao-mod .con02 .tit02{ height:62px; line-height:62px; font-size:32px; color:#222; text-align:center;}
.aiShukebao-mod .con02 .tit02 b{ font-size:50px; margin:0 10px;}
.aiShukebao-mod .con02 .tit02 strong{ font-size:50px; color:#530001;}
.aiShukebao-mod .con02 .book-pic{ width:664px; height:213px; text-align:center; background:url("/images/chujizhicheng/project/2027project/index/aiShukebao-bg03.png") no-repeat center bottom; margin:43px 0 0 45px;}
.aiShukebao-mod .con02 .text{ width:283px; margin:85px 81px 0 0; text-align:center; color:#222; padding:12px 0; border-top:1px solid #000; border-bottom:1px solid #000;}
.aiShukebao-mod .con02 .text h4{ line-height:33px; font-size:24px;}
.aiShukebao-mod .con02 .text p{ font-size:20px; line-height:30px;}

/**/
.duokui-mod{ margin-top:133px; padding-bottom:20px; border-radius:20px; background:url("/images/chujizhicheng/project/2027project/index/duokui-bg02.png") no-repeat center top #5c2800;}
.duokui-mod .top-title{ height:201px;}
.duokui-mod .top-title .tit01{ width:286px; padding:40px 0 0 80px;}
.duokui-mod .top-title .tit01 h3{ line-height:70px; font-size:50px; background:-webkit-linear-gradient(left,#fef0de,#fef6eb 40%,#fffdfc 60%,#fff);-webkit-background-clip: text; -webkit-text-fill-color: transparent; color:#fff;}
.duokui-mod .top-title .tit01 p{ line-height:40px; font-size:22px; color:#fff;}
.duokui-mod .top-title .tit01 i{ display:inline-block; width:18px; height:19px; margin-left:13px; background:url("/images/chujizhicheng/project/2027project/index/shukebao-ico02.png") no-repeat;}
.duokui-mod .top-title .tips{ padding:59px 0 0;}
.duokui-mod .top-title .tips p{ display:block; float:left; width:130px; height:127px; text-align:center; padding:16px 0 0; line-height:22px; color:#fff; font-size:12px; margin-right:10px; background:url("/images/chujizhicheng/project/2027project/index/duokui-bg01.png") no-repeat;}
.duokui-mod .top-title .tips p strong{ font-size:22px; color:#fff;}
.duokui-mod .top-title .teacher-pic{ left:789px; top:-37px;}
.duokui-mod .top-title .vip-tags{ width:203px; height:103px; right:34px; bottom:0; background:url("/images/chujizhicheng/project/2027project/index/duokui-ico01.png") no-repeat;}
.duokui-mod .con{ width:1160px; margin:0 auto; background:#fffaf5; border-radius:6px 6px 20px 20px;}
.duokui-mod .top-con{ width:1071px; margin:0 auto; height:319px; border-bottom:1px solid #968f87; background:url("/images/chujizhicheng/project/2027project/index/duokui-ico02.png") no-repeat 69px 29px;}
.duokui-mod .top-con .list01{ padding:44px 0 0 344px;}
.duokui-mod .top-con .list01 .box{ float:left; width:339px; height:166px; margin-right:30px;}
.duokui-mod .top-con .list01 .box p{ line-height:26px; font-size:18px; color:#230337; padding:93px 0 0; text-align:center;}
.duokui-mod .top-con .list01 .box.bg01{ background:url("/images/chujizhicheng/project/2027project/index/duokui-bg03.png") no-repeat}
.duokui-mod .top-con .list01 .box.bg02{ margin-right:0; background:url("/images/chujizhicheng/project/2027project/index/duokui-bg04.png") no-repeat}
.duokui-mod .top-con .list02{ padding:13px 0 0 462px;}
.duokui-mod .top-con .list02 p{ display:block; float:left; width:260px; line-height:31px; padding-left:33px; font-size:16px; color:#d00e0e; background:url("/images/chujizhicheng/project/2027project/index/duokui-ico03.png") no-repeat left center;}
.duokui-mod .step-con{ width:1094px; height:258px; margin:19px auto 0; background:url("/images/chujizhicheng/project/2027project/index/duokui-bg06.jpg") no-repeat;}
.duokui-mod .step-con .tips{ left:14px; top:69px;}
.duokui-mod .step-con .box{ float:left; width:240px; text-align:center;}
.duokui-mod .step-con .box h5{ line-height:30px; font-size:12px;}
.duokui-mod .step-con .box h4{ display:block; width:148px; height:40px; line-height:40px; border-radius:40px; font-size:20px; color:#fff; margin:39px auto 4px;}
.duokui-mod .step-con .box p{ line-height:26px; font-size:16px; text-align:left; position:relative; margin-left:77px; padding-left:17px;}
.duokui-mod .step-con .box p:before{ content:""; width:4px; height:4px; background:#1b1b1b; border-radius:50%; position:absolute; left:0; top:50%; margin-top:-2px;}
.duokui-mod .step-con .box.b1{ padding-top:60px; margin-left:71px;}
.duokui-mod .step-con .box.b1 h5{ color:#ff5e06;}
.duokui-mod .step-con .box.b1 h4{ background:#ff5e06; margin-top:42px;}
.duokui-mod .step-con .box.b2{ padding-top:51px;}
.duokui-mod .step-con .box.b2 h5{ color:#740dd7;}
.duokui-mod .step-con .box.b2 h4{ background:#740dd7; margin-top:48px;}
.duokui-mod .step-con .box.b3{ padding-top:33px;}
.duokui-mod .step-con .box.b3 h5{ color:#3454f6;}
.duokui-mod .step-con .box.b3 h4{ background:#3454f6;}
.duokui-mod .step-con .box.b4{}
.duokui-mod .step-con .box.b4 h5{ color:#f0110f;}
.duokui-mod .step-con .box.b4 h4{ background:#f0110f;; margin-top:31px;}
.duokui-mod .bottom-tips{ padding:27px 0 27px 87px;}
.duokui-mod .bottom-tips p{ display:block; float:left; line-height:32px; font-size:16px; padding-left:26px; margin-right:49px; background:url("/images/chujizhicheng/project/2027project/index/aiShukebao-ico04.png") no-repeat left center;}
.duokui-mod .bottom-con{ height:80px; overflow:hidden; border-radius:0 0 20px 20px; background:url("/images/chujizhicheng/project/2027project/index/duokui-bg07.jpg") no-repeat;}
.duokui-mod .bottom-con .buy-btn{ display:block; float:right; width:160px; height:50px; line-height:50px; text-align:center; font-size:20px; color:#fff; font-weight:bold; text-decoration:none; border-radius:40px; margin:15px 24px 0 0; background:#b72a00; background-image:-webkit-linear-gradient(left, #b72a00, #e72f00); background-image:-moz-linear-gradient(left, #b72a00, #e72f00); background-image:linear-gradient(left,#b72a00,#e72f00);}
.duokui-mod .bottom-con .details-btn{ display:block; float:right; width:158px; height:48px; line-height:48px; text-align:center; font-size:20px; color:#b62800; border:1px solid #b62800; font-weight:bold; text-decoration:none; border-radius:40px; margin:15px 24px 0 0;}
.duokui-mod .bottom-con .coupon{ float:right; display:block; width:268px; height:55px; margin:12px 29px 0 0; background:url("/images/chujizhicheng/project/2027project/index/duokui-bg08.png") no-repeat;}
.duokui-mod .bottom-con .coupon strong{ display:block; float:left; width:85px; text-align:center; line-height:55px; font-size:30px; color:#fff;}
.duokui-mod .bottom-con .coupon strong em{ font-size:15px; font-weight:normal;}
.duokui-mod .bottom-con .coupon p{ display:block; float:left; width:115px; line-height:18px; font-size:12px; color:#fff; padding:11px 0 0 14px;}
.duokui-mod .bottom-con .coupon .btn{ display:block; float:left; width:42px; height:32px; line-height:32px; text-align:center; text-decoration:none; font-size:12px; color:#fff; margin-top:10px; background:url("/images/chujizhicheng/project/2027project/index/shukebao-bg04.png") no-repeat;}
.duokui-mod .bottom-con .price{ display:block; float:left; height:80px; line-height:80px; overflow:hidden; font-size:16px; color:#660000;}
.duokui-mod .bottom-con .price span{ font-size:22px;}
.duokui-mod .bottom-con .price span i{ font-size:43px; margin:0 5px;}
.duokui-mod .bottom-con .price span em{ font-size:32px; font-weight:bold;}
.duokui-mod .bottom-con .price del{ margin:0 8px 0 29px;}
.duokui-mod .bottom-con .price strong{ font-size:44px; color:#c80000; margin:0 18px 0 0; vertical-align:-6px;}
.duokui-mod .bottom-con .price strong b{ font-size:24px;}


.teacher-mod {
    height: 800px;
    background: url(/images/chujizhicheng/project/2027project/index/tea_bg.png) no-repeat top center;
    padding-top: 60px;
    box-sizing: border-box;
}

h3.title-mod {
    font-size: 56px;
    color: #333;
    text-align: center;
    line-height: 1;
}

h3.title-mod span {
    color: #211568;
}

.teacher-list-mod p.subject—txt {
    text-align: center;
    font-size: 28px;
    color: #222222;
    margin-top: 24px;
    line-height: 1;
}

.teacher-list-mod p img {
    margin-top: 6px;
}

.teacher-list {
    width: 1200px;
    margin: 0 auto;
    margin-top: 20px;
}

.teacher-text {
    width: 648px;
    height: 404px;
    border-radius: 20px;
    background: #fff;
    padding: 40px 30px 0 30px;
    box-sizing: border-box;
    margin-top: 50px;
    position: relative;
}

.teacher-text h5 {
    font-size: 40px;
    color: #333;
    margin-bottom: 29px;
}

.teacher-text .tea_deatils {
    margin-bottom: 20px;
}

.teacher-text .tea_deatils span {
    display: inline-block;
    width: 146px;
    height: 40px;
    border: 1px solid #222222;
    color: #222;
    font-size: 20px;
    border-radius: 20px;
    text-align: center;
    line-height: 40px;
    margin-right: 10px;
}

.teacher-list li {
    position: relative;
}

.teacher-list li p {
    font-size: 16px;
    line-height: 28px;
    color: #333;
}

.tea-line {
    display: block;
    width: 100%;
    height: 1px;
    background: #cdcdcd;
    margin: 20px 0;
}

.teacher-list li .teacher-text .main-text {
    position: relative;
    margin-left: 20px;
}

.teacher-list li .teacher-text .main-text p {
    line-height: 35px;
    padding-left: 19px;
    font-size: 16px;
    background: url("/images/zhongjizhicheng/project/2025project/index/teacher-ico03.png") no-repeat left center;
}

.teacher-list li .free-btn {
    display: block;
    position: absolute;
    right: 14px;
    top: 34px;
    width: 150px;
    height: 51px;
    line-height: 51px;
    font-size: 20px;
    color: #fff;
    text-decoration: none;
    font-weight: bold;
    text-align: center;
    background: url(/images/chujizhicheng/project/2027project/index/teacher-btn01.png) no-repeat;
}

.teacher-list .swiper-button-prev,
.teacher-list .swiper-button-next {
    width: 60px;
    height: 60px;
}

.teacher-list .swiper-button-next {
    background: url(/images/chujizhicheng/project/2027project/index/swiper-next.png) no-repeat;
    right: 0;
}

.teacher-list .swiper-button-prev {
    background: url(/images/chujizhicheng/project/2027project/index/swiper-prev.png) no-repeat;
    left: 0;
}

.teacher-header {
    margin-top: 10px;
}

.teacher-header ul {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 1200px;
    margin: 0 auto;
}

.teacher-header ul li {
    display: flex;
    align-items: flex-start;
    justify-content: center;
    width: 80px;
    height: 80px;
    background: url(/images/chujizhicheng/project/2027project/index/teacher-header-img02.png) no-repeat center;
    margin-right: 20px;
    overflow: hidden;
    border: 3px solid #fff;
    box-shadow: 0 0 10px 2px rgba(0, 0, 0, 0.2);
    border-radius: 50%;
    cursor: pointer;
}

.teacher-header ul li.on {
    background: url(/images/chujizhicheng/project/2027project/index/teacher-header-img01.png) no-repeat center;
}

.teacher-header ul li:last-child {
    margin-right: 0;
}

.teacher-header ul li img {
    margin-top: -10px;
}

.teacher-header ul li:nth-child(1) img {
    margin-left: 10px;
}

.teacher-header ul li:nth-child(3) img {
    margin-left: 12px;
}

.teacher-header ul li:nth-child(5) img {
    margin-right: 20px;
}

/* 璇剧▼琛╯tart */
.class-table {
    padding-top: 60px;
}

.class-table .tab-tit {
    text-align: center;
    font-size: 0;
    margin-top: 50px;
}

.class-table .tab-tit .btn {
    display: inline-block;
    width: 220px;
    height: 50px;
    line-height: 50px;
    text-align: center;
    position: relative;
    text-decoration: none;
    font-size: 22px;
    color: #591d00;
    margin: 0 40px;
    background: linear-gradient(to right, #ffde9f, #fff2d5);
    border-radius: 25px;
}

.class-table .tab-tit .btn.on {
    height: 60px;
    color: #fff;
    font-weight: bold;
    background: url("/images/chujizhicheng/project/2027project/index/teacher-tab01.png") no-repeat;
}

.class-table .tab-wrap {}

.class-table .tab-wrap {}

.class-table .tab-con {
    display: none;
    padding: 28px 0 0 0;
}

.class-table .tab-con .left-tit {
    float: left;
    width: 197px;
}

.class-table .tab-con .left-tit .tit {
    height: 97px;
    text-align: center;
    background: url("/images/zhongjizhicheng/project/2025project/index/courseSystem-tit.png") no-repeat;
}

.class-table .tab-con .left-tit .tit h3 {
    height: 32px;
    padding-top: 28px;
}

.class-table .tab-con .left-tit-book .tit {
    padding-top: 30px;
    box-sizing: border-box;
    background: linear-gradient(to bottom, #067be9, #1186ea);
    border-radius: 10px 10px 0 0;
}

.class-table .tab-con .left-tit-book .tit h3 {
    width: 170px;
    height: 50px;
    border-radius: 12px;
    background: #4fa9f8;
    color: #fff;
    font-size: 20px;
    font-weight: 600;
    text-align: center;
    line-height: 50px;
    padding-top: 0;
    margin: 0 auto;
    cursor: pointer;
}

.class-table .tab-con .left-tit-book .tit h3 img {
    vertical-align: middle;
    margin-left: 10px;
    margin-top: -2px;
}

.class-table .tab-con .left-tit-book .tit ul {
    position: absolute;
    top: 80px;
    left: 13px;
    border-radius: 10px;
    overflow: hidden;
    display: none;
    
}

.class-table .tab-con .left-tit-book .tit ul li {
    cursor: pointer;
    width: 170px;
    height: 50px;
    background: #4fa9f8;
    text-align: center;
    font-size: 18px;
    font-weight: 13.3333rem;
    color: #fff;
    line-height: 50px;
}

.class-table .tab-con .left-tit-book .tit ul li.on {
    background: #6cbafe;
}

.class-table .tab-con .left-tit .tit p {
    color: #fff;
    line-height: 18px;
    font-family: 'DIN Alternate';
}

.class-table .tab-con .left-tit .list {
    border-top: 1px solid #fff;
    border-radius: 0 0 6px 6px;
    padding: 0px 0 10px;
    background: #1189ea;
    background-image: -webkit-linear-gradient(top, #1189ea, #41bbea);
    background-image: -moz-linear-gradient(top, #1189ea, #41bbea);
    background-image: linear-gradient(top, #1189ea, #41bbea);
}

.class-table .tab-con .left-tit .list li {
    height: 48px;
    line-height: 48px;
    text-align: center;
    font-size: 16px;
    color: #fff;
    font-weight: bold;
    border-bottom: 1px solid #61c4ee;
}

.class-table .tab-con .left-tit .list li:first-child {
    height: 100px;
    line-height: 100px;
}

.class-table .tab-con .left-tit .list li:last-child {
    border-bottom: 0;
}

.class-table .tab-con .right-wrap {
    width: 993px;
    overflow-x: auto;
    padding-bottom: 10px;
}

.class-table .tab-con.shukebao .right-wrap {
    display: none;
}

.class-table .tab-con .right-con {
    width: auto;
    overflow: hidden;
}

.class-table .tab-con .right-con .list {
    float: left;
    margin-right: 8px;
    padding: 10px;
    border-radius: 6px;
    background: #cfe7ff;
}

.class-table .tab-con .right-con .list .tit {
    width: 100%;
    text-align: center;
    line-height: 30px;
    font-size: 18px;
    color: #197ff5;
    font-weight: bold;
    margin-bottom: 8px;
    position: relative;
}

.class-table .tab-con .right-con .list .tit .view-pplive {
    position: absolute;
    right: 10px;
    top: 0px;
    font-weight: normal;
    font-size: 14px;
    color: #ff6a2c;
    display: block;
    height: 26px;
    line-height: 26px;
    border-radius: 13px;
    padding: 0 15px;
    background: #f5f1ee;
}

.class-table .tab-con .right-con .list .table {}

.class-table .tab-con .word-text {
    font-size: 14px;
    color: #777;
    text-align: center;
    margin-top: 10px;
}

.class-table .tab-con .word-text strong {
    color: #197ff5;
}

.class-table .tab-con .right-con .list .table td {
    height: 28px;
    line-height: 28px;
    position: relative;
    border-bottom: 1px solid #cfe7ff;
    border-right: 1px solid #cfe7ff;
    text-align: center;
    padding: 10px 0;
    font-size: 15px;
    background: #fff;
}

.class-table .tab-con .right-con .list .table thead td {
    font-weight: bold;
    position: relative;
    font-size: 18px;
    padding: 22px 0;
    background: #eff8ff;
}

.class-table .tab-con .right-con .list .table thead td span {
    position: absolute;
    right: -5px;
    top: -8px;
    text-align: center;
    font-size: 12px;
    color: #fff;
    line-height: 18px;
    width: 40px;
    height: 18px;
    border-radius: 9px 9px 9px 0;
    background: #078efb;
    z-index: 9;
}

.class-table .tab-con .right-con .list .table thead td span.live {
    background: #ff8d12;
}

.class-table .tab-con .right-con .list .table td .live-tags {
    display: block;
    width: 40px;
    height: 40px;
    position: absolute;
    right: 0;
    top: 0;
    background: url("/images/zhongjizhicheng/project/2025project/index/courseSystem-ico01.png") no-repeat;
}

.class-table .tab-con .right-con .list .table td .send-tags {
    display: block;
    line-height: 26px;
    font-size: 14px;
    color: #fff;
    font-weight: bold;
    padding: 0 10px;
    position: absolute;
    left: -10px;
    top: 9px;
    border-radius: 40px 40px 5px 40px;
    background: #f41704;
    background-image: -webkit-linear-gradient(left, #f41704, #fb7711);
    background-image: -moz-linear-gradient(left, #f41704, #fb7711);
    background-image: linear-gradient(left, #f41704, #fb7711);
}

.class-table .tab-con .right-con .list.last-tags {
    margin-right: 0;
}

.class-table .tab-con .right-wrap::-webkit-scrollbar-track-piece {
    background-color: rgba(255, 255, 255, 1);
    border-left: 1px solid rgba(255, 86, 104, 0);
}

.class-table .tab-con .right-wrap::-webkit-scrollbar {
    width: 5px;
    height: 10px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
}

.class-table .tab-con .right-wrap::-webkit-scrollbar-thumb {
    background-color: rgba(194, 194, 194, 0.9);
    background-clip: padding-box;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    min-height: 10px;
}

.class-table .tab-con .right-wrap::-webkit-scrollbar-thumb:hover {
    background-color: rgba(194, 194, 194, 0.9);
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
}

.class-table .t-main-time {
    width: 1200px;
    height: 143px;
    margin-top: 20px;
    background: url("/images/zhongjizhicheng/project/2025project/index/ct-time-bg.png") no-repeat center
}

.class-table .t-main-time li {
    width: 150px;
    text-align: center;
    margin-right: 90px;
    padding-top: 74px
}

.class-table .t-main-time .t-item-tt {
    font-size: 18px;
    font-weight: 700;
    color: #333;
    padding-bottom: 6px
}

.class-table .t-main-time .t-item-bt {
    font-size: 14px;
    font-weight: 400;
    color: #333
}

.class-table .t-main-time li.first {
    margin-left: 258px
}

.class-table .t-main-time li.end {
    margin-right: 0
}

.class-table table {
    margin-top: 10px;
    background: #fff;
    box-shadow: 5px 9px 30px 0 rgba(37, 120, 223, 0.13);
    color: #333
}

.class-table table .top-tr {
    height: 63px;
    color: #fff
}

.class-table table td {
    padding: 10px 0;
    font-size: 14px;
    background: #fff;
}

.class-table td,
.class-table th {
    border-right: 1px solid #dedede;
    border-bottom: 1px solid #dedede;
}

/* 璇剧▼琛╡nd */
/* ai绮惧噯瀛� start */
.ai-jzx {
    height: 1295px;
    background: url("/images/chujizhicheng/project/2027project/index/ai_bg.jpg") no-repeat;
    margin-top: 20px;
    padding-top: 70px;
    box-sizing: border-box;
}

.ai_title {
    display: flex;
    align-items: center;
    justify-content: center;
}

.ai_title a {
    margin-left: 48px;
}

.ai-jzx .con{
    width: 1200px;
    margin:0 auto;
    padding: 20px 20px 15px 20px;
    box-sizing: border-box;
    background: linear-gradient(to bottom,#e4feff,#fff,#e4feff);
    margin-top: 57px;
    border-radius: 16px;
}
.ai-jzx .box {
    width: 1160px;
    border-radius: 12px;
    margin: 0 auto;
    background: url("/images/zhucekuaijishi/project/qijian/2025/topNav-bg01.png") no-repeat center left 420px #fff;
    
}

.ai-jzx .left-con {
    padding: 20px 0 0 13px;
}

.ai-jzx .left-con .text01 {
    width: 360px;
    height: 102px;
    line-height: 34px;
    text-align: center;
    border-radius: 15px;
    font-size: 18px;
    color: #211d45;
    background: #effdff;
    padding-top: 16px;
    box-sizing: border-box;
    background-image: -webkit-linear-gradient(left, #42f6ff, #f0b3ff, #c974ff);
    background-image: -moz-linear-gradient(left, #42f6ff, #f0b3ff, #c974ff);
    background-image: linear-gradient(left, #42f6ff, #f0b3ff, #c974ff);
    font-weight: 600;
}
.ai-jzx .left-con .text01 em{
    color: #ff103d;
}
.ai-jzx .left-con .text01 i {
    display: inline-block;
    width: 23px;
    height: 13px;
    margin: 0 5px;
    background: url("/images/zhucekuaijishi/project/qijian/2025/topNav-ico01.png") no-repeat;
}

.ai-jzx .left-con .text02 {
    width: 360px;
    height: 74px;
    margin: 24px 0 0;
    position: relative;
    text-align: center;
    border-radius: 15px;
    font-size: 18px;
    font-weight: bold;
    color: #211d45;
    background: #effdff;
    padding-top: 15px;
    box-sizing: border-box;
    background-image: -webkit-linear-gradient(left, #dafbff, #f5f2ff, #f6e3ff);
    background-image: -moz-linear-gradient(left, #dafbff, #f5f2ff, #f6e3ff);
    background-image: linear-gradient(left, #dafbff, #f5f2ff, #f6e3ff);
    line-height: 1;
}

.ai-jzx .left-con .text02:before {
    content: "";
    width: 34px;
    height: 44px;
    position: absolute;
    top: -37px;
    left: 50%;
    background: url("/images/chujizhicheng/project/2027project/index/topNav-ico02.png") no-repeat;
    margin-left: -17px;
}

.ai-jzx .left-con .text02 span {
    display: inline-block;
    line-height: 34px;
    font-size: 14px;
    vertical-align: middle;
    font-weight: 500;
}

.ai-jzx .left-con .text02 i {
    display: inline-block;
    width: 23px;
    height: 13px;
    margin: 0 5px;
    background: url("/images/zhucekuaijishi/project/qijian/2025/topNav-ico01.png") no-repeat;
}

.ai-jzx .right-con {
    padding: 24px 14px 0 0;
}

.ai-jzx .right-con .tit {
    width: 430px;
    height: 40px;
    line-height: 40px;
    font-size: 18px;
    color: #fff;
    background: url("/images/zhucekuaijishi/project/qijian/2025/topNav-tit03.png") no-repeat;
}

.ai-jzx .right-con .tit span {
    display: inline-block;
    width: 138px;
    text-align: center;
    font-size: 18px;
    font-weight: bold;
    margin-right: 47px;
}

.ai-jzx .right-con .text01 {
    line-height: 28px;
    font-size: 16px;
    color: #211d45;
    margin-top: 30px;
    margin-bottom: 30px;
}

.ai-jzx .right-con .text01 span {
    display: inline-block;
    padding-left: 27px;
    font-size: 16px;
    color: #222222;
    font-weight: bold;
    background: url("/images/zhucekuaijishi/project/qijian/2025/topNav-ico03.png") no-repeat 10px center;
    line-height: 1;
    
}

.ai-jzx .right-con .text02 {
    margin-top: 15px;
    border-radius: 12px;
    color: #fff;
    background: #006cff;
    background-image: -webkit-linear-gradient(left, #006cff, #6e78ff);
    background-image: -moz-linear-gradient(left, #006cff, #6e78ff);
    background-image: linear-gradient(left, #006cff, #6e78ff);
}

.ai-jzx .right-con .text02 h4 {
    line-height: 40px;
    font-size: 18px;
    padding: 8px 0 0 19px;
}

.ai-jzx .right-con .text02 p {
    line-height: 24px;
    padding-left: 19px;
}

.ai-jzx .right-con .text02 .tips {
    height: 40px;
    line-height: 40px;
    font-size: 16px;
    border-radius: 12px;
    color: #fff;
    margin-top: 10px;
    font-weight: bold;
    background: #0021d9;
    background-image: -webkit-linear-gradient(left, #0021d9, #0680fd);
    background-image: -moz-linear-gradient(left, #0021d9, #0680fd);
    background-image: linear-gradient(left, #0021d9, #0680fd);
}

.ai-jzx .right-con .text02 .tips i {
    display: inline-block;
    width: 25px;
    height: 24px;
    margin: 0 5px 0 10px;
    vertical-align: middle;
    background: url("/images/zhucekuaijishi/project/qijian/2025/topNav-ico04.png") no-repeat;
}

.ai-jzx .right-con .text02:before {
    content: "";
    width: 108px;
    height: 113px;
    position: absolute;
    right: 11px;
    top: -18px;
    background: url("/images/zhucekuaijishi/project/qijian/2025/topNav-ico05.png") no-repeat;
}

.ai-jzx .right-con .text03 {
    line-height: 53px;
    text-align: center;
    font-size: 16px;
    color: #222;
    font-weight: bold;
}
.ai-jzx .right-con .text03 strong {
    color: #f96c0b;
}

.ai-jzx .right-con .text03 i {
    display: inline-block;
    width: 15px;
    height: 14px;
    margin: 0 5px 0 29px;
    vertical-align: -2px;
    background: url("/images/zhucekuaijishi/project/qijian/2025/topNav-ico06.png") no-repeat;
}

.ai-jzx .right-con .text03 i:first-child {
    margin-left: 0;
}
.ai-jzx .box-tips{
    font-size: 14px;
    color: #999999;
    text-align: right;
    line-height: 1;
    margin-top: 10px;
}
.ai-jzx-com{
    width: 1200px;
    margin: 0 auto;
    margin-top: 50px;
}
.ai-jzx-com .ai-jzx-l .ai-jzx-l-com{
    width: 312px;
    height: 160px;
    border-radius: 10px;
    background: linear-gradient(45deg,#410882,#380380,#82009e);
    color: #fff;
    padding: 22px 0 0 24px;
    box-sizing: border-box;
    line-height: 1;
    margin-bottom: 12px;
    position: relative;
    border: 1px solid #410882;
    cursor: pointer;
}
.ai-jzx-com .ai-jzx-l .ai-jzx-l-com.on{
    border: 1px solid #eda9f3;
}
.ai-jzx-com .ai-jzx-l .ai-jzx-l-com h5{
    font-size: 24px;
    color: #fff;
    
}
.ai-jzx-com .ai-jzx-l .ai-jzx-l-com p{
    font-size: 16px;
    color: #fff;
    margin-top: 46px;
}
.ai-jzx-com .ai-jzx-l .ai-jzx-l-com p span{
    opacity: 0.5;
    display: block;
    margin-top: 14px;
}
.ai-jzx-com .ai-jzx-l .ai-jzx-l-com img{
    position: absolute;
    top: 23px;
    right: 12px;
    
}
.ai-jzx-com .ai-jzx-l.fl .ai-jzx-l-com:nth-child(1) p{
    margin-top: 22px;
    font-size: 14px;
}
.ai-jzx-com .ai-jzx-l .ai-jzx-l-com .ai-jzx-list{
    margin-top: 21px;
}
.ai-jzx-com .ai-jzx-l .ai-jzx-l-com .ai-jzx-list span{
    display: inline-block;
    text-align: center;
    width: 92px;
    height: 42px;
    color: #fff;
    font-size: 18px;
    color: #fff;
    line-height: 42px;
    background: url("/images/chujizhicheng/project/2027project/index/ai-jzx-img05.png") no-repeat;
}
.ai-jzx-com .ai-jzx-l .ai-jzx-l-com .ai-jzx-list span:nth-child(2){
    background: url("/images/chujizhicheng/project/2027project/index/ai-jzx-img06.png") no-repeat;
}
.swiper-middle{
    margin-left: 35px;
    width: 504px;
    text-align: center;
    position: relative;
    
}
.swiper-middle ul li {
    padding-top: 0;
    width: 504px;
    height: 504px;
    background: url("/images/chujizhicheng/project/2027project/index/ai-m-bg.png") no-repeat;
    padding-top: 40px;
    box-sizing: border-box;
}
.swiper-middle ul li.swiper-slide01{
    padding-top: 0;
}
.ai-db-pic{
    width: 100%;
}
.swiper-middle ul li .hd .prev,
.swiper-middle ul li .hd .next {
    display: block;
    width: 35px;
    height: 44px;
    float: right;
    overflow: hidden;
    cursor: pointer;
    background: url("/images/zhuanti/xuelitisheng/1-9.png") no-repeat;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    opacity: .6
}

.swiper-middle ul li .hd .prev {
    left: 10px
}

.swiper-middle ul li .hd .next {
    background: url("/images/zhuanti/xuelitisheng/1-10.png") no-repeat !important;
    right: 10px
}
.swiper-middle .prev-btn {
    width: 50px;
    height: 50px;
    background: url(/images/chujizhicheng/project/2027project/index/swiper-prev.png) no-repeat;
    background-size: 100% 100%;
    position: absolute;
    top: 50%;
    margin-top: -25px;
    left: -25px;
    cursor: pointer;
    z-index: 9
}

.swiper-middle .next-btn {
    width: 50px;
    height: 50px;
    background: url(/images/chujizhicheng/project/2027project/index/swiper-next.png) no-repeat;
    background-size: 100% 100%;
    position: absolute;
    top: 50%;
    margin-top: -25px;
    right: -25px;
    cursor: pointer;
    z-index: 9
}
.pagetione{
    display: flex;
    align-items: center;
    justify-content: center;
    margin-top: 30px;
}
.pagetione span{
    width: 6px;
    height: 6px;
    background: #fff;
    border-radius: 50%;
    margin-right: 10px;
}
.pagetione span.on{
    width: 16px;
    border-radius: 2px;
}
/* ai绮惧噯瀛� end */
/* 瀛﹀憳璇� start */
.student_said {
    padding-top: 30px;
    padding-bottom: 29px;
    background: #f3f5f8;
}

.student_said h3 {
    color: #333;
    font-size: 56px;
    font-weight: bold;
    background: linear-gradient(to right, #000820, #211568);
    -webkit-background-clip: text;
    background-clip: text;
    color: transparent;
    -webkit-text-fill-color: transparent;
    text-align: center;
    line-height: 1;
}

.student_said ul {
    margin-top: 24px;
}

.student_said .swiper-container {
    padding: 10px;
    box-sizing: border-box;
}

.student_said ul li {
    width: 969px;
    border-radius: 20px;
    margin-right: 20px;
    
    /* background: url(/images/chujizhicheng/project/2027project/index/stu_img01.png) no-repeat left top;
    background-size: 100% auto; */
}



.student_said ul li .stu_con {
    width: 730px;
    background: #fff;
    height: 236px;
    box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.1);
    padding: 24px 0 30px 46px;
    box-sizing: border-box;
    border-radius: 10px;
}


.student_said ul li .stu_con p {
    font-size: 16px;
    line-height: 36px;
    position: relative;
    width: 463px;
    height: 144px;
}

.student_said ul li .stu_con>p::before {
    position: absolute;
    content: "";
    width: 48px;
    height: 37px;
    background: url(/images/chujizhicheng/project/2027project/index/stu_icon.png) no-repeat left top;
    background-size: 100% auto;
    top: -30px;
    left: -50px;
}

.student_said ul li .stu_con>p::after {
    position: absolute;
    content: "";
    width: 48px;
    height: 37px;
    background: url(/images/chujizhicheng/project/2027project/index/stu_icon01.png) no-repeat left top;
    background-size: 100% auto;
    bottom: -22px;
    right: 0;
}

.stu_info {
    display: flex;
    align-items: center;
    margin-top: 20px;
}
.stu_info span {
    width: 52px;
    height: 34px;
    background: url(/images/chujizhicheng/project/2027project/index/stu_h_img.png) no-repeat left top;
    margin-right: 10px;
}

.stu_info em {
    font-size: 18px;
    color: #222222;
    font-weight: 600;
    position: relative;
}

.stu_info i {
    width: 68px;
    height: 13px;
    background: url(/images/chujizhicheng/project/2027project/index/stu_arr_img.png) no-repeat left top;
    background-size: 100% auto;
    margin: 0 15px;
}
.left-img{
    width: 390px;
    height: 180px;
    position: absolute;
    right: 0;
    top: 50%;
    margin-top: -90px;
}
.left-img img{
    width: 390px;
}
.student_said ul li .left-img h4 {
    position: absolute;
    top: 30px;
    left: 34px;
    font-size: 21px;
    line-height: 36px;
    color: #fff;
    font-weight: 500;
}
.student_said ul li.leftimg .left-img{
    left: 0;
    right: auto;
    
}
.student_said ul li.leftimg  .stu_con{
    padding: 24px 0 30px 226px;
    box-sizing: border-box;
    float: right;
}
.student_said ul li.leftimg  .left-img h4{
    color: #333;
}
.view_more {
    display: block;
    width: 208px;
    height: 34px;
    text-align: center;
    background: #fff;
    font-size: 14px;
    margin: 0 auto;
    line-height: 34px;
    border-radius: 15px;
    margin-top: 20px;
}
.stu-prev-next{
    display: flex;
    justify-content: flex-end;
    align-items: center;
}
.stu-prev-next .prev-btn {
    width: 40px;
    height: 40px;
    background: url(/images/chujizhicheng/project/2027project/index/swiper-prev01.png) no-repeat;
    background-size: 100% 100%;
    cursor: pointer;
    z-index: 9;
    margin-right: 10px;
}

.stu-prev-next .next-btn {
    width: 40px;
    height: 40px;
    background: url(/images/chujizhicheng/project/2027project/index/swiper-next02.png) no-repeat;
    background-size: 100% 100%;
    cursor: pointer;
    z-index: 9
}
/* 瀛﹀憳璇磂nd */
/**/
.ewm-wrap {
    width: 100%;
    height: 253px;
    background: url("//www.fawtography.com/images/chujizhicheng/project/2025project/ewm-bg.jpg") no-repeat center top;
}

.ewm-mod {
    padding: 33px 0 0;
}

.ewm-mod .other-enter {
    width: 890px;
    float: left;
    padding-left: 50px;
}

.ewm-mod .other-enter dl dt {
    text-align: center;
    width: 153px;
    font-size: 16px;
    color: #fff;
    font-weight: bold;
    display: inline-block;
    vertical-align: top;
    margin-right: 60px;
}

.ewm-mod .other-enter dl dt img {
    margin-bottom: 10px;
}

.ewm-mod .other-enter dl dt img {
    margin-bottom: 10px;
}

.ewm-mod .other-enter dl dd {
    display: inline-block;
    margin: 25px 0;
}

.ewm-mod .other-enter dl dd li {
    display: inline-block;
    position: relative;
    margin-right: 20px;
    vertical-align: top;
    width: 100px;
    height: 100px;
    text-align: center;
    background: rgba(8, 8, 8, 0.8);
    color: #fff;
    font-size: 16px;
    border-radius: 5px;
}

.ewm-mod .other-enter dl dd li img {
    margin: 20px auto 5px;
}

.ewm-mod .other-enter dl dd p {
    text-align: center;
    color: #fff;
    font-size: 16px;
    margin-top: 20px;
}

.ewm-mod .other-enter dl dd li a {
    display: block;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    position: absolute;
}

.ewm-mod .phone-mod {
    width: 230px;
    text-align: center;
    color: #fff;
    font-size: 22px;
    float: left;
}

.ewm-mod .phone-mod span {
    font-size: 20px;
    line-height: 30px;
    position: relative;
    padding-left: 55px;
    display: inline-block;
    margin: 10px 0;
}

.ewm-mod .phone-mod span:before {
    content: '';
    position: absolute;
    display: inline-block;
    left: 0;
    top: 5px;
    vertical-align: top;
    background: url("/images/zhucekuaijishi/project/2025project/index/n-icon15.png") no-repeat left center;
    width: 50px;
    height: 50px;
}

.ewm-mod .phone-mod a {
    display: block;
    width: 220px;
    height: 44px;
    line-height: 44px;
    text-align: center;
    color: #fff;
    font-size: 20px;
    border-radius: 22px;
    background: #07bdc7;
    margin: 10px auto;
}

.ewm-mod .phone-mod a:hover {
    text-decoration: none;
}

.ewm-mod .other-enter dl dd li .msg-code {
    position: absolute;
    width: 100px;
    height: 100px;
    padding: 8px;
    box-shadow: 0 0 10px 0 rgba(142, 152, 172, .3);
    border-radius: 4px;
    left: -9px;
    bottom: 105px;
    background: #fff;
    display: none
}

.ewm-mod .other-enter dl dd li:hover .msg-code {
    display: block
}

.ewm-mod .other-enter dl dd li .msg-code img {
    width: 100%;
    margin: 0
}

/**/
.left-nav {
    width: 140px;
    height: 476px;
    position: fixed;
    left: 0;
    top: 50%;
    margin-top: -269px;
    background: url("/images/chujizhicheng/project/2024project/right-nav-bg.png") no-repeat center;
    padding-top: 3px;
    z-index: 92
}

.left-nav .coins-outer {
    width: 120px;
    margin-left: 15px;
    padding-top: 5px;
    cursor: pointer
}

.left-nav .top-t {
    text-align: center;
    font-size: 12px;
    font-weight: 400;
    color: #fff
}

.left-nav .top-t strong {
    font-size: 14px
}

.left-nav .consult-btn {
    display: block;
    text-decoration: none;
    text-align: center;
    width: 90px;
    margin: 21px 0 0 30px;
    font-size: 16px;
    font-weight: 700;
    color: #fefefe;
    padding-top: 15px;
    background: #ffc71b
}

.left-nav .consult-btn img {
    margin-bottom: 5px;
    animation: activeBox 1s linear infinite;
    transform: translateX(0)
}

.left-nav ul {
    width: 90px;
    margin-left: 30px;
    margin-top: 15px;
}

.left-nav ul li {
    width: 90px;
    height: 30px;
    background: #ffe3aa;
    border: 1px dashed #fffbf4;
    border-radius: 4px;
    line-height: 30px;
    text-align: center;
    font-size: 12px;
    font-weight: 700;
    color: #6a3100;
    margin-bottom: 10px;
    transition: all .25s ease-in-out;
    cursor: pointer
}

.left-nav ul li a {
    display: block;
    color: inherit;
    text-decoration: none
}

.left-nav ul li.on {
    background: #f9541c;
    border: 1px solid #fff8f0;
    color: #fff
}

.left-nav ul li:hover {
    background: #f9541c;
    border: 1px solid #fff8f0;
    color: #fff
}

.left-nav ul li.last {
    margin-bottom: 12px
}

.left-nav .phone {
    display: none;
    text-align: center;
    font-size: 12px;
    font-weight: 700;
    color: #844c00;
    width: 110px;
    margin-left: 19px
}

.left-nav .qr-code {
    margin: 6px 0 8px 35px
}

.left-nav .img-tip {
    width: 110px;
    margin-left: 19px;
    text-align: center;
    font-size: 14px;
    font-weight: 700;
    color: #fefefe
}

.left-nav .top-btn {
    display: block;
    width: 54px;
    height: 54px;
    border-radius: 50%;
    margin: 26px 0 0 47px
}

.left-nav .arrow {
    display: block;
    width: 30px;
    height: 50px;
    background: url(/images/zhongjizhicheng/project/index2022/fixNav-common.png) no-repeat 0 0;
    position: absolute;
    right: -20px;
    top: 50%;
    margin-top: -25px;
    background-position-x: -28px
}

/**/
.equity-con {
    width: 1200px;
    margin: 0 auto;
    background: #fff;
    border-radius: 10px;
    margin-top: 30px;
    border: 1px solid #e9e9e9;
    padding: 10px 16px 12px 26px;
    /* padding:10px 0 12px; */
    box-shadow: 0 6px 12px #f2f3f4;
}

.equity-con h3 {
    line-height: 50px;
    font-size: 16px;
}

.equity-con p {
    line-height: 34px;
}

.equity-con .hide {
    display: none;
}

.equity-con .btn {
    display: block;
    width: 52px;
    height: 26px;
    border: 1px solid #e1e1e1;
    background: url("/images/chujizhicheng/project/2025project/course-ico02.png") no-repeat center;
    border-radius: 50px;
    margin: 12px auto 0;
}

.equity-con .btn.on {
    transform: rotate(180deg);
    -webkit-transform: rotate(180deg);
}