.wrap{ margin:0 auto; min-width: 1200px; max-width: 100%; position: relative;}
.center{ width: 1200px; margin: 0 auto;}
.title{ text-align: center; font-size: 36px; line-height: 36px; font-weight: lighter; position: relative; padding-bottom: 28px;}
.title:after{ content: ""; display: block; width: 121px; height: 3px; background: #d8bc84; position: absolute; bottom: 0px; left: 50%; margin-left: -60px;}
.title-white{ color: #fff;}
.title-black{ color: #333;}
.title-tip{ text-align: center; font-size: 20px; line-height: 20px;  font-weight: lighter; padding-top: 18px;}
.title-tip-black{ color: #333;}
.title-tip-white{ color: #fff;}
.courseMask{ background: rgba(0,0,0,0.5); position: fixed; top: 0; left: 0; width: 100%; height: 100%; z-index: 999999;}
.courseMask .c_login{ width: 450px; height: 389px; position: absolute; background: #fff; top: 50%; left: 50%; margin: -194px 0 0 -225px;    border-radius: 6px;}
.courseMask .c_login dt{ display: block; height: 88px; line-height: 80px; text-align: center; color: #d6b16b;font-size: 20px;}
.courseMask .c_login dd{ height: 64px; position: relative; text-align: center;}
.courseMask .c_login dd .ipt{ display: block; margin: auto; width: 308px; height: 42px; border: 1px #dddddd solid; text-indent: 35px; font-size: 16px; border-radius: 4px; background: url(../images/icons2.png) -10px -10px no-repeat; outline: none;}
.courseMask .c_login dd #mobile{ width: 154px; border-radius: 4px 0 0 4px; display: inline-block;}
.courseMask .c_login dd #uname{ width: 153px; border-radius: 0 4px 4px 0; display: inline-block; border-left: none; margin-left: -4px;background-position: -10px -146px;}
.courseMask .c_login dd:nth-child(3) button{ display: block; width: 106px; height: 44px; position: absolute; border-radius: 0 4px 4px 0; top: 1px; right: 70px; border-left: 1px #dddddd solid; padding: 0; overflow: hidden; outline: none;}
.courseMask .c_login dd:nth-child(3) button img{display: block; width: 100%; height: 100%;}
.courseMask .c_login dd:nth-child(3) .ipt{ background-position: -10px -185px;}
.courseMask .c_login dd:nth-child(4) .ipt{ background-position: -10px -57px;}
.courseMask .c_login dd:nth-child(4) button{ display: block; width: 106px; height: 44px; position: absolute; border-radius: 0 4px 4px 0; top: 1px; right: 70px; font-size: 16px; color: #999999; outline: none; background: url(../images/onlineCourseIptBg.png) bottom repeat-x; border-left: 1px #dddddd solid; padding: 0; overflow: hidden;}
.courseMask .c_login dd:nth-child(4) button:hover{color: #d6b16b;}
.courseMask .c_login dd:nth-child(5) button{ color: #fff; background: #d6b16b; border: 1px #d6b16b solid; text-indent: 0;}
.courseMask .c_login dd:nth-child(6){font-size: 16px; color: #999999; text-align: center;}
.courseMask .c_login .close{ width: 16px; height: 16px; position: absolute; cursor: pointer; display: block; background: url(../images/icons2.png) no-repeat -21px -120px; top: 15px; right: 15px;}
.banner-area{ background: url(banner-bj.jpg) center no-repeat; height:600px; overflow: hidden; position: relative;}
.banner-area .slide{ width: 1200px; height: 100%; margin: 0 auto; overflow: hidden;}
.banner-area .slide-content{ width: 10000px; height: 100%; overflow: hidden;}
.banner-area .slide-content li{ float: left; width: 1200px; height: 100%; position: relative;}
.banner-area .slide-content li a{ display: block; height: 100%;}
.banner-area .slide-content li img{ position: absolute; left: 50%; top: 50%; margin-left: -600px;}
.banner-area .slide_thumb{ position: absolute; bottom: 44px; left: 0; right: 0; width: 100%; text-align: center; z-index: 99;}
.banner-area .slide_thumb span{ display: inline-block; width: 60px; height: 4px; background: #a4a4a6; cursor: pointer; margin: 0 6px; transition: all 0.3s;}
.banner-area .slide_thumb span.active{ background: #bf9e5b;}
.section .linkCourseCenter{ background: #e9e9e9; height: 142px; overflow: hidden; margin-top: 40px;}
.section .linkCourseCenter .linkBtn{ display: block; margin: 0 auto; width: 300px; height: 62px; border: 1px solid #373d41; line-height: 62px; font-size: 28px; text-decoration: none; color: #333; text-align: center; margin-top: 24px;}
.section .linkCourseCenter p{ text-align: center; font-size: 20px; line-height: 24px; color: #888; letter-spacing: 6px; margin-top: 15px;}
.section-1{ background: #fafafa; border-bottom: 1px solid #e6e6e6; padding: 26px 0 23px; overflow: hidden;}
.section-1 .ul-list{ width: 1200px; margin: 0 auto; overflow: hidden;}
.section-1 .ul-list li{ float: left; width: 399px; height: 110px; border-right: 1px solid #E6E6E6; overflow: hidden; transition: all 0.3s;}
.section-1 .ul-list li:hover{ background: #F7F7F7;}
.section-1 .ul-list li:last-child{ width: 400px; border-right: none;}
.section-1 .ul-list li .icon{ width: 50px; height: 50px; float: left; background-image: url(icons.png); background-repeat: no-repeat; margin: 30px;}
.section-1 .ul-list .item-1 .icon{ background-position: 0 0;}
.section-1 .ul-list .item-2 .icon{ background-position: -50px 0;}
.section-1 .ul-list .item-3 .icon{ background-position: -100px 0;}
.section-1 .ul-list li .text{ float: left; width: 265px; margin: 29px 0;}
.section-1 .ul-list .text h1{ line-height: 20px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
.section-1 .ul-list .text h1 a{ font-size: 20px; color: #000; text-decoration: none;}
.section-1 .ul-list .text p{ font-size: 14px; color: #999; line-height: 20px; margin-top: 12px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}


.section-2{ background: #f7f7f7; overflow: hidden;}
.section-2 .title{ margin-top: 75px;}
.section-2 .section-contents{ width: 1144px; height: 618px; background: url(computer.png) center no-repeat; margin: 46px auto 0; overflow: hidden;}
.section-2 .content-box{ width: 1072px; height: 495px; margin: 35px auto 0; background: #F7F7F7; border-top: 1px solid #d7d7d7; border-radius: 4px;}
.section-2 .content-box .default-content{ }
.section-2 .content-box .accordtion{ overflow: hidden;}
.section-2 .content-box .accordtion-list{ float: left;}
.section-2 .content-box .accordtion-body{ width: 0px; overflow: hidden; float: right; position: relative;}
.section-2 .content-box .accordtion-body .accordtion-title{ font-size: 28px; line-height: 44px; color: #c5a565; padding: 0 40px; margin-top: 22px; width: 804px;}
.section-2 .content-box .accordtion-body .accordtion-tip{ font-size: 20px; line-height: 34px; color: #a1a1a1; padding: 0 40px; width: 804px;}
.section-2 .content-box .accordtion-body .accordtion-ul{ overflow: hidden; padding: 0 40px; margin-top: 20px; width: 804px;}
.section-2 .content-box .accordtion-body .accordtion-item{ float: left; width: 248px; margin-right: 30px;}



.section-2 .accordtion-ul-box .accordtion-ul-item .accordtion-ul-title{ height: 37px; background: #dedede; font-size: 16px; color: #666666; text-align: center; line-height: 37px; font-size: 16px; cursor: pointer; border-bottom: 2px solid #fff; transition: all 0.3s;}
.section-2 .accordtion-ul-box .accordtion-ul-item .accordtion-ul-body{ height: 0; overflow: hidden;}
.section-2 .accordtion-ul-box .accordtion-ul-item .accordtion-ul-body .table{ display: table; height: 100%;}
.section-2 .accordtion-ul-box .accordtion-ul-item .accordtion-ul-body .table-cell{ display: table-cell; vertical-align: middle;text-decoration:none;}

.section-2 .accordtion-ul-box .accordtion-ul-item.active .accordtion-ul-title{ background: #d6b16c; color: #fff; border-bottom: 2px solid transparent;}
.section-2 .accordtion-ul-box .accordtion-ul-item.active .accordtion-ul-body{ height: 145px;}

.section-2 .accordtion-ul-box .table-show-box{width:250px; padding-top:15px;}
.section-2 .accordtion-ul-box .table-show-tit{ font-size:16px; line-height:30px; word-wrap: break-word; white-space: pre-wrap;  color: #666666;padding-left: 20px;width:210px;}



.section-2 .accordtion-ul-box .table-show{font-size: 14px;color:#a6a6a6;float:left;padding-left:20px;}

.section-2 .accordtion-ul-box .baoming{color:#e2ba6b;border:1px solid #e2ba6b;}



.section-2 .content-box .accordtion-body .accordtion-item:last-child{ margin-right: 0;}
.section-2 .content-box .accordtion-body .accordtion-banner{ position: relative;}
.section-2 .content-box .accordtion-body .accordtion-banner span{ position: absolute; display: block; width: 100%; left: 0; right: 0; top: 0; text-align: center; font-size: 18px; line-height: 89px; color: #e2ba6b; font-weight: bold;}




.section-2 .accordtion-list.active .accordtion-body{ width: 870px;}
.section-2 .content-box .accordtion-caption{ width: 18px; height: 512px; float: left; cursor: pointer; color: #fff; font-size: 18px; line-height: 26px; padding: 22px 22px 0; position: relative;}
.section-2 .content-box .accordtion-caption span{ position: absolute; left: 50%; transform: translateX(-50%); -webkit-transform: translateX(-50%); top: 160px;}
.section-2 .content-box .active .accordtion-caption span{ display: none;}
.section-2 .content-box .accordtion-caption1{ background: url(accordtion-title1.jpg) center no-repeat;}
.section-2 .content-box .accordtion-caption2{ background: url(accordtion-title2.jpg) center no-repeat;}
.section-2 .content-box .accordtion-caption3{ background: url(accordtion-title3.jpg) center no-repeat;}
.section-2 .content-box .accordtion-caption4{ background: url(accordtion-title4.jpg) center no-repeat;}
.section-2 .course-list{ width: 1074px; height: 42px; margin: 0 auto; overflow: hidden;}
.section-2 .course-list .nav-item{ float: left; width: 178px; line-height: 42px; font-size: 18px; color: #333333; text-align: center; cursor: pointer; font-weight: lighter; border-right: 1px solid #e8e8e8;}
.section-2 .course-list .nav-item.active{ color: #fff; background: #d2b57b;}
.section-2 .course-list .nav-item span{ display: inline-block; width: 30px; height: 30px;  margin: 6px 0;}

.section-2 .content-box .accordtion-caption3 span,.section-2 .content-box .accordtion-caption4 span{ margin-top:86px;}

.section-2 .course-list .nav-item .icon-1{ background-position: 0 -50px;}
.section-2 .course-list .nav-item.active .icon-1{ background-position: -180px -50px;}
.section-2 .course-list .nav-item .icon-2{ background-position: -30px -50px;}
.section-2 .course-list .nav-item.active .icon-2{ background-position: -210px -50px;}
.section-2 .course-list .nav-item .icon-3{ background-position: -60px -50px;}
.section-2 .course-list .nav-item.active .icon-3{ background-position: -240px -50px;}
.section-2 .course-list .nav-item .icon-4{ background-position: -90px -50px;}
.section-2 .course-list .nav-item.active .icon-4{ background-position: -270px -50px;}
.section-2 .course-list .nav-item .icon-5{ background-position: -120px -50px;}
.section-2 .course-list .nav-item.active .icon-5{ background-position: -300px -50px;}
.section-2 .course-list .nav-item .icon-6{ background-position: -150px -50px;}
.section-2 .course-list .nav-item.active .icon-6{ background-position: -330px -50px;}

.section-2 .newest-course{ overflow: hidden; margin-top:18px; padding: 0 28px; width: 870px;}
.section-2 .newest-course li{ float: left; width: 200px; margin-right:17px;}
.section-2 .newest-course li:last-child{ margin-right: 0;}
.section-2 .newest-course li .address-img{ margin-bottom: 15px;}
.section-2 .newest-course li dt{ font-size:20px; line-height: 26px; color: #c1a15f; margin-bottom:20px; font-weight:bold;}
.section-2 .newest-course li dd{ width: 100px; margin-top:12px; font-size:15px;word-wrap:break-word;}
.section-2 .newest-course li dd a{ display:block; width:180px; line-height:30px;cursor:pointer; color:#666; line-height:24px; white-space:normal;}

.section-2 .newest-course li .link-date{ float: left; width: 20%; font-size: 14px; line-height: 26px; color: #cccccc; text-align: right; overflow: hidden; white-space: nowrap; text-overflow: ellipsis;}


.section-2 .newest-course4{ overflow: hidden; margin-top:0px; margin-top:18px; padding: 0 28px; width: 870px;}
.section-2 .newest-course4 li{ float: left; width: 200px; margin-right:17px;}
.section-2 .newest-course4 li:last-child{ margin-right: 0;}
.section-2 .newest-course4 li dt{ font-size:20px; line-height: 26px; color: #c1a15f; margin-bottom:20px; font-weight:bold;}
.section-2 .newest-course4 li dd{ width:200px; margin-top:10px; font-size:14px;word-wrap:break-word;}
.section-2 .newest-course4 li dd a{ display:block; width:200px; line-height:25px;cursor:pointer; color:#666; line-height:24px; white-space:normal;}

.section-2 .newest-course4 li .link-date{ float: left; width: 20%; font-size: 14px; line-height: 26px; color: #cccccc; text-align: right; overflow: hidden; white-space: nowrap; text-overflow: ellipsis;}



.section-2 .other-city{ text-align: center; font-size: 16px; line-height: 26px; color: #cbac6c; margin-top: 20px; white-space: nowrap;}
.section-2 .course-onlive{ width: 840px; padding-left: 24px; margin-top: 34px;}
.section-2 .course-title{ float: left; width: 110px; background: #cdb177; line-height: 220px; font-size: 18px; color: #fff; text-align: center;}
.section-2 .onlive-box{ overflow: hidden; margin-top: 10px; background: #fff;}
.section-2 .onlive-box .onlive-course-img{ float: left; position: relative; width: 320px; height: 220px; overflow: hidden;}
.section-2 .onlive-box .onlive-course-img a img{ width: 320px; height: 220px;}
.section-2 .onlive-box .course-pre{ position: absolute; background: url(../images/icon-video.png) 9px  center no-repeat rgba(0,0,0,0.36); width: 70px; padding-left: 35px; height: 33px; border-radius: 3px; font-size: 14px; line-height: 33px; color: #fff; margin: 11px 0 0 11px;}
.section-2 .onlive-box .onlive-course-infor{ position: absolute; width: 100%; bottom: 0; background: rgba(0,0,0,0.6); padding: 8px 0;}
.section-2 .onlive-box .onlive-course-infor .course-name{ font-size:16px; line-height: 20px; text-indent: 14px;}
.section-2 .onlive-box .onlive-course-infor .course-name a{ color: #fff; text-decoration: none;}
.section-2 .onlive-box .onlive-course-infor .course-date{ font-size: 12px; line-height: 20px; color: #fff; text-indent: 14px;}
.section-2 .onlive-box .onlive-course-schedule{ float: left; margin-left: 20px; width: 390px;}
.section-2 .onlive-box .onlive-course-list{ position: relative;}
.section-2 .onlive-box .onlive-course-list:after{ content: ""; display: block; width: 1px; position: absolute; left: 90px; top: 20px; bottom: 20px; background: #cccccc;}
.section-2 .onlive-box .onlive-course-list li{ overflow: hidden; line-height: 36px;}
.section-2 .onlive-box .onlive-course-list .course-time{ float: left; font-size: 14px; color: #666; line-height: 36px; font-family: arial; padding-right: 18px; position: relative;}
.section-2 .onlive-box .onlive-course-list .course-time:after{ content: ""; display: block; width: 8px; height: 8px; border-radius: 50%; background: #ccc; position: absolute; right: 0; top: 50%; margin-top: -4px;}
.section-2 .course-hot{ width: 840px; margin-left:20px;}
.section-2 .course-hot ul li{ float:left; width:260px; margin:10px 10px; position: relative;}
.section-2 .course-hot ul li img{ width:260px; height:155px;}

.section-2 .course-hot ul li .zzc{ width: 100%; height:40px; position: absolute; left: 0; bottom: 0; background: #333; opacity: .95;filter:alpha(opacity=95);}
.section-2 .course-hot ul li p{ height:40px;line-height:40px;width: 100%; text-align: center; font-size:16px; color: #fff; font-family: 'Microsoft Yahei'; position: absolute; left: 0; bottom: 0; z-index: 1;}


.section-2 .course-hot .course-hot-list{ overflow: hidden;}
.section-2 .course-hot .course-title{ float: left; width: 110px; height: 180px; background: #cdb177; line-height: 180px; font-size: 18px; color: #fff; text-align: center;}
.section-2 .course-hot .courseExample{ float: left; height: 180px; background: #fff;}
.section-2 .course-hot .courseExample .course-hot-img{ display: block; width: 232px; height: 130px; overflow: hidden;}
.section-2 .course-hot .courseExample .course-hot-img img{ width:280px; height:158px; overflow: hidden;}
.section-2 .course-hot .moreLink{ float: left; width: 50px; height: 180px; line-height: 180px; background: #ccc; text-align: center;}
.section-2 .course-hot .moreLink a{ display: block; font-size: 14px; color: #666; text-decoration: none;}
.section-2 .course-hot .course-hot-list{ overflow: hidden; margin-top: 10px;}
.section-2 .course-hot .course-hot-list .course-hot-item{ overflow: hidden;}
.section-2 .course-hot .course-hot-item .course-hot-name{ font-size: 16px; line-height: 20px;  text-overflow: ellipsis; overflow: hidden; white-space: nowrap; margin-top: 5px; letter-spacing: 2px; text-indent: 14px;}
.section-2 .course-hot .course-hot-item .course-hot-name a{ color: #666; text-decoration: none;}
.section-2 .course-hot .course-hot-item .course-hot-learned{ overflow: hidden;}
.section-2 .course-hot .course-hot-item .people-quanty{ float: left; font-size: 12px; color: #ccc; line-height: 20px; text-indent: 14px;}
.section-2 .course-hot .course-hot-item .minutes-ago{ float: left; font-size: 12px; color: #ccc; line-height: 20px; text-indent: 14px;}
.section-2 .course-hot .course-hot-item .totalTime{ float: right; margin-right: 14px; font-size: 12px; color: #ccc; background: url(../images/total.png) left center no-repeat; padding-left: 20px; text-indent: 0;}
.section-2 .onlive-box .onlive-course-list .course-name{ text-overflow: ellipsis; overflow: hidden; white-space: nowrap; display: block; width: 280px; float: left; font-size: 16px; color: #666; line-height: 36px; padding-left: 12px;}
.section-2 .onlive-box .onlive-course-list .course-name:hover{ color:#d6b16b}
.section-2 .course-caption{ position: relative;}
.section-2 .course-caption:before{ content: ""; display: block; width: 120px; height: 120px; position: absolute; left: -120px; top: 50%; margin-top: -60px; background-image: url(../images/icons.png); background-repeat: no-repeat;}
.section-2 .content-list4 .course-caption:before{ background-position: 0 -80px;}
.section-2 .content-list5 .course-caption:before{ background-position: -120px -80px;}
.section-2 .content-list6 .course-caption:before{ background-position: -240px -80px;}
.section-2 .content-list3 .course-caption:before{ background-position: 0 -200px;}
.section-2 .content-list2 .course-caption:before{ background-position: -120px -200px;}
.section-2 .content-list1 .course-caption:before{ background-position: -240px -200px;}
.section-2 .course-caption .caption-txt{ font-size: 30px; color: #333333; letter-spacing: 2px;}
.section-2 .course-caption .caption-num{ font-size: 36px; color: #cdb177; letter-spacing: 1px;}
.section-2 .course-summary{ font-size: 14px; line-height: 26px; color: #999;}
.section-2 .course-infor{ overflow: hidden; margin-top: 48px;}
.section-2 .course-infor li{ float: left; /*padding-right: 42px;*/ width: 28%; border-right: 1px solid #dddddd; margin-right: 56px;}
.section-2 .course-infor li:last-child{ border-right: none; margin-right: 0; padding-right: 0;}
.section-2 .course-infor li .grade{ font-size: 16px; line-height: 36px; color: #333; text-overflow: ellipsis; overflow: hidden; white-space: nowrap; width: 100%; display: block;}
.section-2 .course-infor li p{ font-size: 14px; line-height: 26px; color: #666;}
.section-2 .nav-content{ padding-top: 63px; position: relative; display: none;}
.section-2 .nav-content .content-list{ padding-left: 175px; padding-right: 65px;}
.section-2 .nav-content .btn{ display: block; width: 138px; height: 38px; border: 1px solid #cbac6c; font-size: 14px; line-height: 38px; text-align: center; color: #cbac6c; text-decoration: none; border-radius: 5px; position: absolute; right: 66px; top: 66px;}
.section-2 .accordtion-body .btn{ display: block; width: 138px; height: 38px; border: 1px solid #cbac6c; font-size: 14px; line-height: 38px; text-align: center; color: #cbac6c; text-decoration: none; border-radius: 5px; position: absolute; right: 40px; top: 20px;}
.section-2 .course-list .nav-item:last-child{ border-right: none;}
.section-2 .button{ text-align: center; padding: 39px 0 64px;}
.section-2 .button a{ display: block; border: 2px solid #dbc089; width: 256px; height: 50px; margin: 0 auto; font-size: 22px; line-height: 50px; color: #dbc089; text-decoration: none; transition: all 0.3s;}
.section-2 .button a .hover{ padding-right: 15px; display: none; }
.section-2 .button a .default{ padding-left: 15px; display: inline;}
.section-2 .button a:hover{ background: #dec48c; color: #fff !important;}
.section-2 .button a:hover .hover{ display: inline;}
.section-2 .button a:hover .default{ display: none;}
.section-3{ background: #373d41; overflow: hidden;}
.section-3 .title{ margin-top: 104px;}
.section-3 .hearded-list{ width: 1200px; margin: 77px auto 0; overflow: hidden;}
.section-3 .hearded-item{ float: left; width: 300px; position: relative; }
.section-3 .effect-content{ position: absolute; left: 0; top: 0; width: 100%; height: 100%; transition: all 0.3s;}
.section-3 .effect-content .content-cell{ position: absolute; width: 100%; left: 0; right: 0; top: 50%; transform: translateY(-50%); -webkit-transform: translateY(-50%); transition: all 0.3s;}
.section-3 .effect-content .content-1,.section-3 .effect-content .content-2{ display: none;}
.section-3 .effect-content .content-1{ margin-top: 20px; position: relative;}
.section-3 .effect-content .content-1 p{ font-size: 14px; line-height: 22px; color: #fff; text-align: center;}
.section-3 .effect-content .content-2{ width: 225px; padding: 10px 0; border: 3px solid #fff; margin: 32px auto 0;}
.section-3 .effect-content .content-2 p{ font-size: 14px; line-height: 22px; color: #fff; text-align: center;}
.section-3 .effect-content .icon{ margin: 0 auto; width: 70px; height: 70px; background-image: url(../images/icons.png); background-repeat: no-repeat;}
.section-3 .effect-content h2{ text-align: center; color: #fff; font-weight: bold; font-size: 24px; letter-spacing: 2px; line-height: 30px; padding-top: 25px; margin-top: 15px; position: relative; transition: all 0.3s;}
.section-3 .effect-content h2:after{ content: ""; display: block; width: 22px; height: 2px; background: #fff; position: absolute; top: 0; left: 50%; margin-left: -11px;}
.section-3 .item-1 .effect-content .icon{ background-position: 0 -320px;}
.section-3 .item-2 .effect-content .icon{ background-position: -70px -320px;}
.section-3 .item-3 .effect-content .icon{ background-position: -140px -320px;}
.section-3 .item-4 .effect-content .icon{ background-position: -210px -320px;}
.section-3 .hearded-item:hover .effect-content{ background: rgba(191,158,91,0.76);}
.section-3 .hearded-item:hover .content-1,.section-3 .hearded-item:hover .content-2{ display: block;}
.section-3 .hearded-item:hover h2{ margin-top: 0; padding-top: 15px;}
.section-3 .hearded-item:hover h2:after{ display: none;}
.section-3 .hearded-item:hover .content-1:after{ content: ""; display: block; width: 22px; height: 2px; background: #fff; position: absolute; bottom: -12px; left: 50%; margin-left: -11px;}
.section-3 .button{ text-align: center; padding: 60px 0 120px;}
.section-3 .button a{ display: block; border: 2px solid #dbc089; width: 256px; height: 50px; margin: 0 auto; font-size: 22px; line-height: 50px; color: #dbc089; text-decoration: none; transition: all 0.3s;}
.section-3 .button a .hover{ padding-right: 15px; display: none;}
.section-3 .button a .default{ padding-left: 15px; display: inline;}
.section-3 .button a:hover{ background: #dec48c; color: #fff !important;}
.section-3 .button a:hover .hover{ display: inline;}
.section-3 .button a:hover .default{ display: none;}
.section-4{ overflow: hidden;}
.section-4 .title{ margin-top: 130px;}
.section-4 .hexGrid{ position: relative; width: 1200px; margin: 117px auto 0;}
.section-4 .hexGrid:before{ content: ""; display: block; width: 650px; height: 529px; background: url(s1.png) center no-repeat; position: absolute; left: 281px; top: -12px; z-index: -1;}
.section-4 .hexGrid .line{ text-align: center; margin: -40px 0;}
.section-4 .hexGrid .hex{ width: 185px; height: 214px; display: inline-block; margin: 0 14px;}
.section-4 .hexGrid .hex-style1{ background: url(hex-style1.png) center no-repeat;}
.section-4 .hexGrid .hex-style2{ background: url(hex-style2.png) center no-repeat;}
.section-4 .hexGrid .hex-style4{ background: url(hex-style4.png) center no-repeat;}
.section-4 .hexGrid .hex-style5{ background: url(hex-style5.png) center no-repeat;}
.section-4 .hexGrid .hex-style6{ background: url(hex-style6.png) center no-repeat;}
.section-4 .hexGrid .hex-style7{ background: url(hex-style7.png) center no-repeat;}
.section-4 .hexGrid .hex-style8{ background: url(hex-style8.png) center no-repeat;}
.section-4 .hexGrid .hex-style9{ background: url(hex-style9.png) center no-repeat;}
.section-4 .hexGrid .table{ width: 100%; height: 100%; display: table;}
.section-4 .hexGrid .table-cell{ display: table-cell; vertical-align: middle;}
.section-4 .hexGrid .table h6{ font-size: 20px; line-height: 24px; margin: 8px 0; font-weight: bold;}
.section-4 .hexGrid .table p{ font-size: 14px; line-height: 21px;}
.section-4 .hexGrid .color-white h6{ color: #fff;}
.section-4 .hexGrid .color-white p{ color: #fff;}
.section-4 .hexGrid .color-gray h6{ color: #333;}
.section-4 .hexGrid .color-gray p{ color: #999;}
.section-4 .hexGrid .color-yellow h6{ color: #cbac6c;}
.section-4 .hexGrid .color-yellow p{ color: #cbac6c;}
.section-4 .button{ text-align: center; padding: 120px 0 110px;}
.section-4 .button a{ display: block; border: 2px solid #dbc089; width: 256px; height: 50px; margin: 0 auto; font-size: 22px; line-height: 50px; color: #dbc089; text-decoration: none; transition: all 0.3s;}
.section-4 .button a .hover{ padding-right: 15px; display: none;}
.section-4 .button a .default{ padding-left: 15px; display: inline;}
.section-4 .button a:hover{ background: #dec48c; color: #fff !important;}
.section-4 .button a:hover .hover{ display: inline;}
.section-4 .button a:hover .default{ display: none;}
.section-5{ background: #f2f3f7; padding-bottom: 112px; position: relative;}
.section-5 .title{ padding-top: 100px;}
.section-5 .cooperation-box{ width: 1200px; margin: 65px auto 0;}
.section-5 .cooperation-box .cooperation-lists{ margin-right: -26px; overflow: hidden;}
.section-5 .cooperation-box .cooperation-item{ float: left; width: 280px; height: 156px; border-radius: 6px; background: #fff; position: relative; margin-bottom: 26px; margin-right: 26px; overflow: hidden;}
.section-5 .cooperation-box .cooperation-item .hover-effect{ position: absolute; width: 100%; height: 100%; left: 0; top: 0; background: rgba(191,158,91,.86); transform: rotateY(180deg); -webkit-transform: rotateY(180deg); backface-visibility: hidden; opacity: 0; transition: all 0.8s;}
.section-5 .cooperation-box .cooperation-item:hover .hover-effect{ transform: rotateY(0deg); -webkit-transform: rotateY(0deg); opacity: 1;}
.section-5 .cooperation-box .cooperation-item .hover-effect h4{ text-align: center; color: #fff; font-size: 20px; line-height: 30px; position: relative; padding-bottom: 9px; margin-top: 30px; margin-bottom: 6px;}
.section-5 .cooperation-box .cooperation-item .hover-effect h4:after{ content: ""; display: block; width: 40px; height: 2px; background: #fff; position: absolute; bottom: 0; left: 50%; margin-left: -20px;}
.section-5 .cooperation-box .cooperation-item .hover-effect .company-detail{ text-align: center; font-size: 16px; line-height: 24px; color: #fff;}
.section-5 .cooperation-box .bottom-line:after{ content: ""; height: 2px; width: 100%; background: #dbc089; display: block; position: absolute; bottom: 0; left: 0; right: 0;}
.section-5 .cooperation-box .cooperation-item .company-logo{ position: absolute; display: block; width: 100%; left: 0; right: 0; text-align: center; top: 50%; transform: translateY(-50%); -webkit-transform: translateY(-50%);}
.section-5 .icon-down{ position: absolute; bottom: -40px; left: 50%; width: 106px; margin-left: -53px;}
.section-6{ background: url(bj1.jpg) center no-repeat; height: 918px; overflow: hidden;}
.section-6 .caption{ text-align: center; font-size: 40px; line-height: 40px; font-weight: lighter; color: #fff; margin-top: 140px;}
.section-6 .caption-tip{ text-align: center; font-size: 20px; line-height: 20px; font-weight: lighter; color: #fff; margin-top: 34px;}
.section-6 #zoopic { position: relative; margin: 80px auto 0; width: 1006px; height: 360px;}
.section-6 #zoopic ul { position: relative; width: 100%; height: 360px;}
.section-6 #zoopic li { z-index: 0; position: absolute; width: 0px; background: #cdb177; height: 0px; overflow: hidden; top: 146px;  left: 377px; border-radius: 4px; box-shadow: 1px 1px 12px #080103;}
.section-6 #zoopic .prev { display: block;}
.section-6 #zoopic .next { display: block;}
.section-6 #zoopic .prev { z-index: 100; overflow: hidden; cursor: pointer;}
.section-6 #zoopic .next { z-index: 100; overflow: hidden; cursor: pointer;}
.section-6 #zoopic .prev { position: absolute; width: 17px; background: url(btn-prev.png) center no-repeat; height: 29px; top: 140px; left: -60px}
.section-6 #zoopic .next { position: absolute; width: 17px; background: url(btn-next.png) center no-repeat; height: 29px; top: 140px; right: -60px}
.section-6 .carousel .photo{ width:400px; height:360px; position: relative; }
section-6 .carousel .photo:before{ content: ""; width:400px; height:360px;z-index: 3333; position: absolute;}
/*.section-6 .active .carousel .photo{ transform: scale(1.1); -webkit-transform: scale(1.2); margin-top: 26px;}
*/
.section-6 .carousel .photo img{width:100%; height:100%;}
.section-6 .carousel .name{ text-align: center; font-size: 14px; line-height: 26px; color: #fff; margin-top: 8px;}
.section-6 .carousel .department{ text-align: center; font-size: 14px; line-height: 26px; color: #fff; margin-top: 5px;}
.section-6 .carousel .industry{ text-align: center; font-size: 14px; line-height: 26px; color: #ffe09f; margin-top: 5px; background: url(../images/line.png) center no-repeat;}
.section-6 .active .carousel .industry{ margin-top: 16px;}
.section-6 .carousel .words{ font-size: 14px; line-height: 24px; color: #fff; padding: 0 50px; margin-top: 10px; position: relative;}
.section-6 .active .carousel .words{ margin-top: 20px;}
.section-6 .carousel .words:before{ content: ""; display: block; width: 20px; height: 18px; background: url(fh-left.png) center no-repeat; position: absolute; left: 24px; top: -10px;}
.section-6 .carousel .words:after{ content: ""; display: block; width: 20px; height: 18px; background: url(fh-right.png) center no-repeat; position: absolute; right: 24px;  bottom: -10px;}
.section-6 .carousel .ze{ position: absolute; width: 100%; height: 100%; left: 0; top: 0; opacity: 0.4; background: #000; display: ;}
.section-6 .honor{ width: 1200px; margin: 62px auto 0; overflow: hidden;}
.section-6 .honor dt{ float: left; width: 80px; height: 52px; border-radius: 50%; border: 1px solid #888; text-align: center; font-size: 20px; line-height: 26px; color: #888; padding: 14px 0;}
.section-6 .honor dd{ float: left; font-size: 16px; line-height: 24px; height: 80px; color: #ccc; width: 254px; padding-left: 25px; position: relative;}
.section-6 .honor dd span{ float: left; display: block; width: 50px; height: 50px; background-image: url(icons.png); background-repeat: no-repeat; margin: 15px 0; margin-right: 5px;}
.section-6 .honor dd b{ position: absolute; font-weight: normal; top: 50%; transform: translateY(-50%); -webkit-transform: translateY(-50%);}
.section-6 .honor dd .icon-1{ background-position: 0 -390px;}
.section-6 .honor dd .icon-2{ background-position: -50px -390px;}
.section-6 .honor dd .icon-3{ background-position: -100px -390px;}
.section-6 .honor dd .icon-4{ background-position: -150px -390px;}
.section-7{ background: url(bj2.jpg) center no-repeat; height: 247px; overflow: hidden; border-bottom: 4px solid #fff;}
.section-7 .btn-link{ text-align: center; line-height: 34px; margin-top: 73px;}
.section-7 .btn-link a{ font-size: 34px; font-weight: lighter; color: #cdb177; text-decoration: none;}
.section-7 .start{ text-align: center; font-size: 40px; line-height: 40px; color: #fff; font-weight: lighter; margin-top: 23px;    display: block;}
/*课程中心*/
.END{ margin:0 auto; width:1200px; height:360px;}
.END .e_img{ width:380px; float:left; margin:0 10px;}
.END .e_img img{ width:380px;}\





.section-13{ padding-bottom: 40px; width:1200px; margin:0 auto; padding-top:40px;}
.partList2{width:1200px; margin:0 auto; margin-top:50px;}
.section-13 .partTitle{ font-size: 22px; line-height: 22px; color: #333; margin: 40px 0 20px;}
.section-13 .partContent{ overflow: hidden;}
.section-13 .leftImg{ float: left; width: 285px; height: 390px;}
.section-13 .rightContent{ float: right; width: 898px; height: 390px; background: #fff; position: relative;}
.section-13 .partList1 .rightContent:before{ content: ""; display: block; width: 100%; height: 4px; background: #383d41; position: absolute; top: 0; left: 0;}
.section-13 .rightContent .contentTxt{ overflow: hidden;}
.section-13 .rightContent .contentTxt .txt{ width: 600px; float: left; text-indent: 2em; margin-left: 35px; margin-top: 26px; letter-spacing: 1px;}
.section-13 .rightContent .contentTxt .txt p{ font-size: 14px; line-height: 24px; color: #666; margin-bottom: 20px;}
.section-13 .rightContent .contentTxt .inf{ float: right; width: 240px;}


.section-13 .systermList{ overflow: hidden; margin-right: -18px;}
.section-13 .systermItem{ float: left; width: 178px; height: 186px; margin-right: 2px; margin-bottom: 18px; position: relative; perspective: 1200px;}

.section-13 .systermItem1{ background: url(sys_bg1.png) center no-repeat;}
.section-13 .systermItem2{ background: url(sys_bg2.png) center no-repeat;}
.section-13 .systermItem3{ background: url(sys_bg3.png) center no-repeat;}
.section-13 .systermItem4{ background: url(sys_bg4.png) center no-repeat;}
.section-13 .systermItem5{ background: url(sys_bg5.png) center no-repeat;}
.section-13 .systermItem6{ background: url(sys_bg6.png) center no-repeat;}
.section-13 .systermItem7{ background: url(sys_bg7.png) center no-repeat;}
.section-13 .systermItem8{ background: url(sys_bg8.png) center no-repeat;}
.section-13 .systermItem9{ background: url(sys_bg9.png) center no-repeat;}
.section-13 .systermItem10{ background: url(sys_bg10.png) center no-repeat;}
.section-13 .systermItem .icon{ width: 60px; height: 60px; margin:0 auto; border-radius: 50%; margin-top: 28px;}
.section-13 .systermItem .icon1{background: url(sys1.png) center no-repeat;}
.section-13 .systermItem .icon2{background: url(sys2.png) center no-repeat;}
.section-13 .systermItem .icon3{background: url(sys3.png) center no-repeat;}
.section-13 .systermItem .icon4{background: url(sys4.png) center no-repeat;}
.section-13 .systermItem .icon5{background: url(sys5.png) center no-repeat;}
.section-13 .systermItem .icon6{background: url(sys6.png) center no-repeat;}
.section-13 .systermItem .icon7{background: url(sys7.png) center no-repeat;}
.section-13 .systermItem .icon8{background: url(sys8.png) center no-repeat;}
.section-13 .systermItem .icon9{background: url(sys9.png) center no-repeat;}
.section-13 .systermItem .icon10{background: url(sys10.png) center no-repeat;}

.section-13 .systermItem .name{ text-align: center; font-size: 18px; line-height: 20px; color: #fff; margin-top: 12px;}
.section-13 .systermItem .tip{ text-align: center; font-size: 12px; line-height: ]18px; color: #fff; opacity: 0.5; margin-top: 12px;}
.section-13 .systermItem .fixTable{ position: absolute; left: 0; top: 0; width: 100%; height: 100%; display: table; z-index: 9; background: #ceb177; opacity: 0; transition: all 0.3s; transform: rotateY(90deg); transform-origin: left center;}
.section-13 .systermItem:hover .fixTable{ display: table; opacity: 1; transform: rotateY(0deg);}
.section-13 .systermItem .tableCell{ display: table-cell; vertical-align: middle;}
.section-13 .systermItem .detailLessonList{ overflow: hidden; padding: 0 16px;}
.section-13 .systermItem .detailLessonList li{ font-size: 14px; line-height: 28px; float: left; width: 33.33%; position: relative; text-indent: 8px; height: 28px; overflow: hidden;}
.section-13 .systermItem .detailLessonList li a{ text-decoration: none; color: #fff;}
.section-13 .systermItem .detailLessonList li a:hover{ color: #ccc !important;}
.section-13 .systermItem .detailLessonList li:before{ content: ""; display: block; width: 3px; height: 3px; background: #fff; position: absolute; left: 0; top: 12px;}



.section-15{ padding-bottom: 40px; width:1200px; margin:0 auto; padding-top:40px;}
.partList3{width:1200px; margin:0 auto; margin-top:50px;}
.section-15{ padding-bottom: 40px;}
.section-15 .partTitle{ font-size: 22px; line-height: 22px; color: #333; margin: 40px 0 20px;}
.section-15 .partContent{ overflow: hidden;}
.section-15 .leftImg{ float: left; width: 284px; height: 480px;}
.section-15 .rightContent{ float: right; width: 898px; height: 480px; background: #fff; position: relative;}
.section-15 .rightContent.yellow:before{  content: ""; display: block; width: 100%; height: 4px; background: #d6b16b; position: absolute; top: 0; left: 0;}
.section-15 .rightContent.dark:before{  content: ""; display: block; width: 100%; height: 4px; background: #383d41; position: absolute; top: 0; left: 0;}
.section-15 .rightContent .contentBox{ padding: 0 38px;}
.section-15 .affordTitle{ font-size: 20px; font-weight: bold; line-height: 24px; color: #383d41; margin-top: 32px;}
.section-15 .meaning{ font-size: 14px; line-height: 24px; color: #666; text-indent: 2em; letter-spacing: 0.8px; margin-top: 16px;}
.section-15 .inHouseList{ overflow: hidden; margin-top: 24px;}
.section-15 .inHouseItem{ float: left; width: 247px; height: 251px; margin-right: 26px; cursor: pointer; position: relative;}
.section-15 .inHouseItem .fixContent{ position: absolute; width: 100%; height: 100%; background: rgba(0,0,0,.66); left: 0; top: 0; display: table;}
.section-15 .inHouseItem .tableCell{ display: table-cell; vertical-align: middle;}
.section-15 .inHouseItem .icon{ width: 60px; height: 60px; margin: 0 auto; background-image: url(../images/icons.png); background-repeat: no-repeat;}
.section-15 .inHouseItem .icon1{ background-position: 0 -910px;}
.section-15 .inHouseItem .icon2{ background-position: -60px -910px;}
.section-15 .inHouseItem .icon3{ background-position: -120px -910px;}
.section-15 .inHouseItem .ItemName{ font-size: 18px; font-size: 24px; color: #fff; font-weight: bold; letter-spacing: 1px; padding-top: 24px; margin-top: 10px; transition: all 0.3s; text-align: center; position: relative;}
.section-15 .inHouseItem .ItemName:before{ content: ""; display: block; width: 22px; height: 2px; background: #fff; position: absolute; left: 50%; margin-left: -11px; top: 0;}
.section-15 .inHouseItem .moreTxt{ font-size: 14px; line-height: 22px; color: #fff; padding: 0 24px; letter-spacing: 1px; margin-top: 15px; opacity: 0; height: 0; transition: all 0.3s;}
.section-15 .inHouseItem:hover .fixContent{ background: rgba(0,0,0,.72);}
.section-15 .inHouseItem:hover .ItemName{ display: none;}
.section-15 .inHouseItem:hover .moreTxt{opacity: 1; height: auto;}
.section-15 .orderLink{ margin-top: 20px;}
.section-15 .orderLink a{ display: block; margin: 0 auto; width: 212px; height: 48px; line-height: 48px; background: #373d41; font-size: 18px; color: #fff; text-decoration: none; text-align: center;}
.section-15 .centralAdvantage{ }
.section-15 .AdvantageTitle{ font-size: 18px; line-height: 24px; color: #383d41; font-weight: bold; letter-spacing: 1px;  margin-top: 35px;}
.section-15 .advantageList{ overflow: hidden; margin-right: -15px; margin-top: 21px;}
.section-15 .advantageItem{ float: left; width: 192px; height: 58px; border: 1px solid #eee; margin-right: 15px;}
.section-15 .advantageItem .icon{ float: left; width: 60px; height: 58px; background-image: url(icons.png); background-repeat: no-repeat; background-color: #d1b67f;}
.section-15 .advantageItem .icon1{ background-position: -180px -910px;}
.section-15 .advantageItem .icon2{ background-position: -240px -910px;}
.section-15 .advantageItem .icon3{ background-position: -300px -910px;}
.section-15 .advantageItem .icon4{ background-position: -360px -910px;}
.section-15 .advantageItem .txt{ float: left; width: 132px; font-size: 14px; line-height: 20px; color: #666; text-align: center; padding: 9px 0;}
.section-15 .EvaluateTitle{ font-size: 18px; line-height: 24px; color: #383d41; font-weight: bold; letter-spacing: 1px;  margin-top: 57px;}
.section-15 .evaluateBox{ overflow: hidden; margin-top: 14px;}
.section-15 .evaluateSlide{ float: left; width: 490px; position: relative;}
.section-15 .evaluateSlide .slideBox{ margin:14px auto 0;}
.section-15 .evaluateSlide .slideBox p{ font-size: 14px; line-height: 22px; color: #666; letter-spacing: 1px; text-align: justify;}
.section-15 .evaluateSlide .slideBox p.from{ text-align: right; margin-top: 20px;}
.section-15 .evaluateSlide .btn{ position: absolute; width: 22px; height: 44px; top: 50%; margin-top: -22px; background-image: url(../images/icons.png); background-repeat: no-repeat; cursor: pointer;}
.section-15 .evaluateSlide .btnPrev{ background-position: -40px -740px; left: 0;}
.section-15 .evaluateSlide .btnNext{ background-position: -62px -740px; right: 0;}
.section-15 .evaluateBox .custormerImg{ float: right;}
.section-15 .navBar{ float: left; margin-top: 40px;}
.section-15 .barItem{ width: 190px; height: 60px; border-radius: 4px; font-size: 16px; color: #fff; text-align: center; line-height: 60px; background: #383d41; margin-bottom: 25px; cursor: pointer; position: relative; transition: all 0.3s;}
.section-15 .barItem i{ font-family: impact; font-size: 40px; opacity: 0.32; vertical-align: middle; padding-right: 15px;}
.section-15 .barItem:after{ content: ""; display: block; width: 0; height: 0; border-left: 10px solid transparent; border-right: 10px solid transparent; border-top: 10px solid #383d41; position: absolute; left: 50%; margin-left: -10px; bottom: -18px;}
.section-15 .barItem5:after{ display: none;}
.section-15 .barItem.active{ background: #d1b67f;}
.section-15 .barItem.active:after{ border-top: 10px solid #d1b67f;}
.section-15 .processConList{ float: right; width: 598px; margin-top: 45px;}
.section-15 .processConItem{}
.section-15 .processConItem h6{ font-size: 20px; color: #666; font-weight: bold; line-height: 40px; letter-spacing: 1px;  position: relative; z-index: 9;}
.section-15 .processConItem h6 span{ font-size: 16px; color: #666; font-weight: normal; border: 1px solid #ddd; padding: 0 10px; margin-left: 10px;}
.section-15 .mainProcess{ margin-top: 18px; position: relative; width: 598px; height: 218px;}
.section-15 .mainProcess img{ position: absolute; left: 0; bottom: 0;}
.section-15 .processTxt{ font-size: 14px; line-height: 22px; color: #999; margin-top: 44px;}
.section-15 .successCaseTitle{ font-size: 14px; line-height: 24px; letter-spacing: 1px; color: #333; margin-top: 37px;}
.section-15 .caseBox{ overflow: hidden; background: #f4f4f4; padding: 14px 16px 20px 24px; margin-top: 18px;}
.section-15 .caseBox .caseImg{ float: left; width: 296px; height: 188px;}
.section-15 .caseBox .caseTxt{ float: left; width: 458px; height: 238px; margin-left: 24px; overflow: hidden;}
.section-15 .caseBox .caseTxt p{ font-size: 14px; line-height: 22px; color: #666;}
.section-15 .mCSB_scrollTools .mCSB_draggerRail{ width: 1px; background: #ccc;}
.section-15 .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ width: 5px; border-radius: 3px; background: #383d41;}
.section-15 .mCSB_container{ padding-right: 28px;}
.section-15 .caseNav{ overflow: hidden; border-left: 1px solid #eee; margin-right: -1px;}
.section-15 .case{ float: left; width: 136px; height: 40px; padding: 12px 0; text-align: center; font-size: 14px; line-height: 20px; border: 1px solid #eee; border-left: none; cursor: pointer;}
.section-15 .case.active{ color: #fff; background: #d1b67f;}
.section-15 .applyForm{ float: left; width: 637px; height: 100%; border-right: 1px solid #dfdfdf;}
.section-15 .applyForm h2{ font-size: 22px; line-height: 30px; color: #333; letter-spacing: 1px; text-align: center; margin-top: 30px; margin-bottom: 19px;}
.section-15 .applyForm .formCtrl{ overflow: hidden; margin-bottom: 11px;}
.section-15 .applyForm .formCtrl label{ float: left; font-size: 14px; line-height: 36px; color: #333; margin-left: 112px;}
.section-15 .applyForm .formCtrl input{ float: left; width: 286px; height: 34px; border: 1px solid #e2e2e2; font-size: 14px; color: #333; text-indent: 18px; line-height: 34px;}
.section-15 .applyForm .formCtrl textarea{ float: left; width: 354px; height: 74px; border: 1px solid #e2e2e2; font-size: 14px; color: #333; text-indent: 18px; }
.section-15 .applyForm .formSubmit input{ width: 173px; height: 39px; background: #d1b67f; font-size: 20px; color: #fff; font-weight: lighter; display: block; margin: 0 auto; cursor: pointer; margin-top: 15px;}
.section-15 .bestWelCome{ float: left; width:260px;}
.section-15 .bestWelCome h2{ text-align: center; font-size: 18px; color: #333; line-height: 22px; padding: 20px 0 13px; border-bottom: 1px  solid #dfdfdf;}
.section-15 .bestWelCome .bestLessonImg{ text-align: center; margin-top: 18px; }
.section-15 .bestWelCome .bestLessonImg img{width:230px; height: 124px;}
.section-15 .bestWelCome .bestLessonName{ padding: 0 15px; font-size: 14px; line-height: 22px; color: #333; letter-spacing: 1px;}
.section-15 .bestWelCome .otherBestList{ margin-top: 20px; padding-left: 14px;}
.section-15 .bestWelCome .otherBestList li{ line-height: 22px; margin-bottom: 13px; position: relative; text-indent: 10px;}
.section-15 .bestWelCome .otherBestList li:before{ content: ""; display: block; position: absolute; width: 4px; height: 4px; background: #ccc; left: 0; top: 50%; margin-top: -4px}
.section-15 .bestWelCome .otherBestList li a{ font-size: 14px; line-height: 22px; color: #333; text-decoration: none; letter-spacing: 1px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis;    display: block;}
.section-15 .applyForm .formCtrl input:-moz-placeholder { /* Mozilla Firefox 4 to 18 */
    color: #ccc;
    font-size: 16px;
}
.section-15 .applyForm .formCtrl input::-moz-placeholder { /* Mozilla Firefox 19+ */
    color: #ccc;
    font-size: 16px;
}
.section-15 .applyForm input:-ms-input-placeholder,
.section-15 .applyForm textarea:-ms-input-placeholder {
    color: #ccc;
    font-size: 16px;
}
.section-15 .applyForm input::-webkit-input-placeholder,
.section-15 .applyForm textarea::-webkit-input-placeholder {
    color: #ccc;
    font-size: 16px;
}



.course-innerpage-banner{ height:400px; position: relative;}
.course-innerpage-banner .slide{ height: 100%; overflow: hidden;}
.course-innerpage-banner .slide-content{ overflow: hidden; height: 100%;}
.course-innerpage-banner .slide-item{ width: 100%; height: 100%; float: left; background-position: center center; background-repeat: no-repeat;}
.course-innerpage-banner .slide-item a{ display: block; width: 100%; height: 100%;}
.course-innerpage-banner .slide_thumb{ position: absolute; bottom: 30px; left: 50%; right: 0; width: 600px; text-align: center; z-index: 10;    margin-left: -300px;}
.course-innerpage-banner .slide_thumb span{ display: inline-block; width: 60px; height: 4px; background: #a4a4a6; cursor: pointer; margin: 0 6px; transition: all 0.3s;}
.course-innerpage-banner .slide_thumb span.active{ background: #bf9e5b;}
.course-innerpage-banner .banner-main-content{ position: absolute; width: 1200px; left: 50%; margin-left: -600px; top: 88px; height: 0;}
.course-innerpage-banner .all-course-box{ position: absolute; left: 0; width: 239px; height: 500px; background: #fff; z-index: 999;}
.course-innerpage-banner .all-course-title{ height: 50px; background: #bf9e5b; width: 100%;}
.course-innerpage-banner .all-course-title .title-txt{ float: left; font-size: 16px; color: #fff; line-height: 24px; margin: 13px 0; position: relative; padding-left: 25px; margin-left: 24px; cursor: pointer;}
.course-innerpage-banner .all-course-title .title-txt:after{ content: ""; display: block; width: 16px; height: 16px; background: url(../images/icons.png) 0 -560px; position: absolute; left: 0; top: 4px;}
.course-innerpage-banner .all-course-title .best-btn{ float: left; width: 63px; height: 19px; border: 1px solid #fff; border-radius: 63px; text-align: center; line-height: 21px; font-size: 12px; color: #fff; margin-top: 14px; margin-left: 30px; cursor: pointer;}



.part_box{width:1180px;margin:20px auto 0;position:relative;overflow:hidden}
.about_fu,.about_fu.tabs .li{line-height:38px;height:38px}
.about_course{color:#1FB6C4;width:150px;margin-left:10px;margin-right:80px}
.about_font p .about_he{width:200px;text-align:left;margin:0 240px 0 0}
.about_fu{width:780px;margin:0 auto;border-bottom:1px solid #E6E6E6}
.about_fu.tabs .li{width:auto;float:left;text-align:left!important;padding:0 20px; font-size:16px; color:#000;}
.about_fu .curr{border-bottom:2px solid #1FB6C4}
.about_fu .about_fu_mr{margin-right:0}



.about_tu{width:1080px;margin:40px auto; left:0;border-top:1px solid #E6E6E6;border-left:1px solid #E6E6E6}
.about_tu li{width:119px;height:119px;border-right:1px solid #E6E6E6;border-bottom:1px solid #E6E6E6;float:left;background-color:#f7f7f7}
.about_tu li img{width:119px;height:110px;margin:4px auto}
.about_tu li:nth-child(2n){background-color:#fff}

.hide{display:none!important}