*{white-space:normal; word-break:break-word; } body{ font-family:Arial, Helvetica, sans-serif;overflow-x:hidden; color:#333; font-size:12px; line-height:20px; padding:0;min-width: 1100px;} body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, textarea, p, blockquote, th, td{margin:0; padding:0} ul, li{margin:0px; padding:0px; list-style:none} #clear{clear:both; height:5px} .grayfont{color:#999} .redfont{color:#c00} .yellow{ color:#000; font-size:9px;} ul, li{margin:0px; padding:0px; list-style:none} a:link{color:#333; text-decoration:none} a:visited{text-decoration:none; color:#000} a:hover{text-decoration:none; color:#c00} a:active{text-decoration:none; color:#333} .white a:link{color:#fff; text-decoration:none} .white a:hover{color:#fff; text-decoration:none} .white a:active{color:#fff; text-decoration:none} .white a:visited{color:#fff; text-decoration:none} a.white:link{color:#fff; text-decoration:none} a.white:hover{color:#fff; text-decoration:none} a.white:active{color:#fff; text-decoration:none} a.white:visited{color:#fff; text-decoration:none} a.red:link{color:#C00; text-decoration:none} a.red:hover{color:#C00; text-decoration:none} a.red:active{color:#C00; text-decoration:none} a.red:visited{color:#C00; text-decoration:none} .fr{ float:right;} .fl{ float:left;} #top_bg,#nav_bg,#banner_bg,#tj_pro_bg,#bottom_bg,#foot_bg{ margin:0 auto; width:100%; overflow:hidden} #top,#top_main,#nav,#tj_pro,#content,#tj-news,#bottom,#foot,#sub_nav,#sub_banner{margin:0 auto; width:1100px; overflow:hidden} #top_bg{background:url(../images/top_bg.jpg) repeat-x;height:37px;} #top ul{ float:left; width:49%; background:url(../images/dq.gif) no-repeat left center; padding-left:15px;} #top li{ float:left; line-height:38px; padding:0px 20px 0px 20px; background:url(../images/x.jpg) no-repeat right center;} #top_main{ height:95px;} #top_main h1 {font-size:28px;} .logo{ float:left; margin:2px 0px 0px; text-indent:-9999px;} .logo a:link, .logo a:visited, .logo a:hover{ width:438px; height:90px; background: url(../images/logo.png) no-repeat 0 0; display:block;} .ser_tel{ float:right; left:500px; margin-left:90px; background:url(../images/tel.gif) no-repeat left center; height:30px; margin-top:37px; padding-left:40px; line-height:30px; width:400px;} .ser_tel h3{ font-size:14px; width:115px; float:left; font-weight:normal;} .ser_tel span{ color:#CC0000; float:right; font-size:16px;} #c_so1{height:28px; width:351px;background:#e7e7e6; padding:2px;} .searchform{ height:26px;} .searchform:after{content: ".";display: block;height: 0;clear: both;visibility: hidden;} .ss2 { display:inline; width:431px ; float:right; margin-top:5px;} .ss2 input { border:1px solid #ccc; background:#fff;width:255px;height:23px; color:#9c9898; line-height:23px; padding-left:10px; float:right;margin-top:2px;} .ss2 img { margin:2px 3px 0 0;} #nav_bg{ background:url(../images/nav_bg.jpg) repeat-x; height:36px;} #nav li{float:left; line-height:36px; list-style:none; text-align:center; background:url(../images/nav_x.jpg) no-repeat right center; padding:0px 25px;} #nav li a{ color:#fff; } #nav li a:hover{ color:#F60; } #nav li.on{background:url(../images/nav_hover.jpg) no-repeat; font-weight:bold;} #nav{ font-size:14px;} #nav li.on a{ color:#fff;} #banner_bg{ background: url(../images/ban_bg.jpg) repeat-x; } #banner_left{ float:left; background:url(../images/banleft.jpg) no-repeat; width:830px; height:282px;} #banner_right{ background:url(../images/banright_bg.jpg) no-repeat; width:239px; height:280px;color:#f8f8f8; float:right; padding:7px;} #banner_right h3{ font-size:16px; background:url(../images/h3_bg.gif) repeat-x bottom center ; line-height:40px; text-indent:10px; color:#FA000B; margin-bottom:8px;} #banner_right p{ line-height:22px; } #banner_right img { float:right; margin:0px 0px 0 10px;} #banner_right h4{ width:142px; background:url(../images/com_ajbg.jpg) no-repeat; height:31px; text-align:center; float:right; margin-right:9px; line-height:24px;} #tj_pro_bg{ background:url(../images/fl_bg.jpg) repeat-x; height:113px;} #tj_pro li{ width:24.8%!important; width:24.8%; float:left; height:85px; margin-top:17px; border-right:#999 1px dashed} .tj_pro{ width:100%;} .tj_pro img{ float:left; padding-left:15px; } .tj_pro span{ float:right; width:125px; padding-right:8px;} .tj_pro span h3{ font-size:12px; font-weight:normal; height:18px; overflow:hidden; color:#E30000; margin-bottom:5px;} .tj_pro_bg{/* background:url(../images/tj_bg1.jpg) repeat-x #000;*/} #content{ margin-top:20px; margin-bottom:20px;} #sy_news{ float:left; width:365px;} #sy_news h3{ font-size:16px;margin-bottom:10px;} #sytj_new{ /*background:url(../images/synew_bg.jpg) repeat-y;*/ height:70px; padding-top:10px;}#sytj_new img{ float:left; padding:2px; border:#d8d8d8 1px solid; margin-left:} #sytj_new span{ float:right; width:260px ; padding-right:10px;} #sytj_new h3{ color:#CC0000; font-size:12px; margin-bottom:3px;} #sy_newslist{ margin:0 auto; width:100%; overflow:hidden; margin-top:10px;} #sy_newslist li{ line-height:25px; height:25px; padding-right:8px; overflow:hidden } .newal{ float:left; text-align:left; width:23%; color:#999; background:url(../images/gif1.gif) no-repeat left center; padding-left:10px;} .newar{ float:right; width:74%;} #sy_pro{ float:left; left:365px; margin-left:10px; width:460px;} #sy_pro h3{ font-size:16px; margin-bottom:10px;} #sy_pro_tit{ background:url(../images/tjpro_bg.jpg) no-repeat; width:450px; line-height:31px; height:36px;} #sy_pro_tit h3{ color:#fff; float:left; text-align:left; padding-left:10px; font-size:12px; width:60%;} #sy_pro_tit span{ float:right; width:35%; text-align:right; padding-right:10px;} #sy_pro p{ margin-top:5px;} #sy_pro_list{ margin:0 auto; overflow:hidden;} #sy_pro_list li{ float:left; padding:0px 10px 0px 0px;} .pic01{ background:url(../images/navatar.gif) no-repeat left center; text-indent:25px;} .pic02{ background:url(../images/message.gif) no-repeat left center;text-indent:25px;} .pic03{ background:url(../images/network.gif) no-repeat left center;text-indent:25px;} .pic04{ background:url(../images/video.gif) no-repeat left center;text-indent:25px;} #sy_right{ float:right; width:260px; } #sy_right_scx{ width:250px; height:180px; border:#d8d8d8 1px solid; background:#f8f8f8; padding:3px;} #sy_right h3{ font-size:16px;margin-bottom:10px;} #featureContainer { MARGIN: 0px auto; WIDTH: 450px; FONT-SIZE: 80%; BORDER: #999 0px dotted; } #wrap { OVERFLOW: hidden } #load { BACKGROUND-IMAGE: url(images/loader32x32.gif); BORDER: #999 0px dotted;TEXT-INDENT: -9999px; MARGIN: 0px auto; WIDTH: 590px; DISPLAY: none; BACKGROUND-REPEAT: no-repeat; BACKGROUND-POSITION: center 50%; HEIGHT: 150px; } #feature { BORDER: #999 0px dotted; POSITION: relative; ; MARGIN-TOP: 5px; } #feature .button { BORDER: #999 0px dotted; POSITION: absolute; WIDTH: 500px; LEFT: 0px } #feature .prev { BORDER: #999 0px dotted;TEXT-INDENT: -9999px; WIDTH: 30px; DISPLAY: block; BACKGROUND: url(../images/feature_left.gif) center top; FLOAT: left; HEIGHT: 48px;margin-top:-20px; } #feature .next { BORDER: #999 0px dotted; TEXT-INDENT: -9999px; WIDTH: 30px; DISPLAY: block; BACKGROUND: url(../images/feature_right.gif) center top; FLOAT: right; HEIGHT: 48px; margin-top:-20px; } #feature .prev:hover { BACKGROUND-POSITION: center bottom } #feature .next:hover { BACKGROUND-POSITION: center bottom } .featureUL { POSITION: relative; BORDER: #000 0px dotted; LIST-STYLE-TYPE: none; WIDTH: 2800px; FLOAT: left; LEFT: 417px; margin-left:-20px; top: 0px; margin-right: 0px; margin-top: 0px; margin-bottom: 0px; } .featureBox { BACKGROUND-IMAGE: url(../images/bg-featurebox.jpg); BORDER: #999 0px dotted; WIDTH: 170px; BACKGROUND-REPEAT: no-repeat; FLOAT: left; HEIGHT: 180px; OVERFLOW: hidden; PADDING-TOP: 10px } .featureBox img{ width:140px; height:100px; padding:3px; border:#ccc 1px solid; background:#fff} #botton-scroll { Z-INDEX: 0; BORDER: #999 0px dotted;MARGIN: 0px auto; WIDTH:360px; FLOAT: left; HEIGHT: 230px; } #block { Z-INDEX: 0; BORDER: #999 0px dotted; POSITION: relative; PADDING-BOTTOM: 20px; MARGIN: 0px auto; PADDING-LEFT: 0px; WIDTH: 370px; HEIGHT: 120px; FONT-SIZE: 70%; OVERFLOW: hidden; } #block .box { BORDER: #d8d8d8 0px solid; PADDING-BOTTOM: 10px; MARGIN: 0px 15px; WIDTH: 160px; FLOAT: left; HEIGHT: 120px; } #block .box .feature-title { FONT-SIZE: 140%; FONT-WEIGHT: normal } #block .box .feature-thumb { WIDTH:150px; MARGIN-BOTTOM: 5px; FLOAT: left; HEIGHT: 100px } #bottom_bg{ background:#333} #bottom{ margin-top:15px; padding:5px 0px 10px 0px; background:url(../images/btm_bg.jpg) repeat-x ;overflow:hidden } #bottom h4{ font-size:13px;margin:0px 0px 15px 10px; color:#F90;} #bottom ul{ float:left; width:225px;} #bottom li{ list-style:none; height:21px; line-height:21px; margin-left:15px; background:url(../images/gif.gif) no-repeat left center; padding-left:15px;} #bottomzi{ background:url(bottomzi.jpg) repeat-x; line-height:23px; text-align:center; padding-top:20px;} #foot_bg{ background:#000; color:#666} #foot{ text-align:left; line-height:32px;} #bottom .input1{ width:150px; height:24px;} #bottom .input2{ width:70px; text-align:center; height:26px; line-height:26px; background:#F60; border:none; margin-left:10px; color:#fff; cursor:pointer; font-weight:bold;} #bottom .input2:hover{ background:#f50;} .c-tabs {width:346px; height:80px; margin-bottom:15px;} .c-btn { width:120px; float:left;} .c-btn li { width:147px; height:32px; line-height:32px; text-align:center; margin-bottom:9px;} .c-btn li a { width:147px; height:32px; font-size:12px;} .c-tab-box { position:absolute; top:0px; left:0px;} .c-tab {position: relative; width: 210px; float: right; height: 69px; overflow:hidden; background: url(../images/synew_bg.jpg) repeat-y; padding:5px; color:#666; } .c-btn a:visited {color: Black} /* 已访问的链接 */ .c-btn a:hover {color:White;} /* 当有鼠标悬停在链接上 */ .c-btn a:active {color: Black} /* 被选择的链接 */ .mm1 a{ color:Black;} .mm2 a{ color:White} .nor{display:block; background: url(../images/btn2.png) no-repeat; cursor:pointer; background-position:left bottom;} .act{display:block; background: url(../images/btn2.png) no-repeat; cursor:pointer;} div.sabrosus{ float:left; margin: 3px; text-align: center; width: 730px; margin: 0 auto; padding:3px 3px 3px 3px;} div.sabrosus A{ border:#999 1px solid; background-position: 50% bottom; color: #666; margin-right: 5px; padding:2px 3px 2px 6px; text-decoration: none;} div.sabrosus A:hover{ background-image: none; color: #fff; background-color: #777777; border:#000 1px solid;} div.sabrosus a:active{ background-image: none; color: #fff; background-color: #777777; border:#000 1px solid;} div.sabrosus span1{ border:#adaaad 1px solid; color: #adaaad; margin-right: 3px; padding:2px 6px 2px 6px;} div.sabrosus span{ border:#adaaad 1px solid; color: #adaaad; margin-right: 3px; padding:2px 6px 2px 6px;} .pstyle p{ margin-top:15px; line-height:25px;} .conp p{ line-height:25px; margin-top:15px;} .sy_anli{ padding-top:10px;} .sy_anli li{ line-height:24px; height:24px; border-bottom:1px dotted #ccc; overflow:hidden; background: url(../images/ico03.jpg) no-repeat 5px 8px; text-indent:15px; } .myproductlist li{ float:left; width:270px; height:270px; overflow:hidden;} .myproductlist li h3{ padding-top:10px;} .myproductlist li h3 a{ font-size:14px; line-height:16px; font-weight:normal;} .myproductlist li .info{ color:#999;line-height:16px; display:none;}