/*
@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;}
.common-title{ padding:64px 0; text-align:center;}
.common-title h3{ display:inline-block; height:58px; position:relative;}
.common-title h3 span{ line-height:58px; font-size:36px; color:#007feb; position:relative; z-index:9;}
.common-title h3:before{ content:""; width:162px; height:34px; position:absolute; left:-60px; bottom:0; z-index:1; background:url("/images/shuishou/zhuanti/jysjcwfx/title-ico01.png") no-repeat;}
.common-title h3:after{ content:""; width:162px; height:34px; position:absolute; right:-90px; top:0; z-index:1; background:url("/images/shuishou/zhuanti/jysjcwfx/title-ico02.png") no-repeat;}
.common-title p{ line-height:1; font-size:22px; padding-top:15px; text-align:center;}
.common-title.white-tags h3 span,.common-title.white-tags p{ color:#fff;}
.common-title.white-tags h3:before{ background:url("/images/shuishou/zhuanti/jysjcwfx/title-ico03.png") no-repeat;}


/**/
.topHeader-wrap{ width:100%; height:520px; background:url("/images/shuishou/zhuanti/jysjcwfx/header.jpg") no-repeat center top;}
.topHeader-mod{ height:520px;}
.topHeader-mod .tips{ padding:386px 0 0; text-align:center; font-size:0;}
.topHeader-mod .tips span{ display:inline-block; width:259px; height:58px; line-height:58px; text-align:center; font-size:20px; margin:0 13px; color:#fff; background:url("/images/shuishou/zhuanti/jysjcwfx/header-btn01.png") no-repeat;}

/**/
.puzzled-wrap{ width:100%; height:942px; background:url("/images/shuishou/zhuanti/jysjcwfx/puzzled-bg.jpg") no-repeat center top;}
.puzzled-mod{}
.puzzled-mod .title{ text-align:center; padding:48px 0 26px;}
.puzzled-mod .title h3{ display:inline-block; height:62px; line-height:62px; font-size:36px; color:#007feb; font-weight:bold; padding:0 157px; background:url("/images/shuishou/zhuanti/jysjcwfx/puzzled-tit.png") no-repeat left;}
.puzzled-mod .con{ height:430px; background:url("/images/shuishou/zhuanti/jysjcwfx/puzzled-bg01.png") no-repeat center 107px;}
.puzzled-mod .con .box01{ width:275px; height:77px; background:#1c9ce5; border-radius:12px; text-align:center; position:absolute;}
.puzzled-mod .con .box01 p{ font-size:16px; color:#fff; line-height:29px; padding-top:10px;}
.puzzled-mod .con .box01 p.line-one{ line-height:73px; padding-top:0;}
.puzzled-mod .con .box02{ width:271px; height:73px; text-align:center; border:2px solid #67c8ff; background:#fff; border-radius:12px; position:absolute;}
.puzzled-mod .con .box02 p{ font-size:16px; color:#313131; line-height:29px; padding-top:10px;}
.puzzled-mod .con .box02 p.line-one{ line-height:73px; padding-top:0;}
.puzzled-mod .con .abs01{ left:0; top:291px;}
.puzzled-mod .con .abs02{ left:60px; top:184px;}
.puzzled-mod .con .abs03{ left:140px; top:77px;}
.puzzled-mod .con .abs04{ left:463px; top:0;}
.puzzled-mod .con .abs05{ right:60px; top:77px;}
.puzzled-mod .con .abs06{ right:140px; top:184px;}
.puzzled-mod .con .abs07{ right:0; top:291px;}
.puzzled-mod .text{ background:#fff; box-shadow:0 2px 10px 2px #c3d8f4; padding-bottom:28px; position:relative;}
.puzzled-mod .text:before{ content:""; width:47px; height:29px; position:absolute; left:50%; margin-left:-23px; top:-29px; background:url("/images/shuishou/zhuanti/jysjcwfx/puzzled-ico02.png") no-repeat;}
.puzzled-mod .text .tit{ text-align:center; padding:31px 0 0;}
.puzzled-mod .text .tit h4{ display:inline-block; line-height:58px; font-size:24px; color:#fe650c; border-bottom:1px solid #ffc29f; position:relative;}
.puzzled-mod .text .tit h4:before{ content:""; width:8px; height:8px; border:1px solid #ffc5a4; border-radius:50%; position:absolute; left:-4px; bottom:-4px;}
.puzzled-mod .text .box{ width:420px; padding:43px 0 0; background:url("/images/shuishou/zhuanti/jysjcwfx/puzzled-ico01.png") no-repeat left 27px;}
.puzzled-mod .text .box p{ line-height:40px; font-size:16px; color:#313131;}
.puzzled-mod .text .box.fl{ margin:0 0 0 87px;}
.puzzled-mod .text .box.fr{ margin:0 87px 0 0;}

/**/
.example-mod{ padding-bottom:70px;}
.example-mod .mySwiper{ width:1150px; height:344px; margin:0 auto; overflow:hidden;}
.example-mod .swiper-slide{ width:293px;}
.example-mod .swiper-slide .box{ width:269px; border:1px solid #dadada;}
.example-mod .swiper-slide .pic{ height:160px; position:relative;}
.example-mod .swiper-slide .pic p{ display:block; width:217px; line-height:40px; padding:4px 0; text-align:center; font-size:24px; color:#fff; font-weight:bold; border-top:1px solid #fefefe; border-bottom:1px solid #fefefe; position:absolute; left:50%; margin-left:-109px; top:37px;}
.example-mod .swiper-slide .pic p.one-line{ line-height:80px;}
.example-mod .swiper-slide .text{ height:182px;}
.example-mod .swiper-slide .text p{ font-size:16px; line-height:32px; padding:35px 30px 0 30px;}
.example-mod .arrow-left,.example-mod .arrow-right{ width:44px; height:44px; position:absolute; left:-39px; top:50%; margin-top:-22px; background:url("/images/shuishou/zhuanti/jysjcwfx/example-ico01.png") no-repeat;}
.example-mod .arrow-right{ left:auto; right:-39px; background:url("/images/shuishou/zhuanti/jysjcwfx/example-ico02.png") no-repeat;}

/**/
.teacher-wrap{ width:100%; background:url("/images/shuishou/zhuanti/jysjcwfx/teacher-bg.jpg") no-repeat center top;}
.teacher-mod{ background:#fff; box-shadow:0 4px 8px #e8e9eb;}
.teacher-mod .tab-con{ display:none; padding:62px 0 0 150px;}
.teacher-mod .tab-con .pic{ float:left;}
.teacher-mod .tab-con .pic img{ display:block; width:290px; height:380px; border-radius:10px; box-shadow:0 2px 10px 3px #c5d0da;}
.teacher-mod .tab-con .text{ float:right; width:464px; padding:40px 0 0; margin-right:148px;}
.teacher-mod .tab-con .text h4{ line-height:72px; font-size:24px; color:#3c3c3c; position:relative; border-bottom:1px solid #e3e3e3;}
.teacher-mod .tab-con .text h4:before{ content:""; width:75px; height:3px; background:#007feb; position:absolute; left:0; bottom:0;}
.teacher-mod .tab-con .text h5{ line-height:30px; padding:20px 0 0; font-size:16px; color:#007feb;}
.teacher-mod .tab-con .text p{ line-height:38px; padding-left:22px; margin-top:13px; font-size:16px; background:url("/images/shuishou/zhuanti/jysjcwfx/title-ico04.png") no-repeat left center;}
.teacher-mod .tab-tit{ padding:55px 0 42px 70px;}
.teacher-mod .tab-tit .teacherSwiper{ width:1060px; height:122px; margin:0;}
.teacher-mod .tab-tit .teacherSwiper.no-tags{ width:1130px;}
.teacher-mod .tab-tit .swiper-slide{ width:161px; text-decoration:none;}
.teacher-mod .tab-tit .swiper-slide .pic{ display:block; width:90px; height:90px; border-radius:50%; position:relative; border:2px solid #fff;}
.teacher-mod .tab-tit .swiper-slide p{ display:block; width:90px; line-height:32px; text-align:center; font-size:16px; color:#3c3c3c;}
.teacher-mod .tab-tit .swiper-slide.on .pic{ border:2px solid #6cbbff;}
.teacher-mod .tab-tit .arrow-left,.teacher-mod .tab-tit .arrow-right{ width:18px; height:30px; z-index:9; position:absolute; left:30px; top:86px; background:url("/images/shuishou/zhuanti/jysjcwfx/teacher-ico01.png") no-repeat;}
.teacher-mod .tab-tit .arrow-right{ left:auto; right:30px; background:url("/images/shuishou/zhuanti/jysjcwfx/teacher-ico02.png") no-repeat;}

/**/
.course-mod{ margin-bottom:53px;}
.course-mod .table{ width:100%; border-bottom:1px solid #9fbeff; border-left:1px solid #9fbeff;}
.course-mod .table th{ line-height:50px; background:#1c9ce5; font-size:20px; color:#fff; border-right:1px solid #9fbeff; font-weight:normal;}
.course-mod .table td{ line-height:30px; border-right:1px solid #9fbeff; border-top:1px solid #9fbeff; padding:34px 17px; color:#3f3f3f;}
.course-mod .table .tit01{}
.course-mod .table .tit01 h3{ display:inline-block; width:120px; line-height:33px; font-size:18px; font-weight:bold; color:#fff; background:#1c9ce5; text-indent:15px; position:relative;}
.course-mod .table .tit01 h3:before{ content:""; width:10px; height:33px; position:absolute; right:-10px; top:0; background:url("/images/shuishou/zhuanti/jysjcwfx/course-ico01.png") no-repeat;}
.course-mod .table .tit01 p{ line-height:36px; font-size:18px; color:#313131; font-weight:bold; padding-top:5px;}
.course-mod .table .text01{ width:300px; float:left; padding-left:48px;}
.course-mod .table .text02{ float:left;}
.course-mod .table .text03{ float:left; width:326px;}
.course-mod .table .text04{ float:left; width:260px;}

/**/
.promote-wrap{ width:100%; background:url("/images/shuishou/zhuanti/jysjcwfx/promote-bg.jpg") no-repeat center top #eef4ff;}
.promote-mod{}
.promote-mod .nav .swiper-container{ width:1200px; height:346px;}
.promote-mod .nav .swiper-container .swiper-slide{ width:530px; height:346px; text-align:center; background:url("/images/shuishou/zhuanti/jysjcwfx/promote-bg01.jpg") no-repeat;}
.promote-mod .nav .swiper-container .swiper-slide span{ display:block; padding-top:42px; width:132px; height:132px; margin:0 auto;}
.promote-mod .nav .swiper-container .swiper-slide h4{ line-height:54px; font-size:20px; padding-top:6px;}
.promote-mod .nav .swiper-container .swiper-slide p{ line-height:32px; font-size:16px; color:#545454;}
.promote-mod .nav .swiper-container .swiper-slide.swiper-slide-active h4{ font-size:22px;}
.promote-mod .nav .swiper-container .swiper-slide.swiper-slide-active p{ font-size:18px;}

/**/
.freeCourse-con{ width:1200px; margin:55px auto 0; padding-bottom:30px;}
.freeCourse-con .swiper-container{ height:582px;}
.freeCourse-con .swiper-slide{ position:relative;}
.freeCourse-con .play-btn{ display:block; width:110px; height:110px; position:absolute; left:50%; top:50%; margin:-55px 0 0 -55px; background:url("/images/shuishou/zhuanti/jysjcwfx/play-btn.png") no-repeat;}
.freeCourse-con .pagination{ text-align:center; font-size:0; margin-top:38px;}
.freeCourse-con .swiper-pagination-switch{ display:inline-block; width:50px; height:8px; background:#d8d8d8; border-radius:8px; margin:0 10px;}
.freeCourse-con .swiper-active-switch{ background:#007feb;}
.freeCourse-con .swiper-slide p{ text-align:center; font-size:18px; line-height:32px; padding-top:10px; color:#333;}
.freeCourse-con .swiper-slide p strong{ color:#007feb;}

/**/
.phone-wrap{ width:100%; height:473px; background:url("/images/shuishou/zhuanti/jysjcwfx/phone-bg.jpg") no-repeat center top;}
.phone-mod{ color:#fff;}
.phone-mod h3{ text-align:center; line-height:72px; font-size:38px; padding-top:56px; position:relative;}
.phone-mod h3:before{ content:""; width:109px; height:6px; background:#ffbd1d; border-radius:3px; position:absolute; left:50%; margin-left:-54px; bottom:0;}
.phone-mod h4{ text-align:center; line-height:38px; font-size:24px; font-weight:normal; padding-top:14px;}
.phone-mod .list{ padding:28px 0 0;}
.phone-mod .list li{ float:left; width:170px; line-height:36px;}

/**/
.buy-wrap{ width:100%; height:100px; position:fixed; left:0; bottom:0; z-index:29; background:url("/images/shuishou/zhuanti/jysjcwfx/buy-wrap.jpg") no-repeat center top;}
.buy-mod{ height:100px; line-height:100px; color:#fff;}
.buy-mod .prize{  font-size:18px;}
.buy-mod .prize strong{ font-size:34px;}
.buy-mod .tips{ width:570px; font-size:18px; line-height:100px; text-indent:-56px;}
.buy-mod .tips strong{ font-size:36px;}
.buy-mod .buy-btn{ display:block; float:left; width:240px; height:57px; text-decoration:none; margin-left:34px; line-height:57px; font-size:30px; color:#ff6818; font-weight:bold; text-indent:36px; margin-top:23px; background:url("/images/shuishou/zhuanti/jysjcwfx/buy-btn.png") no-repeat;}

/**/
.footer-wrap{ padding-bottom:100px;}