﻿@charset "utf-8";
/* CSS Document */
#indBanner{clear: both; background: #333; width: 100%; height: 840px; position: relative;z-index: 2;}
#indBanner li{height: 512px;}
#indBanner li .con{display: none;}
#indBanner .hd{display: none;}
#indBanner .prev,#indBanner .next{ border: 1px solid #fff; border-radius: 20px; width: 40px;height: 40px;background: url(../../base/img/slidearrow.png) no-repeat;display: block;position: absolute;left: 50%;top: 25%;margin-top: -20px;cursor: pointer;transition: 0.3s;-moz-transition: 0.3s;-webkit-transition: 0.3s;-o-transition: 0.3s;}
#indBanner .prev{margin-left: -640px;background-position: 13px 10px;}
#indBanner .next{margin-left: 600px; background-position: 16px -74px;}
#indBanner .prev:hover{border: 1px solid #3DB3DB;background: url(../../base/img/slidearrow.png) no-repeat 13px 10px #3DB3DB;}
#indBanner .next:hover{border: 1px solid #3DB3DB;background: url(../../base/img/slidearrow.png) no-repeat 16px -74px #3DB3DB;}
.content{ width: 1200px;margin: 0 auto;; position: absolute; left: 50%; margin-left: -600px; top: 400px; z-index: 99;}

/*.content{padding:400px 0 0;background:#333 url(../../base/img/sybg.jpg) no-repeat center top;*background-position: left top;overflow: hidden;}*/
.cloumn{width: 1200px;margin: 0 auto;overflow: hidden;}

/*cloumnA S*/
.clounmA_l{float: left;width: 300px;height: 432px;background: #dae6f0;}

/* 学校简介 */
.sideJgsz{width: 300px;height: 112px;}
#focusBox_s{margin: 25px;border: 1px solid #c4c4c4;position: relative;}
#focusBox_s .hd{position: absolute;top: 168px;right: 70px;}
#focusBox_s .hd li{float: left;width: 9px;height: 9px;margin-left: 9px;background: #fff;cursor: pointer;border-radius: 10px;text-indent: -9999px;}
#focusBox_s .hd li.on{width: 24px;}
#focusBox_s .noData{padding: 10px;}
#focusBox_s .bd .pic,#focusBox_s .bd img{width: 248px;height: 188px;}
#focusBox_s .bd .con{padding: 8px 10px;background: #e9eef3;}
#focusBox_s .bd .con .intro{padding-top: 5px;font-size: 12px;color: #999;}
#focusBox_s .bd .titleBg{display: none;}
.clounmA_m{float: left;width: 600px;background: #fff; overflow: hidden;}
.clounmA_m .hd{height: 34px;margin: 25px 22px 0;border: 1px solid #e5e5e5;border-left: 0;position: relative;}
.clounmA_m .hd li{float: left;height: 34px;line-height: 34px;width: 128px;border-right: 1px solid #e5e5e5;text-align: center;}
.clounmA_m .hd li.li1{border-left: 1px solid #e5e5e5;}
.clounmA_m .hd li a{font-size: 16px;}
.clounmA_m .hd li.on{height: 36px;line-height: 36px;margin-top: -1px;background: #2065a6;border-color: #2065a6;}
.clounmA_m .hd li.on a{color: #fff;}
.clounmA_m .hd li .more{width: 38px;height: 34px;position: absolute;right: 0;top: 0;z-index: 0;cursor: pointer; background: #fff url(../../base/img/icon.png) no-repeat 12px -397px;text-indent: -9999px;}
.clounmA_m .hd li.on .more{z-index: 10;}
.clounmA_m .bd{height: 229px;padding: 15px 22px;}
.clounmA_m .bd li{margin-bottom: 3px;}
.clounmA_r{float: right;width: 300px;}

/* 通知公告 */
.notice{height: 300px;padding: 10px 20px;background: #3197df;}
.notice .hd{height: 40px;line-height: 40px;overflow: hidden;}
.notice .hd h3{float: left;}
.notice .hd h3 a{font-size: 16px;color: #fff;}
.notice .hd .more{float: right;width: 20px;height: 20px;margin-top: 10px;cursor: pointer; background: url(../../base/img/icon.png) no-repeat 3px -445px;text-indent: -9999px;}
.notice .bd{padding-top: 10px;}
.notice .bd li{height: 56px;padding: 5px;line-height: 24px;margin-bottom: 20px;background: #44a4e7;}
.notice .bd li .date{float: left;width: 56px;height: 56px;margin-right: 13px;background: #2f91d3;text-align: center;font-size: 12px;color: #fff;}
.notice .bd li .date i{display: block;}
.notice .bd li .date i.day{padding-top: 8px;font-size: 28px;}
.notice .bd li a{margin-top: 2px;color: #fff;}
.notice .bd li a:hover{font-weight: bold;}

/*cloumnA E*/
.friendLinks{width: 100%;padding: 18px 0;background: #333; overflow: hidden;}
.friendLinks .siteWidth{width: 1200px;margin: 0 auto;}

/*.friendLinks .hd{height: 40px;line-height: 30px;}
.friendLinks .hd a{font: bold 18px/30px "微软雅黑";color: #1b62c1;}*/
.friendLinks .con select{width: 276px;height: 28px;line-height: 28px;padding: 0 5px;margin: 0 10px;background: #333;color: #fff; border: 1px solid #515151;}

/* 快捷菜单 */
.quickMenu{width: 1200px;overflow: hidden;}
.quickMenu li{float: left;width: 120px;height: 77px;line-height: 42px;padding: 23px 0 12px;font-size: 16px;background: #dda624;text-align: center; overflow: hidden;}
.quickMenu li.li2{background: #d7be16;}
.quickMenu li.li3{background: #9fc324;}
.quickMenu li.li4{background: #76bb3e;}
.quickMenu li.li5{background: #4eac47;}
.quickMenu li a{color: #fff;}
.quickMenu li a .icon i{display: block;width: 44px;height: 44px;margin: 0 auto;cursor: pointer;background: url(../../base/img/icon.png) no-repeat 1px -50px;
    /*-moz-transition: all .6s ease-in-out;
-webkit-transition: all .6s ease-in-out;
-o-transition: all .6s ease-in-out;
-ms-transition: all .6s ease-in-out;
transition: all .6s ease-in-out;*/}
.quickMenu li.li2 .icon i{background-position: 2px -124px;}
.quickMenu li.li3 .icon i{background-position: 3px -199px;}
.quickMenu li.li4 .icon i{background-position: 2px -273px;}
.quickMenu li.li5 .icon i{background-position: 0px -338px;}
.quickMenu li a:hover{font-weight: bold;}
.quickMenu li:hover .icon{display: block; -webkit-transition: all 0.4s linear; -moz-transition: all 0.4s linear; -o-transition: all 0.4s linear; -ms-transition: all 0.4s linear; transition: all 0.4s linear; -webkit-animation: moveFromBottom 0.3s ease; -moz-animation: moveFromBottom 0.3s ease; -o-animation: moveFromBottom 0.3s ease; -ms-animation: moveFromBottom 0.3s ease; animation: moveFromBottom 0.3s ease;}
@-webkit-keyframes moveFromBottom{ from{ -webkit-transform: translateY(120%) scale(0.5); opacity: 0;}
    to{ -webkit-transform: translateY(0%) scale(1); opacity: 1;}
    }
@-moz-keyframes moveFromBottom{ from{ -moz-transform: translateY(120%) scale(0.5); opacity: 0;}
    to{ -moz-transform: translateY(0%) scale(1); opacity: 1;}
    }
@-ms-keyframes moveFromBottom{ from{ -ms-transform: translateY(120%) scale(0.5); opacity: 0;}
    to{ -ms-transform: translateY(0%) scale(1); opacity: 1;}
    }
@-o-keyframes moveFromBottom{ from{ -o-transform: translateY(120%) scale(0.5); opacity: 0;}
    to{ -o-transform: translateY(0%) scale(1); opacity: 1;}
    }
@keyframes moveFromBottom{ from{ transform: translateY(120%) scale(0.5); opacity: 0;}
    to{ transform: translateY(0%) scale(1); opacity: 1;}
    }