@charset "UTF-8";

section{}

#topvisual{min-width:1100px; height:400px; position: relative;}
#topvisual .job{width:260px; height:420px; position:absolute; margin-left:840px; background-color:#fff; text-align:center; top:0px; z-index:99;}
#topvisual .job h1{font-weight:normal; font-size:14px; margin:70px 0 20px;}
#topvisual .job h1 strong{font-size:18px;}
#topvisual .job h1 .blue{font-size:24px;}
#topvisual .job ul{}
#topvisual .job ul li{color:#a6a6a6; font-size:12px; line-height:25px;}
#topvisual .job ul li.on{color:#111; font-size:13px; font-weight:bold;}
#topvisual .job ul li.on .blue{margin:0 5px;}
#topvisual .job .onbox{border:3px solid #009be3; margin:5px 0 5px -3px; width:260px; height:32px; box-shadow:0px 3px 3px #ddd inset; position:absolute; top:197px;}
#topvisual .job .end{display:block; width:5px; height:5px; background-color:#ddd; border-radius:50%; margin:0 auto; margin-top:5px;}

.visualtab{position:relative; bottom:90px; height:110px; overflow:hidden; z-index:99;}
.visualtab ul{margin-top:20px;}
.visualtab ul li{display:table-cell; width:168px; height:90px; line-height:90px; background-color:#009be3; color:#a3d1f1; font-size:16px; text-align:center;}
.visualtab ul li.on{background-color:#fff; color:#009be3; font-size:20px; position:relative; bottom:20px; text-decoration:underline;}
.visualtab ul li.on a{font-weight:600; text-decoration:underline;}

.monthwrap{margin-top:40px;}
.monthwrap .monthtab{width:300px; font-size:20px; font-weight:normal; color:#999; height:50px; position:relative; top:50px; z-index:2;}
.monthwrap .monthtab li{width:120px; border-right:1px solid #999; height:18px; line-height:13px; margin-right:10px; display:inline-block;}
.monthwrap .monthtab li:last-child{margin-right:0px; border:none;}
.monthwrap .monthtab li a.on{color:#111; font-weight:600;}
.monthwrap .pause img{margin-top:6px; cursor:pointer;}
.monthwrap .all{border:1px solid #dcdcdc; width:75px; height:23px; line-height:21px; text-align:left; font-size:12px; color:#999; padding-left:8px; background:url('/img/common/btn_down.png') no-repeat 65px center; vertical-align:top; margin:3px 0 0 5px; cursor:pointer;}
.monthwrap .list{}
.monthwrap .list li{border:1px solid #dcdcdc; width:260px; height:220px; background:url('/img/main/monthwrap_listbg.png') no-repeat right top; padding:20px 0px 30px 20px;; box-sizing:border-box;}
.monthwrap .list li:hover{border-color:#009be3; background:url('/img/main/monthwrap_listbg_on.png') no-repeat right top;}
.monthwrap .list li:hover h2{color:#009be3;}
.monthwrap .list li:hover h2 p{color:#009be3;}
.monthwrap .list li:hover button{background-color:#009be3;}
.monthwrap .list li .cover{position:relative; }
.monthwrap .list li .icon{height:35px;}
.monthwrap .list li .icon .gray{display:inline-block; height:24px; line-height:22px; font-size:12px; color:#fff; padding:0 10px; background-color:#999;}
.monthwrap .list li .icon img{vertical-align:top; margin-left:-3px;}
.monthwrap .list li h2{font-size:24px; font-weight:normal; line-height:30px; letter-spacing:-2px; height:120px;}
.monthwrap .list li h2 p{font-size:32px; color:#111;}
.monthwrap .list li p{font-size:12px; color:#999;}
.monthwrap .list li button{width:70px; height:70px; position:relative; left:150px; bottom:25px;}

.memoirswrap{margin-top:80px; height:215px;}
.memoirswrap .width{background-color:#999; height:145px;}
.memoirswrap:before{display:block; content:''; background-color:#999; width:50%; height:145px; position:absolute; right:0; z-index:-99;}
.memoirswrap .with{float:left; color:#fff; font-size:20px; line-height:26px; background:url('/img/main/memoirswrap_bg.png') no-repeat 35px 50px; height:140px; width:440px; padding:40px 0 0 60px;}
.memoirswrap .with strong{font-size:32px; font-weight:600;}
.memoirswrap .memoirs{float:left; background-color:#fff; width:600px; height:200px; margin-top:10px; overflow: hidden !important;}
.memoirswrap .memoirs h1{font-size:20px; border-bottom:1px solid #dcdcdc; padding:30px 0 0 50px; width:480px; height:35px;}
.memoirswrap .memoirs h1 a{float:right; margin-top:5px;}
.memoirswrap .memoirs .list{}
.memoirswrap .memoirs .list li{padding:20px 0 0 40px; height:100px;}
.memoirswrap .memoirs .list li img{float:left; width:130px; overflow:hidden;}
.memoirswrap .memoirs .list li .info{float:left; width:330px; margin-left:30px; font-size:12px; color:#999; height:auto; padding-bottom : 15px}
.memoirswrap .memoirs .list li .info h2{font-size:16px; color:#009be3; margin-bottom:10px;}
.memoirswrap .memoirs .list li .info h2 p{font-size:14px; color:#111;}

.coachwrap{background-color:#f7f7f7; height:345px; margin-top:50px;}
.coachwrap .inner-coachwrap{width: 1125px; margin: 0 auto;}
.coachwrap ul{position: relative;}
.coachwrap ul:after{content:".";display:block;height:0;clear:both;visibility:hidden;}
.coachwrap ul li{width:327px; height:315px; }
.coachwrap ul li h1{background:url('/img/main/coachwrap_bg.png') no-repeat left 35px; height:70px; font-size:38px; letter-spacing:-4px; padding:45px 0 0 5px;}
.coachwrap ul li h2{font-size:14px; color:#666; font-weight:normal; height:55px; overflow:hidden;}
.coachwrap ul li p{font-size:12px; color:#999; height:35px; overflow:hidden; margin:20px 0;}
.coachwrap ul li .btn_more{float:left; width:40px;}
.coachwrap ul li ul{float:left; width:100px; position:relative; top:22px; left:10px;}
.coachwrap ul li ul li{font-size:0; padding:0; display:inline;}
.coachwrap ul li ul li a{display:inline-block; width:15px; height:5px; background-color:#dcdcdc; border-radius:5px;}
.coachwrap ul li ul li.on a{width:5px; background-color:#009be3; border-radius:50%;}

.boardwrap{}
.boardwrap:after{content:".";display:block;height:0;clear:both;visibility:hidden;}
.boardwrap h1{font-size:20px; height:50px;}
.boardwrap h1 img{vertical-align:middle; float:right;}
.boardwrap .left{float:left; width:45%;}
.boardwrap .left .leftwidth{float:right; width:455px;}
.boardwrap .left .jobinfo{margin-top:80px; width:420px; height:595px; position: relative;}
/* .boardwrap .left .jobinfo:after{display:block; content:''; border-bottom:1px solid #dcdcdc; width:45%; position:absolute; left:0; margin-top:43px;} */
.boardwrap .left .jobinfo ul{}
.boardwrap .left .jobinfo ul li{display:table-cell; width:140px; text-align:center;}
.boardwrap .left .jobinfo ul li img{overflow:hidden; width: 420px; height: 236px;}
.boardwrap .left .jobinfo ul li p{font-size:12px; color:#999; height:45px;}
.boardwrap .left .jobinfo ul li p strong{display:block; color:#333;}
.boardwrap .left .jobinfo ul li button{width:120px; height:30px;}
.boardwrap .left .jobinfo .vod_youtube_a_link{}
.boardwrap .left .jobinfo .video{position: relative;}
.boardwrap .left .jobinfo .video .btn_play{
display: block; width: 100%; height: 100%; background: url('/images/common/icon_play.png') no-repeat center center; position: absolute; top: 0; text-align: center; z-index: 9; background-color: rgba(0,0,0,0.5);}
.boardwrap .left .spec{margin-top:60px; width:420px; height:220px;}
.boardwrap .left .spec .specbox{height:20px; overflow:hidden; margin-bottom:10px;}
.boardwrap .left .spec .specbox .q{float:left; width:25px; font-size:18px; line-height:18px; font-weight:normal;}
.boardwrap .left .spec .specbox .txt{font-size:12px; color:#dcdcdc;}
.boardwrap .left .spec .specbox .txt p{font-size:14px; color:#666; height:40px; overflow:hidden;}
.boardwrap .left .spec .specbox .txt strong{color:#999; margin-right:10px;}
.boardwrap .left .spec .specbox .txt span{margin-left:10px;}
.boardwrap .left .data{width:430px; height:215px;}
.boardwrap .left .data:before{display:block; content:''; background-color:#f7f7f7; width:45%; height:215px; position:absolute; z-index:-99; left:0;}
.boardwrap .left .data .notice{float:left; width:420px; padding-top:40px;}
.boardwrap .left .data .notice div{}
.boardwrap .left .data .notice div:after{content:".";display:block;height:0;clear:both;visibility:hidden;}
.boardwrap .left .data .notice div .tab{float:left; width:80px; height:30px; line-height:30px; text-align:center; font-size:14px; border:1px solid #333; border-bottom:none;}
.boardwrap .left .data .notice div a{float:right; margin:5px 20px 0;}
.boardwrap .left .data .notice ul{margin-top:20px;}
.boardwrap .left .data .notice ul li{font-size:12px; line-height:24px; list-style:inside; height:24px; overflow:hidden; color:#666;}
.boardwrap .left .data .link{float:right; width:100px; height:100px; background-color:#999; color:#fff; font-size:12px; padding:20px 0 0 20px; margin-top:40px;}
.boardwrap .left .data .link p{font-size:18px; line-height:18px; font-weight:600; margin-bottom:10px;}
.boardwrap .left .data .link span{color:#484848;}
.boardwrap .left .data .link a{position:relative; top:15px; left:55px;}
.boardwrap .right{float:left; width:54%; border-left:1px solid #dcdcdc;}
.boardwrap .right .news{margin-top:80px; margin-left:45px; width:585px; height:595px;}
.boardwrap .right .news ul{}
.boardwrap .right .news ul li{height:120px; margin-bottom:50px;}
.boardwrap .right .news ul li:last-child{margin-bottom:0px;}
.boardwrap .right .news ul li img{float:left; width:200px; height:120px; overflow:hidden;}
.boardwrap .right .news ul li .txt{float:right; width:340px; font-size:12px; color:#999;}
.boardwrap .right .news ul li .txt h2 a{font-size:16px; color:#333; height:45px; overflow:hidden; font-weight:bold;}
.boardwrap .right .news ul li .txt p{color:#666; height:35px; overflow:hidden; margin:10px 0;}
.boardwrap .right .news ul li .txt strong{}
.boardwrap .right .news ul li .txt strong:after{content:''; display: inline-block; width: 1px; height: 9px; background-color: #999; margin: 0px 10px ;}
.boardwrap .right .news ul li .txt strong:last-child:after{content:''; display: none;}

.boardwrap .right .news ul li:nth-child(2n) img{float:right;}
.boardwrap .right .news ul li:nth-child(2n) .txt{float:left;}

.boardwrap .right .guide{background-color:#f7f7f7; width:640px; height:215px;}
.boardwrap .right .guide .banner{float:left; border-top:1px solid #dcdcdc;}
.boardwrap .right .guide .banner li{width:225px; height:81px; background-color:#fff; border:1px solid #dcdcdc; border-left:none; border-top:none; font-size:12px; color:#666; padding:25px 0 0 30px;}
.boardwrap .right .guide .banner li h2{font-size:14px; color:#333; height:22px;}
.boardwrap .right .guide .banner li a{position:relative; bottom:26px; left:180px;}
.boardwrap .right .guide .banner li a img{position:absolute;}
.boardwrap .right .guide .consult{float:left; font-size:12px; color:#999; letter-spacing:0; text-align:center; width:380px; height:165px; margin-top:50px;}
.boardwrap .right .guide .consult h2{font-size:14px; color:#333;}
.boardwrap .right .guide .consult p{font-size:30px; color:#009be3; font-weight:600;}
.boardwrap .right .guide .consult div{margin-top:15px;}
.boardwrap .right .guide .consult div button{width:88px; height:28px;}


.award{width:1100px; margin:0 auto; padding-top:30px; height:190px;}