* {word-wrap:break-word;} html {height: 100%;margin: 0;padding: 0;padding-bottom: 1px;} body { margin: 0;font:14px/1.5 Microsoft Yahei,Arial,Tahoma,Microsoft YaHei,SimSun;color:#444;/* line-height:1.5;*/} div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, code, del, dfn, em, img, q, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, textarea, input, select {margin: 0;padding: 0; border: 0; vertical-align: baseline;} h1 { font-size:20px; font-family:'microsoft yahei';} h2 { font-size:14px;} h3 { font-size:14px; font-weight:normal;} h4 { font-size:12px;} h5 { font-size:12px; font-weight:normal;} ul { list-style:none;} img { border:0px;} a { color:#444; text-decoration:none;} a:hover { color:#1C57C4;} .z {float:left;} .y {float:right;} .clear {clear:both;height:0;font-size: 1px;line-height: 0px;} .vm {vertical-align:middle;} .vm * {vertical-align:middle;} /* discuz */ .wp { width: 100%; } #navstyle, #navdiy {display:none;} /* body */ #container_company {width:100%;background:#F5F5F5;} /* header */ #header_company { width:1118px;height:120px;overflow: hidden;margin:0 auto;} #header_company .z {} #header_company h1 { display:none;} #header_company img { padding:13px 0 10px 0;max-height:100px;} .fav_company {padding-top:30px;height:35px;} .fav_company a{float:right;display:inline-block;padding:2px 10px;height:20px;line-height:20px;color:#fff;background:#850F19;} a#favorites {background:#494D58;} .fav_company a:hover,.fav_company a#favorites:hover {background:#E7792A;} .fav_company a#diy-tg {width: 52px; background:#5BA834 url(diy.png) no-repeat 50% 50%;} .search_company {float:right;margin-top:15px;} .search_company input.input {width:200px;border: 1px solid #B1B1B1;border-right:none;height:24px;line-height:24px;float:left;} .search_company input.submit {border: 1px solid #B1B1B1;height:26px;line-height:26px;cursor:pointer;float:left;padding:0 5px;} .search_company select {border: 1px solid #B1B1B1;border-right:none;height:26px;line-height:26px;float:left;*font-size:22px;_font-size:18px;padding:5px 5px;} #nav_company { width:100%;background:#F5F5F5 url(nav.png) repeat-x 50% 0;height:50px;} #nav_company ul { width:1118px;margin:0 auto;height:50px;} #nav_company ul li { float:left;width:124px;height:50px;text-align:center;background:url(nav_li.gif) no-repeat 100% 0px;position:relative;z-index:999;} #nav_company ul li a { display:block;color:#FFF;padding-top:10px;padding-bottom:10px;font-size:15px;} #nav_company ul li a:hover, #nav_company ul li .a { font-weight: 700;} #nav_company ul li.first {display:none;} #nav_company ul li.end {display:none;} #nav_company ul li.sub>a {background:url(arw_r.gif) no-repeat 95% 51%;} #nav_company ul li.sub>a:hover {background:url(arw_r_red.gif) no-repeat 97% 51%;} #nav_company ul li span {display:none;} #nav_company ul li ul {width:124px;height:auto;position:absolute;left:0px;display:none;margin:0;padding:0;background:#052764;z-index:999;} #nav_company ul li ul li {width:100%;height:auto;background:none;} #nav_company ul li ul a {width:100%;display:block;height:20px;line-height:20px;font-size:12px;font-weight:normal;} #nav_company ul li ul li ul {left:124px;display:none;top:0px;z-index:0;} /* banner */ #banner_company { width:100%;text-align:center;background:#F5F5F5 url(bg_banner.gif) repeat-x 50% 100%;padding-bottom:6px;overflow: hidden;margin-top:-4px;} #banner_company img {max-width:100%;} .fullSlide{ position:relative; background:#000; margin:0 auto; } .fullSlide .bd{ position:relative; z-index:0; } .fullSlide .bd li img{width:100%; vertical-align:top; } .fullSlide .hd{position:relative; z-index:1; margin-top:-30px; height:30px; line-height:30px;text-align:center;} .fullSlide .hd ul{ text-align:center; padding-top:5px; } .fullSlide .hd ul li{ cursor:pointer; display:inline-block; *display:inline; zoom:1; width:8px; height:8px; margin:5px; background:url(fullSlide_nav.png) -18px 0; overflow:hidden; font-size:0;} .fullSlide .hd ul .on{ background-position:0 0; } .fullSlide .prev,.fullSlide .next{ z-index:1; display:block;width:55px;height:55px;position:absolute;top:43%;background:url(fullSlide_arr.png) 0 0 no-repeat; filter:alpha(opacity=10);opacity:0.1;} .fullSlide .prev{left:3%;} .fullSlide .next{ background-position:right 0;right:3%;} .fullSlide .prev:hover,.fullSlide .next:hover{ filter:alpha(opacity=60);opacity:0.6;} #path_company { width:100%;overflow:hidden;height:45px;line-height:42px;background:url(path.gif) no-repeat 0px 50%;padding:0 0px 0 20px;font-size:16px;font-weight: 700;} #path_company, #path_company a{color:#1C4587;} #path_company a:hover{text-decoration:underline} /* main */ #main_company { margin:0 auto; width:1118px;overflow:hidden;background:url(main.jpg) repeat-x 50% 83px;padding:15px 0px 0px 0px;} .boxt {font-weight: 700;font-size:14px;height:45px;line-height:45px;} .boxu, .boxc { padding:8px 15px;} #side_company { width:280px; float:left;} .sidebox { margin-bottom:20px;background: #444444;color:#fff;} .sidebox a {color:#fff;} .sidebox .boxt { text-indent:15px;height:102px;line-height:71px;background:#D8D8D8 url(side_title.gif) repeat-x 50% 0;color:#fff;font-size:18px;overflow: hidden;} .sidebox .boxu, .sidebox .boxc { padding:8px 15px;} .sidebox .boxu li a { display:block;width:230px;height:26px;line-height:26px;border-bottom: 1px dashed #D6D6D6;background:url(arrow2.gif) no-repeat 0px 7px;padding-top:5px;overflow:hidden;} .sidebox .boxu li a:hover {border-color: #FF6F11;} /* menu */ .sidebox ul.menu ul {width:100%;} .sidebox ul.menu li{border-bottom: 1px solid #AAAAAA;padding-top:8px;padding-bottom:8px;padding-left:20px;background:url(menu_bg.gif) no-repeat 0px 16px;} .sidebox ul.menu li span{float:right;} .sidebox ul.menu li a{display:inline;background:none;border-bottom: none;} .sidebox ul.menu li a:hover{background:none;color:#96CBF3;} .sidebox ul.menu li a.current{color:#96CBF3;font-weight: 700;} .sidebox ul.menu li a.menu_open{background:url(menu_open.gif) no-repeat 0px 6px;padding-left:12px;} .sidebox ul.menu li a.menu_close{background:url(menu_close.gif) no-repeat 0px 9px;padding-left:12px;} .sidebox ul.menu ul li, .sidebox ul.menu ul ul li{border-bottom: none;padding-top:0px;padding-left:0px;background:none;} .sidebox ul.menu ul li a { margin-left: 20px;font-weight: normal;} .sidebox ul.menu ul ul li a {margin-left: 40px;} /* menu end */ .sidebox .boxc p {line-height:200%;} .sidebox .boxb { height:10px;clear:both;} #right_company{ width:815px; float:right;} .mainbox { margin-bottom:6px;} .mainbox .boxt { text-indent:15px;overflow: hidden;display:none;} .mainbox .boxt span {float:right;padding-right:10px;font-size:12px;font-weight:normal;} .mainbox .boxt span img {margin-top:16px;} .mainbox .boxu,.mainbox .boxc { padding:4px 10px;overflow: hidden;margin-top:50px;} .mainbox .boxu li { height:36px;line-height:36px;padding-top:12px;border-bottom: 1px dashed #D6D6D6;background:url(arrow.png) no-repeat 6px 22px;text-indent:25px;overflow: hidden;} .mainbox .boxu li:hover {border-bottom: 1px dashed #BF8186;} .mainbox .two li { display:block;float:left;width:50%;} .mainbox .boxu li span {float:right;color:#ACACAC;font-size:12px;} /* ul.thumb */ .mainbox .thumb {} .mainbox .thumb li {display:block;float:left;width:240px;height:215px;margin:5px 12px;background: none;border:none;text-indent:0px;overflow: hidden;text-align:center;} .mainbox .thumb li:hover {border:none;} .mainbox .thumb div {width:240px;*width:233px;_width:233px;height: 170px;*font-size:113px;_font-size:140px;display: table-cell;vertical-align:middle;text-align:center;border: 1px solid #ccc;padding:2px;} .mainbox .thumb div img {vertical-align: middle;max-width: 234px; max-height: 171px;width: expression(this.width > 234 && this.width>=this.height ? 234 : true); height: expression(this.height > 171 && this.width<=this.height ? 171 : true);} .mainbox .thumb div:hover {border-color:#0B2D6A;} .mainbox .thumb h3 {} .mainbox .boxc {padding:10px;line-height:160%;} .mainbox .title h1 {text-align:center;line-height:1.8em;color:#FE7200;font-size:20px;font-weight:800;} .mainbox .title h6 {text-align:center;line-height:32px;font-size:12px;font-weight:normal;color:#999;border-bottom: 1px dashed #ccc;padding-bottom:10px;margin-bottom:10px;} .mainbox .title h6 .bdsharebuttonbox{text-align:center;} .mainbox .title h6 .bdsharebuttonbox a{float:none !important;*float:left !important;} .mainbox .content {padding:5px 10px;font-size:14px;overflow:hidden;} .mainbox .content div,.mainbox .content p {line-height:1.8em;margin:8px 0 8px 0;} .mainbox .content img.thumb {float:left;margin:5px 10px 5px 0px;} .mainbox .content blockquote,.mainbox .content em{font-style:normal;margin-left:0;margin-right:0;} .mainbox .content ul,.mainbox .content ol,.mainbox .content pre{padding-left:2.6em;word-break:break-all;} .mainbox .content ul{border:1px solid #70990F;background:#DEF2B0;list-style-type:disc;} .mainbox .content ol{border:1px solid #CCCCCC;background:#E7E7E7;list-style-type:decimal-leading-zero;} .mainbox .content pre{background: #FFF6BF;border: 1px solid #FFD324;color: #514721; padding-left: 0.6em;} .mainbox .content ul li,.mainbox .content ol li{font-size:12px;padding-left:6px;margin-left:1px;background:#fff;word-break:break-all;background:#fff;line-height:200%;} .mainbox .content ul li{border-left:1px solid #70990F;border-bottom:1px dotted #70990F;} .mainbox .content ol li{border-left:1px solid #CCCCCC;border-bottom:1px dotted #CCCCCC;} .mainbox .content li span {float:none;} .mainbox .content blockquote ul div.blockquoteem{border-top:5px solid #70990F;padding:5px;margin:0px 0px 0px 1px;} .mainbox .content blockquote ol div.blockquoteem{border-top:5px solid #CCCCCC;padding:5px;margin:0px 0px 0px 1px;} .mainbox .content blockquote pre div.blockquoteem{border-top:5px solid #CCCCCC;padding:5px;margin:0px 0px 0px 1px;} .mainbox .content blockquote div.blockquoteem em{color:blue;cursor:pointer;margin-right:1em;} .mainbox .content blockquote div.blockquoteem em:hover{color:red;} .listheight{min-height:40px;} /*.blockquotecopy{max-height: 350px;overflow-x: no;overflow-y: auto;}*/ .blockquotecopy ul,.blockquotecopy ol,.blockquotecopy pre{max-height: 350px;overflow-x: no;overflow-y: auto;} /* Tables */ .mainbox .content table {margin-bottom: 2em;width: 100%;font-size:12px;} .mainbox .content th {font-weight: bold;background: #E5E5E5;border: 1px solid #D5D5D5;color: #555;height:30px;line-height:30px;} .mainbox .content thead th {background: #C3D9FF;} .mainbox .content th,.mainbox .content td,.mainbox .content caption {padding:0px 4px;} .mainbox .content tr {border-bottom: 1px solid #DDD;} .mainbox .content td {/*background: #F0F0F0;*/border: 1px solid #E0E0E0;height:26px;line-height:26px;} .mainbox .content tr.even td {background: #F5F5F5;} .mainbox .content tfoot {font-style: italic;} .mainbox .content caption {background: #EEE;} .mainbox .pernext{} .mainbox .pernext li{padding:2px 10px;} .mainbox .pernext a{margin-left:5px;} .mainbox .boxb { height:10px;clear:both;overflow: hidden;} /* index */ .main_company_index{width:100%;background:url(index.gif) repeat-x 50% 100%;padding-bottom:20px;margin-bottom:20px;} .main_company_index .boxt{margin-bottom:10px;overflow: hidden;margin-top:10px;} .main_company_index .boxt h3 {font-size:25px;color:#2C70B7;} .main_company_index .boxt span{float:right;margin-top:40px;margin-right:10px;} .main_company_index .boxt span a{color:#2C70B7;} .index_1 {width:1171px;height:385px;background:url(index_about.gif) no-repeat 50% -6px;margin:0 auto;} .aboutbox {float:left;width:874px;} .aboutbox .boxt {height:63px;line-height:63px;background:url(arr.gif) no-repeat 0px 50%;padding-left:25px;} .aboutbox .boxc {line-height:200%;background:none;padding-left:0px;} .aboutbox .boxc img.about {float:left;margin-top:8px;margin-right:8px;width:200px;height:150px;} .aboutbox .boxc a{color:red;} .aboutbox .boxc3 {margin-top:29px;} .aboutbox .boxc3 li{float:left;width:252px;height:258px;margin-right:27px;padding:6px;background:url(index_about2.gif) no-repeat 0 0;position:relative;} .aboutbox .boxc3 li h3 {display:block;width:166px;padding:6px 10px;position:absolute;top:20px;left:0px;background: rgba(0, 78, 155, 0.6); filter:progid:DXImageTransform.Microsoft.gradient(startColorstr = #50FFFFFF, endColorstr = #50FFFFFF);font-size:16px;font-weight:700;color:#fff;} .aboutbox .boxc3 li img {margin-bottom:13px;width:252px;height:138px;} .aboutbox .boxc3 li p {padding:2px 5px;color:#5A5A5A;line-height:180%;} .aboutbox .boxc3 li i {display:block;font-style:normal;text-align:right;} .aboutbox .boxc3 li i a {color:red;} .aboutbox .boxb {} .newsbox {float:right;width:297px;} .newsbox .boxt{height:64px;line-height:90px;padding-left:10px;} .newsbox .boxt h3{font-size:15px;font-weight: 700;color:red;} .newsbox .boxu {padding:0 5px;} .newsbox .boxu li {height:34px;line-height:34px;overflow: hidden;background:url(arrow.png) no-repeat 6px 50%;border-bottom:1px solid #E2E2E2;padding:0px 5px 0px 20px; clear:both;} .newsbox .boxb {} .productbox { width:1171px;margin:0 auto;} .productbox .boxt {height:45px;line-height:45px;background:url(arr.gif) no-repeat 0px 13px;padding-left:25px;padding-bottom:12px;border-bottom:2px solid #2B71B7;} .productbox .boxt span{float:right;margin-top:0px;margin-right:10px;font-size:22px;font-weight:400;} .productbox .boxu {height:210px;overflow:hidden;padding:0px;padding-top:15px;} .productbox .thumb {_height:210px;} .productbox .thumb li {display:block;float:left;width:212px;margin-right:25px;overflow: hidden;text-align:center;border:1px solid #CCCCCC;} .productbox .thumb li:hover {border-color:#F17303;} .productbox .thumb ul div {width:212px;*width:200px;_width:150px;height: 155px;*font-size:88px;_font-size:105px;display: table-cell;vertical-align:middle;text-align: center;padding:5px;} .productbox .thumb ul div img {vertical-align: middle;max-width: 200px; max-height: 150px;width: expression(this.width > 200 && this.width>=this.height ? 200 : true); height: expression(this.height > 150 && this.width<=this.height ? 150 : true); } .productbox .thumb h3 {font-weight: 700; font-size: 14px;height: 30px;line-height: 30px;overflow: hidden;} .productbox .thumb a {color:#2C70B7;} .productbox .boxb {} .casebox { width:1171px;margin:0 auto;padding-top:3px;margin-bottom:10px;overflow:hidden;} .casebox .boxt {height:118px;line-height:118px;background:url(index_case.gif) no-repeat 0 0;} .casebox .boxt h3{padding-left:130px;} .casebox .boxt span{float:right;margin-top:25px;margin-right:10px;_display:none;*display:none;} .casebox .boxt span a{display:inline-block;float:right;width:75px;height:65px;line-height:65px;text-indent: -9999px;} .casebox .boxu {background:url(index_case2.gif) no-repeat 50% 0px;height:204px;margin-top:30px;padding:0 10px;padding-top:3px;} .casebox .boxuw {width:1151px;height:204px;overflow: hidden;} .casebox .thumb {_height:204px;overflow: hidden;} .casebox .thumb li {display:block;float:left;width:212px;margin:5px;overflow: hidden;text-align:center;} .casebox .thumb ul div {width:212px;*width:200px;_width:150px;height: 155px;*font-size:88px;_font-size:105px;display: table-cell;vertical-align:middle;text-align: center;padding:5px;} .casebox .thumb ul div img {vertical-align: middle;max-width: 200px; max-height: 150px;width: expression(this.width > 200 && this.width>=this.height ? 200 : true); height: expression(this.height > 150 && this.width<=this.height ? 150 : true); } .casebox .thumb h3 {font-weight: 400; font-size: 12px;height: 26px;line-height: 26px;overflow: hidden;} .casebox .boxb {} #friendsite_company { width:1171px;margin:0 auto;margin-bottom:20px;} .allbox {} .allbox .boxt{height:45px;line-height:45px;background:url(arr.gif) no-repeat 0px 13px;padding-left:25px;padding-bottom:12px;border-bottom:2px solid #2B71B7;} .allbox h3 {font-size:25px;color:#2C70B7;} .allbox .boxc{padding:4px 0px;} .allbox .boxc a {margin:3px 5px;} .allbox .boxc .logo {border-bottom: solid #D5D9D9 1px;padding:10px 0;} .allbox .boxc .text {padding:10px 0;} .allbox .boxb{clear:both;} /* footer */ #footer_company { background:url(footer.gif) repeat-x 50% 0; text-align:center;font-size:12px;height:108px;padding-top:10px;} #footer_company a:hover{color:red;} .footnav { height:30px;line-height:30px;color:#434343;} .footnav a,.footnav span{height:30px;padding:2px 5px;color:#434343;} .copyright {padding:10px 0;color:#434343;} .copyright a {color:#434343;} .qrcode_company {margin:0 auto; width:1118px;} .qrcode_company a { border: solid #87888A 1px; padding:1px; margin-left:-635px; /*ff ch*/ margin-left:-135px\9; margin-left:-135px\0; /* ie8 */ *margin-left:-635px; /* ie8 2 */ _margin-left:auto; position:fixed; _position:absolute; top:175px; _top:expression(documentElement.scrollTop+175); _left:expression(eval(document.documentElement.clientHeight==0?document.body.offsetWidth:document.documentElement.clientWidth)/2-634+"px"); width:35px; height:35px; background:#0B2D6A url(qrcode.png) no-repeat 1px 1px; text-indent: -9999px; z-index:997; } .qrcode_company a span,.qrcode_company a img {width:0px;height:0px;} .qrcode_company a.contact {z-index:998;top:217px;_top:expression(documentElement.scrollTop+217);background:#0B2D6A url(qrcode.png) no-repeat 2px -68px;} .qrcode_company a.wx {z-index:999;top:259px;_top:expression(documentElement.scrollTop+259);background:#0B2D6A url(qrcode.png) no-repeat 1px -34px;} .qrcode_company a:hover {width:38px;border-color: #24305B;border-right:none;background:#FFF url(qrcode.png) no-repeat -34px 1px;text-indent: 0px;} .qrcode_company a.contact:hover{background:#FFF url(qrcode.png) no-repeat -34px -68px;} .qrcode_company a.wx:hover{background:#FFF url(qrcode.png) no-repeat -34px -34px;} .qrcode_company a:hover img {_position:absolute;width:180px;height:180px;border: solid #24305B 1px;border-top:none;margin-left:39px;_margin-left:20px;} .qrcode_company a:hover span {display:block;width:181px;height:37px;line-height:37px;border: solid #24305B 1px;border-bottom:none;border-left:none;margin-left:39px;margin-top:-2px;background:#FFF;} /* showpage */ .pg { float: right;margin-bottom:15px;} .pg strong, .pg a, .pg label{ float:left;color:#555; display:block; height:18px; line-height:18px; padding:2px 8px 0px 8px; border:1px solid #CC9900; margin-left:3px;} .pg strong { border:1px solid #831B26; background:#F5F5F5;} .pg a:hover { border-color: #831B26; color: #369; } .pg a.prev { padding:2px 4px 0px 4px;background-image: url(arw_l.gif); background-position: 50% 50%; } .pg a.nxt { padding-right: 25px; background: url(arw_r.gif) no-repeat 90% 50%;} .pg .px {width:20px;height:15px;line-height:15px;}