/* Css Document */
@font-face {
font-family: 'Avenir';
src: url('../fonts/avenirnextltpro-regular.eot'); /* IE9 Compat Modes */
src: url('../fonts/avenirnextltpro-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
	   url('../fonts/avenirnextltpro-regular.woff') format('woff'), /* Modern Browsers */
	   url('../fonts/avenirnextltpro-regular.ttf')  format('truetype'), /* Safari, Android, iOS */
	   url('../fonts/avenirnextltpro-regular.svg#Avenir') format('svg'); /* Legacy iOS */
}
html, body{-webkit-text-size-adjust:none;}
body{min-width: 1200px; margin: 0 auto; font-size: 12px; color: #787878; line-height: 1.5; font-style: normal; background: #eee;}
html, body, input, p, a, span, ul, li, dl, dt, dd, ol, select, td, th, input, textarea, button, div{font-family: "HELVETI1ca Neue","Microsoft Yahei","微软雅黑","Tohoma";}
a, a:link, a:visited, a:hover, a:active{color: #787878;}
a:hover{color: #23aef1 !important;}
a:link, a:active{background-color: transparent;}
small{display: block; font-size: 100%;}
img{max-width: 100%; display: block; margin: 0 auto;}
input, textarea, button, select, radio{outline: 0; border: 0;}
textarea{resize: none;}
a{text-decoration: none; outline: 0; blr:expression(this.onFocus=this.blur()); /*按下鼠标图片周边不会出现虚线*/}
::-ms-clear, ::-ms-reveal{display: none; /*IE10 input X 去掉文本框的叉叉和密码输入框的眼睛图标 */}
.container{margin: 0 auto; width: 1200px;}
/* Grid */
.col-12x{width: 100%}
.col-11x{width: 88%}
.col-10x{width: 83.3333333333%}
.col-9x{width: 75%}
.col-8x{width: 66.6666666667%}
.col-7x{width: 58.3333333333%}
.col-6x{width: 50%}
.col-5x{width: 41.6666666667%}
.col-4x{width: 33.3333333333%}
.col-3x{width: 25%}
.col-2x{width: 16.6666666667%}
.col-1x{width: 8.3333333333%}

/* public style */
.mt{margin-top: 0 !important;}
.mr{margin-right: 0 !important;}
.mb{margin-bottom: 0 !important;}
.ml{margin-left: 0 !important;}

.ft-11{font-size: 11px;}
.ft-12{font-size: 12px;}
.ft-13{font-size: 13px;}
.ft-14{font-size: 14px;}
.ft-15{font-size: 15px;}
.ft-16{font-size: 16px;}
.ft-17{font-size: 17px;}
.ft-18{font-size: 18px;}
.ft-19{font-size: 19px;}
.ft-20{font-size: 20px;}
.ft-21{font-size: 21px;}
.ft-22{font-size: 22px;}
.ft-23{font-size: 23px;}
.ft-24{font-size: 24px;}
.ft-26{font-size: 26px;}
.ft-28{font-size: 28px;}
.ft-30{font-size: 30px;}
.ft-34{font-size: 34px;}
.ft-36{font-size: 36px;}
.ft-40{font-size: 40px;}
.ft-48{font-size: 48px;}
.ft-50{font-size: 50px;}
.ft-62{font-size: 62px;}
.ft-70{font-size: 70px;}

.tl{text-align: left;}
.tc{text-align: center;}
.tr{text-align: right;}
.fl{float: left;}
.fr{float: right;}
.clear{clear: both;}
.pr{position: relative;}
.pa{position: absolute;}
.pf{position: fixed;}
.block{display: block;}
.hide{display: none;}
.inline{display: inline-block;}
.hidden{overflow: hidden;}
.cap{text-transform: capitalize;}
.upper{text-transform: uppercase;}
.bold{font-weight: bold;}
.normal{font-weight: normal;}
.vmid{vertical-align: middle;}
.hand{cursor: pointer; _cursor: hand;}
.ff-ar{font-family:Arial !important;}
.ellipsis{white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}
.justify{text-align:justify; text-justify: distribute-all-lines; text-align-last:justify; }
.filterbox{position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0,0,0,.5); filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#7f000000,endColorstr=#7f000000); zoom:1;}
:root .filterbox{filter: none\9;}

/* css3 style */
.trans-3{transition: all 0.35s linear; -webkit-transition: all 0.35s linear;}
.trans-5{transition: all 0.3s; -webkit-transition: all 0.5s;}
.trans-8{transition: all 0.3s; -webkit-transition: all 0.8s;}
.trans-12{transition: all 0.5s; -webkit-transition: all 1.2s;}
.scale-0x{-webkit-transform: scale(0); -moz-transform: scale(0); -ms-transform: scale(0); -o-transform: scale(0); transform: scale(0);}
.scale-1x{-webkit-transform: scale(1.05); -moz-transform: scale(1.05); -ms-transform: scale(1.05); -o-transform: scale(1.05); transform: scale(1.05);}
.radius-half{-webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%;}
.shadow{-webkit-box-shadow: 0 5px 10px rgba(0,0,0,.1); -moz-box-shadow: 0 5px 10px rgba(0,0,0,.1); box-shadow: 0 5px 10px rgba(0,0,0,.1);}

/* header */
.header{position: relative; z-index: 1001; width: 100%; height: 102px; background: #fff;} 
.logo{margin-right: 20px; margin-top: 10px; width: 95px; height: 84px;} 
.nav{width: 700px;}
.nav ul li{position: relative;} 
.nav ul li >a{position: relative; display: block; padding: 43px 23px; text-align: center; font-size: 14px; color: #4d4d4d; line-height: 16px; overflow: hidden; transition: all 0.3s linear; -webkit-transition: all 0.3s linear;}
.nav ul li >a em{position: absolute; bottom: 20px; left: 42%; display: block; margin: 0 auto; width: 9px; height: 4px; background: url(../images/index_icon.png) no-repeat 0 0; transition: transform 0.3s, -webkit-transform 0.3s; -webkit-transition: transform 0.3s, -webkit-transform 0.3s;}
.nav ul li:hover >a, .nav ul li.active >a{color: #23aef1;}
.nav ul li:hover em{transform: rotate(-180deg); -webkit-transform: rotate(-180deg); background: url(../images/nav_hover.png) no-repeat;}
.nav ul li.active >a em{background: url(../images/nav_hover.png) no-repeat;}
.dropmenu{display: none; position: absolute; z-index: 99; left: 50%; top: 102px; margin-left: -60px; width: 120px; background: #fff;}
.dropmenu a{display: block; padding: 5px 0; line-height: 30px; font-size: 14px; color: #666; text-align: center; transition: all 0.3s; -webkit-transition: all 0.3s;}
.dropmenu a:hover{background: #23aef1; color: #fff !important;}
.header .right{width: 220px; height: 62px; padding: 20px 0; line-height: 14px; font-size: 12px;}
.line{display: inline-block; margin: 0 10px; width: 1px; height: 8px; background: #c5c5c5;}
.header .search{margin-top: 18px;}
.header .search input.fl{padding: 0 10px; width: 169px; height: 28px; line-height: 30px; border: 1px solid #ddd; border-right: 0; color: #a0a0a0;}
.header .search input.fr{width: 30px; height: 30px; background: #1babf1 url(../images/search.png) no-repeat center center;}
.header .search input[type="submit"]:hover{background-color: #0d87c3;}

/* footer */
.footer{padding-top: 36px; padding-bottom: 24px; background: #404040; color: #ccc;}
.foot-link a{padding: 0 32px; color: #fff; font-size: 14px;}
.footer .share{margin: 45px auto; width: 327px; height: 49px;}
.footer p.ft-14 span{padding-left: 22px; padding-right: 30px; line-height: 16px; background-repeat: no-repeat; background-image: url(../images/foot_icon.png);}
.footer p.ft-14 span a{color: #fff;}
.footer .foot-tel{background-position: 0 1px;}
.footer .foot-addr{background-position: 0 -15px;}
.footer .foot-fax{background-position: 0 -32px;}
.footer .foot-email{background-position: 0 -47px;}
.footer p.upper a{color: #ccc;}
.ck-float{position: fixed; right: 0; bottom: 30%; z-index: 1009; width: 74px; height: 374px;}
.ck-float li{position: relative;width: 84px;height: 74px; margin-bottom: 1px; line-height: 27px;color: #fff;text-align: center;background: #23aef1; +margin-bottom: -3px;}
.ck-float li.style1{+margin-bottom: 1px;} 
.ck-float li a{display: block; width: 74px; height: 74px; color: #fff;}
.ck-float li a:hover{color: #fff !important;}
.ck-float li i{position: relative; top: 7px; display: block; margin: 0 auto 6px; width: 35px;height: 35px; color: #fff; background-image: url(../images/float_icon.png); background-repeat: no-repeat;}
.ck-float li .ck-icon1{background-position: 0 4px;}
.ck-float li .ck-icon2{background-position: 0 -30px;}
.ck-float li .ck-icon3{background-position: 0 -65px;}
.ck-float li .ck-icon4{background-position: 0 -102px;}
.ck-float li .ck-icon5{background-position: 0 -137px;}
.ck-float li .ck-icon6{background-position: 0 -171px;}
.ck-float li p{position: relative; z-index: 2; width: 74px; cursor: pointer;}
.ck-float li .tel{position: absolute;left: 74px;top: 0;z-index: 1;width: 184px;height: 74px;font: 24px/74px Arial;color: #fff;cursor: pointer;background: #23aef1;}
.ck-float li.gotop{background: #fff;}
.ck-float li.gotop i{top: 16px;}
.ck-float li.style3{background: none; width: 74px;}
.ck-float li.style3 img{margin-left: -7px;}
.ck-float li .ewmbox{z-index: -1; right: -98px; bottom: 0; width: 172px; height: 195px; background: url(../images/ewmbg.png) no-repeat; opacity: 0; filter: alpha(opacity=0);}
.ck-float li .ewmbox img{margin: 14px 17px; width: 130px; height: 130px;}

/*===== index =====*/
.fullSlide{width:100%; position:relative; height: 500px; background:#fff;}
.fullSlide .bd{margin:0 auto; position:relative; z-index:0; overflow:hidden;} 
.fullSlide .bd ul{width:100% !important;}
.fullSlide .bd li{width:100% !important; height:500px; overflow:hidden; text-align:center; background-repeat: no-repeat; background-position: center center; background-image: url(../images/loader.gif);}
.fullSlide .bd li a{display:block; height:100%; width: 100%;}
.fullSlide .hd{width:100%; position:absolute; z-index:1; bottom:5px; left:0; height:30px; line-height:30px;}
.fullSlide .hd ul{text-align:center;}
.fullSlide .hd ul li{cursor:pointer; display:inline-block; *display:inline; zoom:1; width:12px; height:12px; margin:3px; overflow:hidden; line-height:999px; background: url(../images/dots.png) no-repeat left center;}
.fullSlide .hd ul .on{background-position: right center;}
/* 最新资讯 */
.notice-title{margin-top: 20px; width: 80px; padding-left: 34px; font-size: 14px; line-height: 16px; color: #515151; background: url(../images/index_icon.png) no-repeat 0 -12px;}
.notice{width: 1063px; height: 55px; line-height: 55px;}
.notice .item{font-size: 14px; color: #515151;}
.notice .item a{color: #515151;}
.notice .item span{padding: 0 20px; color: #959595;}
/* 热门课程 推荐教程 */
.tab ul li{width: 115px; height: 32px; line-height: 32px; text-align: center; font-size: 14px; font-weight: bold; color: #484848; cursor: pointer;}
.tab ul li.active{background-color: #23aef1; color: #fff;}
.index-hot-wrap{height: 354px;}
.index-hot{margin-top: 25px;}
.index-hot .item{margin-right: 8px; width: 233px !important; height: 297px; overflow: hidden; background: #fff;} 
.index-hot .imgbox{width: 233px; height: 160px;}
.index-hot .article{padding: 20px 18px;}
.index-hot .article h6 a{color: #4c4c4c;}
.index-hot .article p{margin-top: 3px; margin-bottom: 8px; color: #828282; line-height: 18px; height: 38px; overflow: hidden;}
.user{line-height: 27px;}
.user .face{margin-right: 15px; width: 27px; height: 27px; overflow: hidden;}
.user .face i{position: absolute; left: 0; top: 0; display: none; display: block\9; width: 100%; height: 100%; background: url(../images/circle_xs.png) no-repeat;}
:root .user .face i{display: block\9;}
.user .name{width: 155px; color: #626262;}
/* 热门资讯 */
.index-title{height: 16px;}
.index-title h3{font-size: 14px; line-height: 16px; color: #757575;} 
.index-tit{height: 16px;}
.index-tit h3{font-size: 14px; line-height: 16px;float:left} 
.more{width: 36px; height: 7px; right: 8px; top: 4px;}
.more a{display: block; width: 36px; height: 7px; background: url(../images/more_bg.jpg) no-repeat right center;}
.more a:hover{background: url(../images/more_bg.jpg) no-repeat left center;}
.index-news{margin-bottom: 30px; width: 955px;}
.index-news ul li{padding: 25px 18px; height: 155px; overflow: hidden; border-bottom: 1px solid #e6e6e6;}
.index-news ul li:first-child, .index-live ul li:first-child{margin-top: 22px;}
.index-news .imgbox{width: 247px; height: 155px;}
.index-news .article{width: 647px; height: 155px; font-size: 14px; line-height: 27px; color: #787878;}
.index-news .article h6{margin-bottom: 12px; font-size: 20px; line-height: 25px; font-weight: normal;}
.index-news .article h6 span{position: absolute; display: block; left: 0; top: 0; width: 68px; height: 25px; font-size: 12px; line-height: 25px; color: #fff; background: #23aef1; text-align: center;}



.index-news .article h6 a{padding-left: 75px; color: #3b3b3b;}
.index-news .article .desc{margin-bottom: 35px; height: 54px; overflow: hidden;}
.index-news ul li:hover{background-color: #f2f2f2;}
.tag span.time{padding-left: 22px; padding-right: 18px; background: url(../images/index_icon.png) no-repeat 0 -36px;}
.tag span.views{padding-left: 26px; background: url(../images/index_icon.png) no-repeat 0 -59px;}
/* 直播讲座 */
.index-live{margin-bottom: 30px; width: 233px;}
.index-live ul li{padding-top: 17px; width: 233px; height: 188px; overflow: hidden; border-bottom: 1px solid #e6e6e6;}
.index-live .imgbox{margin-bottom: 15px; width: 233px; height: 113px;}
.index-live .article h6 a{color: #3b3b3b;}
.index-live .article .user{margin-top: 8px;}
.index-live .article .user .name{width: 100px;}
.index-live .article .user .tag{width: 90px;}
/* 开班时间 */
.index-class .index-title{margin-bottom: 15px;}
.index-class .left{width: 722px; height: 522px; background: #fff;}
.index-class .left .item >div{padding: 18px 19px;}
.index-class .left .imgbox{margin-bottom: 14px; width: 684px; height: 394px;}
.index-class .left .date{position: relative; width: 160px; height: 73px; overflow: hidden; font-size: 44px; font-weight: bold; color: #fff; text-align: center; +display: inline;}
.index-class .left .date i{position: absolute; display: block; left: 0; top: 36px; width: 157px; height: 1px; background: #fff; opacity: .9; filter: alpha(opacity=90);}
.index-class .left .desc{margin-left: 165px; padding: 0 16px 0 13px; width: 80px; height: 73px; border-right: 1px solid #e7e7e7; +display: inline;}
.index-class .left .desc p{font-size: 12px; line-height: 25px; color: #352727; white-space: nowrap;}
.index-class .left .article{width: 388px; height: 73px; font-size: 12px; line-height: 22px; color: #7f7676; +display: inline;}
.index-class .left .article h6{margin-bottom: 9px; color: #3b3b3b;}
.imitem{position: relative; margin: 19px; height: 484px;}
#inewsh{position: absolute; z-index: 10; left: 0; bottom: 0;}
#inewsdate{ position:absolute;}
#inewsdate >span{display: block; float: left; margin-right: 3px; padding-top: 3px; width: 77px; height: 70px; background: #23aef1;}
#inewsdate .igd{display: block; float: left; margin-top: 15px; margin-left: 8px; height: 38px;width:30px; background-image: url(../images/date.png); background-repeat: no-repeat; transition: background-position ease-out .5s}
.slideprev, .slidenext{position: absolute; top: 180px; display: block; width: 32px;height:73px; background-color: #d1d1d1 !important; background-image: url(../images/arrows_mid.png); background-repeat: no-repeat;}
.slideprev{left: 0; background-position: left center;}
.slidenext{right: 0; background-position: right center;}
.slideprev:hover, .slidenext:hover{background-color: #23aef1 !important;}
#inewsb, #inewsb ul, #inewsb li {width: 684px;overflow:hidden; height:484px}
#inewsb ul{margin: 0px; padding: 0px; position: relative; list-style-type: none; z-index: auto; width: 1240px;}
#inewsb{visibility: visible; overflow: hidden; position: relative; z-index: auto; left: 0px; width: 684px !important;}
#inewsb li{overflow: hidden; float: left; width: 684px; height: 484px;}


.index-class .right{width: 474px; height: 522px;}
.index-class .right .title{padding: 30px 29px; height: 80px; background: #159fe1; +padding-top: 25px; padding-bottom: 23px;}
.index-class .right .title p.ft-24{margin-bottom: 5px; color: #fff;}
.index-class .right .title p.ft-14{color: #fff; line-height: 22px; color: #a9d4f1;}
.index-class .right .apply{padding: 29px; background: #23aef1; font-size: 14px; color: #fff;}
.index-class .right .apply th{padding-right: 12px; padding-bottom: 9px; color: #fff; vertical-align: middle; font-size: 14px; font-weight: bold;} 
.index-class .right .apply td{padding-bottom: 9px;}
.index-class .right .apply .needs{padding: 0 10px; width: 324px; height: 55px; line-height: 55px; background: #fff; color: #787878; font-size: 12px;}
.index-class .right .apply input[type="submit"]{margin-left: 45px; margin-top: 30px; width: 183px; height: 35px; font-size: 16px; font-weight: bold; color: #23aef1; background: #fff;}
.index-class .right .apply .box{margin-right: 10px; width: 167px; height: 55px;}
.index-class .right .apply .box select{padding: 0 10px; width: 100%; height: 100%; color: #787878; background: #fff url(../images/select.png) no-repeat 141px center; appearance: none; -webkit-appearance: none; -moz-appearance: none;}

.tips{display: none; z-index: 10; top: 50%; left: 50%; margin-top: -25px; margin-left: -125px; padding: 10px; width: 250px; line-height: 20px; text-align: center; font-size: 14px; color: #fff; border-radius: 3px; background: rgba(0,0,0,.75); filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#bf000000,endColorstr=#bf000000); zoom:1;}
:root .tips{filter: none\9;}
/* 师资力量 */
.index-faculty{margin-top: 22px;}
.index-faculty .item{float: left; margin-top: 20px; margin-right: 18px; padding: 19px 19px 0; width: 551px; height: 285px; background: #fff;}
.index-faculty .left{width: 306px; height: 228px;}
.index-faculty .left ul li{margin-right: 18px; margin-bottom: 18px; width: 135px; height: 96px; overflow: hidden;}
.index-faculty .left ul li a{position: relative; display: block; width: 135px; height: 96px;}
.index-faculty .left ul li p{margin-top: 33px; padding: 10px; font-size: 14px; color: #fff; opacity: 0; filter: alpha(opacity=0);}
.index-faculty .user{width: 245px; text-align: center; color: #565656; line-height: 22px;}
.index-faculty .user .face{margin: 10px auto 25px; width: 129px; height: 129px;}
.index-faculty .user .face i{background: url(../images/circle_lg.png) no-repeat;}
.index-faculty .user h6{color: #3b3b3b; font-weight: normal;}
.index-faculty .bottom{margin-top: 7px; padding-top: 10px; line-height: 27px; border-top: 1px solid #ddd; color: #5c5c5c; +zoom: 1;}
.index-faculty .bottom .fl{width: 460px;}
.index-faculty .bottom .fr{width: 85px; height: 27px; text-align: center;}
.index-faculty .bottom .fr a{color: #fff; background: #23aef1;}
.index-faculty .bottom .fr a:hover{color: #fff !important; background: #0d87c3;}
/* 作品展示 */
.index-works{padding-bottom: 14px;}
.index-works ul li{margin-top: 20px; margin-right: 18px; width: 285px;}
.index-works .article{padding: 12px 11px;}
.index-works ul li h6 a{color: #4c4c4c;}
.index-works .tag{margin-top: 4px; margin-bottom: 24px;}
.index-works .tag span.views{padding-right: 18px;}
.index-works .user .name{width: 220px;}
.index-works ul li:hover{-webkit-box-shadow: 0 8px 15px rgba(0,0,0,.1); -moz-box-shadow: 0 8px 15px rgba(0,0,0,.1); box-shadow: 0 8px 15px rgba(0,0,0,.1);}
/* 学员风采 */
.index-student .index-title{margin-bottom: 20px;}
.index-student .video{width: 714px; height: 544px; background: #fff;}
.index-student .video .box, .index-student .video .poster{width: 714px; height: 402px;}
.index-student .video .player{left: 50%; top: 50%; margin-top: -40px; margin-left: -40px;}
.index-student .video .poster:hover >img{transform: scale(1.05); -webkit-transform: scale(1.05);}
.index-student .video .article{padding: 23px 28px; border-top: 3px solid #f2f2f2; color: #7a7a7a; line-height: 22px; font-size: 12px;}
.index-student .video .article h6{margin-bottom: 15px; color: #3b3b3b;}
.index-student ul{width: 474px; height: 544px; background: #fff;} 
.index-student ul li{padding: 20px 59px 0 22px; height: 115px; overflow: hidden; border-bottom: 1px solid #d9d9d9; color: #626262; font-size: 12px;}
.index-student .user, .index-student .user .face{width: 52px; height: 52px;}
.index-student .user .face i{background: url(../images/circle_sm.png) no-repeat;}
.index-student .title{padding-top: 5px; width: 326px;}
.index-student .title h6 a{color: #626262;}
.index-student ul li >p{margin-top: 13px; padding-top: 8px; border-top: 1px solid #d9d9d9; white-space: nowrap; overflow: hidden;}
/* 合作 */
.index-coop .tab{margin-bottom: 18px;}
.index-coop .tab .more{top: 13px;}
.index-coop .slider, .index-coop .slider .item{width: 588px !important; height: 428px;}
.index-coop .slider .item p{position: absolute; left: 0; bottom: 0; width: 538px; padding: 0 25px; line-height: 55px; background: #23aef1; color: #fff; font-size: 16px;}
.index-coop .tab-panel >ul{width: 608px; height: 428px;}
.index-coop .tab-panel >ul li{position: relative; margin-left: 19px; margin-bottom: 19px; width: 285px; height: 205px;}
.index-coop .tab-panel >ul li p{margin-top: 85px; padding: 10px; color: #fff; font-size: 14px; font-weight: bold;}
.coop-logo ul{margin-right: -18px;}
.coop-logo li{margin-top: 19px; margin-right: 18px; border: 1px solid #e6e6e6; width: 283px; height: 92px; text-align: center; line-height: 94px; background: #fff;}
.coop-logo li a{display: block; width: 100%; height: 100%;}
.coop-logo li img{display: inline;}
.coop-logo li:hover{border: 1px solid #23aef1 !important;}
/* 下载 */
.index-down dl{float: left; margin-left: 18px; width: 285px; height: 224px; background: #fff;}
.index-down dt{position: relative; margin-bottom: 7px; padding: 0 16px; background: #23aef1; color: #fff; font-size: 12px; line-height: 48px; font-weight: bold;}
.index-down dt a{position: absolute; display: block; right: 14px; top: 21px; width: 36px; height: 7px; background: url(../images/more.png) no-repeat left center;}
.index-down dd a{padding: 1px 12px 1px 30px; font-size: 12px; color: #171717; background: url(../images/dot.png) no-repeat 19px center;}
/* 产品 */
.index-pro{margin-bottom: 50px !important; margin-top: 22px; padding-top: 18px; border-top: 1px solid #e6e6e6;}
.index-pro .item{padding: 10px 0; background: #fafbfd;}
.index-pro .item img{display: inline; width: 75px; height: 75px;}
.index-pro .item p{margin-top: 10px; font-size: 14px;}
/* 友情链接 */
.index-link{margin-top: 22px; border-top: 1px solid #e6e6e6;}
.index-link li{padding-top: 18px; width: 20%; height: 76px; line-height: 76px; overflow: hidden; background: #fff;}
.index-link li a{display: block; width: 100%; height: 100%; text-align: center;}
.index-link li img{position: relative; top: 0; display: inline; max-height: 76px;}
.index-link li a:hover img{top: -5px;}

/*===== about =====*/
.adpic{margin-top: 14px;}
.local{position: relative; padding: 16px 0; font-size: 12px; height: 16px; line-height: 16px; color: #8d8d8d; background: #eee;}
.local span{padding: 0 12px 0 8px; background: url(../images/right.png) no-repeat right center;}
.local span.first{padding-left: 0;}
.local span.last{background: none; color: #373737;}
.content{margin-bottom: 115px; width: 955px; background: #fff;}
.aside{margin-bottom: 115px; width: 233px;}
.aside .index-title{margin: 16px 0;}
.aside .more {top: auto; bottom: 0;}
.aside .more a{background: url(../images/more_bg1.jpg) no-repeat right center;}
.aside .more a:hover{background: url(../images/more_bg1.jpg) no-repeat left center;}
.aside .index-hot .item{margin-right: 0; margin-bottom: 16px;}
.aside .hot-news .item{height: 220px;}
.aside .hot-news .imgbox{margin: 16px; width: 201px; height: 129px;}
.aside .hot-news .article{padding: 0 18px;}
.aside .hot-news .article h6{margin-bottom: 8px;}
.aside .activity .item{height: 238px;}
.aside .activity .article{padding: 18px}
.aside .activity .article h6{margin-bottom: 5px;}
.aside .hot-news1 .imgbox{height: 150px;}
.aside .hot-service .imgbox{height: 175px;}
.aside .hot-service .article p{margin-top: 12px; line-height: 22px; color: #4c4c4c; height: 45px; overflow: hidden;}
.aside .relate-course{padding-bottom: 11px;}
.aside .relate-course .item{margin-bottom: 0; padding-bottom: 7px; height: auto;}
.aside .relate-course .imgbox{margin: 16px 16px 10px; width: 202px; height: 151px;}
.aside .relate-course .article{padding-top: 0; padding-bottom: 0;}
.aside .signup{margin-top: 48px; padding: 55px 30px 46px; font-size: 14px; color: #373737;}
.aside .signup a{margin-top: 32px; background: #23aef1; color: #fff; font-size: 14px; line-height: 36px;}
.aside .signup a:hover{background: #0d87c3; color: #fff !important;}

/* 公司介绍 */
.about{margin: 50px 77px;}
.about >div{color: #494848; font-size: 14px; line-height: 27px;}
.about-box1-title p.ft-14{color: #4d4d4d; letter-spacing: 15px; font-weight: bold;}
.about-box1-title p.ff-av{margin-bottom: 35px; line-height: 75px; color: #373737; letter-spacing: 8px;}
.about-box2{margin-top: 80px;}
.about-box2-title{color: #4d4d4d;} 
.about-box2-title p.ft-28{margin-bottom: 12px; line-height: 30px;}
.about-box2 .article{margin-top: 30px; padding-top: 30px; border-top: 1px solid #d4d4d4;}
.about-box2 .article .left{padding-left: 20px; width: 285px;}
.about-box2 .article .left p.ft-24{color: #4d4d4d; letter-spacing: 5px;}
.about-box2 .article .left p.ft-14{margin-top: 3px; font-weight: bold; color: #343434; letter-spacing: 12px;}
.about-box2 .article .right{padding-right: 38px; width: 455px;}
.about-box2 .article .bottom{margin-top: 55px;}
.about-box2 .article .space{position: relative; margin-left: 34px; width: 709px; height: 243px;}
.about-box2 .article .space >span{position: absolute; z-index: 0; background: #cdcdcd;}
.about-box2 .article .space .line1{width: 100%; height: 1px; left: 0; top: 48px;}
.about-box2 .article .space .line2{width: 1px; height: 100%; right: 48px; top: 0;}
.about-box2 .article .space .line3{width: 504px; height: 1px; right: 0; bottom: 48px;}
.about-box2 .article .space >div{position: absolute; width: 97px; height: 97px; overflow: hidden; color: #fff; background: #7f7e7e; text-align: center; font-size: 14px; line-height: 97px; background: url(../images/about/circle_gray.jpg) no-repeat\9;}
.about-box2 .article .space >div:hover{background: #23aef1; background: url(../images/about/circle_blue.jpg) no-repeat\9;}
:root .about-box2 .article .space >div{background: #7f7e7e;}
:root .about-box2 .article .space >div:hover{background: #23aef1;}
.about-box2 .article .step1{left: 0; top: 0;}
.about-box2 .article .step2{left: 203px; top: 0;}
.about-box2 .article .step3{left: 407px; top: 0;}
.about-box2 .article .step4{right: 0; top: 0;}
.about-box2 .article .step5{right: 0; bottom: 0;}
.about-box2 .article .step6{left: 407px; bottom: 0;}
.about-box2 .article .step7{left: 203px; bottom: 0;}
.about-box3{padding-bottom: 50px;}
.about-box3-title{margin: 110px 0 100px; color: #3c3c3c;}
.about-box3-title p.ft-36{margin-bottom: 10px; line-height: 40px;}
/* 触控在厦门 */
.about.in{margin: 50px 22px;}
.about.in .article{padding: 30px 50px 50px; line-height: 36px; color: #464646;}
.about.in .about-box2-title p.ft-28{letter-spacing: 6px;}
.about.in .about-box2-title p.ft-12{letter-spacing: 3px;}
.about-in{margin: 0 auto 30px; width: 903px; height: 943px;}
.about-in .li1{left: 0; top: 0; width: 492px; height: 424px;}
.about-in .li2{right: 0; top: 0; width: 401px; height: 212px;}
.about-in .li3{right: 0; top: 223px; width: 196px; height: 202px;}
.about-in .li4{right: 205px; top: 223px; width: 196px; height: 202px;}
.about-in .li5{left: 0; top: 435px; width: 343px; height: 186px;}
.about-in .li6{left: 0; bottom: 0; width: 343px; height: 312px;}
.about-in .li7{right: 0; bottom: 0; width: 550px; height: 508px;}
.about-in .filterbox{transform: scale(1,0); -webkit-transform: scale(1,0); transform-origin: 50% 100%; -webkit-transform-origin: 50% 100%; transition: all 1s cubic-bezier(.23,1,.38,1); -webkit-transition: all 1s cubic-bezier(.23,1,.38,1); display: none\9;}
.about-in li:hover .filterbox{transform: scale(1); -webkit-transform: scale(1); display: block\9;}
/* 发展历程 */
.history{margin: 50px 0; min-height: 822px;}
#timeline{position: relative; margin: 0 auto; width:774px; overflow:hidden;}
#timeline .bgline{position: absolute; top: 33px; left: 0; width: 100%; height: 4px; background: url(../images/about/line.png) repeat-x left center;}
#dates{margin-bottom: 50px; height: 79px;overflow:hidden;}
#dates li{position: relative; float:left; width: 128px; height: 79px; text-align: center;}
#dates a{display: block; font-size: 14px; line-height: 18px; color: #747474; letter-spacing: 2px;}
#dates a i{position: relative; left: -2px; display: block; margin: 10px auto 0; width: 12px; height: 12px; background:url(../images/about/dot.png) center center no-repeat;}
#dates .selected, #dates a:hover{color: #23aef1;}
#dates .selected i, #dates a:hover i{background:url(../images/about/dot_hover.png) center center no-repeat;}
#issues{width:774px; overflow:hidden;}
#issues li{width:774px; float:left;}
#issues li .left{position: relative; z-index: 2; width: 437px;}
#issues li .right{padding: 30px; width: 277px; font-size: 12px; line-height: 22px;}
#issues li .right h6{margin-top: 12px; margin-bottom: 5px; font-size: 14px; font-weight: normal; color: #000;}
#next,#prev{position:absolute; z-index: 2; display: block; top:20px; width: 31px;height: 31px; background-image: url(../images/about/arrows.png); background-repeat:no-repeat;}
#next:hover,#prev:hover{background-color: transparent; background-image: url(../images/about/arrows_hover.png);}
#next{right: 59px;background-position: right center;}
#prev{left: 59px;background-position: left center;}
/* 荣誉资质 */
.container_image{width: 808px; margin:140px auto 0;position:relative;}
.container_image #prev{top: 162px; left: -45px;}
.container_image #next{top: 162px; right: -45px;}
.slide_img {width:808px;min-height:597px;position:relative;z-index:1;}
.slide_img li{width:194px;height: 196px;overflow:hidden;position:absolute;top:80px;background:#ffffff;}
.slide_img li a{display:block;position:relative;width:100%;height:196px;}
.slide_img li a img{position:absolute;width: 194px;height:196px; opacity: .3; filter: alpha(opacity=30);}
.slide_img li.on a{height:361px;}
.slide_img li.on{width:356px;left:225px;top:0;overflow:visible;}
.slide_img li.on img{width:356px; height: 361px; opacity: 1; filter: alpha(opacity=100);}
.slide_img li .infor{display: none; margin: 30px auto 0; width: 356px; font-size: 12px; font-weight: bold; color: #3e3e3e; line-height: 25px;}

.slide_img li .detail{display: none; margin-left: -232px; margin-top: 20px; width: 830px; font-size: 14px; line-height: 25px; color: #666;}
.slide_img li.on .infor, .slide_img li.on .detail{display: block;}
/* 联系我们 */
.contact{margin: 50px 22px 15px;}
.contact .map{margin-bottom: 25px; width: 100%; height: 462px;}
.BMap_bubble_content img{display: inline; margin: 0;}
.anchorBL{display: none;}
.contact-info{padding: 35px 0 35px 50px; border-top: 1px solid #d2d2d2;}
.contact-info .left{width: 400px; color: #3e3e3e;}
.contact-info .left p.ft-34{font-size: 34px; letter-spacing: 8px;}
.contact-info .left span.ft-20{padding-left: 4px; color: #fff; background: #23aef1; letter-spacing: 4px;}
.contact-info .right{width: 445px; font-size: 16px; line-height: 36px; color: #141414;}
.contact-info .right li{position: relative; padding-left: 114px; width: 331px;}
.contact-info .right li p{letter-spacing: 2px;}
.contact-info .right li span{position: absolute; left: 0; padding-left: 30px; letter-spacing: 8px; background: url(../images/about/icon.png) no-repeat;}
.contact-info .right li span.tel{background-position: 0 -40px;}
.contact-info .right li span i{position: absolute; display: block; top: 10px; right: -12px; width: 1px; height: 16px; background: #878787;}

/*===== course =====*/
.course{padding-top: 16px; padding-bottom: 115px;}
.course ul{margin-right: -27px;}
.course ul li{position: relative; margin-top: 25px; margin-right: 25px; width: 384px; height: 381px;}
.course ul li .picbox{border: 0px solid;}
.course ul li:hover .picbox{border: 10px solid #787878;}

/*===== business =====*/
.thumb{width: 286px; height: 215px;}
.thumb .anibox{position: absolute; left: 0; top: 0; width: 100%; height: 100%;}
.thumb .filterbox{display: none\9; transform: scale(1,0); -webkit-transform: scale(1,0); transform-origin: 50% 0; -webkit-transform: 50% 0; transition: all 1s cubic-bezier(.23,1,.38,1); -webkit-transition: all 1s cubic-bezier(.23,1,.38,1);}
.thumb .ewmbox{opacity:0; filter: alpha(opacity=0); -webkit-transform:scale3d(.3,.3,.3); transform:scale3d(.3,.3,.3);} 
.thumb .ewmbox img{margin-top: 30px; width: 148px; height: 148px;}
.page{margin: 0 auto; padding: 5px 0; overflow: hidden; text-align: center;}
.page a{display: inline-block; margin: 0 5px; width: 30px; height: 30px; font-size: 12px; line-height: 32px; border: 1px solid transparent; color: #6f6f6f; font-family: "Arial";}
.page a:hover{color: #fff; border: 1px solid #23aef1;}
.page-m{position: relative; top: -1px; +display: inline !important;}
.page-m a.active{background: #23aef1; color: #fff; border: 1px solid #23aef1;}
.page-m a.active:hover{color: #fff !important;}
.page-prev, .page-next{position: relative; top: -1px; +display: inline !important; +margin: 0 4px;}
.page-prev a, .page-next a{border: 1px solid #d3d3d3; background-repeat: no-repeat; background-image: url(../images/arrows.png);}
.page-prev a:hover, .page-next a:hover{background-image: url(../images/arrows_hover_blue.png);}
.page-prev a{background-position: left bottom;}
.page-next a{background-position: right bottom;}
/* 游戏开发运营 */
.game{padding-top: 16px; padding-bottom: 27px;}
.game >ul{margin-right: -18px; margin-bottom: 30px; margin-top: 24px;}
.game >ul li{margin-right: 18px; margin-bottom: 20px; width: 286px;  overflow: hidden; background: #fff;}
.game >ul li .article{padding: 15px 10px; line-height: 20px;}
.game >ul li .article h6{margin-bottom: 7px; color: #4d4d4d; font-size: 14px;}
.game >ul li .article small{padding-left: 23px; height: 40px; overflow: hidden; color: #a4a4a4; word-break: break-all; background: url(../images/business/ck_icon1.png) no-repeat 0 2px;}
.game >ul li .article a{padding-left: 17px; padding-right: 17px; color: #4d4d4d; line-height: 16px; font-size: 12px; background: url(../images/business/ck_icon2.png) no-repeat 0 1px; letter-spacing: 2px;}
.game >ul li .article a:hover{background-position: 0 -15px !important;}
.game >ul li:hover .filterbox{display: block\9; transform: scale(1); -webkit-transform: scale(1);}
.game >ul li:hover .ewmbox{opacity: 1; filter: alpha(opacity=100); animation: bounceIn 1s .3s; -webkit-animation: bounceIn 1s .3s; animation-fill-mode: both; -webkit-animation-fill-mode: both;} 
.btn{width: 130px; height: 30px; right: 0; top: 10px;}
.btn span{float: left; display: block; padding: 0; width: 70px; text-align: center; background: none; line-height: 30px; font-size: 16px; color: #363636;}
.btn a{float: left; display: block; width: 30px; height: 30px; background-repeat: no-repeat; background-image: url(../images/arrows.png);}
.btn a:hover{background-image: url(../images/arrows_hover_blue.png);}
.btn .btn-left{background-position: left bottom;}
.btn .btn-right{background-position: right bottom;}
/* 教育培训 */
.edu ul li .article small{padding-left: 0; background: none;}
.edu ul li .article a, .game ul li .article a.into{background: url(../images/business/ck_icon3.png) no-repeat 0 1px}
.edu .local{padding-bottom: 75px;}
.edu .local .tag{left: 0; top: 67px; background: #23aef1; color: #fff; width: 115px; height: 32px; line-height: 32px; text-align: center; font-size: 14px;}
.edu .local .btn{top: 63px;}
.edu-wrap .index-title{margin: 24px 0;}
.edu-box1 .left{width: 286px;}
.edu-box1 .left .article{width: 286px; height: 569px; background-repeat: no-repeat; background-position: center center;}
.edu-box1 .left .article h6{position: absolute; left: 23px; bottom: 45px; width: 245px; color: #fff; line-height: 32px;}
.edu-box1 .right{width: 914px;}
.edu-box1 .right .index-title{margin-left: 18px;}
.edu-box1 ul.style li{position: relative; margin-left: 18px; margin-bottom: 20px; width: 286px; height: 263px; overflow: hidden;}
.edu-box1 ul.style li.spec{height: 284px;}
.edu-box1 ul.style li a{display: block; width: 100%; height: 100%; color: #fff; line-height: 24px; background: #000;}
.edu-box1 ul.style li a >div{opacity: 0; filter: alpha(opacity=0); width: 215px; left: 40px; text-align: center; transform: translateY(10%); -webkit-transform: translateY(10%);}
.edu-box1 ul.style li .ani1{top: 31px; color: #999; letter-spacing: 4px; transition: all .4s; -webkit-transition: all .4s;}
.edu-box1 ul.style li .ani2{top: 56px; letter-spacing: 10px; font-size: 20px; transition: all .4s .1s; -webkit-transition: all .4s .1s;}
.edu-box1 ul.style li .ani3{top: 114px; transition: all .4s .2s; -webkit-transition: all .4s .2s;}
.edu-box1 ul.style li a:hover{color: #fff !important;}
.edu-box1 ul.style li a:hover img{opacity: .35; filter: alpha(opacity=35);}
.edu-box1 ul.style li a:hover >div{opacity: 1; filter: alpha(opacity=100); transform: translateY(0); -webkit-transform: translateY(0);}
.edu-box2 ul li:first-child, .edu-box2 ul li:first-child .thumb{width: 591px; height: 338px;}
.edu-title{margin-bottom: 40px;}
.edu-title h3{font-size: 30px; line-height: 32px; color: #7e7e7e; font-weight: normal;}
.edu-title small{color: #b6b8ba;}
.edu-box3 ul {margin-right: -21px;}
.edu-box3 ul li{margin-right: 17px; margin-top: 19px; padding: 17px; width: 356px; height: 472px; background: #eee;}
.edu-box3 ul li .imgbox{width: 356px; height: 330px;}
.edu-box3 ul li .article h6{margin: 20px 0 10px; color: #1a1a1a;}
.edu-box3 ul li .article p{font-size: 12px; line-height: 25px; height: 75px; overflow: hidden; color: #6f6f6f;}
.edu-box3 ul li:hover img{transform: scale(1.03); -webkit-transform: scale(1.03);}
.edu-box4 .left{width: 622px;}
.edu-box4 .right{margin-right: 30px; padding-top: 165px; width: 538px; font-size: 14px; line-height: 28px; color: #696969;}
.edu-box4 .right h6{margin-bottom: 20px; line-height: 30px; color: #5a5a5a;}
.edu-box4 ul{margin-top: 150px;}
.edu-box4 ul li{margin-left: 18px; padding: 23px; width: 240px; height: 472px; font-size: 12px; line-height: 25px; color: #8f8a8a; background: #fff;}
.edu-box4 ul li:first-child{margin-left: 0;}
.edu-box4 ul li span{display: block; margin: 47px auto 0; width: 60px; height: 50px; background-repeat: no-repeat; background-image: url(../images/business/ck_bg.jpg);}
.edu-box4 ul li i{display: block; width: 60px; height: 50px; background-repeat: no-repeat; background-image: url(../images/business/ck_icon4.png)}
.edu-box4 ul li h6{margin: 37px 0; color: #363636; text-align: center;} 
.edu-box4 ul li:hover span{background-position: center bottom;}
.edu-box5 .index-title{margin: 38px 0;}
.edu-box5 ul{margin-right: -18px; padding-bottom: 100px;}
.edu-box5 ul li{margin-right: 18px; margin-bottom: 16px; width: 284px; height: 157px; border: 1px solid #d3d3d3; background: #fff; text-align: center; font-size: 14px;}
.edu-box5 ul li img{margin-top: 18px; margin-bottom: 10px; width: 100px; height: 100px;}
.edu-box5 ul li a{display: block; width: 100%; height: 100%; color: #545454;}
.edu-box5 ul li:hover{border: 1px solid #23aef1;}
.edu >ul li{height: 338px;}
/* 招聘平台 */
.hiring{padding-top: 130px; padding-bottom: 230px;}
.animore{position: relative; display: block; margin: 50px auto 0; width: 200px; height: 40px; font-size: 16px; line-height: 42px; color: #4f4f4f; border: 1px solid #9e9e9e; text-align: center; letter-spacing: 8px;}
.animore em{position: absolute; left: 0; top: 0; width: 0; height: 100%; background: #23aef1;}
.animore span{position: relative; z-index: 1;}
.animore:hover{border: 1px solid #23aef1; color: #fff !important;}
.animore:hover em{width: 100%;}
.hiring-link{position: relative; margin-bottom: 5px; height: 82px;}
.hiring-link a{display: block; padding: 28px 20px 12px;}
.hiring-link h6{color: #fff; letter-spacing: 2px;}
.hiring-link img{position: absolute; z-index: 0; right: 20px; bottom: 18px; transform-origin: 50% 50%; -webkit-transform: 50% 50%;}
.hiring-link a:hover img{ opacity: .5; filter: alpha(opacity=50); transform: scale(1.3) rotate(-45deg); -webkit-transform: scale(1.3) rotate(-45deg);}
/* 创业支持 */
.support{padding: 50px 10px;}
.support ul li{margin: 34px 38px 29px; padding-top: 23px; width: 391px; border-top: 1px solid #cbcbcb; color: #464646;}
.support ul li .bd{margin: 34px 0; height: 110px; font-size: 14px; line-height: 27px; color: #565656;}
.support ul li .ft{width: 391px; height: 175px;}
.support ul li .ft img{transition: all 1s; -webkit-transition: all 1.2s;}
.support ul li .animore{margin: 0; width: 108px; height: 22px; font-size: 14px; line-height: 22px; letter-spacing: 2px; color: #464646;}
.support ul li:hover .ft img{transform: scale(1.05); -webkit-transform: scale(1.05);}
/* 服务外包 */
.service-slick{margin-top: 60px; height: 527px;}
.service-slick .left{width: 713px; height: 444px;}
.service-slick .right{padding: 0 120px; width: 247px; height: 444px; color: #4a4a4a; font-size: 14px;}
.service-slick .right small{margin-top: 105px; margin-bottom: 5px; letter-spacing: 3px;}
.service-slick .right h3{letter-spacing: 3px; font-size: 26px; line-height: 40px; font-weight: normal;}
.service-slick .right .horline{margin-top: 70px; margin-bottom: 25px; width: 30px; height: 1px; background: #6b6b6b;}
.service-box1 .local{padding: 0; background: #fff;}
.service-box1 .edu-box1{margin-top: 30px;}
.service-box1 .edu-box1 ul.style li{height: 338px;}
.service-box1 .edu-box1 ul.style li:first-child{margin-left: 0;}
.service-box1 .edu-box1 ul.style .ani3{text-align: left;}
.service-box2 .page{margin-top: 30px; margin-bottom: 36px;}
.service-box2 .left{margin-top: 24px; width: 286px; height: 696px; background: #fff; color: #4c4c4c; font-size: 14px;}
.service-box2 .left .hd{margin-bottom: 20px; padding: 22px 37px 11px; border-bottom: 1px solid #eee;}
.service-box2 .left .hd h4{font-weight: normal; letter-spacing: 4px;}
.service-box2 .left .hd small{color: #b2b2b2;}
.service-box2 .left dl{padding: 4px 0 4px 73px;} 
.service-box2 .left dl dt{position: relative; margin-bottom: 20px; height: 25px; line-height: 25px; font-size: 16px; cursor: pointer; transition: all 0.3s; -webkit-transition: all 0.3s;}
.service-box2 .left dl dt:hover{color: #23aef1;}
.service-box2 .left dl dt span{position: absolute; left: -36px; top: 0; display: block; width: 25px; height: 25px; text-align: center; background: #23aef1; color: #fff; font-size: 12px; background: url(../images/business/ck_circle1.jpg) no-repeat\9;}
:root .service-box2 .left dl dt span{background: #23aef1\9;}
.service-box2 .left dl dd{margin-bottom: 20px; display: none;}
.service-box2 .left dl dd a{line-height: 35px;}
.service-box2 .index-works{width: 914px;}
.service-box2 .index-works ul li{margin-left: 18px; margin-top: 24px; margin-right: 0; background: #fff;}
.service-box3{padding-top: 36px; padding-bottom: 70px;}
.service-box4{padding-top: 30px; padding-bottom: 50px;}
.service-box4 .coop-logo li{border: 1px solid #fff;}
.service-details{padding: 45px 97px; background: #fff;}
.service-details h1{margin-bottom: 30px; font-size: 40px; line-height: 44px; font-weight: normal; color: #4c4c4c;}
.service-details .time{width: 50%; font-size: 12px; line-height: 14px; color: #4c4c4c;}
.service-details .tag{width: 50%; text-align: right; font-size: 12px; line-height: 14px; color: #4c4c4c;}
.service-details .tag span{padding-left: 30px; padding-right: 10px; border-right: 1px solid #8c338c;background: url(../images/business/ck_icon.jpg) no-repeat;}
.service-details .tag span.view{background-position: 10px -1px;}
.service-details .tag span.zan{background-position: 10px -23px;}
.service-details .tag span.comm{padding-right: 0; border-right: 0; background-position: 10px -42px;}
.service-details .article{margin-top: 55px; font-size: 12px; line-height: 25px; color: #595959;}
.service-details .article p{margin-bottom: 20px;}
.relate{margin: 14px 0; padding-left: 30px; background: #58595b;}
.relate .index-title h3{color: #fff;}
.relate .game{padding-top: 0; padding-bottom: 0;}
.relate .game ul{margin-bottom: 25px;}
.relate .index-title{margin-top: 27px;}
.relate .index-works{padding-bottom: 45px;}
.comment{padding: 35px 38px; background: #fff;}
.commbox{margin-top: 20px; margin-bottom: 40px;}
.commbox textarea{width: 857px; height: 158px; padding: 10px; border: 1px solid #cbcbcb; font-size: 14px; line-height: 22px; color: #666;}
.commbox input{margin-top: 20px; width: 147px; height: 40px; color: #fff; background: #23aef1; font-size: 14px; font-weight: bold;}
.commbox input:hover{background: #0d86c1;}
.comment ul{margin-bottom: 30px; overflow: hidden;}
.comment ul li {padding: 10px 0 20px; border-bottom: 1px solid #ddd;}
.comment ul li .face{position: relate; width: 60px; height: 60px;}
.comment ul li .face i{position: absolute; left: 0; top: 0; display: none; width: 100%; height: 100%; background: url(../images/circle_md.png) no-repeat; display: block\9;}
:root .comment ul li .face i{display: none\9;}
.comment ul li .article{width: 775px; color: #999;}
.comment ul li .article h6{font-weight: normal; color: #333;}
.comment ul li .article h6 small{padding-left: 8px; display: inline; font-size: 12px; font-weight: bold; color: #b2b2b2;}
.comment ul li .article .desc{margin-top: 5px; margin-bottom: 25px; font-size: 16px; line-height: 24px;}
.comment ul li .article .asc{margin-top: 5px; margin-bottom: 25px; font-size: 14px; line-height: 24px;color:#23aef1}
.comment ul li .article .tag a{padding-left: 20px; padding-right: 15px; font-size: 14px; cursor: pointer; background: url(../images/business/ck_icon.jpg) no-repeat;}
.comment ul li .article .tag a.reply{background-position: 0 -60px;}
.comment ul li .article .tag a.zan{background-position: 0 -80px;}
.fl_hjr_state{font-size: 14px; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; position:relative; padding: 18px 0; height:84px; background:#f7f7f7;line-height: 84px; text-align:center;}
.fl_hjr_state img{margin-right: 8px; display: inline;}
.fl_hjr_state a{color:#23aef1; margin:0 6px;}
.fl_hjr_state a:hover{text-decoration:underline;}
.resume{margin-top: 48px;}
.resume .user{margin-bottom: 4px; padding: 0 33px 27px; font-size: 12px; line-height: 25px; color: #3d3d3d;}
.resume .face{margin: 30px auto 9px; width: 97px; height: 97px;}
.resume .face i{background: url(../images/business/ck_circle2.png) no-repeat;}
.resume .user h6{margin-bottom: 30px; letter-spacing: 4px; text-align: center;}
.resume .user h6 a{color: #3d3d3d;}
.resume-btn{margin-top: -5px; background: #23aef1; color: #fff; height: 60px; line-height: 60px; font-size: 16px; letter-spacing: 2px;}
.resume-btn img{display: inline; margin-right: 15px;}

/* 个人简历 */
.resumebox{padding: 40px 20px 66px;}
.resumebox .about-box1-title{margin-bottom: 24px; border-bottom: 1px solid #c9c9c9;}
.resumebox .left{margin-left: 40px; width: 262px;}
.resumebox .right{padding-top: 70px; width: 495px; font-size: 14px; line-height: 20px; color: #4d4d4d;}
.resumebox .right p{margin-top: 20px;}

/*===== faculty =====*/
.faculty{margin-bottom: 25px;}
.faculty .left{padding: 30px 25px; height: 502px; width: 743px; background: #fff;}
.faculty .inner-l span.ft-70{line-height: 55px;}
.faculty .inner-l span.ft-34{position: relative; left: 7px; top: -3px; color: #545454; letter-spacing: 7px;}
.faculty .inner-l span.ft-14{padding-left: 5px; letter-spacing: 15px; color: #545454;}
.faculty .inner-r{margin-right: 23px; padding-top: 15px; width: 510px; font-size: 12px; line-height: 24px; color: #8c8c8c;}
.faculty ul.style{margin-top: 26px;}
.faculty ul.style li{padding: 55px 60px 0; width: 251px; height: 140px; overflow: hidden;}
.faculty ul.style li.style1{background: #eee;}
.faculty ul.style li.style2{background: #f5f5f5;}
.faculty ul.style li h4{margin-bottom: 10px; color: #474646; letter-spacing: 4px;}
.faculty ul.style li p{font-size: 12px; line-height: 22px; color: #858585;}
.faculty .right{padding: 18px 16px; height: 526px; width: 356px; background: #fff;}
.faculty .right .article{margin-top: 40px; margin-bottom: 20px; height: 162px; font-size: 12px; line-height: 22px; color: #b5b5b5;}
.faculty .right h4{margin-bottom: 15px; color: #303030;}
.faculty .right a{display: inline-block; padding: 0 30px; line-height: 32px; font-size: 14px; background: #23aef1; color: #fff;}
.faculty .right a:hover{background: #0d87c3; color: #fff !important;}

.faculty-details{padding: 50px 28px 0;}
.faculty-details .face{width: 143px; height: 143px;}
.faculty-details .face i{background: url(../images/business/ck_circle3.png) no-repeat;}
.faculty-details .title{padding-left: 33px; padding-top: 35px; width: 200px; color: #3b3b3b;}
.faculty-details .title p.ft-34{line-height: 36px;}
.faculty-details .desc{padding-top: 25px; margin-right: 25px; width: 465px; font-size: 12px; line-height: 25px; color: #454545;}
.teaching-style{margin: 30px 0; padding: 10px; border-top: 1px solid #c8c8c8; border-bottom: 1px solid #c8c8c8; line-height: 24px; color: #5c5c5c;}


.team{margin-top: 10px; margin-right: -18px;}
.team li{position: relative; float: left; margin-top: 20px; margin-right: 18px; width: 388px; height: 506px; background: #eee;}
.team li .user{margin-top: 51px; height: 312px; line-height: 24px;}
.team li .face{margin: 0 auto 41px; width: 163px; height: 163px;}
.team li .face i{background: url(../images/business/ck_circle1.png) no-repeat;}
.team li .user h6{color: #3b3b3b;}
.team li .user p{color: #565656;}
.team li .picbox{margin-left: 14px;}
.team li .picbox img{margin-right: 6px; display: inline; width: 114px; height: 81px;}
.team li .desc{margin-top: 18px; padding: 0 14px; color: #5c5c5c; font-size: 12px; line-height: 44px; border-top: 1px solid #e5d6d6;}
.team li .filterbox{display: none\9; transform: scale(1,0); -webkit-transform: scale(1,0); transform-origin: 50% 0; -webkit-transform-origin: 50% 0; transition: all 1s cubic-bezier(.23,1,.38,1); -webkit-transition: all 1s cubic-bezier(.23,1,.38,1);}
.team li .icon{opacity: 0; filter: alpha(opacity=0); position: absolute; left: 0; top: 0; width: 100%; height: 100%; transform: translateY(-10%); -webkit-transform: translateY(-10%); transition: all 1s ease; -webkit-transition: all 1s ease;}
.team li .icon img{margin-top: 187px;}
.team li:hover .filterbox{display: block\9; transform: scale(1); -webkit-transform: scale(1);}
.team li:hover .icon{opacity: 1; filter: alpha(opacity=100); transform: translateY(0); -webkit-transform: translateY(0);}

/*===== jobSystem =====*/
.process{margin-bottom: 16px; padding: 50px 15px 80px; font-size: 12px; line-height: 22px; color: #8f8f8f; background: #fff;}
.process .about-box1-title{margin-bottom: 70px;}
.process ul li{position: relative; margin-right: 40px; width: 205px; text-align: center;}
.process ul li h4{margin-top: 17px; margin-bottom: 15px; padding-left: 4px; color: #3e3e3e; font-weight: normal; letter-spacing: 4px;}
.process ul li i{position: absolute; right: -30px; top: 54px; display: block; width: 20px; height: 20px; background: url(../images/job/ck_more.png) no-repeat;}
.process ul li.last{margin-right: 0; width: 190px;}
.process ul li.last i{display: none;}
.process ul li:hover img{transform: rotate(360deg); -webkit-transform: rotate(360deg);}
.process ul li:hover h4{color: #23aef1;} 
/* 就业明星 */
.star{padding: 10px 32px 0; background: #fff;}
.star .page{margin-top: 18px; margin-bottom: 30px;}
.star ul li{position: relative; top: 0; margin: 15px 6px; padding: 14px; width: 257px;}
.star ul li .imgbox{width: 257px; height: 273px;}
.star ul li .article{color: #3f3f3f; line-height: 22px;}
.star ul li .article h5{margin-top: 20px; margin-bottom: 10px; font-weight: normal;}
.star ul li .article p.txt1{height: 44px; overflow: hidden;color: #0000ff;}
.star ul li .article p.txt2{height: 66px; overflow: hidden;}
.star ul li:hover{top: -10px; -webkit-box-shadow: 0 10px 25px rgba(0,0,0,.1); -moz-box-shadow: 0 10px 25px rgba(0,0,0,.1); box-shadow: 0 10px 25px rgba(0,0,0,.1);}
/* 官方认证 */
.official{position: relative; margin-bottom: 15px; padding: 0 50px; background: #fff; font-size: 12px; line-height: 28px; color: #3f3f3f;}
.official ul{margin-top: 110px;}
.official ul li{margin-left: 75px; width: 230px;}
.official ul li:first-child{margin-left: 0;}
.official ul li p{margin-top: 40px; line-height: 24px;}
.official .left{padding-top: 40px; padding-bottom: 60px; width: 538px;}
.official .right{padding-top: 40px; padding-bottom: 60px; width: 285px;}
.official .baoming{position: absolute; left: 50px; bottom: 62px; display: block; text-align: center; width: 105px; height: 105px; background: #23aef1; color: #fff; font-size: 24px; line-height: 105px;}
.official .baoming span{position: relative; z-index: 1; color: #fff;}
.official .baoming em{position: absolute; left: 0; top: 0; display: block; width: 105px; height: 105px; background: #0d87c3; transform: scale(0); -webkit-transform: scale(0);}
.official .baoming:hover em{transform: scale(1); -webkit-transform: scale(1);}

/*===== works =====*/
#jq22 li .anibox{background: #000;}
#jq22 li:hover img{opacity: .5; filter: alpha(opacity=50); transform: scale(1.03); -webkit-transform: scale(1.03);}

/*===== found =====*/
.project li{position: relative; margin-top: 25px; background: #fff; overflow: hidden;}
.project li .article{padding: 28px; width: 965px;}
.project li .article h5{position: relative; display: inline-block; margin-bottom: 3px; color: #3f3f3f;}
.project li .article h5 span{position: absolute; right: -55px; top: 3px; display: block; width: 46px; height: 20px; line-height: 20px; text-align: center; background: #ff1717; color: #fff; font-size: 12px;
+position: relative; +display: inline-block; +right: 0; +left: 10px; +top: -3px;}
.project li .article p{font-size: 14px; color: #a6a6a6;}
.project-btn{right: 40px; bottom: 35px; width: 143px; height: 40px; line-height: 40px; text-align: center; background: #23aef1; color: #fff;}
.project-btn a{display: block; width: 100%; height: 100%;}
.project-btn em{position: absolute; left: 0; top: 0; display: block; width: 0; height: 100%; background: #0d86c1;}
.project-btn span{position: relative; z-index: 1; color: #fff;}
.project-btn a:hover em{width: 100%;}
.project-details .box{background-repeat: no-repeat; background-position: center center;}
/* 新闻 */
.news{margin-bottom: 50px;}
.news ul li{margin-top: 18px; background-color: #fff;} 
.news ul li:first-child{margin-top: 0;}
.news ul li a{padding: 14px; +padding: 13px 14px;}
.news ul li a .left, .news ul li a .left img{width: 201px; height: 130px;}
.news ul li a .center{padding-left: 45px; padding-top: 20px; width: 425px;}
.news ul li a .center h6{margin-bottom: 20px; color: #2b2b2b;padding-left:75px;}

.news ul li a .center h6 span{position: absolute; display: block; left: 0; top: 0; width: 68px; height: 25px; font-size: 12px; line-height: 25px; color: #fff; background: #23aef1; text-align: center;}
.news ul li a .center p{line-height: 20px; height: 40px; overflow: hidden; color: #777;}
.news ul li a .right{padding-top: 10px; padding-right: 50px; font-size: 24px; color: #999;}
.news ul li a .right span.ft-14{margin-bottom: 15px; padding-left: 3px;}
.news ul li a .right .i-more{width: 37px; height: 37px; background: url(../images/news_more.png);}
.news ul li a:hover{background-color: #23aef1;}
.news ul li a:hover *{color: #fff !important;}
.news ul li a:hover .right .i-more{background: url(../images/news_more_hover.png);}
.news-details{padding: 60px 67px; font-size: 14px; line-height: 24px; color: #545454; min-height: 1215px;}
.news-title{margin-bottom: 40px;}
.news-title h1{margin-bottom: 14px; font-size: 24px; line-height: 30px; font-weight: normal;}
/* 抽奖 */
.lucky{background: #ee3030;}
.lucky-banner{height: 940px; background-position: center center; background-repeat: no-repeat;}
.lucky-log{margin-top: -43px; margin-bottom: 90px; height: 60px; line-height: 60px; font-size: 16px; font-weight: bold; color: #ee3030; text-align: center; background: url(../images/found/ck_lucky15.png) no-repeat;}
.lucky-log-btn{display: inline-block; position: relative; margin: 0 12px; width: 109px; height: 31px; line-height: 31px;}
.lucky-log-btn em{display: block; position: absolute; left: 0; bottom: 0; width: 100%; height: 5px;}
.lucky-log-btn span{position: relative; z-index: 1;}
.lucky-log-log{background: #ec302f !important;}
.lucky-log-log em{background: #be201f;}
.lucky-log-log span{color: #ffdf87;}
.lucky-log-reg{background: #6f26d2 !important;}
.lucky-log-reg em{background: #5c1fae;}
.lucky-log-reg span{color: #d4b4ff;}
.lucky-log a:hover em{height: 100%;}
.cj{margin-bottom: 77px;}
.cj li{width: 300px; height: 131px; text-align: center; background: url(../images/found/ck_lucky5.png) no-repeat; transition: background 0.2s; -webkit-transition: background 0.2s;}
.cj li.adcls{background: url(../images/found/ck_lucky6.png) no-repeat;}
.cj li .pic{margin: 13px 0; height: 100px; line-height: 100px;}
.cj li .pic img{display: inline;}
.cj li p{font-size: 14px; font-weight: bold; color: #693e00;}
.bt{position: absolute; z-index: 1; left: 485px; top: 505px; width: 235px;}
.lucky-form{position: absolute; z-index: 1; left: 330px; top: 193px; width: 542px; height: 276px; background: #ffc11a;}
.lucky-form .left{padding: 45px 28px; width: 166px; height: 186px; background: #ffa800; font-size: 12px; line-height: 25px; color: #8b5200;}
.lucky-form .left h4{margin-bottom: 20px; color: #fff; line-height: 30px;}
.lucky-form .right{padding: 64px 30px 0 25px; width: 265px; height: 212px;}
.lucky-form .right th{width: 48px; font-size: 14px; color: #434343; line-height: 40px;}
.lucky-form .right th, .lucky-form .right td{padding-bottom: 17px;}
.lucky-form .right .needs{padding: 0 10px; width: 197px; height: 40px; line-height: 40px; font-size: 14px; color: #434343; background: #efb413;}
.lucky-form .right .submit{margin-top: 12px; width: 117px; height: 34px; color: #fff; font-size: 14px; background: #ec302f;}
.lucky-form .right .submit:hover{background: #be201f;}
.lucky-btn{margin-top: 55px; margin-bottom: 109px;}
.lucky-btn a{display: block; position: relative; width: 592px; height: 182px; overflow: hidden; line-height: 182px; text-align: center;} 
.lucky-btn a em{position: absolute; left: 0; top: 0; width: 592px; height: 252px; transform: scale(0) rotate(30deg); -webkit-transform: scale(0) rotate(30deg); transform-origin: 50% 50%; -webkit-transform-origin: 50% 50%;}
.lucky-btn a img{position: relative; z-index: 1; display: inline;}
.lucky-btn a.fl, .lucky-btn a.fr em{background-color: #ffd074;}
.lucky-btn a.fl em, .lucky-btn a.fr{background-color: #ffce4b;}
.lucky-btn a:hover em{transform: scale(1) rotate(-30deg); -webkit-transform: scale(1) rotate(-30deg);}
/* 测试题 */
.test{min-height: 991px; background-color: #f8ecca; background-repeat: no-repeat; background-position: center top; background-attachment: fixed;}
.test .float1{top: 62px; left: 19px; -webkit-animation: run1 15s infinite; animation: run1 15s infinite;}
.test .float2{top: 448px; right: -63px; -webkit-animation: run2 15s infinite; animation: run2 15s infinite;}
.test .float3{top: 88px; right: 125px; -webkit-animation: run3 15s infinite; animation: run3 15s infinite;}
.test .float4{bottom: 15px; right: 40px;}
.test .fadeimg{margin-top: 75px; margin-bottom: 47px; -webkit-animation: fadeInDown 1s; animation: fadeInDown 1s;}
.blackboard{height: 583px; background: url(../images/test/ck_test5.png) no-repeat center top;}
.blackboard ul{margin-top: 116px; margin-left: 110px;}
.blackboard ul li{margin-right: 26px; padding: 33px; width: 161px; height: 165px; overflow: hidden; text-align: center; background: url(../images/test/ck_test7.png) no-repeat;}
.blackboard ul li h6{margin-top: 10px; margin-bottom: 15px; font-size: 28px; line-height: 35px; height: 70px; overflow: hidden; color: #4b871c;}
.blackboard ul li p{margin-bottom: 20px; color: #494949; font-size: 14px; font-weight: bold;}
.test-btn a{position: relative; display: block; margin: 0 auto; width: 122px; height: 29px; line-height: 27px; font-size: 14px; font-weight: bold; background: url(../images/test/ck_button.png) no-repeat center top;}
.test-btn a em{bottom: 0; left: 0; width: 100%; height: 0; background: url(../images/test/ck_button.png) no-repeat center bottom;}
.test-btn a span{position: relative; z-index: 1; color: #fff;}
.test-btn a:hover em{height: 100%;}
.test-con{margin: 207px auto 0; width: 749px;}
.test-con .box{margin-bottom: 75px; height: 585px; background: url(../images/test/ck_test8.png) no-repeat;}
.test-con .pk{width: 400px;}
.test-con .pk h6{margin-bottom: 10px; font-size: 28px; line-height: 30px; color: #967407; letter-spacing: 2px;}
.test-con .pk p{font-size: 12px; color: #989898; letter-spacing: 5px;}
.test-con .twitter{margin-top: 7px; width: 212px;}
.btn-group{margin: 0 auto;}
.btn-group .test-btn{width: 185px; margin-right: 41px;}
.btn-group .test-btn a{width: 185px; height: 46px; text-align: center; line-height: 46px; background: url(../images/test/ck_button1.png) no-repeat center top;}
.btn-group .test-btn a em{background: url(../images/test/ck_button1.png) no-repeat center bottom;}
.btn-group .test-btn a span{color: #654d00;}
.test-con .hd{position: relative; padding-bottom: 15px; border-bottom: 1px solid #d0d0d0;}
.test-con .hd img{position: relative; top: -3px; display: inline; margin-right: 3px;}
.test-con .hd p{margin-top: 5px; color: #797979;}
.test-con .paging{right: 0; top: 0;}
.test-con .paging img{display: inline; margin: 0 3px;}

.test-con .one{margin: 35px 42px; color: #2e2e2e; font-size: 14px;}
.test-con .one .bd{margin: 47px auto; width: 325px; height: 269px; overflow: hidden;}
.test-con .one .bd p{margin-bottom: 20px;}
.test-con .one .btn-group{width: 412px;}

.test-con .two .bd{margin: 0 0 27px; width: 100%; height: 336px;}
.test-con .two .faq{padding: 0 15px; background: #fcc927; line-height: 42px; font-size: 14px; color: #654d00;}
.test-con .two .bd td{padding: 17px 0;}
.test-con .two .bd td img{display: inline;max-height:300px;}
.test-con .two ul li{position: relative; margin-top: 30px; margin-left: 44px; margin-right: 20px; padding-left: 40px; line-height: 20px;}
.test-con .two ul li:first-child{margin-top: 0;}
.radiobox{position: absolute; left: 0; top: 0;}
.radiobox input{position: absolute; z-index: 1; left: 0; top: 0; margin: 0; width: 20px; height: 20px; opacity: 0; filter: alpha(opacity=0);}
.radiobox .iradio{display: block; width: 20px; height: 20px; background: url(../images/test/radio.png) no-repeat;}
.radiobox .iradio.checked{background: url(../images/test/radio_check.png) no-repeat;}

.test-con .third .btn-group{width: 637px;}
.test-con .third .bd{margin: 27px 0; width: 100%; height: 309px;}
.test-con .third .left{width: 218px;}
.test-con .third .right{width: 430px; font-size: 12px; line-height: 28px;}
.test-con .third .index-hot{margin-top: 46px;}
.test-con .third .index-hot .item{width: 143px !important; margin-right: 0; margin-left: 24px; background: none;}
.test-con .third .index-hot .imgbox{width: 143px; height: 98px;}
.test-con .third .index-hot .article{padding: 11px 5px;}
.test-con .third .index-hot .article h6{margin-bottom: 15px; font-size: 14px; line-height: 20px; height: 40px; overflow: hidden;}
.test-con .third .index-hot .article p{font-size: 12px;}

/*===== cooperation =====*/
.coop{padding-top: 16px;}
.coop #timeline{width: 908px;}
.coop #timeline >div{margin: 0 auto 31px; width: 812px; overflow: hidden;}
.coop #dates li{width: 203px; height: 63px;}
.coop #dates li a{display: block; margin: 0 auto; width: 188px; height: 61px; border: 1px solid #e6e6e6; background-color: #fff; text-align: center; line-height: 63px;}
.coop #dates li a img{display: inline;}
.coop #dates li a:hover, .coop #dates .selected{border: 1px solid #23aef1;}
.coop #issues li{width: 908px;}
.coop #issues li .left{padding-left: 15px; width: 506px;}
.coop #issues li .right{padding-right: 0; padding-top: 0; width: 338px; line-height: 27px; color: #3e3e3e;}
.coop #issues li .right h6{margin-top: 0; margin-bottom: 22px; font-size: 50px; line-height: 52px; font-family: "Avenir";}
.coop #prev{left: 26px;}
.coop #next{right: 26px;}

ul.style li{float: left;}
.imgbox a{position: relative; display: block; width: 100%; /*height: 100%;*/ background: #000;}
.imgbox a img{display: inline;}
.imgbox a::before, .imgbox a::after{position: absolute; z-index: 1; top: 9%; right: 6%; bottom: 9%; left: 6%; content: ''; opacity: 0; -webkit-transition: opacity .35s,-webkit-transform .35s; transition: opacity .35s,-webkit-transform .35s;}
.imgbox a::before{border-top: 1px solid #fff; border-bottom: 1px solid #fff; transform: scale(0,1); -webkit-transform: scale(0,1);}
.imgbox a::after{border-left: 1px solid #fff; border-right: 1px solid #fff; transform: scale(1,0); -webkit-transform: scale(1,0);}
.imgbox a:hover::before, .imgbox a:hover::after{opacity: 1; transform: scale(1); -webkit-transform: scale(1);}
.imgbox a:hover img{opacity: .5; filter: alpha(opacity=50);}

/*===== login and register =====*/
.required{padding: 0 10px; height: 37px; line-height: 39px; border: 1px solid #e4e9eb; background: #f9fbfc; font-size: 12px; color: #a6a6a6; transition: border 0.3s; -webkit-transition: border 0.3s;}
.required:focus{border: 1px solid #23aef1;}
.login-wrap .submit{margin-top: 28px; width: 100%; height: 50px; background: #23aef1; color: #fff; font-size: 16px;}
.login-wrap .submit:hover, .register .code:hover{background: #0d87c3;}
.log-icon{position: absolute; top: 1px; left: 1px; display: block; width: 31px; height: 37px; background: url(../images/member/icon1.png) no-repeat;}
.log-email{background-position: 0 0;}
.log-phone{background-position: 0 -37px;}
.log-pwd{background-position: 0 -74px;}
.login-wrap{margin-top: 42px; margin-bottom: 73px; height: 610px; background: #fff url(../images/member/logo.jpg) no-repeat 583px 142px;}
.login-wrap .title{padding: 25px 30px; font-size: 12px; color: #757575; font-weight: bold;}
.login-wrap .title span{padding-left: 9px; color: #ccc; font-weight: normal;}
.loginbox{margin-left: 122px; width: 360px;}
.loginbox ul li{position: relative; margin-top: 16px; font-size: 12px; color: #a6a6a6;}
.loginbox ul li span{position: absolute; top: 10px; left: 38px;}
.loginbox .required{padding-left: 37px; width: 311px;}
.register ul li{margin-top: 10px;}
.register ul li.codebox .required{width: 175px;}
.register .code{position: absolute; right: 0; top: 0; width: 129px; height: 39px; line-height: 39px; background: #23aef1; color: #fff; text-align: center;}
.register .submit{margin-top: 10px;}
.login-wrap .info{margin-top: 140px; font-size: 34px; color: #484848;}
.login-wrap .info p{margin-top: 40px;}

/* member */
.member-wrap .local{margin: 15px 0;}
.member{min-height: 820px;}
.member .tabs{margin-top: 30px; margin-left: 32px;}
.member .tabs a{float: left; width: 115px; height: 32px; line-height: 32px; text-align: center; font-size: 14px; font-weight: bold; color: #646464;}
.member .tabs a.active, .member .tabs a:hover{background: #1babf1; color: #fff !important;}
.member-form{margin-left: 115px; margin-top: 79px; width: 560px;}
.member-form th{padding-right: 6px; font-size: 14px; line-height: 40px; color: #434343; text-align: right;}
.member-form .required{margin-bottom: 25px; width: 460px;}
.member-form .code{display: inline-block; margin-left: 10px; width: 129px; height: 39px; text-align: center; background: #1babf1; color: #fff; text-align: center; line-height: 39px;}
.member-form .code:hover{background: #0d87c3;}
.member-form .picbox{margin-right: 18px;margin-top: 8px; width: 103px;}
.member-form .article{margin-top: 8px; width: 330px; font-size: 12px; line-height: 25px; color: #434343;}
.member-form .upload{margin-top: 15px; width: 122px; height: 36px;}
.member-form .upload input{position: absolute; left: 0; top: 0; z-index: 1; width: 122px; height: 36px; opacity: 0; filter: alpha(opacity=0);}
.member-form .upload .file{width: 122px; height: 36px; line-height: 36px; background: #1babf1; color: #fff; text-align: center; font-weight: bold;}
.member-form .submit{margin-top: 70px; width: 155px; height: 42px; background: #1babf1; color: #fff; font-size: 16px; font-weight: bold;}
.member-form .submit:hover{background: #0d87c3;}
.member-wrap .aside .resume .user h6{margin-bottom: 5px; letter-spacing: 0;}
.member-wrap .aside .resume .user p{color: #a7a7a7;}
.resume-btn a:hover{color: #fff !important;}
.subnav{margin-top: 26px;}
.subnav ul li{margin-bottom: 6px;}
.subnav ul li a{display: block; padding-left: 60px; height: 60px; line-height: 60px; font-size: 16px; color: #6d6d6d; background: #fff;}
.subnav ul li i{position: relative; top: 6px; display: inline-block; margin-right: 10px; width: 20px; height: 20px; background-image: url(../images/member/icon2.png); background-repeat: no-repeat;}
.subnav ul li a:hover i, .subnav ul li.active i{background-image: url(../images/member/icon3.png);}
.subnav ul li i.icon1, .subnav ul li.active i.icon1{background-position: 0 -1px;}
.subnav ul li i.icon2, .subnav ul li.active i.icon2{background-position: 0 -21px;}
.subnav ul li i.icon3, .subnav ul li.active i.icon3{background-position: 0 -41px;}
.subnav ul li i.icon4, .subnav ul li.active i.icon4{background-position: 0 -62px;}
.subnav ul li.active a{background: #1babf1; color: #fff !important;}
.subnav ul li a:hover{padding-left: 45px; background: #1babf1; color: #fff !important;}

.record {margin: 20px 27px;}
.record th, .record td{font-size: 12px; text-align: center; vertical-align: middle;} 
.record th{color: #434343; line-height: 40px; background: #eee;}
.record td{padding: 22px 0; color: #373737; line-height: 22px; border-bottom: 1px solid #dfdfdf;}
.record th.tl, .record td.tl{text-align: left;}
.record th.tl{padding-left: 28px;}
.record td table td{padding: 0; border-bottom: 0;}
.record td .tag{margin-left: 7px; width: 67px; height: 58px; padding-top: 7px; background: #1babf1; color: #fff; font-weight: bold; font-size: 20px; line-height: 24px; text-align: center;}

.lay{display: none; position: fixed; z-index: 100000; top: 50%; left: 50%; width: 557px; height: 371px; margin-top: -185px; margin-left: -279px; background: url(../images/index_pic1.png) no-repeat; -webkit-transform: translateZ(0);}
.lay-btn{position: absolute; left: 213px; bottom: 80px; display: block; width: 280px; height: 240px;}
.lay-close{position: absolute; top: 14px; right: 27px; display: block; width: 20px; height: 20px;}


.mt5{margin-top: 5px;}
.mt10{margin-top: 10px;}
.mt20{margin-top: 20px !important;}
.mt70{margin-top: 70px;}
.mt100{margin-top: 100px;}
.mt150{margin-top: 150px;}
.pdt{padding-top: 0 !important;}
.pdr{padding-right: 0 !important;}
.pt16{padding-top: 16px;}
.pb30{padding-bottom: 30px;}
.pb60{padding-bottom: 60px;}
.pd-tb30{padding-top: 30px; padding-bottom: 30px;}
.pd-tb60{padding-top: 60px; padding-bottom: 60px;}
.bgcolor-red{background: #ff5353;}
.bgcolor-gray{background: #f2f2f2;}
.bgcolor-white{background: #fff;}
.bgcolor-darkblue{background: #31284a;}
.pink{color: #fca5a5;}
.purple{color: #8c83a4;}
.orange{color: #ef7e00;}
.blue{color: #23aef1 !important;}
.gray{color: #a6a6a6 !important;}
.red{color: #d90000 !important;}
.ff-av{font-family: "Avenir" !important;}
.noborder{border: 0 !important;}