@charset "utf-8";
/* CSS Document */
* { padding: 0; margin: 0; }
body { font-size: 14px; font-family: "Microsoft Yahei"; color: #000; }
a { text-decoration: none; }
.clear { clear: both; }
ul, li { list-style: none; }
input, select, textarea {outline: none; font-family: "Microsoft Yahei"; }
/*input, select, textarea { border: none; outline: none; font-family: "Microsoft Yahei"; }*/
em { font-style: normal; }
i { font-style: normal; }
img { border: none; }
.clear { clear: both; }
h1, h2, h3, h4, h5, h6 { font-weight: lighter; }

/*************top***************/
.top{width:100%;background:url(../images/top_bg.gif) no-repeat center top #ccc;}
.top .t{width:100%;height:28px;line-height:28px;background:url(../images/bg1.png)}
.top .t .box{width:1200px;margin:0 auto; font-size:12px;}
.top .t .box p{float:left;color:#777;}
.top .t .box .r{float:right;}
.top .t .box a{color:#777;margin-left:20px;}
.top .t .box a:hover{color:#364ea0;}
.top .c{width:1200px;height:112px;margin:0 auto;}
.top .c .logo{float:left;margin-top:15px;}
.top .c .school{float:right;margin-top:24px;}

#menu{width:100%;height:65px; background:#364ea0;}
#menu #nav{width:1200px;margin:0 auto;}
#nav .mainlevel { float: left; text-align: center; display: inline-block;width: 150px; }
#nav .mainlevel span a { color: #fff; display: block; font-size: 16px; font-weight:bold;height:51px;padding-top:14px;}
#nav .mainlevel span a em{ display:block;font: 13px "PingFang SC","Helvetica Neue",Helvetica,"Hiragino Sans GB","Microsoft YaHei",Arial,sans-serif;color:#a1acd2;}
#nav .mainlevel span a:hover, #nav .mainlevel.active span a { transition: all 0.3s;background:#ff6600; }
#nav .mainlevel span a:hover em, #nav .mainlevel.active span a em{color:#fff;}
#nav .mainlevel ul { display: none; position: absolute; z-index: 9; }
#nav .mainlevel li { height: 40px; line-height: 40px; background:rgba(54,78,160,0.9); width: 160px; cursor: pointer;/*IE6 only*/ text-align: left; padding-left: 15px; }
#nav .mainlevel li a { color: #fff; font-size: 13px; display:block;}
#nav .mainlevel li span { float: right; color: #fff; font-family: "黑体"; padding-right: 13px; }
#nav .mainlevel li:hover { background: #ff6600; }
#nav .mainlevel li:hover a { color: #fff; }
#nav .mainlevel li:hover span { color: #fff; }

/*----banner----↓↓↓*/
.banner { width: 100%; position: relative; top: 0; height:650px;  display:block;}
.banner .bd { margin: 0 auto; position: relative; z-index: 0; overflow: hidden; height: 650px; }
.banner .bd ul { width: 100% !important; }
.banner .bd li { width: 100% !important; height: 650px; overflow: hidden; text-align: center; }
.banner .bd li a { display: block; height: 650px; }
.banner .hd { width: 100%; position: absolute; z-index: 6; bottom: 10px; left: 0; height: 15px; }
.banner .hd ul { text-align: center; }
.banner .hd ul li { cursor: pointer; display: inline-block; *display:inline;
zoom: 1; width: 8px; height: 8px; margin: 3px; overflow: hidden;border:2px solid #fff; line-height: 999px; border-radius: 100%; }
.banner .hd ul .on { background: #fff;  }
.banner .prev, .banner .next { display: block; position: absolute; top: 45%; margin-top: -30px; left: 0; z-index: 1; width: 40px; height: 60px; background: url(../images/slider-arrow.png) -126px -137px #000 no-repeat; cursor: pointer; filter: alpha(opacity=50); opacity: 0.5; display: none; z-index: 9999; }
.banner .next { left: auto; right: 0; background-position: -6px -137px; z-index: 9999; }

#banner2{height:350px}
#banner .bd { margin: 0 auto; position: relative; z-index: 0; overflow: hidden; height: 350px; }
#banner2 .bd li { width: 100% !important; height: 350px; overflow: hidden; text-align: center; }
#banner2 .bd li a { display: block; height: 350px; }