.bdqn_main { width: 100%; position: relative; z-index: 4; background: #fff; } .con_l { width: 862px; } .bdqn_slide { width: 100%; position: relative; z-index: 1; overflow: hidden; } .pv-slideBox { /* min-width: 960px; */ width: 862px; height: 333px; margin: 0 auto; position: relative; } /*.pv-slideBox ul.slide-list { position: absolute; top: 50%; left: 50%; width: 862px; height: 333px; margin-left: -431px; text-align: center }*/ .pv-slideBox ul.slide-list li { position: relative; top: -50%; } .pv-slideBox ul.pv-slideBox-page { display: inline; top: auto; z-index: 9999; padding: 0; margin: 0; } .pv-slideBox ul.pv-slideBox-page li { display: inline-block; color: #e54813; cursor: pointer; list-style: none; border: 0; border-radius: 50%; float: left; font-size: 0; height: 14px; line-height: 0; margin: 5px; opacity: 1 !important; padding: 0; position: relative; right: 50%; width: 14px; } .pv-slideBox ul.pv-slideBox-page li { background: #FFF; } .pv-slideBox ul li.pv-slideBox-current-page { background: #f15050; } .article_box { margin-top: 25px; } .article_box .stuList li { float: left; padding: 6px 12px; } .article_box .stuList li a { font-size: 16px; color: #21a8e6; } .article_box .stuList li:hover { padding: 6px 12px; background: #21a8e6; border-radius: 15px; } .article_box .stuList li:hover a { color: #fff; } .article_box .stuList .active { padding: 6px 12px; background: #21a8e6; border-radius: 15px; } .article_box .stuList .active a { color: #fff; } .article_box .article_img { margin-top: 12px; width: 100%; height: 210px; overflow: hidden; } .hotTit { font-size: 18px; position: relative; padding-left: 10px; line-height: 30px; } .hotTit:before { content: ''; position: absolute; width: 2px; height: 17px; background: #f34540; left: 0; top: 6px; } .articleCon { padding-top: 20px; border-bottom: 1px dashed #dcdcdc; padding-bottom: 20px; width: 1200px; } .articleCon:hover { background: #fafafa; } .articleCon:hover .artCon .artCon_title a { color: #e12b39; } .articleCon:hover .artImg img { transform: scale(1.1); } .articleCon .artImg { width: 230px; height: 149px; overflow: hidden; } .articleCon .artImg img { width: 100%; -webkit-transition: -webkit-transform 0.8s; } .articleCon .artCon { margin-left: 30px; width: 69%; } .articleCon .artCon .artCon_title a { font-size: 18px; font-weight: bold; color: #272727; } .articleCon .artCon .artinfo { font-size: 14px; color: #b1b1b1; padding-top: 12px; } .articleCon .artCon .artTxt { padding-top: 16px; line-height: 22px; color: #878787; font-size: 14px; } .articleCon .artCon .artSee { margin-top: 18px; text-align: right; color: #bcbcc3; } .articleCon .artCon .artSee .look { background: url("/templets/zl/style/img/yan.png") no-repeat 2px; padding-left: 24px; } .articleCon .artCon .artSee .comment { background: url("/templets/zl/style/img/pl.png") no-repeat 2px 2px; padding-left: 24px; } .con_r { width: 312px; font-family: '微软雅黑'; margin-bottom: 10px; } .hotInfo { height: 333px; overflow: hidden; } .hotInfo h4 { height: 40px; line-height: 40px; background: url("/templets/zl/style/img/info.png") no-repeat 20px #6c7887; padding-left: 48px; font-size: 14px; color: #fff; } .hotInfo .hotInfo_list { border: 1px solid #e5e5e5; padding: 14px; padding-top: 5px; } .hotInfo .hotInfo_list li { line-height: 32px; } .hotInfo .hotInfo_list li span { width: 16px; height: 16px; color: #fff; text-align: center; line-height: 16px; display: inline-block; vertical-align: middle; background: #cacaca; } .hotInfo .hotInfo_list li .numb { background: #f57619; } .hotInfo .hotInfo_list li a { font-size: 14px; color: #262626; display: inline-block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; width: 260px; vertical-align: middle; } .hotInfo .hotInfo_list li a:hover { color: #ff702d; } .hotFollow { margin-top: 28px; } .hotFollow .followList { margin-top: 10px; } .hotFollow .followList li { margin-top: 10px; } .hotCourse, .clientDow { margin-top: 15px; } .hotCourse_list, .clientDow_list { margin-top: 15px; border: 1px solid #e5e5e5; } .hotCourse_list li, .clientDow_list li { height: 80px; border-bottom: 1px solid #e5e5e5; display: table; width: 100%; } .hotCourse_list li a, .clientDow_list li a { display: table-cell; vertical-align: middle; font-size: 16px; color: #6e6e6e; } .hotCourse_list li a .courseImg, .clientDow_list li a .courseImg { width: 147px; display: inline-block; text-align: center; } .hotCourse_list li a img, .clientDow_list li a img { vertical-align: middle; } .hotCourse_list li:last-child, .clientDow_list li:last-child { border-bottom: none; } .hotCourse_list li:hover { background: #fafafa; } .clientDow_list li { height: 88px; } .clientDow_list li .clientImg { margin: 20px 15px 0 20px ; } .clientDow_list li .clientTxt { margin-top: 20px; } .clientDow_list li .clientTxt h5 { font-size: 16px; color: #272727; } .clientDow_list li .clientTxt p { color: #9a9a9a; padding-top: 10px; } .clientDow_list li .clientDow_btn { margin: 30px 20px 0; width: 56px; height: 26px; text-align: center; line-height: 26px; border: 1px solid #e5e5e5; } .clientDow_list li .clientDow_btn a { color: #474747; font-size: 14px; display: block; } .clientDow_list li .clientDow_btn:hover { background: #ff7316; border: none; } .clientDow_list li .clientDow_btn:hover a { color: #fff; } .crumbs { border-bottom: 1px solid #eee; padding-bottom: 18px; color: #9b9b9b; } .crumbs a { color: #9b9b9b; } .crumbs span { padding: 0 10px; } .article_detail { padding-top: 30px; } .article_detail .article_detail_title { text-align: center; font-size: 30px; font-weight: bold; color: #3b3b3b; font-family: '微软雅黑'; } .article_detail .detail_intro { padding-top: 20px; color: #7f7f7f; text-align: center; } .article_detail .detail_intro .time { padding-right: 30px; } .article_detail .abstract { margin-top: 30px; background: #f5f5f5; padding: 28px; line-height: 24px; color: #7c7c7c; } .article_detail .detailCon { margin-top: 40px; line-height: 36px; font-size: 14px; color: #4d4d4d; } .article_detail .detailCon img { margin: 30px auto; display: block; } .related_seach { margin-top: 110px; } .related_seach .relTitle { font-size: 18px; font-weight: bold; font-family: '微软雅黑'; border-bottom: 1px solid #eeeeee; padding-bottom: 8px; position: relative; } .related_seach .relTitle:before { content: ''; position: absolute; width: 70px; height: 2px; background: #00a0e9; bottom: -2px; left: 0; } .related_seach .relList { width: 40%; margin-top: 45px; margin-left: 12px; } .related_seach .relList li { line-height: 36px; } .related_seach .relList li a { width: 80%; font-size: 14px; color: #262626; display: inline-block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; vertical-align: middle; } .related_seach .relList li a:hover { color: #ff702d; } .related_seach .relList li span { display: inline-block; vertical-align: middle; float: right; color: #939393; } .pagBox { width: 730px; margin: 30px auto 30px; height: 40px; } .pagBox .pagList li { width: 46px; height: 38px; float: left; margin-left: 10px; border: 1px solid #eee; text-align: center; line-height: 38px; border-radius: 5px; } .pagBox .pagList li a { display: block; color: #817d7d; font-size: 14px; margin-bottom: 10px; } .pagBox .pagList li:hover { background: #269edc; border: 1px solid transparent; } .pagBox .pagList li:hover a { color: #fff; } .pagBox .pagList .act { background: #269edc; border: 1px solid transparent; } .pagBox .pagList .act a { color: #fff; } .pagBox .pagList .next { padding: 0 20px; } /*兆隆师资列表*/ .bg{ background:#fafaff; /*background: firebrick;*/ } .pb{ padding-bottom: 20px; } .w100{ width: 100%; height: auto; } .w1200{ width: 1200px; height: auto; margin: 0px auto; } .h3_title { padding: 30px 0; font-size: 20px; font-weight: bold; } .bg_teacher{ height: auto; font-family: "微软雅黑"; } .bg_teacher li{ height: 330px; padding: 20px; width: 100%; margin-bottom: 15px; background: white; border-radius: 8px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; -webkit-transition: all .5s; -moz-transition: all .5s; -ms-transition: all .5s; -o-transition: all .5s; transition: all .5s; -webkit-box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.2); -moz-box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.2); -ms-box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.2); -o-box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.2); box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.2); } .bg_teacher li a{ width: 100%; height: 100%; display: block; /*background: olivedrab;*/ border-radius: 8px; } .t_img{ width: 230px; height: 290px; /*background: salmon;*/ float: left; } .t_img img{ width: 100%; height: 100%; } .t_text{ width: 900px; height: 255px; float: right; /*background: orange;*/ margin-top: 17.5px;} .t_text h2{ font-size: 20px; font-weight: bold; color:#666666; } .t_text p:nth-child(1){ font-style: normal; font-size: 18px; font-weight: 400px; color: #1a80f3; } .t_text p:nth-child(1) b{ font-size: 20px; font-weight: bold; } .t_text p{ font-size: 15px; color: #262626; line-height: 26px; margin-bottom: 10px; } .bg_teacher li:hover{ -webkit-transform: translateY(-10px); -moz-transform: translateY(-10px); -ms-transform: translateY(-10px); -o-transform: translateY(-10px); transform: translateY(-10px); -webkit-box-shadow: 6px 6px 10px rgba(0, 0, 0, 0.4); -moz-box-shadow: 6px 6px 10px rgba(0, 0, 0, 0.4); -ms-box-shadow: 6px 6px 10px rgba(0, 0, 0, 0.4); -o-box-shadow: 6px 6px 10px rgba(0, 0, 0, 0.4); box-shadow: 6px 6px 10px rgba(0, 0, 0, 0.4); } /*就业明星*/ /*选项卡功能*/ .slideTxtBox { width: 1200px; background: olive; text-align: left; } .slideTxtBox .hd { height: 60px; position: relative; width: 100%; } .slideTxtBox .hd ul { float: left; height: 60px; } .slideTxtBox .hd ul li { float: left; cursor: pointer; width: 431.5px; line-height: 60px; height: 60px; text-align: center; font-size: 20px; background: #2e8ee4; font-weight: bold; color: white; letter-spacing: 1px; } .slideTxtBox .hd ul li.on { height: 80px; background: #fff; background: orange; } .slideTxtBox .bd ul { padding: 15px 0; width: 863px; height: auto; background: #fff; zoom: 1; } /*热门标签*/ .side5{padding:0 15px;margin-bottom:15px;background:#fff} #tagscloud{width:300px;height:270px;position:relative;font-size:12px;color:#333;margin:10px auto 0;text-align:center; border: 1px dotted grey; border-radius: 5px;} .hover_tag{ left: 50px; top: 5.3061px; z-index: 101; opacity: 0.101909; display: none; } #tagscloud a{position:absolute;top:0px;left:0px;color:#333;font-family:Arial;text-decoration:none;margin:0 10px 15px 0;line-height:18px;text-align:center;font-size:12px;padding:1px 5px;display:inline-block;border-radius:3px;} #tagscloud a:nth-child(9n){background-color: #4A4A4A;} #tagscloud a:nth-child(9n+1){background-color: #428BCA;} #tagscloud a:nth-child(9n+2){background-color: #5CB85C;} #tagscloud a:nth-child(9n+3){background-color: #D9534F;} #tagscloud a:nth-child(9n+4){background-color: #567E95;} #tagscloud a:nth-child(9n+5){background-color: #B433FF;} #tagscloud a:nth-child(9n+6){background-color: #00ABA9;} #tagscloud a:nth-child(9n+7){background-color: #B37333;} #tagscloud a:nth-child(9n+8){background-color: #FF6600;} #tagscloud a{opacity: 0.80;filter:alpha(opacity=80);color: #fff;background-color: #428BCA;display: inline-block;margin: 0 5px 0 0;padding: 0 6px;line-height: 21px} #tagscloud a:hover{opacity: 1;filter:alpha(opacity=100); color:#FFF} .arc-tag a:link,.arc-tag:visited{padding:3px 8px;background-color:#F3F3F3;margin:2px;height:20px;line-height:30px;-moz-border-radius:3px;border-radius:3px;white-space:nowrap;-webkit-transition:background-color .15s linear,color .15s linear;-moz-transition:background-color .15s linear,color .15s linear;-o-transition:background-color .15s linear,color .15s linear;-ms-transition:background-color .15s linear,color .15s linear;transition:background-color .15s linear,color .15s linear} .arc-tag a:hover{background-color:#707b91;color:#FFF} /*就业明星*/ .mx-list{ width: 1200px; height: auto; margin: 0px auto; } .mx-list ul{ width: 590px; height: auto; float: left; margin-bottom: 20px; } .mx-list ul li{ height: 185px; width: 100%; padding: 10px; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; position: relative; border-radius: 8px; } .mx-list ul h1{ margin: 20px 0px; font-weight: bold; height: 40px; line-height: 40px; font-size: 20px; width: 575px; margin-left: 10px; border-radius: 8px; text-indent: 0.5rem; letter-spacing: 1px; } .mx-list ul li a{ display: block; width: 100%; height: 100%; background: #f9f9f9; border-bottom: 1px dotted gainsboro; } .it h1{ color:#ffa500; background: url("/templets/zl/images/lin1.jpg") no-repeat bottom; } .soft h1{ color:#5fa7e9; background: url("/templets/zl/images/lin2.jpg") no-repeat bottom; } ul a.ck{ position: absolute; right:5px; font-size:20px; color:#AEAEAE; bottom:5px; } .mx-list ul div:nth-child(1){ position:relative; } .soft ul div:nth-child(1){ position:relative; } .mx-list ul li a:hover{ background:#dde1e5; } .mx-img{ width: 180px; height: 160px; margin: auto; float: left; } .mx-img img{ width: 100%; height: 100%; } .mx-text{ width: 360px; height: 160px; float: right; } .mx-text h2{ height: 40px; line-height: 40px; text-align: left; font-size: 18px; color: #272727; } .mx-text .ms{ font-size: 14px; color: dimgrey; padding-bottom: 5px; } .mx-text p{ color: #878787; line-height: 22px; font-size: 15px; } .mx-text span{ width: 100px; height: 30px; line-height: 30px; display: block; float: right; position: absolute; bottom: 10px;right: 10px; text-align: center; color: #272727; } .soft{ margin-left:20px }