/* Copyright by Powereasy */ /* -------------- reset css */ body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, code, form, fieldset, legend, input, textarea, p, blockquote, table,th, td {margin:0;padding:0;} fieldset, img {border:0;} ul,li {list-style-type:none;} h1, h2, h3, h4, h5, h6 {font-size:100%;font-weight:normal;} input, textarea, select {vertical-align:middle;font-family:Arial;} .clearfix:after{content:"";clear:both;display:block;} /*ff*/ .clearfix{height:100%;}/* ie6 或者使用zoom:1 */ /**/ body {color:#333;font: 12px/23px 宋体,Arial;background:url(images/bg-wrapper.jpg) repeat-x 0px 0px; } a{color: #333;text-decoration:none; outline:none} a:hover {color: #c00;text-decoration:none; } /* -------------- */ .clearbox{border-top: 1px solid transparent !important;margin-top: -1px !important;border-top: 0px;margin-top: 0px;height:0px;clear: both;background: none;font-size: 0px;visibility: hidden;} .blank{height:8px; } .none{display:none; } .center{text-align:center; } a.hot,.hot{color:red !important;} a.gray,.gray{color:gray !important;} a.str,.str{color:#690 !important} em.more{width:40px !important; margin:0px 5px 0 0;float:right;display:inline; font-style:normal;height:30px; line-height:30px; } em.more a{background:url(images/btn-more.gif) no-repeat 0px 0px;display:inline-block;width:23px;height:10px; margin-top:15px ;display:inline-block; } /* inp btn */ .btn1{width:60px;height:22px;display:block; text-align:center; text-decoration:none !important } .inp,.inputtext{line-height:19px;height:19px; ;padding-left:2px; color:#666;font-size:12px;vertical-align:middle;border:1px solid #ccc; } .sub{vertical-align:middle;border:none;} textarea{padding:1px; } button{border:none} .banner{overflow:hidden;clear:both;} .green{color:#690 !important} .fl{float:right; } /* 布局结构 */ #header, #container, #footer{width:1000px;margin:auto;text-align:center; } /* ==========================顶部========================== */ #header{background: url(images/bg-head.jpg) no-repeat center 0px;} #header #logo{float:left;display:inline;width:400px; height:50px;margin:20px 0 0 20px;} #header #logo em{text-indent:-9999px;float:left; display:inline-block;height:70px; background: url(images/logo.gif) no-repeat 20px 0px; width:380px;cursor:pointer; } #topService{float:right;width:450px;text-align:right;margin:10px 0 0 0; } #topBar a{color:#666;margin:0 5px;background:url(images/page-icon.gif) no-repeat 0px 0px;padding-left:15px; } #topBar a:hover{color:#333;background-position:0px -30px;text-decoration:underline; } /* search */ #search{text-align:left; padding:8px 0 0 110px;height:35px;color:#666; text-align:right;clear:both; } #search *{vertical-align:middle;} #search .inp{color:#999;background:#fff url(images/page-icon.gif) no-repeat 0 -63px; height:17px;padding-top:3px; padding-left:25px;border-right:none; } #search .on{color:#333;border-color:#C40000 !important; } #search .btnSub{border:none;background:url(images/bg.png) no-repeat 0px -8px;width:61px;height:22px; display:inline-block;cursor:pointer;} #search .btnMenber{ float:right; _display:inline;margin-left:10px;width:100px; position:relative;z-index:101; } #search a.btnMenberIn{width:99px;height:auto;height:30px;display:inline-block; background:url(images/bg.png) no-repeat 0px -46px;overflow:hidden; } #search a.btnMenberIn span.text{display:none; } #search .loginDrift{position:absolute; top:23px;right:0px;width:169px;height:auto;zoom:1;z-index:101;border:1px solid #FFC697;background:#FFF7EE;display:none; text-align:left; } #search .loginDrift .Login_ajax{margin:5px 10px;; } #search .loginDrift .Login_ajax td{padding:2px;color:#333; } #search .loginDrift .Login_ajax td .inp{border:1px solid #ccc; ;padding-left:0px; background:#fff; } /* nav */ #nav{background:url(images/bg-nav.jpg) repeat-x 0px 0px; clear:both ;position:relative; height:auto; width:100%; z-index:100; } #nav .L{position:absolute;left:0px;top:0px; display:inline-block;height:37px;background:#000 url(images/bg-nav.jpg) no-repeat left -74px; width:17px; } #nav .R{position:absolute;right:0px;top:0px;display:inline-block;height:37px;background:url(images/bg-nav.jpg) no-repeat right -37px;width:17px; } #navIn{clear:both;margin-left:60px; } #navIn li{float:left;display:inline;width:72px; line-height:37px;background:url(images/bg-nav-sep.jpg) no-repeat right 5px;margin:0 2px; padding-right:20px;position: relative;z-index: 100;height:100%; } #navIn li.end{background:none !important; } #navIn li blockquote{display:none;z-index:9999; } #navIn li a{font-size:13px;color:#fff;} #navIn li a:hover{color:#FFFF66;} #navIn li blockquote{background:#fff url(images/bg-subNav.jpg) no-repeat 0 bottom; border:1px solid #BFBEDD;border-top:none; display:none;margin:0px; padding: 0px 5px 65px 15px;position: absolute;left:-7px;top: 34px;width: 320px; overflow: hidden;filter:alpha(opacity=80);-moz-opacity:.80;opacity:0.8;z-index:9999; } #navIn li blockquote .arr{background: #fff url(images/bg-subNav-arr.gif) no-repeat 18px 0px; display:block;width:100%;height:10px;font-size:0; } #navIn li blockquote a {float:left;display:inline;width:90px; color:#666;line-height: 24px;height: 24px;font-size: 12px;;white-space: nowrap;;text-align: left;background:#fff url(images/page-icon.gif) no-repeat 0px -97px; padding-left:15px;margin:2px 0; } #navIn li blockquote a:hover {color: #c00;background-position:0 -127px; } /* ==========================内容========================== */ /* 结构通用模型 */ #container{overflow:hidden;clear:both;margin-top:5px; width:995px; } .showPic{font-size:0;margin:auto;text-align:center;} /* box model */ .box{text-align:left; } .box dt{height:30px;line-height:27px; } .box dt span{font-weight:bold;color:#c00;margin-left:25px;} .box dt span a{font-weight:bold;color:#c00;} .box dt em{font-style:normal;} /* txtList model */ .txtList{} .txtList li{clear:both;overflow:hidden;margin:1px 0;height:25px;line-height:25px;color:#999; } .txtList span.d{float:right; color:#333;} .txtList li a{color:#333;margin-right:10px;} .txtList li a:hover{color:#c00;background:#FFF4F0;text-decoration:underline; } .txtList2 li{background:url(images/page-icon.gif) no-repeat 0px -127px;padding-left:15px; } .txtList2 li a{} /* mode a 两栏 */ .mode-a{clear:both;overflow:hidden;margin-bottom:10px;text-align:left; } .mode-a-main{float:left;width:735px;;border:1px solid #E3E3E3; } .mode-a-side{float:right;width:250px; } /* mode b 三栏 */ .mode-b{clear:both;overflow:hidden;} .mode-b-side1{float:left;width:250px;} .mode-b-side2{float:right;width:250px;} .mode-b-main{float:left;width:475px;margin-left:10px;} /* flash 轮换 */ #flaADS{margin:1px;overflow:hidden; } /* 推荐文章 notice */ #notice{border:1px solid #E3E3E3; overflow:hidden;height:168px;clear:both; } #notice em{width:20px; height:43px;background:url(images/bg-notice-t.jpg) repeat-x 0px 0px; font-style:normal; text-align:center;float:left; display:inline;color:#fff;line-height:18px; padding-top:3px;margin:7px 0 0 7px; } #notice .line{height:1px;font-size:0px; line-height:1px;border-bottom:1px dotted #ccc;clear:both; margin:0 6px; } #notice .txtList{float:left;width:208px;margin:5px 0 0 10px; } #notice .txtList li{margin:0px;height:22px;line-height:22px; } /* 滑动 slip */ #slip{} #slip dt{height:27px;line-height:27px; background:url(images/bg-slip.jpg) no-repeat 0px 0px;text-align:left; cursor:pointer; padding-left:20px;color:#666;font-weight:bold;} #slip dt.on a{color:#E21C19;} #slip dd{display:none;border:1px solid #ccc;border-bottom:none;} #slip dd .showPic{margin-bottom:1px;} #slip dd .showPic img{width:246px;height:95px; } #slip dt.slip01{} #slip dt.slip02{background-position:0 -125px; } #slip dt.slip03{background-position:0 -125px; } #slip dt.bot{height:2px;font-size:0px;line-height:0px;background-position:0 bottom; } /* 服务中心 */ #service{background:url(images/bg-service.jpg) no-repeat 0px 0px; height:136px; } #service dt{text-align:left; font-weight:bold;padding-top:8px;color:#333;padding-left:20px; } #service dt em.more{width:100px !important;text-align:right; margin-right:15px !important } #service dt em.more a{font-weight:normal;background:none; width:100%; height:20px;line-height:20px; margin:4px 0 0 0 !important; color:#c00;} #service dd{padding:0px 25px; text-align:left; } #service dd a{float:left;width:74px;display:inline;margin:3px 2px;background:url(images/icon-service.gif) no-repeat 0px 5px;padding-left:21px; } #service dd a.a01{background-position:0px 5px; } #service dd a.a02{background-position:0px -104px; } #service dd a.a03{background-position:2px -33px; } #service dd a.a04{background-position:-1px -137px; } #service dd a.a05{background-position:0px -66px; } #service dd a.a06{background-position:0px -176px; } #service dd span{text-align:center;display:block; } #service dd strong{color:#c00;} /* 新闻组 */ .tabInd{text-align:left; } .tabInd dt{height:35px;line-height:35px; background:url(images/page-tit01.jpg) no-repeat 0px 0px; } .tabInd dt a{width:90px;display:inline-block;height:35px;text-align:center; font-weight:bold; } .tabInd dt a.on{color:#fff;background:url(images/page-tit01-on.gif) no-repeat 0px 3px; } .tabInd dt em{ margin:0 0 0 20px;} .tabInd dd{padding:4px 18px 0 18px;border-left:1px solid #cecece; border-right:1px solid #cecece;border-bottom:none; } .tabInd dd ul{display:none; } li.focusNews{height:auto; overflow:hidden;padding-top:5px;padding-bottom:15px;background:url(images/page-tit01-recommBG.png) repeat-x 0px 77px; } li.focusNews .focusImg{float:left; width:75px;margin:3px 0 0 5px; } li.focusNews a img{width:65px;height:55px;border:1px solid #e3e3e3;padding:1px; } li.focusNews a:hover{background:none; } li.focusNews a:hover img{border:1px solid #ccc; } li.focusNews h4{float:right;width:350px;height:25px; } li.focusNews h4 a{font-weight:bold;color:#c00;} li.focusNews p{line-height:19px; float:right;width:350px; } dd.boxBot{ height:7px !important;line-height:0;font-size:0px; margin-top:-2px;background:url(images/page-tit01.jpg) no-repeat 0px bottom !important; border:none; } #newsGroup1{height:257px; } #newsGroup1 dd{height:200px; } #newsGroup2{height:265px; } #newsGroup1 .focusNews{height:65px } /* 营业网点 */ #branches{} #branches dt{background:url(images/page-tit02.jpg) no-repeat 0px 0px; } #branches dd{} /* 期货指数 */ #futureIM{} #futureIM dt{background:url(images/page-tit02.jpg) no-repeat 0px -56px;height:28px; } #futureIM dt em{margin:3px 0 0 10px;display:inline-block;text-align:center; } #futureIM dt em a{display:inline-block;width:63px;height:21px;line-height:21px; margin:0 5px; } #futureIM dt em a.on{background:url(images/page-tit02-on.gif) no-repeat 0px 0px;color:#fff; } #futureIM dd{text-align:center; border:1px solid #cecece;border-top:none;padding:0 5px 7px 5px; } #futureIM dd .ifa{display:none; } #futureIM dd .ifa-t{ overflow:hidden;clear:both;height:25px;line-height:25px; } #futureIM dd .ifa-t span{float:left;display:inline;width:68px;text-align:center; } /* ==========================底部========================== */ /* 友情链接 */ #linkBox{background:url(images/bg-link.jpg) no-repeat 0px 0px;height:55px; margin:8px 0 0 0;clear:both;overflow:hidden;; } #linkBox ul{margin:7px 0 0 110px;clear:both;overflow:hidden;} #linkBox ul li{float:left;display:inline;margin:0 2px;height:20px;line-height:20px; clear:none;} /**/ #footer{margin-top:8px;clear:both;overflow:hidden; background:url(images/bg-foot.jpg) repeat-x 0 bottom; width:auto; height:100px; } #footer .footIn{height:25px;line-height:25px; border-top:2px solid #E21C19; width:995px;text-align:center; margin:0px auto 20px; padding:10px 0; } #footer .footIn a{margin:0 4px; } #footer .cr{padding:10px 0px; font-family:tahoma;}