.index_notice { width: 1200px; margin: 0px auto; height: 56px; background: url(../images/index_notice.jpg) no-repeat left center #0055ab; }
.notice_active { width: 900px; padding-left:300px; height: 56px; overflow: hidden; position: relative; margin: 0px auto; }
.notice_active li{ list-style-type: none; line-height:56px; overflow: hidden; font-size: 14px; padding-left:20px; background:url(../images/index_n_icon.jpg) no-repeat left center; }
.notice_active li a{color:#fff; font-size:14px;}
.notice_active li a:hover { border-bottom:#fff 1px dotted;}
.notice_active em { font-size:12px; color:#5d99e2; margin-left:30px;}

.index_page { width: 1200px; margin: 0px auto; padding: 70px 0px 30px 0px }
.index_left { width:900px}
.index_right { width:275px;}

.index_news_pic { width: 440px; position: relative; height: 332px; overflow: hidden; }
.ctrl-panel { position: absolute; right: 10px; top: 290px; z-index: 1000; width:32px; }
.m-page { display: block; width:12px; height:12px; background: #fff; float: left; display: inline; margin:2px; text-indent: -9999px; }
.m-page:hover { background: #db2a21 }
.focus { background:#db2a21}
.con { width: 100%; }
.scroll-wrap { OVERFLOW: hidden; WIDTH: 440px; POSITION: relative; HEIGHT: 332px }
.scroll_box_content { POSITION: absolute }
.content_list { FLOAT: left; WIDTH: 440px; HEIGHT: 332px; cursor: pointer; position: relative; }
.content_list img{ WIDTH: 440px; HEIGHT: 332px; }
.content_list p{width:410px;padding:25px 15px 15px 15px; color: #fff; font-size: 14px; background: url(../images/img_bg.png) repeat-x left bottom; position: absolute; bottom: 0px; left: 0px; display: block; font-weight: bold }
.content_list p span { display:block; font-size:14px; font-weight:normal; color:#999 margin-bottom:5px}

.index_news { width:430px;}
.index_news2 { width:440px;}
.index_title { background: url(../images/tab_x.jpg) repeat-x left bottom; display: block; position: relative; height: 36px; margin-bottom: 10px; overflow: hidden; }
.index_title span.name {width:100px;height: 20px; line-height: 20px; text-align: center; font-size: 20px; color: #0055ab; display: block; border-bottom: #0055ab 4px solid; padding-bottom: 12px; float: left; font-weight: bold; }
.index_title span.eng { display:block; padding-top:3px; float:left}
.index_title span.more { position: absolute; top:6px; background: url(../images/more.png) no-repeat right center; text-transform: uppercase; font-size: 12px;right: 0px; padding-right:15px }
.index_news_list li{ line-height: 35px; position: relative; background: url(../images/index_list_icon.jpg) no-repeat 0px center; padding-left: 10px; font-size: 14px; border-bottom: #c1c1c1 1px dotted; }
.index_news_list li span { position:absolute; font-size:12px; color:#999; right:0px; top:0}
.index_news_list li.top { line-height: 18px; padding: 0px 0px 15px 0px; background: none; height: 85px; margin-bottom: 5px; }
.index_news_list li.top p { padding: 5px 0px 0px }

.index_about { width: 245px; height: 358px; padding:23px 15px 0px 15px; background: #ecf1fb; border-bottom: #bdc1c9 6px solid; }
.index_about li.txt { line-height:20px; color:#666; height:105px; overflow:hidden; font-size:14px; margin:15px 0px}
.index_about li a { background:#0055ab; font-size:14px; color:#fff; padding:10px 84px; border-radius:30px; display:block}
.index_about li a:hover { background:#dc221a}

.index_icon li { width:245px; height:62px; padding:12px 0px 6px 30px; display:block; margin-bottom:18px}
.index_icon li img { float:left; margin-right:10px;}
.index_icon li p { font-size:18px; color:#fff; font-weight:bold; text-shadow:1px 1px 3px #666; -moz-text-shadow:1px 1px 3px #666; -webkit-text-shadow:1px 1px 3px #666; margin-top:5px; display:block}
.index_icon li p.eng { font-size:12px; font-weight:normal;}
.index_icon li.yellow { background:#f7c209; border-bottom:#c79c08 6px solid;}
.index_icon li.blue { background:#119cec; border-bottom:#1281c1 6px solid;}
.index_icon li p.txt {white-space: nowrap; text-overflow: ellipsis; overflow: hidden; transition: all ease 600ms; -moz-transition: all ease 600ms; -webkit-transition: all ease 600ms}
.index_icon li:hover p.txt {text-indent:12px;transition:all ease 600ms;}
.index_icon li:hover img {transition:transform 1s ease-out; -moz-transition:-moz-transform 1s ease-out; -webkit-transition:-webkit-transform 1s ease-out; transform:rotateY(360deg); -moz-transform:rotateY(360deg); -webkit-transform:rotateY(360deg);}

.index_pic { width: 1200px; margin: 25px auto; }
.bottun { position: absolute; width: 50px; height: 21px; right: 0px; top: 0px; }
/*图片逐步滚动*/
.layout { TEXT-ALIGN: left; MARGIN:0px auto; WIDTH: 1200px; OVERFLOW: hidden; border-top: 0; }
.homebtm { POSITION: relative; HEIGHT:210px;PADDING: 0; margin-top:20px; }
.homebtm LI { POSITION: relative; TEXT-ALIGN: center; WIDTH:284px; DISPLAY: inline; FLOAT: left; }
.mainCont { margin: 0px auto; width: 1200px!important; height: 210px; overflow: hidden; }
.mainCont UL { WIDTH: 1200px; WORD-WRAP: normal; margin: 0px; padding: 0px; list-style: none; }
.mainCont ul li { width: 284px; height: 210px; float: left; overflow: hidden; margin: 0px 8px; text-align: center; font-size: 14px; }
.mainCont ul li img { width: 284px; height: 210px; display: block; position:relative;}
.mainCont ul li p { width:284px; padding:10px 0px; color:#fff; font-size:14px; text-align:center; display:block; position:absolute; bottom:0px; left:0px; background:url(../images/pic.png) repeat;}
.mainCont ul li:hover p { background:#dc221a}

.leftBtn,.rightBtn{ width:21px; height:21px;cursor: pointer; overflow: hidden; z-index: 2; float:left; margin-left:3px;}
.leftBtn { background: url(../images/prev.png) no-repeat left center;}
.leftBtn:hover { background-position: -21px 0px; }
.rightBtn { background: url(../images/next.png) no-repeat left center;}
.rightBtn:hover { background-position: -21px 0px; }