﻿@charset "utf-8";

/************************* 公共样式 **************************/
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(../images/icons.png) no-repeat; display:block; width:20px; height:20px; position:absolute;}
.icon1{background-image:url(../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(http://www.30edu.com.cn/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(../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(../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(http://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(http://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(http://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(http://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(http://2016end.30edu.com.cn/nzch2016/images/appIcon.png) 10px 8px no-repeat;padding-left:44px;}
.ecode .download p a .adr{background:url(http://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)}
}

