@charset "utf-8";
/*基本设置*/
*{ padding:0; margin:0}
html,div,ul,li,dl,dt,dd,p,h1,h2,h3,h4,h5,h6,img,form,embed,label,ol{margin:0;padding:0;border:0; font-size:12px; font-weight:normal;font-family:"微软雅黑",Arial, Helvetica, sans-serif;}
img{border:none}
ul,ul li,ol,ol li,menu li{list-style:none;}
a,a:visited,a:active{ color:#525252; text-decoration:none;}
body{ margin:0px; padding:0px; font-size:12px; color:#4D4D4D; font-family:"微软雅黑";}


/* 导航 */
#nav{ width:100%; box-shadow:0 3px 3px #CBCBCB;}
#nav .dao{ width:1300px; margin:0 auto; overflow:hidden}
#header{ width:149px; height:80px; line-height:80px; text-align:center; float:left}
#header span.right{ display:none}
#header span.left{ display:block; height:60px; padding-top:10px}
.menu{ margin-left:50px; list-style:none; float:left}
.menu li{ height:80px; line-height:80px; text-align:center; padding:0 10px; font-size:14px; float:left}
.menu li a{ color:#4D4D4D; display:inline-block; width:100%; text-align:center; text-decoration:none;}
.menu li a:hover,.menu li.active a{ color:#0072D4; transition:all 0.5s;}
#nav form{ margin:26px 0 0 65px; float:left}
#nav form .text{ width:210px; height:26px; padding-left:30px; border:1px solid #EEE; background:url(../images/searchbg.png) no-repeat 10px center; outline:none; float:left}
#nav form .sub{ width:60px; height:28px; background:#0072D4; color:#FFF; border:none; outline:none; float:left; cursor:pointer}
.login{ line-height:80px; font-size:14px; color:#0072D4; float:right;}
.login a{ font-size:14px; color:#0072D4;}
#header .left img {    width: auto;    height: 50px;}
#header a img {    width: 127px;    height: auto;    max-height: 54px;}
/* banner */
.flexslider{ position:relative; width:100%; height:550px; overflow:hidden; background:url(../images/loading.gif) 50% no-repeat; }
.slides{ position:relative; z-index:1; }
.slides li{ height:550px; background-size:cover !important}
.flex-control-nav{ display:none}
.flex-direction-nav{ position:absolute; z-index:3; width:100%; top:45%; }
.flex-direction-nav li a{ display:block; width:31px; height:31px; overflow:hidden; cursor:pointer; position:absolute; }
.flex-direction-nav li a.flex-prev{ left:40px; background:url(../images/prev.png) center center no-repeat; }
.flex-direction-nav li a.flex-next{ right:40px; background:url(../images/next.png) center center no-repeat; }
.banner{ width:100%;}
.banner img{ width:100%;}

/* 首页公用部分 */
.section{ width:1200px; margin:40px auto 0;}
.section .title{ border-bottom:1px solid #DFE6EC; }
.section .title h2{ margin-bottom:-2px; padding-bottom:5px; font-weight:normal; font-size:20px; color:#333; border-bottom:3px solid #0072D4; float:left}
.section .title ul{ margin-top:10px; float:right}
.section .title ul li{ padding-right:20px; float:left}
.section .title ul li a{ margin-right:20px; color:#666}
.section .title ul li b{ color:#CECECE}
.section .title .more{ margin-top:10px; color:#666; float:right}
.section .title a:hover{ color:#0072D4; transition:all 0.5s;}

/* BIM热门课程 */
.course{ margin-top:40px; position:relative}
.course .prev,.course .next{ width:18px; height:55px; cursor:pointer; position:absolute; top:42px; z-index:99}
.course .prev{ left:-40px;}
.course .next{ right:-40px;}
.course .mr_frUl{ width:1200px; overflow:hidden;}
.course .mr_frUl ul{ overflow:hidden;}
.course .mr_frUl ul li{ float:left; width:220px; margin-right:25px; overflow:hidden;}
.course .mr_frUl ul li img{ width:218px; height:140px;}
.course .mr_frUl ul li p{ height:20px; line-height:20px; margin-top:18px; overflow:hidden}
.course .mr_frUl ul li p a{ float:left}
.course .mr_frUl ul li p b{ display:inline-block; width:34px; height:15px; line-height:15px; text-align:center; border:1px solid #DBBE00; border-radius:2px; font-weight:normal; font-size:12px; color:#DBBE00; float:right}
.course .mr_frUl ul li p span{ display:inline-block; width:34px; height:15px; line-height:15px; text-align:center; border:1px solid #0072D4; border-radius:2px; font-size:12px; color:#0072D4; float:right}

/* BIM资讯 BIM培训招生 BIM学习 */
.section2{ margin-bottom:40px; overflow:hidden}
.section2 .news{ width:380px; margin-right:30px; float:left; border-bottom:1px solid #CED5DB}
.section2 .zhao{ width:380px; margin-right:30px; float:left; border-bottom:1px solid #CED5DB}
.section2 .study{ width:380px; float:left; border-bottom:1px solid #CED5DB}
.section2 .cont a{ height:60px; line-height:30px; padding:0 20px; margin:40px 0; font-size:14px; color:#333; border-left:1px solid #CED5DB; border-bottom:3px solid #FFF; display:block; transition:all 0.5s;}
.section2 .cont a:hover{ background:#0072D4; color:#FFF; border-left:1px solid #0072D4; border-bottom:3px solid #FFDD00; transition:all 0.5s;}

/* BIM视频课 BIM直播课 */
.section3{ margin-top:20px;}
.section3 .video{ padding-top:30px;}
.section3 .video .left{ width:465px; float:left}
.section3 .video .left dt{ width:465px; height:314px; overflow:hidden; position:relative}
.section3 .video .left dt img{ width:100%; height:100%; -moz-transition:all .8s ease 0s; -ms-transition:all .8s ease 0s; -o-transition: all .8s ease 0s; transition:all .8s ease 0s;}
.section3 .video .left dt:hover img{ transform: scale(1.1); -moz-transform: scale(1.1); -webkit-transform: scale(1.1);}
.section3 .video .left dt p{ width:98%; height:32px; line-height:32px; padding-left:2%; font-size:14px; color:#FFF; background:url(../images/50.png) repeat; position:absolute; bottom:0; left:0}
.section3 .video .left dd{ height:20px; line-height:20px; margin-top:15px; overflow:hidden}
.section3 .video .left dd a{ font-size:18px; color:#333; float:left; transition:all 0.5s;}
.section3 .video .left dd a:hover{ color:#0072D4; transition:all 0.5s;}
.section3 .video .left dd b{ display:inline-block; width:38px; height:18px; line-height:18px; text-align:center; border:1px solid #DBBE00; border-radius:2px; font-weight:normal; font-size:14px; color:#DBBE00; float:right}
.section3 .video .left dd span{ display:inline-block; width:38px; height:18px; line-height:18px; text-align:center; border:1px solid #0072D4; border-radius:2px; font-size:14px; color:#0072D4; float:right}
.section3 .video .right{ width:735px; float:left}
.section3 .video .right dl{ width:218px; padding:5px; margin:0 0 18px 15px; border:1px solid #FFF; float:left; transition:all 0.5s;}
.section3 .video .right dl:hover{ border:1px solid #D2D2D2; -webkit-box-shadow:0 0 2px 2px #D2D2D2; -moz-box-shadow:0 0 2px 2px #D2D2D2; box-shadow:0 0 2px 2px #D2D2D2; transition:all 0.5s;}
.section3 .video .right dl dt{ width:218px; height:124px;}
.section3 .video .right dl dt img{ width:100%; height:100%;}
.section3 .video .right dl dd{ height:20px; line-height:20px; margin-top:10px; overflow:hidden}
.section3 .video .right dd a{ font-size:14px; color:#333; float:left; transition:all 0.5s;}
.section3 .video .right dd a:hover{ color:#0072D4; transition:all 0.5s;}
.section3 .video .right dl dd b{ display:inline-block; width:34px; height:15px; line-height:15px; text-align:center; border:1px solid #DBBE00; border-radius:2px; font-weight:normal; font-size:12px; color:#DBBE00; float:right}
.section3 .video .right dl dd span{ display:inline-block; width:34px; height:15px; line-height:15px; text-align:center; border:1px solid #0072D4; border-radius:2px; font-size:12px; color:#0072D4; float:right}


/* BIM培训考试 */
.section5{ margin-top:20px;}
.section5 .video{}
.section5 .video dl{ width:218px; padding:5px; margin:18px 12px 0 0; border:1px solid #FFF; float:left; transition:all 0.5s;}
.section5 .video dl:hover{ border:1px solid #D2D2D2; -webkit-box-shadow:0 0 2px 2px #D2D2D2; -moz-box-shadow:0 0 2px 2px #D2D2D2; box-shadow:0 0 2px 2px #D2D2D2; transition:all 0.5s;}
.section5 .video dl.lr{ margin-right:0}
.section5 .video dl dt{ width:218px; height:124px;}
.section5 .video dl dt img{ width:100%; height:100%;}
.section5 .video dl dd{ height:20px; line-height:20px; margin-top:10px; overflow:hidden}
.section5 .video dd a{ font-size:14px; color:#333; float:left; transition:all 0.5s;}
.section5 .video dd a:hover{ color:#0072D4; transition:all 0.5s;}
.section5 .video dl dd b{ display:inline-block; width:34px; height:15px; line-height:15px; text-align:center; border:1px solid #DBBE00; border-radius:2px; font-weight:normal; font-size:12px; color:#DBBE00; float:right}
.section5 .video dl dd span{ display:inline-block; width:34px; height:15px; line-height:15px; text-align:center; border:1px solid #0072D4; border-radius:2px; font-size:12px; color:#0072D4; float:right}

/* BIM培训合作单位 */
.section6{ margin-bottom:50px; overflow:hidden}
.section6 dl{ width:218px; height:102px; text-align:center; margin:25px 25px 0 0; float:left; border:1px solid #CCC; transition:all 0.5s;}
.section6 dl:hover{ border:1px solid #0072D4; transition:all 0.5s;}
.section6 dl.lr{ margin-right:0}
.section6 dl dt{ width:100%; height:36px; margin-top:25px;}
.section6 dl dt img{ max-width:100%; max-height:100%;}
.section6 dl dd{ margin-top:15px;}

/* BIM视频课 */
.videos{ width:1200px; margin:0 auto}
.videos .title{ margin:20px 0 0 0;}
.videos .title ul{ padding:5px 20px; overflow:hidden}
.videos .title ul li{ line-height:50px; margin-right:35px; float:left; font-size:14px; color:#333;}
.videos .title ul li a{ font-size:14px; color:#333;}
.videos .title ul li a:hover,.videos .title ul li.act a{ color:#0072D4;}
.videos .cont{ margin-top:40px;}
.videos .cont dl{ margin-bottom:25px; padding:8px; background:#FFF; transition:all 0.5s; overflow:hidden}
.videos .cont dl:hover{ box-shadow:5px 5px 5px #EEE; transition:all 0.5s;}
.videos .cont dl dt{ width:298px; height:186px; padding:8px; border:1px solid #FFF; transition:all 0.5s; float:left; position:relative}
.videos .cont dl dt:hover{ border:1px solid #0072D4; transition:all 0.5s;}
.videos .cont dl dt span{ display:block; width:36px; height:17px; line-height:17px; text-align:center; background:#77C4ED; border-radius:3px; color:#FFF; position:absolute; top:18px; right:18px}
.videos .cont dl dt b{ display:block; width:36px; height:17px; line-height:17px; text-align:center; background:#FFDD00; border-radius:3px; color:#FFF; font-weight:normal; position:absolute; top:18px; right:18px}
.videos .cont dl dt p{ width:54px; height:54px; background:url(../images/icons.png) no-repeat; background-position:0 -21px; position:absolute; top:70px; right:126px; transition:all 0.5s; filter:alpha(opacity=0); -moz-opacity:0; -khtml-opacity:0; opacity:0;  }
.videos .cont dl dt:hover p{ filter:alpha(opacity=100); -moz-opacity:1.0; -khtml-opacity:1.0; opacity:1.0; transition:all 0.5s;}
.videos .cont dl dd{ width:820px; padding:15px 20px; float:left}
.videos .cont dl dd .tit{ display:block; font-size:16px; transition:all 0.5s;}
.videos .cont dl dd .tit:hover{ color:#0072D4; transition:all 0.5s;}
.videos .cont dl dd span{ display:block; margin-top:10px; font-size:14px; color:#999}
.videos .cont dl dd span i{ display:inline-block; width:20px; height:13px; margin:-4px 5px 0 30px; background:url(../images/icons.png) no-repeat; vertical-align:middle}
.videos .cont dl dd .more{ padding:15px 0; border-bottom:1px solid #EEE; overflow:hidden}
.videos .cont dl dd .more b{ margin-right:25px; padding-top:13px; font-weight:normal; font-size:14px; color:#0072D4; float:left}
.videos .cont dl dd .more p{ padding-top:3px; font-size:14px; color:#0072D4; float:left}
.videos .cont dl dd .more p strong{ font-size:22px; color:#0072D4;}
.videos .cont dl dd .more a{ display:block; width:82px; height:32px; line-height:32px; padding-left:20px; background:url(../images/icons.png) no-repeat; background-position:-198px 0; color:#999; float:right}
.videos .cont dl dd .more a:hover{ color:#333; background-position:-198px -32px;}
.videos .cont dl dd .con{ line-height:22px; margin-top:15px; color:#999;}
.videos .ping{ margin-bottom:50px;}
.videos .ping h2{ border-bottom:1px solid #DFE6EC}
.videos .ping h2 span{ display:block; width:105px; margin-bottom:-2px; padding-bottom:6px; font-weight:normal; font-size:20px; border-bottom:3px solid #0072D4}
.videos .ping .cons{ overflow:hidden}
.videos .ping .cons dl{ width:380px; margin:30px 27px 0 0; border:1px solid #DBDBDB; background:#FFF; float:left}
.videos .ping .cons dl.lr{ margin-right:0}
.videos .ping .cons dl dt{ line-height:44px; text-align:center; font-size:16px; border-bottom:1px solid #DBDBDB;}
.videos .ping .cons dl dd{ padding:10px 20px;}
.videos .ping .cons dl dd .imgs{ overflow:hidden}
.videos .ping .cons dl dd .imgs img{ width:50px; height:50px; float:left}
.videos .ping .cons dl dd .imgs h3{ height:18px; line-height:18px; margin:15px 0 0 15px; padding-left:10px; border-left:4px solid #0072D4; font-size:18px; color:#0072D4; float:left}
.videos .ping .cons dl dd p{ line-height:22px; margin-top:10px; font-size:14px;}

.vidcon{ background:#E6E6E6;}
.vide{ width:1200px; margin:0 auto;}
.position{ padding:10px 0 10px 0; margin-top:3px; font-size:14px; color:#0072D4;}
.position a{ font-size:14px; color:#0072D4;}
.vide .ship{ border:1px solid #FFF; overflow:hidden}
.vide .ship .vdes{ width:875px; height:565px; overflow:hidden; float:left}
.vide .ship .vdes video{ max-width:100%; height:100%}

.vide .ship .listit{ width:300px; height:545px; margin:10px; background:#FFF; overflow:auto; float:right}
.vide .ship .listit h2{ padding:20px 0 0 15px; font-size:18px; color:#333;}
.vide .ship .listit span{ display:block; line-height:30px; padding-left:15px; font-size:14px; color:#999;}
.vide .ship .listit h3{ line-height:40px; padding-left:15px; margin:10px 0; background:#0072D4; font-size:14px; color:#FFF;}
.vide .ship .listit p{ line-height:40px; padding-left:15px; color:#666; overflow:hidden}
.vide .ship .listit p a{ float:left;display: inline-block;    width: 200px;    overflow: hidden;    height: 40px;}
.vide .ship .listit p a:hover,.vide .ship .listit p a.act{ color:#0072D4}
.vide .ship .listit p i{ display:block; width:14px; height:14px; margin:13px 15px 0 0; background:url(../images/icons.png) no-repeat; float:right}
.vide .ship .listit p i.ic1{ background-position:-174px -6px}
.vide .ship .listit p i.ic2{ background-position:-152px -5px}
.vide .ship .listit p b{ margin-right:10px; font-weight:normal; float:right}

.vide .bot{ padding:15px 0; overflow:hidden}
.vide .bot li{ height:30px; line-height:30px; margin-right:40px; font-size:14px; float:left}
.vide .bot li i{ display:inline-block; margin-right:10px; background:url(../images/icons.png) no-repeat; vertical-align:middle}
.vide .bot li.l2 i{ width:24px; height:21px; background-position:-94px -3px;}
.vide .bot li.l3 i{ width:18px; height:20px; background-position:-126px -3px;}
.vide .bot li.l4{ color:#999}
.vide .bot li.l4 i{ width:20px; height:13px; background-position:0 0;}
.vide .bot li.l5 b{ font-weight:normal; color:#E4393C}
.vide .bot li.l6 a{ display:block; width:94px; height:30px; text-align:center; margin-left:20px; border-radius:5px; background:#0072D4; color:#FFDD00}

.vibrief{ width:1200px; margin:50px auto 0; overflow:hidden}
.vibrief .left{ width:880px; float:left}
.vibrief .left .con{ padding:25px 10px; background:#FFF;}
.vibrief .left .con dt{ padding-bottom:10px; border-bottom:1px solid #CCC;}
.vibrief .left .con dt h2{ line-height:24px; padding-left:10px; border-left:4px solid #0072D4; font-size:18px;}
.vibrief .left .con dd h3{ margin:15px 0 5px 0; font-size:14px;}
.vibrief .left .con dd p{ line-height:22px; font-size:12px; color:#999}
.vibrief .left form{ margin-top:40px;}
.vibrief .left form h2{ margin-bottom:30px; line-height:24px; padding-left:10px; border-left:4px solid #0072D4; font-size:18px;}
.vibrief .left form textarea{ width:878px; height:270px; max-width:878px; max-height:270px; margin-bottom:20px; border:1px solid #CDCDCD; outline:none; display:block}
.vibrief .left form input{ width:120px; height:40px; line-height:40px; text-align:center; font-size:16px; color:#FFF; border-radius:5px; background:#0072D4; border:none; outline:none; display:block}
.vibrief .left .ping{ margin-top:20px;}
.vibrief .left .ping dl{ padding:25px 0 20px 0; border-bottom:1px solid #DBDBDB; overflow:hidden}
.vibrief .left .ping dl dt{ width:50px; height:50px; margin:0 10px; border-radius:25px; float:left}
.vibrief .left .ping dl dt img{ width:50px; height:50px; border-radius:25px;}
.vibrief .left .ping dl .nei{ width:610px; float:left}
.vibrief .left .ping dl .nei h3{ line-height:16px; padding-left:10px; border-left:4px solid #0072D4; font-size:14px; color:#333;}
.vibrief .left .ping dl .nei p{ line-height:30px; margin-top:5px; font-size:16px; color:#333;}
.vibrief .left .ping dl .date{ float:right}
.vibrief .left .ping dl .date span{ text-align:right; display:block; color:#999}
.vibrief .left .ping dl .date p{ margin-top:15px; text-align:right; color:#999}
.vibrief .left .ping dl .date p i{ display:inline-block; width:17px; height:18px; margin:-5px 8px 0 0; vertical-align:middle; background:url(../images/icons.png) no-repeat; background-position:-65px -30px;}
.vibrief .left .ping dl .date p a{ padding-right:20px; color:#0072D4}

.vibrief .right{ width:300px; float:right}
.vibrief .right .con{ padding:25px 10px; background:#FFF;}
.vibrief .right .con dt{ padding-bottom:20px; overflow:hidden; border-bottom:1px solid #CCC;}
.vibrief .right .con dt img{ margin-right:15px; float:left;width:100px;border-radius:50px;}
.vibrief .right .con dt b{ display:block; height:58px; line-height:58px; font-weight:normal; font-size:18px; float:left}
.vibrief .right .con dd h3{ margin:15px 0 5px 0; font-size:16px;}
.vibrief .right .con dd p{ line-height:24px; font-size:14px; color:#999}
.vibrief .right .tuike{ margin-top:0px; padding:30px 18px; background:#FFF;}
.vibrief .right .tuike h2{ padding-left:10px; border-left:4px solid #0072D4; font-size:18px;}
.vibrief .right .tuike dl{ margin-top:20px; overflow:hidden}
.vibrief .right .tuike dl dt{ width:114px; height:70px; float:left}
.vibrief .right .tuike dl img{ width:100%; height:100%;}
.vibrief .right .tuike dl dd{ margin-left:10px; float:left}
.vibrief .right .tuike dl dd h3{ margin-top:12px; font-size:14px;}
.vibrief .right .tuike dl dd h3 a{ color:#333; transition:all 0.5s;}
.vibrief .right .tuike dl dd h3 a:hover{ color:#0072D4; transition:all 0.5s;}
.vibrief .right .tuike dl dd p{ margin-top:5px; font-size:14px; color:#999}
.vibrief .outline-playpos{    float: right;    margin-right: 10px;}

.bot .bshareDiv{height:30px!important;}
.bot .bshareDiv .buzzButton{height:30px!important;background-position:center!important;};

/* 招生动态 */
.joins{ margin-top:30px; overflow:hidden}
.joins li{ width:525px; padding:20px 0; margin:0 150px 50px 0; float:left; border-bottom:1px solid #DBDBDB;}
.joins li.lr{ margin-right:0}
.joins li span,.zhao li p{ line-height:25px; color:#373737;}
.joins li h2{ margin:20px 0;}
.joins li h2 a{ font-size:18px; color:#373737; transition:all 0.5s;}
.joins li h2 a:hover{ color:#0072D4; transition:all 0.5s;}
.zhaocon{ margin-top:30px; overflow:hidden}
.zhaocon .cont{ width:860px; margin-top:20px; float:left}
.zhaocon .cont h2{ font-size:30px;}
.zhaocon .cont .info{ height:50px; line-height:50px; border-bottom:1px dashed #CCC; overflow:hidden}
.zhaocon .cont .info p{ font-size:14px; color:#999; float:left}
.zhaocon .cont .info p i{ display:inline-block; width:20px; height:13px; margin:-2px 8px 0 20px; background:url(../images/icons.png) no-repeat; vertical-align:middle}
.zhaocon .cont .info p a{ width:79px; height:22px; line-height:22px; text-align:center; margin:14px 0 0 20px; font-size:12px; color:#333; border-radius:3px; background:#FD0}
.zhaocon .cont .info .back{ display:block; font-size:14px; color:#999; transition:all 0.5s; float:right}
.zhaocon .cont .info .back:hover{ color:#0072D4; transition:all 0.5s;}
.zhaocon .cont .info .back i{ display:inline-block; width:11px; height:13px; margin:-2px 8px 0 20px; background:url(../images/icons.png) no-repeat; background-position:-100px -34px; vertical-align:middle}
.zhaocon .cont .cons{ line-height:28px; margin-top:30px; font-size:16px; color:#333;}
.zhaocon .tui{ width:260px; float:right}
.zhaocon .tui h2{ font-size:18px; color:#333;}
.zhaocon .tui dl{ padding:15px 0; border-bottom:1px dashed #CCC;}
.zhaocon .tui dl dt,.zhaocon .tui dl dt img{ width:100%;}
.zhaocon .tui dl dd .tit{ display:block; margin:10px 0; font-size:16px; color:#333; transition:all 0.5s;}
.zhaocon .tui dl dd .tit:hover{ color:#0072D4; transition:all 0.5s;}
.zhaocon .tui dl dd p{ line-height:20px; color:#808080}
.zhaocon .tui dl dd .more{ color:#808080; transition:all 0.5s;}
.zhaocon .tui dl dd .more:hover{ color:#0072D4; transition:all 0.5s;}
.zhaocon .tui .bao{ margin-top:50px; overflow:hidden}
.zhaocon .tui .bao a{ display:block; width:119px; height:45px; line-height:45px; text-align:center;}
.zhaocon .tui .bao a.qq{ background:url(../images/qqbg.jpg) no-repeat; float:left;}
.zhaocon .tui .bao a.tanchu{ background:url(../images/tjbg.jpg) no-repeat; float:right; color:#FFF}

/* 报名样式 */
.signup{ width:1000px; margin:40px auto; padding:50px; background:#FFF; border-radius:10px;}
.signup h1{ line-height:60px; text-align:center; font-size:24px; border-bottom:1px solid #E6E6E6}
.signup form{}
.signup form ul{ margin:20px 0 0 0; overflow:hidden}
.signup form ul li{ width:428px; height:43px; margin:25px 140px 0 0; border:1px solid #E6E6E6; border-radius:5px; float:left;}
.signup form ul li.lr{ margin-right:0}
.signup form ul li span{ display:block; width:60px; height:43px; line-height:43px; padding-left:10px; font-size:14px; color:#666; float:left}
.signup form ul li input{ display:block; width:345px; height:43px; line-height:43px; font-size:14px; color:#666; border:0; outline:none; float:left}
.signup form ul li.sel{ border:none; overflow:hidden}
.signup form ul li.sel dl{ width:200px; height:41px; line-height:41px; border:1px solid #E6E6E6; border-radius:5px; float:left}
.signup form ul li.sel dl.lr{ float:right}
.signup form ul li.sel dl dt{ display:block; width:75px; height:43px; line-height:43px; padding-left:10px; font-size:14px; color:#666; float:left}
.signup form ul li.sel dl dd{ float:left}
.signup form ul li.sel dl select{ width:100px; height:41px; line-height:41px; padding-left:30px; outline:none; border:none}
.signup form .bot{ padding-bottom:45px; border-bottom:1px solid #E6E6E6; overflow:hidden}
.signup form .bot .lef{ width:428px; float:left}
.signup form .bot p{ width:426px; height:43px; margin:25px 140px 0 0; border:1px solid #E6E6E6; border-radius:5px; overflow:hidden}
.signup form .bot p .file{ margin:10px 0 0 10px;}
.signup form .bot p span{ display:block; width:70px; height:43px; line-height:43px; padding-left:10px; font-size:14px; color:#666; float:left}
.signup form .bot p input{ display:block; width:335px; height:43px; line-height:43px; font-size:14px; color:#666; border:0; outline:none; float:left}
.signup form .bot p select{ width:200px; height:43px; line-height:43px; padding-left:50px; outline:none; border:none; float:left}
.signup form .bot p img{ width:34px; height:34px; margin:5px; float:left}
.signup form .bot p b{ margin:4px; font-weight:normal; color:#999; float:left}
.signup form .bot .rit{ width:428px; float:right}
.signup form .sub{ display:block; width:150px; height:45px; background:#0072D4; border:none; border-radius:5px; font-size:16px; color:#FFF; outline:none; cursor:pointer; margin:45px auto 0}

/* 栏目标题 */
.tyname{ border-bottom:1px solid #DFE6EC; overflow:hidden}
.tyname li{ line-height:35px; margin-right:40px; float:left}
.tyname li a{ height:33px; border-bottom:3px solid #F9F9F9; font-size:20px; color:#333; display:block; transition:all 0.5s;}
.tyname li a:hover,.tyname li.act a{ color:#0072D4; border-bottom:3px solid #0072D4; transition:all 0.5s;}

/* BIM下载 */
.down{ margin-top:30px; overflow:hidden}
.down dl{ width:536px; height:66px; padding:20px; margin:30px 48px 0 0; background:#F7F7F7; transition:all 0.5s; float:left}
.down dl.lr{ margin-right:0}
.down dl:hover{ background:#0072D4; transition:all 0.5s; cursor:pointer}
.down dl dd{ width:380px; float:left}
.down dl dd h2{ font-size:16px;}
.down dl dd h2 a{ color:#333; transition:all 0.5s;}
.down dl:hover dd h2 a{ color:#FFF; transition:all 0.5s;}
.down dl dd p{ margin-top:10px; font-size:14px; color:#999; transition:all 0.5s;}
.down dl:hover dd p{ color:#B6CEF0; transition:all 0.5s;}
.down dl dt{ width:97px; height:37px; margin-top:15px; float:right}
.down dl dt a{ display:block; width:97px; height:37px; background:url(../images/downj1.png) no-repeat; transition:all 0.5s;}
.down dl:hover dt a{ background:url(../images/downj2.png) no-repeat; transition:all 0.5s;}
.downcon{ }
.downcon h1{ margin:40px 0 20px 0; text-align:center; font-size:30px;}
.downcon .cont{ line-height:24px; margin:30px 0; font-size:14px; color:#666}
.downcon .cont p{ line-height:24px; margin:20px 0; font-size:14px; color:#666}
.downcon .cont img{ max-width:100%;}
.downcon .xiazai{ overflow:hidden}
.downcon .xiazai li{ width:542px; height:31px; line-height:31px; padding:19px; margin-right:40px; border-bottom:1px solid #EBEBEB; transition:all 0.5s; float:left}
.downcon .xiazai li.lr{ margin-right:0px;}
.downcon .xiazai li:hover{ border-bottom:1px solid #0072D4; border-radius:5px; background:#0072D4; transition:all 0.5s;}
.downcon .xiazai li a.tit{ display:block; width:385px; line-height:16px; margin-top:7px; padding-left:10px; font-size:14px; color:#333; border-left:4px solid #0072D4; transition:all 0.5s; float:left}
.downcon .xiazai li:hover a{ color:#FFF; transition:all 0.5s;}
.downcon .xiazai li a.do{ display:block; width:80px; height:31px; background:url(../images/down1.png) no-repeat; transition:all 0.5s; float:right}
.downcon .xiazai li:hover a.do{ background:url(../images/down2.png) no-repeat; transition:all 0.5s;}
.downcon .goback{ display:block; width:192px; height:36px; line-height:36px; text-align:center; margin:50px auto; font-size:14px; color:#333; border:1px solid #DBDBDB; border-radius:5px; transition:all 0.5s;}
.downcon .goback:hover{ background:#0072D4; border:1px solid #0072D4; color:#FFF; transition:all 0.5s;}

/* BIM资讯 */
.newslist{ width:1200px; margin:40px auto 0;}
.newslist .ne{ margin-top:50px; overflow:hidden}
.newslist .ne dt{ width:333px; height:188px; overflow:hidden; float:left}
.newslist .ne dt img{ width:100%; height:100%;}
.newslist .ne dt img{ width:100%; height:100%; -moz-transition:all .8s ease 0s; -ms-transition:all .8s ease 0s; -o-transition: all .8s ease 0s; transition:all .8s ease 0s;}
.newslist .ne dt:hover img{ transform: scale(1.1); -moz-transform: scale(1.1); -webkit-transform: scale(1.1);}
.newslist .ne dd{ width:832px; height:188px; float:right}
.newslist .ne dd .tit{ display:block; margin-top:20px; font-size:18px; transition:all 0.5s;}
.newslist .ne dd .tit:hover{ color:#0072D4; transition:all 0.5s;}
.newslist .ne dd p{ line-height:25px; margin-top:10px; font-size:14px;}
.newslist .ne dd .more{ display:block; width:98px; height:36px; line-height:36px; text-align:center; margin-top:20px; border:1px solid #0072D4; border-radius:5px; font-size:14px; color:#0072D4; transition:all 0.5s; float:right}
.newslist .ne dd .more:hover{ background:#0072D4; color:#FFF; transition:all 0.5s;}
.newscon{ margin-top:30px; overflow:hidden}
.newscon .cont{ width:860px; float:left}
.newscon .cont h2{ font-size:24px; color:#0072D4}
.newscon .cont .info{ height:50px; line-height:50px; border-bottom:1px dashed #CCC; overflow:hidden}
.newscon .cont .info p{ font-size:14px; color:#999; float:left}
.newscon .cont .info p i{ display:inline-block; width:20px; height:13px; margin:-2px 8px 0 20px; background:url(../images/icons.png) no-repeat; vertical-align:middle}
.newscon .cont .info a{ display:block; font-size:14px; color:#999; transition:all 0.5s; float:right}
.newscon .cont .info a:hover{ color:#0072D4; transition:all 0.5s;}
.newscon .cont .info a i{ display:inline-block; width:11px; height:13px; margin:-2px 8px 0 20px; background:url(../images/icons.png) no-repeat; background-position:-100px -34px; vertical-align:middle}
.newscon .cont .cons{ line-height:28px; margin-top:30px; font-size:16px; color:#333;}
.newscon .cont .cons img{ max-width:100%;}
.newscon .tui{ width:260px; float:right}
.newscon .tui h2{ font-size:18px; color:#333;}
.newscon .tui dl{ padding:15px 0; border-bottom:1px dashed #CCC;}
.newscon .tui dl dt,.newscon .tui dl dt img{ width:100%;}
.newscon .tui dl dd .tit{ display:block; margin:10px 0; font-size:16px; color:#333; transition:all 0.5s;}
.newscon .tui dl dd .tit:hover{ color:#0072D4; transition:all 0.5s;}
.newscon .tui dl dd p{ line-height:20px; color:#808080}
.newscon .tui dl dd .more{ color:#808080; transition:all 0.5s;}
.newscon .tui dl dd .more:hover{ color:#0072D4; transition:all 0.5s;}

/* 关于我们 */
.listabout{ width:1200px; margin:40px auto 0;}

/* 企业简介 */
.webrief{ margin-bottom:80px; text-align:center}
.webrief h1{ width:435px; text-align:center; height:36px; line-height:36px; margin:45px auto 30px auto; border-left:4px solid #F5D400; font-weight:100; font-size:36px; color:#333;}
.webrief p{ line-height:50px; font-size:18px; color:#999; background:url(../images/hzbg.png) no-repeat center;}

.branch{ height:670px; margin-bottom:60px; background:#FFF; border:1px solid #E6E6E6; overflow:auto}
.branch h1{ width:260px; text-align:center; height:36px; line-height:36px; margin:45px auto 30px auto; border-left:4px solid #F5D400; font-weight:100; font-size:36px; color:#333;}
.branch p{ line-height:50px; text-align:center; font-size:16px; color:#333;}
.branch .cont{ margin-top:50px; overflow:hidden}
.branch .cont dl{ width:535px; margin:0 0 40px 43px; float:left}
.branch .cont dl dt{ height:45px; letter-spacing:10px; font-size:16px; color:#333; border-bottom:1px solid #BDBDBD;}
.branch .cont dl dt i{ display:inline-block; vertical-align:middle; background:url(../images/icons.png) no-repeat;}
.branch .cont dl dt i.tu1{ width:30px; height:38px; margin:0 20px 0 0; background-position:0 -81px}
.branch .cont dl dt i.tu2{ width:21px; height:39px; margin:0 29px 0 0; background-position:-32px -81px}
.branch .cont dl dt i.tu3{ width:41px; height:39px; margin:0 9px 0 0; background-position:-54px -81px}
.branch .cont dl dt i.tu4{ width:40px; height:34px; margin:0 10px 0 0; background-position:-96px -81px}
.branch .cont dl dd{ line-height:30px; margin-top:15px; font-size:14px; color:#999;}

.yewu{ width:1130px; margin:0 auto 60px;}
.yewu h1{ width:260px; text-align:center; height:36px; line-height:36px; margin:45px auto 30px auto; border-left:4px solid #F5D400; font-weight:100; font-size:36px; color:#333;}
.yewu .cont{ overflow:hidden}
.yewu .cont dl{ width:267px; height:181px; text-align:center; margin:20px 20px 20px 0; background:url(../images/ywbg_05.jpg) no-repeat; position:relative; float:left}
.yewu .cont dl.ye4{ margin-right:0}
.yewu .cont dl dt{ width:267px; height:181px; position:absolute; top:0; left:0;}
.yewu .cont dl dt span{ display:block; height:135px; background:url(../images/yewu.png) no-repeat; margin:0 auto}
.yewu .cont dl.ye1 dt span{ width:82px; background-position:-13px 25px;}
.yewu .cont dl.ye2 dt span{ width:55px; background-position:-122px 25px;}
.yewu .cont dl.ye3 dt span{ width:61px; background-position:-210px 25px;}
.yewu .cont dl.ye4 dt span{ width:71px; background-position:-301px 25px;}
.yewu .cont dl dt h2{ font-size:18px; color:#333;}
.yewu .cont dl dd{ width:267px; height:181px; background:url(../images/ywbg_03.jpg) no-repeat; position:absolute; top:0; left:0; filter:alpha(opacity=0); -moz-opacity:0; -khtml-opacity:0; opacity:0; transition:all 0.4s; cursor:pointer}
.yewu .cont dl:hover dd{ width:267px; height:181px; position:absolute; top:0; left:0; filter:alpha(opacity=100); -moz-opacity:1.0; -khtml-opacity:1.0; opacity:1.0; transition:all 0.4s;}
.yewu .cont dl dd h2{ line-height:50px; margin-top:20px; font-size:22px; color:#FFF}
.yewu .cont dl dd p{ line-height:26px; padding:0 30px; text-align:left; font-size:16px; color:#FFF}

.kehu{ margin-bottom:60px;}
.kehu h1{ width:260px; text-align:center; height:36px; line-height:36px; margin:45px auto 30px auto; border-left:4px solid #F5D400; font-weight:100; font-size:36px; color:#333;}
.kehu .cont{ overflow:hidden}
.kehu .cont dl{ width:218px; height:102px; text-align:center; margin:25px 25px 0 0; border:1px solid #CCC; transition:all 0.5s; float:left}
.kehu .cont dl.lr{ margin-right:0}
.kehu .cont dl:hover{ border:1px solid #0072D4; transition:all 0.5s; cursor:pointer}
.kehu .cont dl.lr{ margin-right:0}
.kehu .cont dl dt{ width:100%; height:36px; margin-top:25px;}
.kehu .cont dl dt img{ max-width:100%; max-height:100%;}
.kehu .cont dl dd{ margin-top:15px;}

/* 培训优势 */
.wkehu{ width:1200px; margin:60px auto;}
.wkehu h1{ width:330px; text-align:center; height:36px; line-height:36px; margin:45px auto; border-left:4px solid #F5D400; font-weight:100; font-size:36px; color:#333;}
.wkehu .cont{ overflow:hidden}
.wkehu .cont dl{ width:220px; float:left}
.wkehu .cont dl dt{ width:220px; height:104px; line-height:104px; text-align:center; background:url(../images/ybg1.jpg) no-repeat; font-size:18px; color:#333}
.wkehu .cont dl dd{ width:220px; height:104px; line-height:104px; text-align:center; background:url(../images/ybg2.jpg) no-repeat; font-size:18px; color:#FFF; margin-top:25px;}
.wkehu .mr_frbox{ width:955px; float:right}
.wkehu .mr_frbox .jian{ width:220px; margin:30px 0 0 245px; overflow:hidden}
.wkehu .mr_frbox .jian .prev{ width:96px; height:27px; background:url(../images/jian.png) no-repeat; background-position:0 -39px; cursor:pointer; float:left}
.wkehu .mr_frbox .jian .next{ width:96px; height:27px; background:url(../images/jian.png) no-repeat; background-position:-124px -39px; cursor:pointer; float:right}
.wkehu .mr_frbox .jian .prev:hover{ background-position:0 0;}
.wkehu .mr_frbox .jian .next:hover{ background-position:-124px 0;}
.wkehu .mr_frUl{ width:955px;}
.wkehu .mr_frUl ul{ overflow:hidden;}
.wkehu .mr_frUl ul li{ width:220px; margin-right:25px; float:left;}
.wkehu .mr_frUl ul li p{ width:218px; height:102px; text-align:center; font-size:16px; color:#333; border:1px solid #F5D400;}
.wkehu .mr_frUl ul li span{ display:block; width:218px; height:102px; text-align:center; margin-top:25px; font-size:16px; color:#333; border:1px solid #0072D4;}
.wkehu .mr_frUl ul li img{ margin:25px 0 10px 0;}

.linians{ padding:50px 0; background:#FFF}
.linian{ width:1130px; margin:0 auto;}
.linian h1{ width:330px; text-align:center; height:36px; line-height:36px; margin:0 auto 45px auto; border-left:4px solid #F5D400; font-weight:100; font-size:36px; color:#333;}
.linian .cont{ overflow:hidden}
.linian .cont dl{ width:267px; height:241px; margin-right:20px; background:url(../images/libg.jpg) no-repeat; float:left}
.linian .cont dl.lr{ margin-right:0}
.linian .cont dl dt{ height:86px; overflow:hidden}
.linian .cont dl dt i{ display:inline-block; width:53px; height:53px; margin:16px 35px 0 35px; border:1px solid #D3D3D3; background:#FFF url(../images/linian.png) no-repeat; border-radius:50%; float:left}
.linian .cont dl dt i.ic1{ background-position:13px 14px}
.linian .cont dl dt i.ic2{ background-position:-34px 13px}
.linian .cont dl dt i.ic3{ background-position:-84px 13px}
.linian .cont dl dt i.ic4{ background-position:-128px 13px}
.linian .cont dl dt span{ display:inline-block; height:86px; line-height:86px; font-weight:100; font-size:28px; color:#333; float:left}
.linian .cont dl dd{ line-height:25px; padding:15px; font-size:14px; color:#666}

.peixun{ width:915px; margin:0 auto 60px auto;}
.peixun h1{ width:260px; text-align:center; height:36px; line-height:36px; margin:45px auto; border-left:4px solid #F5D400; font-weight:100; font-size:36px; color:#333;}
.peixun .cont{ line-height:45px; font-size:18px; color:#999}

.xunpros{ padding:50px 0; background:#FFF}
.xunpro{ width:955px; margin:0 auto;}
.xunpro h1{ width:260px; text-align:center; height:36px; line-height:36px; margin:0 auto 45px auto; border-left:4px solid #F5D400; font-weight:100; font-size:36px; color:#333;}
.xunpro .cont{ overflow:hidden}
.xunpro .cont .dj{ margin:48px 40px 0 20px; float:left}
.xunpro .cont dl{ width:110px; float:left}
.xunpro .cont dl dt{ width:110px; height:110px; background:url(../images/xunpro.png) no-repeat; transition:all 0.5s; cursor:pointer}
.xunpro .cont dl dt.ic1{ background-position:-3px -4px}
.xunpro .cont dl dt.ic2{ background-position:-156px -4px}
.xunpro .cont dl dt.ic3{ background-position:-331px -4px}
.xunpro .cont dl dt.ic4{ background-position:-494px -4px}
.xunpro .cont dl dt.ic1:hover{ background-position:-3px -160px; transition:all 0.5s;}
.xunpro .cont dl dt.ic2:hover{ background-position:-156px -160px; transition:all 0.5s;}
.xunpro .cont dl dt.ic3:hover{ background-position:-331px -160px; transition:all 0.5s;}
.xunpro .cont dl dt.ic4:hover{ background-position:-494px -160px; transition:all 0.5s;}
.xunpro .cont dl dd{ text-align:center; margin-top:30px; font-size:26px; font-weight:100; color:#333;}

.zheng{ width:1200px; margin:0 auto 60px auto;}
.zheng h1{ width:260px; text-align:center; height:36px; line-height:36px; margin:45px auto; border-left:4px solid #F5D400; font-weight:100; font-size:36px; color:#333;}
.zheng .cont{}
.zheng .cont h2{ height:55px; line-height:55px; margin-top:50px; padding-left:90px; background:#0072D4; font-weight:100; font-size:24px; color:#FFF;}
.zheng .cont ul{}
.zheng .cont ul li{ border-left:1px solid #E6E6E6; overflow:hidden}
.zheng .cont ul li p{ height:130px; line-height:35px; font-size:16px; color:#333; border-right:1px solid #E6E6E6; border-bottom:1px solid #E6E6E6; float:left}
.zheng .cont ul li p.tit{ width:276px; height:100px; padding:60px 0 30px 0; text-align:center;}
.zheng .cont ul li p.info{ width:120px; padding:30px;}
.zheng .cont ul li p.con{ width:540px; padding:30px 100px 30px 100px;}

/* 招贤纳士 */
.listjoin{ margin-bottom:50px;}
.listjoin h1{ width:180px; text-align:center; height:36px; line-height:36px; margin:45px auto; border-left:4px solid #F5D400; font-weight:100; font-size:36px; color:#333;}
.jquery-accordion-menu{ padding:40px 0; background:#FFF; overflow:hidden}
.jquery-accordion-menu ul{ margin:0; padding:0; list-style:none}
.jquery-accordion-menu ul li{ width:100%; display:block; float:left; position:relative}
.jquery-accordion-menu ul li a{ width:100%; height:48px; line-height:48px; overflow:hidden; float:left; text-decoration:none; white-space:nowrap; position:relative; overflow:hidden; -o-transition:color .2s linear,background .2s linear; -moz-transition:color .2s linear,background .2s linear; -webkit-transition:color .2s linear,background .2s linear; transition:color .2s linear,background .2s linear}
.jquery-accordion-menu ul li a p{ font-size:16px; float:left; color:#333;}
.jquery-accordion-menu ul li.active a p{ color:#0072D4;}
.jquery-accordion-menu ul li a .tit{ width:120px; padding:0 200px 0 85px;}
.jquery-accordion-menu ul li a .ren{ width:120px; margin-right:95px;}
.jquery-accordion-menu ul li a .xue{ width:140px; margin-right:95px;}
.jquery-accordion-menu>ul>li>a{ border-bottom:solid 1px #EBEBEB;}
.jquery-accordion-menu ul li a i{ width:34px; float:left; line-height:18px; font-size:16px; text-align:left}
.jquery-accordion-menu .submenu-indicator{ float:right; right:90px; top:15px; position:absolute; line-height:19px; font-size:20px; -o-transition: transform .3s linear;-moz-transition: transform .3s linear;-webkit-transition: transform .3s linear;-ms-transition: transform .3s linear}
.jquery-accordion-menu li.active .submenu-indicator-minus>.submenu-indicator{ color:#0072D4; -ms-transform:rotate(45deg);-moz-transform:rotate(45deg);-webkit-transform:rotate(45deg);transform:rotate(45deg)}
.jquery-accordion-menu .submenu-indicator-minus>.submenu-indicator{ -ms-transform:rotate(45deg);-moz-transform:rotate(45deg);-webkit-transform:rotate(45deg);transform:rotate(45deg)}
.jquery-accordion-menu ul ul.submenu,.jquery-accordion-menu ul ul.submenu li ul.submenu{ width:100%;display:none;position:static}
.jquery-accordion-menu ul ul.submenu div{ line-height:30px; padding:20px 85px; color:#999; font-size:14px; clear:both; border-bottom:solid 1px #EBEBEB;}
.jquery-accordion-menu ul ul.submenu div h2{ height:20px; line-height:20px; padding-left:10px; margin-bottom:15px; border-left:4px solid #0072D4; color:#333; font-size:14px;}
.jquery-accordion-menu ul li .jquery-accordion-menu-label,.jquery-accordion-menu ul ul.submenu li .jquery-accordion-menu-label{ min-width:20px;padding:1px 2px 1px 1px;position:absolute;right:18px;top:14px;font-size:11px;font-weight:800;color:#555;text-align:center;line-height:18px;background:#f0f0f0;border-radius:100%}
.jquery-accordion-menu ul ul.submenu li .jquery-accordion-menu-label{ top:12px}
.ink{ display:block;position:absolute;background:rgba(255,255,255,.3);border-radius:100%;-webkit-transform:scale(0);-moz-transform:scale(0);-ms-transform:scale(0);-o-transform:scale(0);transform:scale(0)}
.animate-ink{ -webkit-animation:ripple .5s linear;-moz-animation:ripple .5s linear;-ms-animation:ripple .5s linear;-o-animation:ripple .5s linear;animation:ripple .5s linear}

/* 联系我们 */
.listcontact{ margin-bottom:50px;}
.listcontact h1{ width:180px; text-align:center; height:36px; line-height:36px; margin:45px auto; border-left:4px solid #F5D400; font-weight:100; font-size:36px; color:#333;}
.listcontact .lianxi{ overflow:hidden}
.listcontact .lianxi dl{ width:278px; height:198px; margin:0 26px 0 0; border:1px solid #DEDEDE; float:left;}
.listcontact .lianxi dl.lr{ margin-right:0}
.listcontact .lianxi dl dt{ text-align:center; margin:50px 0 20px 0; font-size:18px; color:#666}
.listcontact .lianxi dl dt i{ display:inline-block; margin:-5px 10px 0 0; background:url(../images/icons.png) no-repeat; vertical-align:middle}
.listcontact .lianxi dl dt i.ic1{ width:13px; height:18px; background-position:0 -132px;}
.listcontact .lianxi dl dt i.ic2{ width:19px; height:17px; background-position:-20px -133px;}
.listcontact .lianxi dl dt i.ic3{ width:19px; height:12px; background-position:-47px -135px;}
.listcontact .lianxi dl dt i.ic4{ width:16px; height:17px; background-position:-75px -132px;}
.listcontact .lianxi dl dd{ line-height:30px; text-align:center; font-size:14px; color:#999;}

.listcontact .map{ margin-top:25px; overflow:hidden}
.listcontact .map #dituContent{ width:789px; height:398px; border:1px solid #DEDEDE; border-right:0; float:left}
.listcontact .map .info{ width:359px; height:320px; padding:40px 25px; float:left; border:1px solid #DEDEDE; border-left:0}
.listcontact .map .info h2{ padding-left:35px; font-size:18px; color:#333}
.listcontact .map .info p{ line-height:30px; margin-top:30px; padding-left:35px; font-size:16px; color:#4D4D4D}
.listcontact .map .info p.lc1{ background:url(../images/lc1.jpg) no-repeat; background-position:0 6px}
.listcontact .map .info p.lc2{ background:url(../images/lc2.jpg) no-repeat; background-position:0 6px}
.listcontact .map .info p.lc3{ background:url(../images/lc3.jpg) no-repeat; background-position:0 6px}

/* 登录状态 */
.logins{ width:350px; padding:20px 20px 30px 20px; margin:200px auto; background:#FFF; border-radius:10px;}
.logins h1{ line-height:40px; padding-left:10px; font-size:16px; color:#333; border-bottom:1px solid #E6E6E6}
.logins dl{ margin:50px 0 30px 0; padding-bottom:40px; border-bottom:1px solid #E6E6E6; overflow:hidden}
.logins dl dt{ width:33px; height:33px; margin:0 20px 0 70px; background:url(../images/icons.png) no-repeat; float:left}
.logins dl dt.dui{ background-position:0 -167px}
.logins dl dt.cuo{ background-position:-33px -167px}
.logins dl dd{ height:33px; line-height:33px; font-size:18px; color:#0072D4;}
.logins .que{ display:block; width:60px; height:25px; line-height:25px; text-align:center; background:#0072D4; color:#FFF; margin:0 auto;}


/* 购买页 */
.buycon{ width:1200px; margin:50px auto}
.buylist{ border-bottom:1px solid #DFE6EC; background:#FFF}
.buylist h2{ height:75px; border-bottom:1px solid #DFE6EC; position:relative}
.buylist h2 span{ padding-bottom:5px; border-bottom:2px solid #0072D4; font-size:16px; color:#0072D4; position:absolute; bottom:0; left:30px;}
.buylist dl{ padding:20px 30px; margin-top:15px; background:#F0F0F0; overflow:hidden}
.buylist dl dt{ margin-right:30px; float:left;}
.buylist dl .check{ margin-top:35px;}
.buylist dl .lit{ width:130px; height:80px;}
.buylist dl .lit img{ width:100%; height:100%;}
.buylist dl dd{ float:left;}
.buylist dl dd h3{ margin-top:5px;}
.buylist dl dd h3 a{ font-size:18px; color:#333}
.buylist dl dd h3 a:hover{ color:#0072D4}
.buylist dl dd p{ margin-top:15px;}
.buylist dl dd p span{ margin-right:85px; font-size:16px; color:#808080}
.buylist .gobuy{ margin-top:15px; border-top:1px solid #DFE6EC; overflow:hidden}
.buylist .gobuy a{ display:block; width:110px; height:40px; line-height:40px; text-align:center; margin:10px 30px 10px 0; float:right; font-size:16px; color:#FFF; background:#0072D4; border-radius:3px;}

.buybot h2{ height:75px; border-bottom:1px solid #DFE6EC; position:relative}
.buybot h2 span{ padding-bottom:5px; border-bottom:2px solid #0072D4; font-size:16px; color:#0072D4; position:absolute; bottom:0; left:30px;}
.buybot .mr_frbox{ margin-top:40px; position:relative}
.buybot .mr_frbox .prev,.buybot .mr_frbox .next{ width:18px; height:55px; cursor:pointer; position:absolute; top:42px; z-index:99}
.buybot .mr_frbox .prev{ left:-40px;}
.buybot .mr_frbox .next{ right:-40px;}
.buybot .mr_frbox .mr_frUl{ width:1200px; overflow:hidden;}
.buybot .mr_frbox .mr_frUl ul{ overflow:hidden;}
.buybot .mr_frbox .mr_frUl ul li{ float:left; width:220px; margin-right:25px; overflow:hidden;}
.buybot .mr_frbox .mr_frUl ul li img{ width:218px; height:140px;}
.buybot .mr_frbox .mr_frUl ul li .tit{ display:block; height:20px; line-height:20px; margin-top:15px; font-size:14px; color:#333; overflow:hidden}
.buybot .mr_frbox .mr_frUl ul li .tit:hover{ color:#0072D4;}
.buybot .mr_frbox .mr_frUl ul li p{ margin-top:10px; overflow:hidden}
.buybot .mr_frbox .mr_frUl ul li p span{ font-size:14px; color:#999; float:left}
.buybot .mr_frbox .mr_frUl ul li p span b{ font-weight:normal; color:#E4393C;}
.buybot .mr_frbox .mr_frUl ul li p a{ display:block; width:43px; height:17px; line-height:17px; text-align:center; background:#77C4ED; border-radius:3px; font-size:12px; color:#FFF; float:right}




/* 分页 start */
#mpage{ display:none}
#page{ text-align:center; margin:50px auto; clear:both;}
#page li,#mpage li{ display:inline-block; vertical-align:middle; margin:0 3px;}
#page li a,#mpage li a{ display:block; height:38px; line-height:38px; padding:0 15px; border:1px solid #E0E0E0; font-size:14px; color:#999; transition:all 0.5s;}
#page li a.active,#page li a:hover{ color:#0072D4; border:1px solid #0072D4; transition:all 0.5s;}

/* 上下篇 */
.shang{ margin:50px auto; border-top:1px dashed #CCC}
.shang p{ height:43px; line-height:43px; font-size:14px; color:#999; border-bottom:1px dashed #CCC}
.shang p a{ font-size:14px; color:#999; transition:all 0.5s;}
.shang p a:hover{ color:#0072D4; transition:all 0.5s;}


/* 公用底部 */
.footbg{ height:7px; background:url(../images/border.jpg) no-repeat center}
.foot{ width:1200px; margin:0 auto; padding:50px 0; overflow:hidden}
.foot dl{ float:left}
.foot dl dt{ border:1px solid #E0DFDB; float:left}
.foot dl dt img{ width:112px; height:112px; padding:8px;}
.foot dl dd{ width:610px; margin-left:15px; float:left}
.foot dl dd p{ margin-bottom:5px; font-size:14px;}
.foot dl dd p img{ margin-bottom:10px;width:140px;}

.foot .fotnav{ float:right}
.foot .fotnav ul{ margin-left:55px; float:left}
.foot .fotnav ul li{ margin-bottom:15px;}
.foot .fotnav ul li a{ color:#999; transition:all 0.5s;}
.foot .fotnav ul li a:hover{ color:#0072D4; transition:all 0.5s;}
.foot .fotnav ul li.tit{ margin-bottom:25px;}
.foot .fotnav ul li.tit a{ font-size:14px; color:#333;}


#andbook_outline{
	background:white;
}

#andbook_outline .rtju li.rtj {
    height: 40px;
    line-height: 40px;
    padding-left: 10px;
    cursor: pointer;
    border-bottom: 1px dotted #ddd;
}


li.rtj.current {
   font-weight: bolder;
    background: #0072D4;
    color: white;
}

.vide .ship .listit p .playing{
	color:blue;
}

.progress_pannel{position:static!important;background:transparent!important;}

.progress_pannel a{color:#333!important;}


.icon_fail {
    display: inline-block;
    width: 168px;
    height: 126px;
    background: url(/andisk/images/bg_regist_v2.png) 0 0;
    background-position: 220px 0;
}


.mod_inner {
    width: 100%;
    margin: auto;
    position: relative;
    overflow: hidden;
     border: 0px;
    background: #ffffff;
    height: 100%;
        text-align: center;
    padding-top: 130px;
    
}

.mod_result {
    padding: 60px 0;
    text-align: center;
}

 .des {
    color: #798699;
    margin: 27px 0;
    width: 100%;
}
.modal-ft {
    margin-top: 30px;
}
 .text_area {
    margin: 15px auto;
    width: 600px;
    font-weight: normal;
    font-size: 16px;
    line-height: 30px;
}



.btn-default, .btn-primary, .btn-weak, .btn-outline, .btn-card {
    display: inline-block;
    vertical-align: middle;
    cursor: pointer;
    font-size: 14px;
    text-align: center;
    border-radius: 2px;
    border: 0;
    width: 100px;
    height: 36px;
    line-height: 36px;
}


.js-pay-continue {
    background-color: #ebebeb;
    border: 1px solid #d9d9d9;
    color: #3a3a3a;
}

.js-pay-studynow {
    background-color: #188eee;
    color: #fff;
    margin-left: 10px;
}

 .study_finished{
 	    background: url(/andisk/images/ke/tick_48.png)!important;
    	background-repeat: no-repeat;
    	background-size: contain!important;
   }
   
   .mod-header_inner .mod-header__user-name {
    margin-left: 0px;
    display: inline-block;
    vertical-align: top;
}

.mod-header_inner .mod-search__input {
    margin: 4px 10px 4px 64px;
    width: 125px;
    height: 20px;
    line-height: 20px;
    vertical-align: top;
}
.mod-search__input:hover, .mod-search__input:focus {
    border-color: #ececec;
}

.mod-header__wrap-login {
    width: 146px;
    height: 80px;
    position: relative;
    padding-top: 0px;
    float: right;
    line-height: 80px;
    text-align: right;
    margin-left: 20px;
}



.mod-header_inner .mod-header__wrap-login {
    width: 150px;
    height: 80px;
    line-height: 80px;
}

.mod-header_wrap-user {
    display: none;
    position: relative;
    float: left;
    text-align: left;
    padding-bottom: 0px;
}

.mod-header_wrap-user .mod-header__user-name {
    margin-left: 5px;
    width: 60px;
    font-size: 12px;
    display:inline-block;
}

.mod-header_wrap-user img
{
     vertical-align: text-bottom;
}

.mod-header_wrap-user .mod-header__user-name a {
    display: block;
    position: relative;
    max-width: 64px;
    padding-right: 10px;
    color: #333;
}

.mod-header_wrap-user .mod-header__user-name a:after {
    content: "";
    width: 0;
    height: 0;
    position: absolute;
    right: 0;
    top: 50%;
    margin-top: -2px;
    border-top: 4px solid;
    border-left: 4px solid transparent;
    border-right: 4px solid transparent;
    transition: transform .3s;
    overflow: hidden;
}

.mod-header_wrap-user:hover .mod-header__user-name a:after {
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg);
}


.mod-header_wrap-user .mod-header__user-operations {
    width: 84px;
    position: absolute;
    top: 50px;
    left: 20px;
    border: 1px solid #ddd;
    z-index: 5;
    display: none;
}

.mod-header_inner .mod-header__user-operations {
    top: 60px;
    left: 1465px;
    position:fixed;
}

#andbook_loginname span{
	width: 60px;
    overflow: hidden;
    display: inline-block;
    height: 80px;
    line-height: 80px;
}

.mod-header_wrap-user:hover .mod-header__user-operations {
    display: block;
}


.mod-header_wrap-user .mod-header__user-operations a {
    background: #fff;
    display: block;
    line-height: 30px;
    text-align: center;
    font-size:12px;
}

.mod-header_wrap-user .mod-header__user-operations a:hover {
    background: #eee;
}

.mod-header__wrap a:hover {
    color: #188EEE;
}


span.task-tt-text {
     display: inline-block;
       width: 130px;
}

.task-tt span.tt-suffix {
    display: inline-block;
    width: 50px;
}

i.study_state{
	display:inline-block;
}