﻿html, body, div, span,object, iframe,h1, h2, h3, h4, h5, h6, p, blockquote, pre,a, abbr, acronym, address, big, cite, code,del, dfn, em, img, ins, kbd, q, samp,small, strike, strong, sup, tt, var,b, u, i, center,dl, dt, dd, ol, ul, li,fieldset, form, label, legend,table, caption, tbody, tfoot, thead, tr, th, td,article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary,time, mark, audio, video {margin: 0;padding: 0;border: 0; font: inherit;vertical-align: baseline;}
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {display: block;}
html,body{margin:0; padding:0; font-family:"Microsoft YaHei","微软雅黑","SimSun","宋体"; color: #333; font-size: 16px; min-width: 1200px; background:#fff;}
body a{cursor: pointer; text-decoration:none; color:#333;}
ol,ul{list-style: none;}
.clear{zoom:1;}
.clear:after{clear:both; height:0; visibility:hidden; font-size:0; display:block; content:"";}
.fl{float:left;}
.fr{float:right;}

/*通用样式*/
.w1200{width: 1200px; margin: 0 auto; position: relative;}
/*通用标题*/
.sumTit{width:100%; height:87px; margin:60px 0 40px; background-position: center center; background-repeat: no-repeat;}

/*导航*/
.header{padding: 8px 0;}
.header .logo{display: block; height:76px; float: left;}
.header .logo img{height: 100%;}
.header ul {float: left;}
.header ul li{float: left; position: relative; color:#e61d10;}
.header ul li img{position: absolute; top:0; right:0;}
.header ul li img.hot{top:5px; right:-16px;}
.header ul li img.praise{top:8px; right:12px;}
.header ul li a{display: block; font-size: 18px; line-height: 76px; font-weight: bold; padding: 0 14px; }
.header ul li a:hover{text-decoration: underline;}
.header ul li p{font-size: 18px; line-height: 76px; padding: 0 14px;}
.header ul li p:before{content: ''; display: inline-block; width: 20px; height: 20px; background: url(/static23/images/icon_tel.png)no-repeat; background-size:auto 100%; position: relative; top: 3px; margin-right: 6px;}
.loginCont {float: left; line-height: 76px; color:#e61d10;}
.loginCont a{color:#e61d10;;}
#loginwin a{padding:0 10px;}
#loginwin a:hover{text-decoration: underline;}
#logininfowin a{padding: 0 8px; line-height: 76px;}
#logininfowin a:hover{text-decoration: underline;}
#logininfowin span{float: left;}
#l_username:before{display: inline-block; content: ''; width: 20px; height: 20px; background: url(/static23/images/icon_user.png)no-repeat; background-size:auto 100%; position: relative; top: 3px; margin-right: 6px;}

/* banner */
.banner{width:100%; height:442px; z-index: 1;}
.banners{position:relative; width:100%; height:442px; overflow: hidden; z-index:1;}
.banners .slides{z-index:2; overflow:hidden;}
.banners .slides li{width:100%; height:442px; overflow:hidden; background-position: center top; background-repeat: no-repeat;}
.banners .slides li a{display: block; width: 100%; height: 100%;}
.banners .flex-control-nav{ position:absolute; bottom:8px; z-index:2; width: 100%; text-align:center;}
.banners .flex-control-nav li{ display:inline-block;  margin:0 5px; *display:inline; zoom:1;}
.banners .flex-control-nav a{ display:inline-block; width:10px; height:10px; line-height:40px; overflow:hidden; background:#FFF; opacity:.5; border-radius:5px; cursor:pointer;}
.banners .flex-control-nav .flex-active{width: 30px !important; opacity:1;}

/* 师资 */
.teacher{width:100%; padding-bottom:50px; background: url(/static23/images/teacher_bg.png)no-repeat center bottom; background-size: 100% 280px;}
.teacher .sumTit{background-image: url(/static23/images/teacher_title.png);}
.teachers{position:relative; height:500px; overflow: hidden;}
.teachers .slides{z-index:2; height: 100%; overflow:hidden;}
.teachers .slides li{width:100%; position: relative;}
.teachers .slides li img{position: absolute; left:0; top: 0; width: 336px; box-shadow: 0 0 10px #999; background: #fff;}
.teachers .slides li div.txtIntr{width: 640px; height: 430px; background:#fff; padding:60px 30px 0 100px; box-shadow: 0 0 10px #999; float: right; margin-right: 114px;}
.teachers .slides li div.txtIntr h5{font-size:30px; padding-bottom:26px;}
.teachers .slides li div.txtIntr p{font-size: 20px; line-height: 48px; color: #666;}
.teachers .teacherImg{position: absolute; right: 0; top:0; z-index: 2;}
.teachers .flex-direction-nav li a{display: block; width: 50px; height: 50px; position: absolute; right:300px; bottom: 36px; z-index: 2;}
.teachers .flex-direction-nav li a.flex-prev{background: url(/static23/images/t_prev.png);}
.teachers .flex-direction-nav li a.flex-next{background: url(/static23/images/t_next.png); right: 230px;}

/*路径*/
.path{padding-bottom: 60px;}
.path .sumTit{background-image: url(/static23/images/path_title.png);}
.paths dd{width: 380px; height: 250px; float: left; margin-right:30px; background-repeat:no-repeat; position: relative; cursor: pointer;}
.paths dt{width: 380px; height: 520px; position: relative; cursor: pointer;}
.paths dd:nth-child(1){background-image: url(/static23/images/path01.png); margin-bottom: 20px;}
.paths dd:nth-child(2){background-image: url(/static23/images/path02.png); margin-bottom: 20px;}
.paths dd:nth-child(4){background-image: url(/static23/images/path04.png);}
.paths dd:nth-child(5){background-image: url(/static23/images/path05.png);}
.paths dt{background: url(/static23/images/path03.png); float: right;}
.paths dd p,.paths dt p{width: 260px; height: 60px; font-size: 22px; line-height: 60px; color: #fff; text-align: center; background: #F94551; margin: 95px 60px; opacity: .9;}
.paths dt p{margin: 232px auto;}
.paths dd i,.paths dt i{display: block; width: 32px; height: 32px; background: #FFB539; position: absolute; right:-20px; bottom: -12px;}
.paths dt i{top: -20px; right: -12px;}
.paths dd:hover p{opacity: .8;}

/***** 课程 statr *****/
.course{width: 100%; background: url(/static23/images/course_bg.png)no-repeat; padding-top:1px; }
.course .sumTit{background-image: url(/static23/images/course_title.png);}
.courses{width: 1200px; margin:90px auto 60px;position: relative;}
.courses .slides{width: 1150px; padding: 15px; border: 10px solid #F94551; background: #fff;overflow: hidden;}
.courses .slides li{position: relative; display: none;}
.courses .slides li:nth-child(1){display: block;}
.courses .slides li a.banxingA{width: 532px; height: 349px; background: url(/static23/images/changxue.png); display: block; border-radius: 10px; position: absolute; right:12px; bottom:60px;}
.courses .slides li a.mixun{background: url(/static23/images/mixun.png);}
.courses .slides li:after{clear:both; height:0; visibility:hidden; font-size:0; display:block; content:"";}
.courses .slides li .red{color: #f94552;}
.con01 .con01Txt{width:780px; margin-left: 36px; float: left;}
.con01 .con01Txt div{padding: 14px 0; border-bottom: 1px dashed #eee;}
/* 通用标题 */
.cTitle{width: 112px; height: 40px; line-height: 40px; background: #F94551; border-radius: 0 20px 20px 0; color: #fff; text-align: center; color: #fff; font-size: 18px; display:inline-block; margin:0 25px 8px 0;}
/* 通用选择 */
.rightTxt{font-size: 14px; margin-right:30px; padding: 8px 0; display: inline-block;}
.rightTxt i.right{display: inline-block; width: 15px; height: 13px; background: url(/static23/images/course_choose.png); margin-right: 4px; position: relative; top: 2px;}
.rightTxt span{color: #F94551;}
/* 通用圆圈 */
.circleTxt{padding:8px 0; line-height: 14px; margin-right: 20px;}
.circleTxt i.circle{display: inline-block; width: 11px; height: 11px; border: 3px solid #F35342; border-radius: 20px; margin-right: 10px; position: relative; top: 2px}
/*通用距离*/
.pt8{padding-top: 8px;}
.pb8{padding-bottom:8px;}
/* 课时*/
.keshi{display: flex;}
/* 价格 */
.price i.priceIcon{display: inline-block; width: 23px; height: 41px; background: url(/static23/images/couse_icon.png);}
.price b{font-size: 18px; padding: 0 60px;}
.price b strong{color: #EB5959; font-size: 28px;}
.price a{display: inline-block; width: 124px; height: 42px; line-height: 42px; background: #FFB539; text-align: center; font-size: 18px; color: #fff; border-radius: 20px;}
/* 服务 */
.fuwu{display: flex;}
.fuwu .number{display: block; line-height: 30px;}
.fuwu .number i{color: #F94551; padding: 0 6px 0 20px;}
/*课程内容*/
.con2 .circleTxt{display: flex; line-height: 28px; font-weight: normal; margin-right: 0;}
.con2 .circleTxt i.circle{top: 4px;}
.con2 .circleTxt span{display: block; width:1120px;}
.con2 .circleTxt b{font-weight: bold; color: #F94551;}
/*课程资料*/
.con3{margin-top:10px; padding: 14px 0; border-top: 1px dashed #eee;  border-bottom: 1px dashed #eee; width: 588px;}
/*版型特色*/
.con4{padding: 14px 0;}
.courses .flex-control-nav {position: absolute; left:0; top:-52px; width: 100%;}
.courses .flex-control-nav li{display: inline-block; margin-right: 20px; text-align: center;}
.courses .flex-control-nav li a{display:block; width: 266px; height: 50px; line-height: 50px;  border: 1px solid #fff; font-size: 22px; color: #fff; border-radius: 30px 0 0 0;}
.courses .flex-control-nav li a.flex-active{background: #fff; color: #F94551;}
.courses .flex-control-nav li:nth-child(1){ border-radius:30px 0 0 0;}
.courses .flex-control-nav li:nth-child(2){ border-radius:0 30px 0 0;}
/***** 课程 END *****/


/*五位一体*/
.five{width: 100%; height:688px; background: url(/static23/images/five.png)no-repeat center center;}
.five .fiveTitle{position: absolute; right: 0; top: 100px;}
.five .fiveTitle h5{font-size: 40px; color: #666;}
.five .fiveTitle p{padding: 16px 0;}
.five .fiveTitle p span{display: inline-block; width:42px; height:42px; line-height:42px; background: #C9B05D; font-size: 22px; color: #fff; text-align: center; border-radius: 50px; margin-right: 32px;}
.five .fiveTitle h6{color: #666;}
.fives{position: relative; width: 100%; height: 100%;}
.fives .txtCon{width:590px; height: 416px; background: #ffff; float: right; margin:272px 22px 0 0; }
.fives .txtCon h5{font-size: 32px; padding: 120px 0 50px; text-align: center;}
.fives .txtCon p{font-size: 22px; color: #666; line-height: 46px; width: 462px; margin: 0 auto;}
.fives .flex-control-nav{padding-left: 106px; padding-top: 128px; width: 480px;}
.fives .flex-control-nav li{padding: 16px 0;}
.fives .flex-control-nav li a{color: #fff; font-size: 22px; line-height: 42px;}
.fives .flex-control-nav li a i{display: inline-block; width:42px; height:42px; line-height:42px; background: #C9B05D; margin-right: 22px; text-align: center; border-radius: 50px;}
.fives .flex-control-nav li a.flex-active i{background: #fff; color: #C9B05D; }
.fives .flex-direction-nav{height: 105px; padding-left:478px; margin-top:13px; }
.fives .flex-direction-nav li{display: inline-block; width: 55px; height: 105px;}
.fives .flex-direction-nav a{display:block; width:100%; height:100%;}
.fives .flex-direction-nav a.flex-prev{background: url(/static23/images/five_prev.png)no-repeat center center;}
.fives .flex-direction-nav a.flex-next{background: url(/static23/images/five_next.png)no-repeat center center;}
.fives .flex-direction-nav a:hover{opacity: 0.7;}

/*审核*/
.check{padding-bottom:76px;}
.check .sumTit{background-image: url(/static23/images/check_title.png);}
.check .checks{background: url(/static23/images/check_bg.png)no-repeat center center; border-radius: 10px; box-shadow: 0 0 10px #eaeaea; padding-bottom: 60px;}
.checks{position: relative;}
.checks .form{width: 1100px; margin: 0 auto; padding-top: 43px;}
.checks .form input{width: 316px; height:56px; background: #F7F7F7; font-size: 20px; color: #666; text-indent: 1em; float: left; border: 0; margin:15px 23px; border-radius: 8px; font-weight: normal; outline: 0;}
.checks .form input[type="submit"]{background:url(/static23/images/check_pointer.png)no-repeat 40px bottom #FF6A6D; color: #fff; background-size: 14%;}
.checks .form input[type="submit"]:hover{background: #FF4A4E; cursor: pointer;}
.checks .checkFlow{font-size: 20px; color: #444; line-height: 48px; border-left: 4px solid #F94551; border-radius: 3px; text-indent: 1em; background: #F3F3F3; width: 1100px; margin:35px auto 40px;}
.checks .flow {width: 1100px; margin: 0 auto;}
.checks .flow li{float: left;}
.checks .flow li div{float: left; width: 71px; text-align: center;}
.checks .flow li div i{width: 100%; height: 71px; display: block;}
.checks .flow li div p{color: #666; line-height: 16px; margin-top: 15px;}
.checks .flow li span{display: block; float: left; width: 26px; height: 13px; background: url(/static23/images/c_arrows.png); margin:29px 25px;}
.checks .flow li:nth-child(1) div i{background: url(/static23/images/c_flow01.png);}
.checks .flow li:nth-child(2) div i{background: url(/static23/images/c_flow02.png);}
.checks .flow li:nth-child(3) div i{background: url(/static23/images/c_flow03.png);}
.checks .flow li:nth-child(4) div i{background: url(/static23/images/c_flow04.png);}
.checks .flow li:nth-child(5) div i{background: url(/static23/images/c_flow05.png);}
.checks .flow li:nth-child(6) div i{background: url(/static23/images/c_flow06.png);}
.checks .flow li:nth-child(7) div i{background: url(/static23/images/c_flow07.png);}
.checks .flow li:nth-child(8) div i{background: url(/static23/images/c_flow08.png);}
.checks .flow li:nth-child(6) div p{width: 82px; position: relative; left: -6px;}
.checkBtom{position: absolute; left:0; bottom:-16px; height: 16px; width: 100%; text-align: center;}

/*服务体系*/
.service{background: #F6F6F6; padding-bottom: 130px; padding-top: 1px;}
.service .sumTit{background-image: url(/static23/images/service_system.png);}
.services{height: 434px; background: url(/static23/images/service_system_img.png)no-repeat center center; position: relative;}
.services div{border-radius: 50%; border: 3px solid #D9C47D; background: #fff; text-align: center; position: absolute;}
.services div h6{font-size: 20px; padding: 56px 0 6px;}
.services div p{color: #666; line-height: 26px; font-weight: normal;}
.services div:nth-child(1){width: 260px; height: 260px; left: 50px; top: 150px;}
.services div:nth-child(2){width: 180px; height: 180px; left: 510px; bottom:-86px;}
.services div:nth-child(3){width: 246px; height: 246px; right: 64px; top: 20px;}

/*教研中心*/
.three .sumTit{background-image: url(/static23/images/three.png);}
.three .list{box-shadow: 0 0 10px #eaeaea; border-radius: 12px;}
.three .list1{float: left; width: 750px; background: url(/static23/images/three_t01.png)no-repeat top center; padding-top: 110px;}
.three .list1 p{float: left; margin: 38px 65px 38px 150px;}
.three .list1 p{width: 105px; height: 105px; background: url(/static23/images/three_t01_icon.png)no-repeat center center;}
.three .list1 div{float: left; width: 340px; margin-top: 10px;}
.three .list1 div a{color: #666; font-size: 20px; margin: 22px 60px 0 0; display: inline-block;}
.three .list div a i{margin-right: 6px; font-size: 12px;}
.three .list div a:hover{color: #FF3648;}
.three .list2{margin-top: 30px; background: url(/static23/images/three_t02.png)no-repeat top center;}
.three .list2 p{background: url(/static23/images/three_t02_icon.png)no-repeat center center;}
.list3{width: 420px; padding-top: 281px; background: url(/static23/images/three_t03.png)no-repeat top center; float: right;}
.list3 div{padding: 30px 23px;}
.list3 a{color: #666; font-size: 20px; display: block; padding:13px 0;}

/*备考方案*/
.programme .sumTit{background-image: url(/static23/images/test_plan_title.png);}
.programme-flex{display:flex;margin-top:40px}
.programme-flex .programme-all{border-left:2px solid #eeeeee;width:250px;overflow:hidden;cursor:pointer}
.programme-flex .programme-all .programme-title{display:flex}
.programme-flex .programme-all .programme-title .programme-title-1{width:2px;height:25px;background-color:#eb5959}
.programme-flex .programme-all .programme-title p{font-size:20px;color:#eb5959;margin-left:18px}
.programme-flex .programme-all .programme-1{margin-left:18px}
.programme-flex .programme-all .programme-1 span{color:#999999;font-size:16px;display:block;margin-top:17px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}
.programme-flex .programme-all .programme-1 p{margin-top:20px;width:95%;font-size:16px;color:#666666;overflow:hidden;white-space:nowrap}
.programme-flex .programme-all .programme-img{margin-left:18px;margin-top:23px;-webkit-filter:grayscale(100%);-moz-filter:grayscale(100%);-ms-filter:grayscale(100%);-o-filter:grayscale(100%);filter:grayscale(100%);filter:gray;position: relative;}
.p-active{-webkit-filter:grayscale(0%) !important;-moz-filter:grayscale(0%) !important;-ms-filter:grayscale(0%) !important;-o-filter:grayscale(0%) !important;filter:grayscale(0%) !important;filter:gray!important}
.programme-p{overflow:hidden;white-space:nowrap;text-overflow:ellipsis}
.programme-active{width:461px!important}
.programme-img .programme-a{display: block; width: 100%; height: 100%; position: absolute; left:0; top: 0; display: none;}
.programme-img .programme-a a{display: block; background: #FF3648; width: 216px; height: 54px; line-height: 54px; text-align: center; font-size: 20px; color: #fff; border-radius: 30px; margin: 80px auto;}
.programme-img .programme-a a:hover{opacity: 0.8;}
.p-active .programme-a{display: block;}

/*平台认证与报道*/
.news{position: relative;}
.news .sumTit{background-image: url(/static23/images/news_title.png);}
.news .slides{z-index:2; overflow:hidden; height: 392px; }
.news ul li .newCon{width:270px; float: left; margin:0 26px 0 8px; border-radius: 10px; box-shadow: 0 0 10px #eaeaea; }
.news ul li .newCon:last-child{margin-right: 0;}
.news ul li .newCon img{border-radius: 10px;}
.news ul li .newCon div{padding:20px 0 40px;}
.news ul li .newCon a{display: block;}
.news ul li .newCon a:hover p{text-decoration: underline;}
.news ul li .newCon div h5{font-size: 18px; margin-bottom: 25px; width:240px; margin: 0 auto; text-align: center; overflow: hidden; white-space: nowrap; text-overflow: ellipsis;}
.news ul li .newCon div p{font-size: 14px; line-height: 28px; color: #666; width: 240px; margin:20px auto 0; overflow: hidden; text-overflow: ellipsis; display: box; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical;}
.news .flex-direction-nav{width: 1200px; margin: 0 auto; position: relative;}
.news .flex-direction-nav li{display: inline-block; width: 55px; height: 105px; position:absolute; top: -260px;}
.news .flex-direction-nav li:first-child{background: url(/static23/images/five_prev.png)no-repeat center center; left: -60px;}
.news .flex-direction-nav li:last-child{background: url(/static23/images/five_next.png)no-repeat center center; right:-60px;}
.news .flex-direction-nav li:hover{opacity: 0.7;}
.news .flex-direction-nav li a{display:block; width:100%; height:100%;}
.news .flex-control-nav{display: none;}

/*品牌*/
.brand {padding-bottom: 100px;}
.brand .sumTit{background-image: url(/static23/images/brand_title.png);}
.brand-flex ul{display:flex;justify-content:space-between;}
.brand-flex ul li{width:33.33%;cursor:pointer}
.brand-flex ul li h5{margin-top:28px;font-size:22px;margin-bottom:10px;text-align:center}
.brand-flex ul li p{text-align:center;color:#666;line-height:31px;margin-top:10px}
.brand-flex ul li img{display:block;margin:auto}

/*弹窗*/
.window{position: fixed; left:0; top: 0; width: 100%; height: 100%; background: rgb(0 0 0 / 40%); z-index: 6; display: none;}
.windows{width:600px; background: #fff; margin: 0 auto; padding-bottom: 30px; border-radius: 10px; position: relative; top: 50%; margin-top: -220px;}
.windows h5{color: #fff; background: #F94551; height: 80px; line-height: 80px; width: 100%; font-size: 26px; position: relative; text-align: center; margin-bottom:30px; border-radius: 10px 10px 0 0;}
.windows h5 i.winClose{position: absolute; right: 20px; top: 20px; background: url(/static23/images/win_close.png); display: block; width: 36px; height: 36px;}
.windows h5 i.winClose:hover{opacity: .8; cursor: pointer;}
.windows p{width: 80%; margin: 0 auto 20px;}
.windows p span{color: #666; font-size: 22px; display: inline-block; width: 150px; text-align: center;}
.windows p input{width: 324px; height:56px; text-indent: 1em; border-radius: 10px; border:1px solid #CCC; font-size: 18px; outline: 0;}
.windows a{width: 200px; height: 50px; line-height: 50px; border-radius: 50px; font-size: 20px; background: #F94551; color: #fff;  display: block; margin:30px auto 0; text-align: center;}
.windows a:hover{opacity: 0.8;}
.windows .before{text-align: center; display: none;}
.windows .before img{margin-top: 8px;}
.windows .before h3{font-size: 24px; text-align: center; padding: 20px 0 40px;}
.windows .before p a{display: inline-block; font-size: 18px; width: 160px; border-radius: 5px; margin:20px 12px 0;}

/*右侧框*/
.rightNavs {position:fixed; width:70px; right:0; top:25%; z-index:999; background-color:#FFFF; box-shadow:0px 2px 10px #a2a2a2; border-radius:10px 0px 0px 10px;}
.rightNavs li{display:block; padding: 15px 10px; text-align:center; font-size:16px; line-height: 50px; cursor: pointer; border-bottom: 1px solid #eee;}
.rightNavs li p{width: 50px; height: 50px;}
.rightNavs li i{display: block; width: 50px; height: 50px; background-size:100% 100%; display: none;}
.rightNavs li:nth-child(1) i{background-image: url(/static23/images/r_icon01.png);}
.rightNavs li:nth-child(2) i{background-image: url(/static23/images/r_icon02.png);}
.rightNavs li:nth-child(3) i{background-image: url(/static23/images/r_icon03.png);}
.rightNavs li:nth-child(4) i{background-image: url(/static23/images/r_icon04.png);}
.rightNavs li:nth-child(5) i{background-image: url(/static23/images/r_icon05_h.png);}
.rightNavs li:nth-child(3){line-height: 25px;}
.rightNavs li:nth-child(4){line-height: 25px;}
.rightNavs li:nth-child(5){border:0;}
.rightNavs li:nth-child(5) p{background-image: url(/static23/images/r_icon05.png); background-size:100% 100%;}
.rightNavs li:hover i{display: block;}
.rightNavs li:hover p{display: none;}
.rightNavs li:nth-child(4){ position: relative;}
.rightNavs li:nth-child(4):hover .wxShow{display: block;}
.rightNavs li:nth-child(4) .wxShow{display:none; position: absolute; right:70px; top: 0px; background: #fff; padding:10px; box-shadow: -3px 3px 6px rgb(0 0 0 / 20%); border-radius: 5px;}
.rightNavs li:nth-child(4) .wxShow img{width: 100px; vertical-align: top;}
