@charset "gb2312"; /* StyleFor: mainone babao layout1 Create: 2009-8-19 Author: mainone ue */ html, body, div, p, a, ol, ul, li, dl, dt, dd, h1, h2, h3, h4, img, input, select, object, embed, span, form, marquee { margin:0; padding:0; text-indent:0; } body, select { font-size:12px; font-family:"ËÎów", arial, georgia, san-serif; color:#666; line-height:18px; } html {} body {background: url(//img.b2b.cn/template/008500/images/body-bg.gif) repeat-x;} /*replace_body*/ body{background:#98c117} h3 { font-size:12px; color:#FFFFFF; } /*replace_h3*/ h3{font-family:;color:;font-weight:normal} ol, ul, li, dl, dt, dd { list-style:none; } input, select, img { vertical-align:middle; } img { border:none; } .zh-en { font-family:helvetica, tahoma, arial, san-serif; } .more { float:right; padding-right:14px;color:#FFFFFF;} .more a{color:#FFFFFF;} .more a:link { color:#fff; } .more a:hover{ color:#FFFFFF;} a{ color:#666; text-decoration:none; } a:link { color:#666; } a:hover { color:#375c7c; text-decoration:underline; } a.submit, a.submit2,a.mcenter, a.reset, a.result, .corposition a { background-image: url(//img.b2b.cn/template/008500/images/anniu.gif); background-position:0 0; background-repeat:no-repeat; width:80px; height:20px; line-height:20px; color: #fff; text-align:center; display:inline-block; *display:inline;zoom:1; } .submit:hover,.submit2:hover, .mcenter:hover, .reset:hover, .result:hover, .corposition a:hover { background-image:url(//img.b2b.cn/template/008500/images/anniu_hover.gif); color: #fff; } .logobar, .wrap, .footlink, .copyright{width:950px;margin:0 auto;overflow:hidden;} .bannerbar, .nav{width:950px;margin:0 auto;overflow:hidden;} .newModule, .linkText, .linkImg, .loginBar, .loginBlock, .corpShow, .corpIntro, .defineList, .textList, .complexList, .contact, .searchBlock, .invest, .effect, .olist, .footlink,.quickLink { margin-top:10px; }/*the gap of the block*/ .nav li, .submit, .contact .th, .contact .td, .autoscroll li { display:inline-block; *display:inline;zoom:1; }/*these all display inline-block*/ /*wrap layout */ .wrap { width:950px; margin:0 auto; overflow:hidden; } .leftwrap { float:left; width:230px; } .rightwrap { float:right; width:710px; overflow:hidden; } .title { padding-left:10px; background-repeat:no-repeat; background-position:0 0; } .leftwrap .title { width:210px; padding-left:20px;height:22px;padding-top:8px; background-image: url(//img.b2b.cn/template/008500/images/left_title.gif); overflow:hidden; } .rightwrap .title { background-image:url(//img.b2b.cn/template/008500/images/right_title.gif); height:22px; padding-left:20px; padding-top:8px; } .cont { word-wrap:break-word; background-position:left bottom; background-repeat:no-repeat; } .leftwrap .cont { background-image: url(//img.b2b.cn/template/008500/images/left_cont_middle.gif); padding:10px; background-position:0 0; background-repeat:repeat-y; width:210px; } .rightwrap .cont{ padding:10px; background-image:url(//img.b2b.cn/template/008500/images/right_cont_middle.gif); background-repeat:repeat-y; } .rightL {display:inline-block;vertical-align:top;width:430px;*display:inline;*zoom:1;} .rightR{display:inline-block;vertical-align:top;width:270px;*display:inline;*zoom:1;*margin-left:8px;} .loginBlock,.corpShow,.leftwrap .textList,invest,.productSort ,.invest{ margin-top:10px; background-image:url(//img.b2b.cn/template/008500/images/left_cont_bottom.gif); background-position:left bottom; background-repeat:no-repeat; padding-bottom:5px; } .rightwrap .shopWindow,.rightwrap .textList,.rightwrap .contact,.rightwrap .effect, .rightwrap .newModule{ margin-top:10px; background-image:url(//img.b2b.cn/template/008500/images/right_cont_bottom.gif); background-position:left bottom; background-repeat:no-repeat; padding-bottom:5px; } .logobar { margin:0 auto; width: 950px;background:url(//img.b2b.cn/template/008500/images/qlogin-bg.gif); height:123px;} /*qlogin*/ .qlogin {padding-right:10px; text-align:right; padding-top:5px;} .qlogin a, .qlogin a:link, .qlogin a:visited{color:#344151;} /*replace_qlogin_link*/ .qlogin a, .qlogin a:link, .qlogin a:visited{} .qlogin a:hover{color:#6ea0b8;} /*replace_qlogin_hover*/ .qlogin a:hover{} /*logo*/ .logo { background:url(//img.b2b.cn/template/008500/images/bg_logo.jpg) no-repeat; text-align:left; position: absolute; padding-left:20px; margin-top:-4px;} .logo img { height:60px; } /*nav*/ .nav { width:950px; text-align:center;background:url(//img.b2b.cn/template/008500/images/nav.gif ) repeat-x;line-height:37px; margin-top:-35px} .nav ul { } .nav li { display:inline-block; margin-right:6px;vertical-align:top; padding-right:6px; *display:inline;zoom:1; background-repeat: no-repeat; background-position: right;font-weight:bold;} .nav li.last { margin-right:0; padding-right:0; background:none; } .nav ul { padding-left:18px;overflow:hidden; } .nav li.current { background: url(//img.b2b.cn/template/008500/images/nav_hover.gif) no-repeat center; height:37px; width:100px; } .nav a{color:#fff;padding:0px 10px;} /*replace_nav_link*/ .nav a{} .nav a:hover{ color: #fff;} /*replace_nav_hover*/ .nav a:hover{} .nav li.current a{font-size:12px; font-weight:bold; color:#015b88;} /*replace_nav_current*/ .nav li.current a{} .nav .current a:hover{font-size:12px; font-weight:bold; color:#015b88;} /*replace_nav_hover*/ .nav .current a:hover{} /*bannerbar*/ .bannerbar { position:relative; margin:0 auto;} /*banner*/ .banner { padding-top:8px;} .banner img{ width:950px; height:242px; } /*companyName*/ .companyName { position: absolute; top:100px; left:120px; font-size:24px; font-family:"ºÚów"; color:#fff; line-height:50px; width: 488px;z-index:10; } /*replace_companyname*/ .companyName{font-family:宋体;font-size:22px;color:#FFFFFF;font-weight:bold} /*loginBar*/ .loginBar { height:35px; line-height:35px; _height:30px; _padding-top:5px; padding-left:20px; background:url(//img.b2b.cn/template/008500/images/bg_nav.jpg) repeat-x; overflow:hidden; border-bottom:1px solid #CEA895; } .loginBar span { padding-right:10px; } .loginBar span.last { padding-right:0; } .loginBar .title { background:none; font-weight:bold; color:#fff; border:none; padding-right:16px; padding-left:0; } #logText, #logPsd { } .loginBar .username { padding:0 8px; font-weight:700; } .loginBar .member { margin-right:8px; } /*loginBlock*/ .loginBlock .title { } .loginBlock .cont { text-align:center; line-height:22px; } .loginBlock form{ text-align:center;} .loginBlock input { border:1px solid #ccc; height:18px; line-height:18px; margin-bottom:5px; width:130px; padding:2px; background-color:#eeeee; color:#666; } .loginBlock ul{ } .loginBlock li { } .loginBlock li.last { display:block; text-align:center; line-height:20px; padding-top:5px; } .loginBlock a.submit { } .loginBlock a.submit:hover { } .loginBlock .register { } .loginBlock .lost { } .loginBlock .username { color:#333; font-weight:bold; } .loginBlock a.mcenter { } .loginBlock a.mcenter:hover { } .loginBloc .logout { } /*newModule*/ .leftwrap .newModule {margin-top:10px; background-image:url(//img.b2b.cn/template/008500/images/left_cont_bottom.gif); background-position:left bottom; background-repeat:no-repeat; padding-bottom:5px;} .leftwrap .newModule .title {width:210px; padding-left:20px;height:22px;padding-top:8px; background-image: url(//img.b2b.cn/template/008500/images/left_title.gif); overflow:hidden;} .leftwrap .newModule .cont{ background-image: url(//img.b2b.cn/template/008500/images/left_cont_middle.gif); padding:10px; background-position:0 0; background-repeat:repeat-y; width:210px;} .rightL .newModule {background:url(//img.b2b.cn/template/008500/images/corpIntro-bottom.gif) bottom; margin-top:10px; padding-bottom:8px; width:430px;} .rightL .newModule .title{background:url(//img.b2b.cn/template/008500/images/corpIntro-top.gif); height:22px; padding-top:8px;} .rightL .newModule .cont{ ext-indent: 2em; background:url(//img.b2b.cn/template/008500/images/corpIntro-middle.gif) repeat-y;} .rightR .newModule {background:url(//img.b2b.cn/template/008500/images/textList-bottom.gif) no-repeat bottom; padding-bottom:5px;} .rightR .newModule .title{background:url(//img.b2b.cn/template/008500/images/textList-top.gif) no-repeat; height:22px; padding-top:8px;} .rightR .newModule .cont{ background:url(//img.b2b.cn/template/008500/images/textList-middle.gif) repeat-y;width:250px;} /*invest*/ .invest { } .invest li.last { text-align:center; margin-top:5px; } /*corpShow*/ .corpShow .cont { text-align:center; } .corpShow .intro { display:block; padding-top:6px; font-weight:bold; } .corpShow img { width:210px; height:210px; padding:1px; border:1px solid #F2F2F2; } .swfcon{ width:210px; height:210px;} .invest li input{ margin-right:2px;} /*corpIntro*/ .corpIntro{ background:url(//img.b2b.cn/template/008500/images/corpIntro-bottom.gif) bottom; margin-top:10px; padding-bottom:8px; width:430px;} .corpIntro .title{ background:url(//img.b2b.cn/template/008500/images/corpIntro-top.gif); height:22px; padding-top:8px;} .corpIntro .title h3{ } .corpIntro .cont { text-indent: 2em; background:url(//img.b2b.cn/template/008500/images/corpIntro-middle.gif) repeat-y;} .corpIntro .link a{ margin-left:12px; color:#ff8400; } /*shopWindow*/ .shopWindow { margin-top:10px; } .shopWindow .cont{ } .shopWindow ul {} .shopWindow li { width:170px; text-align:center; padding-bottom:8px; display:inline-block; *display:inline;zoom:1; vertical-align:top; } .shopWindow li img { width:130px; height:130px; border:1px solid #cccccc; padding:2px; margin-bottom:5px; } .shopWindow li span { display:block; margin:0 auto; width:124px; } .shopWindow .date { color:#666; } .shopWindow img.titleico { width:30px; height:14px; border:none; border:none; background:none; padding:0; margin:0; } /*defineList*/ .defineList .date, .defineList .price { float:right; } .q { color:red; } .g { color:green; } /*textList*/ .rightR .textList { background:url(//img.b2b.cn/template/008500/images/textList-bottom.gif) no-repeat bottom; padding-bottom:5px;} .rightR .textList .title { background:url(//img.b2b.cn/template/008500/images/textList-top.gif) no-repeat; height:22px; padding-top:8px; } .rightR .textList .cont { background:url(//img.b2b.cn/template/008500/images/textList-middle.gif) repeat-y;width:250px; } .textList ul { } .textList li { margin-bottom:10px; padding-left:5px; vertical-align:middle; border-bottom:1px dashed #ccc; } .rightwrap .textList li{ margin-top:10px;} .textList .date, .textList .price { float:right; } .rightL .textList { background:url(//img.b2b.cn/template/008500/images/corpIntro-bottom.gif) no-repeat bottom; padding-bottom:5px;} .rightL .textList .title { background:url(//img.b2b.cn/template/008500/images/corpIntro-top.gif) no-repeat; height:20px; padding-top:10px; } .rightL .textList .cont { background:url(//img.b2b.cn/template/008500/images/corpIntro-middle.gif) repeat-y; } /*contact*/ .contact {} .contact .title{} .contact .title h3{ } .contact .th { width:65px; } .contact .twrap { vertical-align:top; } .contact .td { width:400px; }/*there should be a parameter for width, otherwise it'll be wraped when it's content is too much.*/ .contact .msn { display:block; } .contact .last a{display: block;} /*effect*/ .effect{} .effect .cont{ } /*searchbar*/ .searchbar { background-image:url(//img.b2b.cn/template/008500/images/search_bg.gif); background-position:0 0; background-repeat:no-repeat; height:48px; line-height:48px; vertical-align:middle; padding-left:60px; _padding-top:10px; _height:38px; _line_height:33px; width: 650px; margin:10px auto 0; color:#000; font-weight:bold;} .searchbar label { margin-right:10px; } .searchbar input, .searchbar select { width:300px; height:20px; border:1px solid #ccc; line-height:20px; color:#000; margin-right:10px; } /*product sort*/ /*you must notice the