@charset "utf-8";
/* CSS Document */



* { margin: 0; padding: 0;}
ul { list-style-type: none;}
.tabs { position: relative; width: 960px; margin: 0 auto; padding-top: 90px; background:url(../images/body_bg.jpg) repeat;}
.tabs a { text-decoration: none;}

.tabNav { margin-bottom: 25px; font-size: 0; text-align: center;}
.tabNav li { position: relative; display: inline-block; width: 57px; font-size: 12px; *display: inline; *zoom: 1;}
.tabNav a { text-decoration: none;}
.tabNav strong { display: none; position: absolute; left: -70px; top: -73px; width: 200px; height: 38px; font: 16px/38px "Microsoft Yahei"; color: #fff; background-color: #4a4a4a;}
.tabNav strong em { font-style: normal; color: #fffc1f;}
.tabNav b { display: none; position: absolute; left: 29px; top: -35px; height: 35px; border-left: 1px solid #059e3f;}
.tabNav i { display: none; position: absolute; left: 24px; top: 0; width: 11px; height: 11px; border-radius: 11px; background-color: #cf000f; overflow: hidden;}
.tabNav .year { display: block; height: 20px; padding-top: 18px; font: 15px/20px arial; text-align: center; color: #888; background: url(../images/graduate_bg22.png) 0 0 no-repeat; cursor: pointer;}
.tabNav .first .year { background-image: url(../images/graduate_bg11.png);}
.tabNav .active strong, .tabNav .active b, .tabNav .active i { display: block;}

.tabPane { width: 960px; height: 508px;}
.tabPane .info { float: left; width: 221px; height: 508px; padding:10px 0; background-color: #4a4a4a;}
.tabPane .info h3 { padding: 35px 25px 0; font: 22px "Microsoft Yahei"; color: #fff;}
.tabPane .info p { margin: 10px 10px 10px 15px; line-height: 22px; font-size: 14px; color: #fff; text-indent: 2em;}

.tabPane .img { float: right; width: 737px;}
.tabPane .img ul li{ cursor:pointer;}
.tabPane { margin: -2px -2px 0 0;}
.tabPane ul {}
.tabPane li { position: relative; float: left; height: 250px; overflow: hidden;}
.tabPane img { display: block; border: 0 none;}
.tabPane .odd { width: 245px; height: 253px; margin: 2px 2px 0 0;}
.tabPane .odd h4 { position: absolute; left: 0; bottom: 56px; _bottom: -1px; width: 215px; padding: 0 15px; font: 22px/32px "Microsoft Yahei"; color: #fff; background: #4a4a4a; opacity:0.9;}
.tabPane .odd img { width: 245px; height: 200px;}
.tabPane .txtOut { position: absolute; left: 0; top: 0; display: table; width: 100%; height: 200px; visibility: hidden;}
.tabPane .txt { display: table-cell;width: 221px; height: 176px; padding: 12px; line-height: 18px; font-size: 12px; color: #fff; vertical-align: middle;}



.tabPane .even1{width: 737px; height: 250px;}
.tabPane .even1 h4{position: absolute; right: 0; top: 0; width: 24px; opacity:0.9; height: 220px; padding: 16px 10px; font: 22px/24px "Microsoft Yahei"; text-align: center; color: #fff; background-color: #4a4a4a;}
.tabPane .even1 img { width: 737px; height: 250px;}
.tabPane .even { width: 490px; height: 253px; margin-top: 2px; overflow: hidden;}
.tabPane .even h4{ position: absolute; right: 0; top: 0; width: 24px; opacity:0.9;height: 221px; padding: 16px 10px; font: 22px/24px "Microsoft Yahei"; text-align: center; color: #fff; background-color: #4a4a4a;}
.tabPane .even img { width: 490px; height: 197px;}


.tabPane h5 { margin-bottom: 4px; font-size: 14px;}
.tabPane a:hover .txtOut { visibility: visible;}

.tabs .prev, .tabs .next { position: absolute; top: 370px; width: 58px; height: 58px; border-radius: 58px; font: 30px/58px SimSun,sans-serif; color: #fff; text-align: center; background-color: #4a4a4a;}
.tabs .prev { left: -80px;}
.tabs .next { right: -80px;}