@charset "gb2312";

/* 全局 */
* { margin:0; padding:0; }
body { text-align:center; background-image:url("images/bg_r.jpg"); font-family: Arial; font-size: 12px; color: #4d4d4d; line-height: 24px; }
a { color: #4d4d4d; text-decoration: none; }
a:hover { text-decoration:underline; color:#CC0000; }
a img { border:none; }
#bg{ background-repeat: repeat-x; width: 100%; height: 500px; background-image: url("images/bg.jpg"); }



/* div定义 */
#box { width:1000px; text-align: left; margin-top: 0; margin-right: auto; margin-bottom: 0; margin-left: auto; }


/* head */
#head { background-repeat:repeat-x; width:1000px; height: auto; float: left; background-image: url("images/bg.jpg"); }
#head #logo { height: 90px; width: 1000px; float: left; }
#head #logo #tel { background-image: url("images/i_05.jpg"); background-repeat: no-repeat; width: 280px; float: right; text-align: right; padding-right: 20px; padding-top: 8px; height: 80px; }
#head #logo #tel img { margin-right: 5px; margin-bottom: 2px; }
#head #nav { background-image: url("images/i_06.jpg"); background-repeat: no-repeat; height: 41px; width: 960px; float: left; padding-right: 20px; padding-left: 20px; }
#head #nav ul { }
#head #nav li { list-style-type: none; background-image: url("images/i_07.jpg"); background-repeat: no-repeat; font-size: 14px; color: #FFFFFF; font-weight: 700; line-height: 41px; float: left; }
#head #nav a { display:block; width: 107px; height: 41px; text-align: center; background-image: url("images/i_07.jpg"); background-repeat: no-repeat; color: #FFFFFF; font-family: Arial; }
#head #nav a:hover { background-image: url("images/i_08.jpg"); background-repeat: no-repeat; text-decoration:none; float: left; }


/* main */
#main { float: left; height: auto; width: 960px; padding-right: 20px; padding-left: 20px; padding-top: 15px; }
#main #hd { background-image: url("images/i_09.jpg"); background-repeat: no-repeat; width: 950px; float: left; padding-top: 5px; padding-bottom: 10px; padding-right: 5px; padding-left: 5px; }
#main #hd #oTransContainer { FILTER: progid:DXImageTransform.Microsoft.Wipe(GradientSize=1.0, wipeStyle=0, motion='forward'); WIDTH: 950px; position: relative; margin-top: 0; margin-right: auto; margin-bottom: 0; margin-left: auto; }
#main #hd #flash { position: absolute; left: 0px; top: 0px; }


/* main_x */
#main_x { width: 920px; float: left; background-color: #FFFFFF; border-right-width: 1px; border-left-width: 1px; border-right-style: solid; border-left-style: solid; border-right-color: #CCCCCC; border-left-color: #CCCCCC; padding-right: 19px; padding-left: 19px; }

/* top */
#top { float:left; width:920px; padding-bottom: 30px; }
#top #left { float: left; width: 260px; }
#top #left_x { float: left; width: 260px; }
#top #mid { float: left; width: 340px; margin-right: 20px; margin-left: 20px; }
#top #right { float: left; width: 280px; height: 173px; background-image: url("images/i_22.jpg"); background-repeat: no-repeat; }
#top #right .roun .rounCenter_fh { width:248px; float:left; overflow:hidden; border-left:1px solid #D3D3D3; border-right:1px solid #D3D3D3; background-color: #FFFFFF; background-position: 193px top; height:133px; padding-top:8px; }
#top #right .index_bank { width:250px; background:url("../jscss/demoimg/200910/bank_back.gif") no- repeat; }
#top #right .container { width:180px; height:133px; }
#top #right .container img { width:180px; height:100px; }
#top #right #idPre { margin-right: 17px; margin-left: 10px; }
#top #right #idNext { margin-left: 17px; }

/* bottom */
#bottom { float:left; width:920px; }
#bottom #left { float: left; width: 260px; }
#bottom #left_x { float: left; width: 220px; background-image: url("images/i_37.jpg"); background-repeat: no-repeat; height: 73px; padding-top: 75px; padding-left: 40px; }
#bottom #mid { float: left; margin-left: 20px; width: 640px; background-image: url("images/i_40.jpg"); background-repeat: no-repeat; height: 180px; }
#bottom #mid #demo { overflow:hidden; width: 600px; float: left; padding-top: 25px; margin-left: 20px; height: 150px; }
#bottom #mid #demo img { float: left; margin-right: 10px; border: 1px solid #CCCCCC; }
#bottom #mid #indemo { float: left; width: 800%; height: 150px; }
#bottom #mid #demo1 { float: left; }
#bottom #mid #demo2 { float: left; }
#bottom #mid .pro { width:160px; float:left; text-align:center; font-size:12px; color:#666666; margin-right:8px; display: block; }
#bottom #mid .pro p { width: 160px; float: left; }


/* foot */
#foot { text-align: center; padding-top: 10px; float: left; width: 960px; padding-right: 20px; padding-left: 20px; height: 70px; }





/* class定义 */
.left { float:left; }
.right { float:right; }
.clear { clear:both; }
.eng { font-family:Verdana; }
.eng_a { font-family:Arial; }
.font1 { color:#CC0000; text-decoration: underline; }
.font2 { color: #003972; font-size: 14px; font-weight: 700; background-image: url("images/i_17.jpg"); background-repeat: repeat-x; line-height: 30px; height: 30px; padding-bottom: 5px; float: left; width: 260px; }
.font3 { font-size: 14px; color: #FFFFFF; font-weight: bold; padding-left: 20px; height: 30px; line-height: normal; padding-top: 12px; }
.font4 { font-family: Arial, Helvetica, sans-serif; font-size: 10px; color: #999999; }
.font5 { color: #003972; font-size: 14px; font-weight: 700; background-image: url("images/i_17.jpg"); background-repeat: repeat-x; line-height: 30px; height: 30px; padding-bottom: 5px; float: left; width: 230px; }
.font6 { color: #003972; font-size: 14px; font-weight: 700; background-image: url("images/i_17.jpg"); background-repeat: repeat-x; line-height: 30px; height: 30px; padding-bottom: 5px; float: left; width: 697px; }
.font7 { color: #CC0000; font-size: 14px; font-weight: 700; width: 100%; }




/* 内页样式定义 */
#n_main { width: 938px; float: left; background-color: #FFFFFF; border-right-width: 1px; border-left-width: 1px; border-right-style: solid; border-left-style: solid; border-right-color: #CCCCCC; border-left-color: #CCCCCC; padding-right: 10px; padding-left: 10px; }

/* n_left */
#n_left{ float: left; width: 230px; }
#n_left #left { float: left; width: 230px; margin-bottom: 15px; }
#n_left #left_x { float: left; width: 230px; }
#n_left #left_x ul{ border-right-width: 1px; border-left-width: 1px; border-right-style: solid; border-left-style: solid; border-right-color: #DFDFDF; border-left-color: #DFDFDF; display: block; float: left; width: 228px; padding-top: 5px; padding-bottom: 5px; }
#n_left #left_x li { list-style-type: none; float: left; display: block; }
#n_left #left_x li img{ float: left; margin-top: 11px; margin-right: 8px; }
#n_left #left_x li a{ float: left; display: block; width: 200px; line-height: 26px; margin-left: 8px; margin-right: 8px; padding-left: 10px; border: 1px solid #FFFFFF; _margin-left: 4px; _margin-right: 4px; }
#n_left #left_x li a:hover{ background-color: #ececec; border: 1px solid #d3d3d3; color: #4d4d4d; font-weight: 700; text-decoration: none; }
#n_left #contact { float: left; width: 190px; background-image: url("images/n_15.jpg"); background-repeat: no-repeat; height: 73px; padding-top: 75px; padding-left: 40px; }



/* n_right */
#n_right{ float: left; width: 697px; margin-left: 10px; }
#n_right #n_main_x{ float: left; width: 697px; }
#n_right #n_main_xx{ float: left; width: 655px; border-right-width: 1px; border-left-width: 1px; border-right-style: solid; border-left-style: solid; border-right-color: #DFDFDF; border-left-color: #DFDFDF; padding-right: 20px; padding-left: 20px; padding-top: 10px; padding-bottom: 10px; }
#n_right #n_main_xx .pro_list img{ height: 130px; width: 200px; border: 1px solid #CCCCCC; }
#n_right #n_main_xx .pro_show{ height: 330px; width: 500px; border: 1px solid #CCCCCC; }