@charset "utf-8"; /************************************* * 文件名称:style.css * 作 者:无忧科技 * 创建日期:2012-04-15 * 最后修改:name/ 第X行 / yyyy-mm-dd * 内容概要: 页面引入样式文件 *************************************/ html,body{ width:100%; margin:0 auto; font-family: "宋体", Arial; background: #fff fixed no-repeat center center; color:#6B5C48; font-size: 12px; line-height:180%; } img {border:0;} div,p,img,ul,li,form,input,label,span,dl,dt,dd,h1,h2,h3,h4,h5,h6,table,tr,th,td { margin:0; padding:0; } ol,ul,li { list-style-type:none; } A:link,A:visited{color:#6B5C48; text-decoration: none;} A:hover{ color: #bc2931; text-decoration: underline;} #head,#nav,#main,#main .conter,#foot{ width:100%; overflow:hidden; margin:0 auto; } #conter{ width:1000px; margin:0 auto; overflow:hidden; } #head{ background:url(../images/head_bg.jpg) center no-repeat; height:213px; } #nav{ background:url(../images/top.jpg) center no-repeat; height:109px; } #nav ul{ width:990px; margin:0 auto; overflow:hidden; margin-top:60px; } #nav ul li{ width:110px; float:left; overflow:hidden; font-size:16px; font-weight:bold; text-align:center; } #nav ul li a{ color:#FFFFFF; } #nav ul li A:hover{ color:#00C623; text-decoration: underline; } #main{ background:url(../images/main_bg.png) center repeat-y; } #main .conter{ background:url(../images/main_bg.jpg) top center no-repeat; overflow:hidden; padding-bottom:10px; } #foot{ background:url(../images/foot_bg.png) top center no-repeat; height:125px; text-align:center; color: #000; } #foot #conter{ margin-top:30px; } #foot a{ color: #000; } /* 首页布局 */ .box,.box_b{ width:970px; margin:0 auto; overflow:hidden; } .box_b{ border-top:#E5E1D6 1px solid; margin-top:20px; padding-top:20px; *margin-top:10px; } .box_l{ float:left; background:url(../images/line_r.gif) right center no-repeat; } .box_r{ float:right; } /* 首页简介 */ .about{ width:740px; margin-top:30px; overflow:hidden; background:url(../images/line_b.gif) center bottom no-repeat; padding-bottom:20px; margin-bottom:20px; } .about .img{ float:left; } .about .cont{ float:left; margin-left:10px; background:url(../images/about_cont_title.png) left top no-repeat; padding-top:40px; width:370px; font-size:14px; line-height:24px; } /* 首页新闻 */ .news{ width:300px; float:left; overflow:hidden; } .news .title{ width:100%; margin:0 auto; overflow:hidden; height:26px; background-color:#000000; } .news .title h3{ height:26px; width:80px; background-color:#95111D; color:#FFFFFF; border-right:#FFFFFF 1px solid; text-align:center; font-size:12px; float:left; line-height:26px; } .news .title .more{ float:right; padding-top:8px; padding-right:10px; } .news ul{ width:294px; margin:0 auto; overflow:hidden; padding-top:5px; } .news ul li{ width:100%; background:url(../images/news_ico.gif) 0px 12px no-repeat; height:30px; border-bottom:#E4D2A8 1px dashed; line-height:30px; text-indent:10px; } .news ul li a{ float:left; } .news ul li font{ float:right; font-size:11px; } /* 首页图片新闻 */ .picnews{ float:left; width:405px; height:222px; overflow:hidden; margin-left:15px; background:url(../images/pic_bg.gif) no-repeat; } .picnews .cont{ width:330px; height:190px; overflow:hidden; background-color:#FFFFFF; margin-top:10px; margin-left:52px; padding:2px; } .exmp{width:330px; height:190px;} .smallslider{position:relative;padding:0;margin:0;overflow:hidden;} .smallslider ul{list-style-type:none;padding:0;margin:0;position: absolute;width:auto;height:auto;} .smallslider li{margin:0;padding:0;} .smallslider li a{margin:0;padding:0;} .smallslider li a img{border:0;padding:0;margin:0;vertical-align:top;} .smallslider h3{position:absolute;font-weight:bold;font-size:12px;margin:0;padding:0;text-indent:2%;line-height:26px;z-index:102; width:98%;color:#CCC;} .smallslider h3 a{padding:0;margin:0;text-indent:0; } .smallslider h3 a:link,.smallslider h3 a:visited{text-decoration:none;color:#FFFFFF;} .smallslider h3 a:hover{text-decoration:underline;color:#FF6600;} .smallslider li.current-li{} .smallslider-btns{position:absolute;z-index:103;} .smallslider-btns span{background-color:#FFFFFF;border:1px solid #DCDCDC;color:#9F9F9F;cursor:pointer;float:left;font-size:12px;height:16px;line-height:16px;text-align:center; width:16px;} .smallslider-btns span.current-btn{ background-color:#C00100; border:1px solid #A00100; color:white; font-size:13px;font-weight:bold;} .smallslider-lay{position:absolute;background:black;height:26px;width:100%; z-index:101;} #debug{width:200px;height:200px;border:1px solid;background:#CCC;position:fixed;left:10px;bottom:20px; } /* 首页资质 */ .honor{ width:210px; margin:0 auto; overflow:hidden; margin-top:30px; } .honor h3{ width:100%; font-size:16px; color:#95111D; } .honor ul{ width:180px; margin:0 auto; overflow:hidden; padding-top:10px; } .honor ul li{ width:100%; overflow:hidden; margin-top:20px; margin-bottom:20px; } /* 首页产品 */ .pro{ width:740px; overflow:hidden; float:left; } .pro .title{ width:100%; margin:0 auto; overflow:hidden; height:16px; } .pro h3{ float:left; } .pro .more{ float:right; margin-right:30px; } .pro .cont{ width:740px; margin:10px auto; } #goleft { overflow:hidden; height:128px; margin-top:10px; width:730px; } #goleft1{ width:1800px; } #goleft1 li { float: left; padding:0px 12px 0px 0px; width:156px; text-align:center;} #goleft1 li .img{ width:154px; border:#cccccc 2px solid; margin:0 auto; overflow:hidden;} #goleft1 li a img{ display: block; width:150px; height:100px; border:#ffffff 2px solid;} #goleft1 li a:hover img{ display: block; width:150px; height:100px; border:#bc2931 2px solid;} #goleft1 li .name{ width:156px; margin:0 auto; overflow:hidden;} /* 首页联系方式 */ .lxwm{ width:210px; float:right; overflow:hidden; line-height:18px; } .lxwm table{ line-height:20px; } .lxwm h3{ width:100%; font-size:16px; color:#95111D; } /* page */ .page{ width:980px; overflow:hidden; margin:20px auto; } .page_l{ float:left; overflow:hidden; width:240px; } .page_r{ float:right; overflow:hidden; width:700px; } /* class & contact - page left */ .class,.contact{ width:240px; margin:0 auto; overflow:hidden; } .contact{ margin-top:15px; } .class .title,.contact .title{ line-height: 32px; height: 32px; width:100%; overflow:hidden; } .class .title{ background:url(../images/class_title.gif) no-repeat; } .contact .title{ background:url(../images/contact_title.gif) no-repeat; } .page_l .title span{ display:none; /* 名称不显示*/ } .class .cont,.contact .cont{ padding-bottom: 30px; background: url(../images/class_foot.gif) #efd9aa no-repeat left bottom; width:100%; overflow:hidden; } .class ul{ width:180px; overflow:hidden; margin:20px auto; } .class ul li{ text-align: center; margin: 2px auto 0px; width: 180px; font-weight: bold; overflow:hidden; } .class ul li a{ line-height: 30px; width:180px; background: #000; height:30px; color: #efd9aa; font-size: 14px; text-decoration: none; overflow:hidden; display:block; } .class ul li A:hover{ width: 180px; background: url(../images/class_li.gif) no-repeat left top; height: 30px; color: #000; text-decoration: none; display:block; overflow:hidden; } /* conter - page right */ .body{ width:700px; margin:0 auto; overflow:hidden; } .body .title{ width:100%; height:26px; background-color:#000000; overflow:hidden; margin:0 auto; } .body .title h2{ float:left; height:26px; background-color:#95111D; padding-left:20px; padding-right:20px; color:#FFFFFF; border-right:#FFF 1px solid; font-size:14px; line-height:26PX; } .body .title span{ float:right; color:#FFF; margin-right:10px; padding-top:3px; } .body .title span a{ color:#FFF; } .body .title span A:hover{ color: #bc2931; text-decoration: underline; } .body .cont{ width:680px; margin:10px auto; } .body .cont .p{ font-size:14px; line-height:30px; } /* 页码 */ .ewoyopage{ width:100%; margin:10px auto; text-align:center; color:#000; } .ewoyopage .pageinfo{ float:left; width:40%; text-align:center; } .ewoyopage .pageinfo font{ color:#ff6600; } .ewoyopage .pagesize{ width:60%; float:left; text-align:left; } .ewoyopage .pagesize font{ margin-left:2px; } .ewoyopage .size{ border:#2A2522 1px solid; padding:3px 5px 3px 5px; background-color:#E7D7B1; } .ewoyopage .current{ border:#95111D 1px solid; padding:3px 5px 3px 5px; background-color:#95111D; color:#fff; font-weight:bold; } /* 新闻动态 */ .list_news{ width:100%; margin:0 auto; overflow:hidden; } .list_news li{ width:100%; background:url(../images/news_ico.gif) 0px 12px no-repeat; height:30px; border-bottom:#E4D2A8 1px dashed; line-height:30px; text-indent:10px; } .list_news li a{ float:left; } .list_news li font{ float:right; font-size:11px; } .show{ width:100%; margin:20px auto; overflow:hidden; } .show h3{ width:100%; overflow:hidden; font-family: "Microsoft YaHei", "Hiragino Sans GB", STHeiti, Tahoma, SimHei, sans-serif; font-weight: 100; font-size: 20px; text-align:center; } .show .info{ width:100%; padding:8px 0px 8px 0px; border-bottom:#E4D2A8 1px dashed; text-align:center; overflow:hidden; color:#999999; } .show .info font{ color:#6B5C48; } .show .showbody{ font-size:14px; line-height:30px; margin-top:10px; } /* 产品展示 */ .list_pro{ width:100%; margin:0 auto; overflow:hidden; } .list_pro li{ float:left; margin:5px; overflow:hidden; width:158px; text-align:center; } .list_pro li .img{ width:154px; border:#cccccc 2px solid; margin:0 auto; overflow:hidden;} .list_pro li a img{ display: block; width:150px; height:100px; border:#ffffff 2px solid;} .list_pro li a:hover img{ display: block; width:150px; height:100px; border:#bc2931 2px solid;} .list_pro li .name{ width:160px; margin:0 auto; overflow:hidden;} .proshow{ width:100%; margin:20px auto; overflow:hidden; } .proshow table{ } .proshow h3{ font-size: 12px; } .probody{ width:100%; margin:10px auto; background:url(../images/probody_bg.gif) left top no-repeat; padding-top:30px; font-size:14px; line-height:30px; } /* 图片展示 */ .list_pic{ width:100%; margin:0 auto; overflow:hidden; } .list_pic li{ float:left; margin:7px; overflow:hidden; width:208px; text-align:center; } .list_pic li .img{ width:204px; border:#cccccc 2px solid; margin:0 auto; overflow:hidden;} .list_pic li a img{ display: block; width:200px; height:140px; border:#ffffff 2px solid;} .list_pic li a:hover img{ display: block; width:200px; height:140px; border:#bc2931 2px solid;} .list_pic li .name{ width:200px; margin:0 auto; overflow:hidden;} .picshow{ width:100%; margin:20px auto; overflow:hidden; } .picshow h3{ width:100%; overflow:hidden; font-family: "Microsoft YaHei", "Hiragino Sans GB", STHeiti, Tahoma, SimHei, sans-serif; font-weight: 100; font-size: 20px; text-align:center; margin:10px auto; } .picshow .img{ width:100%; margin:0px auto; overflow:hidden; text-align:center; } .picbody{ margin:0 auto; overflow:hidden; } /* 表格 表单 链接 */ .table tr{ background-color:#FEF8EC; } input[type="submit"] { padding:2px 5px 0 5px; cursor:hand} input[type="Reset"] { padding:2px 5px 0 5px; cursor:hand} .link a{ padding-right:10px;}