﻿@charset 'utf-8';
.wrap{overflow: hidden;}
/* 焦点图 */
#yc-mod-slider{width: 100%; overflow: hidden;}
.box_skitter { position: relative; background: none; }
.box_skitter ul { display: none; }
.box_skitter .container_skitter {overflow: hidden;  }
.box_skitter .image { overflow: hidden; }
.box_skitter .image img {position: absolute; z-index: 1; left: 50%; width: 1920px; height: 405px; float: left; margin-left: -960px;  display: none; }
.box_skitter .box_clone { position: absolute; top: 0; left: 0; width: 100px; overflow: hidden; display: none; z-index: 20; }
    .box_skitter .box_clone img { position: absolute; top: 0; left: 0; z-index: 20; }
.box_skitter .prev_button { position: absolute; top: 42%; right: 50%; margin-right: -542px; z-index: 100; width: 42px; height: 69px; overflow: hidden; text-indent: -9999em; margin-top: -34px; background: url(../images/indfocusbtn.png) left -71px no-repeat !important;}
.box_skitter .next_button { position: absolute; top: 42%; left: 50%; margin-left: -542px; z-index: 100; width: 42px; height: 69px; overflow: hidden; text-indent: -9999em; margin-top: -34px; background: url(../images/indfocusbtn.png) left top no-repeat !important;}
.box_skitter .label_skitter { display: none; position: absolute; z-index: 99; left: 0; bottom: 34px; height: 50px; margin-left: -500px; line-height: 50px; font-size: 18px; text-align: left; color: white; }
.box_skitter .label_skitter_bg,
.box_skitter .label_skitter_txt,
.box_skitter .label_skitter_date{display: block; position: absolute; bottom: 0; float: left; line-height: 50px; height: 50px; line-height: 50px;}
.box_skitter .label_skitter_bg{width: 100%; z-index: 1; left: 0; background-color: #000; opacity: .5;filter: alpha(opacity=50);}
.box_skitter .label_skitter_txt{z-index: 2; left: 0; color: white; text-indent: 20px;}
.box_skitter .label_skitter_date{z-index: 3; width: auto; float: left; text-align: center; right: 0; padding: 0 10px; color: #fff21f; background-color: #0853a7;}
.loading { position: absolute; top: 50%; right: 50%; z-index: 10000; margin: -16px -16px; color: #fff; text-indent: -9999em; overflow: hidden; background: url(../images/loading.gif) no-repeat left top; width: 31px; height: 31px; }
#slideshow { width: 100%; height: 405px; overflow: hidden;}
#slideshow img { vertical-align: top;}
#slideshow ul { }
#slideshow .slide-month { width: 100%; height: 34px; line-height: 34px; position: absolute; left: 0; bottom:0; z-index: 20; background: #0853a7; color: #fff; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=90)";
filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=90);
opacity: 0.9}
#slideshow .slide-month-box{position: relative; z-index: 1; width: 1000px; height: 34px; margin: 0 auto;}
.slide-month .month-nav { display: block; width: 34px; height: 34px; line-height: 34px; text-align: center; color: #fff; font-family: '\u5b8b\u4f53'; font-weight: bold; font-size: 16px; position: absolute; top: 50%; margin-top: -17px; cursor: pointer;}
.slide-month .month-nav:hover {text-decoration: none; background: #333;}
#prev-month { left: 0;}
#next-month { right: 0}
.month-text { display: inline-block;  float: left; margin:0 10px 0 40px; height: 34px; color: #999; font-size: 12px;}
#cur-month { font-size: 20px;  color: #fff;}
#cur-year { display: none;}
.month-days { height: 28px; margin-top: 3px; float: left;}
.month-days a { display: inline-block; font-size: 14px; width: 28px; line-height: 28px; text-align: center; color: #fff; color: #888;cursor: text; float:left;}
.month-days a.has-event { color: #fff; cursor: pointer;}
.month-days a.has-event:hover { background: #707070;}
.month-days a.cur-event { color: #ffc600; cursor: pointer;}

/*首页单图模式*/
.indBoxFocuse { position: relative;  height: 405px; overflow: hidden;}
.indBoxFocuse li{ overflow: hidden; }
.indBoxFocuse li img {position: absolute; z-index: 1; left: 50%; width: 1920px; height: 405px; float: left; margin-left: -960px;}
.indBoxFocuse li .title{display: none;}
.indBoxFocuse li .titleBg{display: none;}


/* 框架 */
#content{padding: 40px 0 0;}
.indMain{width: 655px; float: left; overflow: hidden;}
.indSide{width: 310px; float: right; overflow: hidden;}

/* 通用框 */
.indBox{overflow: hidden;}
.indBox .mHd{height: 36px; line-height: 36px; overflow: hidden;}
.indBox .mHd h3{width: auto; float: left; font-size: 20px; font-weight: bold; color: #333;}
.indBox .mHd h3 a{color: #333;}
.indBox .mHd span{float: left; margin:10px 0 0 10px; line-height: 26px; font-size: 16px; font-style: oblique; color: #c6c6c6;}
.indBox .mHd .more{float: right; width: 18px; height: 18px; line-height: 15px; overflow: hidden; margin: 9px 5px 0 0; text-align: center; font-size: 18px; color: white; background-color: #bdbdbd; border-radius: 50%;}
.indBox .mHd .more:hover{text-decoration: none; background-color: #a5a4a4;}
.indBox .mHd .newsBtn{float: right; margin-right: 4px; font-size: 14px; color: #999;}
.indBox .mBd{padding-top: 20px; overflow: hidden;}
/* 通用框2 */
.indBox .hd{height: 36px; line-height: 36px; background: #0853a7 url(../images/indboxhdbg.png) right 19px no-repeat;}
.indBox .hd h3{width: auto; float: left; margin-left: 12px; font-size: 18px; font-weight: bold; color: white;}
.indBox .hd h3 a{color: white;}
.indBox .hd span{float: left; margin:8px 0 0 10px; line-height: 28px; font-size: 12px; font-style: oblique; color: #d7eafb;}
.indBox .hd .more{float: right; width: 18px; height: 18px; line-height: 15px; overflow: hidden; margin: 9px 10px 0 0; text-align: center; font-size: 18px; color: #0853a7; background-color: #87b3e3; border-radius: 50%;}
.indBox .hd .more:hover{text-decoration: none; background-color: #7aa9dc;}
.indBox .bd{ overflow: hidden;}

/* 头条新闻 */
.indTopicList{overflow: hidden;}
.indTopicList li.t{width: 310px; float: left; margin:6px 34px 0 0;}
.indTopicList li.t .pic{overflow: hidden;}
.indTopicList li.t .pic img{display: block; width: 310px; height: 204px;}
.indTopicList li.t .con{overflow: hidden; padding: 10px 12px; background-color: #f2f2f2;}
.indTopicList li.t .title{height: 28px; line-height: 28px; font-size: 16px; overflow: hidden; font-weight: bold;}
.indTopicList li.t .intro{margin-top: 4px; height: 44px; line-height: 22px; overflow: hidden; font-size: 12px; color: #666;}
.indTopicList li.t .intro .more{color: #da2020;}
.indTopicList li.n{height: 34px; line-height: 34px; overflow: hidden; padding-left: 10px; background: url(../images/dot01.png) left center no-repeat;}

/* 职院要闻 */
#boxZyyw{width: 655px; float: left; overflow: hidden;}
/* 通知公告 */
#boxTzgg{width: 310px; float: right; margin-top: 0;}
#boxTzgg .hd li{width: auto; float: left;}
#boxTzgg .hd li{width: auto; float: left; padding:0 16px; font-size: 18px; font-weight: bold; color: white;}
#boxTzgg .hd li a{color:white;}
#boxTzgg .hd li a:hover{text-decoration: none;}
#boxTzgg .hd li.on{background-color: #c77f01;}
#boxTzgg .hd li.on a{color: white;}
#boxTzgg .bd{padding: 10px 0 0; height: 316px;}
.infoDateList{}
.infoDateList li{padding: 12px 0; line-height: 24px; overflow: hidden; border-bottom: 1px dotted #ccc;}
.infoDateList li .date{width: 54px; height: 54px; float: left; margin-right: 15px; overflow: hidden; line-height: 18px; text-align: center; font-size: 12px; color: #d57708; background-color: #f1f1f1;}
.infoDateList li .date .day{margin-top: 4px; height: 28px; line-height: 28px; font-size: 24px;}
.infoDateList li a{display: block; padding: 3px 0; height: 48px; line-height: 24px; overflow: hidden; }

#boxTzgg .bd .infoList{margin-top: 10px;}
#boxTzgg .bd .infoList li{height: 34px; line-height: 34px;}

/* loop */
.loop{width: 1000px; margin:40px auto 0; overflow: hidden;}
.loop .box{width: 310px;}
.loop .box .bd{padding-top: 12px; height: 240px;}
#boxCxyy{margin-right: 35px;}

#boxRcpy .topicList{margin-top: 7px;}

/* 快捷链接 */
.boxKjlj{margin-top: 30px; height: 164px; overflow: hidden; background: url(../images/boxkjljbg.jpg) center top no-repeat;}
.kjljDetail{position: relative; z-index: 1; width: 1000px; height: 120px; margin: 32px auto 0; text-align: center;}
.kjljDetail .prev,
.kjljDetail .next{position: absolute; z-index: 1; top: 29px; display: block;width: 43px; height: 43px; float: left; line-height: 43px; background: url(../images/kjljbtn.png) center top no-repeat;}
.kjljDetail .prev{left: -66px;}
.kjljDetail .next{right: -66px; background-position: center -43px;}

.kjljDetail .nodePicList{overflow: hidden;}
.kjljDetail .nodePicList li{width: 134px; float: left; margin: 0 4px; overflow: hidden;}
.kjljDetail .nodePicList li .pic{display: block; overflow: hidden;}
.kjljDetail .nodePicList li .tit{display: block; padding-top: 10px; height: 28px; line-height: 28px; font-size: 16px; overflow: hidden; color: white;}

.indBoxBg{height: 448px; overflow: hidden; background: url(../images/indboxbg.jpg) center bottom no-repeat;}

.indBoxBg .indBox{width: 310px; margin-top: 35px; }

/* 信息公开 */
#boxXxgk{margin-right: 35px;}
#boxXxgk .mBd{height: 245px;}
.themsList{overflow: hidden;}
.themsList li{width: 102px; height: 40px; line-height: 40px; text-align: center; float: left; background-color: #fff; border-bottom: 1px solid #ebeaf3; border-right: 1px solid #ebeaf3;}
.themsList li a{display: block; height: 40px; line-height: 40px; font-size: 16px;}
.themsList li a:hover{text-decoration: none; color:white; background-color: #5598e3;}
.themsList li.li6,
.themsList li.li9,
.themsList li.li12{width: 104px; border-right: none;}
.themsList li.li1,
.themsList li.li2,
.themsList li.li3{width: 100%; text-indent: 20px; border-right: none;}
.themsList li.li1 a,
.themsList li.li2 a,
.themsList li.li3 a{display: block; padding-left: 20px; text-align: left; background:white url(../images/arrowicon.png) 272px 12px no-repeat;}
.themsList li.li1 a:hover,
.themsList li.li2 a:hover,
.themsList li.li3 a:hover{color:white; background-color: #5598e3; background-position: 272px -30px;}


/* 互动交流 */
.hdjlList{overflow: hidden; margin: -10px -10px 0 0;}
.hdjlList li{width: 150px; height: 75px; line-height: 75px; float: left; overflow: hidden; margin: 10px 10px 0 0; font-size: 16px;}
.hdjlList li a{position: relative; z-index: 1; display: block; padding-left: 50px; height: 75px; line-height: 75px; color: white; 
background-color: #226895;
background: -webkit-gradient(linear,0 0,0 100%,from(#3e83af),to(#226895));
background: -moz-linear-gradient(#3e83af, #226895);
background: -ms-linear-gradient(#3e83af, #226895);
background: -o-linear-gradient(#3e83af, #226895);
background: linear-gradient(#3e83af, #226895);
}
.hdjlList li.li2 a{
background-color: #7d8430;
background: -webkit-gradient(linear,0 0,0 100%,from(#a1a856),to(#7d8430));
background: -moz-linear-gradient(#a1a856, #7d8430);
background: -ms-linear-gradient(#a1a856, #7d8430);
background: -o-linear-gradient(#a1a856, #7d8430);
background: linear-gradient(#a1a856, #7d8430);
}
.hdjlList li.li3 a{
background-color: #9b7947;
background: -webkit-gradient(linear,0 0,0 100%,from(#b99766),to(#9b7947));
background: -moz-linear-gradient(#b99766, #9b7947);
background: -ms-linear-gradient(#b99766, #9b7947);
background: -o-linear-gradient(#b99766, #9b7947);
background: linear-gradient(#b99766, #9b7947);
}
.hdjlList li.li4 a{
background-color: #ba5d17;
background: -webkit-gradient(linear,0 0,0 100%,from(#d17835),to(#ba5d17));
background: -moz-linear-gradient(#d17835, #ba5d17);
background: -ms-linear-gradient(#d17835, #ba5d17);
background: -o-linear-gradient(#d17835, #ba5d17);
background: linear-gradient(#d17835, #ba5d17);
}
.hdjlList li.li5 a{
background-color: #8c2e25;
background: -webkit-gradient(linear,0 0,0 100%,from(#a4463e),to(#8c2e25));
background: -moz-linear-gradient(#a4463e, #8c2e25);
background: -ms-linear-gradient(#a4463e, #8c2e25);
background: -o-linear-gradient(#a4463e, #8c2e25);
background: linear-gradient(#a4463e, #8c2e25);
}
.hdjlList li.li6 a{
background-color: #536ab4;
background: -webkit-gradient(linear,0 0,0 100%,from(#6c82c9),to(#536ab4));
background: -moz-linear-gradient(#6c82c9, #536ab4);
background: -ms-linear-gradient(#6c82c9, #536ab4);
background: -o-linear-gradient(#6c82c9, #536ab4);
background: linear-gradient(#6c82c9, #536ab4);
}
.hdjlList li a:hover{text-decoration: none;}

.hdjlList li a .icon{position: absolute; z-index: 1; left: 20px; top: 23px; display: block; width: 32px; height: 32px; line-height: 32px; float: left; overflow: hidden; background: url(../images/hdjllisticon.png) center top no-repeat;
-webkit-transition:all 1s;
-moz-transition:all 1s;
-ms-transition:all  1s;
-o-transition:all 1s;
transition:all 1s;
}
.hdjlList li a:hover .icon{
    -webkit-transform:rotateY(360deg);
    -moz-transform:rotateY(360deg);
    -ms-transform:rotateY(360deg);
    -o-transform:rotateY(360deg);
    transform:rotateY(360deg);
}
.hdjlList li.li2 a .icon{background-position: center -32px;}
.hdjlList li.li3 a .icon{background-position: center -64px;}
.hdjlList li.li4 a .icon{background-position: center -96px;}
.hdjlList li.li5 a .icon{background-position: center -128px;}
.hdjlList li.li6 a .icon{background-position: center -160px;}

/* 专题专栏 */
.ztzlInfoBox{background-color: #fff;}
.ztzlInfoBox dt{height: 40px; line-height: 40px; border-bottom: 1px solid #f2e7ea;}
.ztzlInfoBox dt a{display: block; padding-left: 16px; height: 40px; line-height: 40px; text-align: left; font-size: 16px; border-left: 7px solid #5598e3; background:white url(../images/arrowicon.png) 272px 12px no-repeat;}
.ztzlInfoBox dt a:hover{text-decoration: none;}
.ztzlInfoBox dt.on a{color:white; background-color: #5598e3; background-position: 272px -30px;}
.ztzlInfoBox dd{padding:5px 10px; height: 112px; overflow: hidden;}
.ztzlInfoBox dd .infoList li{height: 28px; line-height: 28px; overflow: hidden;}


/* 常用链接 */
.boxCylj{clear: both; padding-top: 56px; height: 40px; line-height: 40px; }
.boxCylj .hd{width: auto; float: left; height: 40px; line-height: 40px; padding-right: 20px; background: url(../images/boxcyljhd.png) right -50px no-repeat;}
.boxCylj .hd h3{ padding-left: 35px; font-size: 18px; font-weight: bold; background: url(../images/boxcyljhd.png) 4px 10px no-repeat; }
.boxCylj .bd{overflow: hidden; line-height: 40px; line-height: 40px; }
.cyljList{overflow: hidden;}
.cyljList li{width: auto; float: left; height: 40px; line-height: 40px; font-size: 16px; margin-left: 20px;}

/*--
颜色代码
#0068B7 深色标题
#ddd 淡色边框
--*/
