body {height:auto; +overflow:hidden;}

#banner {position:relative; z-index:2; width:100%; height:550px; overflow:hidden;}

#banner .pics {position:relative; width:100%; height:100%;}

#banner .pics li {display:none; position:absolute; top:0; left:0; z-index:2; width:100%; height:100%; background:no-repeat center 0;}

#banner .pics li a {display:block; width:100%; height:100%;}

#banner .pics .b1 {display:list-item;}

#banner .btns a {position:absolute; top:50%; z-index:4; margin-top:-25px; width:50px; height:50px; -ms-transition:left 400ms, right 400ms; transition:left 400ms, right 400ms; -webkit-transition:left 400ms, right 400ms; -moz-transition:left 400ms, right 400ms; -o-transition:left 400ms, right 400ms;}

#banner .btns .prev {left:-50px;}

#banner .btns .next {right:-50px;}

#banner .btns .prev.on {left:120px;}

#banner .btns .next.on {right:120px;}

#banner .btns a span {position:absolute; top:0; left:0; width:100%; height:100%; -ms-transition:-ms-opacity 300ms;  transition:opacity 300ms;-webkit-transition:-webkit-opacity 300ms; -moz-transition:-moz-opacity 300ms; -o-transition:-o-opacity 300ms; cursor:pointer;}

#banner .btns a span.off {-webkit-opacity:1; opacity:1; display:block\9;}

#banner .btns a span.on {-webkit-opacity:0; opacity:0; display:none\9;}

#banner .btns .prev .off {background:url(../image/prev.png) no-repeat 0 0;}

#banner .btns .prev .on  {background:url(../image/prev_on.png) no-repeat 0 0;}

#banner .btns .next .off {background:url(../image/next.png) no-repeat 0 0;}

#banner .btns .next .on {background:url(../image/next_on.png) no-repeat 0 0;}

#banner .btns a:hover .off {-webkit-opacity:0; opacity:0; display:none\9;}

#banner .btns a:hover .on {-webkit-opacity:1; opacity:1; display:block\9;}



#banner .g-wrap {position:absolute; left:50%; bottom:0; z-index:2; margin-left:-565px; width:1130px; height:30px; overflow:hidden;}

#banner .g-wrap .idxs {float:left; height:100%;}

#banner .g-wrap .idxs li {float:left; margin:30px 7px 0 0; width:9px; height:9px; border-radius:13px; border:2px solid #fff; cursor:pointer; -ms-transition:background-color 1000ms, margin-top 500ms, border-color 1000ms; transition:background-color 500ms, margin-top 500ms; transition:background-color 1000ms, margin-top 500ms, border-color 1000ms; -webkit-transition:background-color 1000ms, margin-top 500ms, border-color 1000ms; -moz-transition:background-color 1000ms,  margin-top 500ms, border-color 1000ms; -o-transition:background-color 1000ms, margin-top 500ms, border-color 1000ms;}

#banner .g-wrap .idxs li.on {background-color:#8f8d93; border-color:#8f8d93;}







#news-slide {position:relative; margin:0 auto; padding-left:35px; width:1095px; height:57px; background:url(../image/icon_news.png) no-repeat 0 19px; overflow:hidden;}

#news-slide .item {height:100%;}

#news-slide .item a {display:inline-block; height:57px; line-height:57px; font-weight:bold; color:#3472a1; -ms-transition:color 300ms; transition:color 300ms; -webkit-transition:color 300ms; -moz-transition:color 300ms; -o-transition:color 300ms;}

#news-slide .item a:hover {color:#7b7a7a;}

#news-slide .item a span {margin:0 25px; font-weight:normal; color:#6C6C6C;}

#news-slide .item .more {padding:0 12px; margin-top:12px; font-weight:bold; height:33px; line-height:33px; font-size:12px;  color:#3472a1; background-color:#DFE0E4; border-radius:25px; box-shadow:0px 0px 3px #777; -ms-transition:color 300ms, background-color 300ms; transition:color 300ms, background-color 300ms; -webkit-transition:color 300ms, background-color 300ms; -moz-transition:color 300ms, background-color 300ms; -o-transition:color 300ms, background-color 300ms;}

#news-slide .item .more:hover {background-color:#7b7a7a; color:#fff;}





#subjects {height:165px; margin-top:30px; margin-bottom:30px;}

#subjects .g-wrap a {position:absolute; top:0; left:100%; width:100%; height:100%; overflow:hidden; -webkit-opacity:1; opacity:1; display:block\9; -webkit-transition:left 300ms, -webkit-opacity 700ms; transition:left 300ms, opacity 700ms;}

#subjects .g-wrap .item-1 {z-index:1; background-color:#c8c8c8;}

#subjects .g-wrap .item-2 {z-index:2; background-color:#ffd900;}

#subjects .g-wrap .item-3 {z-index:3; background-color:#fc433e;}

#subjects .g-wrap .item-4 {z-index:4; background-color:#2d2d58;}

#subjects .g-wrap a span {position:absolute; background:no-repeat 0 0;}

#subjects .g-wrap .p2 {-webkit-opacity:0; opacity:0; display:none\9; -webkit-transition:-webkit-opacity 400ms; transition:opacity 400ms;}

#subjects .g-wrap .item-1 .p1 {left:0; top:0; width:493px; height:165px;}

#subjects .g-wrap .item-1 .p2 {left:276px; top:68px; z-index:2; width:189px; height:29px;}

#subjects .g-wrap .item-2 .p1 {left:61px; top:21px;}

#subjects .g-wrap .item-2 .p2 {left:250px; top:26px;}

#subjects .g-wrap .item-3 .p1 {left:20px; top:56px; width:77px; height:76px;}

#subjects .g-wrap .item-3 .p2 {left:190px; top:21px; width:282px; height:122px;}

#subjects .g-wrap .item-4 .p1 {left:23px; top:54px; width:182px; height:80px;}

#subjects .g-wrap .item-4 .p2 {left:227px; top:21px; width:245px; height:122px;}





#subjects .trans a {-webkit-opacity:0; opacity:0; display:none\9;}





#subjects .ready .item-2 {transition-delay:150ms; -webkit-transition-delay:150ms; -ms-transition-delay:150ms; -moz-transition-delay:150ms;}

#subjects .ready .item-3 {transition-delay:150ms; -webkit-transition-delay:300ms; -ms-transition-delay:300ms; -moz-transition-delay:300ms;}

#subjects .ready .item-4 {transition-delay:150ms; -webkit-transition-delay:450ms; -ms-transition-delay:450ms; -moz-transition-delay:450ms;}





#subjects .state-0 .item-1 {left:0;}

#subjects .state-0 .item-2 {left:460px;}

#subjects .state-0 .item-3 {left:680px;}

#subjects .state-0 .item-4 {left:893px;}



#subjects .state-1 .item-1 {left:0;}

#subjects .state-1 .item-2 {left:492px;}

#subjects .state-1 .item-3 {left:705px;}

#subjects .state-1 .item-4 {left:917px;}

#subjects .state-1 .item-1 .p2 {-webkit-opacity:1; opacity:1; display:block\9;}



#subjects .state-2 .item-1 {left:0;}

#subjects .state-2 .item-2 {left:212px;}

#subjects .state-2 .item-3 {left:705px;}

#subjects .state-2 .item-4 {left:917px;}

#subjects .state-2 .item-2 .p2 {-webkit-opacity:1; opacity:1; display:block\9;}



#subjects .state-3 .item-1 {left:0;}

#subjects .state-3 .item-2 {left:212px;}

#subjects .state-3 .item-3 {left:425px;}

#subjects .state-3 .item-4 {left:917px;}

#subjects .state-3 .item-3 .p2 {-webkit-opacity:1; opacity:1; display:block\9;}



#subjects .state-4 .item-1 {left:0;}

#subjects .state-4 .item-2 {left:212px;}

#subjects .state-4 .item-3 {left:425px;}

#subjects .state-4 .item-4 {left:637px;}

#subjects .state-4 .item-4 .p2 {-webkit-opacity:1; opacity:1; display:block\9;}





.footer{ width:100%; height:220px; background-color:#25262c; overflow:hidden }
.foot{ width:1130px; margin: 0 auto; overflow:hidden; }
.foot p{font-size:14px; color:#fff; line-height:24px; text-align:center}
.logod{ margin-top:20px; margin-bottom:10px;}
.logod img{ margin:0 auto; display:block; }
.lxfs{ width:60px; margin:15px auto}
.lxfs span{ width:20px; float:left}

.bm{ width:100%; height:36px; line-height:36px; color:#b6b6b6; text-align:center}




.fl{float:left;_display:inline;}

.fr{float:right;_display:inline;}

.c{clear:both;font-size:0;line-height:0;height:0;visibility:visible;} 

.mt20{ margin-top:10px;}


.cp{ width:1130px; margin:0 auto;margin-bottom:40px; overflow:hidden}
.wrap{margin:0px;position:relative; width:330px; float:left; }
.photo a{display:block;}

.photo span{width:330px;background:#000;position:absolute;bottom:0;left:0;color:#ffffff;filter:alpha(opacity=50);-moz-opacity:0.5;opacity:0.5;text-align:center;cursor:hand; line-height:36px; font-size:14px}
.photo a:hover span{display:block;}


DIV.megas512 {
	PADDING-RIGHT: 3px; PADDING-LEFT: 3px; PADDING-BOTTOM: 3px; MARGIN: 7px; PADDING-TOP: 5px; font-size:16px; 
}
DIV.megas512 A {
	 PADDING-RIGHT: 6px; BACKGROUND-POSITION: 50% bottom;  PADDING-LEFT: 6px; PADDING-BOTTOM: 2px;  COLOR: #fff; MARGIN-RIGHT: 3px; PADDING-TOP: 2px; TEXT-DECORATION: none;BACKGROUND-COLOR: #e50112
}
DIV.megas512 A:hover {
	 BACKGROUND-IMAGE: none; COLOR: #e50112; BACKGROUND-COLOR: #e6e6e6
}
DIV.megas512 A:active {
 BACKGROUND-IMAGE: none; COLOR: #e50112; BACKGROUND-COLOR: #e6e6e6
}
DIV.megas512 SPAN.current1 {
	PADDING-RIGHT: 6px; PADDING-LEFT: 6px; FONT-WEIGHT: bold; PADDING-BOTTOM: 2px; COLOR: #e50112; MARGIN-RIGHT: 3px; PADDING-TOP: 2px
}
DIV.megas512 SPAN.disabled1 {
	PADDING-RIGHT: 6px; PADDING-LEFT: 6px; PADDING-BOTTOM: 2px; COLOR: #adaaad; MARGIN-RIGHT: 3px; PADDING-TOP: 2px
}


.xiaocms-page { padding:14px 0 10px;font-family:\5b8b\4f53; margin-right: 10px;}
.xiaocms-page a { display:inline-block; height:22px; line-height:22px; background:#fff; border:1px solid #e3e3e3; text-align:center; color:#333; padding:0 10px;margin-left: 1px;}
.xiaocms-page a:hover { background:#e50112; color:#fff; text-decoration:none; }
.xiaocms-page span { display:inline-block; height:22px;padding:0 10px; line-height:22px; background:#e50112; border:1px solid #e50112; color:#fff; text-align:center;margin-left: 1px; }