﻿@charset "utf-8";
.box{margin-bottom:0; width:373px; margin-right:40px;}
.box.fr { margin-right:0;}
.column{clear:both; overflow:hidden; margin-bottom:20px;}
.mainContent{ overflow: hidden; }
.side{ float: left; width:240px; margin-right: 40px; }
.side .box{ width: auto; margin: 0; }
.mainContent .box{ width: 440px; height: 310px; }

.infoTool { background:#f5f5f5; height:50px; line-height:50px;}
#notebox {float:left;background:url("../../base/img/noteicon.png") no-repeat 0 15px;height:50px;line-height:50px;padding-left:40px;width:500px;text-align: left;}
#notebox .prev {float:right;background:url(../../base/img/arricon.png) no-repeat;width:16px;height:15px;margin-right:10px;cursor: pointer; margin-top:16px; display:inline}
#notebox .next {float:right;background:url(../../base/img/arricon.png) no-repeat -26px 0;width:16px;height:15px;cursor: pointer;; margin-top:16px;}

#content,#columnA{ overflow:visible; }
#columnA{}
#columnA .mainContent .box{ width:373px; }

#columnA .topicList{ padding-top: 5px; }
#columnA .topicList .t { padding-bottom:15px; border-bottom:1px solid #ddd; margin-bottom:10px;}
#columnA .topicList .t .con{ position: relative; height: 80px; overflow: hidden; padding-left: 90px; }
#columnA .topicList .t .date { position: absolute; left: 0; top: 0; width:80px; height:80px; line-height:1.2; background:#f20;text-align:center; color:#fff; margin-right:10px;}
#columnA .topicList .t .date .dd { display:block; font-size:24px; font-weight:bold; padding-top:14px;}
#columnA .topicList .t .date .ym { margin-top: 5px; display:block; font-weight:400; font-size:12px;}
#columnA .topicList .t .title a {  font-weight:400; font-size:14px; color:#333}
#columnA .topicList .n{ background: none; padding: 7px 0; height: auto; line-height: 18px; }
#columnA .topicList .n .date{ float: left; padding: 0 10px 0 0; margin-right: 10px; border-right: 1px dashed #ddd; color: #999; }

#indZsdt .list .t{ border-bottom:1px solid #ddd; padding: 10px 0 20px; margin-bottom: 15px; overflow: hidden; }
#indZsdt .list .t .pic{ float: left; margin-right: 10px; }
#indZsdt .list .t .pic img{ width: 125px; height: 80px; }
#indZsdt .list .t .title{ line-height: 32px; }
#indZsdt .list .t .title a{ color: #333; }
#indZsdt .list .intro{ color:#999; text-align:left; font-size:12px; line-height: 24px; }
#indZsdt .list .n{ position: relative; margin-bottom: 13px;  }
#indZsdt .list .n .date{ position: absolute; left: 0; top: 0; width: 60px; height: 50px; text-align: center; color: #999; line-height: 1.3; padding-right: 10px; }
#indZsdt .list .n .date .dd{ display: block; font-weight: bold; font-size: 24px; }
#indZsdt .list .n .date .ym{ display: block; font-size: 12px; }
#indZsdt .list .n .date:after{ position: absolute; right: 0; top: 20%; content: ""; width: 0; height: 60%; border-right: 1px dashed #ddd; }
#indZsdt .list .n a{ display: table-cell; width: 1%; height: 50px; padding-left: 85px; font-size: 14px; line-height: 22px; vertical-align: middle; color: #333; text-decoration: none; }
#indZsdt .list .n.last{ margin-bottom: 0; }
#indZsdt .list .n:hover a{ color: #f20; }
#indZsdt .list .n:hover .date{ color: #f20; }


.focusBox{ padding-top:5px;}
.focusBox .bd .con .title{font-size: 14px;}
.focusBox .hd {bottom:15px;}
.focusBox .hd ul li{ width:10px; height:10px; line-height:50px; margin-right:5px; }
.focusBox .hd ul li span{display:inline}
.focusBox .hd ul li.on{background:#e50015}

.zhxwBox{ background:#F9F9F9; }
.zhxwBox .hd{ height:50px; line-height:50px; background:url(../../base/img/nav.png); position:relative }
.zhxwBox .hd i{display:block;width:19px;height:59px;position:absolute;right: -10px;top:0;background:url(../../base/img/tit.png) no-repeat;}
.zhxwBox .hd h3{float:left;padding:0 20px;font-size: 20px;color:#fff;}
.zhxwBox .hd h3 a{color:#fff}
.zhxwBox .hd .more{float:right; color:#fff; margin-right:10px; font-size:12px;}
.zhxwBox .bd{padding: 15px 20px;}

.introList{height: 528px;overflow:hidden;}
.introList li{padding-bottom: 15px;margin-bottom: 15px;border-bottom:1px solid #ccc;}
.introList .title{ font-size:16px; color:#EA0000; margin-bottom:7px; height:30px; line-height:30px; overflow:hidden; }
.introList .title a{color:#EA0000}
.introList .others{font-size:12px; color:#999;}
.introList .intro{ line-height:24px; height:48px; overflow: hidden; }
.introList .last{border:0;}

#photoBox { clear:both; width:100%;}
#photoBox li { float:left; width:220px; margin: 0 10px; text-align:center;}
#photoBox li img { border:0; width:220px; height:145px;}

.adWidth{ margin-bottom: 20px; }
.adWidth .fixedCount { display: none; }

#indZscd{ margin-top: 10px; }
#indZscd .menuList{ margin: 0 -10px; overflow: hidden; }
#indZscd .menuList li{ float: left; width: 50%; text-align: center; }
#indZscd .menuList li a{ display: block; background: #476c96; height: 70px; line-height: 70px; margin: 0 10px; padding: 15px 20px; font-size: 28px; color: #fff; }
#indZscd .menuList li a:before{ display: inline-block; content: ""; vertical-align: top; width: 70px; height: 70px; margin: 0 20px 0 0; background: #fff url(../../base/img/icons-zccd.png) no-repeat 5px 5px; border-radius: 50%; }
#indZscd .menuList li a:hover{ text-decoration: none; }

#indZscd .menuList .li2 a{ background-color: #fe7774 ; }
#indZscd .menuList .li2 a:before{ background-position: -55px 5px; }
#indZscd .menuList li a:before{
    -webkit-transition: all .8s ease;
    -o-transition: all .8s ease;
    transition: all .8s ease;
}
#indZscd .menuList li a:hover:before{
    -webkit-transform: rotateY(360deg);
    -ms-transform: rotateY(360deg);
    -o-transform: rotateY(360deg);
    transform: rotateY(360deg);
}

#sideIcon .menuList{ margin: -6px -6px 0; overflow: hidden; }
#sideIcon .menuList li{ float: left; width: 50%; text-align: center; }
#sideIcon .menuList li a{ display: block; background: #476c96; height: 90px; line-height: 1.4; margin: 6px; padding: 4px 0 0; font-size: 14px; color: #fff; border-radius: 5px; text-decoration: none; }
#sideIcon .menuList li a:before{ display: block; content: ""; vertical-align: top; width: 60px; height: 60px; margin: 0 auto; background: url(../../base/img/icons-zsjz.png) no-repeat 0 0; }
#sideIcon .menuList li.li1 a{ background-color: #fcaf6c; }
#sideIcon .menuList li.li2 a{ background-color: #fd7070; }
#sideIcon .menuList li.li3 a{ background-color: #5586be; }
#sideIcon .menuList li.li4 a{ background-color: #83c45c; }
#sideIcon .menuList li.li1 a:before{ background-position: 0 0; }
#sideIcon .menuList li.li2 a:before{ background-position: -60px 0; }
#sideIcon .menuList li.li3 a:before{ background-position: 0 -60px; }
#sideIcon .menuList li.li4 a:before{ background-position: -60px -60px; }
#sideIcon .menuList li a:before{
    -webkit-transition: all .8s ease;
    -o-transition: all .8s ease;
    transition: all .8s ease;
}
#sideIcon .menuList li a:hover:before{
    -webkit-transform: rotateY(360deg);
    -ms-transform: rotateY(360deg);
    -o-transform: rotateY(360deg);
    transform: rotateY(360deg);
}

#sideZyjs .menuList{ margin: 5px 0 0; }
#sideZyjs .menuList li{ text-align: left; }
#sideZyjs .menuList li a{ display: block; margin-top: 5px; background: #eee; line-height: 20px; padding: 7px 20px; font-size: 14px; color: #333; border-left: 6px solid #b9b9b9; }
#sideZyjs .menuList li a:hover{ background: #4f9ce2; border-color: #105694; color: #fff; text-decoration: none; }

/* 校企合作 */
#indXqhz .picList{ overflow: hidden; margin: 0 -5px 4px; }
#indXqhz .picList li{ float: left; width: 33.3333%; }
#indXqhz .picList li .pic{ margin: 5px; border: 1px solid #ddd; }
#indXqhz .picList li .pic img{ width: 100%; height: 61px; border: none; }
#indXqhz .picList li .title{ display: none; }