@ chartset "utf-8";
*{margin:0; padding:0; box-size:border-box;}
#containerTopBanner{width:100%; max-width:958px; height:210px; border:1px solid #dae1f2; background:url(../images/banner.jpg);}
#containerTopBanner a{width:185px; height:40px;display:block; margin-left:732px; margin-top:120px; background:url(../images/aslinedown.png) no-repeat;}
#containerTopBanner a:hover{background:url(../images/aslinedown.png) left bottom;}
#siteActive{width:958px; height:30px; font-size:12px; border:1px solid #2e5299;}
#siteActiveLeft{height:30px; width:90px; float:left; background:#3967c0; text-align:center;}
#siteActiveLeft span{height:28px; line-height:30px; color:#FFF; font-weight:bold;}
#siteActiveRight{height:30px; width:868px; float:left; background:#FFF; text-align:left;}
#siteActiveRight span{color:blue; line-height:30px; margin-left:20px;}
#siteLeft{width:100%; max-width:800px; height:auto; float:left;}
#siteRight{width:100%; max-width:300px; height:auto; float:right;}
#siteLeftCms{width:100%; max-width:800px; height:auto; float:left;}
.siteLeftBox{width:calc(50% - 5px); max-width:395px; height:auto; margin-Right:10px; margin-bottom:10px; float:left;}
.siteLeftBox:nth-child(2n){margin-right: 0;}
.littleRow{width:10px; height:238px; float:left;}
.siteLeftBox dl{border:1px solid #dae1f2;}
.siteLeftBox dl dt{height: 32px; padding: 0 9px; border-width: 1px; border-style: solid; border-color: #fff #dae1f2 #b8c7e6 #fff; border-radius: 1px 1px 0 0; line-height: 27px; position: relative; background: url(../img/repeat_x_bg.gif) 0 -90px repeat-x;}
.siteLeftBox dl dt strong{margin: 0 5px 0 0; height: 27px; line-height: 27px; font-weight:bold; display: inline-block; color: #2e5299;}
.siteLeftBox dl dt span{color: #7a96cc; float:right;}
.siteLeftBox dl dd{padding: 9px 9px 10px; border-radius: 0 0 1px 1px; clear: both; background: #fff;}
.siteLeftBox dl dd ul li{padding: 0 0 0 10px; height:27px; background: url(../img/li_dot.gif) 0 0 no-repeat;}
.siteLeftBoxA{width:calc(100% - 30px); max-width:325px; height:27px; line-height:27px; color:#3d6dcc; float:left; }
.siteLeftBox dl dd ul li a{text-decoration: none; display:block; text-overflow:ellipsis; white-space:nowrap; overflow:hidden; }
.siteLeftBoxDate{width:61px; line-height:27px; color:#999;}
.siteLeftBoxDate small{float:right;}
.siteLeftBox dl dd ul li a:hover{text-decoration:underline;}

.siteRightBox{width:100%; height:auto; border:1px solid #dae1f2; margin-bottom:10px; }
.siteRightBoxTitle{height: 32px; padding: 0 9px; border-width: 1px; border-style: solid; border-color: #fff #dae1f2 #b8c7e6 #fff; border-radius: 1px 1px 0 0; line-height: 27px; position: relative; background: url(../img/repeat_x_bg.gif) 0 -90px repeat-x;}
.siteRightBoxTitle strong{margin: 0 5px 0 0; height: 27px; line-height: 27px; font-weight:bold; display: inline-block; color: #2e5299;}
.siteRightBoxContent{margin:0; padding: 10px 15px;}

.siteRightBoxSearchText{width:80%; height:38px; border: 1px solid #3967c0;outline: 0;float: left;color: #666;}
.siteRightBoxSearchButton{width: 20%; height:38px; padding: 10px;background: #3967c0;color: #FFF;border: 0; cursor:pointer;}
.siteRightBoxSearchButton:hover{font-size:15px;}


.newComment ul li{font-size:12px; }
.newComment ul li a{display:block; line-height:24px; }
.newComment ul li a time{float:right; color:#bbb; }
.newComment ul li a span{float: left; width: 70px; margin-right: 10px; font-weight: inherit; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; color: #45bcf9;}
.newComment ul li a p{max-width: 150px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}

.hotArc ul li{padding: 0 0 0 10px; height:27px; background: url(../img/li_dot.gif) 0 0 no-repeat;}
.hotArc ul li a{text-decoration: none; display:block; line-height:27px; text-overflow:ellipsis; white-space:nowrap; overflow:hidden; }
.hotArc ul li a:hover{text-decoration:underline; }

.onFile ul li{width: calc(50% - 2.5px); float: left; text-align: center; margin: 5px 5px 0 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
.onFile ul li:nth-child(2n){margin-right: 0;}
.onFile ul li a{display: block; width: 100%; height: 100%; font-size: 12px; border:1px solid #e4e4e4; padding: 3px 0;}
.onFile ul li a:hover{border:1px solid #2e5299; text-decoration: none;}

.classLabel ul li{width: calc(33.33% - 3.4px); float: left; text-align: center; margin: 5px 5px 0 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
.classLabel ul li:nth-child(3n){margin-right: 0;}
.classLabel ul li a{display: block; width: 100%; height: 100%; font-size: 12px; border:1px solid #e4e4e4; padding: 3px 0;}
.classLabel ul li a:hover{border:1px solid #2e5299; text-decoration: none;}

.weiYu ul{padding: 0 0 0 10px;}
.weiYu ul li p{line-height:27px;color:#256EB1}
.weiYu ul li .weiYuName{line-height:27px; color: #45bcf9}
.weiYu ul li .weiYuTime{line-height:27px; color:#DDD;}
.weiYu ul li p img{display:none;}
.weiYu ul hr {height:1px; border:0; background-color:#dae1f2;}

#calendarBox table{width: 100%; text-align: center;}
#calendarBox table caption{margin-bottom: 5px; font-size: 14px; font-weight:bold; text-align: center; padding-top: 8px; padding-bottom: 8px; color: #555;}
#calendarBox table thead th{background-color: #fbfbfb; font-weight:bold; text-align: center; padding: 5px 3px; border: 1px solid #eee;}
#calendarBox table tbody td{padding: 5px 3px; border: 1px solid #eee;}
/*#calendarBox #today {background: url(../img/calendar.gif) no-repeat center center;color: #555;}*/
#calendarBox #today {background-color:#e4e4e4;}

/*首页右上角，个人信息版块*/
.personalData{text-align: center;}
.personalDataPic{text-align: center;height: 100px;background-color: #fbfbfb;}
.personalDataPic img{width: 80px;height: 80px;margin: 10px 0;border-radius: 100px;border: 1px solid #dae1f2; transition:all 2s;}
.personalDataPic img:hover{transform:rotateZ(360deg);}
.personalDataTit{line-height: 40px;font-weight: 700;background-color: #fbfbfb;}
.personalDataDes{line-height: 30px;font-size: 12px;color: #666;background-color: #fbfbfb;}
.personalDataOther{background-color: #fbfbfb;padding: 10px 0;}
.personalDataOther span{display: inline-block;padding: 6px 15px;background: #5298FF;border-radius: 5px;}
.personalDataOther span:nth-child(1){margin-right: 5px;}
.personalDataOther span:nth-child(2){margin-left: 5px;background: #ff5e5c;}
.personalDataOther span a{color: #FFF;}
.personalDataOther span a:hover{color: #FFF!important;}
.weixinPic{width:300px; opacity:0; margin:50px 0 0 -250px; padding:0; position: absolute; z-index: -4;box-shadow:0 0 20px skyblue;}
.weixinPicbtn:hover .weixinPic{opacity:1; z-index: 40;transition:all 0.2s;}



#personalDataBottom ul{border-top: 1px #e4e4e4 solid;}
#personalDataBottom ul li{float: left;width: 33.33%;text-align: center;padding: 12px 0;font-size: 12px;background-color: #fbfbfb;}
#personalDataBottom ul li:hover{background: #FFF;}
#personalDataBottom ul li span{display: block;color: #999;    font-weight: normal;margin: 4px 0 12px;}
#personalDataBottom ul li b{font-size: 14px;font-weight: normal;color: #666;}









#indexContact{background:url(../images/contact.gif);}
#indexContact span{margin-left:82px; margin-top:130px; color:#2e5299; font-family:"微软雅黑"; font-size:12px; display:block;}

#friendLink{width:100%; margin-top:30px;}
#friendLink dl{border:1px solid #dae1f2;}
#friendLink dl dt{height: 32px; padding: 0 9px; border-width: 1px; border-style: solid; border-color: #fff #dae1f2 #b8c7e6 #fff; border-radius: 1px 1px 0 0; line-height: 27px; position: relative; background: url(../img/repeat_x_bg.gif) 0 -90px repeat-x;}
#friendLink dl dt strong{margin: 0 5px 0 0; height: 27px; line-height: 27px; font-weight:bold; display: inline-block; color: #2e5299;}
#friendLink dl dt span{color: #7a96cc; float:right;}
#friendLink dl dd{height:auto; padding: 10px 15px 15px 15px; border-radius: 0 0 1px 1px; clear: both; background: #fff;}
#friendLink dl dd ul{height:auto;}
#friendLink dl dd ul li{width: calc(12.5% - 7px); float: left; text-align: center; margin: 8px 8px 0 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
#friendLink dl dd ul li:nth-child(8n){margin-right: 0;}
#friendLink dl dd ul li a{display: block; width: 100%; height: 100%; font-size: 12px; border:1px solid #e4e4e4; padding: 3px 0;}
#friendLink dl dd ul li a:hover{border:1px solid #2e5299; text-decoration: none;}







/* 首页轮播图样式 */
* {
    box-sizing: border-box;
}

.mySlides {
    display: none;
}

.slideshow-container {
    max-width: 1000px;
    position: relative;
    margin: auto;
}

.slideshow-prev,
.slideshow-next {
    cursor: pointer;
    position: absolute;
    top: 50%;
    width: auto;
    margin-top: -22px;
    padding: 16px;
    color: white;
    font-weight: bold;
    font-size: 18px;
    transition: 0.6s ease;
    border-radius: 0 3px 3px 0;
}

.slideshow-next {
    right: 0;
    border-radius: 3px 0 0 3px;
}

.slideshow-prev:hover,
.slideshow-next:hover {
    background-color: rgba(0, 0, 0, 0.8);
}

.slideshow-text {
    color: #f2f2f2;
    font-size: 15px;
    padding: 8px 12px;
    position: absolute;
    bottom: 8px;
    width: 100%;
    text-align: center;
}

.active {
    background-color: #717171;
}

.fade {
    -webkit-animation-name: fade;
    -webkit-animation-duration: 1.5s;
    animation-name: fade;
    animation-duration: 1.5s;
}

@-webkit-keyframes fade {
    from {
        opacity: .4;
    }
    to {
        opacity: 1;
    }
}

@keyframes fade {
    from {
        opacity: .4;
    }
    to {
        opacity: 1;
    }
}