body{background: #f7f7f7!important;}
.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(../images/banner-bj.jpg) center no-repeat; height: 868px; 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(../images/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(../images/computer.png) center no-repeat; margin: 46px auto 0; overflow: hidden;}
.section-2 .content-box{ width: 1070px; 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;height:80px;}
.section-2 .accordtion-ul-box .table-show-tit{ font-size: 14px; line-height: 36px; color: #666666;padding-left: 20px;height:48px;width:210px;white-space: nowrap;text-overflow: ellipsis;overflow: hidden;position: relative;}
/* .section-2 .accordtion-ul-box .table-show-tit::after{content:"...";font-weight:bold;position:absolute;bottom:0;right:0;padding:0 20px 1px 45px;background:url(../images/ellipsis_bg.png) repeat-y;} */
.section-2 .accordtion-ul-box .table-show{font-size: 14px;color:#a6a6a6;float:left;padding-left:20px;}
.section-2 .accordtion-ul-box .table-show-tit:before{ content: ""; display: block; width: 3px; height: 3px; background: #aaa; position: absolute; top: 15px; left: 12px;}
.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: 884px;}
.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(../images/accordtion-title1.jpg) center no-repeat;}
.section-2 .content-box .accordtion-caption2{ background: url(../images/accordtion-title2.jpg) center no-repeat;}
.section-2 .content-box .accordtion-caption3{ background: url(../images/accordtion-title3.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; background-image: url(../images/icons.png); background-repeat: no-repeat; vertical-align: middle;}
.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: 48px; padding: 0 28px; width: 828px;}
.section-2 .newest-course li{ float: left; width: 250px; margin-right: 38px;}
.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: 18px; line-height: 26px; color: #c1a15f;}
.section-2 .newest-course li dd{ overflow: hidden;}
.section-2 .newest-course li .link-title{ float: left; width: 80%; font-size: 14px; line-height: 26px; color: #666666; letter-spacing: 2px; position: relative; overflow: hidden; white-space: nowrap; text-overflow: ellipsis;}
.section-2 .newest-course li .link-title:hover{ color:#d6b16b !important;}
.section-2 .newest-course li dd.new .link-title:after{ content: ""; position: absolute; width: 23px; height: 12px; background: url(../images/new.png) center no-repeat; right: 0; top: 50%; margin-top: -6px;}
.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 .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: 14px; 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; padding-left: 24px; margin-top: 27px;}
.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: 232px; height: 130px; 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: 14px; 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: 14px; 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(../images/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(../images/hex-style1.png) center no-repeat;}
.section-4 .hexGrid .hex-style2{ background: url(../images/hex-style2.png) center no-repeat;}
.section-4 .hexGrid .hex-style4{ background: url(../images/hex-style4.png) center no-repeat;}
.section-4 .hexGrid .hex-style5{ background: url(../images/hex-style5.png) center no-repeat;}
.section-4 .hexGrid .hex-style6{ background: url(../images/hex-style6.png) center no-repeat;}
.section-4 .hexGrid .hex-style7{ background: url(../images/hex-style7.png) center no-repeat;}
.section-4 .hexGrid .hex-style8{ background: url(../images/hex-style8.png) center no-repeat;}
.section-4 .hexGrid .hex-style9{ background: url(../images/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(../images/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(../images/btn-prev.png) center no-repeat; height: 29px; top: 140px; left: -60px}
.section-6 #zoopic .next { position: absolute; width: 17px; background: url(../images/btn-next.png) center no-repeat; height: 29px; top: 140px; right: -60px}
.section-6 .carousel .photo{ width: 75px; height: 75px; margin: 10px auto 0; position: relative;}
.section-6 .carousel .photo:before{ content: ""; width: 65px; height: 65px; border-radius: 39px; top: 1px; left: 1px; border: 4px solid #cdb177; z-index: 3333; position: absolute;}
.section-6 .carousel .photo img{ width: 73px; height: 73px; border-radius: 50%; border: 1px solid #ffffff;}
.section-6 .active .carousel .photo{ transform: scale(1.1); -webkit-transform: scale(1.2); margin-top: 26px;}
.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(../images/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(../images/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(../images/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(../images/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;}
/*璇剧▼涓績*/
.course-innerpage-banner{ height: 588px; 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;}
.course-innerpage-banner .course-pannel-content{ height: 390px;}
.course-innerpage-banner .course-nav-item{ text-indent: 55px;}
.course-innerpage-banner .normal-nav-list li{ height: 45px; line-height: 45px; font-size: 16px; color: #666; transition: all 0.3s; position: relative; cursor: pointer;}
.course-innerpage-banner .normal-nav-list:last-child li{ height: 75px; line-height: 75px; }
.course-innerpage-banner .normal-nav-list li.active,.course-innerpage-banner .normal-nav-list li:hover{ background-color: #f2f2f2;}
.course-innerpage-banner .normal-nav-list li a{ display: block;}
.course-innerpage-banner .course-list li:before{ content: ""; display: block; width: 24px; height: 24px; position: absolute; left: 25px; top:50%; margin-top: -12px;}
.course-innerpage-banner .course-list .item-1{background: url(../images/class-icon1.png) 26px center no-repeat;}
.course-innerpage-banner .course-list .item-2{background: url(../images/class-icon2.png) 26px center no-repeat;}
.course-innerpage-banner .course-list .item-3{background: url(../images/class-icon3.png) 26px center no-repeat;}
.course-innerpage-banner .course-list .item-4{background: url(../images/class-icon4.png) 26px center no-repeat;}
.course-innerpage-banner .course-list .item-5{background: url(../images/class-icon5.png) 26px center no-repeat;}
.course-innerpage-banner .course-list .item-6{background: url(../images/class-icon6.png) 26px center no-repeat;}
.course-innerpage-banner .course-list .item-7{background: url(../images/class-icon7.png) 26px center no-repeat;}
.course-innerpage-banner .course-list .item-8{background: url(../images/class-icon8.png) 26px center no-repeat;}
.course-innerpage-banner .course-list .item-9{background: url(../images/class-icon9.png) 26px center no-repeat;}
.course-innerpage-banner .course-list .item-10{background: url(../images/class-icon10.png) 26px center no-repeat;}

/*.course-innerpage-banner .course-list .item-2:before{ background-position: -40px -560px;}
.course-innerpage-banner .course-list .item-3:before{ background-position: -64px -560px;}
.course-innerpage-banner .course-list .item-4:before{ background-position: -88px -560px;}
.course-innerpage-banner .course-list .item-5:before{ background-position: -112px -560px;}
.course-innerpage-banner .course-list .item-6:before{ background-position: -136px -560px;}*/
.course-innerpage-banner .normal-nav-list li:after{ content: ""; display: block; width: 204px; height: 1px; background: #ddd; position: absolute; bottom: 0; left: 50%; margin-left: -102px;}
.course-innerpage-banner .course-list .item-10:after{height: 0px;}
.course-innerpage-banner .best-nav-item{ padding-left: 20px; overflow: hidden;}
.course-innerpage-banner .best-nav-item h6{ color: #999; font-size: 14px; line-height: 24px; margin-top: 9px; position: relative; padding-left: 24px;}
.course-innerpage-banner .best-nav-item h6:before{ content: ""; display: block; width: 16px; height: 16px; background: url(../images/icons.png) 0 -584px; position: absolute; left: 0; top: 4px;}
.course-innerpage-banner .best-nav-item p{ color: #333; font-size: 14px; line-height: 24px; display: block; white-space: nowrap; text-overflow: ellipsis; overflow: hidden;
    width: 196px;}
.course-innerpage-banner .bottom-position-btn{ width: 204px; height: 40px; margin: 7px auto 0; border-radius: 20px; background: #383d41;}
.course-innerpage-banner .bottom-position-btn a{ text-align: center; display: block; line-height: 40px; font-size: 16px; text-decoration: none; color: #fff;}
.course-innerpage-banner .course-categoryContent{ position: absolute; width: 959px; left: 239px; top: 0; max-height: auto; min-height: 500px; background: #fff; border: 1px solid #d6b16b; z-index: 100; display: none; z-index: 88;}
.course-innerpage-banner .course-categoryContent .closebtn{ position: absolute; font-size: 18px; right: 20px; top: 20px; cursor: pointer;}
.course-innerpage-banner .left-txt-content{ float: left; width: 694px; margin-top: 56px; margin-left: 27px; position: relative;}
.course-innerpage-banner .course-detailContent{ overflow: hidden;}
.course-innerpage-banner .course-detailContent li{ overflow: hidden; margin-bottom: 12px;}
.course-innerpage-banner .course-detailContent .tit{ float: left; width: 78px; font-size: 14px; line-height: 28px; color: #333; white-space: nowrap; text-overflow: ellipsis; overflow: hidden;}
.course-innerpage-banner .course-detailContent .con{ float: left; width: 608px;}
.course-innerpage-banner .course-detailContent .con p{white-space: nowrap; text-overflow: ellipsis; display: block; overflow: hidden; margin-bottom: 20px; line-height: 24px; color: #aaa; height: 24px;}
.course-innerpage-banner .course-detailContent .con a{ font-size: 12px; color: #666; float: left; line-height: 24px; text-decoration: none; padding-right: 10px; padding-left: 5px; transition: all 0.3s;}
.course-innerpage-banner .course-detailContent .con a:hover{ color: #bf9e5b;}
.course-innerpage-banner .course-tags{ overflow: hidden; margin: 30px -13px 20px 0;}
.course-innerpage-banner .course-tags .tag{ float: left; display: block; width: 85px; height: 28px; border: 1px solid #d6b16b; border-radius: 3px; line-height: 28px; text-align: center; color: #333; margin-right: 13px; margin-top: 11px; cursor: pointer;}
.course-innerpage-banner .course-tags .tag:hover{ color: #fff; background-color: #BF9E5B;}
.course-innerpage-banner .thisCourse-img{ float: left; margin-top: 62px; margin-left: 10px;}
.course-innerpage-banner .study-online{ display: none; width: 239px; height: 448px; border-top: 4px solid #bf9e5b; background: rgba(0,0,0,0.7); position: absolute; right: 0; margin-top: 24px;}
.course-innerpage-banner .study-tit{ overflow: hidden; margin-top: 18px; padding: 0 16px;}
.course-innerpage-banner .study-tit .tit1{ font-size: 16px; line-height: 24px; color: #bf9e5b; float: left; z-index: 77;}
.course-innerpage-banner .study-tit .tit2{ float: right; width: 70px; height: 22px; line-height: 22px; text-align: center; border: 1px solid #fff; border-radius: 20px; font-size: 12px; color: #fff; cursor: pointer;}
.course-innerpage-banner .content-box .icon-lists{ overflow: hidden; padding: 0 16px; margin-top: 57px; margin-bottom: 32px;}
.course-innerpage-banner .content-box .icon-lists li{ float: left; width: 33.33%;}
.course-innerpage-banner .content-box .icon-lists .icon{ margin: 0 auto; width: 32px; height: 32px; background-image: url(../images/icons.png);}
.course-innerpage-banner .content-box .icon-lists .icon-1{ background-position: -16px -584px;}
.course-innerpage-banner .content-box .icon-lists .icon-2{ background-position: -48px -584px;}
.course-innerpage-banner .content-box .icon-lists .icon-3{ background-position: -80px -584px;}
.course-innerpage-banner .content-box .icon-lists p{ text-align: center; font-size: 16px; line-height: 24px; margin-top: 10px; color: #fff;}
.course-innerpage-banner .content-box .txtnum{ text-align: center; font-size: 16px; color: #fff; line-height: 46px;}
.course-innerpage-banner .content-box .txtnum span{ font-size: 24px; font-weight: bold; color: #d9b876;}
.course-innerpage-banner .content-box .btn{ width: 204px; height: 40px; margin: 0 auto; border: 1px solid #bf9e5b; border-radius: 20px; text-align: center; margin-top: 15px; position: relative;}
.course-innerpage-banner .content-box .btn:after{ content: ""; display: block; width: 162px; height: 65px; background: url(../images/btnarrow.png) center no-repeat; position: absolute; top: 58px; left: 42px;}
.course-innerpage-banner .content-box .btn a{ display: block; font-size: 16px; color: #bf9e5b; line-height: 40px; text-decoration: none;}
.course-innerpage-banner .lately-livecourse{ padding: 0 15px; margin-top: 37px; position: relative;}
.course-innerpage-banner .lately-livecourse:after{ content: ""; display: block; width: 1px; background: #fff; position: absolute; left:69px; top: 20px; bottom: 0px;}
.course-innerpage-banner .lately-livecourse li{ overflow: hidden; margin-bottom: 30px;}
.course-innerpage-banner .lately-livecourse li .time{ float: left; font-size: 14px; color: #fff; line-height: 20px; width: 44px; word-break: break-all; padding-right: 14px; position: relative;}
.course-innerpage-banner .lately-livecourse li .time:after{ content: ""; display: block; width: 8px; height: 8px; border-radius: 50%; background: #fff; position: absolute; right: 0; top: 50%; margin-top: -4px;}
.course-innerpage-banner .lately-livecourse li .name{ float: left; font-size: 14px; color: #fff; line-height: 20px; width: 142px; word-wrap: break-word; padding-left: 9px;}
.course-innerpage-banner .fullyear-schedule{ text-align: center; border-top: 1px solid #525252; padding-top: 12px;}
.course-innerpage-banner .fullyear-schedule a{ font-size: 16px; color: #fff; display: inline-block; position: relative; padding-left: 30px; text-decoration: none;}
.course-innerpage-banner .fullyear-schedule a:before{ content: ""; display: block; width: 24px; height: 24px; background: url(../images/icons.png) -112px -584px; position: absolute; top: 0; left: 0;}
.section-8{ padding-bottom: 84px;}
.section-8 .recommendation-title{ overflow: hidden; border-bottom: 1px solid #d6d6d6; padding-bottom: 17px; padding-top: 20px;}
.section-8 .recommendation-title .titleTxt{ float: left; font-size: 20px; line-height: 24px; color: #333;}
.section-8 .recommendation-title .change{ float: right; font-size: 14px; line-height: 24px; color: #333; background: url(../images/change.png) left center no-repeat; padding-left: 21px; cursor: pointer;}
.section-8 .recommendation-lists{ margin-top: 38px; overflow: hidden; margin-right: -24px;}
.section-8 .recommendation-item{ float: left; width: 282px; margin-right: 24px;}
.section-8 .recommendation-item:nth-child(n+5){ display: none;}
.section-8 .recommendation-img{ position: relative; overflow: hidden; width: 282px; height: 160px; overflow: hidden;}
.section-8 .recommendation-img img{ display: block; width: 100%;}
.section-8 .recommendation-img span{ position: absolute; right: -32px; top: 10px; width: 100px; text-align: center; height: 20px; line-height: 20px; font-size: 12px; color: #d6b16b; background: rgba(0,0,0,0.5); transform: rotate(45deg); -webkit-transform: rotate(45deg);}
.section-8 .recommendation-name{ text-align: left; font-size: 16px; line-height: 24px; color: #333; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; margin-top: 10px; letter-spacing: 1.5px;}
.section-8 .recommendation-info{ overflow: hidden; margin-top: 5px;}
.section-8 .recommendation-info .price{ float: left; font-size: 16px; line-height: 24px; color: #d6b16b;}
.section-8 .recommendation-info .btn{ float: right; width: 72px; height: 24px; padding-top:0px; line-height: 24px!important; border-radius: 12px; background: #BF9E5B; text-align: center; color: #fff; text-decoration: none; font-size: 14px; transition: all 0.3s;}
.section-8 .recommendation-info .btn:hover{ background: #c69b4a;}
.section-9 .nav-title-choose{ border-bottom: 1px solid #d6d6d6; text-align: center;}
.section-9 .nav-title-choose span{ font-size: 20px; color: #333; line-height: 24px; display: inline-block; padding: 0 30px 13px; cursor: pointer; position: relative;}
.section-9 .nav-title-choose span.active:after{ content: ""; display: block; width: 100px; height: 2px; background: #d6b16b; position: absolute; bottom: 0; left: 50%; margin-left: -50px;}
.section-9 .nav-title-choose span a{ text-decoration: none; display: block; color: #333;}
.section-9 .filtrate-area{ padding-top: 10px; padding-left: 10px;}
.section-9 .filtrate-area .filtrate-condition{ overflow: hidden; margin: 30px 0;}
.section-9 .filtrate-area .filtrate-condition .filtrate-condition-tit{ float: left; font-size: 14px; line-height: 24px; color: #999; letter-spacing: 1px;}
.section-9 .filtrate-area .filtrate-condition .all{ display: block; float: left; width: 58px; text-align: center; border-radius: 3px; font-size: 14px; line-height: 24px; letter-spacing: 1px; padding: 0 14px; cursor: pointer; color: #666;}
.section-9 .filtrate-area .filtrate-condition .all.active{ color: #fff; background: #BF9E5B;}
.section-9 .filtrate-area .filtrate-condition .parts{ display: block; float: left; width: 792px; height: 24px;}
.section-9 .filtrate-area .filtrate-condition a{text-decoration: none; color: #000; }
.section-9 .filtrate-area .filtrate-condition .active a{ color: #fff; }
.section-9 .filtrate-area .filtrate-condition .parts span,.section-9 .filtrate-area .filtrate-condition .parts a{ display: inline-block; float: left; font-size: 14px; line-height: 24px; letter-spacing: 1px; padding: 0 14px; cursor: pointer;}
.section-9 .filtrate-area .filtrate-condition span.part,.section-9 .filtrate-area .filtrate-condition a.part{ color: #666; text-align: center;}
.section-9 .filtrate-area .filtrate-condition span.active,.section-9 .filtrate-area .filtrate-condition a.active{ color: #fff; background: #BF9E5B;}
.section-9 .filtrate-area .filtrate-condition .action{ float: left; color: #999; line-height: 24px; margin-left: 20px;  cursor:pointer; padding-right: 14px;}
.section-9 .filtrate-area .filtrate-condition .action.up{ background: url(../images/arrow-up.png) right center no-repeat;}
.section-9 .filtrate-area .filtrate-condition .action.down{ background: url(../images/arrow-down.png) right center no-repeat;}
.section-9 .openCourse-content{ overflow: hidden;}
.section-9 .openCourse-content .leftSide{ float: left; width: 950px; padding-bottom: 92px;}
.section-9 .openCourse-content .leftSide-title{ overflow: hidden; background: #fff; border: 1px solid #F2F2F2; border-bottom: none;}
.section-9 .openCourse-content .leftSide-filtrate{ float: left;}
.section-9 .openCourse-content .leftSide-filtrate a{ text-decoration: none; float: left; cursor: pointer; letter-spacing: 1px;}
.section-9 .openCourse-content .leftSide-filtrate a.all{  width: 80px; height: 50px; border-radius: 3px; background: #d6b16b; line-height: 50px; color: #fff; text-align: center; font-size: 14px; margin-right: 10px;}
.section-9 .openCourse-content .leftSide-filtrate span.part{ font-size: 14px; line-height: 50px; color: #333; padding: 0 26px;}
.section-9 .openCourse-content .leftSide-search{ float: right; margin: 8px 20px 8px 0;}
.section-9 .openCourse-content .leftSide-search .search{ float: left; width: 200px; height: 32px; border: 1px solid #383d41; padding: 0; font-size: 14px; color: #999; line-height: 32px; letter-spacing: 2px; text-indent: 12px;}
.section-9 .openCourse-content .leftSide-search .searchbtn{ width: 36px; height: 32px; color: #fff; background: url(../images/icons.png) 0 -620px #383d41;}
.section-9 .allOpenCourse-lists{}
.section-9 .allOpenCourse-item{ background: #fff; margin-bottom: 23px; border: 1px solid #F2F2F2; padding: 20px 18px 18px 20px;}
.section-9 .singleOpenCourse-infor{ overflow: hidden;}
.section-9 a.singleOpenCourse-picture{ float: left; overflow: hidden; width: 202px; height:114px;  overflow: hidden;}
.section-9 a.singleOpenCourse-picture img{ border: 1px #ffffff solid; display: block; width: 100%;}
.section-9 a.singleOpenCourse-picture:hover img{ border: 1px #d6b16b solid;}
.section-9 .singleOpenCourse-textInf{ float: left; margin-left: 17px; width: 663px;}
.section-9 a.singleOpenCourse-name{ font-size: 16px; font-weight: bold; color: #333; line-height: 24px; text-decoration: none;}
.section-9 a.singleOpenCourse-name:hover{ color:#d6b16b}
.section-9 .singleOpenCourse-moreInfor{ overflow: hidden; margin-top: 17px;}
.section-9 .singleOpenCourse-feature{ float: left; width: 330px;}
.section-9 .singleOpenCourse-object{ float: right; width: 276px;}
.section-9 .singleOpenCourse-moreInfor h6{ font-size: 14px; line-height: 20px; color: #666; letter-spacing: 2px; position: relative; padding-left: 10px;}
.section-9 .singleOpenCourse-moreInfor h6:before{ content: ""; height: 20px; width: 2px; background: #d6b16b; position: absolute; left: 0; top: 0;}
.section-9 .singleOpenCourse-moreInfor p{ font-size: 12px; line-height: 18px; color: #999; letter-spacing: 2px; padding-left: 10px; height: 35px;
    overflow: hidden;}
.section-9 .singleOpenCourse-arrangement{ margin: 20px auto 0;}
.section-9 .singleOpenCourse-arrangement table{ width: 100%;}
.section-9 .singleOpenCourse-arrangement tr{ transition: all 0.3s;}
.section-9 .singleOpenCourse-arrangement tr:hover{ background: #fffcee;}
.section-9 .singleOpenCourse-arrangement tr:nth-child(n+5){display: none;}
.section-9 .singleOpenCourse-arrangement th{ height: 30px; background: #f7f7f7; line-height: 30px; font-size: 14px; color: #999; text-align: left;}
.section-9 .singleOpenCourse-arrangement th:first-child{ text-align: center;}
.section-9 .singleOpenCourse-arrangement td{ height: 50px; line-height: 50px; font-size: 14px; color: #333; border-bottom: 1px solid #f2f2f2;}
.section-9 .singleOpenCourse-arrangement td:first-child{ text-align: center;}
.section-9 .singleOpenCourse-arrangement td:nth-child(4){ color: #d6b16b;}
.section-9 .singleOpenCourse-arrangement td a{ display: block; width: 60px; height: 24px; line-height: 24px; border-radius: 3px; background: #d6b16b; text-align: center; font-size: 14px; color: #fff; text-decoration: none; transition: all 0.3s;}
.section-9 .singleOpenCourse-arrangement td a:hover{ background: #caa256;}
.section-9 .singleOpenCourse-arrangement td span{ display: block; color: #fff; width: 60px; height: 24px; line-height: 24px; border-radius: 3px; background: #CCCCCC; text-align: center;}
.section-9 .singleOpenCourse-arrangement .addTr{ width: 110px; height: 26px; line-height: 26px; margin: 0 auto; text-align: center; cursor: pointer; font-size: 14px; border: 1px solid #999; color: #999; border-radius: 13px; margin-top: 10px;}
.section-9 .singleOpenCourse-arrangement .addTr:hover{ color: #d6b16b; border: 1px solid #d6b16b;}
.section-9 .pages{ text-align: center; color: #121313; font-size: 18px; margin-top: 38px;}
.section-9 .pages a{ display: inline-block; border: 1px solid #d9d9d9; height: 38px; border-radius: 2px; cursor: pointer; transition: all 0.3s; text-decoration: none; color: #121313;}
.section-9 .pages a:hover,.section-9 .pages a.cur{ background-color: #d6b16b !important; color: #fff;}
.section-9 .pages a.page-number{ text-align: center; width: 64px; line-height: 38px; font-size: 18px; margin: 0 3px;}
.section-9 .pages a.prev-page{ text-align: center; width: 78px; line-height: 38px; background: url(../images/icons.png) -36px -620px;}
.section-9 .pages a.prev-next{ text-align: center; width: 78px; line-height: 38px; background: url(../images/icons.png) -116px -620px;}
.section-9 .openCourse-content .rightSide{ float: right; width: 229px;}
.section-9 .openCourse-content .rightSide dt{ font-size: 20px; line-height: 24px; color: #333; border-bottom: 1px solid #d6d6d6; padding-bottom: 10px; margin-bottom: 24px;}
.section-9 .openCourse-content .rightSide dd{ margin-bottom: 40px;}
.section-9 .openCourse-content .rightSide dd:last-child{ margin-bottom: 0 !important;}
.section-9 .openCourse-content .rightSide dd .hot-coursePic a{ display: block; width: 229px; height: 124px; overflow: hidden; text-decoration: none; }
.section-9 .openCourse-content .rightSide dd .hot-coursePic a img{ display: block; width: 100%;}
.section-9 .openCourse-content .rightSide .hot-courseName{ font-size: 14px; line-height: 22px; color: #333; letter-spacing: 2px; margin-top: 5px;}
.section-9 .openCourse-content .rightSide .hot-courseName a{color: #333; display: block; text-decoration: none; width: 100%;}
.section-9 .openCourse-content .rightSide .hot-course-price{ overflow: hidden; margin-top: 8px;}
.section-9 .openCourse-content .rightSide .hot-course-price .price{ float: left; font-size: 16px; color: #d6b16b; line-height: 24px;}
.section-9 .openCourse-content .rightSide .hot-course-price .amount{ float: right; font-size: 12px; color: #999; line-height: 24px;}
.section-9 .onlineCourse-content{ overflow: hidden;}
.section-9 .onlineCourse-content .leftSide{ float: left; width: 950px; padding-bottom: 92px;}
.section-9 .onlineCourse-content .leftSide-title{ overflow: hidden; background: #fff; border: 1px solid #F2F2F2; border-bottom: none;}
.section-9 .onlineCourse-content .leftSide-filtrate{ float: left;}
.section-9 .onlineCourse-content .leftSide-filtrate a{ text-decoration: none; float: left; cursor: pointer; letter-spacing: 1px;}
.section-9 .onlineCourse-content .leftSide-filtrate a.all{  width: 80px; height: 50px; border-radius: 3px; background: #d6b16b; line-height: 50px; color: #fff; text-align: center; font-size: 14px; margin-right: 10px;}
.section-9 .onlineCourse-content .onlineCourse-lists{ overflow: hidden; background: #fff; padding: 32px 25px;}
.section-9 .onlineCourse-content .onlineCourse-item{ float: left; width: 266px; margin: 0 17px 24px; position: relative;}
.section-9 .onlineCourse-content .onlineCourse-item.live:after{ position: absolute; z-index: 333; width: 100%; height: 100%; background: #000000; opacity: 0.6; content: "宸茶繃鏈�"; top: 0; left: 0; font-size: 20px; color: #fff;line-height: 229px; text-align: center;}
.section-9 .onlineCourse-content .onlineCourse-item .course-picture{ position: relative; width: 100%; height: 142px; margin: 0; overflow: hidden;    display: block;}
.section-9 .onlineCourse-content .onlineCourse-item .course-picture img{ display: block; width: 100%;transition: 0.5s transform;  transform: translateZ(0); -webkit-transform: translateZ(0); -ms-transform: translateZ(0); -moz-transform: translateZ(0);-o-transform: translateZ(0);}
.section-9 .onlineCourse-content .onlineCourse-item .course-picture:hover img{transform: scale(1.4, 1.4);-webkit-transform: scale(1.4, 1.4);-ms-transform: scale(1.4, 1.4);-moz-transform: scale(1.4, 1.4); -o-transition: 0.5s transform;}
.section-9 .onlineCourse-content .onlineCourse-item .course-head{z-index: 66; position: absolute; font-size: 12px; height: 20px; line-height: 20px; padding: 20px 30px 0; color: #fff; background: #e22a2a; transform: rotate(-45deg); top: -14px; left: -36px;}
.section-9 .onlineCourse-content .onlineCourse-item .course-picture .course-pre {
    position: absolute;
    background: url(../images/icon-video.png) 9px center no-repeat rgba(0,0,0,0.36);
    width: 37px;
    padding-left: 35px;
    z-index: 333;
    height: 28px;
    top: 5px;
    right: 5px;
    border-radius: 3px;
    font-size: 14px;
    line-height: 28px;
    color: #fff;
}
.section-9 .onlineCourse-content .onlineCourse-item .course-name{ text-decoration:none;display: block;font-size: 16px; line-height: 24px; color: #333; letter-spacing: 1.2px; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; margin-top: 15px; width: 262px;}
.section-9 .onlineCourse-content .onlineCourse-item .course-time{ font-size: 14px; line-height: 24px; color: #999;}
.section-9 .onlineCourse-content .onlineCourse-item .bookAmount{ text-align: right; display: none;}
.section-9 .onlineCourse-content .onlineCourse-item .bookAmount span{ float: right; font-size: 12px; line-height: 24px; color: #999; letter-spacing: 1px; background: url(../images/icon-man.png) left center no-repeat; padding-left: 10px;}
.section-9 .onlineCourse-content .leftSide-search{ float: right; margin: 8px 20px 8px 0;}
.section-9 .onlineCourse-content .leftSide-search .search{ width: 200px; height: 32px; border: 1px solid #383d41; padding: 0; font-size: 14px; color: #999; line-height: 32px; letter-spacing: 2px; text-indent: 12px;}
.section-9 .onlineCourse-content .leftSide-search .searchbtn{ width: 36px; height: 34px; color: #fff; background: url(../images/icons.png) 0 -620px #383d41;}
.section-9 .onlineCourse-content .rightSide{ float: right; width: 229px;}
.section-9 .onlineCourse-content .rightSide .vip-right img{ display: block; width: 100%;}
.section-9 .onlineCourse-content .welcome-box{ margin-top: 30px;}
.section-9 .onlineCourse-content .welcome-title{ font-size: 20px; line-height: 24px; color: #333; padding-bottom: 20px; border-bottom: 2px solid #d6b16b;}
.section-9 .onlineCourse-content .welcome-lists{ padding-left: 10px; background: url(../images/line1.png) left top no-repeat;}
.section-9 .onlineCourse-content .welcome-lists li{ border-bottom: 1px dashed #ccc; padding: 12px 0 8px;}
.section-9 .onlineCourse-content .welcome-lists a{ font-size: 14px; line-height: 24px; color: #333; text-decoration: none;}
.section-9 .onlineCourse-content .welcome-lists a span{ color: #d6b16b; padding-right: 10px;}
.section-9 .onlineCourse-content .welcome-lists p{ font-size: 12px; line-height: 24px; color: #999; text-align: right}
.searchCourse{ margin-top: 88px; padding:25px 0 30px;}
.searchCourse .searchForm{ float: left; margin-left: 205px;}
.searchCourse .form-input{ float: left; position: relative; width: 652px; height: 36px; border: 2px solid #d6b16b;}
.searchCourse .form-input input{ padding: 0; width: 100%; height: 100%; font-size: 16px; color: #666; outline: none; text-indent: 1em;}
.searchCourse .form-input .tags{ position: absolute; top: 8px; right: 0; height: 20px;}
.searchCourse .form-input .tags .searchTag{ float: left; padding: 0 6px; height: 20px; background: #eee; font-size: 12px; line-height: 20px; margin-right: 10px; cursor: pointer;}
.searchCourse .form-input .searchIcon{ position: absolute;left: 0; top: 0; width: 40px; height: 40px; background: url(../images/icons.png) 0 -620px no-repeat;}
.searchCourse .searchBtn{ float: left; width: 100px; background: #d6b16b; height: 40px; color: #fff; font-size: 15px; cursor: pointer; padding: 0;}
.searchCourse .downLoadLink{ float: left; padding: 0 20px; height: 38px; border: 1px solid #e8e8e8; margin-left: 45px;}
.searchCourse .downLoadLink a{ font-size: 14px; line-height: 38px; text-decoration: none; color: #666; display: block; text-align: center;}
.searchCourse .downLoadLink a img{ margin-right: 5px;}
.section .breadNav{ overflow: hidden;}
.section .breadNav a{ float: left; text-decoration: none; font-size:14px; line-height: 20px; color: #999; padding-left: 0.5em;}
.section .breadNav a.homePage{ padding-left: 22px; height: 22px; background: url(../images/icons.png) 0 -680px no-repeat;}
.section-10{ background: #f7f7f7; padding-top: 20px; padding-bottom: 60px;}
.section-10 .CourseInforBox{ margin-top: 15px;}
.section-10 .courseName{ font-size: 26px; line-height: 46px; color: #333; letter-spacing: 1.5px;}
.section-10 .courseNameTip{ font-size: 16px; line-height: 22px; color: #bf9e5b;}
.section-10 .courseBasicInfor{ position: relative; background: #fff; box-shadow: 2px 2px 3px #e1e1e1; padding: 22px 18px; margin-top: 15px;}
.section-10 .courseImg{ float: left; width: 566px; height: 316px; overflow: hidden; position: relative;}
.section-10 .courseImg > img{display: block; width: 100%;}
.section-10 .courseTextInfor{ float: left; position: relative; margin-left: 26px; width: 570px;}
.section-10 .courseImg .moreInfor{ position: absolute; left: 0; top: 0; width: 370px; height: 316px; background: rgba(0,0,0,0.72);}
.section-10 .courseImg .boxHidden{ overflow: hidden; width: 320px; margin: 87px auto 0;}
.section-10 .courseImg .slideList{ overflow: hidden; height: 88px;}
.section-10 .courseImg .slideItem{ width: 322px; float: left;}
.section-10 .courseImg .slideItem h6{ font-size: 14px; line-height: 22px; color: #d6b16b;}
.section-10 .courseImg .slideItem p{ font-size: 14px; line-height: 22px; color: #fff; text-align: justify;}
.section-10 .courseImg .btns{ overflow: hidden; float: right; margin-right: 25px; border: 1px solid #82878e; margin-top: 30px;}
.section-10 .courseImg .btns span{ float: left; width: 30px; height: 20px; border-radius: 2px; background-image: url(../images/icons.png); background-repeat: no-repeat; cursor: pointer;}
.section-10 .courseImg .btns .btn-prev{ background-position: 0 -702px; border-right: 1px solid #82878e;}
.section-10 .courseImg .btns .btn-next{ background-position: -30px -702px;}
.section-10 .courseImg .btns .btn-prev:hover{ background-position: 0 -722px;}
.section-10 .courseImg .btns .btn-next:hover{ background-position: -30px -722px;}
.section-10 .courseTextInfor p{ overflow: hidden; margin-top: 22px;}
.section-10 .courseTextInfor .tit{ font-size: 14px; line-height: 22px; color: #999; float: left;}
.section-10 .courseDuration{}
.section-10 .courseDuration .dayNum{ font-size: 14px; float: left; line-height: 22px; color: #666; background: url(../images/rili.png) right no-repeat; padding-right: 24px; cursor: pointer;}
.section-10 .coursePrice{}
.section-10 .coursePrice .priceNum{ float: left; font-weight: normal;}
.section-10 .coursePrice .normalPrice{ display: block; font-size: 22px; line-height: 22px; color: #c40000;}
.section-10 .coursePrice .lowerPrice{ font-size: 14px; line-height: 22px; color: #666;}
.section-10 .coursePrice .lowerPrice i{ float: left; width: 16px; height: 16px; background: #f96d8e; text-align: center; line-height: 16px; color: #fff; font-style: normal; border-radius: 2px; margin: 3px 0; margin-right: 10px;}
.section-10 .supportBy .purple{ float: left; display: block; height: 16px; width: 118px; border: 1px solid #8f6bd7; border-radius: 2px; letter-spacing: 1.5px;}
.section-10 .supportBy .purple i{ float: left; width: 16px; height: 16px; background: #8f6bd7; text-align: center; line-height: 16px; color: #fff; font-style: normal; margin-right: 5px;}
.section-10 .supportBy .blue{ float: left; display: block; height: 16px; width: 118px; border: 1px solid #0095ff; border-radius: 2px; letter-spacing: 1.5px; margin-left: 10px;}
.section-10 .supportBy .blue i{ float: left; width: 16px; height: 16px; background: #0095ff; text-align: center; line-height: 16px; color: #fff; font-style: normal; margin-right: 5px;}
.section-10 .btnGroup{ overflow: hidden; margin-top: 22px;}
.section-10 .btnGroup a{ float: left; border-radius: 3px; line-height: 44px; text-align: center; font-size: 18px; text-decoration: none; border-radius: 3px; margin-right: 14px;}
.section-10 .btnGroup .getInfBtn{ width: 166px; height: 44px; background: #d6b16b; color: #fff; letter-spacing: 1.5px; }
.section-10 .btnGroup .prebuyBtn{ width: 164px; height: 42px; color: #d6b16b; border: 1px solid #d6b16b;}
.section-10 .btnGroup .orderBtn{ color: #666666;}
.section-10 .fitObject{}
.section-10 .fitObject .fitDetail{ font-size: 14px; line-height: 22px; font-weight: normal; color: #666; width: 500px; float: right;}
.section-10 .buyedQuanty{ font-size: 14px; line-height: 24px; color: #999; background: url(../images/icon-man.png) left center no-repeat; padding-left: 18px;}
.section-10 .phoneNum{ position: absolute; right: 0; top: -35px; font-size: 14px; line-height: 22px; color: #999;}
.section-10 .phoneNum b{ font-size: 20px; font-weight: normal;}
.section-10 .share{ position: absolute; right: 15px; top: 10px; left: inherit; display: block;}
.section-10 .share a{ display: block; width: 24px; height: 24px;float: left; /*background-image: url(../images/icons.png);*/ background-repeat: no-repeat; margin: 0 5px;padding-left: 0; */}
.section-10 .share .sinna{ background-position: -301px -344px;}
.section-10 .share .wechat{ background-position: -325px -344px;}
.section-10 .share .qq{ background-position: -349px -344px;}
.section-10 .share .moreshare{ background-position: -370px -344px;}
.section-10 .courseArrangeInfor{ margin-top: 35px;}
.section-10 .leftSideContent{ float: left; width: 920px;}
.section-10 .leftSideContent .relativeInforBox{ box-shadow: 2px 2px 3px #e1e1e1;}
.section-10 .switchNav{ overflow: hidden; border-top: 1px solid #d6b16b;}
.section-10 .switchNavItem{ float: left; width: 174px; height: 50px; text-align: center; line-height: 50px; font-size: 16px; color: #666; cursor: pointer; transition: all 0.3s;}
.section-10 .switchNavItem.active{ background: #D6B16B; color: #fff;}
.section-10 .switchContent{ background: #fff;}
.section-10 .switchContent .switchContentItem{ padding : 28px 0 10px;}
.section-10 .switchContentItem .part{ padding: 0 42px 0 28px; margin-bottom: 38px;}
.section-10 .switchContentItem .part h4{ font-size: 18px; line-height: 22px; color: #333; margin-bottom: 12px;}
.section-10 .switchContentItem .part p,.section-10 .switchContentItem .part span{ font-size: 14px; line-height: 26px; color: #666; text-indent: 0;}
.section-10 .switchContentItem .arrangeTableTitle{ font-size: 16px; line-height: 22px; color: #7c7c7c; background: url(../images/star.png) left center no-repeat; padding-left: 20px; margin: 0 30px;}
.section-10 .switchContentItem .arrangeTable{ margin-top: 30px; padding: 0 30px;}
.section-10 .switchContentItem .arrangeTable table{ width: 100%;}
.section-10 .switchContentItem .arrangeTable th{ height: 48px; background: #f3e0bd; text-align: center; font-weight: normal; font-size: 16px; color: #666; border-right: 1px solid #fff;}
.section-10 .switchContentItem .arrangeTable td{ height: 48px; border-right: 1px solid #fff; text-align: center; font-size: 14px; color: #d6b16b; position: relative;}
.section-10 .switchContentItem .arrangeTable td:first-child{ font-size: 16px; color: #666;}
.section-10 .switchContentItem .arrangeTable .even td{ background: #fffbef;}
.section-10 .switchContentItem .arrangeTable .odd td{ background: #f8f0da;}
.section-10 .switchContentItem .arrangeTable td a{ position: absolute; left: 0; top: 0; width: 100%; height: 100%; line-height: 48px; background: #d6b16b; font-size: 12px; color: #fff; text-decoration: none; transition: all 0.3s; display: none;}
.section-10 .switchContentItem .arrangeTable td:hover a{ display: block;}
.section-10 .switchContentItem .assessmentList{ padding: 0 28px;}
.section-10 .switchContentItem .assessmentList li{ padding: 20px 0; border-bottom: 1px solid #eee;}
.section-10 .switchContentItem .assessmentList h2{ font-size: 16px; line-height: 22px; color: #666; margin-bottom: 12px;}
.section-10 .switchContentItem .assessmentList h2 span{ font-size: 12px; line-height: 22px; color: #ccc; margin-left: 12px; vertical-align: middle;}
.section-10 .switchContentItem .assessmentList p{ font-size: 14px; line-height: 22px; color: #999;}
.section-10 .formBox{ margin-top: 25px; box-shadow: 2px 2px 3px #e1e1e1;}
.section-10 .formBox .formNav{ background: #fbfbfb; border-bottom: 1px solid #dfdfdf;}
.section-10 .formBox .formNavItem{ height: 49px; width: 175px; line-height: 49px; text-align: center; font-size: 16px; color: #999; float: left; position: relative; border-right: 1px solid #dfdfdf; cursor: pointer;}
.section-10 .formBox .formNavItem:last-child{ border-right: none;}
.section-10 .formBox .formNavItem:after{ content: ""; display: block; width: 100%; height: 1px; background: #dfdfdf; position: absolute; bottom: -1px; left: 0;}
.section-10 .formBox .formNavItem.active{ color: #d6b16b;}
.section-10 .formBox .formNavItem.active:after{ background: #fbfbfb;}
.section-10 .formBox .formNavItem.active:before{ content: ""; display: block; height: 5px; background: #d6b16b; position: absolute; top: 0; left: 0; width: 100%;}
.section-10 .formBox .formContent{ background: #fff;}
.section-10 .formContent li{ padding: 34px 28px 40px;}
.section-10 .formContent .form-ipt{ overflow: hidden; margin-bottom: 12px;}
.section-10 .formContent .form-ipt label{ float: left; font-size: 14px; height: 32px; line-height: 32px; color: #666; margin-right: 16px;}
.section-10 .formContent .form-ipt input{ width: 260px; height: 30px; border: 1px solid #dfdfdf; padding: 0; text-indent: 1em; font-size: 14px; color: #ccc;}
.section-10 .formContent .form-ipt textarea{ width: 590px; height: 64px; border: 1px solid #dfdfdf; padding: 0; text-indent: 1em; font-size: 14px; color: #ccc; padding: 10px 0; font-family: "寰蒋闆呴粦";}
.section-10 .formContent .form-submit{ padding-left: 86px; margin-top: 18px;}
.section-10 .formContent .form-submit input{ width: 156px; height: 40px; background: #d6b16b; border-radius: 3px; font-size: 18px; color: #fff;}
.section-10 .formContent li .thanks{ font-size: 14px; line-height: 24px; color: #999; letter-spacing: 1.5px; margin-top: 25px; padding: 0 24px 0 19px;}
.section-10 .formContent li .thanks span{ color: #d6b16b;}
.section-10 .rightSideContent{ float: right; width: 260px;}
.section-10 .rightSideContent .vipBox{ box-shadow: 2px 2px 3px #e1e1e1;}
.section-10 .rightSideContent .vipBox img{ display: block; width: 100%;}
.section-10 .relativeCourse{ margin-top: 20px; background: #fff; padding-bottom: 16px; box-shadow: 2px 2px 3px #e1e1e1;    }
.section-10 .relativeCourse dt{ height: 50px; line-height: 50px; font-size: 18px; color: #333; border-bottom: 1px solid #dfdfdf; margin-bottom: 16px; text-indent: 16px;}
.section-10 .relativeCourse dd a{ display: block; text-decoration: none; font-size: 14px; line-height: 32px; color: #333; text-indent: 16px;overflow: hidden; white-space: nowrap;    text-overflow: ellipsis;   -o-text-overflow: ellipsis;   -moz-binding: url('ellipsis.xml#ellipsis');}
.section-10 .relativeCourse dd a span{ color: #ccc; margin-right: 6px;}
.section-10 .yearSchedule{ height: 54px; line-height: 54px; border: 1px solid #d6b16b; border-radius: 3px; text-align: center; margin-top: 21px; box-shadow: 2px 2px 3px #e1e1e1;}
.section-10 .yearSchedule a{ display: block; font-size: 20px; text-decoration: none; color: #D6B16B;}
.section-10 .yearSchedule a img{ margin-right: 14px;}
.section-11{ background: #f7f7f7; padding-top: 128px; padding-bottom: 60px;}
.section-11 .leftSideContent{ float: left; width: 920px;}
.section-11 .bannerArea{ position: relative;}
.section-11 .bannerArea .download{ position: absolute; font-size: 16px; color: #d6b16b; text-decoration: none; line-height:22px; right: 22px; bottom: 16px;}
.section-11 .bannerArea .application{ position: absolute; top: 54px; left:39px; font-size: 20px; color: rgba(255,255,255,0.7); line-height: 22px;}
.section-11 .bannerArea .application span{ font-size: 18px; font-weight: lighter; color: rgba(255,255,255,0.4); margin-left: 10px;}
.section-11 .bannerArea .titleTxt{ font-size: 38px; line-height: 46px; font-weight: lighter; color: #fff;  letter-spacing: 10px; position: absolute; top: 87px; left: 35px;}
.section-11 .formApplication{ margin-top: 18px; border-top: 2px solid #d6b16b; background: #fff; min-height: 962px; padding-bottom: 20px;}
.section-11 .applictionCourse{ padding: 0 30px 20px; border-bottom: 1px solid #f2f2f2;}
.section-11 .applictionCourse h2{ font-size: 18px; line-height: 22px; color: #333; letter-spacing: 3px; margin: 28px 0 20px;}
.section-11 .applictionCourse .courseInfor{ border: 1px solid #d6b16b; border-radius: 2px; background: #fffbef; padding: 27px 0 24px; position: relative;}
.section-11 .applictionCourse .courseInfor:after{ content: ""; display: block; width: 37px; height: 37px; position: absolute; right: 0;bottom: 0; background: url(../images/right.png) center no-repeat;}
.section-11 .applictionCourse .courseInfor p{ position: relative; font-size: 16px; line-height: 33px; color: #d6b16b; text-indent: 34px; display: block;}
.section-11 .applictionCourse .courseInfor p .plan{ border:1px solid #ededed ; z-index: 3333; text-indent: 0px; display: block; width: 240px; height: 34px; position: absolute; top: 0; left: 82px; overflow: hidden; }
.section-11 .applictionCourse .courseInfor p .plan:hover{ height: auto; border: 1px solid #d6b16b;}
.section-11 .applictionCourse .courseInfor p .plan i{padding: 0 5px;  color: #d6b16b; background: #ffffff; display: block; height: 34px; font-style: normal; line-height: 34px; cursor: pointer;}
.section-11 .applictionCourse .courseInfor p .plan i:first-child{ background: #fffbef; position: relative;}
.section-11 .applictionCourse .courseInfor p .plan i:first-child:before{ position: absolute; top: 0px; right: 5px; content: "鈻�";}
.section-11 .applictionCourse .courseInfor p .plan i:nth-child(n+1):hover{ background: #d6b16b; color: #fffbef;}
.section-11 .applictionCourse .courseInfor p span{ color: #999;}
.section-11 .applictionCourse .supplements{ margin-top: 19px;}
.section-11 .applictionCourse .supplements p{ font-size: 14px; line-height: 24px; color: #999;}
.section-11 .applictionSteps{ padding: 0 30px;}
.section-11 .applictionSteps h2{ font-size: 18px; line-height: 22px; color: #333; margin: 31px 0 22px;}
.section-11 .applictionSteps .joinStepTitle{ overflow: hidden; height: 36px; position: relative;}
.section-11 .applictionSteps .stepGuide{ position: absolute; top: 0; height: 36px; line-height: 36px; font-size: 16px; color: #666; text-align: center; cursor: pointer; transition: all 0.3s;}
.section-11 .applictionSteps .stepGuide1{ width: 302px; background: url(../images/stepNav_d1.png) center no-repeat; left: 0; z-index: 3;}
.section-11 .applictionSteps .stepGuide2{ width: 302px; background: url(../images/stepNav_d1.png) center no-repeat; left: 289px; z-index: 2;}
.section-11 .applictionSteps .stepGuide3{ width: 284px; background: url(../images/stepNav_d2.png) center no-repeat; left: 576px; z-index: 1;}
.section-11 .applictionSteps .stepGuide1.active,.section-11 .applictionSteps .stepGuide2.active{ background: url(../images/stepNav_h1.png) center no-repeat; color: #fff;}
.section-11 .applictionSteps .stepGuide3.active{ background: url(../images/stepNav_h2.png) center no-repeat;  color: #fff;}
.section-11 .stepContents{ margin-top: 34px;}
.section-11 .step1 table{ border-collapse: collapse;}
.section-11 .step1 .tableHeader{ border: 1px solid #eee;}
.section-11 .step1 .tableHeader th{ height: 34px; background: #fafafa; font-size: 14px; color: #666; font-weight: normal; padding-left: 10px;}
.section-11 .step1 .tableHeader th span{ font-size: 12px; color: #ccc; margin-left: 5px;}
.section-11 .step1 .tableCell{ border-bottom: 1px solid #eee;}
.section-11 .step1 td{ padding: 18px 0;}
.section-11 .step1 td{ padding-left: 10px;}
.section-11 .step1 td input{ border: 1px solid #eee; height: 30px;color: #666; padding: 0; width: 139px;}
.section-11 .step1 td select{ border: 1px solid #eee; height: 30px; line-height: 30px;}
.section-11 .step1 td option{ line-height: 30px;}
.section-11 .step1 td .delete{ display: block; width: 18px; height: 20px; background: url(../images/del.png) center no-repeat; margin: 0 12px; cursor: pointer;}
.section-11 .step1 .add{ width: 98px; height: 26px; border: 1px solid #dab97a; border-radius: 3px; line-height: 26px; text-align: center; font-size: 16px; color: #dab97a; margin-top: 15px; cursor: pointer;}
.section-11 .step1 .nextStep{ text-align: center; margin-top: 65px;}
.section-11 .step1 .nextStep span{ display: inline-block; background: #ededed; width: 156px; height: 40px; line-height: 40px; border-radius: 3px; font-size: 16px; font-weight: bold; color: #999;}
.section-11 .step1 .nextStep span:hover{ background: #d6b16b;  color: #fff;}
.section-11 .step2 .form-ipt{ overflow: hidden; margin-bottom: 12px; font-size: 14px; line-height: 32px;}
.section-11 .step2 .form-ipt label{ float: left; font-size: 14px; height: 32px; line-height: 32px; color: #666; margin-right: 16px;}
.section-11 .step2 .form-ipt input[type='text']{ width: 280px; height: 30px; border: 1px solid #dfdfdf; padding: 0; text-indent: 1em; font-size: 14px; color: #666; float: left;}
.section-11 .step2 .form-ipt input[type='radio']{ vertical-align: middle; padding: 0; margin: 0; margin-right: 8px; width: 14px; height: 14px; border: 1px solid #eee;}
.section-11 .step2 .form-ipt input.department{ width: 174px;}
.section-11 .step2 .form-ipt input.job{ width: 94px; margin-left: 10px;}
.section-11 .step2 .form-ipt textarea{ width: 590px; height: 84px; border: 1px solid #dfdfdf; padding: 0; text-indent: 1em; font-size: 14px; color: #ccc; padding: 10px 0; font-family: "寰蒋闆呴粦";}
.section-11 .step2 .form-submit{ padding-left: 86px; margin-top: 22px;}
.section-11 .step2 .form-submit .submit{ width: 156px; height: 40px; background: #d6b16b; border-radius: 3px; font-size: 16px; color: #fff;}
.section-11 .step2 .form-submit .prevStep{ width: 156px; height: 40px; background: #ededed; border-radius: 3px; font-weight: bold; font-size: 16px; color: #999; margin-left: 12px;}
.section-11 .step3{ overflow: hidden;}
.section-11 .step3 .successIcon{ width: 80px; height: 80px; border: 6px solid #d6b16b; border-radius: 50%; margin: 34px auto 0; background: url(../images/success.png) center no-repeat;}
.section-11 .step3 .successTxt{ text-align: center; font-size: 24px; line-height: 32px; color: #333; margin-top: 20px;}
.section-11 .step3 .successTip{ text-align: center; font-size: 16px; line-height: 26px; color: #999; margin-top: 21px;}
.section-11 .step3 .successTip span{ color: #d6b16b;}
.section-11 .step3 .goCourseCenter{ text-align: center; line-height: 26px; margin-top: 78px;}
.section-11 .step3 .goCourseCenter a{ text-decoration: none; color: #999; font-size: 16px;}
.section-11 .rightSideContent{ float: right; width: 260px;}
.section-11 .rightSideContent .vipBox{ box-shadow: 2px 2px 3px #e1e1e1;}
.section-11 .relativeCourse{ margin-top: 20px;}
.section-11 .relativeCourse dt{ height: 50px; line-height: 50px; font-size: 18px; color: #333; border-bottom: 1px solid #dfdfdf; text-indent: 16px;margin-bottom:0}
.section-11 .relativeCourse dd{ border-bottom: 1px dashed #ccc; padding: 10px 0 10px;}
.section-11 .relativeCourse dd a{ display: block; text-decoration: none; font-size: 14px; line-height: 18px; color: #333; text-indent: 16px;}
.section-11 .relativeCourse dd a span{ color: #ccc; margin-right: 6px;}
.section-11 .relativeCourse .articleInf{ text-align: right; font-size: 14px; line-height: 24px;}
.section-11 .relativeCourse .articleInf span{ font-size: 14px; line-height: 24px; padding: 0 5px; vertical-align: middle;}
.section-11 .relativeCourse .articleInf .time{ background: url(../images/clock.png) left center no-repeat; padding-left: 20px;}
.section-11 .yearSchedule{ height: 54px; line-height: 54px; border: 1px solid #d6b16b; border-radius: 3px; text-align: center; margin-top: 21px; box-shadow: 2px 2px 3px #e1e1e1;}
.section-11 .yearSchedule a{ display: block; font-size: 20px; text-decoration: none; color: #D6B16B;}
.section-11 .yearSchedule a img{ margin-right: 14px;}
.section-12{ background: #f7f7f7; padding-top: 20px; padding-bottom: 52px;}
.section-12 .courseTrial{ position: absolute; top: 10px; right: 0px; font-size: 14px; color: #999999; padding-right: 15px; background: url(../images/icon222.png) right center no-repeat;}
.section-12 .courseVideoBox{ background: #fff; margin-top: 19px; box-shadow: 2px 2px 3px #eee;}
.section-12 .courseVideoBox .videoPlayArea{ float: left; width: 720px; height: 405px; overflow: hidden; position: relative;}
.section-12 .videoPlayArea .course-head{z-index: 66; position: absolute; font-size: 22px; height: 40px; line-height: 40px;    width: 130px;    text-align: center; padding: 30px 30px 0; color: #fff; background: #e22a2a; transform: rotate(-45deg); top: -14px; left: -74px;}
.section-12 .courseVideoBox .videoPlayArea .mask{ width: 100%; height: 405px; z-index: 333; background:rgba(0,0,0,0.6); color: #fff; position: absolute; top: 0;letter-spacing: 2px;}
.section-12 .courseVideoBox .videoPlayArea .mask img{ width: auto; display: block; margin:98px auto 26px;}
.section-12 .courseVideoBox .videoPlayArea .mask span{ font-size: 24px; display: block; height: 43px; line-height: 24px; text-align: center; color: #feffff; font-weight: bold; }
.section-12 .courseVideoBox .videoPlayArea .mask p{ display: block; height: 50px; font-size: 16px; color: #feffff; text-align: center;}
.section-12 .courseVideoBox .videoPlayArea .mask a{ font-style: normal; display: block; height: 16px; font-size: 16px; color: #d6b16b; text-align: center;}
.section-12 .courseVideoBox .videoPlayArea img{ display: block; width: 100%;}
.section-12 .courseVideoBox .videoInfrArea{ float: left; width: 480px;}
.section-12 .videoPlayArea img.play2{ cursor: pointer; position: absolute; top: 50%; margin: -27px; left: 50%; width: initial;}
.section-12 .videoInfrArea .videoName{ font-size: 20px; line-height: 30px;  font-weight: bold; color: #333; padding: 0 30px;  margin-top: 43px; margin-bottom: 10px;}
.section-12 .videoInfrArea .totalTime{ padding: 0 30px; font-size: 16px; line-height: 24px; color: #999; background: url(../images/rili.png) 30px center no-repeat; text-indent: 25px;}
.section-12 .videoInfrArea .orderNum{ padding: 0 30px; font-size: 16px; line-height: 24px; color: #999; background: url(../images/icon-man.png) 32px center no-repeat; text-indent: 25px; margin: 12px 0 140px;}
.section-12 .totalTimeList{ margin-top: 20px; height: 180px; overflow: hidden;}
.section-12 .totalTimeList li{ /*cursor: pointer; */height: 90px; padding: 0 30px; overflow: hidden;}
.section-12 .totalTimeList li.active{ background: #f4f4f4;}
.section-12 .totalTimeList li h6{ overflow: hidden; margin-top: 19px;}
.section-12 .totalTimeList h6 .titIndex{ float: left; font-size: 16px; line-height: 26px; color: #666; padding-left: 25px;}
.section-12 .totalTimeList li.active .titIndex{ background: url(../images/arrow-active.png) left center no-repeat;}
.section-12 .totalTimeList h6 .duration{ float: right; font-size: 16px; line-height: 26px; color: #666;}
.section-12 .totalTimeList .cName{ font-size: 16px; line-height: 26px; color: #666; padding-left: 25px;}
.section-12 .btnGroup{ overflow: hidden; padding: 0 30px; margin-top: 12px;}
.section-12 .btnGroup .studyBtn{ width: 160px; height: 44px; line-height: 44px; background:#d6b16b; border-radius: 3px; font-size: 18px; color: #fff; letter-spacing: 2px; margin-right: 12px; display: block; float: left; text-align: center; text-decoration: none;}
.section-12 .btnGroup .caseBtn{ width: 158px; height: 42px; line-height: 42px; border:1px solid #d6b16b; border-radius: 3px; font-size: 18px; color: #d6b16b; letter-spacing: 2px; background: #fff; display: block; float: left; text-align: center; text-decoration: none;}
.section-12 .relativeCourseInf{ margin-top: 35px;}
.section-12 .relativeCourseInf .courseDetail{ float: left; width: 840px; border-top: 1px solid #D6B16B;}
.section-12 .relativeCourseInf .areaTitle{ background: #f5f5f5;}
.section-12 .relativeCourseInf .areaTitle span{ display: block; width: 174px; height: 50px; line-height: 50px; background: #d6b16b; color: #fff; font-size: 16px; text-align: center;}
.section-12 .relativeCourseInf .courseDetailBox{ background: #fff; box-shadow: 2px 2px 3px #eee;}
.section-12 .relativeCourseInf .detailList{ padding: 29px 46px 10px 29px;}
.section-12 .relativeCourseInf .detailList li{ margin-bottom: 40px;}
.section-12 .relativeCourseInf .detailList h4{ font-size: 18px; line-height: 22px; color: #333; margin-bottom: 13px;}
.section-12 .relativeCourseInf .detailList p{ font-size: 14px; line-height: 26px; color: #666;}
.section-12 .formBox{ margin-top: 25px; box-shadow: 2px 2px 3px #e1e1e1;}
.section-12 .formBox .formNav{ background: #fbfbfb; border-bottom: 1px solid #dfdfdf;}
.section-12 .formBox .formNavItem{ height: 49px; width: 175px; line-height: 49px; text-align: center; font-size: 16px; color: #999; float: left; position: relative; border-right: 1px solid #dfdfdf; cursor: pointer;}
.section-12 .formBox .formNavItem:last-child{ border-right: none;}
.section-12 .formBox .formNavItem:after{ content: ""; display: block; width: 100%; height: 1px; background: #dfdfdf; position: absolute; bottom: -1px; left: 0;}
.section-12 .formBox .formNavItem.active{ color: #d6b16b;}
.section-12 .formBox .formNavItem.active:after{ background: #fbfbfb;}
.section-12 .formBox .formNavItem.active:before{ content: ""; display: block; height: 5px; background: #d6b16b; position: absolute; top: 0; left: 0; width: 100%;}
.section-12 .formBox .formContent{ background: #fff;}
.section-12 .formContent li{ padding: 34px 28px 40px;}
.section-12 .formContent .form-ipt{ overflow: hidden; margin-bottom: 12px;}
.section-12 .formContent .form-ipt label{ float: left; font-size: 14px; height: 32px; line-height: 32px; color: #666; margin-right: 16px;}
.section-12 .formContent .form-ipt input{ width: 260px; height: 30px; border: 1px solid #dfdfdf; padding: 0; text-indent: 1em; font-size: 14px; color: #ccc;}
.section-12 .formContent .form-ipt textarea{ width: 590px; height: 64px; border: 1px solid #dfdfdf; padding: 0; text-indent: 1em; font-size: 14px; color: #ccc; padding: 10px 0; font-family: "寰蒋闆呴粦";}
.section-12 .formContent .form-submit{ padding-left: 86px; margin-top: 18px;}
.section-12 .formContent .form-submit input{ width: 156px; height: 40px; background: #d6b16b; border-radius: 3px; font-size: 18px; color: #fff;}
.section-12 .formContent li .thanks{ font-size: 14px; line-height: 24px; color: #999; letter-spacing: 1.5px; margin-top: 25px; padding: 0 24px 0 19px;}
.section-12 .formContent li .thanks i{ font-style: normal; margin-left: -20px; padding-right: 12px;}
.section-12 .formContent li .thanks span{ color: #d6b16b;}
.section-12 .formContent li .thanks a{ color: #d6b16b; text-decoration: none;}
.section-12 .courseTeacher{ width: 340px; float: right; background: #fff;}
.section-12 .courseTeacher .teacherTitle{ height: 50px; line-height: 50px; border-bottom: 1px solid #dfdfdf;}
.section-12 .courseTeacher .teacherTitle span{ display: block; font-size: 18px; color: #333; text-indent: 16px;}
.section-12 .courseTeacher .teacherPhoto{ width: 110px; height: 110px; overflow: hidden; border-radius: 55px; margin: 56px auto 0;}
.section-12 .courseTeacher .teacherPhoto img{ display: block; width: 100%;}
.section-12 .courseTeacher .teacherName{ font-size: 20px; line-height: 24px; text-align: center; color: #333; margin-top: 30px;}
.section-12 .courseTeacher .teacherIntroduce{ font-size: 14px; line-height: 22px; color: #666; padding: 36px 28px 30px; letter-spacing: 1.5px;}
.section-13{ padding-bottom: 40px;}
.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 .contentTxt .btnLink{ width: 190px; height: 42px; border-radius: 4px; background: #ceb177; margin-top: 40px; margin-left: 18px;}
.section-13 .contentTxt .btnLink a{ display: block; text-align: center; font-size: 16px; color: #fff; text-decoration: none; line-height: 42px;}
.section-13 .contentTxt .btnLink a:hover{ color: #ccc !important;}
.section-13 .contentTxt .telNum{ font-size: 24px; line-height: 30px; background: url(../images/icons.png) -250px -430px no-repeat; padding-left: 38px; margin-left: 18px; margin-top: 45px;}
.section-13 .iconListBox{ position: absolute; left: 0; bottom: 0;}
.section-13 .iconListBox .iconList{ overflow: hidden; border: 1px solid #eee; border-right: none;}
.section-13 .iconListBox .iconItem{ float: left; height: 137px; width: 148.5px; border-right: 1px solid #eee; cursor: pointer;}
.section-13 .iconListBox .iconItem .icon{ width: 55px; height: 55px; margin: 30px auto 0; background-image: url(../images/icons.png); background-repeat: no-repeat ;}
.section-13 .iconListBox .iconItem p{ text-align: center; color: #999; line-height: 24px; font-size: 14px; margin-top: 12px;}
.section-13 .iconListBox .iconItem .icon1{ background-position: -250px -460px;}
.section-13 .iconListBox .iconItem .icon2{ background-position: -305px -460px;}
.section-13 .iconListBox .iconItem .icon3{ background-position: -360px -460px;}
.section-13 .iconListBox .iconItem .icon4{ background-position: -250px -515px;}
.section-13 .iconListBox .iconItem .icon5{ background-position: -305px -515px;}
.section-13 .iconListBox .iconItem .icon6{ background-position: -360px -515px;}
.section-13 .iconListBox .hoverShow{ position: absolute; top: 0; width: 50%; height: 100%; background: #ceb177; display: none;}
.section-13 .iconListBox .hoverShow.left{ left: 0;}
.section-13 .iconListBox .hoverShow.right{ right: 0;}
.section-13 .iconListBox .hoverShow .tit{ float: left; padding: 0 15px; border-right:1px solid #fff; margin: 32px 0 32px 18px;}
.section-13 .iconListBox .hoverShow .tit .icon{ width: 50px; height: 50px; margin: 0 auto; background-image: url(../images/icons.png); background-repeat: no-repeat;}
.section-13 .iconListBox .hoverShow .tit .icon1{ background-position: -250px -580px;}
.section-13 .iconListBox .hoverShow .tit .icon2{ background-position: -300px -580px;}
.section-13 .iconListBox .hoverShow .tit .icon3{ background-position: -350px -580px;}
.section-13 .iconListBox .hoverShow .tit .icon4{ background-position: -250px -630px;}
.section-13 .iconListBox .hoverShow .tit .icon5{ background-position: -300px -630px;}
.section-13 .iconListBox .hoverShow .tit .icon6{ background-position: -350px -630px;}
.section-13 .iconListBox .hoverShow .tit p{ text-align: center; font-size: 14px; line-height: 24px; font-weight: bold; color: #fff;}
.section-13 .iconListBox .hoverShow .text{ float: left; display: table; width: 292px; height: 100%; padding-left: 12px;}
.section-13 .iconListBox .hoverShow .text p{ font-size: 14px; line-height: 24px; color: #fff; letter-spacing: 1px; display: table-cell; vertical-align: middle;}
.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(../images/systermBj1.jpg) center no-repeat;}
.section-13 .systermItem2{ background: url(../images/systermBj2.jpg) center no-repeat;}
.section-13 .systermItem3{ background: url(../images/systermBj3.jpg) center no-repeat;}
.section-13 .systermItem4{ background: url(../images/systermBj4.jpg) center no-repeat;}
.section-13 .systermItem5{ background: url(../images/systermBj5.jpg) center no-repeat;}
.section-13 .systermItem6{ background: url(../images/systermBj6.jpg) center no-repeat;}*/
.section-13 .systermItem1{ background: url(../images/sys_bg1.png) center no-repeat;}
.section-13 .systermItem2{ background: url(../images/sys_bg2.png) center no-repeat;}
.section-13 .systermItem3{ background: url(../images/sys_bg3.png) center no-repeat;}
.section-13 .systermItem4{ background: url(../images/sys_bg4.png) center no-repeat;}
.section-13 .systermItem5{ background: url(../images/sys_bg5.png) center no-repeat;}
.section-13 .systermItem6{ background: url(../images/sys_bg6.png) center no-repeat;}
.section-13 .systermItem7{ background: url(../images/sys_bg7.png) center no-repeat;}
.section-13 .systermItem8{ background: url(../images/sys_bg8.png) center no-repeat;}
.section-13 .systermItem9{ background: url(../images/sys_bg9.png) center no-repeat;}
.section-13 .systermItem10{ background: url(../images/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(../images/sys1.png) center no-repeat;}
.section-13 .systermItem .icon2{background: url(../images/sys2.png) center no-repeat;}
.section-13 .systermItem .icon3{background: url(../images/sys3.png) center no-repeat;}
.section-13 .systermItem .icon4{background: url(../images/sys4.png) center no-repeat;}
.section-13 .systermItem .icon5{background: url(../images/sys5.png) center no-repeat;}
.section-13 .systermItem .icon6{background: url(../images/sys6.png) center no-repeat;}
.section-13 .systermItem .icon7{background: url(../images/sys7.png) center no-repeat;}
.section-13 .systermItem .icon8{background: url(../images/sys8.png) center no-repeat;}
.section-13 .systermItem .icon9{background: url(../images/sys9.png) center no-repeat;}
.section-13 .systermItem .icon10{background: url(../images/sys10.png) center no-repeat;}

/*.section-13 .systermItem .icon2{ background-position: -310px -680px;}
.section-13 .systermItem .icon3{ background-position: -370px -680px;}
.section-13 .systermItem .icon4{ background-position: -250px -740px;}
.section-13 .systermItem .icon5{ background-position: -310px -740px;}
.section-13 .systermItem .icon6{ background-position: -370px -740px;}*/
.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-13 .partList3 .rightContent:before{ content: ""; display: block; width: 100%; height: 4px; background: #ceb177; position: absolute; top: 0; left: 0;}
.section-13 .remark{ position: absolute; font-size: 14px; line-height: 24px; color: #383d41; top: 18px; left: 18px;}
.section-13 .map{ position: absolute; top: 11px; left: 93px;}
.section-13 .map a{ position: absolute; text-decoration: none; font-size:12px; border-radius: 3px; top: 220px; left: 220px; color: #7e512a;}
.section-13 .map a:after{ content: ""; position: absolute; background: #d1b67f; border-radius: 4px; left: 8px; top: 16px; width: 8px; height: 8px;}
.section-13 .map a:nth-child(2){ top: 231px; left: 241px;}
.section-13 .map a:nth-child(3){ top: 183px; left: 257px;}
.section-13 .map a:nth-child(4){ top: 189px; left: 347px;}
.section-13 .map a:nth-child(5){ top: 193px; left: 320px;}
.section-13 .map a:nth-child(5):after{left: 16px;}
.section-13 .map a:nth-child(6){ top: 218px; left: 306px;}
.section-13 .map a:nth-child(7){ top: 152px; left: 322px;}
.section-13 .map a:nth-child(8){ top: 202px; left: 355px;padding-top: 23px;}
.section-13 .map a:nth-child(9){ top: 183px; left: 257px;}
.section-13 .map a:nth-child(10){ top: 242px; left: 295px;}
.section-13 .map a:nth-child(11){ top: 202px; left: 368px;padding-left: 13px;}
.section-13 .map a:nth-child(12){ top: 116px; left: 315px;}
.section-13 .map a:nth-child(13){ top: 287px; left: 290px;}
.section-13 .map a:nth-child(13):after{left: 20px;}
.section-13 .map a:nth-child(14){ top: 291px; left: 316px; padding-left: 13px;}
.section-13 .map a:nth-child(15){ top: 151px; left: 349px; padding-left: 13px;}
.section-13 .map a:nth-child(16){ top: 213px; left: 337px;}
.section-13 .map a:nth-child(17){ top: 43px; left: 377px;}
.section-13 .map a:nth-child(18){ top: 123px; left: 358px;}
.section-13 .map a:nth-child(19){ top: 102px; left: 366px;}
.section-13 .map a:nth-child(20){ top: 324px; left: 276px;}
.section-13 .arrangement{ position: absolute; top: 40px; right: 35px;}
.section-13 .arrangement a{ display: block; width: 190px; height: 42px; background: #ceb177; border-radius: 5px; font-size: 16px; line-height: 42px; color: #fff; text-decoration: none; text-align: center; margin-bottom: 14px;}
.section-13 .arrangement a:hover{ color: #ccc !important;}
.section-13 .others{ padding-left: 5px; margin-top: 34px;}
.section-13 .others .photoTo{ font-size: 14px; line-height: 20px; color: #383d41;}
.section-13 .others .number{ font-size: 20px; color: #383d41; line-height: 28px; font-family: arial; background: url(../images/photo.png) left center no-repeat; padding-left: 27px;}
.section-13 .partList4 .rightContent:before{ content: ""; display: block; width: 100%; height: 4px; background: #373d41; position: absolute; top: 0; left: 0;}
.section-13 .process{ float: left; margin: 42px 0; margin-left: 38px;}
.section-13 .processItem{ overflow: hidden; margin: 20px 0;}
.section-13 .processItem .processTit{ float: left; width: 84px; height: 70px; line-height: 70px; background: #373d41; font-size: 18px; color: #fff; text-align: center;}
.section-13 .processItem .processTxt{ float: left; width: 513px; height: 68px; border: 1px solid #373d41;}
.section-13 .processItem .processTxt .table{ display: table; padding: 0 32px; height: 100%;}
.section-13 .processItem .processTxt span{ display: table-cell; vertical-align: middle; width: 100px; font-size: 14px; line-height: 18px; color: #333;}
.section-13 .processItem .processTxt b{ display: table-cell; vertical-align: middle; padding: 0 25px;}
.section-13 .serviceImgs{ float: right; margin-top: 22px; margin-right: 30px;}
.section-13 .serviceImgs .serviceItem{ margin-bottom: 9px;}
.section-13 .partList5 .rightContent:before{ content: ""; display: block; width: 100%; height: 4px; background: #ceb177; position: absolute; top: 0; left: 0;}
.section-13 .signOnline{ float: left; width: 600px; height: 100%; margin-left: 38px; position: absolute;}
.section-13 .signOnline .signTitle{ font-size: 14px; line-height: 24px; color: #333; font-weight: bold; background: url(../images/star.png) left center no-repeat; padding-left: 20px; margin-top: 26px; margin-bottom: 12px;}
.section-13 .signOnline .signProcess{}
.section-13 .signOnline .signProcess li{ margin-bottom: 0px; padding-right: 0px;}
.section-13 .signOnline .signProcess li h6{ font-size: 12px; line-height: 18px; color: #333; letter-spacing: 1px;}
.section-13 .signOnline .signProcess li p{ font-size: 12px; line-height: 22px; color: #666; letter-spacing: 1px;}
.section-13 .signOnline .btnGroup{ position: relative;}
.section-13 .signOnline .btnGroup .btn{ float: left; width: 114px; margin-right: 8px; position: relative;}
.section-13 .signOnline .btnGroup .btn.hover:after{ content: ""; display: block; width: 9px; height: 5px; position: absolute; left: 50%; margin-left: -5px; bottom: -7px; background: url(../images/needle.png) center no-repeat;}
.section-13 .signOnline .btnGroup .btn a{ display: block; height: 32px; line-height: 32px; text-align: center; text-decoration: none; font-size: 14px; color: #fff; border-radius: 3px; background: #d1b67f;}
.section-13 .signOnline .btnGroup .btn a:hover{color: #ccc !important;}
.section-13 .signOnline .btnGroup .tip{ width: 402px; height: 30px; line-height: 30px; background: #373d41; border-radius: 3px; text-align: center; color: #fff; font-size: 12px; position: absolute; top: 37px; left: 0; display: none;}
.section-13 .signOnline .code{ position: absolute; right: 10px; bottom: 10px;}
.section-13 .rightCon{ float: right; width: 240px; height: 100%; border-left: 1px solid #eee;}
.section-13 .slideNav{ border-bottom: 1px solid #373d41; overflow: hidden;}
.section-13 .slideNav .slideNavItem{ float: left; width: 118px; height: 44px; line-height: 44px;text-align: center; font-size: 14px; color: #373d41; cursor: pointer;}
.section-13 .slideNav .slideNavItem.active{ background: #373d41; color: #fff;}
.section-13 .slideContentItem .hotList{ padding: 0 10px; margin-top: 10px;}
.section-13 .slideContentItem .hotItem{ border-bottom: 1px dotted #cecece; overflow: hidden; padding: 11px 0;}
.section-13 .slideContentItem .hotLessonName{ font-size: 12px; line-height: 22px; text-indent: 12px; letter-spacing: 1px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; position: relative;}
.section-13 .slideContentItem .hotLessonName:before{ content: ""; display: block; position: absolute; left: 0; width: 4px; height: 4px; background: #a9a9a9; top: 50%; margin-top: -2px;}
.section-13 .slideContentItem .hotLessonName a{ text-decoration: none; color: #333;}
.section-13 .slideContentItem .hotLessonInfr{ overflow: hidden; height: 16px; float: right; margin-top: 5px;}
.section-13 .slideContentItem .hotLessonInfr .time{ float: left; font-size: 12px; line-height: 16px; color: #999; background: url(../images/clock.png) left center no-repeat; padding-left: 19px; padding-right: 8px; border-right: 1px solid #a9a9a9;}
.section-13 .slideContentItem .hotLessonInfr .addr{ float: left; font-size: 12px; line-height: 16px; color: #999; padding: 0 8px; border-right: 1px solid #a9a9a9;}
.section-13 .slideContentItem .hotLessonInfr a{ float: left; text-decoration: none; font-size: 12px; line-height: 16px; color: #d1b67f; padding: 0 8px;}
.section-13 .slideContentItem .vipTitle{ font-size: 12px; font-weight: bold; color: #000; line-height: 22px; padding-left: 18px; margin: 17px 0 15px;}
.section-13 .slideContentItem .ConditionItem{ font-size: 12px; color: #666; line-height: 22px; padding-left: 18px; padding-right: 25px; letter-spacing: 1px; margin-bottom: 10px;}
.section-13 .contentTxt .searchBox{ margin: auto;}
.section-13 .contentTxt .searchBox .search{ float: left; width: 194px; height: 38px; border: 2px solid #383d41; padding: 0; font-size: 14px; color: #999; line-height: 38px; letter-spacing: 2px; text-indent: 12px;}
.section-13 .contentTxt .searchBox .searchbtn{ width: 46px; height: 38px; color: #fff; background: url(../images/icons.png) 2px -616px #383d41;}
.section-13 .partList6 .rightContent:before{ content: ""; display: block; width: 100%; height: 4px; background: #373d41; position: absolute; top: 0; left: 0;}
.section-13 .evaluateBox{ width: 600px; float: left; margin: 0 38px;}
.section-13 .evaluateVideo{ width: 600px; height: 272px; background: #000; margin-top: 15px; position: relative;}
.section-13 .evaluateVideo .btn{ position: absolute; width: 20px; height: 66px; top: 50%; margin-top: -33px; background-image: url(../images/icons.png); background-repeat: no-repeat; cursor: pointer;}
.section-13 .evaluateVideo .btnPrev{ background-position: 0 -740px; left: 0;}
.section-13 .evaluateVideo .btnNext{ background-position: -20px -740px; right: 0;}
.section-13 .evaluateVideo .slideBox{ margin: 0 auto; overflow:}
.section-13 .evaluateVideo .slideList .slideItem{ float: left;}
.section-13 .evaluateBox .companys{ overflow: hidden; margin-top: 8px; height: 83px; position: relative;}
.section-13 .evaluateBox .companys .words{ position: absolute; height: 100%; background: #d1b67f; padding: 0 30px; display: none;}
.section-13 .evaluateBox .companys .words p{ font-size: 12px; line-height: 20px; color: #fff;}
.section-13 .evaluateBox .companys .words p.word{ margin-top: 12px;}
.section-13 .evaluateBox .companys .words p.from{ text-align: right;}
.section-13 .evaluateBox .companys li{ float: left; width: 20%; text-align: center; line-height: 83px; cursor: pointer;}
.section-13 .mobileSlide{ float: left; width: 194px; height: 376px; background: url(../images/phone.png) center no-repeat; position: relative; margin: 8px;}
.section-13 .mobileSlide .slideBox{ width: 192px; margin: 20px auto 0; overflow: hidden;}
.section-13 .mobileSlide .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-13 .mobileSlide .btnPrev{ background-position: -40px -740px; left: 0;}
.section-13 .mobileSlide .btnNext{ background-position: -62px -740px; right: 0;}
.section-14{ padding-bottom: 40px;}
.section-14 .partTitle{ font-size: 22px; line-height: 22px; color: #333; margin: 40px 0 20px;}
.section-14 .partContent{ overflow: hidden;}
.section-14 .leftImg{ float: left; width: 285px; height: 390px;}
.section-14 .rightContent{ float: right; width: 898px; height: 390px; background: #fff; position: relative;}
.section-14 .rightContent .mainContent{ width: 596px; height: 100%; float: left; position: relative;}
.section-14 .rightContent .sideContent{ float: right; width: 284px; height: 100%;}
.section-14 .rightContent .mainContent.yellow:before{  content: ""; display: block; width: 100%; height: 4px; background: #d6b16b; position: absolute; top: 0; left: 0;}
.section-14 .rightContent .mainContent.dark:before{  content: ""; display: block; width: 100%; height: 4px; background: #383d41; position: absolute; top: 0; left: 0;}
.section-14 .wordBox{ margin-top: 30px; padding: 0 24px;}
.section-14 .wordBox p{ font-size: 14px; line-height: 24px; color: #666; text-indent: 2em; margin-bottom: 24px; letter-spacing: 1px;}
.section-14 .iconListBox{ position: absolute; left: 0; bottom: 0;}
.section-14 .iconListBox .iconList{ overflow: hidden; border-left: 1px solid #eee;}
.section-14 .iconListBox .iconItem{ float: left; width: 147px; height: 137px; border:1px solid #eee; border-left: none;}
.section-14 .iconListBox .icon{ margin: 26px auto 0; width: 60px; height: 60px; background: url(../images/icons.png); background-repeat: no-repeat;}
.section-14 .iconListBox .icon1{ background-position: 0 -850px;}
.section-14 .iconListBox .icon2{ background-position: -60px -850px;}
.section-14 .iconListBox .icon3{ background-position: -120px -850px;}
.section-14 .iconListBox .icon4{ background-position: -180px -850px;}
.section-14 .iconListBox p{ text-align: center; font-size: 14px; line-height: 24px; color: #999; margin-top: 10px;}
.section-14 .vipRight{ position: relative; height: 100%; width: 100%;}
.section-14 .vipRight a{ position: absolute; bottom: 0; text-align: center; left: 0; font-size: 20px; color: #fff; line-height: 62px;  width: 284px; height: 390px; overflow: hidden; display: block; text-decoration: none; background: #d6b16c;}
.section-14 .vipRight a img{ width: 284px; height: 390px; display: block;}
.section-14 .areaContent{ float: left; margin-top: 4px;}
.section-14 .areaContent .titleArea{ position: relative;}
.section-14 .areaContent .titleArea .titleTxt{ position: absolute; left: 0; width: 154px; height: 90px; top: 50%; margin-top: -45px;}
.section-14 .areaContent.blue{ margin-right: 20px;}
.section-14 .areaContent.blue .titleTxt{ background: rgba(59,94,167,0.8);}
.section-14 .areaContent.purple .titleTxt{ background: rgba(137,111,153,0.8);}
.section-14 .areaContent .titleArea .titleTxt span{ font-weight: bold; color: #fff; line-height: 24px; font-size: 20px; padding-left: 19px; border-left: 2px solid #fff; position: absolute; left: 30px; top: 50%; margin-top: -24px;}
.section-14 .areaContent .listArea{}
.section-14 .areaContent .item{ overflow: hidden; height: 86px; margin-top: 24px;}
.section-14 .areaContent.blue .item{ border: 1px solid #86a0d1;}
.section-14 .areaContent.purple .item{ border: 1px solid #b1a5cf;}
.section-14 .areaContent .item h2{ float: left; width: 32px; text-align: center; font-size: 16px; line-height: 26px; color: #fff; padding: 17px 0;}
.section-14 .areaContent.blue .item h2{ background: #86a0d1;}
.section-14 .areaContent.purple .item h2{ background: #b1a5cf;}
.section-14 .areaContent .item .lessonList{ overflow: hidden; width: 254px;}
.section-14 .areaContent .item .lessonItem{ float: left; width: 84px; height: 42px; font-size: 14px; line-height: 42px; text-align: center; border-right: 1px solid #eee; border-bottom: 1px solid #eee;}
.section-14 .areaContent .item .lessonItem:nth-child(3n){ border-right: none;}
.section-14 .areaContent.blue .item .lessonItem{ color: #86a0d1;}
.section-14 .areaContent.blue .item .lessonItem a{ display: block; color: #86a0d1;}
.section-14 .areaContent.purple .item .lessonItem{ color: #b1a5cf;}
.section-14 .areaContent.purple .item .lessonItem a{ display: block; color: #b1a5cf;}
.section-14 .supporting{}
.section-14 .supporting dt{ height: 54px; line-height: 54px; font-size: 20px; color: #ebebeb; text-indent: 18px; background: #383d41;}
.section-14 .supporting dd{ height: 162px; overflow: hidden; border: 1px solid #c5c5c5; margin-bottom: 8px; position: relative;}
.section-14 .supporting dd:after{ content: ""; display: block; width: 60px; height: 60px; position: absolute; bottom: 0; right: 0; background-image: url(../images/icons.png); background-repeat: no-repeat;}
.section-14 .supporting .supportSys1:after{ background-position: -250px -850px;}
.section-14 .supporting .supportSys2:after{ background-position: -310px -850px;}
.section-14 .supporting .supportTitle{ width: 62px; background: #c5c5c5; text-align: center; float: left; font-size: 16px; line-height: 22px; padding: 59px 0;}
.section-14 .supporting .supportList{ height: 100%; width: 220px; float: left; display: table;}
.section-14 .supporting .supportList .tableCell{ display: table-cell; vertical-align: middle;}
.section-14 .supporting .supportList p{ font-size: 14px; line-height: 26px; color: #666; text-indent: 9px; letter-spacing: 1px;}
.section-14 .supporting .supportList p span{ color: #383d41; vertical-align: top; margin-right: 6px;}
.section-14 .lessonsBox{ overflow: hidden; margin-right: -20px;}
.section-14 .lessonsBox .lesson{ float: left; margin-right: 20px; width: 288px;}
.section-14 .lessonsBox .lesson .lessonImg{ width: 288px; height: 166px;    overflow: hidden;}
.section-14 .lessonsBox .lesson .lessonImg img{ display: block; width: 288px; height: 166px;}
.section-14 .lessonsBox .lesson .extraInf{ border-left: 1px solid #e1e1e1; border-right: 1px solid #e1e1e1; padding: 25px 15px 48px;}
.section-14 .lessonsBox .lessonTitle{ font-size: 18px; line-height: 24px; font-weight: bold; color: #383d41;=}
.section-14 .lessonsBox .lessonTip{ height: 40px; font-size: 14px; line-height: 22px; letter-spacing: 1px; color: #666; margin-top: 23px;}
.section-14 .lessonsBox .lessonName{ font-size: 14px; line-height: 24px; color: #666; margin-top: 7px; padding: 0 10px;    text-overflow: ellipsis;    overflow: hidden;    white-space: nowrap;}
.section-14 .lessonsBox .lessonMoreInfo{ overflow: hidden; padding: 0 10px;}
.section-14 .lessonsBox .lessonMoreInfo .qty{ float: left; font-size: 12px; line-height: 24px; color: #aaa;}
.section-14 .lessonsBox .lessonMoreInfo .dur{ float: right; font-size: 12px; line-height: 24px; color: #aaa;}
.section-14 .latestTitle{ height: 54px; line-height: 54px; font-size: 20px; color: #ebebeb; text-indent: 18px; background: #383d41;}
.section-14 .onliveTime{ margin-top: 24px; position: relative;}
.section-14 .onliveTime:after{ content: ""; position: absolute; width: 1px; background: #aaa; top: 20px; bottom: 20px; left: 74px;}
.section-14 .onliveTime .timeList{ overflow: hidden; margin-top: 18px;}
.section-14 .onliveTime .onliveDate{ float: left; font-size: 14px; line-height: 20px; color: #666; padding: 0 25px; position: relative;}
.section-14 .onliveTime .onliveDate:after{ content: ""; display: block; width: 7px; height: 7px; border-radius: 4px; background: #aaa; position: absolute; top: 50%; margin-top: -4px; right: 10px;}
.section-14 .onliveTime .onliveName{ float: left; width: 145px; font-size: 14px; line-height: 20px; color: #666; word-wrap:break-word; word-break: break-all;}
.section-14 .onliveTime .onliveName a{color: #666; }
.section-14 .latestRelease{ height: 100%; background: #383d41; overflow: hidden; padding-left: 18px; position: relative;}
.section-14 .latestRelease dt{ font-size: 20px;line-height: 20px; color: #fff; letter-spacing: 1px; margin: 20px 0;}
.section-14 .latestRelease dd{ font-size: 14px; line-height: 20px; margin-bottom: 8px; color: #fff; letter-spacing: 1px;}
.section-14 .latestRelease dd span{ vertical-align: top; margin-right: 8px;}
.section-14 .latestRelease dd a{ color: #FFFFFF;}
.section-14 .latestRelease:after{ content: ""; display: block; background: url(../images/talk.png) center no-repeat; width: 178px; height: 185px; position: absolute; left: 42px; bottom: 21px;}
.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(../images/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: 120px; 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{ border-left: 1px solid #eee; margin-right: -1px;}
.section-15 .case{ float: left; width: 136px;  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; font-family: "寰蒋闆呴粦";}
.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;
}
.section-16{ padding-bottom: 40px;}
.section-16 .partTitle{ font-size: 22px; line-height: 22px; color: #333; margin: 40px 0 20px;}
.section-16 .partContent:after{ content: ""; display: block; clear: both; zoom: 1;}
.section-16 .leftImg{ float: left; width: 284px; height: 480px;}
.section-16 .rightContent{ float: right; width: 898px; height: 480px; background: #fff; position: relative;}
.section-16 .rightContent.yellow:before{  content: ""; display: block; width: 100%; height: 4px; background: #d6b16b; position: absolute; top: 0; left: 0; z-index: 99;}
.section-16 .rightContent.dark:before{  content: ""; display: block; width: 100%; height: 4px; background: #383d41; position: absolute; top: 0; left: 0; z-index: 99;}
.section-16 .contentBox{ padding: 0 38px;}
.section-16 .reason{ margin-top: 24px;}
.section-16 .reasonTit{ font-size: 18px; line-height: 24px; color: #383d41; font-weight: bold;}
.section-16 .reasonSketch{ font-size: 14px; line-height: 24px; color: #999; text-indent: 2em; margin-top: 14px;}
.section-16 .reasonList{ margin-top: 10px;}
.section-16 .reasonList li{ font-size: 14px; line-height: 24px; color:#666; text-indent: 2em;}
.section-16 .manage{ margin-top: 24px;}
.section-16 .manageTit{ font-size: 18px; line-height: 24px; color: #383d41; font-weight: bold;}
.section-16 .managers{ position: relative; margin-top: 15px;}
.section-16 .managerList{ overflow: hidden; margin-right: -12px;}
.section-16 .managerList li{ float: left; margin-right: 12px; position: relative; width: 196px; height: 116px;}
.section-16 .managerList .fixTable{ position: absolute; width: 100%; height: 100%; left: 0; top: 0; display: table;}
.section-16 .managerList .tabelCell{ display: table-cell; vertical-align: middle;}
.section-16 .managerList h6{ text-align: center; font-size: 16px; line-height: 24px; font-weight: bold; color: #d1b67f; letter-spacing: 1px; position: relative;}
.section-16 .managerList h6:after{ content: ""; display: block; width: 22px; height: 2px; background: #d1b67f; position: absolute; left: 50%; margin-left: -11px; bottom: -7px;}
.section-16 .managerList p{ font-size: 14px; color: #fff; line-height: 24px; text-align: center; margin-top: 15px;}
.section-16 .managers .hoverLayer{ position: absolute;  width: 368px; height: 100%; background: #d1b67f; top: 0; left: 0; z-index: 2; padding: 0 18px; display: none;}
.section-16 .managers .hoverLayer .currentTit{ font-weight: bold; font-size: 16px; line-height: 24px; letter-spacing: 1px; color: #fff; margin-top: 15px;}
.section-16 .managers .hoverLayer .currrentCon{ font-size: 14px; line-height: 22px; letter-spacing: 0.6px; color: #fff; margin-top: 4px;}
.section-16 .btnLink a{ display: block; width: 212px; height: 48px; background: #d1b67f; text-align: center; font-size: 18px; color: #fff; line-height: 48px; text-decoration: none; margin: 20px auto 0;}
.section-16 .united{ font-size: 14px; line-height: 24px; text-indent: 2em; color: #666; letter-spacing: 1px; margin-top: 39px;}
.section-16 .certificateBox{ overflow: hidden; margin-top: 54px;}
.section-16 .certificate{ float: left; margin-right: 20px;}
.section-16 .certificate .leftGuideImg{ float: left;}
.section-16 .certificate .tagBox{ float: left; width: 312px; height: 208px; border: 1px solid #d1b67f; border-top-right-radius: 8px; border-bottom-right-radius: 8px;}
.section-16 .certificate .certificateName{ font-size: 18px; line-height: 24px; font-weight: bold; color: #666; margin-top: 20px; text-indent: 24px;}
.section-16 .certificate .tag{ margin-top: 18px; padding-left: 18px;}
.section-16 .certificate .tag span{ display: inline-block; font-size: 14px; color: #666; height: 30px; line-height: 30px; border-radius: 16px; border: 1px solid #cdcdcd; text-align: center; margin-bottom: 12px; margin-right: 6px;}
.section-16 .certificate .tag span.size1{ width: 78px;}
.section-16 .certificate .tag span.size2{ width: 132px;}
.section-16 .trustReason{ margin-top: 55px;}
.section-16 .trustReasonList{ overflow: hidden;}
.section-16 .trustReasonList li{ float: left; width: 204px; height: 180px; background: #373d41; border-right: 1px solid #fff; position: relative;}
.section-16 .trustReasonList .linkAdd:after{ content: ""; display: block; width: 26px; height: 26px; background: url(../images/add.png) center no-repeat; color: #d1b67f; position: absolute; right: -13px; top: 50%; margin-top: -13px; z-index: 8;}
.section-16 .trustReasonList .icon{ margin:50px auto 0; width: 65px; height: 65px; background-image: url(../images/icons.png); background-repeat: no-repeat;}
.section-16 .trustReasonList .icon1{ background-position: 0 -970px;}
.section-16 .trustReasonList .icon2{ background-position: -65px -970px;}
.section-16 .trustReasonList .icon3{ background-position: -130px -970px;}
.section-16 .trustReasonList .icon4{ background-position: -195px -970px;}
.section-16 .trustReasonList .reasonTxt{ text-align: center; font-size: 18px; line-height: 24px; color: #999; margin-top: 6px;}
.section-16 .trustReasonList .detailTxt{ position: absolute; z-index: 9; left: 0; top: 0; width: 100%; height: 100%; background: #d1b67f; display: table; display: none;}
.section-16 .trustReasonList li:hover .detailTxt{ display: table;}
.section-16 .trustReasonList .detailTxt p{ display: table-cell; vertical-align: middle; font-size: 14px; line-height: 24px; color: #fff; padding: 0 24px;}
.section-16 .supportOrganization{ margin-top: 64px;}
.section-16 .organizationTitle{ font-size: 18px; line-height: 24px; color: #383d41; font-weight: bold;}
.section-16 .showLogoBox{ position: relative; margin-top: 28px;}
.section-16 .showLogoBox .btn{ position: absolute; width: 10px; height: 16px; top: 50%; margin-top: -8px; background-image: url(../images/icons.png); background-repeat: no-repeat; cursor: pointer;}
.section-16 .showLogoBox .btnPrev{ left: 0; background-position: -72px -630px;}
.section-16 .showLogoBox .btnNext{ right: 0; background-position: -150px -630px;}
.section-16 .allContainer{ width: 800px; margin: 0 auto;}
.section-16 .allContainer .item{ float: left; padding: 0 12px;}
.section-16 .partList4 .studentCase{ float: left; width: 510px; height: 480px; background: #d1b67f; position: relative;}
.section-16 .partList4 .studentPhoto{ margin: 88px auto 0; width: 100px; height: 100px;}
.section-16 .partList4 .studentName{ text-align: center; font-size: 18px; line-height: 24px; font-weight: bold; color: #fff; margin-top: 18px;}
.section-16 .partList4 .studentWork{ font-size: 14px; line-height: 20px; color: #ffe7b5; text-align: center; margin-top: 6px;}
.section-16 .partList4 .studentWords{ font-size: 14px; line-height: 24px; color: #fff; letter-spacing: 1px; padding: 0 68px; margin-top: 10px;}
.section-16 .partList4 .studentCase .slide_thumb{ position: absolute; bottom: 32px; left: 32px; right: 32px; text-align: right;}
.section-16 .partList4 .studentCase .slide_thumb span{ width: 8px; height: 8px; background: #fff; opacity: 0.47; display: inline-block; margin-left: 10px;}
.section-16 .partList4 .studentCase .slide_thumb span.active{ background: #b69758; opacity: 1;}
.section-16 .goldenInHouse{ float: left; margin-left: 32px; width: 314px;}
.section-16 .goldenInHouse .goldenInHouseImg{ margin-top: 37px;}
.section-16 .goldenInHouse .goldenInHouseTxt{ font-size: 16px; line-height: 24px; font-weight: bold; color: #333; letter-spacing: 1px; margin-top: 20px;}
.section-16 .goldenInHouse .goldenInHouseTip{ font-size: 16px; line-height: 24px; color: #333; letter-spacing: 1px;}
.section-16 .goldenInHouse .examResult{ border-top:1px solid #eee; margin-top: 16px; padding-top: 16px;}
.section-16 .goldenInHouse .examResult p{ font-size: 14px; line-height: 24px; color: #999; margin-bottom: 12px;}
.section-16 .appointmentForm{ float: left; width: 474px; height: 100%;}
.section-16 .appointmentForm h2{ font-size: 22px; line-height: 30px; color: #333; letter-spacing: 1px; text-align: center; margin-top: 30px; margin-bottom: 19px; text-indent: -2em;}
.section-16 .appointmentForm .formCtrl{ margin-bottom: 11px;}
.section-16 .appointmentForm .formCtrl:after{ content: ""; clear: both; zoom: 1; display: block;}
.section-16 .appointmentForm .formCtrl label{ float: left; width: 108px; text-align: right; font-size: 14px; line-height: 36px; color: #333;}
.section-16 .appointmentForm .formCtrl input{ float: left; width: 286px; height: 34px; border: 1px solid #e2e2e2; font-size: 14px; color: #333; text-indent: 18px; line-height: 34px; padding: 0;}
.section-16 .appointmentForm .formCtrl textarea{ float: left; width: 354px; height: 74px; border: 1px solid #e2e2e2; font-size: 14px; color: #333; text-indent: 18px; font-family: "寰蒋闆呴粦";}
.section-16 .appointmentForm .formCtrl .select{ float: left; width: 288px; height: 36px; position: relative;}
.section-16 .appointmentForm .formCtrl .mark{ position: absolute; width: 34px; height: 34px; border: 1px solid #e2e2e2; right: 0; top: 0; background: url(../images/icons.png) -130px -680px no-repeat #f2f2f2;}
.section-16 .appointmentForm .formCtrl .select-options{ position: absolute; background: #fff; width: 286px; top: 36px; border: 1px solid #E2E2E2; display: none;}
.section-16 .appointmentForm .formCtrl .select-options i{ display: block; font-style: normal; font-size: 16px; border-bottom: 1px solid #E2E2E2; line-height: 30px; color: #333; text-indent: 18px; cursor: pointer;}
.section-16 .appointmentForm .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-16 .allHonor{ float: left; width: 314px; margin-left: 32px; margin-top: 37px;}
.section-16 .tenYear{ font-size: 20px; line-height: 22px; font-weight: bold; color: #999; margin-top: 18px;}
.section-16 .tenYearTxt{ font-size: 14px; line-height: 22px; color: #999; margin-top: 8px;}
.section-16 .honorList{ margin-top: 10px;}
.section-16 .honorList li{ font-size: 14px; line-height: 22px; color: #d1b67f; margin: 6px 0;}
.section-16 .honorList li span{ font-size: 16px; margin-right: 5px;}
.section-16 .appointmentForm .formCtrl input:-moz-placeholder { /* Mozilla Firefox 4 to 18 */
    color: #ccc;
    font-size: 16px;
}
.section-16 .appointmentForm .formCtrl input::-moz-placeholder { /* Mozilla Firefox 19+ */
    color: #ccc;
    font-size: 16px;
}
.section-16 .appointmentForm input:-ms-input-placeholder,
.section-16 .appointmentForm textarea:-ms-input-placeholder {
    color: #ccc;
    font-size: 16px;
}
.section-16 .appointmentForm input::-webkit-input-placeholder,
.section-16 .appointmentForm textarea::-webkit-input-placeholder {
    color: #ccc;
    font-size: 16px;
}
/*鐮旂┒涓績涓婚〉*/
.researchBanner{ background: url(../images/researchBanner.jpg) center no-repeat; height: 588px; overflow: hidden;}
.section-17 .articleTitle{ text-align: center; font-size: 36px; line-height: 48px; letter-spacing: 1px; font-weight: lighter; position: relative;}
.section-17 .articleTitle:after{ content: ""; display: block; width: 120px; height: 3px; background: #c09f5c; position: absolute; left: 50%; margin-left: -60px; bottom: -25px;}
.section-17 .articleTitle.white{ color: #ccc;}
.section-17 .articleTitle.dark{ color: #333;}
.section-17 .articleContent1{ background: url(../images/bj5.jpg) center no-repeat; height: 662px; overflow: hidden;}
.section-17 .articleContent1 .articleTitle{ margin-top: 95px;}
.section-17 .researchInstituteBox{ width: 1200px; margin: 95px auto 0;}
.section-17 .researchInstituteTxt{ float: left; width: 690px; padding-left: 10px; padding-top: 22px;}
.section-17 .researchInstituteTxt p{ font-size: 14px; line-height: 24px; color: #ccc; letter-spacing: 1px; text-indent: 2em; margin-bottom: 26px;}
.section-17 .researchInstituteComposition{ float: right;}
.section-17 .articleContent2 .articleTitle{ margin-top: 95px;}
.section-17 .researchResultBox{ width: 1200px; margin: 62px auto 0;}
.section-17 .researchResultItem{ overflow: hidden; margin-bottom: 120px;}
.section-17 .researchResulTitle{ border-bottom: 3px solid #333; position: relative;}
.section-17 .researchResulTitle:after{ content: ""; display: block; width: 1px; height: 162px; background: url(../images/line2.png) center no-repeat; position: absolute; left: 50%; bottom: -165px;}
.section-17 .researchResulTitle span{ display: block; width: 261px; height: 52px; background: url(../images/icons.png) 0 -1155px; font-size: 24px; line-height: 52px; color: #fff; letter-spacing: 5px; text-indent: 68px; position: relative;}
.section-17 .researchResulTitle span:before{ content: ""; width: 52px; height: 52px; display: block; position: absolute; background-image: url(../images/icons.png); background-repeat: no-repeat; left: 10px; top: 0;}
.section-17 .researchResulTitle.title1 span:before{ background-position: -297px -1155px;}
.section-17 .researchResulTitle.title2 span:before{ background-position: -349px -1155px;}
.section-17 .researchResulTitle.title3 span:before{ background-position: -401px -1155px;}
.section-17 .courseResearchBox{ overflow: hidden;}
.section-17 .courseResearchBox .leftCourse{ float: left; width: 530px; padding-left: 10px; padding-right: 60px;}
.section-17 .courseResearchBox .rightCourse{ float: right; width: 542px; padding-left: 42px; padding-right: 16px;}
.section-17 .courseResearchBox .courseTitle{ font-size: 20px; line-height: 28px; color: #333; font-weight: bold; letter-spacing: 2px; margin-top: 32px;}
.section-17 .courseResearchBox .courseSummary{ font-size: 14px; line-height: 24px; letter-spacing: 1px; color: #666; margin-top: 26px;}
.section-17 .courseResearchBox .courseImg{ height: 350px; line-height: 350px; margin-top: 26px;}
.section-17 .latestResearchs{ overflow: hidden; margin-top: 42px;}
.section-17 .latestResearchs .circleTitle{ float: left; width: 94px; height: 48px; padding: 23px 0; font-size: 18px; line-height: 24px; color: #fff; background: #333; border-radius: 50%; text-align: center;}
.section-17 .latestResearchs .latestCourse{ float: left; margin: 8px 0; margin-left: 14px; }
.section-17 .latestResearchs .latestCourse li{ font-size: 14px; line-height: 26px; color: #666; position: relative; padding-left: 15px;}
.section-17 .latestResearchs .latestCourse li:before{ content:""; display: block; width: 3px; height: 3px; background: #333; position: absolute; left: 0; top: 50%; margin-top: -2px;}
.section-17 .publishBox{ overflow: hidden; margin-top: 32px;}
.section-17 .publishReport{ float: left; width: 540px; padding-right: 50px; padding-left: 10px;}
.section-17 .publishTitle{ font-size: 20px; line-height: 28px; color: #333; font-weight: bold; letter-spacing: 2px;}
.section-17 .publishTitle a{ font-size: 14px; line-height: 24px; letter-spacing: 1px; color: #666; float: right; font-weight: normal; text-decoration: none;}
.section-17 .reportList{ overflow: hidden; margin-right: -64px; margin-top: 25px;}
.section-17 .reportItem{ float: left; width: 146px; margin-right: 55px; margin-bottom: 23px;}
.section-17 .reportItem .reportLetter{ width: 146px; height: 184px; background: url(../images/reportBj.png) center no-repeat; text-align: center; overflow: hidden}
.section-17 .reportItem .reportLetter .reportImg{ overflow: hidden; width: 126px; height: 68px; margin: 67px auto 0; position: relative;}
.section-17 .reportItem .reportLetter .reportImg img{ width: 126px; height: 68px; display: block;}
.section-17 .reportItem .reportLetter .hoverShow{ position: absolute; width: 100%; height: 100%; left: 0; top: 0; background: rgba(0,0,0,0.6); display: none;}
.section-17 .reportItem .reportLetter .reportImg:hover .hoverShow{ display: block;}
.section-17 .reportItem .reportLetter .hoverShow a{ display: block; text-align: center; font-size: 16px; line-height: 68px; color: #d7b06b; text-decoration: none;}
.section-17 .reportItem .reportName{ font-size: 14px; line-height: 20px; letter-spacing: 1px; color: #666; margin-top: 12px; text-align: justify; height: 40px;}
.section-17 .reportItem .reportDownload{ overflow: hidden; margin-top: 12px;}
.section-17 .reportItem .reportDownload a{ float: right; font-size: 12px; line-height: 20px; color: #999; text-decoration: none; background: url(../images/pdf.png) right center no-repeat; padding-right: 24px;}
.section-17 .publishBooks{ float: right; width: 550px; padding-left: 50px;}
.section-17 .mainBook{ overflow: hidden; margin-top: 25px;}
.section-17 .mainBook .mainBookImg{ float: left; margin-right: 20px;}
.section-17 .mainBookInf{}
.section-17 .mainBookInf .bookName{ font-size: 16px; line-height: 20px; letter-spacing: 1px; color: #333; font-weight: bold; margin-top: 10px;}
.section-17 .mainBookInf .publishTime{ font-size: 12px; line-height: 22px; letter-spacing: 1px; color: #666; margin-top: 16px;}
.section-17 .mainBookInf .bookDescrible{ font-size: 12px; line-height: 22px; letter-spacing: 1px; color: #999; margin-top: 16px;}
.section-17 .otherBook{ overflow: hidden; margin-right: -50px; margin-top: 60px;}
.section-17 .otherBook .otherBookItem{ float: left; width: 150px; margin-right: 50px;}
.section-17 .otherBook .otherBookItem .bookImg{ margin-bottom: 12px;}
.section-17 .otherBook .otherBookItem .bookName{ font-size: 14px; line-height: 20px; height: 40px; color: #666; letter-spacing: 1px; padding-right: 20px;}
.section-17 .otherBook .otherBookItem .qty{ overflow: hidden; margin-top: 4px;}
.section-17 .otherBook .otherBookItem .qty span{ float: right; font-size: 12px; line-height: 20px; color: #bbb; background: url(../images/zan.png) left center no-repeat; padding-left: 18px;}
.section-17 .contributionBox{ overflow: hidden; margin-top: 32px;}
.section-17 .abilityTest{ float: left; width: 540px; padding-left: 10px; padding-right: 50px;}
.section-17 .caseCenter{ float: left; padding-left: 50px; width: 550px;}
.section-17 .contributionTitle{ font-size: 20px; line-height: 28px; color: #333; font-weight: bold; letter-spacing: 2px;}
.section-17 .contributionTitle a{ font-size: 14px; line-height: 24px; letter-spacing: 1px; color: #666; float: right; font-weight: normal; text-decoration: none;}
.section-17 .contributionTxt{ font-size: 14px; line-height: 24px; color: #666; letter-spacing: 1px;margin-top: 26px;}
.section-17 .dataImg{ margin-top: 19px;}
.section-17 .articleContent3{ background: url(../images/bj6.jpg) center no-repeat; height: 838px; overflow: hidden;}
.section-17 .articleContent3 .articleTitle { margin-top: 94px;}
.section-17 .researchersBox{ width: 1200px; margin: 112px auto 0;}
.section-17 .researcherList{ overflow: hidden;}
.section-17 .researcherItem{ float: left; width: 300px; height: 460px; cursor: pointer; overflow: hidden; position: relative;}
.section-17 .researcherInf{ position: absolute; bottom: 29px; right: 20px; left: 0; transition: all 0.3s;}
.section-17 .researcherItem:hover .researcherInf{ bottom: -100%;}
.section-17 .researcherInf .researcherName{ font-size: 24px; line-height: 32px; color: #fffefe; letter-spacing: 2px; text-align: right; margin-bottom: 15px;}
.section-17 .researcherInf .jobCall{ font-size: 14px; line-height: 24px; color: #999; text-align: right; letter-spacing: 1px;}
.section-17 .researcherInf .financeCer{ font-size: 14px; line-height: 24px; color: #999; text-align: right; letter-spacing: 1px;}
.section-17 .researchInfMoreBox{ position: absolute; left: 0; right: 0; height: 100%; bottom: -100%; background: rgba(0,0,0,0.5); transition: all 0.3s;}
.section-17 .researcherItem:hover .researchInfMoreBox{ bottom: 0;}
.section-17 .researchInfMore{ position: absolute; bottom: 32px; left: 18px;}
.section-17 .researchInfMore .researcherName{ font-size: 24px; line-height: 24px; margin-bottom: 23px; color: #d7b06b; letter-spacing: 1px;}
.section-17 .researchInfMore .jobCall{ font-size: 14px; line-height: 22px; color: #f7f7f7; letter-spacing: 1px;}
.section-17 .researchInfMore .financeCer{ font-size: 14px; line-height: 22px; color: #f7f7f7; letter-spacing: 1px;}
.section-17 .researchInfMore .researcherExp{ font-size: 14px; line-height: 22px; color: #999; letter-spacing: 1px; margin-top: 16px; padding-right: 18px; text-align: justify;}
/*浼氬憳鏂规*/
.schemeBanner{ background: url(../images/schemeBanner.jpg) center no-repeat; height: 579px; overflow: hidden;}
.schemeBanner .vipLessonName{ font-size: 46px; line-height: 48px; margin-top: 200px; font-weight: lighter; color: #fff; letter-spacing: 1px;}
.schemeBanner .vipLessonPrice{ font-size: 26px;line-height: 28px; letter-spacing: 1px; color: #d6b16b; margin-top: 28px;}
.schemeBanner .vipLessonPrice span{ font-size: 20px; line-height28px; color: #fff; background: #bf9e5b; padding: 0 6px; border-radius: 2px; vertical-align: middle; float: left; margin-right: 16px;}
.schemeBanner .tags{ color: #fff; font-size: 18px; line-height: 22px; letter-spacing: 1px; opacity: 0.7; margin-top: 20px;}
.schemeBanner .tags span{ font-weight: bold; font-style: italic;}
.schemeBanner .orderServiceBtn{ width: 235px; height: 50px; margin-top: 27px; border: 2px solid #dbc089; line-height: 50px; text-align: center; font-weight: lighter; font-size: 22px; color: #dbc089; letter-spacing: 1px; cursor: pointer;}
.section-18{ overflow: hidden; padding-bottom: 80px;}
.section-18 .sectionTitle{ text-align: center; font-size: 36px; line-height: 48px; letter-spacing: 1px; color: #333; font-weight: lighter; position: relative; margin-top: 64px;}
.section-18 .sectionTitle:after{ content: ""; display: block; width: 120px; height: 3px; background: #c09f5c; position: absolute; left: 50%; margin-left: -60px; bottom: -25px;}
.section-18 .vipRightBox{ overflow: hidden; padding: 66px 0 47px;}
.section-18 .rightList{ float: left; border: 1px solid #e2e2e2; border-radius: 9px; width: 332px; height: 530px; margin: 0 33px; cursor: pointer; transition: all 0.3s;}
.section-18 .rightList:hover{ box-shadow: 0 0 10px #ccc;}
.section-18 .rightTitle{ font-size: 22px; line-height: 22px; color: #dfc591; width: 300px; margin: 0 auto; border-bottom: 1px solid #e2e2e2; padding-bottom: 12px; text-indent: 18px; margin-top: 32px;}
.section-18 .rightTitle img{ vertical-align: bottom; padding-right: 9px;}
.section-18 .rightItem{ padding-left: 15px; margin-top: 28px;}
.section-18 .rightItem .rightName{ font-size: 16px; line-height: 22px; color: #333; letter-spacing: 1px; text-indent: 18px; position: relative; margin-bottom: 5px;}
.section-18 .rightItem .rightName:before{ content: ""; display: block; width: 4px; height: 4px; background: #dfc591; position: absolute; left: 0; top:50%; margin-top: -2px;}
.section-18 .rightItem .rightDetail{ font-size: 14px; line-height: 22px; color: #999; letter-spacing: 1px; text-indent: 18px;}
.section-18 .knowMoreInfo{ width: 400px; height: 55px; border-radius: 30px; background: #d6b16b; margin: 0 auto; font-size: 22px; line-height: 55px; color: #fff; letter-spacing: 1px; text-align: center;}
.section-19{ overflow: hidden; background: url(../images/bj3.jpg) center no-repeat; height: 663px;}
.section-19 .sectionTitle{ text-align: center; font-size: 36px; line-height: 48px; letter-spacing: 1px; color: #fff; font-weight: lighter; position: relative; margin-top: 64px;}
.section-19 .sectionTitle:after{ content: ""; display: block; width: 120px; height: 3px; background: #c09f5c; position: absolute; left: 50%; margin-left: -60px; bottom: -25px;}
.section-19 .firstExperienceBox{ margin-top: 100px;}
.section-19 .experienceNavLists{ border-bottom: 1px solid #e0e0e0; padding: 0 20px; position: relative;}
.section-19 .experienceNavLists:after{ content: ""; display: block; clear: both; zoom: 1;}
.section-19 .experienceNavItem{ width: 290px; float: left; cursor: pointer; position: relative; padding-bottom: 10px;}
.section-19 .experienceNavItem .icon{ margin: 0 auto; width: 60px; height: 60px; background-image: url(../images/icons.png); background-repeat: no-repeat; transition: all 0.3s;}
.section-19 .experienceNavItem .icon1{ background-position: 0 -1035px;}
.section-19 .experienceNavItem.active .icon1{ background-position: 0 -1095px;}
.section-19 .experienceNavItem .icon2{ background-position: -60px -1035px;}
.section-19 .experienceNavItem.active .icon2{ background-position: -60px -1095px;}
.section-19 .experienceNavItem .icon3{ background-position: -120px -1035px;}
.section-19 .experienceNavItem.active .icon3{ background-position: -120px -1095px;}
.section-19 .experienceNavItem .icon4{ background-position: -180px -1035px;}
.section-19 .experienceNavItem.active .icon4{ background-position: -180px -1095px;}
.section-19 .experienceNavItem.active:before{ content: ""; display: block; height: 2px; width: 270px; background: #dfc591; position: absolute; left: 50%; margin-left: -135px; bottom: -2px;}
.section-19 .experienceNavItem.active:after{ content: ""; display: block; margin:0 auto; height: 0; width: 0; border-top: 6px solid #dfc591; border-left: 3px solid transparent; border-right: 3px solid transparent; position: absolute; left: 50%; margin-left: -3px; bottom: -10px;}
.section-19 .experienceNavItem .itemName{ text-align: center; font-size: 22px; line-height: 22px; color: #fff; letter-spacing: 1px; margin-top: 28px;}
.section-19 .experienceNavItem.active .itemName{ color: #dfc591;}
.section-19 .experienceNavItem .itemPargraph{ text-align: center; font-size: 18px; line-height: 22px; color: #999; letter-spacing: 1px; margin-top: 14px;}
.section-19 .experienceNavItem .verticalLine{ width: 1px; height: 20px; background: #ffffff; margin: 11px auto 0; transition: all 0.3s;}
.section-19 .experienceNavItem.active .verticalLine{ background: #dfc591;}
.section-19 .experienceContentBox{ margin-top: 40px;}
.section-19 .experienceContentItem{ overflow: hidden;}
.section-19 .experienceExplain{ float: left; width: 50%; overflow: hidden;}
.section-19 .experienceExplain .explainImg{ float: left; margin-right: 12px;}
.section-19 .experienceExplain .explainTxt{ margin-top: 9px;}
.section-19 .experienceExplain .explainTxt p{ font-size: 14px; line-height: 24px; color: #ccc;  margin-bottom: 24px;}
.section-19 .experienceExplain .explainTxt p.indent{ text-indent: 2em;}
.section-19 .experienceExample{ float: left; width: 50%; overflow: hidden;}
.section-19 .experienceExample .exampleImg{ float: left; margin-left: 42px; margin-right: 21px;}
.section-19 .experienceExample .exampleTxt{ margin-top: 8px; padding-left: 144px;}
.section-19 .experienceExample .exampleTxt .words{ font-size: 14px; line-height: 24px; color: #ccc; letter-spacing: 1px;}
.section-19 .experienceExample .exampleTxt .from{ font-size: 14px; line-height: 24px; color: #999; letter-spacing: 1px; margin-top: 10px;}
.section-20{ background: url(../images/bj4.jpg) center no-repeat; height: 728px; overflow: hidden;}
.section-20 .sectionTitle{ text-align: center; font-size: 36px; line-height: 48px; letter-spacing: 1px; color: #333; font-weight: lighter; position: relative; margin-top: 82px;}
.section-20 .sectionTitle:after{ content: ""; display: block; width: 120px; height: 3px; background: #c09f5c; position: absolute; left: 50%; margin-left: -60px; bottom: -25px;}
.section-20 .formInfor{ width: 540px; margin: 82px auto 0;}
.section-20 .formInfor .formCtrl{ overflow: hidden; margin-bottom: 21px;}
.section-20 .formInfor .formCtrl label{ overflow: hidden;}
.section-20 .formInfor .formCtrl span{ float: left; font-size: 20px; line-height: 48px; color: #333; letter-spacing: 2px;}
.section-20 .formInfor .formCtrl input{ float: left; width: 424px; height: 46px; border: 1px solid #e2e2e2; padding: 0; font-size: 16px; color: #121313; text-indent: 22px;}
.section-20 .formSubmit{ text-align: center; margin-top: 42px;}
.section-20 .formSubmit input{ width: 239px; height: 54px; background: #d6b16b; font-size: 22px; color: #fff; cursor: pointer;}
.section-20 .formCtrl input:-moz-placeholder { /* Mozilla Firefox 4 to 18 */
    color: #ccc;
    font-size: 16px;
}
.section-20 .formCtrl input::-moz-placeholder { /* Mozilla Firefox 19+ */
    color: #ccc;
    font-size: 16px;
}
.section-20 input:-ms-input-placeholder {
    color: #ccc;
    font-size: 16px;
}
.section-20 input::-webkit-input-placeholder {
    color: #ccc;
    font-size: 16px;
}
/*璧勮涓婚〉*/
/*璧勮涓婚〉*/
.section-21{ width: 1200px; margin:0 auto; padding-top: 127px; padding-bottom: 60px;}
.section-21 .leftContent{ float: left; width: 820px;}
.section-21 .rightContent{ float: right; width: 340px;}
.section-21 .bannerContent{ overflow: hidden;}
.section-21 .bannerContent .mainBanner{ float: left; width: 545px; position: relative;overflow: hidden;}
.section-21 .bannerContent .mainBanner a.h_1{ display: block; width: 100%; height: 100%; position: relative;}
.section-21 .bannerContent .mainBanner a.h_1:before {
    position: absolute;
    content: "";
    bottom: 0px;
    height: 50%;
    width: 100%;
    background-image: -webkit-linear-gradient(180deg, rgba(0,0,0,0) 5%, rgba(0,0,0,0.85) 100%);
    background-image: -moz-linear-gradient(180deg, rgba(0,0,0,0) 5%, rgba(0,0,0,0.85) 100%);
    background-image: linear-gradient(180deg, rgba(0,0,0,0) 0%, rgba(0,0,0,0.85) 100%);
    background:-o-linear-gradient(180deg, rgba(0,0,0,0) 0%, rgba(0,0,0,0.85) 100%);
}
.section-21 .bannerContent .mainBanner .headLine{ z-index: 66; position: absolute; font-size: 22px; height: 40px; line-height: 40px; padding: 20px 30px 0; color: #fff; background: #e22a2a; transform: rotate(-45deg); top: -14px; left: -36px;}
.section-21 .bannerContent .mainBanner .imgDescrible{ position: absolute; font-size: 24px; color: #fff; line-height: 34px; letter-spacing: 2px; bottom: 28px; left: 28px; right: 28px;}
.section-21 .bannerContent .mainBanner .praise{ display: none; position: absolute; right: 28px; bottom: 9px; font-size: 16px; line-height: 34px; color: #888; letter-spacing: 1px; background: url(../images/zan.png) left center no-repeat; padding-left: 21px;}
.section-21 .bannerContent .minorBanner{ float: right; width: 264px; position: relative;}
.section-21 .bannerContent .minorBanner .part{ position: relative; margin-bottom: 12px; width: 264px; height: 198px; display: block;overflow: hidden; position: relative;}
.section-21 .bannerContent .minorBanner .part:before {
    position: absolute;
    content: "";
    bottom: 0px;
    height: 50%;
    width: 100%;
    background-image: -webkit-linear-gradient(180deg, rgba(0,0,0,0) 5%, rgba(0,0,0,0.85) 100%);
    background-image: -moz-linear-gradient(180deg, rgba(0,0,0,0) 5%, rgba(0,0,0,0.85) 100%);
    background-image: linear-gradient(180deg, rgba(0,0,0,0) 0%, rgba(0,0,0,0.85) 100%);
    background:-o-linear-gradient(180deg, rgba(0,0,0,0) 0%, rgba(0,0,0,0.85) 100%);
}
.section-21 .bannerContent .minorBanner .imgDescrible{ position: absolute; font-size: 16px; line-height: 24px; color: #fff; letter-spacing: 1px; bottom: 13px; left: 20px; right: 14px;}
.section-21 .bannerContent .minorBanner .part img{ display: block; /*width: 100%;*/ height: 100%;}
.section-21 .contentBox{ margin-top: 13px;}
.section-21 .leftContent .navList{ overflow: hidden;}
.section-21 .leftContent .navItem{ float: left; width: 14.2857%; font-size: 16px; font-weight: bold; line-height: 28px; padding: 9px 0; color: #999; text-align: center; cursor: pointer; border-bottom: 1px solid #d6d6d6; position: relative;}
.section-21 .leftContent .navItem a{ display: block; height: 28px;}
.section-21 .leftContent .navItem.active:after{ content: ""; display: block; position: absolute; height: 3px; background: #d6b16b; width: 100%; bottom: 0; left: 0;}
.section-21 .leftContent .contentTitle{ font-size: 16px; line-height: 28px; font-weight: bold; color: #bf9e5b; border-bottom: 1px solid #d6d6d6; padding: 9px 0; position: relative;}
.section-21 .leftContent .contentTitle:after{ content: ""; display: block; width: 100px; height: 3px; background: #d6b16b; position: absolute; bottom: 0; left: 0;}
.section-21 .leftContent .contentItem{ padding: 40px 0; border-bottom: 1px solid #e6e6e6; overflow: hidden; transition: all 0.3s;}
.section-21 .contentItem .itemImg{ float: left; width: 258px; height: 140px; margin-right: 30px; position: relative; overflow: hidden;}
.section-21 .contentItem .itemImg a {
    display: block;
    width: 258px;
    height: 140px;
    overflow: hidden;
}
.section-21 .contentItem .itemImg img{ display: block; width: 100%;}
.section-21 .contentItem .itemImg span{ position: absolute; width: 74px; height: 24px; line-height: 24px; background: rgba(0,0,0,0.5); left: 0; bottom: 0; font-size: 12px; line-height: 24px; color: #fff; text-align: center; letter-spacing: 1px;}
.section-21 .contentItem .itemTxt{ float: right; width: 532px; height: 140px; position: relative;}
.section-21 .contentItem .listTitle{ font-size: 18px; line-height: 28px; font-weight: bold; letter-spacing: 2px; }
.section-21 .contentItem .listTitle a{ color: #333; text-decoration: none; display: block; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; transition: all 0.3s;}
.section-21 .contentItem:hover{ background: #f2f2f2;}
.section-21 .contentItem:hover .listTitle a{ color: #d6b16b;}
.section-21 .contentItem .listDescrible{ font-size: 14px; line-height: 24px; letter-spacing: 1px; color: #999; margin-top: 15px;}
.section-21 .contentItem .listInfor{ position: absolute; bottom: 0; width: 100%;}
.section-21 .contentItem .listInfor .source{ float: right; font-size: 12px; line-height: 24px; color: #bbb;}
.section-21 .contentItem .listInfor .iconGroup{ float: right; display: none;}
.section-21 .contentItem .listInfor .iconGroup span{ color: #bbb; font-size: 12px; float: left; line-height: 24px; margin: 0 10px; height: 24px;}
.section-21 .contentItem .listInfor .iconGroup span.readed{ background: url(../images/eye.png) left center no-repeat; padding-left: 18px;}
.section-21 .contentItem .listInfor .iconGroup span.collectible{ background: url(../images/pack.png) left center no-repeat; padding-left: 18px;}
.section-21 .contentItem .listInfor .iconGroup span.praise{ width: auto; background: url(../images/zan.png) left center no-repeat; padding-left: 18px;}
.section-21 .contentBox .loadMore{ height: 58px; border: 1px solid #e6e6e6; margin-top: -1px; transition: all 0.3s;}
.section-21 .contentBox .loadMore a{ display: block; font-size: 16px; color: #bbb; text-align: center; line-height: 58px; text-decoration: none;}
.section-21 .contentBox .loadMore:hover{ background: #f2f2f2; border: 1px solid #f2f2f2;}
.section-21 .rightTitle{ font-size: 20px; line-height: 28px; border-left: 4px solid #d6b16b; padding:0 25px 0 16px; margin-top: 27px;}
.section-21 .rightTitle span{ font-size: 14px; color: #aaa; margin-left: 12px;}
.section-21 .rightTitle a{ font-size: 14px; color: #aaa; margin-left: 12px; float: right;    line-height: 38px;}

.sousuo{width:340px;height: 30px;border:1px solid #eee;margin-bottom: 20px;background: #fff;position: relative;}
.sousuo #sousuo_select{float: left;width: 60px;height: 30px;border: none}
.sousuo .sousuo_serch{float: left;width: 245px;height: 28px}
.sousuo .submit{float: right;width: 33px;height: 30px;background:url(../images/sousuo.png) no-repeat left center;}
.sousuo .hotSearch{position: absolute;right: 33px;top: 0;height: 30px;}
.sousuo .hotSearch span{float: right;margin:5px 10px;padding:4px 3px;background: #efefef}



.section-21 .weiTimeBox,.section-22 .weiTimeBox{ background: #fff; height: 440px; position: relative; box-shadow: 1px 1px 2px #efeeee; overflow: hidden;}
.section-21 .weiTimeBox .newsList,.section-22 .weiTimeBox .newsList{ margin-top: 28px; padding-left: 20px;}
.section-21 .weiTimeBox .newsItem,.section-22 .weiTimeBox .newsItem{ overflow: hidden; margin-bottom: 24px;}
.section-21 .weiTimeBox .newsItem .newsTit,.section-22 .weiTimeBox .newsItem .newsTit{ float: left; margin-right: 12px; position: relative;}
.section-21 .weiTimeBox .newsItem .newsTit span,.section-22 .weiTimeBox .newsItem .newsTit span{ position: absolute; width: 100%; height: 100%; line-height: 56px; left: 0; top: 0; text-align: center; font-size: 18px; color: #fff; letter-spacing: 1px;}
.section-21 .weiTimeBox .newsItem .newsTxt,.section-22 .weiTimeBox .newsItem .newsTxt{ font-size: 14px; line-height: 24px; letter-spacing: 1px; color: #666; margin-top: 4px; padding-right: 18px;}
.section-21 .weiTimeBox .hoverContent,.section-22 .weiTimeBox .hoverContent{ display: none;}
.section-21 .weiTimeBox .publicTitle,.section-22 .weiTimeBox .publicTitle{ font-size: 16px; line-height: 28px; text-align: center; font-weight: bold; color: #666; letter-spacing: 1px; margin-top: 50px;}
.section-21 .weiTimeBox .publicTip,.section-22 .weiTimeBox .publicTip{ font-size: 14px; line-height: 24px; text-align: center; letter-spacing: 1px; color: #999; margin-top: 14px;}
.section-21 .weiTimeBox .publicCountImg,.section-22 .weiTimeBox .publicCountImg{ text-align: center; margin-top: 37px;}
.section-21 .weiTimeBox .concern,.section-22 .weiTimeBox .concern{ font-size: 12px; line-height: 28px; color: #d6b16b; position: absolute; right: 18px; bottom: 10px; cursor: pointer; letter-spacing: 1px;}
.section-21 .rightContent .vip,.section-22 .rightContent .vip{ margin-top: 30px; width: 100%;}
.section-21 .rightContent .vip img{ display: block; width: 100%;}
.section-21 .rightContent .hotArticle,.section-22 .rightContent .hotArticle{ background: #fff; overflow: hidden; margin-top: 30px; padding-bottom: 25px; box-shadow: 1px 1px 2px #efeeee;}
.section-21 .rightContent .articleList,.section-22 .rightContent .articleList{ padding: 0 28px; margin-top: 25px;}
.section-21 .rightContent .articleTxt,.section-22 .rightContent .articleTxt{ padding: 16px 0 14px; border-bottom: 1px solid #f2f2f2;}
.section-21 .rightContent .articleTxt a,.section-22 .rightContent .articleTxt a{ display: block; font-size: 14px; line-height: 24px; height: 48px; color: #666; letter-spacing: 1px; text-decoration: none;}
.section-21 .introduction,.section-22 .introduction{ background: #fff; overflow: hidden; margin-top: 30px; padding-bottom: 21px; box-shadow: 1px 1px 2px #efeeee;}
.section-21 .introductionBox,.section-22 .introductionBox{ padding: 0 28px; margin-top: 15px;}
.section-21 .introductionBox img, .section-22 .introductionBox img{ width: 100%; display: block; }
.section-21 .introductionBox .introductionImg a, .section-22 .introductionBox .introductionImg a{ overflow: hidden; display: block; height: auto;}
.section-21 .introductionTitle,.section-22 .introductionTitle{ font-size: 16px; line-height: 26px; color: #666; letter-spacing: 1px; margin-top: 17px;}
.section-21 .introductionSummary,.section-22 .introductionSummary{ font-size: 14px; line-height: 24px; color: #999; letter-spacing: 1px; margin-top: 10px; overflow: hidden;}
.introductionSummary .down{ background: url(../images/ppt.png) right center no-repeat; padding-right: 20px; float: right;}
.section-21 .introductionTipList,.section-22 .introductionTipList{ margin-top: 18px; padding-top: 13px; border-top: 1px solid #f2f2f2;}
.section-21 .introductionTipList li,.section-22 .introductionTipList li{ font-size: 14px; line-height: 22px; color: #666; letter-spacing: 1px; position: relative; padding-left: 15px; margin: 8px 0;}
.section-21 .introductionTipList li:before,.section-22 .introductionTipList li:before{ content: ""; display: block; width: 4px; height: 4px; position: absolute; left: 0; top: 50%; margin-top: -2px; background: #ccc;}
.section-21 .contribution,.section-22 .contribution{ background: #fff; margin-top: 30px; overflow: hidden; box-shadow: 1px 1px 2px #efeeee;}
.section-21 .contributionTxt,.section-22 .contributionTxt{ font-size: 14px; line-height: 22px; letter-spacing: 1px; color: #aaa; padding: 0 28px; margin-top: 23px;}
.section-21 .contribute,.section-22 .contribute{ padding: 0 28px; margin-top: 30px; padding-bottom: 40px;}
.section-21 .contribute a,.section-22 .contribute a{ display: block; height: 50px; line-height: 50px; font-size: 18px; letter-spacing: 1px; color: #fff; text-decoration: none; text-align: center; background: #d6b16b; border-radius: 3px; transition: all 0.3s;}
.section-21 .contribute a:hover,.section-22 .contribute a:hover{ background: #e6c17c;}
/*璧勮璇︽儏椤�*/
.section-21 .advertisement{ margin-bottom: 30px;}
.section-21 .advertisement img{ display: block; width: 820px;}
.section-21 .articleBox{ background: #fff; padding: 0 60px 70px 40px; overflow: hidden; margin-top: 20px; box-shadow: 1px 1px 2px #ccc;}
.section-21 .articleTitle{ font-size: 26px; line-height: 66px; margin-top: 25px; letter-spacing: 1px; font-weight: bold; color: #333; position: relative;}
.section-21 .articleTitle:before{ content: ""; display: block; width: 4px; height: 44px; background: #d6b16b; position: absolute; left: -40px; top: 50%; margin-top: -22px;}
.section-21 .articleTitle span{ font-size: 14px; color: #fff; background: #d6b16b; display: inline-block; width: 46px; height: 20px; line-height: 20px; text-align: center; border-radius: 3px;}
.section-21 .articleInfor{ overflow: hidden; margin-top: 12px;}
.section-21 .articleInfor .author{ float: left; font-size: 14px; line-height: 24px; letter-spacing: 1px; color: #999;}
.section-21 .articleInfor .classify{ float: left; font-size: 14px; line-height: 24px; letter-spacing: 1px; color: #ccc; margin-left: 24px;}
.section-21 .articleInfor .classify i{ color: #d6b16b; font-style: normal;}
.section-21 .articleInfor .collection{ float: right; font-size: 14px; width: 56px; line-height: 24px; color: #ccc; background: url(../images/pack.png) left center no-repeat; padding-left: 20px; cursor: pointer;}
.section-21 .articleSummary{ font-size: 14px; line-height: 24px; color: #999; letter-spacing: 1px; margin-top: 36px; position: relative; padding-bottom: 30px;}
.section-21 .articleSummary:after{ content: ""; display: block; width: 160px; height: 4px; background: #efefef; position: absolute; left: 0; bottom: -4px;}
.section-21 .leftContent .articleImg{ margin-top: 40px;}
.section-21 .artcleConTxt{ font-size: 16px; line-height: 30px; /*text-indent: 2em;*/ letter-spacing: 1px; color: #333; margin: 30px 0; text-align: justify;}
.section-21 .artcleConTxt p{ font-size: 16px; line-height: 30px; /*text-indent: 2em;*/ letter-spacing: 1px; color: #333; margin: 30px 0; text-align: justify;}
.section-21 .praiseAction{ display: none; width: 100px; height: 48px; line-height: 48px; margin: 0 auto; background: #dedede; border-radius: 3px; margin-top: 47px; font-size: 18px; color: #fff; text-align: center; cursor: pointer; transition: all 0.3s;}
.section-21 .praiseAction.actived{ background: #d6b16b;}
.section-21 .enjoy{ background: #fff; box-shadow: 1px 1px 2px #ccc; margin-top: 32px; padding-bottom: 35px; overflow: hidden;}
.section-21 .enjoyTitle{ font-size: 20px; line-height: 24px; margin-top: 25px; letter-spacing: 1px; color: #333; position: relative; padding-left: 21px; margin-top: 32px;}
.section-21 .enjoyTitle:before{ content: ""; display: block; width: 4px; height: 30px; background: #d6b16b; position: absolute; left: 0; top: 50%; margin-top: -15px;}
.section-21 .enjoyBox{ margin-right: -35px; margin-top: 26px;}
.section-21 .enjoyList{ overflow: hidden; padding-left: 27px; padding-right: 36px;}
.section-21 .enjoyItem{ float: left; width: 229px; margin-right: 35px;}
.section-21 .enjoyItem .enjoyPic{ height: 124px; overflow: hidden;}
.section-21 .enjoyItem .enjoyPic img{ display: block; width: 100%;height: 100%;}
.section-21 .enjoyTit a{ display: block; font-size: 14px; line-height: 24px; color: #666; letter-spacing: 1px; text-decoration: none; margin-top: 14px;}
.section-21 .exampleLink,.section-22 .exampleLink{ border: 1px solid #e6e6e6; padding: 8px 0 9px 0; margin-bottom: 30px;}
.section-21 .exampleLink p,.section-22 .exampleLink p{ text-indent: 1em;}
.section-21 .exampleLink p a,.section-22 .exampleLink p a{ font-size: 14px; line-height: 22px; letter-spacing: 1px; color: #666; text-decoration: none;}
.section-21 .recommend{ background: #fff; margin-bottom: 30px; box-shadow: 1px 1px 2px #ccc; overflow: hidden;}
.section-21 .recommendCourseImg{     padding: 0 28px; margin-top: 28px;}
.section-21 .recommendCourseImg a{ display: block; width:100%; overflow: hidden; height: auto;}
.section-21 .recommendCourseImg a img{ display: block; width: 100%;}
.section-21 .recommendCourseTit a{ display: block; font-size: 16px; line-height: 22px; text-decoration: none; letter-spacing: 1px; color: #333; padding: 20px 32px 12px 28px;}
.section-21 .courseArrangement{ margin: 0 32px 0 28px; border-top: 1px solid #f2f2f2; padding: 12px 0;}
.section-21 .courseArrangement li{ overflow: hidden;}
.section-21 .courseArrangement li .time{ float: left; width: 123px; font-size: 14px; line-height: 34px; letter-spacing: 1px; color: #666; position: relative; padding-left: 15px;}
.section-21 .courseArrangement li .time:before{ content: ""; display: block; width: 4px; height: 4px; background: #ccc; position: absolute; left: 0; top: 50%; margin-top: -2px;}
.section-21 .courseArrangement li .addr{ float: left; font-size: 14px; line-height: 34px; letter-spacing: 1px; color: #666;}
.section-21 .courseArrangement li a{ float: right; font-size: 14px; line-height: 34px; letter-spacing: 1px; color: #d6b16b; text-decoration: none;}
.section-21 .recommend .more{ height: 40px; background: #f9f9f9;}
.section-21 .recommend .more a{ display: block; line-height: 40px; text-align: center; color: #aaa; text-decoration: none; font-size: 14px; letter-spacing: 1px;}
.section-21 .latestHotCourse,.section-22 .latestHotCourse{ background: #fff; overflow: hidden; margin-top: 30px; box-shadow: 1px 1px 2px #ccc;}
.section-21 .courseList,.section-22 .courseList{ padding: 0 32px 28px 28px;}
.section-21 .courseList li,.section-22 .courseList li{ border-bottom: 1px solid #f2f2f2; padding: 18px 0 14px;}
.section-21 .courseList .courseInf,.section-22 .courseList .courseInf{ overflow: hidden;}
.section-21 .courseList .courseInf .time,.section-22 .courseList .courseInf .time{ float: left; font-size: 14px; line-height: 16px; color: #999; background: url(../images/clock.png) left center no-repeat; padding-left: 26px;}
.section-21 .courseList .courseInf .addr,.section-22 .courseList .courseInf .addr{ float: left; font-size: 14px; line-height: 16px; color: #999; border-left: 1px solid #999; padding-left: 6px; margin-left: 6px;}
.section-21 .courseList .courseName a,.section-22 .courseList .courseName a{ font-size: 14px; line-height: 24px; display: block; letter-spacing: 1px; color: #666; text-decoration: none; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; margin-top: 8px; letter-spacing: 1px;}
.section-21 .yearSchedule,.section-22 .yearSchedule{ height: 62px; line-height: 62px; border: 2px solid #d6b16b; border-radius: 3px; text-align: center; margin-top: 30px; box-shadow: 2px 2px 3px #e1e1e1;}
.section-21 .yearSchedule a,.section-22 .yearSchedule a{ display: block; font-size: 22px; letter-spacing: 1px; text-decoration: none; color: #D6B16B;}
.section-21 .yearSchedule a img,.section-22 .yearSchedule a img{ margin-right: 14px;}
.share{ position: fixed; left: 50px; top: 300px; z-index: 99999999; display: none;}
.share .shareList li{ width: 30px; height: 30px; border-radius: 50%; margin: 10px 0;}
.share .shareList li a{ display: block; width: 100%; height: 100%; background-image: url(../images/icons.png); background-repeat: no-repeat; background-color: #b9b6b6; border-radius: 50%; font-size: 16px; line-height: 30px; text-indent: -999px; transition: all 0.3s;}
.share .shareList li.sinna a{ background-position: -309px -1051px;}
.share .shareList li.wx a{ background-position: -339px -1051px;}
.share .shareList li.wb a{ background-position: -369px -1051px;}
.share .shareList li.zone a{ background-position: -399px -1051px;}
.share .shareList li.more a{ background-position: -429px -1051px;}
.share .shareList li.sinna:hover a{ background-color: #e6162d;}
.share .shareList li.wx:hover a{ background-color: #51b342;}
.share .shareList li.wb:hover a{ background-color: #5ac5f9;}
.share .shareList li.zone:hover a{ background-color: #ffce00;}
.share .shareList li.more:hover a{ background-color: #d6b16b;}
/*鏈€鏂版姤鍛�*/
.section-22{ width: 1200px; margin:0 auto; padding-top: 127px;}
.section-22 .leftContent{ float: left; width: 820px; padding-bottom: 60px;}
.section-22 .rightContent{ float: right; width: 340px;}
.section-22 .reportList{}
.section-22 .reportItem{ overflow: hidden; padding: 40px 0; height: 140px; border-bottom: 1px solid #e6e6e6; transition: all 0.3s; cursor: pointer;}
.section-22 .reportItem:hover{ background: #f2f2f2;}
.section-22 .reportItem .reportImg{ float: left; margin-right: 52px; width: 258px; height: 140px;}
.section-22 .reportItem .reportImg a{ display: block; width: 258px; height: 140px; overflow: hidden; }
.section-22 .reportItem .reportImg img{ width: 100%;}
.section-22 .reportItem .reportInfor{ height: 140px; width: 510px; float: left; position: relative;}
.section-22 .reportItem .reportName{ font-size: 18px; line-height: 28px; color: #333; font-weight: bold; letter-spacing: 1px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
.section-22 .reportItem .reportName a{ color: #333; text-decoration: none; transition: all 0.3s;}
.section-22 .reportItem:hover .reportName a{ color: #d6b16b;}
.section-22 .reportItem .reportDesc{ font-size: 14px; line-height: 24px; color: #999; letter-spacing: 1px; margin-top: 15px;}
.section-22 .reportItem .reportRelevant{ position: absolute; bottom: -4px; left: 0; right: 0;}
.section-22 .reportItem .reportRelevant span{ float: left; font-size: 12px; line-height: 24px; color: #bbb; margin-right: 24px;}
.section-22 .reportItem .reportRelevant .readQty{ background: url(../images/eye.png) left center no-repeat; padding-left: 18px;}
.section-22 .reportItem .reportRelevant .downloadQty{ background: url(../images/download.png) left center no-repeat; padding-left: 12px;}
.section-22 .reportItem .reportRelevant .downloadBtn{ float: right; font-size: 12px; color: #999; line-height: 24px; text-decoration: none; background: url(../images/pdf.png) left center no-repeat; padding-left: 24px; margin-right: 14px;}
.section-22 .reportItem .reportRelevant a.ppt{background: url(../images/ppt.png) left center no-repeat;}
.section-22 .loadMore{ height: 60px; line-height: 60px; transition: all 0.3s;}
.section-22 .loadMore:hover{ background: #f2f2f2;}
.section-22 .loadMore a{ display: block; font-size: 16px; color: #bbb; text-align: center; text-decoration: none;}
.section-22 .downloadSort{ background: #fff; overflow: hidden; padding-bottom: 27px; box-shadow: 1px 1px 2px #ccc; margin-top: 22px;}
.section-22 .rightTitle{ font-size: 20px; line-height: 28px; border-left: 4px solid #d6b16b; padding-left: 16px; margin-top: 27px;}
.section-22 .rightTitle a { font-size: 14px; color: #aaa; margin-left: 12px; float: right;  line-height: 38px; margin-right: 25px;}
.section-22 .sortBox{ padding: 0 32px 0 28px; margin-top: 26px;}
.section-22 .sortImg{ margin-bottom: 2px;}
.section-22 .sortItem{ border-bottom: 1px solid #f2f2f2; padding: 16px 0 12px 0;}
.section-22 .sortItem .courseTit{ overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
.section-22 .sortItem .courseTit a{ font-size: 14px; line-height: 24px; letter-spacing: 1px; color: #666; text-decoration: none;}
.section-22 .sortItem .courseTit a span{ color: #d6b16b; float: left; width: 24px; text-align: center;}
.section-22 .sortItem .downloadQty{ overflow: hidden; margin-top: 8px;}
.section-22 .sortItem .downloadQty a{ font-size: 12px; line-height: 24px; float: right; letter-spacing: 1px; color: #fff; background: url(../images/download.png) left center no-repeat; padding-left: 15px; text-decoration: none;}
/*鏈€鏂版姤鍛婅鎯呴〉*/
.section-21 .download{ margin-top: 64px;}
.section-21 .download .downloadTip{ text-align: center; font-size: 16px; line-height: 30px; letter-spacing: 1px; color: #d6b16b;}
.section-21 .download .downloadNum{ text-align:center; font-size: 14px; line-height: 30px; letter-spacing: 1px; color: #aaa; display: none;}
.section-21 .download .downloadBtn{ display: block; width: 116px; height: 48px; border-radius: 3px; background: #d6b16b; margin: 8px auto 0; text-align: center; line-height: 48px; font-size: 18px; color: #fff; text-decoration: none; letter-spacing: 1px; transition: all 0.3s;}
.section-21 .download .downloadBtn:hover{ background: #e4bd72;}
.section-21 .download .downloadBtn a:hover{color: #fff; }
.section-21 .download .downloadBtn img{ margin-right: 5px;}
.section-21 .topspacing{ height: 42px;}
.section-21 .downloadSort{ background: #fff; overflow: hidden; padding-bottom: 27px; box-shadow: 1px 1px 2px #ccc; margin-top: 22px;}
.section-21 .sortBox{ padding: 0 32px 0 28px; margin-top: 26px;}
.section-21 .sortImg{ margin-bottom: 2px;}
.section-21 .sortItem{ border-bottom: 1px solid #f2f2f2; padding: 16px 0 12px 0;}
.section-21 .sortItem .courseTit{ overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
.section-21 .sortItem .courseTit a{ font-size: 14px; line-height: 24px; letter-spacing: 1px; color: #666; text-decoration: none;}
.section-21 .sortItem .courseTit a span{ color: #d6b16b; float: left; width: 24px; text-align: center;}
.section-21 .sortItem .downloadQty{ overflow: hidden;}
.section-21 .sortItem .downloadQty a{ font-size: 12px; line-height: 24px; float: right; letter-spacing: 1px; color: #fff; background: url(../images/download.png) left center no-repeat; padding-left: 15px; text-decoration: none;}
.section-21 .reportInf{ overflow: hidden; margin-top: 16px;}
.section-21 .reportInf span{ float: left; letter-spacing: 1px; padding-right: 12px; margin-right: 12px;}
.section-21 .reportInf .time{ font-size: 14px; line-height: 16px; color: #999; /*border-right: 1px solid #ddd;*/}
.section-21 .reportInf .readed{ display: none; float: left; font-size: 12px; line-height:16px; color: #bbb; background: url(../images/eye.png) left center no-repeat; padding-left: 18px; border-right: 1px solid #ddd;}
.section-21 .reportInf .downloadQty{display: none; float: left; font-size: 12px; line-height: 16px; color: #bbb; background: url(../images/download.png) left center no-repeat; padding-left: 12px;}
.section-21 .reportInf a{ float: right; font-size: 12px; line-height: 16px; color: #999; text-decoration: none; letter-spacing: 1px; background: url(../images/pdf.png) left center no-repeat; padding-left: 25px;}
.section-21 .reportInf a.ppt{background: url(../images/ppt.png) left center no-repeat;}
.section-23{ height: 996px; background: url(../images/23Bj.jpg) center no-repeat; overflow: hidden; position: relative;}
.section-23 .breadNav{ margin-top: 112px;}
.section-23 .caption{ text-align: center; font-size: 32px; line-height: 32px; color: #f7f7f7; margin-top: 47px;}
.section-23 .inspiration{ position: relative; text-align: center; font-weight: lighter; color: #bf9e5b;  font-size: 20px; line-height: 22px; padding-top: 28px; margin-top: 20px;}
.section-23 .inspiration:before{ content: ""; display: block; width: 70px; height: 3px; background: #d7b06b; position: absolute; left: 50%; margin-left: -35px; top: 0;}
.section-23 .timeLine{ text-align: center; position: relative; z-index: 1; margin-top: 148px;}
.section-23 .timeLine:after{ content: ""; display: block; width: 975px; height: 2px; background: url(../images/timeLine.png) center no-repeat; position: absolute; top: 8px; left: 50%; margin-left: -487px; z-index: -1;}
.section-23 .year{ display: inline-block; margin: 0 12px;}
.section-23 .year .circle{ width: 15px; height: 15px; background: #202427; border: 1px solid #d7b06b; border-radius: 50%; margin: 0 auto; cursor: pointer;}
.section-23 .year .yearNumber{ text-align: center; font-size: 16px; line-height: 22px; color: #999999; font-family: arial; margin-top: 12px;}
.section-23 .year.active .circle{ background: #d7b06b;}
.section-23 .year.active .yearNumber{ color: #d7b06b;}
.section-23 .eventsBox{}
.section-23 .eventsBox .whichYear{ font-size: 44px; line-height: 50px; font-weight: bold; text-align: center; color: #d7b06b; margin-top: 46px;}
.section-23 .eventsBox .event{ text-align:center; margin: 17px 0 23px;}
.section-23 .eventsBox .event span{ display: inline-block; font-size: 16px; line-height: 24px; height: 24px; border: 1px solid #fff; border-radius: 3px; color: #ffffff; padding: 0 12px;}
.section-23 .eventsBox .course{ font-size: 18px; line-height: 30px; color: #d7b06b; letter-spacing: 1px; text-align: center;}
.section-23 .eventsBox .course span{ display: block;}
.section-23 .bottomText{ width: 1200px; position: absolute; left: 50%; margin-left: -600px; bottom: 102px;}
.section-23 .bottomText .side{ float: left; width: 50%;}
.section-23 .bottomText .tit{ width: 96px; height: 69px; float: left; border: 1px solid #7c7e7f; border-radius: 6px; text-align: center; color: #fff; font-size: 12px; line-height: 22px; letter-spacing: 1px; padding-top: 27px; margin-left: 42px; margin-right: 23px;}
.section-23 .bottomText .tit b{ font-size: 20px; line-height: 22px; font-weight: bold;}
.section-23 .bottomText .txt{ margin-top: 17px;}
.section-23 .bottomText .txt p{ font-size: 16px; line-height: 30px; letter-spacing: 1px; color: #f7f7f7;}
.section-24{ overflow: hidden; padding-bottom: 62px;}
.section-24 .caption{ text-align: center; font-size: 32px; letter-spacing: 1px; line-height: 32px; margin-top: 95px; color: #333333; position: relative;}
.section-24 .caption:after{ content: ""; display: block; width: 70px; height: 3px; background: #d7b06b; position: absolute; left: 50%; margin-left: -35px; bottom: -22px;}
.section-24 .summary{ font-size: 14px; line-height: 26px; letter-spacing: 1px; color: #333333; padding: 0 55px; margin-top: 77px;}
.section-24 .slide{ position: relative; height: 478px;}
.section-24 .slide .btn{ display:block; width: 33px; height: 107px; background-color: #c6c6c6; background-image: url(../images/icons.png); background-repeat: no-repeat; border-radius: 5px; position: absolute; top: 50%; margin-top: -53px;cursor: pointer;}
.section-24 .slide .btn.btnPrev{ left: 0; background-position: -150px -710px;}
.section-24 .slide .btn.btnNext{ right: 0; background-position: -183px -710px;}
.section-24 .slideBox{ width: 1090px; margin: 0 auto; border: 1px solid #e1e1e1; background: #fff; overflow: hidden;}
.section-24 .slideList{ width: 10000px;}
.section-24 .slideItem{ float: left; width: 1090px; height: 476px; background: #fff;}
.section-24 .slideTit{ text-align: center; font-size: 30px; line-height: 30px; font-weight: bold; color: #d7b06b; letter-spacing: 6px; text-indent: -6px; margin-top: 40px;}
.section-24 .slideItem .contents{ overflow: hidden; padding: 0 50px; margin-top: 38px;}
.section-24 .contents .part{ float: left; width: 448px;}
.section-24 .contents .part .img{ width: 448px; height: 166px; text-align: center; margin-bottom: 25px; overflow: hidden;}
.section-24 .contents .part .img img{ display: block; width: 100%;}
.section-24 .contents .part .txt{ font-size: 14px; line-height: 28px; letter-spacing: 1px; color: #666; text-align: justify;}
.section-24 .contents .arrow{ float: left; margin: 64px 34px 0 34px;}
.section-24 .tip{ width: 1092px; height: 90px; background: url(../images/24-border.png) center no-repeat; margin: 40px auto 0; text-align: center;}
.section-24 .tip span{ display: inline-block; font-size: 16px; line-height: 30px; letter-spacing: 1px; position: relative; margin: 30px 0;}
.section-24 .tip span:before{ content: ""; display: block; width: 30px; height: 25px; background: url(../images/quoteL.png) center no-repeat; position: absolute; left: -45px; top: 50%; margin-top: -12px;}
.section-24 .tip span:after{ content: ""; display: block; width: 30px; height: 25px; background: url(../images/quoteR.png) center no-repeat; position: absolute; right: -45px; top: 50%; margin-top: -12px;}
.section-25{ overflow: hidden; height: 852px; background: url(../images/25-bj.jpg) center no-repeat;}
.section-25 .caption{ text-align: center; font-size: 32px; letter-spacing: 1px; line-height: 32px; margin-top: 95px; color: #fff; position: relative;}
.section-25 .caption:after{ content: ""; display: block; width: 70px; height: 3px; background: #d7b06b; position: absolute; left: 50%; margin-left: -35px; bottom: -22px;}
.section-25 .studyOnline{ margin-top: 110px;}
.section-25 .studyOnline li{ width: 530px;}
.section-25 .studyOnline h2{ color: #d7b06b; font-weight: normal; font-size: 24px; margin-bottom: 15px;}
.section-25 .studyOnline h2 span{ font-size: 30px;}
.section-25 .studyOnline p{ font-size: 16px; line-height: 26px; color: #fff; letter-spacing: 1px;}
.section-25 .studyOnline .inforShow{ margin-top: 70px;}
.section-25 .studyOnline li.first .inforShow{ margin-right: -20px;}
.section-25 .studyOnline li.later .inforShow{ margin-right: -52px;}
.section-25 .studyOnline .show{ float: left;}
.section-25 .studyOnline li.first .show{ margin-right: 20px;}
.section-25 .studyOnline li.later .show{ margin-right: 52px;}
.section-25 .studyOnline .show .img{ width: 140px; height: 140px; margin: 2px 0; position: relative;}
.section-25 .studyOnline .show .img:after{ content: ""; display: block; width: 0; height: 0; border-top: 10px solid #666; border-left: 8px solid transparent; border-right: 8px solid transparent; position: absolute; left: 50%; margin-left: -8px; bottom: -24px;}
.section-25 .studyOnline .show .text{ text-align: center; font-size: 18px; line-height: 30px; color: #f7f7f7; font-weight: bold; margin-top: 25px;}
.section-25 .studyOnline .show.txt{ border: 2px solid #666; width: 202px; height: 52px; border-radius: 6px; font-size: 16px; text-align: center; line-height: 26px; color: #999; letter-spacing: 1px; padding: 44px 0;}
.section-25 .tip{ border-left: 3px solid #d7b06b; font-size: 16px; line-height: 30px; letter-spacing: 1px; color: #fff; padding-left: 12px; margin-top: 138px;}
.section-25 .tip span{ color: #d7b06b;}
.section-25 .tip i{ font-size: 20px; padding-right: 3px;}
/*鑱旂郴鎴戜滑*/
.section-21 .contactBox{ background: #fff; padding-top: 40px; padding-bottom: 80px; box-shadow: 1px 1px 2px #ccc;}
.section-21 .contactContent{ margin-top: 20px;}
.section-21 .contactBox .contactHeader{ padding-left: 23px; position: relative;}
.section-21 .contactBox .contactHeader:before{ content: ""; display: block; width: 4px; height: 44px; background: #d6b16b; position: absolute; left: 0; top: -5px;}
.section-21 .contactBox .contactItem{ margin-bottom: 38px;overflow: hidden;}
.section-21 .contactBox .contactItem dt{ font-size: 24px; line-height: 34px; color: #d6b16b; letter-spacing: 2px; margin-bottom: 22px; position: relative; padding-left: 34px;}
.section-21 .contactBox .contactItem dt:before{ content: ""; display: block; width: 34px; height: 34px; position: absolute; background-image: url(../images/icons.png); background-repeat: no-repeat;left: 0; top: 0;}
.section-21 .contactBox .contactItem.consultation dt:before{ background-position: 0 -1207px;}
.section-21 .contactBox .contactItem.cooperation dt:before{ background-position: -34px -1207px;}
.section-21 .contactBox .contactItem dd{ font-size: 16px; line-height: 34px; color: #666666; letter-spacing: 2px; padding-left: 34px; text-indent: -2px;}
.section-21 .contactBox .company dt:before{ background: url(../images/icons2.png) no-repeat -83px -237px;}
.section-21 .contactBox .company dt{ width: 100%;}
.section-21 .contactBox .company dd{ width: 45%;height:112px;min-height: 112px; float: left; margin-bottom: 50px;}
.section-21 .contactBox .company dd:nth-child(2){ width: 100%;}
.section-21 .contactBox .company dd span{ display: block; font-size: 18px; color: #333333;;}
.section-21 .contactBox .company dd i{ display: block; font-style: normal; font-size: 14px; color: #666666; padding-left: 100px; position: relative;}
.section-21 .contactBox .company dd i:after{ content: ""; width: 16px; height: 16px; z-index: 3333; background: url(../images/icons2.png) no-repeat -19px -244px; position: absolute; top: 10px; left: 0;}
.section-21 .contactBox .company dd i:before{ content: "鑱旂郴鐢佃瘽锛�"; width: 100px; height: 16px; z-index: 3333; position: absolute; top: 8px; left:25px; line-height: 16px;}
.section-21 .contactBox .company dd p{ display: block; font-style: normal; font-size: 14px; color: #666666; padding-left: 100px; position: relative; line-height: 22px;}
.section-21 .contactBox .company dd p:after{ content: ""; width: 16px; height: 16px; z-index: 3333; background: url(../images/icons2.png) no-repeat -50px -244px; position: absolute; top: 3px; left: 0;}
.section-21 .contactBox .company dd p:before{ content: "鍏徃鍦板潃锛�"; width: 100px; height: 16px; z-index: 3333; position: absolute; top: 3px; left:25px; line-height: 16px;}
.section-21 .contactBox .form{ padding-left: 23px;}
.section-21 .contactBox .formTitle{ font-size: 24px; line-height: 34px; color: #d6b16b; letter-spacing: 2px; margin-bottom: 22px; position: relative; padding-left: 34px;}
.section-21 .contactBox .formTitle:before{ content: ""; display: block; width: 34px; height: 34px; position: absolute; background-image: url(../images/icons.png); background-repeat: no-repeat;left: 0; top: 0; background-position: -68px -1207px;}
.section-21 .contactBox .formTip{ font-size: 14px; line-height: 14px; letter-spacing: 1px; color: #999; padding-left: 34px;}
.section-21 .contactBox .formCtrl{ overflow: hidden; margin-top: 20px; padding-left: 23px;}
.section-21 .contactBox .formCtrl label{ float: left; width: 80px; height: 40px; font-size: 14px; color: #999; line-height: 40px; letter-spacing: 1px;}
.section-21 .contactBox .formCtrl input{ float: left; width: 318px; height: 38px; padding: 0; border: 1px solid #999; font-size: 14px; text-indent: 10px;}
.section-21 .contactBox .formCtrl input.verification{ width: 194px;}
.section-21 .contactBox .formCtrl .verificationCode{ float: left; width: 114px; margin-left: 10px;}
.section-21 .contactBox .formCtrl textarea{ float: left; width: 298px; height: 64px; padding: 10px; border: 1px solid #999; font-size: 14px; font-family: "寰蒋闆呴粦";}
.section-21 .contactBox .formSubmit{ padding-left: 103px; margin-top: 20px;}
.section-21 .contactBox .formSubmit input{ width: 318px; height: 45px; background: #d6b16b; border-radius: 3px; font-size: 14px; color: #fff; cursor: pointer;}
/*楂橀】鏂伴椈*/
.section-22 .newsRelevant{ position: absolute; bottom: -4px; left: 0; right: 0;}
.section-22 .newsRelevant span{ float: right; font-size: 12px; line-height: 24px; color: #bbb; margin-right: 24px;}
.section-22 .newsRelevant .readQty{ display: none; float: right; background: url(../images/eye.png) left center no-repeat; padding-left: 18px;}
.section-22 .rightContent .mediaCoverage{ background: #fff; overflow: hidden; margin-top: 30px; padding-bottom: 25px; box-shadow: 1px 1px 2px #efeeee;}
.section-22 .rightContent .coverageList{ padding: 0 28px; margin-top: 25px;}
.section-22 .rightContent .coverageImg{ width: 284px; height: 154px; text-align: center; overflow: hidden;}
.section-22 .rightContent .coverageImg a{ display: block; overflow: hidden;}
.section-22 .rightContent .coverageImg a img{ display: block; width: 100%;}
.section-22 .rightContent .coverageTxt{ padding: 16px 0 14px; border-bottom: 1px solid #f2f2f2;}
.section-22 .rightContent .coverageTxt a{ display: block; font-size: 14px; line-height: 24px; height: 48px; color: #666; letter-spacing: 1px; text-decoration: none;}
.section-22 .rightContent .activityTrailer{ background: #fff; box-shadow: 1px 1px 2px #efeeee; overflow: hidden; padding-bottom: 25px;}
.section-22 .rightContent .trailerTitle{ margin-right: 30px;}
.section-22 .rightContent .trailerTitle .btnGroup{ float: right; overflow: hidden;}
.section-22 .rightContent .trailerTitle .btnGroup .btn{ float: left; width: 26px; height: 22px; border: 1px solid #ddd; cursor: pointer;}
.section-22 .rightContent .trailerTitle .btnGroup .btn.btnPrev{ border-top-left-radius: 3px; border-bottom-left-radius: 3px; background: url(../images/icons.png) no-repeat -60px -700px;}
.section-22 .rightContent .trailerTitle .btnGroup .btn.btnNext{ border-top-right-radius: 3px; border-bottom-right-radius: 3px; background: url(../images/icons.png) no-repeat -86px -700px; margin-left: -1px;}
.section-22 .activityTrailer .slideBox{ width: 280px; margin: 24px auto 0;}
.section-22 .activityTrailer .slideBox .activityThumb{ width: 280px; overflow: hidden;}
.section-22 .activityTrailer .slideBox .activityThumb img{ display: block; width: 280px;}
.section-22 .activityTrailer .activityName{ font-size: 16px; line-height: 22px; margin-top: 16px; max-height: 44px;}
.section-22 .activityTrailer .activityName a{ color: #333; letter-spacing: 2px;}
.section-22 .activityTrailer .activityInfor{ overflow: hidden; margin-top: 20px;}
.section-22 .activityTrailer .activityInfor .time{ font-size: 14px; line-height: 34px; float: left; letter-spacing: 2px; color: #666; position: relative; padding-left: 15px; padding-right: 23px;}
.section-22 .activityTrailer .activityInfor .time:before{ content: ""; display: block; width: 4px; height: 4px; background: #ccc; position: absolute; left: 0; top: 50%; margin-top: -2px;}
.section-22 .activityTrailer .activityInfor .addr{ font-size: 14px; line-height: 34px; float: left; letter-spacing: 2px; color: #666;}
.section-22 .activityTrailer .activityInfor .detailLink{ float: right; font-size: 14px; line-height: 34px; color: #d6b16b; text-decoration: none;}
/*鍏充簬楂橀】*/
.aboutBanner{ height: 588px; background: url(../images/aboutBj.jpg) center no-repeat; overflow: hidden;}
.section-26{ height: 802px; background: url(../images/26Bj.jpg) center no-repeat; overflow: hidden;}
.section-26 .caption{ font-size: 32px; line-height: 32px; text-align: center; position: relative; letter-spacing: 1px; color: #333; position: relative; margin-top: 96px;}
.section-26 .caption:after{ content: ""; display: block; width: 70px; height: 3px; background: #d7b06b; position: absolute; left: 50%; margin-left: -35px; bottom: -23px;}
.section-26 .briefIntroduction{ margin-top: 115px;}
.section-26 .txtDescrible{ float: left; width: 50%;}
.section-26 .txtDescrible p{ font-size: 14px; line-height: 24px; color: #666; letter-spacing: 1px; overflow: hidden; margin-bottom: 30px;}
.section-26 .txtDescrible p .img{ float: right;}
.section-26 .txtDescrible p .txt{ float: left; width: 400px;}
.section-26 .timeLine{ float: right;}
.section-26 .timeList{ position: relative;}
.section-26 .timeList:after{ content: ""; display: block; width: 1px; background: #d9d9d9; position: absolute; left: 63px; top: 8px; bottom: -12px;}
.section-26 .timeList:before{ content: ""; display: block; width: 10px; height: 12px; background: url(../images/arrowTime.png) center no-repeat; position: absolute; left:59px; bottom: -22px;}
.section-26 .timeItem{ overflow: hidden; margin-bottom: 22px;}
.section-26 .timeItem .year{ float: left; font-size: 20px; line-height: 20px; color: #d7b06b; font-family: arial; position: relative; padding-right: 24px;}
.section-26 .timeItem .year:after{ content: ""; display: block; width: 6px; height: 6px; background: #f7f7f7; border: 2px solid #d7b06b; border-radius: 50%; position: absolute; right: 0; top: 50%; margin-top: -5px; z-index: 1;}
.section-26 .timeItem .happen{ float: left; font-size: 12px; line-height: 22px; color: #666666; padding-left: 12px; margin-top: -2px;}
.section-27{ background: #373d41; overflow: hidden; padding-bottom: 87px;}
.section-27 .caption{ font-size: 32px; line-height: 32px; text-align: center; position: relative; letter-spacing: 1px; color: #fff; position: relative; margin-top: 96px;}
.section-27 .caption:after{ content: ""; display: block; width: 70px; height: 3px; background: #d7b06b; position: absolute; left: 50%; margin-left: -35px; bottom: -23px;}
.section-27 .serviceBox{ overflow: hidden; margin-top: 78px;}
.section-27 .serviceImg{ float: left; margin-left: 110px;}
.section-27 .serviceTxt{ float: left; margin-left: 155px;}
.section-27 .serviceList{ margin-top: 40px;}
.section-27 .serviceList li{ margin-bottom: 30px;}
.section-27 .serviceList h2{ font-size: 16px; line-height: 28px; color: #ccc; font-weight: bold;}
.section-27 .serviceList p{ font-size: 16px; line-height: 36px; color: #ccc; letter-spacing: 1px; padding-left: 16px; position: relative;}
.section-27 .serviceList p:before{ content: ""; display: block; width: 3px; height: 3px; background: #cccccc; position: absolute; left: 0; top: 50%; margin-top: -1px;}
.section-27 .serviceList p span{ color: #d7b06b;}
.section-27 .slide{ position: relative; margin-top: 65px;}
.section-27 .slide .btn{ position: absolute; display: block; top: 50%; margin-top: -33px; width: 20px; height: 66px; background-image: url(../images/icons.png); background-repeat: no-repeat; cursor: pointer;}
.section-27 .slide .btnPrev{ left: 0; background-position: 0 -740px;}
.section-27 .slide .btnNext{ right: 0; background-position: -20px -740px;}
.section-27 .slide .slideBox{ margin: 0 auto; overflow: hidden; width: 1135px;}
.section-27 .slide .slideList{ width: 1000000px; overflow: hidden;}
.section-27 .slide .slideItem{ float: left; width: 180px; height: 122px; padding-right: 11px;}
.section-28 { overflow: hidden; padding-bottom: 108px;}
.section-28 .caption{ font-size: 32px; line-height: 32px; text-align: center; position: relative; letter-spacing: 1px; color: #333; position: relative; margin-top: 95px;}
.section-28 .caption:after{ content: ""; display: block; width: 70px; height: 3px; background: #d7b06b; position: absolute; left: 50%; margin-left: -35px; bottom: -23px;}
.section-28 .advantageBox{ margin-top: 100px;}
.section-28 .advantageNavLists{ border-bottom: 1px solid #e0e0e0; padding: 0 20px; position: relative;}
.section-28 .advantageNavLists:after{ content: ""; display: block; clear: both; zoom: 1;}
.section-28 .advantageNavItem{ width: 230px; float: left; cursor: pointer; position: relative; padding-bottom: 10px;}
.section-28 .advantageNavItem .icon{ margin: 0 auto; width: 90px; height: 90px; background-image: url(../images/icons.png); background-repeat: no-repeat; border-radius: 50%; background-color: #dfdfdf; transition: all 0.3s;}
.section-28 .advantageNavItem.active .icon{ background-color: #d7b06b;}
.section-28 .advantageNavItem .icon1{ background-position: 0 -1331px;}
.section-28 .advantageNavItem.active .icon1{ background-position: 0 -1241px;}
.section-28 .advantageNavItem .icon2{ background-position: -90px -1331px;}
.section-28 .advantageNavItem.active .icon2{ background-position: -90px -1241px;}
.section-28 .advantageNavItem .icon3{ background-position: -180px -1331px;}
.section-28 .advantageNavItem.active .icon3{ background-position: -180px -1241px;}
.section-28 .advantageNavItem .icon4{ background-position: -270px -1331px;}
.section-28 .advantageNavItem.active .icon4{ background-position: -270px -1241px;}
.section-28 .advantageNavItem .icon5{ background-position: -360px -1331px;}
.section-28 .advantageNavItem.active .icon5{ background-position: -360px -1241px;}
.section-28 .advantageNavItem.active:before{ content: ""; display: block; height: 2px; width: 230px; background: #dfc591; position: absolute; left: 50%; margin-left: -115px; bottom: -2px;}
.section-28 .advantageNavItem.active:after{ content: ""; display: block; margin:0 auto; height: 0; width: 0; border-top: 6px solid #dfc591; border-left: 3px solid transparent; border-right: 3px solid transparent; position: absolute; left: 50%; margin-left: -3px; bottom: -10px;}
.section-28 .advantageNavItem .itemPargraph{ text-align: center; font-size: 18px; line-height: 28px; color: #333; letter-spacing: 1px; margin-top: 30px;}
.section-28 .advantageNavItem .verticalLine{ width: 1px; height: 20px; background: #999; margin: 11px auto 0; transition: all 0.3s;}
.section-28 .advantageNavItem.active .verticalLine{ background: #dfc591;}
.section-28 .advantageDescrible{ margin-top: 70px;}
.section-28 .advantageItem{ overflow: hidden;}
.section-28 .advantageItem .advantageImg{ float: left; margin-left: 32px;}
.section-28 .advantageItem .advantageTxt{ float: left; margin-left: 40px; width: 632px;}
.section-28 .advantageItem .advantageTxt .AdvantageTitle{ font-size: 24px; line-height: 24px; font-weight: bold; color: #666; margin-top: 7px;}
.section-28 .advantageItem .advantageTxt .advantageWord{ font-size: 16px; line-height: 30px; color: #666; letter-spacing: 1px; margin-top: 28px;}
.section-29{ overflow: hidden; height: 777px; background: url(../images/29Bj.jpg) center no-repeat;}
.section-29 .caption{ font-size: 32px; line-height: 32px; text-align: center; position: relative; letter-spacing: 1px; color: #fff; position: relative; margin-top: 97px;}
.section-29 .caption:after{ content:""; display: block; width: 70px; height: 3px; background: #d7b06b; position: absolute; left: 50%; margin-left: -35px; bottom: -23px;}
.section-29 .mediaCoverage{ overflow: hidden; margin-top: 165px;}
.section-29 .coverageTxt{ float: left; margin-left: 20px;}
.section-29 .coverageList{}
.section-29 .coverageItem{ padding-left: 12px; position: relative;}
.section-29 .coverageItem:before{ content:""; display: block; width: 3px; height: 3px; background: #ccc; position: absolute; left: 0; top: 50%; margin-top: -2px;}
.section-29 .coverageItem a{ display: block; font-size: 14px; line-height: 36px; color: #ccc; letter-spacing: 1px;}
.section-29 .moreBtn{ padding-left: 12px; margin-top: 14px;}
.section-29 .moreBtn a{ display: block; width: 66px; height: 22px; border: 1px solid #999; border-radius: 12px; text-align:  center; line-height: 22px; font-size: 14px; color: #999;}
.section-29 .certificateShow{ float: right; width: 538px; height: 321px; background: url(../images/computer_29.png) center no-repeat; position: relative; margin-right: 25px;}
.section-29 .screen{ width: 406px; height: 255px; margin: 15px auto 0; overflow: hidden;}
.section-29 .certificateList{ overflow: hidden;}
.section-29 .certificateItem{ width: 406px; height: 255px; overflow: hidden; text-align: center;}
.section-29 .certificateItem img{ max-height: 255px;}
.section-29 .slide_thumb{ position: absolute; width: 10px; right: 18px; bottom: 40px;}
.section-29 .slide_thumb span{ display: block; width: 10px; height: 10px; background: #626669; margin: 10px 0; border-radius: 50%; cursor: pointer;}
.section-29 .slide_thumb span.active{ background: #d7b06b;}
.section-30{ overflow: hidden; padding-bottom: 190px;}
.section-30 .caption{ font-size: 32px; line-height: 32px; text-align: center; position: relative; letter-spacing: 1px; color: #333; position: relative; margin-top: 96px;}
.section-30 .caption:after{ content:""; display: block; width: 70px; height: 3px; background: #d7b06b; position: absolute; left: 50%; margin-left: -35px; bottom: -23px;}
.section-30 .customerType{ overflow: hidden; margin-top: 138px;}
.section-30 .customerType .typeImg{ float: left; margin-top: 30px;}
.section-30 .typeList{ float: right; overflow: hidden;}
.section-30 .typeList dl{ float: left; margin-left: 40px;}
.section-30 .typeList dt{ font-size: 16px; line-height: 24px; font-weight: bold; color: #666; letter-spacing: 1px; margin-bottom: 26px;}
.section-30 .typeList dd{ font-size: 14px; line-height: 26px; color: #999; letter-spacing: 1px;}

.section-40{ background: #fff;}
.section-40 .gjp_time{ width: 1200px; margin: auto; overflow: hidden;}
.section-40 .gjp_time .line{ height: auto; overflow: hidden;}
.section-40 .gjp_time dd{ display: block; width: 5200px; overflow: hidden;}
.section-40 .gjp_time dd span{ display: block; width: 150px; float: left; height: 2px; position: relative; background: #707070;}
.section-40 .gjp_time dd span:before{ position: absolute; right: 0; top: -3px; border-radius: 8px; z-index: 1; background: #707070;}
.section-40 .gjp_time dd dt{ height: 22px; width: 5200px; overflow: hidden; }
.section-40 .gjp_time dd dt span{}
#about_news_detail{}
#about_news_detail .activityTrailer{ background: #fff; box-shadow: 1px 1px 2px #efeeee; overflow: hidden; padding-bottom: 25px;}
#about_news_detail .trailerTitle{ margin-right: 30px;}
#about_news_detail .trailerTitle .btnGroup{ float: right; overflow: hidden;}
#about_news_detail .trailerTitle .btnGroup .btn{ float: left; width: 26px; height: 22px; border: 1px solid #ddd; cursor: pointer;}
#about_news_detail .trailerTitle .btnGroup .btn.btnPrev{ border-top-left-radius: 3px; border-bottom-left-radius: 3px; background: url(../images/icons.png) no-repeat -60px -700px;}
#about_news_detail .trailerTitle .btnGroup .btn.btnNext{ border-top-right-radius: 3px; border-bottom-right-radius: 3px; background: url(../images/icons.png) no-repeat -86px -700px; margin-left: -1px;}
#about_news_detail .activityTrailer .slideBox{ width: 280px; margin: 24px auto 0;}
#about_news_detail .activityTrailer .slideBox .activityThumb{ width: 280px; overflow: hidden;}
#about_news_detail .activityTrailer .slideBox .activityThumb img{ display: block; width: 280px;}
#about_news_detail .activityTrailer .activityName{ font-size: 16px; line-height: 22px; margin-top: 16px; max-height: 44px;}
#about_news_detail .activityTrailer .activityName a{ color: #333; letter-spacing: 2px;}
#about_news_detail .activityTrailer .activityInfor{ overflow: hidden; margin-top: 20px;}
#about_news_detail .activityTrailer .activityInfor .time{ font-size: 14px; line-height: 34px; float: left; letter-spacing: 2px; color: #666; position: relative; padding-left: 15px; padding-right: 23px;}
#about_news_detail .activityTrailer .activityInfor .time:before{ content: ""; display: block; width: 4px; height: 4px; background: #ccc; position: absolute; left: 0; top: 50%; margin-top: -2px;}
#about_news_detail .activityTrailer .activityInfor .addr{ font-size: 14px; line-height: 34px; float: left; letter-spacing: 2px; color: #666;}
#about_news_detail .activityTrailer .activityInfor .detailLink{ float: right; font-size: 14px; line-height: 34px; color: #d6b16b; text-decoration: none;}
#about_news_detail .mediaCoverage{ background: #fff; overflow: hidden; margin-top: 30px; padding-bottom: 25px; box-shadow: 1px 1px 2px #efeeee;}
#about_news_detail .coverageList{ padding: 0 28px; margin-top: 25px;}
#about_news_detail .coverageImg{ width: 284px; height: 154px; text-align: center; overflow: hidden;}
#about_news_detail .coverageImg a{ display: block; overflow: hidden;}
#about_news_detail .coverageImg a img{ display: block; width: 100%;}
#about_news_detail .coverageTxt{ padding: 16px 0 14px; border-bottom: 1px solid #f2f2f2;}
#about_news_detail .coverageTxt a{ display: block; font-size: 14px; line-height: 24px; height: 48px; color: #666; letter-spacing: 1px; text-decoration: none;}


.enroll{ overflow:hidden;    border-top: solid 1px #D1D1D1;}
.enroll .enroll-intro{ font-size:16px; color:#444444; line-height:26px; width:852px; margin:0px auto; letter-spacing:1.4px}
.enroll .enroll-intro p{ font-size:14px; color:#666666; letter-spacing:1.4px; padding-top:26px}
.enroll .enroll-intro p span{ color:#1cc9c5}

.enroll .enroll-form{  overflow:hidden;}
.enroll .enroll-title{ font-size:24px; color:#444444; text-align:center; margin-top:20px}
.enroll .enroll-title span{ color:#1cc9c5}
.enroll .enroll-cont{ background:#FFF; width:100%;   padding:11px 0 12px 0}
.enroll .enroll-cont .enroll-ctr{ width:377px; margin:23px auto 0 auto; border-bottom:solid 1px #D1D1D1; background:url(../images/enroll-form-lcon.png) no-repeat}
.enroll .enroll-cont .enroll-ctr1{ background-position:8px 10px}
.enroll .enroll-cont .enroll-ctr2{ background-position:8px -41px}
.enroll .enroll-cont .enroll-ctr3{ background-position:8px -94px}
.enroll .enroll-cont .enroll-ctr4{ background-position:8px -152px}
.enroll .enroll-cont .enroll-ctr5{ background-position:8px -213px}
.enroll .enroll-cont .enroll-ctr label{ float:left; width:117px; font-size:14px; color:#999999; line-height:37px; text-align:right}
.enroll .enroll-cont .enroll-ctr input{ float:left;width:260px; height:37px; line-height:37px; font-family: 寰蒋闆呴粦; font-size:14px; color:#999999; background:none; border:0; outline:none}
.enroll .enroll-cont .enroll-action{ width:318px; margin:53px auto 0 auto}
.enroll .enroll-cont .enroll-action input{ background:#bf9e5b; width:318px; height:45px; font-size:18px; color:#ffffff; letter-spacing:3px; cursor:pointer; outline:none; transition:all 0.3s linear}
.enroll .enroll-cont .enroll-action input:hover{ background:#19B3B0}


.section-41{    width: 1200px;margin: 0 auto;padding-top: 127px;padding-bottom: 60px;}
.section-41 .sousuo_head{width: 100%;height: 60px;border-bottom: 1px solid #e0e0e0}
.section-41 .sousuo2{width:540px;height: 34px;border:1px solid #eee;margin-bottom: 1 0px;background: #fff;position: relative;margin-left: 130px}
.section-41 .sousuo2 #sousuo_select{float: left;width: 60px;height: 32px;border: none;text-indent: 5px}
.section-41 .sousuo2 .sousuo_serch{float: left;width: 440px;height: 32px}
.section-41 .sousuo2 .submit{float: right;width: 33px;height: 32px;background:url(../images/sousuo.png) no-repeat left center;background-size: cover}
.section-41 .sousuo2 .hotSearch{position: absolute;right: 33px;top: 0;height: 30px;}
.section-41 .sousuo2 .hotSearch span{float: right;margin:5px 10px;padding:4px 3px;background: #efefef}

.section-41 .leftContent{float: left;width: 545px;padding-left: 130px;}
.section-41 .leftContent .tips{height: 42px;line-height: 42px;font-size: 14px;color: #999999;}
.section-41 .leftContent .search_result{width: 540px;border:1px solid #d6d6d6;padding:0 10px 10px;margin-bottom: 20px}
.section-41 .leftContent .search_result .sea_head{height: 45px;line-height: 45px;font-size: 16px;color: #e1c698;font-weight:bolder;}
.section-41 .leftContent .search_result .sea_con{width: 100%}
.section-41 .leftContent .search_result .sea_con img{float: left;margin-right: 25px;margin-bottom:10px}
.section-41 .leftContent .search_result .sea_con p{line-height: 22px;font-size: 14px;text-indent: 30px;width: 390px;float: left;}
.section-41 .leftContent .search_result .sea_center{line-height: 30px;font-size: 14px;height: 30px;background: #f0f0f0;text-indent: 20px;}
.section-41 .leftContent .search_result .sea_center a{float: right;margin-right: 20px;}
.section-41 .leftContent .search_result .sea_sear{width: 100%;height: 100px;}
.section-41 .leftContent .search_result .sea_sear .sear_con{width: 100%;height: 100%;overflow:hidden}
.section-41 .leftContent .search_result .sea_sear .sear_con .kong{margin-left: 15px;font-size: 17px;margin-top:20px}
.section-41 .leftContent .search_result .sea_sear .sear_con a{display: inline-block;height: 36px;line-height: 36px;width:45%;text-align:left;text-indent:20px;overflow:hidden;padding-right:10px;white-space: nowrap;text-overflow:ellipsis;text-decoration: underline;}
.section-41 .leftContent .sear_list{width: 100%;}
.section-41 .leftContent .sear_list .kong{margin-left: 15px;font-size: 17px}
.section-41 .leftContent .sear_list .list_item{width: 560px;height: 75px;padding:10px 0;margin-bottom: 10px}
.section-41 .leftContent .sear_list .list_item a{display: inline-block;width: 100%;height: 100%}
.section-41 .leftContent .sear_list .list_item a img{float: left;margin-right: 15px;width:130px;height:75px}
.section-41 .leftContent .sear_list .list_item a .item_con{float: left;width:395px;height: 100%;}
.section-41 .leftContent .sear_list .list_item a .item_con .item_title{font-size: 14px;font-weight: bolder;width:100%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.section-41 .leftContent .sear_list .list_item a .item_con .item_content{font-size: 12px;color: #666666;height: 40px;line-height: 20px;}
.section-41 .leftContent .sear_list .list_item a .item_con .item_time{font-size: 12px;color: #666666}

.section-41 .leftContent .sear_list .list_item:hover{background: #fafafa}
.section-41 .leftContent .sear_list .list_item:hover a .item_con .item_title{color: #d6b16b}

.section-41 .rightContent{float: right;width: 345px;padding-left: 15px;border-left: 1px solid #ececec;margin-top: 40px;}
.section-41 .rightContent .hotZhuan{width: 365px;margin-bottom: 35px;}
.section-41 .rightContent .hotZhuan .tit{height: 30px;line-height: 30px;border-left: 4px solid #d6b16b;padding-left: 10px;font-size: 16px}
.section-41 .rightContent .hotZhuan .show{width: 100%;height: 28px;background: #fafafa;border-bottom: 1px solid #efefef;}
.section-41 .rightContent .hotZhuan .show span:first-child{float: left;line-height: 28px;margin-left: 10px;}
.section-41 .rightContent .hotZhuan .show span:last-child{float: right;line-height: 28px;margin-right: 10px;font-size: 12px;}
.section-41 .rightContent .hotZhuan .hot_list{height: 32px;line-height: 32px;border-bottom: 1px solid #efefef}
.section-41 .rightContent .hotZhuan .hot_list a{color: #0000cc;text-indent: 15px;font-size: 14px;display: inline-block;width: 100%;height: 100%;}
.section-41 .rightContent .hotZhuan .hot_list.start1 a{background: url(../images/star1.png) no-repeat right 20px center}
.section-41 .rightContent .hotZhuan .hot_list.start2 a{background: url(../images/star2.png) no-repeat right 20px center}
.section-41 .rightContent .hotZhuan .hot_list.start3 a{background: url(../images/star3.png) no-repeat right 20px center}
.section-41 .rightContent .hotZhuan .hot_list.start4 a{background: url(../images/star4.png) no-repeat right 20px center}
.section-41 .rightContent .hotZhuan .hot_list.start5 a{background: url(../images/star5.png) no-repeat right 20px center}

.section-41 .rightContent .guanggao{width: 100%;}
.section-41 .rightContent .guanggao img{display: inline-block;width: 365px;height: 240px}
.section-41 .latestHotCourse{ background: #fff; overflow: hidden; margin-top: 30px; box-shadow: 1px 1px 2px #ccc;}
.section-41 .courseList{ padding: 0 32px 28px 28px;}
.section-41 .rightTitle{font-size: 20px;line-height: 28px;border-left: 4px solid #d6b16b;padding: 0 25px 0 16px;margin-top: 27px;}
.section-41 .courseList li{ border-bottom: 1px solid #f2f2f2; padding: 18px 0 14px;}
.section-41 .courseList .courseInf{ overflow: hidden;}
.section-41 .courseList .courseInf .time{ float: left; font-size: 14px; line-height: 16px; color: #999; background: url(../images/clock.png) left center no-repeat; padding-left: 26px;}
.section-41 .courseList .courseInf .addr{ float: left; font-size: 14px; line-height: 16px; color: #999; border-left: 1px solid #999; padding-left: 6px; margin-left: 6px;}
.section-41 .courseList .courseName a{ font-size: 14px; line-height: 24px; display: block; letter-spacing: 1px; color: #666; text-decoration: none; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; margin-top: 8px; letter-spacing: 1px;}
.section-41 .yearSchedule{ height: 62px; line-height: 62px; border: 2px solid #d6b16b; border-radius: 3px; text-align: center; margin-top: 30px; box-shadow: 2px 2px 3px #e1e1e1;}
.section-41 .yearSchedule a{ display: block; font-size: 22px; letter-spacing: 1px; text-decoration: none; color: #D6B16B;}
.section-41 .yearSchedule a img{ margin-right: 14px;}