@charset "gb2312";
/* CSS Document */
html { overflow: -moz-scrollbars-vertical; overflow-y: scroll; }
body { margin: 0; padding: 0; font-family: "Î¢ÈíÑÅºÚ", "ËÎÌå", Arial; font-size: 12px; line-height: 25px; }
div, form, ul, ol, li, dl, dt, dd, p, h1, h2, h3, h4, h5, h6 { margin: 0; padding: 0; border: none; }
select { onnofont-size: 12px; line-height: 16px; vertical-align: middle; border: none; }
img { border: 0; margin: 0; padding: 0; }
ul, li { list-style-type: none; }
a { text-decoration: none; margin-bottom: 0; padding-bottom: 0; border-bottom: 0; color: inherit; }
/*==================*/

#header { height: 128px; width: 100%; background: url(../img/BA001.JPG) repeat-x; margin-bottom: 10px; }
#top { margin: auto; width: 1000px; height: 128px; }
#logo { height: 88px; width: 805px; overflow: hidden; float: left; }
#languages { width: 195px; height: 25px; padding: 51px 0 12px 0; float: left; }
#languages { width: 195px; height: 25px; padding: 35px 0 12px 0; float: left; overflow: hidden; }
#enLanguages { width: 130px; height: 25px; padding: 35px 0 12px 65px; float: left; overflow: hidden; }
#languages a { display: block; width: 65px; height: 25px; float: left; }
#enLanguages a { display: block; width: 65px; height: 25px; float: left; }
#jianti { background: url(../img/BA002.jpg) 0 0 no-repeat; }
#fanti { background: url(../img/BA002.jpg) -65px 0; }
#en { background: url(../img/BA002.jpg) -130px 0; }
#jianti:hover { background: url(../img/BA002.jpg) 0 -25px no-repeat; }
#fanti:hover { background-position: -65px -25px; }
#en:hover { background-position: -130px -25px; }
#nav { clear: both; height: 40px; width: 1000px; }
#mainbav { height: 40px; width: 1000px; }
.mainLevel { position: relative; height: 40px; width:111px; z-index: 4; float: left; text-align: center; }
.mainLevel a { display: block; height: 40px; width: 111px; line-height: 40px; font-size: 15px; color: #fff; background: url(../img/BA003.JPG) top left; }
.subnav { position: absolute; width: auto; height: auto; z-index: 3; background: url(../img/BA010.PNG); padding: 5px 0; left: 0px; display: none; }
.subnav li { height: 25px; width: 91px; padding: 0 10px; }
.subnav li a { display: block; height: 25px; width: 91px; overflow: hidden; text-align: left; line-height: 25px; font-size: 15px; color: #fff; background: none; text-align: center; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }
.subnav li a:hover { color: #6c0e14; }
/*Banner*/

#banner { margin: auto; position: relative; width: 1000px; height: 283px; margin-bottom: 10px; z-index: 1; background: #000; }
.bannerImg { width: 1000px; height: 283px; overflow: hidden; }
.bannerImg img { position: absolute; width: 1000px; height: 283px; }
.bannerNav { position: absolute; top: 258px; left: 918px; height: 16px; width: 78px; z-index: 2; overflow: visible; }
.bannerNav a { display: block; float: left; height: 16px; width: 16px; text-align: center; line-height: 16px; margin-right: 10px; background: #cfcfcf; overflow: hidden; }
a.imgSelected { background: #07387a; color: #fff; }
/*End Banner*/

/*content*/

#content { width: 1000px; height: auto; margin: auto; margin-bottom: 10px; }
#sidebar { float: left; height: auto; width: auto; margin-right: 10px; }
.listTitle { width: 200px; height: 40px; background: url(../img/BA006.JPG); text-align: center; line-height: 40px; font-size: 15px; font-weight: bold; color: #fff; }
#list { width: 198px; min-height: 249px; height: auto; border: #ebebeb 1px solid; border-top: none; padding: 13px 0; }
#list li { width: 152px; height: auto; padding-left: 4px; }
#list li a { display: block; width: 152px; height:36px; background: url(../img/BA007.jpg); text-align: left; line-height: 30px; padding: 0 3px 0 34px; color: #333; font-size: 14px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }
#list li a:hover { background: url(../img/BA007.jpg) 0 -36px; color: #fff; }
#list li ul { width: auto; height: auto; display: none; margin: 5px 0; }
#list li ul li { width: inherit; height: 25px; background: url(../img/first-bg-04.gif) no-repeat 15px 5px; }
#list li ul li a { background: none; height:25px; line-height:20px; font-size: 13px; width: 145px; overflow: hidden; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }
#list li ul li a:hover { background: none; color: #017ac3; }
.search { width: 198px; height: 111px; border: #ebebeb 1px solid; margin-top: 10px; overflow: hidden; background: url(../img/BA008.jpg) no-repeat; }
.search form { width: auto; height: 22px; margin-top: 74px; padding-left: 8px; }
#textS { width: 108px; height: 20px; line-height: 20px; color: #999; border: #cfcfcf 1px solid; }
#buttonS { width: 66px; height: 24px; background: url(../img/BA009.JPG) repeat-x; border: none; color: #3587c3; font: "Î¢ÈíÑÅºÚ", "ËÎÌå"; }
/*End Content*/

/*footer*/
#footer { width: 100%; height: auto; background: #07387a; padding: 20px 0; border-top: 5px solid #017ac3; }
#footerBox { margin: auto; width: 1000px; height: auto; }
#copyright { font-size: 12px; line-height: 20px; width: 730px; height: auto; float: left; color: #a5afc4; }
#copyright a, #service a, #seo { color: #a5afc4; }
#service { font-size: 12px; line-height: 20px; width: 270px; height: auto; float: right; color: #a5afc4; text-align: center; }
#service a:hover, #copyright a:hover { color: #FFF; }
#seo { width: 1000px; color: #a5afc4; height: auto; clear: both; font-size: 10px; line-height: 12px; }
/*End footer*/

.pages { margin: 10px 0px 0; clear: both; height: 26px; line-height: 26px; text-align: center; }
.pages a { width: 26px; height: 26px; text-align: center; margin: 0 0; background: url(../img/pageshow_bg.gif) -65px top no-repeat; display: inline-block; color: #000; }
.pages a:hover { background: url(../img/pageshow_bg.gif) -65px bottom no-repeat; color: #FFF; }
.pages span { margin: 0 1px; color: #9b9b9b; }
.pages .thisp { background: url(../img/pageshow_bg.gif) -98px top no-repeat; color: #fff; width: 26px; height: 26px; display: inline-block; }
.pages .first { display: inline-block; width: 55px; background: url(../img/pageshow_bg.gif) left top no-repeat }
.pages .first:hover { background: url(../img/pageshow_bg.gif) left bottom no-repeat }
