/*
@author: sunke
*/
@charset "utf-8";
body{font:14px/1.5 \5FAE\8F6F\96C5\9ED1,\9ED1\4F53,arial,Helvetica,Tahoma,sans-serif; margin:0 auto; color:#333; min-width: 1100px; background:#f2f2f2;}
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;}
ul,li,ol{list-style-type:none;}
i,em,address, caption, cite, code, dfn, th, var {font-style: normal;font-weight: normal}
a{text-decoration:none;color:#333;}
a:hover{text-decoration:underline;}
a,a:hover{outline:none;}
.layout{ clear:both;width:1100px;text-align:left;margin:0 auto;}
.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;}

/**/
.header-wrap{ width:100%; background:#fff;}

/**/
.topHeader-wrap{ width:100%; height:783px; background:url("/images/shuishou/zhuanti/shuishou/header.jpg") no-repeat center top;}
.topHeader{ height:783px;}
.topHeader .logo-acc{ display:block; width:154px; height:50px; line-height:0; font-size:0; position:absolute; left:33px; top:22px;}
.topHeader .logo-yuanjian{ display:block; width:154px; height:50px; line-height:0; font-size:0; position:absolute; left:192px; top:22px;}
.topHeader p{ line-height:52px; font-size:26px; color:#fff; position:absolute;}
.topHeader p.t1{ left:85px; top:515px;}
.topHeader p.t2{ left:437px; top:515px;}
.topHeader p.t3{ left:816px; top:515px;}

/**/
.skill-mod{ padding-bottom:98px;}
.skill-mod .title{ height:154px; padding-top:47px; text-align:center;}
.skill-mod .swiper-container{ height:377px; margin:0 82px; overflow:hidden;}
.skill-mod .swiper-slide{ width:226px; height:377px; position:relative;}
.skill-mod .swiper-slide p{ display:block; width:100%; line-height:36px; text-align:center; font-size:24px; position:absolute; color:#fff; top:175px;}
.skill-mod .arrow-left,.skill-mod .arrow-right{ display:block; width:66px; height:210px; background:url("/images/shuishou/zhuanti/shuishou/ico01.png") no-repeat center #28292c; position:absolute; left:0; top:50%; margin-top:-105px;}
.skill-mod .arrow-right{ left:auto; right:0; background:url("/images/shuishou/zhuanti/shuishou/ico02.png") no-repeat center #28292c;}

/**/
.nav-wrap{ width:100%; height:196px; background:#ebebeb;}
.nav{}
.nav li{ float:left; width:220px; height:104px; font-size:24px; line-height:42px; text-align:center; padding-top:92px; position:relative; cursor:pointer;}
.nav li.on{ background-color:#202122; color:#fff;}
.nav li.on i{ display:block; width:67px; height:72px; background:url("/images/shuishou/zhuanti/shuishou/ico08.png") no-repeat; position:absolute; left:0; top:0;}
.nav li:hover{ background-color:#202122; color:#fff;}
.nav li:hover i{ display:block; width:67px; height:72px; background:url("/images/shuishou/zhuanti/shuishou/ico08.png") no-repeat; position:absolute; left:0; top:0;}

.nav .t1{ background:url("/images/shuishou/zhuanti/shuishou/ico03.png") no-repeat center 27px;}
.nav .t1.on,.nav .t1:hover{ background:url("/images/shuishou/zhuanti/shuishou/ico03-hover.png") no-repeat center 27px #202122;}
.nav .t2{ background:url("/images/shuishou/zhuanti/shuishou/ico04.png") no-repeat center 28px;}
.nav .t2.on,.nav .t2:hover{ background:url("/images/shuishou/zhuanti/shuishou/ico04-hover.png") no-repeat center 28px #202122;}
.nav .t3{ background:url("/images/shuishou/zhuanti/shuishou/ico05.png") no-repeat center 29px;}
.nav .t3.on,.nav .t3:hover{ background:url("/images/shuishou/zhuanti/shuishou/ico05-hover.png") no-repeat center 29px #202122;}
.nav .t4{ background:url("/images/shuishou/zhuanti/shuishou/ico06.png") no-repeat center 31px;}
.nav .t4.on,.nav .t4:hover{ background:url("/images/shuishou/zhuanti/shuishou/ico06-hover.png") no-repeat center 31px #202122;}
.nav .t5{ background:url("/images/shuishou/zhuanti/shuishou/ico07.png") no-repeat center 37px;}
.nav .t5.on,.nav .t5:hover{ background:url("/images/shuishou/zhuanti/shuishou/ico07-hover.png") no-repeat center 37px #202122;}

/**/
.flowPath-wrap{ width:100%; height:793px; background:url("/images/shuishou/zhuanti/shuishou/flowPath-bg.jpg") no-repeat center top;}
.flowPath-mod .title{ height:159px; padding-top:66px; text-align:center;}
.flowPath-mod span{ display:block; width:162px; height:162px; line-height:162px; text-align:center; font-size:36px; color:#fff; position:absolute;}
.flowPath-mod span.t1{ left:17px; top:225px;}
.flowPath-mod span.t2{ left:318px; top:225px;}
.flowPath-mod span.t3{ left:620px; top:225px;}
.flowPath-mod span.t4{ left:922px; top:225px;}
.flowPath-mod span.t5{ left:167px; top:446px;}
.flowPath-mod span.t6{ left:468px; top:446px;}
.flowPath-mod span.t7{ left:771px; top:446px;}
.flowPath-mod p{ font-size:18px; width:100%; text-align:center; line-height:44px; color:#fff; padding-top:424px;}
.flowPath-mod p em{ font-size:24px;}

/**/
.skillPoint-mod{ padding-bottom:113px;}
.skillPoint-mod .title{ height:151px; padding-top:72px; text-align:center;}
.skillPoint-mod li{ width:540px; height:501px;}
.skillPoint-mod li.bg01{ background:url("/images/shuishou/zhuanti/shuishou/skillPoint-bg01.jpg") no-repeat;}
.skillPoint-mod li.bg02{ background:url("/images/shuishou/zhuanti/shuishou/skillPoint-bg02.jpg") no-repeat;}
.skillPoint-mod h3{ height:105px; line-height:105px; font-size:36px; text-indent:149px; font-weight:normal;}
.skillPoint-mod p{ font-size:24px; padding:33px 60px 0 60px;}

/**/
.content-wrap{ width:100%; height:891px; background:url("/images/shuishou/zhuanti/shuishou/content-bg.jpg") no-repeat center top;}
.content-mod .title{ height:141px; padding-top:74px; text-align:center;}
.content-mod ul{ width:1235px;}
.content-mod li{ float:left; height:77px; line-height:77px; margin:0 35px 20px 0; font-size:24px; text-align:center;}
.content-mod li.bg01{ background:#fff;}
.content-mod li.bg02{ background:#248be2; color:#fff;}
.content-mod li.bg03{ background:#dfdfdf;}
.content-mod li.t1{ width:274px;}
.content-mod li.t2{ width:458px;}
.content-mod li.t3{ width:298px;}
.content-mod li.t4{ width:301px; margin-left:37px;}
.content-mod li.t5{ width:266px;}
.content-mod li.t6{ width:375px;}
.content-mod li.t7{ width:274px;}
.content-mod li.t8{ width:458px;}
.content-mod li.t9{ width:298px;}
.content-mod li.t10{ width:310px; margin-left:15px;}
.content-mod li.t11{ width:300px;}
.content-mod li.t12{ width:334px;}
.content-mod li.t13{ width:274px;}
.content-mod li.t14{ width:458px;}
.content-mod li.t15{ width:298px;}
.content-mod li.t16{ width:326px; margin-left:128px; margin-right:75px;}
.content-mod li.t17{ width:300px;}
.content-mod li:hover{ font-weight:bold}

/**/
.onlineCourse-mod{ padding-bottom:96px;}
.onlineCourse-mod .title{ height:177px; padding-top:71px; text-align:center;}
.onlineCourse-mod li{ float:left; width:366px;}
.onlineCourse-mod .tit{ height:135px; background:#28292c; border-left:62px solid #36a4f8;}
.onlineCourse-mod .tit p{ font-size:36px; color:#fff; line-height:44px; padding:25px 0 0 45px;}
.onlineCourse-mod .con p{ font-size:24px; line-height:42px; padding:30px 50px 0 35px;}
.onlineCourse-mod li.s1{ margin-top:163px;}
.onlineCourse-mod li.s1 .con{ height:397px; background:url("/images/shuishou/zhuanti/shuishou/onlineCourse-bg01.jpg") no-repeat center bottom #fff;}
.onlineCourse-mod li.s2{ margin-top:90px;}
.onlineCourse-mod li.s2 .con{ height:470px; background:url("/images/shuishou/zhuanti/shuishou/onlineCourse-bg02.jpg") no-repeat center bottom #fff;}
.onlineCourse-mod li.s3 .tit{ height:181px;}
.onlineCourse-mod li.s3 .tit p{ padding-left:24px;}
.onlineCourse-mod li.s3 .con{ height:514px; background:url("/images/shuishou/zhuanti/shuishou/onlineCourse-bg03.jpg") no-repeat center bottom #fff;}

/**/
.aboutCourse-wrap{ background:#fff; padding-bottom:107px;}
.aboutCourse-wrap .title{ height:140px; padding-top:74px; text-align:center;}
.aboutCourse-wrap .wrap01{ width:100%; height:514px; background:url("/images/shuishou/zhuanti/shuishou/aboutCourse-bg01.png") no-repeat center top; margin-bottom:45px;}
.aboutCourse-wrap .wrap01 .pic{ width:383px;}
.aboutCourse-wrap .wrap01 .con{ width:600px; padding:60px 0 0 48px;}
.aboutCourse-wrap h3{ display:inline-block; height:54px; line-height:54px; font-weight:normal; font-size:24px; margin-bottom:25px; color:#fff; padding:0 27px;background-image:-webkit-linear-gradient(left, #39a7fb, #2289e0); background-image:-ms-linear-gradient(left, #39a7fb, #2289e0); background-image:linear-gradient(left,#39a7fb,#2289e0); background:#2188df\9;}
.aboutCourse-wrap .wrap01 .con p{ font-size:24px; color:#041b2e; line-height:42px;}
.aboutCourse-wrap .wrap02{ width:100%; height:283px; background:url("/images/shuishou/zhuanti/shuishou/aboutCourse-bg02.jpg") no-repeat center top; margin-bottom:45px;}
.aboutCourse-wrap .wrap02 .con{ width:641px; text-align:right; padding-top:40px; margin-left:123px;}
.aboutCourse-wrap .wrap02 .con p{ font-size:24px; color:#041b2e; line-height:42px; text-align:left;}
.aboutCourse-wrap .wrap03{ width:100%; height:252px; background:url("/images/shuishou/zhuanti/shuishou/aboutCourse-bg03.jpg") no-repeat center top;}
.aboutCourse-wrap .wrap03 .con{ margin-left:358px; padding-top:42px;}
.aboutCourse-wrap .wrap03 .con p{ font-size:24px; color:#041b2e; line-height:42px; text-align:left;}

/**/
.audition-wrap{ background:#f2f2f2; padding-bottom:62px;}
.audition-mod .title{ height:140px; padding-top:70px; text-align:center;}
.audition-mod .con{ width:1057px; height:631px; padding:56px 0 0 29px; background:url("/images/shuishou/zhuanti/shuishou/video-bg.jpg") no-repeat;}
.audition-mod .con img{ display:block; width:1030px; height:600px; cursor:pointer;}
.audition-mod .con object{ display:block; width:1030px; height:600px;}
.audition-mod .btn{ display:block; width:242px; height:82px; line-height:82px; text-align:center; text-decoration:none; font-size:36px; margin:48px auto 0; color:#fff; background-image:-webkit-linear-gradient(left, #39a7fb, #2289e0); background-image:-ms-linear-gradient(left, #39a7fb, #2289e0); background-image:linear-gradient(left,#39a7fb,#2289e0); background:#2188df\9;}

/**/
.contact-wrap{ width:100%; height:437px; background:url("/images/shuishou/zhuanti/shuishou/contact-bg.jpg") no-repeat center top;}
.contact-mod{}
.contact-mod .title{ height:154px; padding-top:65px; text-align:center;}
.contact-mod ul{}
.contact-mod li{ float:left; width:183px; height:26px; line-height:26px; font-size:14px; color:#fff;}