@charset "gb2312"; /* CSS Document */ body{margin:0; padding:0; font-family:"宋体";color:#333; font-size:12px;} h1,h2,h3,h4,h5,h6,dl,dt,dd,p,pre,ul,li,form{margin:0; padding:0;} input,select,textarea{font-size:12px; color:#666;} ul{list-style:none;} img{border:0;} a{text-decoration:none; color:#333;} a:hover{color:#ff9900; text-decoration:underline;} /* CSS 内页样式——页码样式 */ .page{width:100%;position:relative; margin-top:13px; float:left; height:30px; clear:both;} .page ul{display:block; width:180px; margin:0 auto;} .page li{float:left; line-height:18px;} .page li a{padding:0 5px; color:#666;} .page li a:hover{color:#ff6600;} .page li.number{ display:block; text-align:center; font-weight:bold;} .page li .click{color:#ff6600;} .wrapper{ width:962px; margin:0 auto; position:relative; text-align:left;} .clear{height:5px; overflow:hidden; clear:both;} .clear02{height:15px; overflow:hidden; clear:both;} .clear03{height:10px; overflow:hidden; clear:both;} /* CSS 头部 */ #header{height:118px; position:relative; background:url(../imgs/bg_header.jpg) repeat-x bottom;overflow:hidden;} #header .l{ width:50%; float:left; background:#D5D1CE; height:5px; overflow:hidden; position:absolute; left:0; top:0;} #header .r{width:50%; float:right; background:#009EFF; height:3px; overflow:hidden; position:absolute; right:0; top:0;} #header h1{position:absolute; top:49px; left:20px;} #header h2{background:url(../imgs/bg_htop.jpg) no-repeat; height:5px; position:absolute; left:0; top:0; width:100%;} #header p{ position:absolute; top:9px; right:0; display:block; background:url(../imgs/btn_login.jpg) no-repeat right; height:16px; padding-top:4px;} #header p a{ margin:0 11px; color:#999;} #header p span a{color:#fff;} #header ul.menu{height:57px; top:59px; right:0; background:url(../imgs/bg_navul.jpg) repeat-x bottom; position:absolute;} #header ul.menu li{float:left;display:block; height:36px; text-align:center;} #header ul.menu li a{display:block; height:36px; float:left; text-indent:-199em;} #header ul.menu li a:hover{} #header ul li.nav01 a{ background:url(../imgs/nav_home.jpg) no-repeat; width:75px;} #header ul li.nav01 a:hover{ background:url(../imgs/nav_home2.jpg) no-repeat;} #header ul li.nav02 a{ background:url(../imgs/nav_about.jpg) no-repeat; width:118px;} #header ul li.nav02 a:hover{ background:url(../imgs/nav_about2.jpg) no-repeat;} #header ul li.nav03 a{ background:url(../imgs/nav_product.jpg) no-repeat; width:105px;} #header ul li.nav03 a:hover{ background:url(../imgs/nav_product2.jpg) no-repeat;} #header ul li.nav04 a{ background:url(../imgs/nav_news.jpg) no-repeat; width:115px;} #header ul li.nav04 a:hover{ background:url(../imgs/nav_news2.jpg) no-repeat;} #header ul li.nav05 a{ background:url(../imgs/nav_feedback.jpg) no-repeat; width:102px;} #header ul li.nav05 a:hover{ background:url(../imgs/nav_feedback2.jpg) no-repeat;} #header ul li.nav06 a{ background:url(../imgs/nav_contact.jpg) no-repeat; width:99px;} #header ul li.nav06 a:hover{ background:url(../imgs/nav_contact2.jpg) no-repeat;} #header ul li.nav07 a{ background:url(../imgs/nav_shop.jpg) no-repeat; width:89px;} #header ul li.nav07 a:hover{ background:url(../imgs/nav_shop2.jpg) no-repeat;} /* CSS 首页 */ #content{ width:100%; float:left; position:relative; background:url(../imgs/bg_content.jpg) repeat-y;} #content .fla{background:url(../imgs/bg_indexfla.jpg) no-repeat; height:256px; text-align:center; padding:8px 0 10px 0; background:#fff;} #left{width:227px; float:left; background:#ECECEC; position:absolute; left:0; top:223px; z-index:2000;} #left h1{background:#019FFF; height:20px; padding:6px 0 0 15px;} #left h1 span{color:#fff; font-size:12px; position:absolute; right:8px; top:8px; font-weight:normal;} #left h1 span a{color:#fff;} #left ul.newslist{ padding:10px 5px 10px 20px; overflow:hidden;} #left ul.newslist li{ background:url(../imgs/line01.gif) repeat-x bottom; padding:4px 0;} #left ul.newslist li span{display:block; background:url(../imgs/arrow01.gif) no-repeat 1px 4px; padding:0 0 2px 12px; color:#999;} #left ul.piclist{ height:150px; width:100%; clear:both; padding-top:5px;} #left ul.piclist li{height:44px; overflow:hidden; text-align:center; margin-top:4px;} /* CSS 产品展示——三级列表菜单 */ .suckerdiv {z-index:500;} .suckerdiv ul{width: 158px; margin:0 auto; clear:both;} .suckerdiv ul li {width: 158px;position: relative; display:block; float:left; } .suckerdiv ul li strong{width: 158px;display:block; padding:5px 0; color:#019FFF; text-indent:20px; font-size:14px; border-bottom:1px solid #ccc;} .suckerdiv ul li a{display: block;color:#000;text-decoration: none;background:url(../imgs/line01.gif) repeat-x bottom;text-indent:0; padding:4px 0 3px 20px;} .suckerdiv ul li strong a{width: 158px;display:block; padding:5px 0;background:url(../imgs/arrow02.gif) no-repeat 1px 5px; color:#019FFF; text-indent:20px; font-size:14px; } .suckerdiv ul li ul{left: 158px;width: 100px; position: absolute;top:0px;display: none; z-index:950;} .suckerdiv ul li ul li{display:block; width:100px;background:#56BFFE; border:1px solid #fff; border-top:none;} .suckerdiv ul li ul li a{ background:none; text-indent:0; color:#fff;} .suckerdiv ul li ul li a:hover{color:#000;} .suckerdiv ul li ul li ul{left:99px;width: 100px; z-index:1000;} .suckerdiv ul li ul li ul li{width:100px; background:#C9EAFE;} .suckerdiv ul li ul li ul li a{color:#019FFF;} .suckerdiv ul li a:hover{color:#fff;background: #56BFFE; text-decoration:none;} .suckerdiv .subfolderstyle{ color:#666; text-decoration:none;} .suckerdiv ul li ul li .subfolderstyle{color:#000; text-decoration:none; font-weight:bold;background: #56BFFE; } /* CSS 左边树 */ #left ul.menu{ width:158px; margin:15px auto;} #left ul.menu li{border-bottom:1px solid #ccc; padding-bottom:2px; font-size:14px;} #left ul.menu li a{display:block; background:url(../imgs/arrow02.gif) no-repeat 15px 7px; text-align:center; height:15px; color:#666; padding:7px 0 3px 0;} #left ul.menu li a:hover{ background:url(../imgs/arrow03.gif) no-repeat 15px 7px #019FFF; text-decoration:none; color:#fff;} #left ul.menu li.click a{ background:url(../imgs/arrow03.gif) no-repeat 15px 7px #019FFF; color:#fff;} /* CSS 首页——右边 */ #right{width:703px; float:right; position:relative;min-height:870px; _height:870px; background:#fff;} #right .title{background:url(../imgs/bg_rtitle.jpg) repeat-x bottom; height:27px; position:relative;} #right .title h1{ position:absolute; top:2px; left:10px;} #right .title strong{position:absolute; left:120px; top:3px; display:block; background:url(../imgs/bg_tip01.jpg) no-repeat; width:70px; height:20px; text-align:center; padding-top:4px; font-size:14px;} #right .title span{position:absolute; right:8px; top:9px;} #right .title ul{position:absolute; left:110px; top:-1px; width:540px;Z-INDEX: 60; } #right .title ul li{float:left; font-weight:bold; cursor:pointer; padding:12px 0 0 0; height:16px; width:70px; text-align:center; margin:0 5px;} #right .title ul li.tip1{color:#000;background:url(../imgs/bg_tip01.jpg) no-repeat center bottom; font-size:13px;} #right .title ul li.tip2{ color:#666;} #right .title ul li#taba4{width:110px;} #right .title ul li#taba4.tip1{background:url(../imgs/bg_tip02.jpg) no-repeat center bottom;} #right ul.product{ height:550px; overflow:hidden; clear:both; display:block; border:1px solid #ccc; margin-bottom:10px;} #right ul.product li{width:175px; text-align:center; float:left; height:220px; padding-top:40px;} #right ul.product li img{ width:138px; height:172px; padding:2px; border:1px solid #ccc;} #right ul.product li a span {display:block; background:url(../imgs/bg_product02.jpg) no-repeat; width:144px; height:19px; margin:15px auto 0 auto; color:#fff; padding:3px 0 0 0;} #right ul.product li a:hover span{ background:url(../imgs/bg_product01.jpg) no-repeat;} #right .picchange{background:url(../imgs/bg_news03.jpg) repeat-x bottom; height:125px; clear:both; padding:17px 20px 0 25px;} .flash-box {POSITION: relative; WIDTH:100%; HEIGHT:115px;} .flash-box img{width:135px; height:102px;} .flash-box .text {WIDTH: 495px; POSITION: absolute; TOP: 0px;right: 0px; } .flash-box .text H3 {Z-INDEX: 10; } .flash-box .text H3 a{color:#666; font-size:14px; padding:8px 0; display:block;} .flash-box .text P {Z-INDEX: 10; } .flash-box .text P a{ color:#999;} .flash-box .text .pager {Z-INDEX: 10;right: 0px; top:92px; POSITION: absolute;padding:3px 0 0 110px;height: 17px; display:block; background:url(../imgs/bg_newschange.jpg) no-repeat; width:65px; text-align:right;} .flash-box .text .pager A {DISPLAY: block; FLOAT: left; MARGIN:0 1px; WIDTH: 14px; COLOR: #fff; HEIGHT: 13px; TEXT-ALIGN: center; background:#ccc;} .flash-box .text .pager A:hover { TEXT-DECORATION: none; color:#fff; background:#ff6600;} .flash-box .text .pager A.currA { TEXT-DECORATION: none; color:#fff; background:#ff6600;} .flash-box .text .bg {} #right .lypic{padding:20px 0 14px 0; height:162px; overflow:hidden;} #right .links{padding:20px 15px 0 15px; height:70px; overflow:hidden;} #right .links a{display:block; padding:0 3px; margin:8px 0; float:left; border-right:1px solid #666; height:10px; color:#666; width:75px; text-align:center;} #footer{ background:url(../imgs/bg_footer.jpg) repeat-x 0 12px; height:70px; clear:both;padding:32px 0 0 30px; color:#666; position:relative; line-height:22px;} #footer span{color:#0099FF; padding:0 5px;} #footer span a{color:#0099FF;} /* CSS 内页 */ #content .banner{ height:205px; text-align:center; padding:8px 0 10px 0; background:#fff;} .main{min-height:650px; _height:650px; padding:0 20px; position:relative;} .main p{line-height:22px; color:#666; text-indent:25px; padding:8px 0;} /* CSS 关于我们 */ .about{ padding-top:32px;min-height:700px; _height:700px;} .about p{ width:433px;} .about h6{position:absolute; top:80px; right:10px;} .about h6 img{ width:204px; height:137px; padding:3px; border:1px solid #019FFF;} /* CSS 产品详细页 */ #right ul.product2{position:absolute; top:210px; right:140px;} #right ul.product2 li{float:left; width:62px; text-align:center; cursor:pointer; color:#019FFF;} #right ul.product2 li img{ width:51px; height:48px; padding:2px; border:1px solid #ccc;} #right ul.product2 li span{padding-top:6px; display:block;} #right h5{position:absolute; top:55px; left:155px; background:url(../imgs/bg_productpic.jpg) no-repeat; width:185px; height:230px; text-align:center;} #right h5 img{width:185px; height:229px;} #right .display{height:305px; overflow:hidden; clear:both;} #right .p_details{ width:677px; margin:0 auto; border:1px solid #DBDBDB;} #right .p_details h3{font-size:14px; color:#019FFF; padding:10px 0 10px 40px;} #right .p_details table{width:98%; margin:0 auto; line-height:22px;} #right .p_details table th{text-align:right; font-weight:normal; color:#019FFF; width:100px;} #right .p_details table th,#right .p_details table td{padding:1px;} /* CSS 新闻资讯页 */ #right .news{} #right .news h3{font-size:16px; text-align:center; padding:40px 0 15px 0; color:#019FFF;} #right .news h4{font-weight:normal; color:#ff6600; padding:5px 0 15px 0; text-align:center; font-size:12PX;} #right ul.newslist{ padding:40px 5px 0 20px;} #right ul.newslist li{ background:url(../imgs/line01.gif) repeat-x bottom; padding:10px 0;} #right ul.newslist li span{display:block; background:url(../imgs/arrow01.gif) no-repeat 1px 4px; padding:0 0 2px 12px; color:#999; float:left; width:90px;} /* CSS 在线留言 */ #right .feedback { padding-top:40px;min-height:700px; _height:700px;} #right .feedback table{ width:600px; color:#666;} #right .feedback td{ padding:3px;} #right .feedback td input{border:1px solid #ccc; width:265px; height:14px;} #right .feedback td .textarea{border:1px solid #ccc; height:180px; width:565px; overflow:auto;} #right .feedback .submit{ display:block;position:relative; height:20px; padding:10px 0 0 0; } #right .feedback .submit input{width:58px; height:18px;} #right .feedback .submit span{position:absolute; left:170px; top:10px;} #right .feedback .submit strong{position:absolute; right:20px; top:11px;} #right .feedback .submit strong img{width:61px;margin-left:8px;} #right .feedback .recall{background:url(../imgs/arrow01.gif) no-repeat 1px; text-indent:10px; padding:8px 0;} #right .feedback .recall a{text-decoration:underline; color:#777;} #right .feedback .details{padding:10px 0; float:left; width:680px} #right .feedback .details dl{padding:5px;} #right .feedback .details dd{line-height:20px; text-indent:40px;} #right .feedback .details dt{line-height:30px; font-weight:bold;} #right .feedback .details dt span{color:#ff6600;} #right .feedback .details .question{background:#fff8ee;} #right .feedback .details .time{text-align:left; color:#019FFF;} #right .feedback .details .reply{background:#f9f9f9;} .page2{ padding:5px 0; width:100%; float:left; color:#999;} .page2 img{margin-right:10px;} .page2 input{width:20px; margin:0 5px; height:12px; border:1px solid #ccc;} .page2 .button{ margin:0 3px;padding:0; color:#019FFF; height:15px; width:20px; border:1px solid #019FFF; background:#fff; cursor:pointer;} /* CSS 员工登录入口页 */ .yglogin{background:url(../imgs/bg_yglogin.png) no-repeat; width:600px; height:428px; margin:120px auto 0 auto; position:relative;} .yglogin h1{position:absolute; left:67px; top:80px;} .yglogin h2{position:absolute; right:87px; top:90px;} .yglogin h3{position:absolute; left:160px; top:190px;} .yglogin ul{position:absolute; top:100px; left:160px;} .yglogin ul li{padding:3px 0; font-size:14px; font-family:"黑体"; color:#666; font-weight:bold;} .yglogin p{position:absolute; left:160px; top:230px;} .yglogin input{width:134px; height:16px; border:1px solid #ccc;}