/************************* 公共样式 **************************/ html { width:100%; height:100%;} *html{ background-image:url(about:blank); background-attachment:fixed;} body { margin:0px; padding:0px; font-size:14px; line-height:1.5em; color:#333333; width:100%; height:100%; min-width:1280px; position:relative; background-color:#fff;} * { font-family:"微软雅黑", Tahoma, Arial, Helvetica, sans-serif;} ul, ol, dl { list-style-type:none;} ul, ol, li, dl, dd { margin:0px; padding:0px; height:auto;} p { margin:0px;} h4, h3, h2 ,h1 { margin:0px;padding:0} div,span,th,td,dt,dd,h1,h2,h3,h4,h5,h6,em,strong,i,a,b,a,p { word-wrap:break-word;} a { text-decoration:none; color:#4d8aae;} a:hover { text-decoration:underline; color:#15a8d3;} .cdl, a:active { outline:none; blr:expression(this.onFocus=this.blur());} :focus { outline:none } /* for Firefox */ a img { border:none;} a p, a span { cursor:pointer;} textarea, input, select { font:14px/1.3em "微软雅黑", Arial, Helvetica, sans-serif; color:#333; } textarea { resize:vertical;} fieldset { border:none; border-top:1px dotted #ccc;} .f-left{float:left} .f-right{float:right} .red{color:#f44e51} .hui{background:#f9f9f9} /* float close */ .clearfix:after{content:"\0020";display:block;height:0;clear:both;visibility:hidden;overflow:hidden;} /************************* 称文字截取 *************************/ .ells { white-space:nowrap; text-overflow:ellipsis; -o-text-overflow:ellipsis; overflow:hidden; width:100%; display:block; word-wrap:normal;/* ie9-8重要 */} /************************* 特殊文字 *************************/ .sum { padding:0 4px; font-family: Times, "Times New Roman", serif; color:#e01a1a; font-size:24px;} .fen { font-size:18px; padding:0 0 0 2px; color:#e01a1a;} /************************* 图标样式 *************************/ .exteriorRes i, .selected i, i.date, i.fa, .icon i, .cue i, .edit i, .light-dialog i, .sortBox .select-item p a i, .select-team i { background:url("/cdnhbhedunet/error/images/icons.png") no-repeat; display:block; width:20px; height:20px; position:absolute;} .icon1{background-image:url("/cdnhbhedunet/error/images/icon-1.png");background-repeat:no-repeat} /************************* 指示器样式 *************************/ .poptip { position:relative;} .poptip:before, .poptip:after { content:""; width:0px; height:0px; border:transparent solid; position:absolute;} .poptip:before { border-width:10px;} .poptip:after{ border-width:9px;} .poptip-arrow-right:before { left:100%; border-left-color:#000; top:20px;} .poptip-arrow-right:after{ left:100%; border-left-color:#fff; top:21px;} .poptip-arrow-left:before { right:100%; border-right-color:#000; top:20px;} .poptip-arrow-left:after{ right:100%; border-right-color:#fff; top:21px;} .poptip-arrow-top:before { bottom:100%; border-bottom-color:#000; left:20px;} .poptip-arrow-top:after{ bottom:100%; border-bottom-color:#fff; left:21px;} .poptip-arrow-bottom:before { top:100%; border-top-color:#000; left:20px;} .poptip-arrow-bottom:after{ top:100%; border-top-color:#fff; left:21px;} /************************* 基本框架 *************************/ .core { width:1200px; margin:0 auto;} .layout-grid h1{padding:50px 0 50px;display:block;text-align:center;font-size:28px;line-height:32px;font-weight:normal;} .layout-grid h1 b{font-weight:100;} /*.main:last-chlid .news-list { padding-bottom:30px;}*/ /*头部导航*/ .header {height:70px; background-color:#fff;} .header .core { height:70px;} .header .logo { display:block; width:138px; height:70px; background:url("/cdnhbhedunet/error/images/logo.png") no-repeat; float:left;} .header .nav { float:right; height:70px; line-height:0; font-size:0;} .header .nav li { display:inline-block;} .header .nav li a { display:block; line-height:70px; font-size:18px; padding:0 20px; color:#333;} .header .nav li a:hover { text-decoration:none; color:#f44e51;} .header .nav li a.on{color:#f44e51} /*公告通知*/ .top-banner {position: relative; height:400px; background: url("/cdnhbhedunet/error/images/banner_note.jpg") no-repeat center center; text-align:center; font-size:0;} .top-banner b { display:inline-block; height:400px; width:0; vertical-align:middle;} .top-banner ul { padding:0px; list-style:none; margin:0; vertical-align:middle;} .top-banner ul li { padding-left:0; font-size:19px; line-height:2em; font-weight:800; text-align:left; text-indent:3px;} .top-banner ul.connect { display:inline-block;} .top-banner ul.connect li.text { padding:0 0 20px; color:#cf131c; font-size:28px; line-height:1.5em; max-width:600px; letter-spacing:1px; font-weight:400; text-indent:0;} .top-banner ul.connect li ul { padding:6px 0 20px; margin:0;} .top-banner ul.connect li ul li { padding-left:0px; font-weight:normal; font-size:16px; line-height:26px; position:relative;} .top-banner ul.connect li a.btn { display:inline-block; border-radius:3px; height:27px; background-color:#F3BC00; text-align:center; padding:0 8px; text-indent:0px; color:#fff; text-decoration:none; margin-left:10px; text-shadow:none;} .top-banner ul.connect li:last-child ul { padding-bottom:0;} /*头部数据*/ .data-stat-bar { background:#fff;} .data-stat-bar ul.core{display:block;height:110px} .data-stat-bar ul.core li{width:239px;float:left;padding:15px 0;border-left:1px solid #ecedef;text-align:center;font-size:24px;color:#aaa;line-height:40px;font-weight:100;} .data-stat-bar ul.core li:nth-child(1){border-left:0;} .data-stat-bar ul.core li b{color:#F55E60;display:block;font-size:30px;font-weight:100;} /*三通两平台系统*/ .layout-grid-li {float:left;width:340px;margin-right:90px;} .layout-grid-li div.icon1{width:120px;height:120px;overflow:hidden;margin:0 auto} .icon-wx{background-position:0 0} .icon-zy{background-position:-120px 0} .icon-zj{background-position:-240px 0} .icon-oa{background-position:-360px 0} .icon-ts{background-position:-480px 0} .icon-ys{background-position:-600px 0} .layout-grid h2{padding:10px 0;display:block;text-align:center;font-size:24px;line-height:24px;font-weight:100} .layout-grid .sys-info{color:#aaa;line-height:26px;} .layout-grid-li ul li{display:block;float:left;width:106px;padding-left:5px;color:#5e5e5e;font-size:14px;margin:5px 0;line-height:14px;background:url("/cdnhbhedunet/error/images/notice.png") 0 -86px no-repeat;padding-left:8px} .layout-grid-li ul{display:block;height:70px;padding-top:15px} .core_system{padding-bottom:60px;} .core_system .layout-grid-li{width:386px;height:313px;margin-right:0;border:1px solid #fafafa;display:block;color: #5e5e5e} .core_system .layout-grid-li:hover{background:#fff;border:1px solid #efefef;text-decoration: none;} .core_system .layout-grid-li .sys-info,.core_system .layout-grid-li .sys-tese{width:314px;margin:0 auto;text-align:justify;overflow:hidden;} .core_system .layout-grid-li .sys-tese{width:326px;} .core_system .layout-grid-li .sys-tese ul{width:344px;} /*新闻列表*/ .news-list { width:1260px; padding-bottom:80px; margin:0 auto;} .news-list ul { display:block;} .news-list ul:after{content:"\0020";display:block;height:0;clear:both;visibility:hidden;overflow:hidden;} .news-list li { list-style:none; display:block; height:42px; line-height:40px; width:570px; overflow:hidden; padding:0 30px; float:left; position:relative;} .news-list li a { font-size:16px; color:#666; display:block; width:380px; border-bottom:2px solid #fff; height:30px; transition:all .3s ease; -webkit-transition:all .3s ease; -moz-transition:all .3s ease; white-space:nowrap; text-overflow:ellipsis; -o-text-overflow:ellipsis; overflow:hidden; word-wrap:normal;} .news-list li a:hover { text-decoration:none; border-bottom:2px solid #f7c5c6;} .news-list li span { color:#999; font-size:14px;} .news-list li a.source { width:140px; text-align:right; position:absolute; top:0; right:30px; border-bottom:none; font-size:14px; color:#999;} .news-list li a.source:hover { border-bottom:none; text-decoration:underline;} /*底部样式*/ .footer{background:#333;padding:0;} .foot-menu{float:left;width:145px;padding-left:50px} .foot-menu dt{font-size:18px;font-weight:100;padding:0 0 15px;color:#fff;margin-left:-10px} .foot-menu dd,.foot-menu dd a{color:#9f9f9f;font-size:14px;line-height:30px;} .foot-menu dd.f-ico-zx{background-position: -780px -18px;width:40px;height:35px;position:absolute;left:0;top:0;} .foot-contact{padding-left:64px;width:160px;height:270px;float:left;border-right:1px solid #444;color:#bbb;font-size:14px;position:relative} .foot-menu dd.phone{color:#fe5b56;font-size:20px;} .friendlink{border-top:1px solid #444;padding:30px 10px 10px;margin:20px 0 0;} .friendlink b{font-weight:100;margin-right:33px;} .friendlink {color:#fff;font-size:18px;} .friendlink a{color:#9f9f9f;margin-right:20px;font-size:14px;} .foot-inf{background:#282828;position:relative;line-height:25px;font-size:14px;text-align:center;color:#9f9f9f;padding:30px 0} .foot-inf a{font-size:14px; color:#9f9f9f;} .bei1,.bei2{position:absolute;left:50%;top:40px;margin-left:-400px;} .bei1{margin-left:360px;} /*二维码扫描*/ .erwmDiv {background:#333;padding:40px 0;border-bottom:1px solid #444;} .ecode{width:558px;float:left;position: relative;} .ecode02{float:right;width:515px} .erwmDiv .copyright{text-align:center;color:#fff;height:40px;line-height:40px;background:#000;} .ecode dt{float:left;padding-top:28px;} .ecode dd{float:right;background:url("/cdnhbhedunet/2016end.30edu.com.cn/nzch2016/images/appmob01.png") left top no-repeat;width:132px;height:218px;text-align:center;padding-top:52px;margin-right:76px;} .ecode dd.dd02{background:url("/cdnhbhedunet/2016end.30edu.com.cn/nzch2016/images/appmob02.png") left top no-repeat;margin-right: 0;} .ecode dd span{color:#ddd;text-align:center;display:block;line-height:18px;margin-top:10px;} .ecode .titcon{margin-bottom:57px;} .ecode .titcon,.ecode .download{overflow: hidden;} .ecode .titcon p{font-size:20px;color:#fff;float:left;line-height:36px;} .ecode .titcon span{font-size:16px;display:block;} .ecode .appIcon{float:left;margin:10px 22px 0 5px;width:60px;} .ecode .download .appIcon{background:url("/cdnhbhedunet/2016end.30edu.com.cn/nzch2016/images/ecodebg.png") center no-repeat;width:102px;height:96px;text-align:center;padding-top:6px;} .ecode .appIcon01{width:98px;margin:0 10px 0 0;} .ecode .download p{float: left;margin-top:6px;} .ecode .download p a { color:#607285; font-size:12px; display:block; width:132px; height:35px; line-height:35px; background:url("/cdnhbhedunet/2016end.30edu.com.cn/nzch2016/images/iconbg.png") center no-repeat;overflow:hidden; margin-bottom:20px;opacity: 0.9; filter:alpha(opacity=90);} .ecode .download p a:hover{opacity: 1; filter:alpha(opacity=100);text-decoration:none;} .ecode .download p a span{display:block;background:url("/cdnhbhedunet/2016end.30edu.com.cn/nzch2016/images/appIcon.png") 10px 8px no-repeat;padding-left:44px;} .ecode .download p a .adr{background:url("/cdnhbhedunet/2016end.30edu.com.cn/nzch2016/images/appIcon.png") 10px -38px no-repeat;} .clearDiv{overflow:hidden;} /*获取资格弹框*/ #getPerm {text-align: center;} #getPerm p{font-size:16px;line-height:30px;color:#535353;width:230px;margin:26px auto 20px;text-align:left;} .ui-dialog-footer button.ui-dialog-autofocus,.ui-dialog-footer button.ui-dialog-autofocus:hover, .ui-dialog-footer button.ui-dialog-autofocus:focus, .ui-dialog-footer button.ui-dialog-autofocus:active,.ui-dialog-footer button.ui-dialog-autofocus{font-size:18px;color:#535353;width:80px;text-align:center;height:33px;line-height:33px;display:inline-block;background:#ececea;outline:none;-webkit-appearance: none;padding:0;border:none;border:0;border-radius:0;} .ui-dialog-button{float:none;} .ui-dialog-header, .ui-dialog-body, .ui-dialog-footer{text-align:center;} .ui-dialog{border-radius:0;border:0;} @-webkit-keyframes rotateCarouselLeftIn { to { opacity: 1; -webkit-transform: translateX(-50px);} } @keyframes rotateCarouselLeftIn { to {opacity: 1; -webkit-transform: translateX(-50px); transform: translateX(-50px);} } @-webkit-keyframes rotateCarouselLeftout { to { opacity: 1; -webkit-transform: translateX(50px); } } @keyframes rotateCarouselLeftout { to { opacity: 1; -webkit-transform: translateX(50px); transform: translateX(50px); } } @keyframes warn{0%{opacity:1;transform:scale(0)} 30%{opacity:.1;transform:scale(0)} 60%{opacity:.5;transform:scale(.5)} 100%{opacity:0;transform:scale(1)} } @-webkit-keyframes warn{0%{opacity:0;-webkit-transform:scale(0)} 30%{opacity:.1;transform:scale(0)} 60%{opacity:.5;transform:scale(.5)} 100%{opacity:0;-webkit-transform:scale(1)} } @-moz-keyframes warn{0%{opacity:0;-moz-transform:scale(0)} 30%{opacity:.1;transform:scale(0)} 60%{opacity:.5;transform:scale(.5)} 100%{opacity:0;-moz-transform:scale(1)} }