/* 未能缩小。正在返回未缩小的内容。 (288,44): run-time error CSS1036: Expected expression, found ';' (289,46): run-time error CSS1036: Expected expression, found ';' (748,1): run-time error CSS1019: Unexpected token, found '@charset' (748,10): run-time error CSS1019: Unexpected token, found '"utf-8"' (748,17): run-time error CSS1019: Unexpected token, found ';' (985,1): run-time error CSS1019: Unexpected token, found '@charset' (985,10): run-time error CSS1019: Unexpected token, found '"utf-8"' (985,17): run-time error CSS1019: Unexpected token, found ';' */ @charset "utf-8"; /* CSS Document */ .inbox { margin: 0px auto; width: 980px; overflow: hidden; clear: both; } .focus { margin: 0px; } .focus li { position: relative; } .focus .des { padding: 190px 0px 0px 580px; color: rgb(255, 255, 255); line-height: 1.5; font-size: 18px; text-shadow: 0px 1px 2px rgba(51,51,51,0.5); } .banner-more { display: block; } .focus p { width: 500px; padding-bottom: 12px; } .focus em { color: rgb(255, 218, 11); } .focus1 .banner-more { width: 210px; height: 42px; margin-top: 36px; } .focus2 .banner-more { width: 210px; height: 42px; margin-top: 36px; } .focus3 .banner-more { width: 210px; height: 42px; margin-top: 36px; } .focus { } .focuscon { width: 100%; min-width:1184px; height: 500px; } .focus ul { width: 100%; height: 500px; } .focus li { width: 100%; height: 500px; } .focus .in { width: 100%; height: 500px; } .focuscon { position: relative; z-index: 100; } .focus .inner { overflow: hidden; position: relative; z-index: 110; } .focus ul { } .focus li { left: 0px; top: 0px; display: none; position: absolute; z-index: 120; } .focus li .des { } .focus li img { margin: 0px auto; display: block; } .focus .p_n { border-radius: 5px; top: 50%; width: 56px; height: 56px; text-align: center; color: rgb(255, 255, 255); line-height: 56px; font-family: "simsun"; font-size: 40px; font-weight: bold; margin-top: -30px; position: absolute; z-index: 130; opacity: 0.2; background-color: rgb(0, 0, 0); } .focus .p_n:hover { opacity: 0.6; } .focus .prev { left: 30px; } .focus .next { right: 30px; } .focusnum { padding: 12px 0px; left: 0px; width: 100%; text-align: center; bottom: 0px; font-size: 0px; position: absolute; z-index: 999; } :root .focusnum { filter: none; } .focusnum span { background: rgb(255, 255, 255); border-radius: 16px; width: 16px; height: 16px; line-height: 0; font-size: 0px; margin-right: 12px; display: inline-block; cursor: pointer; } .focusnum .on { background-color: #0383cc; } .focustit { left: 0px; bottom: 0px; padding-bottom: 10px; padding-left: 12px; display: none; position: absolute; z-index: 999; } .focustit a { color: rgb(255, 255, 255); font-size: 14px; text-decoration: none; } .focustit a:hover { color: rgb(255, 0, 0); } .focus a:hover { text-decoration: none; } .qcode { overflow: visible; position: relative; z-index: 9999; } .qcodeimg { top: -200px; width: 130px; right: 0px; position: absolute; box-shadow: 0px 0px 8px 3px rgba(0,0,0,0.1); } .lr-tool-rb { color: rgb(255, 255, 255); font-size: 12px; } .lr-tool-rb a { color: rgb(255, 255, 255); font-size: 12px; } .lr-tool-rb { right: 20px; bottom: 20px; position: fixed; } .lr-tool-rb a { background: rgb(0, 0, 0); width: 52px; height: 52px; text-align: center; line-height: 1.1; text-decoration: none; margin-bottom: 1px; display: block; cursor: pointer; opacity: 0.4; } .lr-tool-rb a:hover { opacity: 0.6; } .lr-tool-rb .lricon { width: 24px; height: 26px; margin-top: 6px; display: inline-block; background-image: url("/Content/images/lr-tool-rb.png"); background-repeat: no-repeat; } .lr-gotop .lricon { background-position: -6px -4px; margin-top: 12px; } .lr-qrcode .lricon { background-position: -3px -108px; } .lr-book .lricon { background-position: -3px -40px; } .lr-pop { border: 1px solid rgb(221, 221, 221); border-image: none; left: -210px; bottom: -1px; display: none; position: absolute; z-index: 9999; } .lr-qcimg { background: rgb(255, 255, 255); } .lr-qcimg img { width: 180px; height: 180px; } .lr-pop .lr-close { background: rgb(251, 36, 5); padding: 8px 3px; border-radius: 4px 0px 0px 4px; left: -24px; width: 18px; text-align: center; bottom: 0px; color: rgb(255, 255, 255); font-size: 14px; position: absolute; cursor: pointer; opacity: 0.8; } .lr-pop .lr-close:hover { opacity: 1; } /*内页排版*/ .sub_banner { height: 300px; width: 100%;background:url(/Content/images/sub_banner.jpg) no-repeat center; } .wrap-bg {min-width:1184px; padding-top: 25px; background: #f1f1f1; padding-bottom: 23px; } .container { width: 1184px; margin: 0px auto; } .frams, .menu li .icn_add, .menu li .icn_jian { background: #fff; } .menu li .menu_first { font-size: 18px; } .siders { width: 239px; float: left; } .menu { background: #fff; } .menu li { font-size: 14px; } .menu li.current .sub-sub-menu { display: block; } .menu li.current .menu_first { color: #fff; background: #0383cc; } .menu li.current .icn_add, .menu li.current .icn_jian { color: #0383cc; } .menu li .menu_first { display: block; padding-left: 37px; height: 69px; line-height: 69px; padding-top: 0; border-bottom: #eaeaea solid 1px; } .menu li .icn_add, .menu li .icn_jian { position: absolute; right: 34px; top: 31px; display: inline-block; width: 9px; height: 9px; line-height: 9px; line-height: 7px; font-size: 9px; } .menu li .icn_jian { background: #888; color: #fff; } .menu li .sub-sub-menu { display: none; border-bottom: #eaeaea solid 1px; padding: 9px 0 18px; } .menu li .sub-sub-menu dd { padding-left: 27px; height: 44px; line-height: 44px; position: relative; } .menu li .sub-sub-menu dd.current a, .menu li .sub-sub-menu dd:hover a { color: #0383cc; } .menu li .sub-sub-menu dd.current .right-j, .menu li .sub-sub-menu dd:hover .right-j { color: #0383cc; } .menu li .sub-sub-menu dd .right-j { position: absolute; right: 15px; font-family: SimSun; font-size: 11px; font-style:normal; } .demo_contact { height: 147px; background: #e0e0e0; padding-left: 28px; } .demo_contact .p1 { font-size: 12px; color: #999; padding-top: 20px; } .demo_contact .p2 { font-size: 12px; font-family: Arial; color: #8e9eac; } .demo_contact .p3 { font-size: 29px; color: #1f3871; font-family: Arial; padding-top: 10px; } .demo_contact .p4 { font-size: 12px; color: #9eacb8; } .demo_contact .p3 span { font-size: 18px; color: #1f3871; font-family: Arial; } .demo_contact .p4 span { font-size: 16px; color: #1f3871; font-family: Arial; } .frams { float: right; width: 923px; } .border { border: #eaeaea solid 1px; } .fram-title { border-bottom: #eaeaea solid 1px; padding: 25px 0; position: relative; } .fram-title span { display: inline-block; border-left: #0383cc solid 5px; margin-left: -1px; height: 20px; line-height: 20px; font-size: 18px; font-weight: bold; padding-left: 28px; } .fram-title .sub-menu { position: absolute; right: 31px; top: 26px; } .fram-title .sub-menu a { color: #c8c8c8; } .fram-title .sub-menu font { color: #888888; } .fram-title .sub-menu em { font-family: SimSun; padding: 0 8px; color: #c8c8c8; font-style:normal; } .frams-content { padding: 39px 33px 50px 31px; min-height: 300px; font-size: 14px; } .sub_content { padding: 20px 10px 20px; min-height: 300px; font-size: 14px; } .prosub_content { margin: 10px 0; } .sub_info { line-height: 25px; } .sub_info p { margin-bottom: 10px; } .sub_info img { line-height: 0px; } .sub_news { } .sub_network { } .sub_download { } .sub_hr { } .sub_service { } .sub_honor { } .sub_product { } /*内页排版*/ .heading-h1 { position: relative; clear: both; min-height: 64px !important; _height: 64px !important; margin-bottom: 1.49em; background: url(/Content/images/heading_bg_01.gif) left bottom repeat-x; border-top: 3px solid #ffffff; border-bottom: 1px solid #e5e5e5; line-height: 1.1 !important; } .heading-h1 h1 { margin-top: 32px !important; margin-bottom: 0.4em !important; font-size: 166% !important; } .heading-h1 p.sub-title { position: absolute; top: 0.3em; line-height: 1.4 !important; font-size: 83% !important; padding-top: 5px; } .heading-A01 { padding: 0.4em 10px 0.5em 5px; background: url(/Content/images/heading_lvl02A01_bg_01.gif) left bottom repeat-x; clear: both; margin-bottom: 1.49em; /*18px*/ font-weight: bold; } .fb { font-weight: bold; } div.family-indexA01 { margin: 1.5em 0; padding: 1px 0 0; background: url(/Content/images/common_dotline_bg_01.gif) left bottom repeat-x; } div.family-indexA01 div.family-index-unit { position: relative; padding: 15px 0; background: url(/Content/images/common_dotline_bg_01.gif) left top repeat-x; } div.family-indexA01 div.family-index-unit:after { content: "."; display: block; clear: both; visibility: hidden; height: 0; } div.family-indexA01 div.family-index-unit a .image img { float: left; overflow: hidden; cursor: pointer; } div.family-indexA01 div.family-index-unit.square-img a .image img { margin-right: 15px; _margin-right: 12px; } div.family-indexA01 div.family-index-unit a .title { overflow: hidden; font-weight: normal; } div.family-indexA01 div.family-index-unit a .bold-title { display: block; overflow: hidden; line-height: 1.5; font-weight: bold; font-size: 133%; } div.family-indexA01 div.family-index-unit p { overflow: hidden; margin-top: 0.5em; _zoom: 1; height: 40px; line-height: 20px; } div.family-indexA01 div.family-index-unit.square-img p { width: 677px; } ul, li { padding: 0px; margin: 0px; list-style: none; } .input_button { margin-right: 20px; width: auto; height: 27px; line-height: 27px; border: none; color: white; padding: 0 10px; cursor: pointer; font-weight: bold; background: url(../images/bg_2.png) repeat-x 0 -390px; } .clearFix:after { content: " "; display: block; clear: both; height: 0; overflow: hidden; } .clearFix { *zoom: 1; } pre { white-space: pre-wrap; white-space: -moz-pre-wrap; white-space: -pre-wrap; white-space: -o-pre-wrap; word-wrap: break-word; } #backtop { display: none; bottom: 85px; cursor: pointer; left: 50%; margin-left: 620px; position: fixed; width: 52px; _position: absolute; _bottom: 100px; z-index: 999; } #screenshot { position: absolute; border: 5px solid #e6e6e6; z-index: 9999999; background: #F6F6F6; padding: 5px; display: none; color: #333; width: 160px; text-align: left; } #screenshot img { width: 160px; } /*.sear1 { width: 160px; border: 0px none; background: none; padding: 5px 5px 6px 7px; vertical-align: middle; } .sear2 { width: 28px; height: 28px; background: url(../images/search_btn.gif); border: 0px none; vertical-align: middle; } .inp_srh { width: 180px; height: 24px; margin-left: 10px; margin-top: 2px; border: 0px none; background: none; vertical-align: middle; } .btn_srh { width: 32px; height: 28px; background: none; border: none; vertical-align: middle; margin-top: 3px; margin-left: 8px; }*/ #rbt { float: left; padding-top: 2px; height: 26px; border-bottom: 1px solid #004c99; width: 100%; background: url(/Content/images/arr_c.gif) 5px center no-repeat; padding-left: 25px; line-height: 26px; } #rbt strong { float: left; font-size: 15px; font-weight: bold; color: #004c99; } .more { float: right; } #rnr { float: left; width: 732px; padding: 10px; line-height: 24px; } #example2 { height: 120px; width: 210px; position: relative; } #slides3 { position: absolute; top: 0; left: 13px; z-index: 100; height: 120px; border: solid 1px #E1E1E1; width: 184px; } #slides3 a img { max-width: 160px; max-height: 120px; _width: expression((this.offsetWidth > 160) ? "160px" : this.offsetWidth + "px" ); _height: expression((this.offsetHeight > 120) ? "120px" : this.offsetHeight + "px" ); } #slides3 .slides_container { width: 184px; position: relative; overflow: hidden; float: left; } #slides3 .slides_container div.slide { width: 184px; height: 120px; overflow: hidden; display: block; background-color: #FFF; text-align: center; } #slides3 .next, #slides3 .prev { position: absolute; top: 40px; left: -19px; width: 10px; height: 0; padding-top: 40px; overflow: hidden; display: block; z-index: 101; background: url(../images/arrow.png) no-repeat 0 0; } #slides3 .next { left: auto; right: -18px; background-position: -10px 0; } #slides3 .prev:hover { background-position: 0 -40px; } #slides3 .next:hover { background-position: -10px -40px; } /*百度地图*/ .iw_poi_title { color: #CC5522; font-size: 14px; font-weight: bold; overflow: hidden; padding-right: 13px; white-space: nowrap; } .iw_poi_content { font: 12px arial,sans-serif; overflow: visible; padding-top: 4px; white-space: -moz-pre-wrap; word-wrap: break-word; } /*百度地图*/ /*二级菜单*/ .suckerdiv { height: auto; } .suckerdiv ul { margin: 0; padding: 0; width: 180px; margin: auto; margin-top: 6px; } .suckerdiv ul li { position: relative; z-index: 9; width: 180px; } /*1st level sub menu style */ .suckerdiv ul li ul { left: 179px; background: #ffffff; position: absolute; width: 184px; top: 0; display: none; margin: 0px; padding: 0px; } .suckerdiv ul li ul li { padding: 0px 2px; } .suckerdiv ul li a { background: url(/Content/images/lm_bg.png) no-repeat; display: block; height: 32px; overflow: hidden; line-height: 34px; _line-height: 31px; padding-left: 18px; outline: none; font-weight: bold; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; } .suckerdiv ul li a:hover, .suckerdiv ul li a:active, .suckerdiv ul li a.hover { font-weight: bold; background: url(/Content/images/lm_bg.png) no-repeat left -32px; color: #0068e4; } /* Parent menu width - 1*/ .suckerdiv ul li ul li { float: left; width: 180px; } /*All subsequent sub menu levels offset */ /*.suckerdiv ul li ul li a { display: block; height: 26px; line-height: 26px; color: #333; font-size:12px;line-height:21px;; text-indent: 10px; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; }*/ /*.suckerdiv ul li ul li a:hover { color: #f00; filter: alpha(opacity=90); -moz-opacity: 0.9; opacity: 0.9; }*/ .suckerdiv ul li ul li ul { background: #f5f9fc; left: 189px; height: auto; overflow: hidden; } /* Parent menu width - 1*/ /* menu links style */ /*.suckerdiv .subfolderstyle {background: url(../index/arrow-list.gif) no-repeat center right;}*/ /* Holly Hack for IE \*/ * html .suckerdiv ul li { float: left; height: 1%; } * html .suckerdiv ul li a { height: 1%; } div.menuTree { width: 195px; margin-left: 17px; } div.menuTree ul { padding: 0px; margin: 0px; } div.menuTree ul li { padding: 5px 0; } div.menuTree ul li span { display: block; padding-left: 8px; background: url(/Content/images/dot2.png) no-repeat 0 7px; } div.menuTree ul li a { display: block; font-size: 13px; color: #004B99; } div.menuTree ul li.open a.hover { font-weight: bold; } div.menuTree li ul { padding: 5px 0 0 0; } div.menuTree li li { padding-left: 6px; background: url(/Content/images/line6.png) bottom repeat-x; } div.menuTree li li a { display: block; width: 100%; font-size: 12px; -webkit-text-size-adjust: none; color: #8D8D8D; } div.menuTree li .active a { color: #4DA9FF; } div.menuTree li .active li a { color: #8D8D8D; } div.menuTree li .active li.active a { color: #4DA9FF; } div.menuTree ul li.parent { background:; } div.menuTree ul li.expanded { background:; } /* JQ左侧菜单 */ div.menuTree ul li.active ul { display: block; } div.menuTree ul li.closed ul { display: none; } div.menuTree ul li span.parent { position: absolute; margin-left: -15px; margin-top: 3px; width: 9px; height: 9px; display: block; } div.menuTree ul li.parent span.closed { background: url(/Content/images/plus.png) no-repeat left top; } div.menuTree ul li.parent span.open { background: url(/Content/images/minus.png) no-repeat left top; } div.menuTree ul li.parent span.parent { cursor: pointer; } div.menuTree ul li a:hover, div.menuTree ul li.parent ul li a:hover { color: #2B6CC5; } /* End */ /* link start */ /*#link { margin: 0 auto 10px; width: 980px; height: auto; zoom: 1; } .link_l { float: left; width: 70px; line-height: 20px; color: #06C; font-weight: bold; } .link_r { float: right; margin-left: 10px; width: 900px; line-height: 20px; } .link_r a { margin-right: 15px; color: #025ea7; } .link_r a:hover { color: #F90; text-decoration: underline; }*/ /* link end */ /*图片列表*/ .vLi { width: 100%; overflow: hidden; position: relative; } .vLi ul { width: 100%; } .vLi li { float: left; text-align: center; width: 25%; border-bottom: 1px solid #E0E0E0; margin-top: 30px; padding-bottom: 30px; } .vLi .viBox { width: 180px; padding: 0px 16px; height: 174px; margin: 0px auto; border-right: 1px solid #E0E0E0; overflow: hidden; position: relative; } .vLi li b { display: block; width: 178px; text-align: left; font-size: 13px; font-weight: normal; height: 14px; overflow: hidden; line-height: 180%; color: #666; border-bottom: 1px solid #E0E0E0; padding-bottom: 8px; } .vLi li .viBox div { margin: 12px auto; width: 180px; height: 130px; } .vLi li .viBox div a { display: block; width: 180px; height: 140px; display: table-cell; vertical-align: middle; } .vLi li img { max-width: 180px; max-height: 135px; vertical-align: middle; } .vLi li p { text-align: left; color: #AAA; line-height: 22px; } .vLi li em { display: block; line-height: 22px; text-align: right; } .vLi .news_keysword a { font-weight: bold; padding: 3px; } .picshow-list { width: 100%; overflow: hidden; } .picshow-list ul { width: 110%; } .picshow-list ul li { float: left; display: inline-block; _display: inline; width: 289px; height: 192px; margin: 0 70px 22px 69px; padding: 5px 10px 12px 7px; background: url(../img/about_bg01.jpg) no-repeat; } .picshow-list .picshow-img-box { width: 289px; height: 192px; position: relative; overflow: hidden; cursor: pointer; text-align: center; } .picshow-list .picshow-ab { position: absolute; width: 100%; height: 36px; left: -289px; bottom: 0; overflow: hidden; } .picshow-list .picshow-font { text-align: center; font-size: 14px; line-height: 36px; color: #f8f8f8; z-index: 1; } .picshow-list .picshow-fontbg { background: url(/Content/images/device_bg.png) repeat; z-index: 0; } .honor-top { width: 637px; height: 161px; padding: 20px 27px 0 20px; background: url(/Content/images/honor_bg01.gif) no-repeat; overflow: hidden; } .honor-top img { float: left; margin-right: 20px; } .honor-top p { line-height: 24px; } .honor-list { margin-top: 25px; } .honor-list h2 { margin: 28px 0 20px; border-bottom: 1px solid #eeeeee; } .honor-list h2 span { font-size: 14px; line-height: 30px; font-weight: bold; color: #fff; background: #06C; padding: 0 16px; float: left; display: block; } .honor-list h2 a { float: right; padding-right: 5px; line-height: 36px; line-height: 30px; } .video_pic ul li { width: 33.3%; margin-bottom: 18px; float: left; display: inline; position: relative; } .video_pic ul li a { width: 180px; display: block; margin: 0px auto; } .video_pic ul li span { display: none; width: 180px; height: 135px; position: absolute; background: url(/Content/images/sp_topn.png) no-repeat center; } .video_pic ul li:hover span { display: block; } .video_pic ul li img { width: 180px; height: 135px; border: 1px solid #1378d8; padding: 3px; } .video_pic ul li p { text-align: center; line-height: 20px; } .videoLi { width: 100%; } .videoLi .videolist { width: 48%; } .videoLi .videolist .sub_biaoti { height: 30px; color: #333; font-size: 16px; line-height: 30px; font-weight: bold; } .videoLi .videolist .sub_shijian { height: 20px; color: #999; font-size: 12px; line-height: 20px; } .videoLi .videolist .sub_tupian { width: 420px; height: 272px; overflow: hidden; } .news-list li { display: block; clear: both; } .news-list li a { display: block; width: 100%; height: 100%; min-height: 96px; } .news-list li div { float: left; } .news-list li div.tim { width: 60px; text-align: center; border-radius: 0px 0px 10px 0px; } .news-list li div p.tim1 { background: #AAA; color: #FFF; height: 24px; line-height: 24px; } .news-list li div p.tim2 { border: 1px solid #E6E6E6; border-top: 0px none; font-size: 26px; padding-top: 7px; padding-bottom: 9px; color: #F80; } .news-list li div.con { width: 605px; padding-left: 20px; padding-top: 2px; } .news-list li.clear { width: 100%; clear: both; height: 30px; background: url(/Content/images/line2.gif) repeat-x left 4px; } .newsinfo { } .newsinfo .artT { font-size: 18px; line-height: 1.4em; font-weight: bold; color: #333; text-align: center; } .newsinfo .art_info { height: 22px; border-bottom: 1px dotted #ccc; margin-top: 10px; text-align: center; } .newsinfo .b2l { float: right; border-top: 1px solid #d9d9d9; border-bottom: 1px solid #d9d9d9; } .newsinfo .b2l a { display: inline-block; margin: 0 -1px; background: #d9d9d9; padding: 0 .5em; color: #000; vertical-align: top; height: 21px; line-height: 21px; } .newsinfo .myart { padding: 30px 0; width: 100%; line-height: 2; } .newsinfo .myart img { max-width: 100%; } .newsinfo .turn { width: 100%; border-top: 1px solid #e0e0e0; padding-top: 25px; margin-top: 30px; position: relative; } .newsinfo .turn p { float: left; font-size: 12px; line-height: 32px; font-weight: bold; padding: 0 20px; border-right: 1px solid #fff; background: #ececec; margin-bottom: 7px; } .newsinfo .turn a.name { display: inline-block; min-width: 322px; padding: 0 10px; background: #f4f4f4; float: left; line-height: 32px; margin-bottom: 7px; } .newsinfo .turn a.back { display: inline-block; font-weight: bold; line-height: 32px; padding: 0 28px; background: #ececec; position: absolute; top: 25px; right: 0; } .newsinfo .turn a:hover { color: #035cac; } .newsinfo .turn .line { width: 100%; height: 0; line-height: 0; clear: both; } .jiathis_style { position: absolute; bottom: 14px; right: 0; } .jiathis_style span.t { display: inline-block; line-height: 16px; float: left; } /*faq*/ .st-accordion { width: 100%; height: 100%; } .st-accordion ul { padding: 0px 15px; } .st-accordion ul li { overflow: hidden; margin-top: 0px; } .st-accordion ul li:first-child { border-top: none; } .st-accordion ul li a { line-height: 36px; padding: 0 10px; background: #F0F0F0; border-bottom: 1px solid #F0F0F0; height: 36px; font-weight: 500; display: block; margin-bottom: 10px; font-size: 12px; } .st-accordion ul li a:hover { color: #fff; background: #ba000d; } .st-accordion ul li.st-open a { color: #fff; background: #ba000d; } .st-content { position: relative; top: 5px; } .st-content p { background-color: #f0f4f4; border: 2px dashed #cecece; color: #777; margin: 10px 0px 0px 10px; padding: 15px; font-size: 12px; line-height: 24px; text-align: left; } st-content p a { color: #87c23a; } /*faq*/ .news_slider { padding: .2em 0 .6em 0; } .news_slider a.news_slider_img { float: left; margin-right: 15px; width: 133px; height: 100px; display: block; } .news_slider a.news_slider_img img { max-width: 133px; max-height: 100px; _width: expression((this.offsetWidth > 133) ? "133px" : this.offsetWidth + "px" ); _height: expression((this.offsetHeight > 100) ? "100px" : this.offsetHeight + "px" ); } .news_slider h3 { font-size: 16px; line-height: 26px; font-weight: bold; color: #06B; } .news_slider pre { height: 80px; line-height: 20px; overflow: hidden; } .nLi .ntitle { height: 26px; border: 1px solid #ccc; margin-bottom: 5px; } .nLi .ntitle div { border: 1px solid #FFF; height: 24px; line-height: 24px; background: #999999; } .nLi .ntitle em, .nLi .ntitle span, .nLi .ntitle b { font-size: 13px; color: #ffffff; font-weight: normal; } .nLi .ntitle b { padding-left: 120px; } .nLi li { height: 31px; line-height: 30px; background: url(/Content/images/line6.png) bottom repeat-x; } .nLi li em { float: right; width: 120px; text-align: center; } .nLi li span { float: right; width: 90px; text-align: center; } .nLi li a { display: block; padding-left: 10px; height: 30px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; } .download_list li a { padding-left: 30px; background: url(/Content/images/sub.png) no-repeat 7px center; } .news_keysword { line-height: 24px; } .news_keysword a { padding: 0px 5px; } /*产品列表样式开始*/ /*#productsnav { width: 732px; margin: 0px auto; } #productsnav li { width: 25%; float: left; text-align: center; padding: 5px 0px; background: url(../images/pro-bg.png) bottom center no-repeat; margin-bottom: 15px; } #productsnav li a img { max-width: 160px; max-height: 160px; _width: expression((this.offsetWidth > 160) ? "160px" : this.offsetWidth + "px" ); _height: expression((this.offsetHeight > 160) ? "160px" : this.offsetHeight + "px" ); } #productsnav li a { width: 160px; height: 160px; display: block; border: solid 1px #ccc; border-bottom: 0px; margin: 0px auto; padding: 4px; } #productsnav li a img { vertical-align: middle; } #productsnav li a i { display: inline-block; height: 100%; width: 0; vertical-align: middle; } #productsnav li .align_box { width: 170px; margin: 0px auto; } #productsnav li .align_box .align_box_2 { display: table-cell; width: 160px; height: 34px; font-size: 30px; *font-size: 26px; vertical-align: middle; border: solid 1px #ccc; padding: 0px 4px; border-top: 0px; background: #EBEBEB; overflow: hidden; } #productsnav li .align_box .align_box_2 span.align_word { display: inline-block; line-height: 17px; font-size: 12px; vertical-align: middle; }*/ .innner-con { position: relative; padding: 30px 0 50px; } .probg { background: #fff; padding-top: 35px; } .mart35 { margin-top: 35px; } .pronav { border-bottom: #e1e1e1 1px solid; } .pronav .w960 { background: #dadada url(/Content/images/pro_img01.jpg) no-repeat right bottom; } .pronav .w960 b { display: inline-block; height: 44px; padding: 0 35px; color: #fff; font-size: 18px; background: #a1021f; line-height: 44px; } .pro-box { width: 100%; height: 344px; overflow: hidden; } .pro-pro { display: none; } .pro-big { width: 300px; height: 338px; border: 1px solid #e1e1e1; cursor: pointer; } .pro-big .pro-big-img-a { width: 300px; height: 300px; display: block; text-align: center; } .pro-big .pro-big-img-a img { vertical-align: middle; max-width: 300px; max-height: 300px; _width: expression((this.offsetWidth > 300) ? "300px" : this.offsetWidth + "px" ); _height: expression((this.offsetHeight > 300) ? "300px" : this.offsetHeight + "px" ); } .pro-big .pro-big-img-a i { display: inline-block; height: 100%; width: 0; vertical-align: middle; } .pro-big-txt { width: 300px; height: 38px; background: url(/Content/images/pro_bg03.jpg) no-repeat 0 -38px; position: relative; } .pro-big-txt a { position: relative; display: block; font-size: 14px; line-height: 38px; color: #666; text-align: center; padding-right: 35px; } .pro-big-txt-bg { position: absolute; height: 38px; left: 0; top: 0; width: 0; background: url(/Content/images/pro_bg03.jpg) no-repeat 0 0; z-index: 0; } .pro-picli { width: 631px; height: 354px; position: relative; overflow: hidden; } .pro-picli ul { width: 641px; } .pro-picli ul li { display: block; float: left; _display: inline; width: 148px; height: 165px; border: 1px solid #e1e1e1; margin: 0 10px 10px 0; line-height: 17px; cursor: pointer; position: relative; overflow: hidden; } .pro-picli ul li .pro-picli-img-a { width: 148px; height: 148px; display: block; text-align: center; } .pro-picli ul li .pro-picli-img-a img { vertical-align: middle; max-width: 148px; max-height: 148px; _width: expression((this.offsetWidth > 148) ? "148px" : this.offsetWidth + "px" ); _height: expression((this.offsetHeight > 148) ? "148px" : this.offsetHeight + "px" ); } .pro-picli ul li .pro-picli-img-a i { display: inline-block; height: 100%; width: 0; vertical-align: middle; } .pro-picli ul li a.pro-picli-txt-a { display: block; position: relative; font-size: 12px; line-height: 17px; color: #323232; text-align: center; z-index: 1; } .pro-picli-bg01 { position: absolute; width: 150px; height: 167px; left: 0; top: -168px; background: url(/Content/images/pro_bg01.png) repeat; } .pro-picli-bg02 { position: absolute; width: 150px; height: 167px; left: 0; top: -168px; background: url(/Content/images/pro_bg02.png) no-repeat center; } .pro-picli ul li.pro-more { background: #f4f4f4; transition: all 0.4s; -moz-transition: all 0.4s; /* Firefox 4 */ -webkit-transition: all 0.4s; /* Safari and Chrome */ -o-transition: all 0.4s; /* Opera */ } .pro-picli ul li.pro-more a { font-size: 18px; line-height: 162px; font-weight: bold; color: #666; background: url(/Content/images/pro_bg04.png) no-repeat 104px 63px; padding-right: 17px; } .pro-picli ul li.hover { border-color: #a1021f; background: #a1021f; } .pro-picli ul li.hover a { color: #fff; background: url(/Content/images/pro_bg05.png) no-repeat 104px 63px; } .pro-text { line-height: 18px; } .pro-cata li, .pro-more { line-height: 22px; text-align: center; } .pro-cata a { color: #FFF; } .pro-more a { color: #323232; } .pro-list li { line-height: 23px; } .product-main { width: 100%; border-bottom: 2px dotted #ccc; padding-bottom: 10px; } .product-main h2 { font-size: 18px; line-height: 54px; color: #06c; padding-left: 20px; background: url(/Content/images/bg_sign08.jpg) no-repeat left center; } .proinfo-img { width: 300px; float: left; height: 200px; border: 1px dotted #ccc; } .proinfo-detail { width: 440px; float: left; padding-left: 25px; line-height: 20px; } /*#productsnav { width: 100%; } #productsnav li { width: 33.3%; float: left; text-align: center; padding: 5px 0px; background: url(../images/pro-bg.png) bottom center no-repeat; margin-bottom: 15px; } #productsnav li a img { max-width: 160px; max-height: 120px; _width: expression((this.offsetWidth > 160) ? "160px" : this.offsetWidth + "px" ); _height: expression((this.offsetHeight > 120) ? "120px" : this.offsetHeight + "px" ); } #productsnav li a { width: 160px; height: 120px; display: block; border: solid 1px #ccc; border-bottom: 0px; margin: 0px auto; padding: 4px; } #productsnav li a img { vertical-align: middle; } #productsnav li a i { display: inline-block; height: 100%; width: 0; vertical-align: middle; }*/ /*#productsnav li .align_box { width: 170px; margin: 0px auto; } #productsnav li .align_box .align_box_2 { display: table-cell; width: 170px; height: 34px; font-size: 30px; *font-size: 26px; vertical-align: middle; border: solid 1px #ccc; border-top: 0px; background: #EBEBEB; } #productsnav li .align_box .align_box_2 span.align_word { display: inline-block; line-height: 17px; font-size: 12px; vertical-align: middle; }*/ #productsnav { width: 100%; margin: 0px auto; } #productsnav li { width: 24.9%; float: left; text-align: center; margin-bottom: 10px; padding-bottom: 0px; } #productsnav li a img { max-width: 160px; max-height: 160px; _width: expression((this.offsetWidth > 160) ? "160px" : this.offsetWidth + "px" ); _height: expression((this.offsetHeight > 160) ? "160px" : this.offsetHeight + "px" ); } #productsnav li a { width: 160px; height: 160px; display: block; margin: 5px auto 0px; padding: 4px; border: 1px solid #ccc; } #productsnav li a img { vertical-align: middle; } #productsnav li a i { display: inline-block; height: 100%; width: 0; vertical-align: middle; } #productsnav li .align_box { width: 200px; margin: 0px auto; } #productsnav li .align_box .align_box_2 { display: table-cell; width: 200px; height: 42px; font-size: 30px; *font-size: 26px; vertical-align: middle; padding: 0px 4px; border-top: 0px; overflow: hidden; } #productsnav li .align_box .align_box_2 span.align_word { display: inline-block; line-height: 18px; font-size: 12px; vertical-align: middle; } .productalllist { width: 730px; } .productalllist ul { overflow: hidden; width: 100%; } .productalllist li { overflow: hidden; width: 100%; padding-bottom: 17px; } .productalllist li .showbox { padding: 15px; overflow: hidden; border: 2px solid #DADADA; } .productalllist li .img { width: 220px; height: 165px; overflow: hidden; display: block; float: left; } .productalllist li .con { padding: 0 0 0 25px; width: 450px; float: left; height: 165px; position: relative; } .productalllist li .con .tits { font-size: 18px; line-height: 26px; font-weight: bold; color: #333333; padding: 4px 0 18px 0; } .productalllist li .con .txt { padding-top: 12px; line-height: 24px; height: 48px; overflow: hidden; color: #888; } .productalllist li .con .btn { width: 150px; height: 46px; background: url(/Content/images/actinfo_18.jpg) no-repeat center; text-align: center; line-height: 46px; color: #fff; font-size: 18px; font-weight: bold; position: absolute; bottom: 15px; right: 10px; } .productalllist li:hover .showbox { padding: 15px; border: 2px solid #0165B1; } .productalllist li:hover .tits { color: #0165B1; } .prosub_content .pLi li { float: left; width: 191px; height: 208px; border: 1px solid #E0E0E0; border-left: none; text-align: center; margin-bottom: 15px; padding: 15px 0 4px 0; position: relative; } .prosub_content .pLi li div a { width: 160px; height: 160px; display: block; margin: 0px auto; } .prosub_content .pLi li div a i { display: inline-block; height: 100%; width: 0; vertical-align: middle; } .prosub_content .pLi li div a img { vertical-align: middle; max-width: 160px; max-height: 160px; _width: expression((this.offsetWidth > 160) ? "160px" : this.offsetWidth + "px" ); _height: expression((this.offsetHeight > 160) ? "160px" : this.offsetHeight + "px" ); } /*.prosub_content .pLi li p{ padding:6px 0;}*/ /*.prosub_content .pLi li p { height:32px;line-height:16px;}*/ .prosub_content .pLi li em { display: block; width: 63px; height: 16px; position: absolute; bottom: 0; right: 6px; } .prosub_content .pLi li em a { display: block; width: 63px; height: 16px; float: left; text-indent: -9999px; overflow: hidden; background: url(/Content/images/bg_1.png) no-repeat 0 -316px; } .productlist { width: 100%; } .productlist #title { border: #ced8dd 1px solid; padding-left: 12px; background: #ecf0f2; height: 35px; line-height: 35px; } .productlist #title span { color: #093; font-size: 14px; font-weight: bold; } .productlist #content { width: 100%; margin-top: 22px; float: left; } .content_left { width: 180px; float: left; text-align: center; } .content_left img { width: 160px; height: 160px; padding-top: 10px; } .content_right { width: 560px; float: left; border-left: 1px solid #ccc; padding-left: 4px; } .content_right ul li { width: 280px; float: left; background: url(/Content/images/arrow01.gif) no-repeat left 1px; text-indent: 10px; height: 24px; line-height: 24px; } /*产品列表样式结束*/ ._bordertable { border-top: 1px solid #CCC; border-left: 1px solid #CCC; margin: 10px auto 15px auto; width: 100%; } ._bordertable .titles { margin: 0px; padding: 0px; font-weight: bold; padding-left: 10px; background: url(/Content/images/sbg.jpg); background-repeat: repeat-x; text-align: left; height: 30px; line-height: 30px; } ._bordertable .contents { padding: 2px; line-height: 20px; background: #ffffff; } ._bordertable td.titles, ._bordertable td.contents { border-bottom: 1px solid #CCC; border-right: 1px solid #CCC; vertical-align: middle; line-height: 30px; } /*产品展示*/ #pro_detail { width: 100%; } #pro_left { width: 330px; float: left; } #pro_img { background: #F0F0F0; padding: 1px; min-height: 139px; _height: 139px; } #pro_img .zoomimg { text-align: center; line-height: 0px; } #pro_do { width: 500px; float: right; } #pro_do .pro_title { background: #999999; font-size: 16px; color: #FFF; padding: 8px 10px 9px 10px; } #pro_do p.div { display: block; padding: 0; margin: 0; color: #F00; font-size: 14px; line-height: 35px; font-weight: bold; } #pro_do .share { display: block; padding: 10px 3px 15px 3px; text-align: left; } ul#pro_btm { display: block; font-size: 0px; width: 100%; } ul#pro_btm li { height: 25px; width: 100%; overflow: hidden; } ul#pro_btm li a img { vertical-align: middle; border: 1px solid #E6E6E6; margin-right: 7px; display: inline-block; width: 48px; height: 48px; } ul#pro_btm li a .span { vertical-align: middle; display: inline-block; text-indent: 7px; } ul#pro_btm li a { font-size: 12px !important; } #procon_a { width: 100%; margin: auto; margin-top: 12px; border-bottom: 1px solid #DDDDDD; height: 25px; overflow: hidden; } #procon_a a { float: left; width: 90px; height: 25px; text-align: center; margin-right: 5px; line-height: 25px; _line-height: 26px; background: url(/Content/images/procon_a.png) no-repeat; outline: none; } #procon_a a.A { background: url(/Content/images/procon_a.png) no-repeat center -25px; color: #FFF; font-weight: bold; } #procon_2 { } .procon { padding-top: 12px; padding-bottom: 12px; display: none; line-height: 2em;} .procon img{display:block; margin-top:20px;margin:10px auto 10px;} .procon #p1{margin-top:5px;text-indent:2em;} .procon #p2{margin-top:5px;margin-left:2em;} .procon table{ margin-top:10px;width:100%;border-collapse:collapse; border:solid 1px #ccc;} .procon table td{ border:solid 1px #ccc; padding:3px;} #ajaxwaitid { background: none repeat scroll 0 0 #0383cc; color: #FFFFFF; display: none; height: 1.6em; line-height: 1.6em; overflow: hidden; position: absolute; right: 0; top: 0; width: 100px; z-index: 100; } .zoominner { padding: 5px 10px 5px; background: #Fafafa; text-align: left; font-size: 12px; } .zoominner p { padding: 5px 0; } .zoominner .y { float: right; padding-bottom: 5px; } .zoominner p a { float: left; margin-left: 10px; width: 17px; height: 17px; background: url(/Content/images/imgzoom_tb.gif) no-repeat 0 0; line-height: 100px; overflow: hidden; } .zoominner p a:hover { background-position: 0 -39px; } .zoominner p a.imgadjust { background-position: -40px 0; } .zoominner p a.imgadjust:hover { background-position: -40px -39px; } .zoominner p a.imgclose { background-position: -80px 0; } .zoominner p a.imgclose:hover { background-position: -80px -39px; } #procon_2 ul { padding: 0; margin: 0; list-style: none; } #procon_2 ul li { margin-top: 4px; margin-bottom: 4px; } li { list-style: none; } img { border: 0; } ._con { overflow: hidden; margin: 10px auto; width: 325px; height: 100%; padding: 2px 0px 2px 3px; border: solid 1px #dddddd; background-color: #ffffff; } #carousel_container { position: relative; height: 50px; overflow: hidden; top: 0px; left: 0px; } #carousel_container ul { margin: 0px; padding: 0px; list-style: none; } #carousel_inner { width: 300px; height: 50px; overflow: hidden; position: absolute; left: 12px; top: 4px; } #left_scroll { position: absolute; left: 0; top: 20px; width: 9px; height: 9px; cursor: pointer; cursor: pointer; background: url(/Content/images/left.gif) no-repeat; } #right_scroll { position: absolute; top: 20px; right: 0; width: 9px; height: 9px; cursor: pointer; cursor: pointer; background: url(/Content/images/right.gif) no-repeat; } #carousel_ul { width: 9999px; height: 40px; position: relative; } #carousel_ul li { float: left; width: 40px; height: 40px; vertical-align: middle; margin-right: 10px;text-align: center; } #carousel_ul li a { display: block; border: solid 2px #eaeaea; width: 40px; height: 40px; } #carousel_ul li a i { display: inline-block; height: 100%; width: 0; vertical-align: middle; } #carousel_ul li a:hover { border: solid 2px #f60; } #carousel_ul li img { vertical-align: middle; max-width: 40px; max-height: 40px; _width: expression((this.offsetWidth > 40) ? "40px" : this.offsetWidth + "px" ); _height: expression((this.offsetHeight > 40) ? "40px" : this.offsetHeight + "px" ); } /*相关产品*/ #AboutProduct { margin-bottom: 10px; } #AboutProduct span { font-size: 10pt; font-weight: bold; } #AboutProduct ul { margin: 0px; margin-top: 10px; padding: 0px; } #AboutProduct li { list-style-type: square; list-style-position: inside; padding-left: 8px; float: left; width: 32%; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; line-height: 2em; } #AboutProduct li a { color: #014CCC; } /*人才招聘样式(addhr.ascx)开始*/ .irow { background: #fafafa; } .hrdetailborder { border-top: 1px solid #eeeeee; border-left: 1px solid #eeeeee; width: 100%; line-height: 30px; } .hrdetailborder input, .hrdetailborder textarea { border: 1px solid #ccc; } .hrdetailborder td { border-bottom: 1px solid #eeeeee; border-right: 1px solid #eeeeee; line-height: 30px; } .hrdetailtitle { height: 30px; background: url(/Content/images/sbg.jpg); padding-left: 10px; font-weight: bold; width: 100%; line-height: 35px; } .focusinput { border: 1px solid #a19050; } .focusoutput { border: 1px solid #dddddd; } .jobdetailborder { border-top: 1px solid #eeeeee; border-left: 1px solid #eeeeee; width: 100%; line-height: 25px; } .jobdetailborder td { border-bottom: 1px solid #eeeeee; border-right: 1px solid #eeeeee; line-height: 25px; } .jobdetailtitle { height: 30px; background: url(/Content/images/sbg.jpg); padding-left: 10px; font-weight: bold; width: 100%; line-height: 30px; } .jobtitle { height: 30px; background: url(/Content/images/sbg.jpg); padding-left: 10px; font-weight: bold; width: 100%; line-height: 30px; } .jobborder { border: 1px solid #eeeeee; } .jobarea { line-height: 32px; border-top: 1px solid #eeeeee; width: 100%; padding-left: 10px; } .jobarea img { border: none; } .jobarea1 { line-height: 32px; border-top: 1px solid #eeeeee; width: 100%; padding-left: 10px; background: #fdfdfd; } .jobarea1 img { border: none; } .rightborder { border-right: 1px solid #eeeeee; } /*人才招聘样式(addhr.ascx)结束*/ /*信息反馈样式(feedback.ascx)开始*/ .bordertable { border-top: 1px solid #eeeeee; border-left: 1px solid #eeeeee; } .bordertable td { border-right: 1px solid #eeeeee; border-bottom: 1px solid #eeeeee; line-height: 32px; } .order_title { height: 32px; background: url(/Content/images/sbg.jpg); text-indent: 10px; font-weight: bold; } .ordertext { width: 120px; text-align: right; } .ordertext1 { padding-left: 5px; } #ordernav { margin: 0px; padding: 0px; } #ordernav input { border: 1px solid #ccc; } /*信息反馈样式(feedback.ascx)结束*/ /*营销网络样式(network.ascx)开始*/ #thecity { list-style: none; width: 95%; margin: auto; } #thecity li { margin: 0px; padding: 0px; list-style: none; line-height: 22px; float: left; text-align: left; width: 32%; } #thecity li span { color: #ff9900; margin-right: 5px; } .networktitle { height: 25px; background: url(/Content/images/sbg.jpg); text-indent: 10px; font-weight: bold; width: 100%; line-height: 25px; } .networkborder { border: 1px solid #eee; margin-bottom: 10px; } .networkborder td { border-top: 1px solid #eee; vertical-align: top; } .networkarea { width: 100%; } .networkarea td { padding: 5px; border: 0px; } /*营销网络样式(network.ascx)结束*/ /*回复列表样式(repinfolist.ascx)开始*/ .repinfotitle { height: 32px; background: url(/Content/images/sbg.jpg); text-indent: 10px; font-weight: bold; width: 100%; border-bottom: 1px solid #eeeeee; } .repinfotitle td { text-indent: 10px; } .repinfotitle1 { height: 25px; background: #fdfdfd; text-indent: 10px; font-weight: bold; width: 100%; border-bottom: 1px solid #eeeeee; border-top: 1px solid #eeeeee; } .repinfotitle1 td { text-indent: 10px; } .repinfoarea { padding: 10px; line-height: 20px; } .repinfonav { width: 100%; margin: auto; border: 1px solid #eeeeee; margin-bottom: 10px; } /*回复列表样式(repinfolist.ascx)结束*/ /*会员中心*/ .member_tb { border: 1px solid #ecebeb; border-width: 1px 1px 0 0; } .member_tb td { border: 1px solid #ecebeb; border-width: 0 0 1px 1px; } .member_tb .lefttext { height: 32px; text-align: center; } .member_tb th { height: 33px; background: #ecebeb; text-align: left; padding-left: 20px; font-weight: bold; } .member_tb td.tdbg { background: #f8f7f7; } .member_tb td.tdbgtwo { padding-left: 16px; } .member_tb td.tdleft { padding-left: 6px; } .member_tb td .inpu { width: 130px; height: 20px; border: 1px solid #ecebeb; background: #fff; line-height: 20px; color: #666; padding-left: 6px; } .member_tb td textarea { border: 1px solid #ecebeb; background: #fff; margin-top: 4px; } .member_tb td .submit { width: 68px; height: 24px; border: 1px solid #ecebeb; background: #fff; text-align: center; } /*会员中心*/ /* 分页控件样式开始*/ /*绿*/ /*.paginator { font: 12px Arial, Helvetica, sans-serif; padding: 30px 0px 10px 0; margin: 0px; } .paginator a { text-decoration: none; color: #90CB1D; background: #fff; border: 1px solid #e5e5e5; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; padding: 3px 6px; padding-bottom: 2px; margin-right: 3px; } .paginator a:visited { padding: 1px 6px; border: solid 1px #ddd; text-decoration: none; } .paginator .cpb { background: #90CB1D; border: 1px solid #90CB1D; color: #fff; border-radius: 3px; padding: 3px 6px; padding-bottom: 2px; margin-right: 3px; } .paginator a:hover { background: #90CB1D; border: 1px solid #90CB1D; color: #fff; }*/ /*绿*/ /*蓝*/ /*.paginator { font: 12px Arial, Helvetica, sans-serif; padding: 30px 0px 10px 0; margin: 0px; } .paginator a { text-decoration: none; color: #1D71C7; background: #fff; border: 1px solid #e5e5e5; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; padding: 3px 6px; padding-bottom: 2px; margin-right: 3px; } .paginator a:visited { padding: 1px 6px; border: solid 1px #ddd; text-decoration: none; } .paginator .cpb { background: #1D71C7; border: 1px solid #016E83; color: #fff; border-radius: 3px; padding: 3px 6px; padding-bottom: 2px; margin-right: 3px; } .paginator a:hover { background: #1D71C7; border: 1px solid #016E83; color: #fff; }*/ /*蓝*/ /*红*/ .paginator { font: 12px Arial, Helvetica, sans-serif; padding: 30px 0px 10px 0; margin: 0px; text-align:center;} .paginator a { text-decoration: none; color: #666; background: #fff; border: 1px solid #ccc; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; padding: 3px 6px; padding-bottom: 2px; margin-right: 3px; } .paginator a:visited { padding: 1px 6px; border: solid 1px #ccc; text-decoration: none; } .paginator .cpb { background: #0383cc; border: 1px solid #0383cc; color: #fff; border-radius: 3px; padding: 3px 6px; padding-bottom: 2px; margin-right: 3px; } .paginator a:hover { background: #0383cc; border: 1px solid #0383cc; color: #fff; } /*红*/ /* 分页控件样式结束*/ #commentform input.error { background: #f8dbdb; border-color: #e77776; } #commentform textarea.error { background: #f8dbdb; border-color: #e77776; } #example2 { height: 120px; width: 210px; position: relative; } #slides2 { position: absolute; top: 0; left: 13px; z-index: 100; height: 120px; border: solid 1px #E1E1E1; width: 184px; } #slides2 a img { max-width: 160px; max-height: 120px; _width: expression((this.offsetWidth > 160) ? "160px" : this.offsetWidth + "px" ); _height: expression((this.offsetHeight > 120) ? "120px" : this.offsetHeight + "px" ); } #slides2 .slides_container { width: 184px; position: relative; overflow: hidden; float: left; } #slides2 .slides_container div.slide { width: 184px; height: 120px; overflow: hidden; display: block; background-color: #FFF; text-align: center; } #slides2 .next, #slides2 .prev { position: absolute; top: 40px; left: -19px; width: 10px; height: 0; padding-top: 40px; overflow: hidden; display: block; z-index: 101; background: url(/Content/images/arrow.png) no-repeat 0 0; } #slides2 .next { left: auto; right: -18px; background-position: -10px 0; } #slides2 .prev:hover { background-position: 0 -40px; } #slides2 .next:hover { background-position: -10px -40px; } .mTbg { height: 27px; width: 210px; margin: 30px 0px 10px; } .mTbg b { padding: 7px 0px 0px 16px; color: #888fa9; font-size: 16px; line-height: 30px; font-weight: bold; } .lPro { width: 210px; } *html { background-image: url(about:blank); background-attachment: fixed; } /*解决IE6下滚动抖动的问题*/ /*解决IE6下不兼容 position:fixed 的问题*/ #gotop { width: 36px; height: 48px; background: url(/Content/images/icon.png) no-repeat; position: fixed; right: 50px; cursor: pointer; _position: absolute; _bottom: auto; _top: expression(eval(document.documentElement.scrollTop+document.documentElement.clientHeight-this.offsetHeight-(parseInt(this.currentStyle.marginTop,10)||0)-(parseInt(this.currentStyle.marginBottom,10)||0))); } #code, #code_hover { width: 80px; height: 70px; background: url(/Content/images/icon.png) no-repeat; position: fixed; right: 50px; cursor: pointer; _position: absolute; _bottom: auto; _top: expression(eval(document.documentElement.scrollTop+document.documentElement.clientHeight-this.offsetHeight-(parseInt(this.currentStyle.marginTop,10)||0)-(parseInt(this.currentStyle.marginBottom,10)||0))); } #code { background-position: -274px -236px; bottom: 120px; _margin-bottom: 120px; } #code_hover { background-position: -274px -236px; bottom: 120px; _margin-bottom: 120px; } #gotop { background-position: -276px -310px; bottom: 67px; _margin-bottom: 67px; } #code_img { width: 270px; height: 355px; background: url(/Content/images/icon.png) -4px -3px no-repeat; position: fixed; right: 130px; bottom: 67px; cursor: pointer; display: none; _position: absolute; _bottom: auto; _top: expression(eval(document.documentElement.scrollTop+document.documentElement.clientHeight-this.offsetHeight-(parseInt(this.currentStyle.marginTop,10)||0)-(parseInt(this.currentStyle.marginBottom,10)||0))); _margin-bottom: 67px; } /*contact*/ .contactcon { font-size: 14px; } .contactcon p { font-size: 14px; color: #303030; } .contactcon span { color: #de002e; } .contactcon h3 { padding-bottom: 10px; border-bottom: #cbcbcb 1px dotted; color: #9f9f9f; font-style: italic; } .contactcon ul { padding: 15px 10px; border-bottom: #cbcbcb 1px dotted; color: #5a5a5a; } .contactcon ul li { padding-left: 25px; line-height: 30px; } .contactcon ul li.add { background: url(/Content/images/contact_img01.jpg) no-repeat 0 3px; } .contactcon ul li.tel { background: url(/Content/images/contact_img01.jpg) no-repeat 0 -20px; } .contactcon ul li.fax { background: url(/Content/images/contact_img01.jpg) no-repeat 0 -42px; } .contactcon ul li.mail { background: url(/Content/images/contact_img01.jpg) no-repeat 0 -68px; } .contact-map { padding: 15px 10px 30px; } /*contact*/ .comTab { width: 100%; background: #fff; border-left: 1px solid #d5d5d5; border-top: 1px solid #d5d5d5; margin: 0 0 15px 0; } .comTab th, .comTab td { font-size: 14px; border-right: 1px solid #d5d5d5; border-bottom: 1px solid #d5d5d5; } .comTab th { font-weight: bold; text-align: center; } .comTab td { padding: 8px; line-height: 2.0em; } .cityList li { background: url(/Content/images/honor01.jpg) no-repeat 0 center; border-bottom: 1px solid #e2e2e2; height: 31px; line-height: 31px; color: #6b6b6b; padding-left: 10px; } .cityList li span { color: #8c8c8c; float: right; } @charset "utf-8"; /* CSS Document */ .con{width:1200px; height:100%; margin:auto; position:relative;} /* header */ .section{overflow:hidden;position:relative!important;} .header{width:100%;height:100px;background:#fff;position:fixed;z-index:100;margin:0 auto;} .header h1{width:154px;background:#fff;} .logo{padding-top:28px;} .header .logo_text{width:163px;margin-top:30px;margin-left:120px;padding-left:12px;color:#999;font-size:12px; line-height:20px;border-left:1px solid #eeeeee;} .top{text-align:right;color:#888888;padding-top:2px;*position:relative;*z-index:2;} .top a{color:#888888;margin-left: 8px;} .top .call{background: url("/Content/images/sprite.png") no-repeat 0 0;display:inline-block;width:20px;height:16px;vertical-align:bottom;margin-right:4px;} .top .call_tel{color:#0383cc;} .top .email{display:inline-block;width:18px;height:16px;background:url("/Content/images/sprite.png") no-repeat -20px -20px;vertical-align:bottom;margin-right:0px;} .top .weixin{display:inline-block;width:18px;height:16px;background:url("/Content/images/sprite.png") no-repeat -60px 0;vertical-align:bottom;margin-right:4px;} .top .ewm{position:relative;z-index:10000;} .top .ewm img{position:absolute;right:0;top:30px;z-index:999;border:1px solid #ddd;padding:4px;background:#fff;display:none;z-index:10000;} .tel{margin-left:330px; margin-top:22px;float:left;width:220px;} .tel img{float:left;height:25px; border-radius:3px; left:0; top:0;margin-top:3px;} .tel .tel_text{color:#888; left:50px;margin-top:0; margin-left:8px;} .tel .tel_num{float:left;color:#0383cc; top:40px;font-size:24px;margin-left:8px;} .search{ margin-top:25px;float:right; } .search .keys{ padding:6px;border:0px none; background:#EEE; width:155px;height:15px; color:#888;} .search img{ right:5px; top:5px; height:18px; cursor:pointer;} /* header end*/ /* nav start */ #menu_out{min-width:1200px;margin-top:100px; width:100%; height:47px; background:#0383cc; position:fixed; z-index:99;} #menu{width:1200px; height:100%; margin:auto;} #menu li{float:left;} #menu li a{display:block; padding-left:50px; padding-right:50px; color:#FFF; font-size:16px; line-height:45px; height:47px; background:url(/Content/images/menu_split.png) repeat-y left top;} #menu li:first-child a{background:none; padding-left:48px; padding-right:48px;} #menu li a:hover,#menu li a:active,#menu li a.A{background:#0370ae;} #menu li div.menu_bg{position:absolute; left:0; top:47px; width:100%; height:320px; padding-top:30px; display:none;} #menu li div.menu_bg_bg{position:absolute; left:0; top:0; width:100%; height:325px; z-index:1; background:#FFF; filter:alpha(opacity=90); -moz-opacity:0.9; -khtml-opacity:0.9; opacity:0.9;} #menu li div.menu_con{width:1200px; margin:auto; position:relative; z-index:2;} #menu li p.menu_list{width:180px; float:left; position:relative; z-index:2;background:#FFF;} #menu li div a{display:block; padding:0; font-size:14px; text-align:center; height:40px; line-height:38px; margin-bottom:1px; background:#0383cc; color:#FFF;} #menu li p.menu_img{margin-top:-1px; width:165px; height:206px; overflow:hidden; margin-left:26px; float:left;} #menu li p.menu_img img{border-radius:0px 0px 20px 0px;} #menu li div.menu_txt{width:786px; float:right; color:#0383cc;} #menu li div.menu_txt p{margin-bottom:12px;} .menucurrent{background:#0383cc;} /* nav end */ .banner{width:100%;overflow:hidden;position:relative;height:300px;padding-top:147px;} .banner .pic{position:relative;height:100%;} .banner .pic li{float:left;width:100%;position:relative;background-repeat:no-repeat;background-position:center;} .banner .pic li a{display:block;width:100%;height:300px;} .banner .list{text-align:center;position:absolute;bottom:20px;width:100%;} .banner .list li{display:inline-block;*zoom:1;*display:inline;width:50px;border-bottom:2px solid #fff;height:20px;margin:0 7px;cursor:pointer;} .banner .list .on{border-bottom:2px solid #0383cc;} /* content start */ .M{width:1180px; margin:auto; padding-top:0px; padding-bottom:26px;} .M .tit{text-align:center; padding-top:0px;} .M .brief{text-align:center; padding-top:0px; color:#888; font-size:13px;} #main2{height:350px; background:url(/Content/images/main2_bg.jpg) no-repeat center bottom #f2f2f2; clear:both; } #main2 h1{font-size:20px; text-align:center; padding-top:20px; color:#FFF; padding-bottom:22px; background:url(/Content/images/main2_tit_line.png) no-repeat center center; margin-top:0px;} #main2 .h1s{text-align:center; line-height:220%;} #pro_con{width:1180px; padding-top:0px; overflow:hidden; margin:auto;} #main2 ul{padding-left:30px;} #main2 ul li{float:left; width:212px; margin-right:30px;} #main2 ul li a{display:block;} #main2 ul li a span{display:block; background:#0383cc; height:40px; line-height:40px; color:#FFF; font-size:14px; text-align:center; position:relative;} #main2 ul li a span img{position:absolute; left:50%; margin-left:-6px; top:-7px;} #main2 ul li a:hover span,#main2 ul li a:active span{background:#0370ae;} #pro_do_con{width:1180px; background:#CCC; position:relative;} #pro_l{display:block; width:60px; height:60px; position:absolute; left:-70px; top:-240px; background:url(/Content/images/pro_do_l.png) no-repeat left top;} #pro_l:hover,#pro_l:active{background-position:left bottom;} #pro_r{display:block; width:60px; height:60px; position:absolute; right:-70px; top:-240px; background:url(/Content/images/pro_do_r.png) no-repeat left top;} #pro_r:hover,#pro_r:active{background-position:left bottom;} #main1{margin-top:20px; height:auto; overflow:hidden; clear:both;} .i-news{ width:360px; height:auto; overflow:hidden; } .i-protype{ margin-left:50px; width:360px; height:auto; overflow:hidden; } .i-service{ width:360px; height:auto; overflow:hidden; } .i-tit{ height:40px; text-align:center; color:#333; font:18px/40px "Microsoft YaHei"; } .i-tu{ height:100px; text-align:center; } .i-text{ margin-bottom:10px; height:50px; color:#333; font:bold 14px/25px "Microsoft YaHei"; overflow:hidden; } .news_con{ width:360px; height:100px; overflow:hidden; } .news_con ul{ margin:0; padding:0; } .news_con ul li{ float:left; width:360px; height:25px; overflow:hidden; } .news_con ul li a{ display:block; color:#666; font:12px/25px "Microsoft YaHei"; background:url(/Content/images/ico-2.png) no-repeat left -25px; text-indent:12px;overflow:hidden; /*width:300px; text-indent:15px; white-space:nowrap; text-overflow:ellipsis; overflow:hidden; background:url(/Content/images/ico-2.png) no-repeat left -25px; color:#666; font:12px/25px "Microsoft YaHei";*/ } .news_con ul li a:hover{ color:#0383cc; background:url(/Content/images/ico-2.png) no-repeat left top; } .news_con ul li span{ float:right; display:block; color:#999; font:11px/25px "Arial"; -webkit-text-size-adjust:none; } .pro_type{ width:360px; height:100px; overflow:hidden; } .pro_type ul{ margin:0; padding:0; } .pro_type ul li{ float:left; display:block; margin-right:10px; width:170px; height:25px; } .pro_type ul li a{ display:block; color:#666; font:12px/25px "Microsoft YaHei"; background:url(/Content/images/ico-1.png) no-repeat left 8px; text-indent:15px; } .pro_type ul li a:hover{ color:#0383cc; background:url(/Content/images/ico-1.png) no-repeat left -29px; } .service{ width:360px; height:100px; overflow:hidden; color:#666; font:12px/25px "Microsoft YaHei"; } #main3{padding-top:20px; height:auto; overflow:hidden; background:#f2f2f2; clear:both;} .i-tit2{ height:40px; color:#333; font:18px/40px "Microsoft YaHei"; } .i-tit2 span{ margin-left:10px; margin-top:17px; color:#666; font:12px/20px "Arial"; } .i-about{ width:360px; height:180px; overflow:hidden; color:#666; font:12px/22px "Microsoft YaHei"; } .i-about span{ color:#333; font:bold 14px/30px "Microsoft YaHei"; } .i-more a{ color:#0383cc; font:12px/25px "SimSun"; float:right; } .i-video{ margin-left:50px; width:360px; height:180px; overflow:hidden; } .i-quick{ width:360px; height:180px; overflow:hidden; } .bot-wrap{ margin-bottom:20px; width:100%; min-width:1184px; height:auto; overflow:hidden; padding:20px 0; background:#0383cc; } .bot{ margin:0 auto; width:1180px; height:auto; overflow:hidden; } .bot-menu{ width:1180px; height:auto; } .bot-menu dl{ float:left; display:block; margin-left:46px; width:150px; height:auto; overflow:hidden; } .bot-menu dl a{ color:#fff; } .bot-menu dl a:hover{ text-decoration:underline; } .bot-menu dl dt{ height:26px; color:#fff; font:bold 14px/26px "Microsoft YaHei"; } .bot-menu dl dd{ height:20px; color:#fff; font:12px/20px "Microsoft YaHei"; } .wrap{border:0;padding:0;width:1200px;margin:0 auto;*zoom:1;} .wrap:after{clear:both;content:"";display:table;} /* footer */ .contact{background: #0383cc;padding-top: 38px;padding-bottom: 60px; } .contact h2{margin-bottom:28px;} .contact h2 a{font-size:18px;color:#fff;font-weight:normal;} .home_about{width:250px;} .home_about dt{margin-bottom: 24px;} .home_about dt a{font-size:18px;color:#fff;font-weight:normal;} .home_about dd{color: #eeeeee;line-height: 28px;font-family: "宋体";} .home_about .more{color: #fff;display: inline-block;border: 1px solid #cccccc;line-height: 38px;padding: 0 24px;margin-top: 12px;} .home_about .more:hover{border-color: #fff;} .home_case{width:300px;margin-left:45px;} .home_case li{border-top:1px solid #ccc;height:52px;padding:14px 0;} .home_case li:first-child{border:0;padding-top:3px;} .home_case li img{float: left;margin-right: 18px;} .home_case h5{margin-top:-5px;line-height:28px;} .home_case h5 a{font-size:14px;color:#fff;font-weight:normal;} .home_case .text{line-height:22px;} .home_case .text a{color:#dddddd;font-family:"宋体";} .home_case .label{color: #cccccc;line-height: 28px;} .home_service{width: 230px;margin-left:45px;} .home_service a.sub{font-size: 12px;color: #fff;line-height: 38px;width: 98px;display: inline-block;border: 1px solid #cccccc;text-align: center;margin-right: 12px;margin-bottom: 12px;margin-top: 3px;} .home_service a.sub:hover{border-color: #fff;} .home_contact{margin-left:80px;} .home_contact li{color: #ddd;margin-bottom: 14px;} .home_contact li i{display:inline-block;width:18px;height:18px;margin-right: 10px;vertical-align: middle;} .home_contact li .addres{background: url("/Content/images/sprite.png") no-repeat 0 -20px ;} .home_contact li .weibo{background: url("/Content/images/sprite.png") no-repeat -20px -20px ;} .home_contact li .email{background: url("/Content/images/sprite.png") no-repeat -40px -20px ;} .home_contact li .weixin{background: url("/Content/images/sprite.png") no-repeat -80px -20px ;} .home_contact li .call{background: url("/Content/images/sprite.png") no-repeat -0px -0px ;} .home_contact li a{color: #ddd;} .home_contact img{height:150px;} .blogroll{line-height: 28px;color: #999;text-align: center;padding: 10px 0;} .blogroll a{color: #999;display:inline-block;} .blogroll a:hover{color: #333;} .blogroll .copyright{margin-top: 0px;} @charset "utf-8"; /* CSS Document */ html{ scrollbar-arrow-color:#666; scrollbar-face-color:#e6e6e6; scrollbar-darkshadow-color:#9c9c9c; scrollbar-highlight-color:#fff; scrollbar-shadow-color:#fff; scrollbar-track-color:#f5f5f5; scrollbar-3dlight-color:#b0b0b0; scrollbar-face-color:#B0B0B0; } body, div, address, blockquote, iframe, ul, ol, dl, dt, dd, li, dl, h1, h2, h3, h4, h5, h6, p, pre, table, caption, th, td, form, legend, fieldset, input, button, select, textarea { margin:0; padding:0; font-weight:normal; font-style:normal; font-size:100%; font-family:inherit; } ol, ul ,li{ list-style:none; } img { border:0; vertical-align:middle; } p { display:block; } body { font-size:12px; color:#333; font-family:"Microsoft YaHei","Arial","SimSun","Tahoma","Helvetica","sans-serif"; } a { color:#333; text-decoration:none; } a:hover { color:#F60; } input { font-size:12px; color:#999; line-height:18px; font-family:"Microsoft YaHei","Arial","SimSun","Tahoma","Helvetica","sans-serif"; border:0 solid #ccc; background:#fcfcfc; } .input1[type="text"]{ display:block; margin-bottom:10px; width:150px; height:18px; border:1px solid #ccc; background:#efefef; color:#333; font-family:"Microsoft YaHei","Arial","SimSun","Tahoma","Helvetica","sans-serif"; } .input1[type="password"]{ display:block; margin-bottom:10px; width:150px; height:18px; border:1px solid #ccc; background:#efefef; color:#333; font-family:"Microsoft YaHei","Arial","SimSun","Tahoma","Helvetica","sans-serif"; } .input1[type="button"]{ display:block; margin-left:100px; width:50px; height:20px; background:url(/Content/images/input-bg.jpg) 0 0 no-repeat; color:#333; font-family:"Microsoft YaHei","Arial","SimSun","Tahoma","Helvetica","sans-serif"; cursor:pointer; } .input2{ border:1px solid #ccc; height:18px; color:#666; background:#efefef; } .fl { float:left; } .fr { float:right; } .clear { border:0; line-height:0; height:0; clear:both; font-size:0; } /* Magic Zoom Plus v4.5.41 Copyright 2015 Magic Toolbox Buy a license: www.magictoolbox.com/magiczoomplus/ License agreement: http://www.magictoolbox.com/license/ */ .MagicZoomPlus, .MagicZoomPlus * { -webkit-box-sizing: content-box; -moz-box-sizing: content-box; box-sizing: content-box; } /* Style of the small image link */ .MagicZoomPlus, .MagicZoomPlus:hover { display: inline-block; cursor: url(/Content/images/zoomin.cur), pointer; outline: 0 !important; font-size: 0 !important; line-height: 100% !important; direction: ltr; max-width: 100%; } /* Style of the small image */ .MagicZoomPlus img { border: 0 !important; margin: 0 !important; outline: 0 !important; padding: 0 !important; height: auto; } .MagicZoomPlus > img { width: 100%; } .MagicZoomPlus.magic-for-ie8, .MagicZoomPlus.magic-for-ie8 > img { max-width: none !important; } .MagicZoomPlus.magic-for-ie7 > img, .MagicZoomPlus.magic-for-ie5 img { max-width: 100%; } td > .MagicZoomPlus > img, td > .MagicZoomPlus.magic-for-ie8 > img { max-width: none; width: auto; } /* Style of the span inside the small image link */ .MagicZoomPlus span { display: none !important; } /* Style of hint box */ .MagicZoomPlusHint { background: url(/Content/images/hint.gif) no-repeat 2px 50%; color: #444; font-family: sans-serif; font-size: 8pt; line-height: 24px; margin: 0; min-height: 24px; padding: 2px 2px 2px 20px !important; text-align: left; text-decoration: none; } .MagicZoomPlusLoading { background: #fff url(/Content/images/loader.gif) no-repeat 2px 50%; border: 1px solid #ccc; color: #444; font-family: sans-serif; font-size: 8pt; line-height: 1.5em; margin: 0; padding: 4px 4px 4px 24px !important; text-align: left; text-decoration: none; } /* Style to hide external title or caption on a page. Only needed for #id method */ .MagicZoomPlus-ExternalText { display: none; } /* Style of the zoomed image */ .MagicZoomBigImageCont { background: #ffffff; border: 1px solid #999; -webkit-transition: none !important; -moz-transition: none !important; transition: none !important; } .MagicZoomBigImageCont.inner-zoom { border: 0; } .MagicZoomBigImageCont img { max-width: none !important; max-height: none !important; height: auto !important; width: auto !important; transform: translateZ(0); } /* Style of text on the zoomed image */ .MagicZoomHeader { background: #666; color: #fff; font-size: 10pt !important; line-height: normal !important; text-align: center !important; } /* Style of square magnify area under the cursor */ .MagicZoomPup { background: #dadad1; border: 3px solid #aaa; cursor:url(/Content/images/zoomin.cur),pointer; } /* Style of loading message and icon shown during load */ .MagicZoomLoading { background: #fff url(/Content/images/loader.gif) no-repeat 2px 50%; border: 1px solid #ccc; color: #444; font-family: sans-serif; font-size: 8pt; line-height: 1.5em; margin: 0; padding: 4px 4px 4px 24px !important; text-align: left; text-decoration: none; } /* Style of hotspots */ .MagicHotspots { display: none; visibility: hidden; } .MagicHotspots a { border: 1px solid #ccc; display: block !important; position: absolute !important; } .MagicHotspots a:hover { border: 1px solid red; } /* Style of the small image when the large image is expanded */ .MagicThumb-expanded-thumbnail { cursor: default; } /* Style of the expanded image */ .MagicThumb-expanded { background: #ffffff; border: 1px solid #ccc; cursor: url(/Content/images/zoomout.cur), pointer; outline: 0; padding: 0; -webkit-box-sizing: content-box !important; -moz-box-sizing: content-box !important; box-sizing: content-box !important; -webkit-transition: none !important; -moz-transition: none !important; transition: none !important; } .MagicThumb-expanded img { background: #ffffff; } /* Style of the caption for the expanded image */ .MagicThumb-caption { background: #ccc; border: 0 !important; color: #333; font: normal 10pt Verdana, Helvetica; min-height: 18px !important; padding: 8px; outline: 0 !important; text-align: left; } /* Style of the close/next/previous buttons */ .MagicThumb-buttons { background: transparent url(/Content/images/buttons6.png) no-repeat 0 0; display: block; height: 24px; } .MagicThumb-buttons a { height: 24px; margin: 0px 1px !important; overflow: hidden; width: 24px; -webkit-transition: none !important; -moz-transition: none !important; transition: none !important; } .MagicThumb-expanded > div > div > div > img { max-height: none !important; max-width: none !important; height: auto !important; width: auto !important; } .MagicThumb-background { -webkit-transition: none !important; -moz-transition: none !important; transition: none !important; } .magic-temporary-img img { max-height: none !important; max-width: none !important; } /* Style of shadow effect behind zoomed image */ .MagicBoxShadow { -moz-box-shadow: 3px 3px 4px #888888; -webkit-box-shadow: 3px 3px 4px #888888; box-shadow: 3px 3px 4px #888888; border-collapse: separate; /* For IE 5.5 - 7 */ filter: progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#888888') !important; /* For IE 8 */ -ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#888888')" !important; } /* Style of glow effect behind zoomed image */ .MagicBoxGlow { -moz-box-shadow: 0px 0px 4px 4px #888888; -webkit-box-shadow: 0px 0px 4px 4px #888888; box-shadow: 0px 0px 4px 4px #888888; border-collapse: separate; /* For IE 5.5 - 7 */ filter: progid:DXImageTransform.Microsoft.Glow(Strength=4, Color='#888888') !important; /* For IE 8 */ -ms-filter: "progid:DXImageTransform.Microsoft.Glow(Strength=4, Color='#888888')" !important; }