*{margin:0px; padding:0px;} body{font-size:12px; color:#333; font-family:"微软雅黑",Arial, Helvetica, sans-serif;} ul{list-style-type:none;} img{border:0;} a:link { color: #333; text-decoration: none; } a:visited { text-decoration: none; color: #333; } a:hover { text-decoration: none; color: #C00; } a:active { text-decoration: none; } a.wl:link,a.wl:visited,a.wl:active {color:#FFF;text-decoration:none;} a.wl:hover {color:#FF0;} a.wb:link,a.wb:visited,a.wb:active {color:#069;text-decoration:none;} a.wb:hover {color:#C00;} a.wr:link,a.wr:visited,a.wr:active {color:#C00;text-decoration:none;} a.wr:hover {color:#000;} a.wg:link,a.wg:visited,a.wg:active {color:#999;text-decoration:none;} a.wg:hover {color:#C00;} .f_black {color:#000;} .f_red {color:#C00;} .f_white {color:#FFF;} .f_gray {color:#999;} .f_orange{color: #F90;} .f_green {color:#66A228;} .f_blue {color:blue;} .f_mblue {color:#1B75BC;} .f_dblue {color:#233F6F;} .f_gold {color:#F60;} .f_pink {color:#B5084A;} .f_Arial {font-family:Arial, Helvetica, sans-serif;} .f_yk {font-family:"微软雅黑";} .blod {font-weight:bold;} .noblod {font-weight:normal;} .px10 {font-size:10px;} .px11 {font-size:11px;} .px12 {font-size:12px;} .px13 {font-size:13px;} .px14 {font-size:14px;} .px15 {font-size:15px;} .px16 {font-size:16px;} .px18 {font-size:18px;} .px20 {font-size:20px;} .px25 {font-size:25px;} .input {height:18px; border:solid 1px #ccc; margin-left:5px; padding:3px;} .fleft {float:left;} .fright{float:right;} .mt5 {margin-top:5px;} .mt10 {margin-top:10px;} .mt15 {margin-top:15px;} .mt25 {margin-top:25px;} .mt35 {margin-top:35px;} .mt45 {margin-top:45px;} .line {background: url(../images/line.jpg) repeat-x left center;height:18px;width:100%;margin:0px auto;clear:both;} .line1 {background:none;border-bottom: 1px dotted #DDD;height:10px;width:100%;margin:0px auto 10px auto;clear:both;} .line2 {height:10px;width:100%;margin:0px auto 10px auto;clear:both;border-bottom:#DDD solid 1px;} .clear {clear:both; line-height:0px;} .kk{ margin:0 auto; width:960px; position:relative; z-index:99; } #logo { width:550px; height:90px; background:url(../images/logo.png) no-repeat left center; float:left; } #od_link { float:right; margin-top:20px; } #od_link li { float:left; margin-left:14px; border-left:solid 1px #666; line-height:10px; } #od_link li a { padding-left:10px; color:#333; font-size:13px; -moz-text-shadow:1px 1px 1px #FFF; -webkit-text-shadow:1px 1px 1px #FFF; text-shadow:1px 1px 1px #FFF; } #od_link li.nobl { border: none; } #ss { float: right; clear:right; margin-top:20px; width:210px; height:30px; background:url(../images/ssbg.png) no-repeat; } #ss .sskw { width:144px; height:30px; background:none; border:none; line-height:30px; padding:0 10px; } #ss .ssbn { width:46px; height:30px; background:none; border:none; cursor:pointer; } #menu { float:left; width:960px; height:38px; background: url(../images/bg.png) no-repeat; margin-top:10px; } #menu li { float:left; } #menu li a { font-size:15px; height:38px; line-height:38px; display:block; width:160px; color:#000; text-align:center; } #menu li a:hover { color:#FFF; background:#009734; } #menu li.mainlevel{ position:relative; z-index:999; } #menu li.mainlevel:hover > a { color:#FFF; background:#009734; } #home #menu li#m1 > a,#about #menu li#m2 > a,#product #menu li#m3 > a,#news #menu li#m4 > a,#job #menu li#m5 > a,#contact #menu li#m6 > a { color:#FFF; background:#009734; } #menu li ul { width:160px; position:absolute; background:#FFF; display:none; top:38px; left:0px; filter: Alpha(opacity=85);-moz-opacity:.85;opacity:0.85; } #menu li ul li{ background: none; width:160px; margin:0; } #menu li ul li a{ font-size:13px; font-weight:normal; width:160px; line-height:30px; height:30px; display:block; color:#333; font-family:Arial; text-align:center; padding:0; overflow:hidden; } #menu li ul li a:hover{ color:#FFF; font-weight:normal; background:#009734; } /*幻灯片*/ #bn{width:100%; height:480px; position:absolute;} .bgstretcher-area { text-align: left;} .bgstretcher, .bgstretcher ul, .bgstretcher ul li { position: absolute; top: 0; left: 0; } .bgstretcher { background: black; overflow: hidden; width: 100%; position: fixed; z-index: 1; _position: absolute; /*IE6 doesn't support fixed positioning*/ top: 0; left: 0; } #nav { position:absolute; top:400px; text-align:center; width: 100%; _left:45%; } #nav ul li { display:inline-block; margin-right: 8px; _float:left; } #nav ul li a {background:#DDD; width:12px; height:12px; display:block; text-align:center; font-size:0px;-webkit-border-radius:12px;-moz-border-radius:12px;border-radius:12px;} #nav ul li.showPage a {background:#009733;} #prev{position:absolute; left:0px; top:210px; cursor:pointer;} #prev a{display:block;width:30px; height:43px;font-size:0px;background:url(../images/scroll_btn.png) left bottom;filter: Alpha(opacity=10);-moz-opacity:.10;opacity:0.10;} #prev a:hover{background:url(../images/scroll_btn.png) left bottom;filter: Alpha(opacity=50);-moz-opacity:.50;opacity:0.50;} #next{position:absolute; right:0px; top:210px; cursor:pointer;} #next a{display:block;width:30px; height:43px;font-size:0px;background:url(../images/scroll_btn.png) right bottom;filter: Alpha(opacity=10);-moz-opacity:.10;opacity:0.10;} #next a:hover{background:url(../images/scroll_btn.png) right bottom;filter: Alpha(opacity=50);-moz-opacity:.50;opacity:0.50;} #mid { margin-top:340px; } #hmkk { height:184px; background:url(../images/kkbg.jpg) repeat-x bottom; border-top:3px solid #00792B; border-left:solid 1px #DDD; border-right:solid 1px #DDD; } #hmnews { width:420px; margin-left:30px; margin-top:30px; float:left; } #hmnews h1 { font-size:15px; font-weight:normal; } #hmnews .img { padding:5px; border:solid 1px #DDD; float:left; margin-top:10px; } #hmnews .img img { height:87px; } #hmnews ul { width:270px; float:right; margin-top:10px; } #hmnews li { line-height:27px; height:27px; overflow:hidden; background:url(../images/tb.png) no-repeat left center; padding-left:8px; } #hmab { width:440px; margin-right:30px; margin-top:30px; float:right; } #hmab h1 { font-size:15px; font-weight:normal; } #hmab .img { padding:5px; border:solid 1px #DDD; float:left; margin-top:10px; } #hmab .img img { height:87px; } #hmab article { float:right; width:284px; margin-top:5px; line-height:22px; word-break:break-all; } #hmpro { margin-top:20px; position:relative; height:250px; overflow:hidden; } #hmpro h1 { font-size:15px; font-weight:normal; } #hmpro ul { position:absolute; margin-top:10px; } #hmpro ul li { float:left; width:184px; margin-right:10px; } #hmpro ul li.nomr { margin-right:0px; } #hmpro ul li .img { width:182px; height:182px; border:solid 1px #EEE; } #hmpro ul li .img img { width:182px; height:182px; } #hmpro ul li .tit { height:35px; line-height:35px; overflow:hidden; text-align:center; } #hmpro:hover #hmpro_l { width:34px; height:68px; background:url(../images/arrow_btn.png) no-repeat left; position:absolute; left:0; top:90px; z-index:999; } #hmpro:hover #hmpro_r { width:34px; height:68px; background:url(../images/arrow_btn.png) no-repeat right; position:absolute; right:0; top:90px; z-index:999; } footer { background:#F2F2F2; margin-top:20px; } #btm_od { padding:30px; } #btm_od ul li { padding-right:60px; float:left; } #btm_od ul li.nopr { float:right; padding:0; width:300px; text-align:right; line-height:22px; } #btm_od ul li.nopr h3 { font-size:14px; font-weight:bold; height:25px; } #btm_od ul li dt,#btm_od ul li h3 { font-size:16px; font-weight:bold; height:35px; } #btm_od ul li dd { line-height:28px; font-size:14px; } #btm_od ul li span { padding-right:10px; } #btm_od ul li span img { width:120px; margin-top:30px; } #btm_od ul li p { line-height:24px; } #btm_con { padding:10px; background:#E6E6E6; line-height:24px; text-align:center; } #onqq { width:55px; height:55px; background:url(../images/online.png) no-repeat; position:fixed; right:0px; bottom:260px; cursor:pointer; } #onqq ul { position:absolute; height:55px; background:#019734; right:-550px; top:0; z-index:999; } #onqq ul li { float:left; height:55px; width:60px; border-right:solid 1px #2B7130; text-align:center; background:url(../images/qq.png) no-repeat center 10px; } #onqq ul li a { display:block; width:60px; height:25px; padding-top:30px; color:#FFF; } #onqq ul li a:hover { color:#FC0; } #ontel { width:55px; height:55px; background:url(../images/online.png) no-repeat 0 -57px; position:fixed; right:0px; bottom:203px; cursor:pointer; } #ontel ul { position:absolute; height:55px; background:#019734; right:-550px; top:0; z-index:999; padding:0 10px; line-height:55px; font-size:25px; color:#FFF; font-style:italic; font-family:Georgia, "Times New Roman", Times, serif; } #ontop { width:55px; height:55px; background:url(../images/online.png) no-repeat 0 -114px; position:fixed; right:0px; bottom:146px; cursor:pointer; } #mid_lt { float: left; width: 220px; margin-top: 20px; margin-bottom:20px; -moz-box-shadow:1px 1px 2px #CCC; -webkit-box-shadow:1px 1px 2px #CCC; box-shadow:1px 1px 2px #CCC; } .lttit { background:#019734; height:55px; line-height:55px; text-align:center; color:#FFF; font-size:18px; font-weight:normal; } #type { padding: 10px 15px; background:#FFF; } #type li { line-height:35px; border-bottom: dotted 1px #E3E3E3; } #type li.nobb { border-bottom: none; } #type li a { font-size:14px; } #type li a.on { color:#019734; } #type li ul { padding-bottom: 15px; } #type li ul li { border-bottom: none; line-height: 17px; padding-left: 20px; padding-top: 7px; background: url(../images/class.png) repeat-y -5px center #FFF; } #type li ul li a { font-size:12px; } #type li ul li a.on { color:#21BAC7; } #ltct { margin-top:20px; } #ltct_t { height:35px; line-height:35px; text-align:center; font-size:15px; font-weight:bold; color:#333; background:#F9F9F9; border: solid #EEE; border-width:1px 0px 1px 1px; } #ltct_c { background:url(../images/ct.jpg) no-repeat; padding:130px 10px 10px 10px; line-height:22px; } #mid_rt { float:right; width:720px; overflow:hidden; margin-top:20px; margin-bottom:20px; } #rt_tit{ border: solid 1px #EEE; line-height: 35px; height: 35px; font-size: 16px; background: #F7F7F7; -moz-box-shadow: 1px 0px 3px #CCC; -webkit-box-shadow: 1px 0px 3px #CCC; box-shadow: 1px 0px 3px #CCC; padding-right:10px; } #rt_tit div { background:#019734; padding:0 20px; float:left; border:solid 1px #019734; color:#FFF; margin-left:-1px; margin-top:-1px; } #rt_con { line-height:28px; padding:10px 0px; } #rt_con article a { text-decoration:underline; font-weight:bold; } .news_list{ background:#F6F6F6; line-height:24px; height:24px; overflow:hidden; padding:5px 10px; } .news_list.wt{ background:#FFF; } .news_list a{ padding-left:10px; background: url(../images/tb.png) no-repeat left center; font-size:14px; } .ny_list { margin-top: 10px; width: 720px; overflow: hidden; } .ny_list li { float: left; height: 240px; width: 240px; overflow: hidden; } .pic_img { height: 170px; width: 210px; text-align: center; border:solid 1px #DDD; margin:0 auto; -moz-box-shadow:1px 1px 3px #CCC; -webkit-box-shadow:1px 1px 3px #CCC; box-shadow:1px 1px 3px #CCC; } .pic_img img {vertical-align: middle;margin-right: -1px;} .pic_img span {display: -moz-inline-box;/*针对火狐*/} .pic_img span {display: inline-block;vertical-align: middle;height: 100%;visibility: hidden;width: 1px;} .pic_tit { line-height:40px; text-align:center; height:40px; overflow: hidden; margin:0 auto; width: 200px; } .ny_list1 { width: 920px; overflow: hidden; margin-top: 10px; } .ny_list1 li { float: left; height: 260px; width: 240px; overflow: hidden; } .pic_img2 { height: 190px; width: 210px; padding: 1px; border: 1px solid #DDD; text-align: center; background:#FFF; margin:0 auto; position:relative; } .pic_img2 img {vertical-align: middle;margin-right: -1px;} .pic_img2 span {display: -moz-inline-box;/*针对火狐*/} .pic_img2 span {display: inline-block;vertical-align: middle;height: 100%;visibility: hidden;width: 1px;} .pic_img2 a .video { position:absolute; width:100%; height:100%; background:url(../images/video.png) center center no-repeat #333; filter: Alpha(opacity=20);-moz-opacity:.20;opacity:0.20; } .pic_img2 a:hover .video { filter: Alpha(opacity=40);-moz-opacity:.40;opacity:0.40; } .pic_tit2 { line-height:20px; text-align:center; overflow: hidden; height:40px; width: 224px; margin:5px auto 0 auto; font-size:14px; } .ny_list2 { width: 720px; margin-top: 25px; height: 170px; padding-bottom:20px; border-bottom: 1px dotted #DDD; } .ny_list2_img { float: left; height: 160px; width: 180px; text-align:center; padding: 1px; border:solid 1px #EEE; -moz-box-shadow:1px 1px 3px #EEE; -webkit-box-shadow:1px 1px 3px #EEE; box-shadow:1px 1px 3px #EEE; -moz-border-radius:5px; -webkit-border-radius:5px; border-radius:5px; } .ny_list2_img img {vertical-align: middle;margin-right: -1px;} .ny_list2_img span {display: -moz-inline-box;/*针对火狐*/} .ny_list2_img span {display: inline-block;vertical-align: middle;height: 100%;visibility: hidden;width: 1px;} .ny_list2_main { float: right; height: 160px; width: 510px; } .ny_list2_main h3 { font-size: 14px; height: 28px; border-bottom: 1px solid #DDD; } .ny_list2_main p { line-height: 24px; color:#666; font-size:13px; } .down { height: 80px; } .down h3 { font-size: 14px; line-height: 30px; height: 30px; } .down div { background: #EEE; height: 35px; border-top: 1px solid #DDD; line-height: 35px; padding-left: 10px; padding-right: 10px; } .bdsharebuttonbox .sina { width:10px; height:25px; background:url(../images/share_icon.png) no-repeat -50px 0px; } .bdsharebuttonbox .weixin { width:10px; height:25px; background:url(../images/share_icon.png) no-repeat 0px 0px; } .bdsharebuttonbox .qzone { width:10px; height:25px; background:url(../images/share_icon.png) no-repeat -150px 0px; } .bdsharebuttonbox .tqq { width:10px; height:25px; background:url(../images/share_icon.png) no-repeat -100px 0px; } .bdsharebuttonbox .sqq { width:10px; height:25px; background:url(../images/share_icon.png) no-repeat -200px 0px; } #showinfo { padding:20px 0px; border-top:none; line-height:25px; } #showinfo .btn1 a { background:#FFF; border:1px solid #CCC; color:#999; height:25px; line-height:23px; text-align:center; margin:0px; padding:0 15px; display:block; font-size:14px; } #showinfo .btn1 a:hover { -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; background:#019734; color:#FFF; border:1px solid #019734; } #showinfo .btn2 a { background:#019734; border:1px solid #019734; color:#FFF; height:25px; line-height:23px; text-align:center; margin:0px; padding:0 15px; display:block; font-size:14px; margin-left:-1px; } #showinfo .btn2 a:hover { -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; background:#FFF; border:1px solid #CCC; color:#999; } #showinfo h1 { margin-top:20px; border-top:solid 1px #DDD; text-align:center; padding:20px 0; font-size:25px; font-weight:normal; } #showinfo .fb a{ width:25px; height:25px; margin: 0 5px 0 15px; float:left; font-size:0; display:block; background: url(../images/icon.png) no-repeat 0px 0px; } #showinfo .fb a:hover{ background: url(../images/icon.png) no-repeat -71px 0px; } #showinfo .fs a{ width:25px; height:25px; float:left; font-size:0; display:block; background: url(../images/icon.png) no-repeat -35px 0px; } #showinfo .fs a:hover{ background: url(../images/icon.png) no-repeat -106px 0px; } #showinfo article { margin-top:20px; line-height:28px; padding:10px; } #showinfo article a { text-decoration:underline; font-weight:bold; } #showinfo #bpicmain { width: 700px; margin:20px auto 0 auto; border:solid 1px #EEE; height:450px; position:relative; } #showinfo #bpic { width: 700px; text-align:center; height:450px; position:absolute; z-index:99; } #showinfo #bpic img {vertical-align: middle;margin-right: -1px;position:relative;z-index:1} #showinfo #bpic span {display: -moz-inline-box;/*针对火狐*/} #showinfo #bpic span {display: inline-block;vertical-align: middle;height: 100%;visibility: hidden;width: 1px;} #showinfo #bpic_lt { height: 450px; width: 150px; position: absolute; left: 0px; top: 0px; z-index:100; background: #FFF; filter: Alpha(opacity=0); -moz-opacity:0; opacity:0; } #showinfo #bpic_rt { height: 450px; width: 150px; position: absolute; right: 0px; top: 0px; z-index:100; background: #FFF; filter: Alpha(opacity=0); -moz-opacity:0; opacity:0; } #showinfo #bpic_ct { height: 450px; width: 400px; position: absolute; left: 150px; top: 0px; z-index:100; background: #FFF; filter: Alpha(opacity=0); -moz-opacity:0; opacity:0; } #showinfo #bbtn_c { background:url(../images/bigpic.png) no-repeat center center; width: 60px; height: 60px; position: absolute; left: 320px; top:195px; z-index:101; display:none; cursor:pointer; } #showinfo #bbtn_l { width: 60px; height: 60px; background: url(../images/butl.png) no-repeat; _background:none; _filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=crop, src='../images/butl.png'); float:left; cursor:pointer; position:absolute; left:10px; top:195px; z-index:101; display:none; } #showinfo #bbtn_r { width: 60px; height: 60px; background: url(../images/butr.png) no-repeat; _background:none; _filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=crop, src='../images/butr.png'); float:left; cursor:pointer; position:absolute; right:10px; top:195px; z-index:101; display:none; } #showinfo #spic { width: 610px; height: 64px; margin:0 auto; } #showinfo #sbtn_l { width: 14px; height: 20px; margin: 22px 8px 0px 8px; _margin: 22px 5px 0px 5px; background: url(../images/arrow_l.png) no-repeat; _background:none; _filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=crop, src='../images/arrow_l.png'); float:left; cursor:pointer; } #showinfo #sbtn_r { width: 14px; height: 20px; margin: 22px 8px 0px 8px; _margin: 22px 5px 0px 5px; background: url(../images/arrow_r.png) no-repeat; _background:none; _filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=crop, src='../images/arrow_r.png'); float:left; cursor:pointer; } #showinfo #spic_con { float: left; height: 64px; width: 550px; position: relative; overflow:hidden; } #showinfo #spic_con ul{ position:absolute; } #showinfo #spic_con li{ float:left; width:110px; height:64px; } #showinfo .spic_img { height:60px; width: 90px; border:solid 2px #EEE; margin: 0 auto; text-align:center; } #showinfo .cur{border:solid 2px #016797;} #search { padding-top:20px; } #search .td { width:32px; height:32px; background: url(../images/icon.png) no-repeat 0px -37px; display:block; float:left; margin-right:10px; } .search { background:url(../images/line.jpg) repeat-x left bottom; line-height: 24px; padding: 20px 10px; } .search.bg { background:#EEE; padding: 10px; } #pro { width: 720px; float: left; margin-top:15px; } #pro ul { border-top:solid 1px #DDD; border-left:solid 1px #DDD; } #pro li { float: left; height: 300px; width: 238.666px; border: solid #DDD; border-width:0 1px 1px 0; } #pro li.nobd { border-width:0 0 1px 0; } #pro li .kkbg { height: 288px; width: 233px; background:#FFF; margin:0 auto; position:relative; } #pro li:hover { background:#F7F7F7; } .pro_img { width:220px; height:230px; text-align:center; margin:6px auto 0 auto; } .pro_img img { vertical-align: middle; margin-right: -1px; transition: transform 0.3s ease 0s; transition-property: transform; transition-duration: 0.3s; transition-timing-function: ease; transition-delay: 0s; } .pro_img img:hover { -webkit-transform:scale(1.05); -moz-transform:scale(1.05); -ms-transform:scale(1.05); transform:scale(1.05) } .pro_img span { display: -moz-inline-box;/*针对火狐*/ } .pro_img span { display: inline-block; vertical-align: middle; height: 100%; visibility: hidden; width: 1px; } .pro_tit { overflow: hidden; text-align: center; line-height:20px; height:40px; margin-top:5px; font-size:14px; word-break: break-all; word-wrap: break-word; } #wz { line-height:40px; border-bottom:solid 1px #DDD; margin-bottom:20px; } #prospic { float: left; height: 360px; width: 65px; margin-top:15px; } #prosbtn_up { width: 52px; height: 8px; margin-bottom:7px; background: url(../images/arrow.png) no-repeat center top; cursor:pointer; overflow:hidden; } #prosbtn_dw { width: 52px; height: 8px; background: url(../images/arrow.png) no-repeat center bottom; cursor:pointer; margin-top:7px; overflow:hidden; } #prospic_con { height: 330px; width: 52px; position: relative; overflow:hidden; } #prospic_con ul{ position:absolute; } #prospic_con li{ float:left; width:52px; height:66px; } .prospic_img { height:48px; width: 48px; border:solid 1px #DDD; text-align:center; margin-top:8px; } .prospic_img img {vertical-align: middle;margin-right: -1px;} .prospic_img span {display: -moz-inline-box;/*针对火狐*/} .prospic_img span {display: inline-block;vertical-align: middle;height: 100%;visibility: hidden;width: 1px;} .procur{border:solid 2px #019734;} #probpic { float: left; width:360px; text-align:center; height:360px; border:solid 1px #DDD; margin-left:15px; margin-top:15px; } #probpic img {vertical-align: middle;margin-right: -1px;position:relative;z-index:1} #probpic span {display: -moz-inline-box;/*针对火狐*/} #probpic span {display: inline-block;vertical-align: middle;height: 100%;visibility: hidden;width: 1px;} #prodes { float: right; width: 490px; line-height: 25px; font-size:14px; margin-top:15px; } #prodes h1{ color:#000; font-size:24px; font-weight:normal; } #prodes h2{ color:#666; font-size:16px; font-weight:normal; margin-top:10px; } #procon { line-height: 28px; font-size:14px; margin-top:50px; } #procon h1{ height:45px; border-top:solid 1px #DDD; border-bottom:solid 1px #DDD; } #procon h1 div { float: left; background: #019734; padding: 0 30px; height: 45px; line-height: 45px; font-size: 16px; color: #FFF; font-weight: normal; } #procon h1 span { float:right; background:url(../images/back.png) no-repeat left center; padding-left:30px; font-size:14px; font-weight:normal; margin-top:10px; } #samepro { clear: both; width: 490px; margin-top:20px; } #samepro h3 { border-bottom:solid 1px #DDD; padding-bottom:5px; font-size:15px; } #samepro li { float: left; width: 122px; text-align:center; } .samepro_img { height: 100px; width: 100px; margin:0 auto; } .samepro_img img {vertical-align: middle;margin-right: -1px;} .samepro_img span {display: -moz-inline-box;/*针对火狐*/} .samepro_img span {display: inline-block;vertical-align: middle;height: 100%;visibility: hidden;width: 1px;} .samepro_txt { line-height:18px; width: 100px; margin:5px auto 0 auto; height:36px; font-size:12px; overflow:hidden; } #form_msg .ipt { width:97%; border:solid 1px #CCC; height:33px; line-height:33px; padding:0 1%; margin-top:10px; } #form_msg .ipt:focus { border:solid 1px #019734; -moz-box-shadow:1px 1px 3px #019734; -webkit-box-shadow:1px 1px 3px #019734; box-shadow:1px 1px 3px #019734; } #form_msg textarea { width:97%; padding:1%; height:60px; line-height:20px; border:solid 1px #CCC; margin-top:10px; } #form_msg textarea:focus { border:solid 1px #019734; -moz-box-shadow:1px 1px 3px #019734; -webkit-box-shadow:1px 1px 3px #019734; box-shadow:1px 1px 3px #019734; } #form_msg .btn { background:#019734; border:1px solid #019734; color:#FFF; height:35px; line-height:30px; text-align:center; margin-top:15px; margin-right:10px; cursor:pointer; padding:0 30px; font-family:"微软雅黑"; font-size:18px; } #form_msg .btn:hover { -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; background:#FFF; color:#019734; } #search { margin:0 auto; width:960px; border:solid 1px #EEE; } #search .td { width:32px; height:32px; background: url(../images/icon.png) no-repeat 0px -37px; display:block; margin-left:10px; float:left; } .search { background:url(../images/line.jpg) repeat-x left bottom; line-height: 24px; padding: 20px 30px; } .search.bg { background:#EEE; padding: 10px 30px; }