/* 全局样式 */ .clear{clear:both;font-size:0px;line-height:0px} .fle{float:left} .fri{float:right} .hide{display:none} .wd{width:100%} .fw{font-weight:bold} /* 广告条 开始 */ #banner01 { width:956px; padding:1px; margin: 0px auto;} #banner02{ width:956px; padding:1px; margin:6px auto 0 ;} #banner01 img{ width:956px; height:36px; }/* 首页第一条通栏广告条 */ #banner02 img{ width:955px; height:90px; }/* 首页第二条通栏广告条 */ #IssueList { margin:0px 0px; padding: 0; list-style: none; height: 36px; width:100%; overflow:hidden; color:#FFFFFF; } #IssueList li { font-size:13px; line-height: 20px; } /* 内容区 开始 */ /* 公用样式 */ .first{ font-weight:bold; word-break:break-all;overflow:auto;} .title{ height:27px;} .title_font{ float:left; color:#FFF; padding:6px 8px 2px 14px; font-weight:bold; font-size:14px;} .more{ float:right; padding:6px 6px 2px 8px;} .more a{ display:block; color:#333;} .title_right{ float:right; padding:6px 30px 4px;} .title_right a{ color:#333;} .title_right a:hover{ color:#000; text-decoration:underline;} .column_content,.column_main{ border:1px #8eb4ce solid; border-top-width:0px;} .column_img{ border:1px #b9b9b9 solid; padding:1px; background-color:#fff;} .column_img_div{ background-color:#e6e6e6;} .day{ color:#999;} .top{ height:10px; background-position:0 -230px;} .box1,.box3{ font-size:1px; float:left;} .box2,.box4{float:right; font-size:1px;} .con{ border-left:1px #ccc solid; border-right:1px #ccc solid; background-color:#fff;} .foot{ height:10px; background-position:0 -275px;} #row01,#row02,#row03,#row04{width:960px; margin:6px auto 0;} /* 行样式 */ /* 第一行 第一列 0101 */ #row01_01{ width:245px; margin-right:6px;} #row01_01 .title{ height:54px; background-position:-505px 0;} #row01_01 .more{ padding:6px 9px 0px 2px;} #row01_01 .more a{ color:#fff; text-decoration:none;} #row01_01 .more a:hover{ color:#fff; text-decoration:underline;} h5 { font-size:14px; font-weight:bold;margin:0; padding-top:40px; padding-left:32px; width:210px;} *html h5 { font-size:14px; font-weight:bold;margin:0; padding-top:20px; padding-left:32px; width:210px;} *+html h5 { font-size:14px; font-weight:bold;margin:0; padding-top:20px; padding-left:32px; width:210px;} h5 a { font-size:14px; font-weight:bold; color:#333;} h5 a:hover { color:#000;} #row01_01 .column_content{ width:224px; height:126px; border:1px #dbdbdb solid; padding:14px 10px 7px 10px !important; padding:14px 10px 5px 10px; margin-top:10px;} #row01_01 .column_content li a{ padding-left:12px;color:#00349A;width:200px; line-height:20px;background-position:-150px -154px; } #row01_01 .column_content li a:hover{ color:#FD6C0C;} #row01_01 .column_content li span{ color:#f60; line-height:20px;} #row01_01 .column_img{ margin-top:5px; width:185px; height:60px;} /* 第一行 第二列 0102 */ #row01_02{ margin-right:6px; border:1px #CCC solid; padding:1px; width:440px; height:209px;} /* 第一行 第三列 0103 */ #row01_03{ width:257px; margin-bottom:0 !important; margin-bottom:7px;} #row01_03_01 { border:1px #FFCCA3 solid; height:100%; background-image: url(../images01/index_shoptitle_bg.jpg); background-position: center top; background-repeat: no-repeat; } #row01_03_01 .header { height:27px; margin:0 8px; font-size:14px; font-weight:bold; border-bottom:1px #FFCCA3 solid;} #row01_03_01 .header .title_font { width:60px; float:left; color:#000; margin-left:26px !important; margin-left:14px; padding-top:8px;} #row01_03_01 .header .building a { color:#fff; width:55px; height:16px; float:right; background-image:url(../images01/building_bg.jpg); background-repeat: no-repeat; padding:4px 4px 0 5px; margin:5px 0 0 0; text-decoration:none;} #row01_03_01 .detail_box { height:100%;} #row01_03_01 .detail_box img { border:0; margin:0 0 0 4px;} *html #row01_03_01 .detail_box img { border:0; margin:6px 0 0 4px;} *+html #row01_03_01 .detail_box img { border:0; margin:6px 0 0 4px;} #row01_03_01 .detail_box .shop_box { margin:8px 8px 8px 0 !important; margin:8px 4px 8px 0; width:170px;font-size:12px;height:60px;overflow:hidden;} #row01_03_01 .detail_box .shop_box ul{list-style-type:none;margin:0;padding:0;margin-left:10px;} #row01_03_01 .detail_box .shop_box ul li { padding-left:8px; width:170px; line-height:19px; border-bottom:1px dashed #ADADAD; background-position:-153px -134px;float:left;} #ShopsList { margin-top:6px; padding: 0; list-style: none; height: 20px; width:160px; overflow:hidden; color:#FFFFFF; float:right; } #ShopsList li { font-size:13px; line-height: 20px; } #row01_03_02{ margin-top:6px;height:98px; border:1px #CCCCCC solid; background-image: url(../images01/index_mantitle_bg.jpg); background-position: center top; background-repeat: no-repeat;} #row01_03_02 li a { color:#00349A;} #row01_03_02 li a:hover { color:#FD6C0C;} #row01_03_02 .header { height:27px; margin:0 8px; font-size:14px; border-bottom:1px #D1D1D1 solid;} #row01_03_02 .header .title_font { width:60px; float:left; font-weight:bold; color:#000; margin-left:26px !important; margin-left:14px; padding-top:8px;} #row01_03_02 .header .shop_more a { width:55px; height:16px; margin-top:8px; float:right;} #row01_03_02 .box { width:253px; margin-left:2px; } #row01_03_02 .img { margin:6px 1px 6px 6px !important; margin:4px 1px 5px 4px; border:1px #b9b9b9 solid; padding:1px; float:left;} .tab_btn_right ,.tab_btn_active { display:block; width:70px; height:22px; text-align:center; padding-top:8px; border-right:1px #aeaeae solid; background-position:0 -150px;} .tab_line{ height:1px; background-color:#aeaeae;} .tab_btn_active{ border-right:1px #fff solid;} .tab_btn_bottom{ border-bottom:1px #aeaeae solid;} #row01_03_02_02{ padding:9px 10px 0px 0px;} #row01_03_02_02 li{ margin-top:4px; padding-left:10px; background-position:-150px -156px;} /* 第二行 第一列 产品目录 0201 */ #row02{_margin-top:-8px;}/* 兼容IE 6 */ #row02_01{ width:696px;} #row02_01 .title{ height:27px; background-position:0 -200px;} #row02_01 .title_font{ padding:8px 8px 2px 24px; font-size:14px; } #row02_01 .column_content{ height:660px; background-color:#F9F9F9; padding:10px; border-color:#DBDBDB;} #row02_01 .box1{ width:10px; height:10px; background-position:0 -300px;} #row02_01 .box2{ width:10px; height:10px; background-position:0 -320px;} #row02_01 .box3{ width:10px; height:10px; background-position:0 -340px;} #row02_01 .box4{ width:10px; height:10px; background-position:0 -360px;} #row02_01 .con{ height:640px; margin:0 auto;} #row02_01 .con .bg{ background-color:#fff; height:75px; padding-top:6px;} #row02_01 .con .bg2{ background-color:#F5F5F5; height:75px; padding-top:6px;} #row02_01 dl{ float:left; width:296px; padding:3px 15px 3px 25px; } #row02_01 dt{ padding-bottom:3px;} #row02_01 dt a{ font-size:14px; font-weight:bold; padding-bottom:10px; color:#003CC8;} #row02_01 dt a:hover{ color:#FD6C0C; text-decoration:underline;} #row02_01 dd{ line-height:20px; color:#ADADAD; height:60px;} #row02_01 dd a{ color:#003CC8; } #row02_01 dd a:hover{ color:#FD6C0C; } #row02_01 .r01{ height:20px;} #row02_01 .r02{ height:40px;} /* 第二行 第二列 栏目 0202 */ #row02_02{width:257px; margin-right:2px !important; margin-right:0; } /* 020201 020202*/ #row02_02_01 .title,#row02_02_02 .title{background-position:0 -40px;} #row02_02_01 .title_font,#row02_02_02 .title_font{ color:#fff; font-size:14px;} #row02_02_01 .more a,#row02_02_02 .more a{ height:13px; color:#333; float:right;} #row02_02_01 .column_content,#row02_02_02 .column_content{ border-color:#ffb64b; height:100%;} .first{ padding:10px 12px 0;} #row02_02_01 .first a,#row02_02_02 .first a{ font-size:14px; color:#FD6C0C; text-decoration:none;} #row02_02_01 .first a:hover,#row02_02_02 .first a:hover{ text-decoration:underline;} #row02_02_01 .column_content ul,#row02_02_02 .column_content ul{ padding:7px 5px; padding-bottom:1px;} #row02_02_01 .column_content li,#row02_02_02 .column_content li{line-height:20px;} #row02_02_01 .column_content li a,#row02_02_02 .column_content li a{ padding-left:10px; margin-left:5px; background-position:-126px -34px; color:#00349A; width:140px; float:left;} #row02_02_01 .column_content li a:hover,#row02_02_02 .column_content li a:hover{ color:#FD6C0C;} #row02_02_01 .column_content li a.btn_ry,#row02_02_02 .column_content li a.btn_ry{ background-position:-227px -444px; float:right; width:22px; height:17px; margin-left:3px;} .column_bottom{ background-position:0 -200px; padding:4px 9px 1px;* padding:5px 9px 0; margin-top:6px; height:16px; border-top:1px #ffb64b solid;} .column_bottom a{ color:#333;} .column_bottom a:hover{text-decoration:none;} #row02_02_02{ margin-top:6px;} /* 020203 */ #row02_02_03,#row02_02_03_2,#row02_02_03_3,#row02_02_03_4,#row02_02_03_5{ margin-top:5px; background-color:#f6f6f6; padding:6px; text-align:center;} #row02_02_03 div,#row02_02_03_2 div,#row02_02_03_3 div,#row02_02_03_4 div,#row02_02_03_5 div{ border:1px #dbdbdb solid; padding:1px; background-color:#fff;} #row02_02_03 img,#row02_02_03_2 img,#row02_02_03_3 img,#row02_02_03_4 img,#row02_02_03_5 img{ width:243px; height:62px; } /* 020204 */ #row02_02_04{ margin-top:10px;} #row02_02_04 .title{background-position:0 -80px;} #row02_02_04 .more{ padding:11px 9px 2px 2px;} #row02_02_04 .column_content{ height:179px; *height:177px; padding:15px 13px; _padding-bottom:0px;} #row02_02_04 .column_img_div { padding:2px; height:64px; width:109px;} #row02_02_04 .column_img_div img{border:1px #b9b9b9 solid; padding:1px; background-color:#fff; width:105px; height:60px;} #row02_02_04 .first{ padding:2px 0 2px 8px;} #row02_02_04 .first a{ line-height:22px; text-decoration:underline; font-size:14px; color:#0b6eb6;} #row02_02_04 .first a:hover{text-decoration:none;} #row02_02_04 .column_content ul{ padding:6px 2px;} #row02_02_04 .column_content li a{ color:#366486; line-height:18px; background-position:-300px 0; } #row02_02_04 .column_content li a:hover{ color:#f00; } /* 第三行 第一列 看资讯 030101 */ #row03_01{ width:697px; margin-right:6px;} #row03_01_01{ width:696px;} #row03_01_01 .title{ height:27px; background-position:0 -300px;} #row03_01_01 .title_font{ padding:7px 8px 2px 46px; font-size:14px; } #row03_01_01 .title_right{ padding:7px 30px 4px 4px;} #row03_01_01 .column_content{ padding-top:10px; margin-bottom:6px; height:100%;} .look_info{ width:223px; padding-left:12px; float:left;} .look_info_head{ height:8px; background-position:-473px -341px; font-size:1px;} .look_info_body{ padding:5px 4px 0px;} .look_info2{ width:424px; padding-right:16px;} .look_info2_head{ height:8px; font-size:1px;} .look_info2_body{ padding:4px 4px 0px;} #row03_01_01 .info_title{ border-bottom:1px #c6c6c6 solid; height:18px; width:223px; padding-bottom:4px;} #row03_01_01 .info_title .title_font{ color:#333; padding:4px 6px;} #row03_01_01 .info_title2{ height:24px; width:424px; background-position:0px -337px;} #row03_01_01 .info_title2 .title_font{ color:#333; padding:7px 0px 2px 20px; width:100px; font-size:12px; font-weight:bold;} #row03_01_01 .info_title2 .que { float:left; margin-left:150px;} #row03_01_01 .more{ padding-top:6px; padding-bottom:2px;} #row03_01_01 .more a{ width:60px; height:13px; } #row03_01_01 .more a:hover{ width:60px; height:13px; color:#000; } #row03_01_01 .flash { margin-top:5px; margin-left:4px;} h6 { font-size:14px; font-weight:bold; margin:0; padding-top:16px; padding-bottom:8px; padding-left:12px;} h6 a { font-size:14px; font-weight:bold; color:#FD6C0C;} h6 a:hover { color:#FD6C0C; text-decoration:underline;} #row03_01_01 .info_content{ padding:0px; width:424px;} #row03_01_01 .column_img_div{padding:3px; height:78px; width:78px;} #row03_01_01 .pic { border:3px #e6e6e6 solid; margin-top:10px; margin-left:5px;} #row03_01_01 .column_content ul{ margin-top:0px;} #row03_01_01 .column_content li{line-height:22px;} #row03_01_01 .column_content li a{ padding-left:12px; color:#00349A; float:left; background-position:-122px -32px; } #row03_01_01 .column_content li a:hover{ color:#FD6C0C} #row03_01_01 .column_content li span{ float:left; color:#7f7f7f; margin-left:4px;} .info_hot{ margin:10px 0;} .info_hot img{ width:74px; height:74px;} .info_hot_div { float:left; width:340px; padding:0px;} info_hot_div ul { padding:0px; margin:0;} .info_hot_div li a { color:#00349A; text-decoration:none;} .info_hot_div li a:hover { color:#FD6C0C; text-decoration:underline;} .info_hot_div .h a{ width:270px; float:left;} .info_hot_div .news_day { WIDTH: 50px; font-size:12px; color:#666; float:right;} .info_hot_text{ padding-left:10px;} .info_hot_text a:hover{ color:#ff6600; text-decoration:none;} .info_box { padding-right:16px;} .info_table { width:138px; margin:5px 0px 1px 3px; float:left;} .info_table img { width:134px; height:86px; border:2px #E6E6E6 solid;} .info_table .name { line-height:24px; text-align:center;} .info_table .name a { color:#00349A; text-decoration:underline;} .info_table .name a:hover { color:#FD6C0C; text-decoration:none;} /* 第三行 二行 展会信息 030102 */ #row03_01_02{ width:696px;} #row03_01_02 .title{height:27px; background-position:0 -260px;} #row03_01_02 .title_font{ padding:8px 8px 2px 40px; color:#fff; font-size:14px; font-weight:bold;} #row03_01_02 .title_right{ padding:7px 30px 4px 4px;} #row03_01_02 .title_right a{ color:#333;} #row04_01 .title_right a:hover{ color:#000;} #row03_01_02 .column_content{ height:250px; padding:0px;} .zh_info_first{ float:left; width:220px; margin-left:12px !important; margin-left:6px; margin-top:12px;} #row03_01_02 .info_content{ padding:0px; width:220px; margin-right:5px;} #row03_01_02 .info_hot{ margin-top:5px; margin-bottom:3px;} #row03_01_02 .info_hot img{ width:196px; height:122px;} #row03_01_02 .info_hot_text{ margin-bottom:3px; margin-left:2px; padding-left:0px; line-height:20px; color:#333;} #row03_01_02 .name{ margin-left:2px; padding-left:0px; line-height:20px;} .zh_info{ float:right;} .zh_info_head{ height:11px; background-position:0 -380px; font-size:1px;} .zh_info_body{ width:424px; padding:10px 16px 0px 0px;} .zh_info_foot{ height:11px; background-position:0 -400px; font-size:1px;} #row03_01_02 .info_title{ border-bottom:1px #c6c6c6 solid; background-position:-246px -2px; height:16px; width:424px;} #row03_01_02 .info_title .title_font{ color:#000; padding:0px 0px 2px 14px; font-size:12px; font-weight:bold;} .info_content2 .l a{ width:360px; height:20px; float:left;} .info_content2 .news_day { WIDTH: 50px; font-size:12px; color:#666; float:right;} #row03_01_02 .more{ padding:2px;} #row03_01_02 .more a{ width:60px; height:13px; } #row03_01_02 .more a:hover{ width:60px; height:13px; color:#000; } #row03_01_02 .info_content{ padding:0px 5px;} #row03_01_02 .column_content .zh_info ul{ margin-top:9px;} #row03_01_02 .column_content .zh_info li{ line-height:21px;} #row03_01_02 .column_content .zh_info li a{ color:#00349A; float:left;} #row03_01_02 .column_content .zh_info li a:hover{ color:#FD6C0C;} #row03_01_02 .column_content .zh_info li span{ float:left; color:#7F7F7F; margin-left:1px;} /* 第三行 二列一行 030201 */ #row03_02{width:257px;} #row03_02_01{width:257px;} #row03_02_01 .title{background-position:0 -80px;} #row03_02_01 .more{ padding:8px 9px 2px 4px;} #row03_02_01 .more a{ color:#333;} #row03_02_01 .more a:hover{ color:#000;} #row03_02_01 .column_content{ padding:4px 3px 0px 3px; border-right:1px #DBDBDB solid; border-bottom:1px #DBDBDB solid; border-left:1px #DBDBDB solid;} #row03_02_01 .info_hot{ margin-top:2px; margin-bottom:4px; margin-left:6px;} #row03_02_01 .info_hot img{ width:112px; height:149px;} #row03_02_01 .column_img{ border:3px #e8e8e8 solid; } #row03_02_01 .info_hot_text{ padding-left:6px; line-height:19px; color:#06c;} #row03_02_01 .info_hot_text span{ color:#000;} #book_list{ margin:0;} #row03_02_01 span { color:#888;} #row03_02_01 #book_list img{ width:52px; height:69px; border:2px #e8e8e8 solid; background-color:#fff; margin-top:2px; margin-left:2px;} #row03_02_01 .button { margin-left:3px; background-position:0 -627px; height:38px;} #row03_02_01 .button a{ margin-left:3px; display:block; width:235px; height:38px; text-indent:-999px;} #row03_02_01 .detail { margin-top:5px; margin-right:6px; margin-bottom:6px; margin-left:6px; padding:4px; color:#333; line-height:16px; background-color:#f6f6f6;} #row03_02_01 #book_list .book_list_first{ margin-left:2px;} /* 第三行 二列二行 030202 */ #row03_02_02{width:257px; margin-top:6px;} #row03_02_02 .title{background-position:0 -160px;} #row03_02_02 .more{ padding:8px 9px 2px 4px;} #row03_02_02 .more a{ color:#333;} #row03_02_02 .more a:hover{ color:#000;} #row03_02_02 .column_main{ padding:9px 3px 0px 3px; height:100%;} #row03_02_02 .column_main li{ line-height:21px;} #row03_02_02 .info_hot{ margin-top:2px; margin-bottom:4px; margin-left:6px;} #row03_02_02 .imgbox { float:left;} #row03_02_02 img { width:70px; height:93px; padding:3px; border:1px #CCCCCC solid; margin-left:6px; margin-top:3px; } #row03_02_02 .detail { width:156px; float:right; background-color:#FFF;} /* 第三行 二列三行 030203 */ #row03_02_03{width:257px; margin-top:6px;} #row03_02_03 .title{background-position:0 -230px;} #row03_02_03 .more{ padding:8px 9px 2px 4px;} #row03_02_03 .more a{ color:#333;} #row03_02_03 .more a:hover{ color:#000;} #row03_02_03 .column_main{ padding:3px; border-right:1px #DBDBDB solid; border-bottom:1px #DBDBDB solid; border-left:1px #DBDBDB solid;} #row03_02_03 .column_main li{ line-height:20px; padding-left:12px; background-position:-122px -32px;} #row03_02_03 .column_main li span { float:left;} #row03_02_03 .column_main li .date_b { float:right; color:#666;} #row03_02_03 .info_hot{ margin-top:2px; margin-bottom:4px; margin-left:6px;} #row03_02_03 .imgbox { float:left;} #row03_02_03 img { width:70px; height:93px; padding:3px; border:1px #CCCCCC solid; margin-left:9px; margin-bottom:6px;} /* 第四行 第二列 广告 040201 */ #row04_02_01{ border:1px #97b2c5 solid; padding:1px;} #row04_02_02{ border:1px #97b2c5 solid; padding:1px; margin-top:10px;} /* 第五行 友情链接 0501 */ #row05{ border-bottom:1px #8eb4ce solid; width:960px; height:10px; margin:10px auto 0; background-position: center bottom} #row05_01{ margin:12px 28px; line-height:1.7em; color:#1b6cd0;} #row05_01 a{color:#1b6cd0;} #row05_01 a:hover{color:#f00;} /* 第六行 友情链接 0601 */ #row06{ width:960px; margin:0 auto;} #row06_01{ margin:12px 28px; line-height:1.7em; color:#6d6d6d;} #row06_01 a{color:#6d6d6d;} #row06_01 a:hover{color:#f00;}