/* Template Name: The 2nd Template 4 CCIDIT Template URI: www.ccidit.com Description: The second template Version: 0.01 Author: SPP,Boris Author URI: boris@cce.com.cn */ body {font-family:"宋体",Arial, sans-serif; text-align:center;margin:0;padding:0;background: #fff;font-size:12px; color:#281B4C;} div, form, img, ul, ol, li, dl, dt, dd {margin: 0;padding: 0;border:0;} h1, h2, h3, h4, h5, h6 {margin:0; padding:0; font-size:12px; font-weight:normal;} table, td, tr, th {font-size:12px;} ul {list-style-type:none;} IMG {BORDER-TOP-WIDTH: 0px; BORDER-LEFT-WIDTH: 0px; BORDER-BOTTOM-WIDTH: 0px; BORDER-RIGHT-WIDTH: 0px} a:link {color: #281B4C; text-decoration: none;} a:visited {text-decoration: none; color: #281B4C;} a:hover {text-decoration: underline;color: #281B4C;} a:active {text-decoration: none; color: #281B4C;} .left{float:left;} .right{float:right;} .text_search{font-family: Arial, "宋体";font-size: 12px;color: #281B4C;padding-top: 2px;line-height: 150%;font-weight: bold;} .box_top {BORDER-RIGHT: medium none; BORDER-TOP: #006699 1px solid; PADDING-LEFT: 5px; FONT-SIZE: 12px; BORDER-LEFT: #006699 1px solid; WIDTH: 140px; COLOR: #555555; PADDING-TOP: 2px; BORDER-BOTTOM: #006699 1px solid; FONT-FAMILY: Arial, "新宋体"; HEIGHT: 15px} .logo {height: 69px;width: 201px;float: left;background-image: url(images/logo.gif);} /* 链接颜色 */ #menu {background-image: url(images/3menu_bg.gif); background-repeat: repeat-x; clear: both; height: 59px; width: 930px; margin-right: auto; margin-left: auto;} .menu_l {background-image: url(images/3menu_l.gif); background-repeat: no-repeat; background-position: left; float: left; width: 925px; height: 59px;} .menu_r {background-image: url(images/3menu_r.gif); background-repeat: no-repeat; background-position: right; float: right; width: 4px; height: 59px;} .menu_top {color: #FFFFFF; clear: both; text-align: center;} .menu_top a {} .menu_top a:link {color: #000000;} .menu_down {line-height: 27px; clear: both; height: 25px; padding-right: 15px; padding-left: 15px; font-size: 12px; color: #000000;} .qmclear {CLEAR: left; DISPLAY: block; FONT-SIZE: 1px; WIDTH: 0px; LINE-HEIGHT: 0px; HEIGHT: 0px} .qmmc {POSITION: relative} .qmmc A {DISPLAY: block; FLOAT: left; WHITE-SPACE: nowrap} .qmmc DIV A {FLOAT: none} .qmmc DIV {DISPLAY: none; POSITION: absolute; text-align: left;} #qm0 {PADDING-LEFT: 10px; border-top-width: 0px; border-right-width: 0px; border-bottom-width: 0px; border-left-width: 0px; margin-right: auto; margin-left: auto;} #qm0 A {PADDING-RIGHT: 16px; PADDING-LEFT: 6px; FONT-SIZE: 12px;font-weight:bolder; COLOR: #ffffff; BACKGROUND-COLOR: transparent; TEXT-DECORATION: none; margin-right: 2px; margin-left: 1px; background-image: url(images/31_14.gif); background-position: right; background-repeat: no-repeat; line-height: 31px;} #qm0 A:hover {COLOR: #FFFFFF; TEXT-DECORATION: underline} #qm0 .qmactive {BACKGROUND-IMAGE: url(images/3bullet_black_down.gif)! important; COLOR: #FFFFFF! important; TEXT-DECORATION: underline! important;} #qm0 .qmparent {BACKGROUND-POSITION: 92% 50%; BACKGROUND-IMAGE: url(images/3dddsa.gif); CURSOR: default; BACKGROUND-REPEAT: no-repeat} #qm0 DIV {MARGIN: 0px; border: 1px solid #999999; background-color: #FFFFFF; background-image: url(images/3menuu_bg.gif); padding-top: 7px; padding-right: 7px; padding-bottom: 7px; padding-left: 7px; background-repeat: repeat-x;} #qm0 DIV A {PADDING-RIGHT: 30px; PADDING-LEFT: 5px; FONT-SIZE: 12px; COLOR: #333333; margin: 0px; padding-top: 0px; padding-bottom: 0px; line-height: 20px; background-image: none;} #qm0 DIV A:hover {COLOR: #FFFFFF; TEXT-DECORATION: none; background-color: #301F5D;} #qm0 DIV DIV {margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px;} #qm0 DIV .qmactive {BACKGROUND-IMAGE: url(images/3bullet_black_right1.gif)! important; COLOR: #FFFFFF! important; TEXT-DECORATION: underline! important; background-color: #006666;} #qm0 DIV .qmparent {BACKGROUND-IMAGE: url(images/3bullet_black_right.gif)} .bg {background-image: url(images/3menu_bg.gif); background-repeat: repeat-x;} .bg2 {background-image: url(images/bg2.gif); background-repeat: repeat-y; border-right-width: 1px; border-bottom-width: 1px; border-left-width: 1px; border-right-style: solid; border-bottom-style: solid; border-left-style: solid; border-right-color: #94AFCA; border-bottom-color: #94AFCA; border-left-color: #94AFCA;} .font_12_9{color:#281B4C;font-size: 12px;text-decoration: none;font-family: "宋体";line-height: 22px;} a.font_12_9,a.font_12_9:visited{color:#281B4C;font-size: 12px;text-decoration: none;font-family: "宋体";line-height: 22px;} a.font_12_9:hover{color:#CC0000;font-size: 12px;text-decoration: none;font-family: "宋体";line-height: 22px;} .font_wihte_12 {font-family: "宋体"; font-size: 12px; color: #ffffff; text-decoration: blink;} .font_20 {font-size: 20px;font-weight: bold;} .font_white_00{color:#ffffff;font-size: 14px;text-decoration: none;font-family: "宋体";line-height: 21px;} /* 代理产品专区 */ .soList{width:100%;height:167px;overflow:hidden;background:transparent url(/images/bgSolution1.gif) no-repeat;} .soList h2{font-size:12px;padding:5px;} .soList h2 span{display:block;line-height:20px;height:20px;background:transparent url(/images/bgTitleSo1.gif) no-repeat;padding-left:10px;} .soList h3{font-size:12px;} .soList2 {MARGIN-TOP: 10px; OVERFLOW: hidden; WIDTH: 745px} .soList2 .soUlChild {WIDTH: 745px} .soList2 .soChild1 {PADDING-RIGHT: 10px; PADDING-LEFT: 7px; BACKGROUND: url(/images/bgSolution2.gif) no-repeat; FLOAT: left; PADDING-BOTTOM: 7px; WIDTH: 350px; MARGIN-RIGHT: 5px; PADDING-TOP: 7px; POSITION: relative; HEIGHT: 196px} .soList2 .soChild1 H3 {FONT-SIZE: 12px; MARGIN-BOTTOM: 10px;font-weight:bolder;} .soList2 .soChild1 A.more {RIGHT: 6px; BACKGROUND: url(/images/bgToolBar.gif) no-repeat; OVERFLOW: hidden; WIDTH: 129px; COLOR: white; LINE-HEIGHT: 18px; POSITION: absolute; TOP: 6px; HEIGHT: 18px; TEXT-ALIGN: center} .soList2 .soChild2 {OVERFLOW: hidden; WIDTH: 348px;margin-right: auto; margin-left: auto;} .soList2 .soChild2 UL {WIDTH: 360px;margin-right: auto; margin-left: auto;} .soList2 .soChild2 LI {margin-left: 2px;BACKGROUND: url(/images/bgSolution3.gif) no-repeat left bottom; FLOAT: left; MARGIN-BOTTOM: 5px; OVERFLOW: hidden; WIDTH: 166px; LINE-HEIGHT: 54px; MARGIN-RIGHT: 6px; HEIGHT: 54px; TEXT-ALIGN: center} .soList2 .soChild2 A {DISPLAY: block; WIDTH: 166px; HEIGHT: 54px;color:#FF3300;} .soList2 .soChild2 A:visited {DISPLAY: block; WIDTH: 166px; HEIGHT: 54px;color:#FF3300;} .soList2 .soChild3 {} .soList2 .soChild3 LI {margin-left: 5px;PADDING-RIGHT: 5px; PADDING-LEFT: 5px; BACKGROUND: url(/images/bgSolution3.gif) no-repeat; MARGIN-BOTTOM: 5px; PADDING-BOTTOM: 5px; OVERFLOW: hidden; PADDING-TOP: 5px; HEIGHT: 44px} .soList2 .soChild3 A.bFont {DISPLAY: block; LINE-HEIGHT: 16px; HEIGHT: 16px;font-weight:bolder;color:#FF3300;} .content {FLOAT: left; OVERFLOW: hidden; WIDTH: 745px; text-align:left;} .soluList {PADDING-RIGHT: 5px; PADDING-LEFT: 5px; BACKGROUND: url(/images/bgSilverY2.gif) #f7f7f7 no-repeat; PADDING-BOTTOM: 5px; OVERFLOW: hidden; WIDTH: 740px; PADDING-TOP: 5px; HEIGHT: 223px} .soluList H2 {color:gray;font-weight:bolder; PADDING-LEFT: 10px; FONT-SIZE: 12px; BACKGROUND: url(/images/bgIndexNewsT.gif) white no-repeat; LINE-HEIGHT: 20px; HEIGHT: 20px;} .soluList H2 SPAN {DISPLAY: block; BACKGROUND: url(/images/bgIndexNewsT.gif) white no-repeat right bottom; WIDTH: 100%} .soluList UL {PADDING-RIGHT: 10px; PADDING-LEFT: 10px; PADDING-BOTTOM: 10px; OVERFLOW: hidden; WIDTH: 700px; PADDING-TOP: 10px} .soluList LI {FLOAT: left; OVERFLOW: hidden; WIDTH: 340px; MARGIN-RIGHT: 10px; HEIGHT: 76px} .soluList LI IMG {FLOAT: left; WIDTH: 54px; HEIGHT: 54px} .soluList LI H3 {FONT-SIZE: 12px; FLOAT: right; WIDTH: 275px;} .soluList LI H3 A{color:#FF6600;font-weight:bolder;} .soluList LI H3 A:visited{color:#FF6600;font-weight:bolder;} .soluList LI P {FLOAT: right; WIDTH: 275px; LINE-HEIGHT: 18px} .soluList .more {CLEAR: both; BORDER-TOP: #d9d9d9 1px solid; MARGIN: 5px 10px 0px; WIDTH: 685px; LINE-HEIGHT: 20px; PADDING-TOP: 5px; HEIGHT: 20px; TEXT-ALIGN: right} .soluList .more A {BACKGROUND: url(/images/iconRight3.gif) no-repeat 15px 2px; FLOAT: right; WIDTH: 80px} .soluType { MARGIN-TOP: 10px; BACKGROUND: url(/images/bgSolution4.gif) #dcdcdc no-repeat left bottom; WIDTH: 100% } .soluType .title { BACKGROUND: url(/images/bgSolution6.gif) no-repeat left top } .soluType .title H2 {color:gray;font-weight:bolder; FONT-SIZE: 12px; TEXT-INDENT: 15px; LINE-HEIGHT: 30px; HEIGHT: 30px} .soluType .listData { PADDING-RIGHT: 5px; PADDING-LEFT: 5px; PADDING-BOTTOM: 5px; OVERFLOW: hidden; WIDTH: 705px; PADDING-TOP: 0px } .soluType .listData .area1 {BACKGROUND: url(/images/bgWhiteY2.gif) no-repeat left bottom; FLOAT: left; WIDTH: 180px; HEIGHT: 245px;MARGIN-LEFT: 5px;} .soluType .listData .area2 { FLOAT: left; OVERFLOW: hidden; WIDTH: 520px } .soluType .listData .area2 UL {WIDTH: 560px} .soluType .listData .area2 LI { BACKGROUND: url(/images/bgWhiteY.gif) no-repeat; FLOAT: left; MARGIN-BOTTOM: 5px; WIDTH: 257px; MARGIN-LEFT:10px;MARGIN-RIGHT: 6px; HEIGHT: 120px } .soluType .listData .area1 H3 { FONT-SIZE: 12px; BACKGROUND: url(/images/bgWhiteY2.gif) no-repeat left top; TEXT-INDENT: 10px; LINE-HEIGHT: 20px; PADDING-TOP: 10px; HEIGHT: 20px } .soluType .listData .area1 UL { PADDING-RIGHT: 10px; PADDING-LEFT: 10px; PADDING-BOTTOM: 5px; PADDING-TOP: 3px } .soluType .listData .area1 LI { BACKGROUND: url(/images/iconOrange.gif) no-repeat 0px 9px; TEXT-INDENT: 8px; LINE-HEIGHT: 22px; HEIGHT: 23px } .soluType .listData .area2 LI H3 { FONT-SIZE: 12px; TEXT-INDENT: 10px; LINE-HEIGHT: 20px; PADDING-TOP: 10px; HEIGHT: 20px } .soluType .listData .area2 LI UL { PADDING-RIGHT: 10px; PADDING-LEFT: 10px; PADDING-BOTTOM: 5px; WIDTH: auto; PADDING-TOP: 5px } .soluType .listData .area2 LI UL LI { BACKGROUND: url(/images/iconOrange.gif) no-repeat 0px 9px; FLOAT: none; MARGIN: auto; OVERFLOW: hidden; WIDTH: auto; TEXT-INDENT: 8px; LINE-HEIGHT: 18px; HEIGHT: 18px } .soluType .listData .area2 UL LI H3 A{color:#FF6600; font-weight:bolder;} .soluType .listData .area2 LI UL LI A{color:#FF6600;} .soluType .listData .area1 LI A{color:#FF6600;} .soluType .listData .area1 H3 A{color:#FF6600;font-weight:bolder;} .hotProductList { BACKGROUND: url(/images/bgSilverY.gif) #f0f0f0 no-repeat right top } .hotProductList H2 { PADDING-LEFT: 15px; FONT-SIZE: 12px; BACKGROUND: url(/images/bgTitleWhite.gif) white no-repeat; LINE-HEIGHT: 20px; HEIGHT: 20px } .hotProductList H2 SPAN {font-weight:bolder; DISPLAY: block; BACKGROUND: url(/images/bgTitleWhite.gif) white no-repeat right bottom; WIDTH: 100%; COLOR: #666 } .hotProductList .box { PADDING-RIGHT: 5px; PADDING-LEFT: 5px; BACKGROUND: url(/images/bgSilverY.gif) no-repeat left bottom; PADDING-BOTTOM: 5px; PADDING-TOP: 5px } .hotProductList .items { PADDING-RIGHT: 0px; PADDING-LEFT: 0px; PADDING-BOTTOM: 20px; OVERFLOW: hidden; WIDTH: 100%; PADDING-TOP: 20px } .hotProductList .itemList { BORDER-RIGHT: #ddd 1px solid; FLOAT: left; WIDTH: 229px; MARGIN-RIGHT: 5px } .hotProductList .last { BORDER-RIGHT-WIDTH: 0px } .hotProductList .items H3 { FONT-SIZE: 12px; MARGIN-LEFT: 20px; LINE-HEIGHT: 26px; HEIGHT: 27px } .hotProductList .items H3 A{font-weight:bolder; color:#FF6600;} .hotProductList .items UL { PADDING-LEFT: 20px } .hotProductList .items LI { BACKGROUND: url(/images/iconOrange.gif) no-repeat 2px 6px; TEXT-INDENT: 14px; LINE-HEIGHT: 18px; HEIGHT: 18px } .hotProductList .items LI A{color:#FF6600;} .productType { MARGIN-TOP: 10px; BACKGROUND: url(/images/bgSolution4.gif) #dcdcdc no-repeat left bottom; WIDTH: 100% } .productType .title { BACKGROUND: url(/images/bgSolution6.gif) no-repeat left top; OVERFLOW: hidden; WIDTH: 100% } .productType .title H2 { MARGIN-TOP: 2px; DISPLAY: inline; FONT-SIZE: 12px; FLOAT: left; MARGIN-LEFT: 15px; LINE-HEIGHT: 24px; FONT-WEIGHT:bolder; } .productType .title A { MARGIN-TOP: 5px; DISPLAY: inline; BACKGROUND: url(/images/bgToolBar.gif) no-repeat; FLOAT: right; WIDTH: 129px; TEXT-INDENT: 35px; LINE-HEIGHT: 20px; MARGIN-RIGHT: 4px; HEIGHT: 18px } .productType .list { PADDING-RIGHT: 5px; PADDING-LEFT: 5px; PADDING-BOTTOM: 5px; OVERFLOW: hidden; WIDTH: 705px; PADDING-TOP: 3px } .productType .list UL.pUl { WIDTH: 740px } .productType .list .item {FLOAT: left; WIDTH: 231px; MARGIN-RIGHT: 5px;MARGIN-LEFT: 5px} .productType .list H3 { } .productType .list H3 A { DISPLAY: block; WIDTH: 231px; HEIGHT: 113px } .productType .list H3 IMG { WIDTH: 231px; HEIGHT: 113px } .productType .list .item UL { PADDING-RIGHT: 10px; PADDING-LEFT: 10px; BACKGROUND: url(/images/bgProType4.gif) no-repeat left bottom; PADDING-BOTTOM: 10px; OVERFLOW: hidden; PADDING-TOP: 10px; HEIGHT: 390px } .productType .list .item LI { MARGIN-BOTTOM: 5px } .productType .list .item H4 { FONT-SIZE: 12px; LINE-HEIGHT: 24px; HEIGHT: 24px;color:#FF6600;font-weight:bolder;} .productType .list .item H4 A{color:#FF6600;font-weight:bolder;} .productType .list .item P { COLOR: gray }